/* BASIC CSS für saschabeck.com           */
/* coded by Sascha A. Beck, sabweb.net    */
/* (c) sabweb.net  --  made in VIM        */
/* either it works ... or it doesn't (TM) */


/* ----------- DOCUMENT CONTAINER --------- */

body {
    padding:     0;
    margin:      0;
    margin-top:  0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color:       #000;
    background:  #AABDE3;
    font-size:   100.01%; /* Mal wieder wegen IE: glatte Zahlen bringen den aus dem Tritt */
}


#container {
    /* Dieser blöde Container ist nur wegen IE6 nötig ... argh! */	
    margin:    0 auto;
    width:     760px;  /* nur für IE, wird später überschrieben */
    min-width: 400px;  /* lassen wir vorerst mal drin, auch wenn 600 für die Startseite schon zu wenig ist */
    max-width: 45em;
    /* Achtung: bei Veränderung der Schriftgröße durch den Nutzer wird min-width nicht neu geladen!!
       ==> Start der Site mit kleiner Schrift => kleiner container...
       Aber die Vorteile überwiegen die Nachteile */
}

/* und da Opera den gleichen voice-family bug hat, aber max-width unterstützt... */
html>body #container {
    width:auto;
}


/* ----------- HEADER --------- */

#header {
    position: relative;
    height: 71px;
    background: url(http://static.saschabeck.com/img/layout_top_middle_low.gif) repeat-x top right transparent;
    width: 100%;
    padding: 0; 

}

/* Hintergrundgrafiken rechts und links */
#headerleft {
    position: absolute;
    background: url(http://static.saschabeck.com/img/layout_top_left.gif) no-repeat top left transparent;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    padding: 0; 

}
#headerright {
    position: absolute;
    background: url(http://static.saschabeck.com/img/layout_top_right_low.gif) no-repeat top right transparent;
    width: 100%;
    height: 100%;
    padding: 0; 
    top: 0px;
    left: 0px;    
 
}

#headernavigation {
	margin: 0 0 0 25px;
	padding: 0;
	height: 25px;
    position: absolute;
    top:0px;
    left:0px;
}

#headernavigation ul {
    padding: 0px;
    margin: 0px;
}

#headernavigation li {
	margin: 0px; 
	padding: 0 1em 0 0;
    list-style: none;
	display: inline;
}

#headernavigation a {
    background-color: transparent;
	padding: 25px 0px 0 0;
	margin-top: 0px;
	font-size: 0.7em;
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-weight: 800;
    color: #000;
    text-decoration: none;
    letter-spacing: 1.1pt;    
}

#headernavigation a:hover, #headernavigation a.active:hover {
    font-weight: 800;
    color: #6B90DA;
}

#headernavigation a.active  {
    font-weight: 800;
    color: #000;
    color: #00008B; /* darklblue */
}



#headertextlogo {
    float: right;
    
    margin:     25px 18px 0px 0px;
    width:      276px;
    height:     41px;
    background: url(http://static.saschabeck.com/img/headerimages/saschabeckcom_logo_large.gif) no-repeat top right transparent;
}

/* Der Link "ueber" dem Logo */
a#aheadertextlogo {
   position: absolute;
    display: block;
    width:      276px;
    height:     41px;   
}


/* ----------- Accessibility --------- */

.nodisplay, #skipnavi a, #skipcontent a, #skipnavi a:hover, #skipcontent a:hover, #skipnavi a:visited, #skipcontent a:visited {
    /* display: none; wird in manchen Screenreadern nicht vorgelesen, daher diese Lösung */
    position: absolute;
    left:     0px;
    top:      -500px;
    width:    1px;
    height:   1px;
    overflow: hidden;
}

/* Skip Navigation */
#skipnavi a:active, #skipcontent a:active, #skipnavi a:focus, #skipcontent a:focus    { 
     position: absolute; 
     left:     10px;
     top:      100px;
     z-index:  1000;
     background: #fff;
     width:    auto; 
     height:   auto; 
} 


/* ----------- MAIN + CONTENT --------- */

#main {
    background: url(http://static.saschabeck.com/img/layout_middle_right.gif) repeat-y top right #f8f8f8;
}

#maincntlftbg {
    background: url(http://static.saschabeck.com/img/layout_middle_left.gif) repeat-y top left transparent;
}

	
#mainbtmlftbg {
    background: url(http://static.saschabeck.com/img/layout_bottom_left.gif) no-repeat bottom left transparent;
    padding-bottom: 1px;  /* fuer IE5 */

}

