/* 
Project Name: Überbauung Morgenroot
Description: Urbanes Leben im Grünen
Author: ROMAN HOSPENTHAL - Freelance Webdesign - Küssnacht am Rigi - CH
Author URI: http://www.rhodesign.ch/
*/




/* ***************************************************
							Reset
*************************************************** */

html, body, div, span, h1, h2, h3, h4, h5, h6, p, ol, ul, li, form, label, legend, caption, aside, details, figcaption, figure, footer,header, hgroup, menu, nav, section, summary {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
ol, ul {list-style: none;}
a img {border:none}
aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block}




/* **************************************************
			      		Global styles
************************************************** */




html, body { 
padding:0px;
margin:0px;
}

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 15px 0 0 0;
padding: 0;
font-size: 12px;
}

.scanlines {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 3;
background: url(images/grid2.png);
}



/* **************************************************
			    		Main containers
************************************************** */


#container {
z-index: 3;
position: relative;
background: #efefef;
width: 675px;
margin: 0 auto 15px auto;
text-align:left;
padding: 20px 50px;
background: url(images/bg_container.png);
}


#header {width: 675px; height: 155px;  }
#logo {width: 160px; height: 111px; position: absolute; left: 320px; }


#navcontainer { 
background: #94a122; 
display: block; 
width: 675px; 
height: 23px; 
position: absolute; 
top: 155px;
}

ul#nav{
margin: 4px 0 0 0;
padding: 0;
list-style-type: none;
text-align: center;
}

ul#nav li { display: inline; }

ul#nav li a{
text-decoration: none;
padding: 4px 20px 4px 0;
color: #fff;
text-transform: uppercase;
}

ul#nav li a:hover{color: #201f1d;}
ul#nav li a.active{color: #201f1d !important;}





#content{
text-align: center;
line-height: 18px;
font-size: 12px;
}

#content h1{
color: #5e670d;
font-size: 15px;
font-weight: normal;
margin: 30px 0 15px 0;
}

#content p{
margin: 0 0 24px 0;
}

a {color: #94A122; text-decoration: none;}
a:hover {color: #201F1D; text-decoration: none;}