/* CSS Document www.unser-garten.ch */

/*Farbcodes:
grün:					#269d1b
braun					#3E3A37
hellgrau				#aeaeae
Schriftfarbe:			#272727
*/

html { height: 100%; }
body { background:url(../_grafics/bg_body.gif) repeat-x; height: 100%; font:100.1%/1.3em Arial, Verdana, Helvetica, sans-serif; letter-spacing: 0.01em; }
#page { position: relative; min-height: 100%;}
#wrap { width:100%; padding:90px 0px 0px 0px; background:url(../_grafics/bg_wht_center.png) 0px 90px repeat-x; }
#logo { position:absolute; top:20px; left:30px; width:243px; height:54px; }
#since1984 { position:absolute; top: 175px; left:914px; width:84px; height:83px; }
#content { padding: 140px 0px 0px 150px; width:700px; margin-bottom:40px;}
#shadow { background:url(../_grafics/bg_shdw_bottom.png) top left repeat-x; height:9px; }
#bildfader {width:400px; height:240px; float:left; border-left: 1px solid #aeaeae; padding-left:10px;}
#planungfader {width:600px; height:360px;}
#morepics {float:left; width:200px; margin-left:15px; font-size:0.8em;}
* html #page{ height: 100%; }
.lft {float:left; margin-right:20px; width:350px;}
.rgt {float:left; width:325px;}


#footer { position: relative; height:50px; margin-top: -67px; padding: 12px 0px 0px 150px; background:url(../_grafics/bg_footer.gif) no-repeat 0px 5px; font-size:0.7em; color:#fff; line-height:1.7em; } 
#footer a:link, #footer a:visited { color:#fff; }
#footer a:hover, #footer a:active { color:#272727; }

#hn { width:700px; height:69px; position:absolute; top: 123px; left:150px; }
#hn li { float:left; margin-right: 15px; }
#hn li a { display:block; height:69px; }

#hn li a.hn1:link, #hn li a.hn1:visited { background:url(../_grafics/hn1.gif) top left; width:174px; position:relative; }
#hn li a.hn1:hover, #hn li a.hn1:active, div#page.beratung #hn li a.hn1 { background:url(../_grafics/hn1_on.gif) top left no-repeat; }
#hn li a.hn2:link, #hn li a.hn2:visited { background:url(../_grafics/hn2.gif) top left; width:96px; position:relative; }
#hn li a.hn2:hover, #hn li a.hn2:active, div#page.gartenbau #hn li a.hn2 { background:url(../_grafics/hn2_on.gif) top left no-repeat; }
#hn li a.hn3:link, #hn li a.hn3:visited { background:url(../_grafics/hn3.gif) top left; width:120px; position:relative; }
#hn li a.hn3:hover, #hn li a.hn3:active, div#page.gartenpflege #hn li a.hn3 { background:url(../_grafics/hn3_on.gif) top left no-repeat; }
#hn li a.hn4:link, #hn li a.hn4:visited { background:url(../_grafics/hn4.gif) top left; width:113px; position:relative; }
#hn li a.hn4:hover, #hn li a.hn4:active, div#page.baumpflege #hn li a.hn4 { background:url(../_grafics/hn4_on.gif) top left no-repeat; }
#hn li a.hn5:link, #hn li a.hn5:visited { background:url(../_grafics/hn5.gif) top left; width:113px; position:relative; }
#hn li a.hn5:hover, #hn li a.hn5:active , div#page.kontakt #hn li a.hn5{ background:url(../_grafics/hn5_on.gif) top left no-repeat; }

#sn { width:200px; position:absolute; top: 120px; left:-100px; }
#sn li { margin-bottom: 5px; text-align:right; font-size:11px; }
#sn li a:link, #sn li a:visited { width:155px; color:#aeaeae; }
#sn li a:hover, #sn li a:active, #sn li a.on { color:#272727; }

strong {font-weight:bold;}
p { font-size:0.8em; }
h1 {margin:0px 0px 20px 0px;}
.rgt250 { margin-left: 250px; }
.rgt205 { margin-left: 205px; }
ul.ulist { list-style-type:square; padding:10px 40px; font-size:0.8em;}
a:link, a:visited { color:#269d1b; position:relative; }
a:hover, a:active { color:#000; position:relative; }
a.imgthb:link, a.imgthb:visited { display:block; padding:5px; border:1px solid #fff; background-color:#e1e1e1; margin:5px 5px 0px 0px; width:80px; height:80px; float:left; }
a.imgthb:hover, a.imgthb:active { border:1px solid #e1e1e1; background-color:#d0d0d0; }

/*  FORMS  													 */
/*************************************************************/
label { width:150px; margin-bottom:5px; font-size:0.8em;}
input { width:200px; height:14px; padding:3px; color:#1a1a1a; font-size:0.7em; border:1px solid #83bd58; margin-bottom:5px;}
input:focus { width:200px; height:14px; padding:3px; color:#1a1a1a; font-size:0.7em; border:1px solid #272727; margin-bottom:5px;}
input.submitter { width:208px; height:25px; padding:1px; margin-top:20px; color:#fff; text-transform:uppercase; font-size:0.8em; background-color:#269d1b; border:1px solid #e1e1e1;}
textarea { width:200px; height:80px; padding:3px; color:#1a1a1a; font-size:0.7em; font-family:Arial, Helvetica, sans-serif; border:1px solid #83bd58;}
textarea:focus { border:1px solid #272727;}

/*  FIXES  													 */
/*************************************************************/
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display:inline-block;}
/* 	Hide from IE Mac \*/ .clearfix {display:block;} /* 	End hide from IE Mac */ 
#clearer{clear:both;}