/*--- Colors:
  #9cb235 Nav green 
  #7d7d7d Text (p)
---*/

body { font-family: "HelveticaNeue", helvetica, arial, sans-serif; font-weight: normal; font-size: 75%; line-height: 1.7;
  color: #7d7d7d; background: #fff; margin: 0; }  
  
#container { width: 966px; margin: 0 auto 36px auto; position: relative; min-height: 600px; height: auto !important; height: 600px; padding: 0 30px 72px 0; 
  overflow: hidden; }  

#banner .gallery { height: 158px; width: 380px; overflow: hidden; float: left; border-left: 4px solid white; }

#navigation { width: 100%; height: 124px; font-size: 12px; }   
#navigation ul { position: absolute; left: 200px; top: 50px; text-transform: uppercase; font-size: 12px; }
#navigation li { float: left; margin: 0 12px 0 0; position: relative;}
#navigation li a { color: #878787; text-decoration: none; padding: 0 0 0 8px; }  
#navigation li a:hover { color: #9cb235; text-decoration: none; }  
#navigation li.active a { color: #9cb235; border-left: 1px solid black; }

#navigation li ul { text-transform: none; left: 0; top: 22px; width: 600px; border-left: 1px solid #9cb235; line-height: 1.3; }  
#navigation li.active li { margin: 0 5px 0 0; }
#navigation li.active li a { color: #5b5d53; border: none; }  
#navigation li.active li.active a { color: #9cb235; border: none; } 
#navigation li.active li a:hover { color: #9cb235; text-decoration: none; }  

#navigation li#item_9 ul { right: -192px; left: auto; border: none; }   

#login { position: absolute; top: 50px; left: 20px; text-transform: uppercase; padding-right: 42px; background: url('../images_neu/login.png') center right no-repeat;}  
#login a:hover { text-decoration: none; color: #5b5d53; }
                                                               

#address { float: left; width: 150px; margin: 0; background: url('../images_neu/baumhaus_green_box.png') no-repeat; padding: 20px;
  min-height: 210px; height: auto !important; height: 250px;  color: white; font-weight: bold;}  
#address a { color: white; text-decoration: none; }   
#address a:hover { color: white; text-decoration: underline; }    

#main { float: left; }     
#main li { list-style: none; padding-left: 12px; background: url('../images_neu/green_disc.png') 0 6px no-repeat; }  

#home #main { width: 340px; float: left; margin: 0; padding: 20px; } 
#home #teasers { width: 379px; float: right; min-height: 100px; height: auto important!; height: 100px; margin: 24px 8px 0 0; } 
#home #teasers h4 { padding: 2px 5px; background: #d9e4b8; color: #5e5452; }

#inhalt #main { float: left; width: 350px; margin: 36px 18px; } 
#inhalt #fotos { float: right; width: 350px; }
#inhalt h2 { text-transform: uppercase; }   
#inhalt #gallery { height: 443px; width: 326px; overflow: hidden; }


#verkauf #main { float: left; width: 300px; margin: 18px 18px; }
#verkauf #fotos { float: right; width: 450px;  margin-right: -30px; }  
#verkauf #fotos #display { height: 283px; overflow: hidden;}   
#verkauf #fotos #controls { text-align: right; font-size: 11px; padding-right: 10px; }
#verkauf #fotos #controls a { color: #7d7d7d; }   


#verkauf #thumbnails { position: relative; margin: 10px 0 0 0; padding: 0 22px 0 28px; width: 400px; height: 57px; overflow: hidden;}
#verkauf #thumbnails .wrapper { overflow: hidden; width: 400px; }
#verkauf #thumbnails a.control { display: block; width: 24px; height: 24px; position: absolute; top: 19px; }
#verkauf #thumbnails a.control:hover { text-decoration: none; }
#verkauf #thumbnails a.next { right: -2px; background: url('../images_neu/next.png') no-repeat; }
#verkauf #thumbnails a.previous { left: 2px; background: url('../images_neu/previous.png') no-repeat; }

#verkauf #thumbnails .thumbWrapper { height: 57px; }
#verkauf #thumbnails .thumbWrapper a { display: block; border: 1px solid #737373; width: 88px; display: block; float: left; margin: 5px 10px 5px 0; text-align: center; }  
#verkauf #thumbnails .thumbWrapper a.activeSlide { border: 1px solid #9cb235; }
#verkauf #thumbnails .thumbWrapper img { height: 45px; }

#infomaterial { margin: 24px 0 0 0;}
#infomaterial h2 { padding: 0 0 0 20px; background: url('../images_neu/minus.png') 0 4px no-repeat; }
#infomaterial ul { color: #74766e; margin: 0 0 0 20px; }
#infomaterial a { color: #74766e; text-decoration: none; }
#infomaterial a:hover { text-decoration: underline; } 

#copyright { position: absolute; bottom: 0; left: 210px; color: #c0baba; font-size: 0.9167em; }  
#listing { clear:both; padding: 36px 0 0 0; margin: 0 0 0 210px; color: #6f6765; } 
#listing .object { clear: left; margin: 0 0 18px 0; } 
#listing a { color: #5f7f23; }
#listing .thumbnail { width: 100px; height: 70px; background: gray; float: left; margin: 0 8px 8px 0; overflow: hidden; text-align: center; } 
#listing .thumbnail img { height: 70px; }  

#latest .object { clear: left; margin: 18px 0 18px 0; } 
#latest a { color: #5f7f23; }
#latest .thumbnail { width: 100px; height: 70px; background: gray; float: left; margin: 0 8px 8px 0; overflow: hidden; text-align: center; } 
#latest .thumbnail img { height: 70px; }

.referenz { width: 240px; height: 88px; float: left; }

#referenzen { clear:right; padding: 36px 0 0 0; margin: 0 0 0 0; color: #6f6765; width: 757px; float: right; } 
#referenzen .object { clear: left; margin: 0 0 18px 0; } 
#referenzen a { color: #5f7f23; }
#referenzen .thumbnail { width: 100px; height: 70px; background: gray; float: left; margin: 0 8px 8px 0; overflow: hidden; text-align: center; } 
#referenzen .thumbnail img { height: 70px; } 

#news h4 { margin: 0 0 18px 0; } 
#news p img { float: left; margin: 0 8px 8px 0;}






strong { font-weight: bold; }
p { margin: 0 0 1.5em 0; font-size: 0.9167em; }  
ul, dl, ol { font-size: 0.9167em; } 
a { text-decoration: none; color: #9cb235; -moz-outline: none; outline: none; } 
a:focus {  -moz-outline: none; outline: none; }
a:hover { text-decoration: underline; color: #9cb235; }


.clear { clear: both; }
.clearright { clear: right; }

h1 { font-size: 1.5em; font-weight: normal; margin: 0 0 0.5em 0; color:  #9cb235; }   
h1 span { color: #292d22; margin: 0.5em; }

h2 { font-size: 1em; font-weight: normal; margin: 0 0 8px 0; color: #9bc235; }    

#EmailForm { margin: -6px 0 16px 0; font-size: 0.9167em; }
#EmailForm .text_field label { display: block; color: #333; font-weight: bold; margin: 6px 0 0; }
#EmailForm input.text { border: 1px solid #777; padding: 3px; width: 240px; margin: 0; }
#EmailForm h4 { color: #333; margin: 8px 0 3px; }
#EmailForm textarea { width: 245px; height: 120px; }
#EmailForm .submit_field { margin: 6px 0;}