@charset "UTF-8";
/* CSS Document 

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; }
* html ul li a { height: 1%; }
/* End */



/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */




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

body {
background-color:#424242;
font-family:Verdana,Arial;
font-size:13px;
 
}

#masthead {
background:#424242 url(elemente/background.jpg)  repeat-x scroll center top;
height:60px;
width:100%;
}

#top {
padding-top:30px;
width:950px;
margin:auto;
}


#top .welcome ul li a {
list-style:none;
color:#FFFFFF;
padding-left:18px;
font-size:12px;
text-decoration:none;


}

#top .welcome ul li a:hover {
color:#DFECCB;
text-decoration:none;


}

#top ul li {
  list-style: none;
  padding-right: 1px;
  margin: 0;
  float:right;

}

#nav main ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
width:240px;
}
#nav main ul li {
position:relative;
}
#nav main li ul {
display:none;
left:239px;
position:absolute;
top:0;
}
#nav main ul li a {
background:  #333333 none repeat scroll 0 0;
border-style:solid solid none;
border-width:0 5px 0;
color: #ffffff;
display:block;
padding:10px;
text-decoration:none;
}





#wrap {
background-color:#FFFFFF;
border:10px solid #FFFFFF;
margin:auto;
padding:0;
width:930px;
}

#landing {

margin:0;
padding:0;
width:930px;
}
#logo {
background-color: #ffffff;
float:left;
margin:0;
padding:0 10px 0 0;
width:240px;

}

#huge {
float:right;
margin:0;
padding:0;
width:680px;

}



#main {

padding:10px 0  0  0;

background-color:#ffffff;
}


#main p {
padding:10px 0 0 10px;


}

#main a {
text-decoration:none;
color:#435447;

}
#main a:hover {
text-decoration:none;
color:#adc983;

}
#main .kontakt {

line-height:1.8em;
margin:10px 0 0 10px;


}
#main .kontakt ol {
list-style:circle outside; padding-left:10px;

}

#boxes {
margin: 10px 0 10px 0;
padding:5px;
background-color:#F9F8FF  ;
border:solid 1px #CCCCCC;
height:90px;


}




#text p {

font-size:11px;

}
#text   {

margin-left:100px;

}

#left {
float:left;
width:150px;
margin:10px 0 0 10px;
line-height:1.5em;

}
#right {
line-height:1.5em;
margin:10px 0 0 0;

}




h1 { 
font-family:"Times New Roman", Times, serif;
font-stretch:expanded;
font-weight:normal;
font-size:26px;
color:#435447;
}

h2 { 
font-family:"Times New Roman", Times, serif;
font-stretch:expanded;
font-weight:normal;
font-size:18px;
color:#435447;
}

h2 a  {

text-decoration:none;
color:#435447;


}

h2 a:hover  {

text-decoration:none;
color:#dfeccb;


}

p a  {

text-decoration:none;
color:#435447;


}

p a:hover  {

text-decoration:none;
color:#dfeccb;


}






.clear  { clear:both;
}





#footerteaser {

padding:10px 0  0;
width:930px;
background-color:#ffffff;
}







#footerteaser div.firstbox {
background:#424242 url(elemente/pixelpixel.jpg) no-repeat scroll left top;
float:left;
height:120px;
overflow:hidden;
width:240px;

}
#footerteaser div.firstbox p {
 font-size:9px;
 color:#999999;

 padding: 105px 5px 0 5px;
 letter-spacing:0.1em;

}

#footerteaser div.boxes {
background-color:#424242;
float:left;
height:120px;
margin-left:10px;
overflow:hidden;
width:220px;
}





:root {
quotes:"“" "”" "‘" "’";
}








#footer { 
background:#2D2D2D url(elemente/footer.jpg) repeat-x scroll center top;
padding:160px 0 0 0;
width:100%;
}





/*

#footer ul li a { 
color:#FFFFFF;
float:right; 
padding-left:18px;
font-size:12px;
text-decoration:none;
}


#footer ul li a:hover { 
color:#cc0000;
text-decoration:none;
background:#2D2D2D;
}


*/