#mainbtmrghtbg {
   background: url(http://static.saschabeck.com/img/layout_bottom_right.gif) no-repeat bottom right transparent;
}


#content {
    margin: 0 10px 10px 10px;
    padding: 10px 10px 10px 10px;
    font-size: 0.8em;
        font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
    /* text-align: justify; */
}



/* ----------- FOOTER --------- */

.clearing {
	/* height: 0; */
	clear: both;
}

#footer {
    letter-spacing: 0.5pt;
	text-align: center;
	padding-top: 5px;
	font-size: 9px;
	color: #777;
}

#footer a {
    text-decoration: none;
    color: #777;
}

#footer a:hover {
    text-decoration: underline;
    color: #444;
}


/* ----------- STYLES --------- */

a:link, a:visited {
    color: #0066CC;
    text-decoration: none;
}

a:hover, a:active {
    text-decoration: underline;
}


img {
    border: 1px solid #999;
    margin: 5px; padding: 5px; 
    background-color: white;    
   
}

img.noborder {
    border: 0px dotted #999;
   
}

.alignleft {
    float: left;
}

.alignright {
    float: right;
}

.aligncenter {
    display: block;
    margin: 0 auto;
}

.pageintro {
   margin: 10px auto;
   padding: 5px;
   text-align: center;
   width: 80%;
   border: 1px dotted #ccc;
   background: #FFFFE0;
   background-color: #E5EAF5;
}


.wide {
    letter-spacing: 2pt;
}

.center, .centered {
    text-align: center;
}


h1, h2 {
   margin: 0;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-weight: 500;
    
    margin: 0;
    padding: 0;
}


h1, h2 {
    font-family: Georgia, "Times New Roman", serif;
    letter-spacing: 1.5pt;
    font-size: 1.9em;
    text-align: center;
    margin-top:    5px;
    margin-bottom: 10px;
    border-bottom: 1px dashed #bbb;
 
}

h3 {
    letter-spacing: 1.3pt;
    font-size: 1.6em;
    margin-bottom: 20px;
    margin-top: 30px;
}

#sitemap h3 {
    margin-top: 10px;
}

h4 {
    font-size: 1.4em;
    margin-bottom: 7px;
    margin-top: 20px;
}
	    
h5 {
    font-size: 1.2em;
    margin-bottom: 10px;
    margin-top: 10px;
}

.pnote {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 0.9em;
    margin:    10px  auto;
    padding: 10px;
    text-align: center;
    border-bottom: 1px dashed #bbb;
    border-top: 1px dashed #bbb;
    background-color: #E5EAF5;
}

#content p {

}

.sidebarurl {
    font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
    text-align: center;
    font-weight: 800;
    margin: 10px 0px;
}

.sidebarintro {
    font-family:  Verdana, Arial, Helvetica, sans-serif;
    font-family: Georgia, "Times New Roman", serif;  
    border: 1px solid #ccc;
    padding: 2px;
    font-size: 0.9em;
    font-style: italic;
    text-align: center;
    background-color: #f8f8f8;
    margin-bottom: 20px;
}

#sitemap {
    font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
    text-align: center;
}


#sitemap ul {
    list-style: none;
    padding-left: 0px;
    margin-top: 0px;
}


#sitemap ul a {
    font-weight: 800;
    color: #000;
    text-decoration: underline;
    letter-spacing: 1.1pt;    
}

#sitemap ul a:hover {
    font-weight: 800;
    color: #6B90DA;
}

#sitemap ul a  {
    font-weight: 800;
    color: #000;
}


/* Da der liebe IE6 das noch nicht macht arbeiten wir halt mit Background instead ...
.extern:before { 
    content:url(http://static.saschabeck.com/img/link_extern.gif)" "; 
}
*/


.extern, .up, .prev, .top  {
   padding-left:        13px  !important;
   background-repeat:   no-repeat  !important;
   background-position: left center  !important;
}

.extern {
    background-image:    url(http://static.saschabeck.com/img/link_extern.gif) !important;
}	    


.top {
    background-image:    url(http://static.saschabeck.com/img/link_hoch.gif) !important;
    float: right;
}

.up {
    background-image:    url(http://static.saschabeck.com/img/link_up.gif) !important;
}
    

.next {
    background-image:    url(http://static.saschabeck.com/img/link_rechts.gif) !important;
    padding-right:       15px;
    background-repeat:   no-repeat  !important;
    background-position: right center  !important;
}

.prev {
    padding-left:        15px;
    background-image:    url(http://static.saschabeck.com/img/link_links.gif) !important;
}