html {height: 100.5%; font-size: 62.5%;}
body {background: #EEEEEE; 
     font-size: 1.3em; font-family: "Trebuchet MS", sans-serif; line-height: 160%; color: #333;
     margin: 0;
     padding: 0;}

* {margin: 0px; padding: 0px; border: 0px;}

/*div {
	border: 1px solid black;
	}*/

h1, h2, h3, h4, h5, h6 {
	font-family: "Century Gothic", sans-serif; 
	color: #00b1b0;
}

h1 {font-size: 2.2em; border-bottom: 1px dotted #CCC;margin: 1em 0px 0.5em 0px; padding-bottom: 0.2em; line-height: 1.3em;}
h2 {font-size: 2.0em; margin: 1em 0px 0.5em 0px; padding-bottom: 0.2em; line-height: 1.3em;}
h3 {font-size: 1.8em;}
h4 {font-size: 1.6em;}
h5 {font-size: 1.4em;}
h6 {font-size: 1.2em;}
h8 {font-size: 0.7em;}

ul, ol {list-style-position: inside; margin-bottom: 1em;}

div#wrapper {background: #FFFFFF; width: 970px; margin: 0px auto 0px auto; text-align: left;
             background-image: url(images/Container-vertical-background.png);	
             background-repeat: repeat-x;
             z-index:1;
             }


div#header {background-image: url(images/hedrin-home-bar.png);
            background-position:left;
            background-repeat: no-repeat;
            height: 300px;
            position:absolute;
            width:600px; height:300px;
            z-index:2;

           }

div#nav {background-image: url(images/menu-tab-background.png);
        background-position:right;
        background-repeat: no-repeat; 
        position:absolute;
        margin-top: 2em; 
        width:970px; height:70px;
        z-index:3;
        }
        
div#nav li {display: inline; margin-right: 0.8em; margin-top: 2em; letter-spacing: 0.1em;}

div#nav ul {list-style: none;  text-align: right; margin-top: 1.5em;}
div#nav ul a {
	color: #ffffff;
	margin-right: 0.3em;
	margin-top: 3em;
	text-decoration: none !important;
	font-weight: bold; 
	text-transform: uppercase;
	
}

div#nav li a:hover, 
body#home div#nav li.active a{
 color:#ffffff;
 background-color:#00b1b0;
 }
 

div#container {overflow: auto; background: #00b1b0; 
	/*border: 1px dotted black;*/}

div#content {float: right; background: #fff; width: 750px; text-align: left; padding-right: 20px;padding-left: 34px;}
div#content a {
	color: #004990;
	text-decoration: none;
	font-weight: bold; 
	}
	
div#content a:hover, 
body#home div#content a{
 color:#00b1b0;
 }

div#sidebar {width: 160px; background: #00b1b0; border-right: 2px solid #00b1b0;}
div#sidebar ul {list-style: none;}
div#sidebar li a {
	display: block;
	color: #fff;  
	text-decoration: none !important;
	font-weight: bold; 
	text-transform: uppercase;
	padding:6px 3px 6px 3px;
	text-indent: 10px;
    }
    
div#sidebar li a:hover {
 color:#333;
 background-color:#fff;
 padding:6px 3px 6px 6px;
 }
 

div#spacer{height: 300px;}

div#footer {width: 970px;
           margin: auto; margin-top: 0px;
           position: relative;
           clear: both;
           z-index: 10;
           height: auto;
           background-color: #FFFFFF;
           border-top: solid;
           border-top-color: #EEEEEE;}
           

ul#boxen{
   padding:0px;
   margin-left:0px;
   list-style:none;
   display: inline;
}

#boxen li{
   width:600px;
   float:left;
   margin-right:0px;
}

div#hintergrund {background-color: #cfcecc; padding-left: 20px;}

div#inhalt-rechts {float: right;}
div#inhalt-links {float: left;}


blockquote.infobox {
	background: #a3e0de;
	border: dotted 1px #17b2b0;
	float: right;
	width: 140px;
	padding: 10px;
	margin-left: 20px; margin-bottom: 20px;}