#nav_main ul { background-color:#424242;
}



#nav_main ul {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 240px;
  height:320px;
  position: relative;
}



#nav_main a {
	display: block;
	text-indent: -900%;
	outline: none;
	

}
#nav_main .home a {
  width: 240px;
  height: 40px;
  background:  url(elemente/nav_home.gif) no-repeat;
 
}
#nav_main .home a:hover {
  width: 240px;
  height: 40px;
  background: url(elemente/nav_home_ho.gif) no-repeat;
  
}
#nav_main .home_active {
  width: 240px;
  height: 40px;
  text-indent: -900%;
  background: url(elemente/nav_home_active.gif) no-repeat;
}
#nav_main .about a {
  width: 240px;
  height: 40px;
  background:  url(elemente/nav_about.gif) no-repeat;
 
}

#nav_main .about a:hover {
  width: 240px;
  height: 40px;
  background: url(elemente/nav_about_ho.gif) no-repeat;

}
#nav_main .about_active {
  width: 240px;
  height: 40px;
  text-indent: -900%;
  background: url(elemente/nav_about_active.gif) no-repeat;

}
#nav_main .berichte a {
  width: 240px;
  height: 40px;
  background:  url(elemente/nav_berichte.gif) no-repeat;

}
#nav_main .berichte a:hover {
  width: 240px;
  height: 40px;
  background: url(elemente/nav_berichte_ho.gif) no-repeat;
 
}
#nav_main .berichte_active {
  width: 240px;
  height: 40px;
  text-indent: -900%;
  background: url(elemente/nav_berichte_active.gif) no-repeat;

}
#nav_main .foto a {
  width: 240px;
  height: 40px;
  background:  url(elemente/nav_foto.gif) no-repeat;
  
}
#nav_main .foto a:hover {
  width: 240px;
  height: 40px;
  background: url(elemente/nav_foto_ho.gif) no-repeat;
 
}

#nav_main .foto_active {
  width: 240px;
  height: 40px;
    text-indent: -900%;
  background: url(elemente/nav_foto_active.gif) no-repeat;
 
}

#nav_main .blog a {
  width: 240px;
  height: 40px;
  background:  url(elemente/nav_blog.gif) no-repeat;
 
}
#nav_main .blog a:hover {
  width: 240px;
  height: 40px;
  background: url(elemente/nav_blog_ho.gif) no-repeat;
 
}
#nav_main .offer a {
  width: 240px;
  height: 40px;
  background:  url(elemente/nav_offer.gif) no-repeat;
 
}
#nav_main .offer a:hover {
  width: 240px;
  height: 40px;
  background: url(elemente/nav_offer_ho.gif) no-repeat;
 
}
#nav_main .offer_active {
  width: 240px;
  height: 40px;
    text-indent: -900%;
  background: url(elemente/nav_offer_active.gif) no-repeat;
 
}

#nav_main .refs a {
  width: 240px;
  height: 40px;
  background:  url(elemente/nav_refs.gif) no-repeat;
 
}
#nav_main .refs a:hover {
  width: 240px;
  height: 40px;
  background: url(elemente/nav_refs_ho.gif) no-repeat;

}

#nav_main .refs_active {
  width: 240px;
  height: 40px;
    text-indent: -900%;
  background: url(elemente/nav_refs_active.gif) no-repeat;
 
}


#nav_main .kontakt a {
  width: 240px;
  height: 40px;
  background:  url(elemente/nav_kontakt.gif) no-repeat;
 
}
#nav_main .kontakt a:hover {
  width: 240px;
  height: 40px;
  background: url(elemente/nav_kontakt_ho.gif) no-repeat;
 
}
#nav_main .kontakt_active {
  width: 240px;
  height: 40px;
    text-indent: -900%;
  background: url(elemente/nav_kontakt_active.gif) no-repeat;
 
}