/* baumdienst potsdam   css dokument */

body {background-color: #fefefe; margin: 0; font-size: 100.1%; 
font-family: Arial, Verdana;
background-image:url(../grafik/background.jpg); background-position: top center; background-repeat: repeat;
text-align: center;  /* zentrierung im ie */}

ul, li, a, h1, h2, h3, h4, h5, h6, p, div, img {margin:0; padding:0;} 

.clearingleft {margin:0; padding:0; font-size:1px; clear: left;} /* schrift in kleinster groesse, da ie6 inhalt bei div braucht */
.clearingboth {margin:0; padding:0; font-size:1px; clear: both;} /* schrift in kleinster groesse, da ie6 inhalt bei div braucht */

img {border:0; display: block; margin:0;}



/* c o n t a i n e r  seitenaufbau */
#containeralles {display: block; width: 980px; /* noetig damit containerlogo mittig mitrutschen kann */
position: relative; /* damit vom container abhängig auf absolute gestellt werden kann */
top: 35px;
margin: auto; /* standardkonforme horizontale zentrierung */
text-align: left; /* seiteninhalt wieder links ausrichten */
}


#containerlogo {display: block; width: 580px; height: 169px; 
position: absolute; left: 0; top: 0; z-index: 10;
}

#containerbaumstamm {display: block; width: 147px; height: 510px; 
background-image:url(../grafik/baumstamm.png); background-position: 0px 0px; background-repeat: no-repeat;
position: absolute; left: 175px; top: 117px; z-index: 6;
}

#containerbackground {display: block; width: 980px; 
position: relative; top:0; left:0;
border-radius: 0 0 12px 12px;
background-image:url(../grafik/back_verlauf.png); background-position: 0px 39px; background-repeat: repeat-x;
}

#containerkopf {display: block; width: 980px; height: 39px; 
position: absolute;  left: 0; top: 0; z-index: 2;
background-image:url(../grafik/back_verlauf_kopf.png); background-position: top center; background-repeat: no-repeat;
}


#containerinhalt {display: block; width: 951px; min-height: 627px; 
position: relative; left: 29px; z-index: 3;
background-image:url(../grafik/strich.png); background-position: 726px 0px; background-repeat: repeat-y;
}

#rechterkasten {display: block; width: 225px; 
position: relative; z-index: 20;
float: right;
padding-bottom: 20px;
}

#menuekasten {display: block; width: 223px; 
position: absolute; top: 169px; left: 0;z-index: 5;
}

#textkasten {display: block; width: 395px; 
position: relative; top: 169px;left: 311px;
float: left;
padding-bottom: 20px;
margin-bottom: 169px; /* vertikale versetzung wieder ausgleichen*/
}

#galeriekasten {display: block; width: 608px; height: 427px; 
position: relative; z-index: 4;top: 169px; left: 98px;
float: left;
margin-bottom: 169px; /* vertikale versetzung wieder ausgleichen*/
}


/* s c h r i f t e n */
h1 {display: none;} /* fuer beschreibung der Bloecke, wenn css ausgeschaltet ist */
h2 {display: block; font-size: 60px; line-height: 57px; font-weight: bold; padding-bottom: 25px; color: #b7501f;}
h3 {display: block; font-size: 16px; line-height: 20px; font-weight: normal;  color: #971f28;}
h4 {font-size: 33px; line-height: 30px; font-weight: bold; padding: 0 20px 16px 20px; color: #3f5225;}
h5 {display: block; font-size: 16px; line-height: 20px; font-weight: normal; padding: 0 20px 0 20px; color: #3f5225;}
.abdeckertext h4 {padding: 0 5px 5px 8px;}
.abdeckertext h5 {padding: 0 5px 0 8px;}



p {font-size: 13px; line-height: 20px; font-weight: normal; color: #2c2c2c;padding: 0;padding-bottom: 20px;}
#rechterkasten p {font-size: 12px; line-height: 18px; padding: 0 10px 14px 20px;}
#menuekasten p {font-size: 13px; line-height: 22px; color: #f4f5f3; padding: 8px 0 8px 50px;}


a{color: #971f28; text-decoration: none; font-weight: normal;}
a:hover{text-decoration: none; color: #b7501f;}

.rot {color: #971f28;}
.orange {color: #b7501f;}
.auszeichnung {font-size: 24px; line-height: 29px; font-weight: bold; color: #b7501f;}


/* t e a s e r k a s t e n */
.teaserkasten {display: block; width: 225px; 
position: relative;  /* damit vom container abhängig auf absolute gestellt werden kann */
margin-top: 35px;}

.teaserkasten img {margin: 0px 8px 0 20px;}

.abdeckertext {display: block; width: 185px; 
position: absolute; z-index: 40; top: 150px; left: 20px;
background-image:url(../grafik/weiss_transparent.png); background-position: 0 0; background-repeat: repeat;
padding-top: 4px;
}

.pfeil a{display: block; width: 26px; height: 28px; margin-right: 8px;
float: right; margin-top: 19px; 
background-image:url(../grafik/pfeil_kasten.gif); background-position: 0 0; background-repeat: no-repeat;
}

.pfeil a:hover{
background-image:url(../grafik/pfeil_kasten_hover.gif); background-position: 0 0; background-repeat: no-repeat;
}

/* m e n u e */
 
ul {color: #f4f5f3; list-style-type: none;}
li {}

.pfeil01 {background-image:url(../grafik/pfeil_01.png); background-position: 10px 0; background-repeat: no-repeat;}  /* nach rechts */
.pfeil02 {background-image:url(../grafik/pfeil_02.png); background-position: 8px 6px; background-repeat: no-repeat;}  /* nach unten */

.leistungenkasten {
display: block; width: 253px; border: solid 1px #fff; margin-bottom: 3px;
background-image:url(../grafik/back_menue.jpg); background-position: 0 0; background-repeat: repeat-x; 
background-color: #495f2b;
}

li a{display: block; width: 223px; 
background-color: #495f2b; border: solid 1px #fff; 
font-size: 17px; line-height: 23px; font-weight: bold; color: #f4f5f3;  
padding-left: 30px; margin-bottom: 3px;
text-decoration: none; }
li a:hover{
background-color: #b7501f; 
font-weight: bold; color: #f4f5f3;
text-decoration: none; }
li .current{
background-color: #b7501f; 
font-weight: bold; color: #f4f5f3;
text-decoration: none; }

.leistungenkasten ul{margin: 8px 0 8px 0;}
.leistungenkasten li a{display: block; width: 203px; 
font-size: 13px; line-height: 17px; font-weight: normal; color: #f4f5f3;  
padding: 0 0 0 50px; margin-bottom: 5px; 
border: none; background-color: transparent;
text-decoration: none; }
.leistungenkasten li a:hover{
background-color: #b7501f; 
font-weight: normal;color: #f4f5f3;
text-decoration: none; }
.leistungenkasten li .current{
background-color: #b7501f; 
font-weight: normal;color: #f4f5f3;
text-decoration: none; }

.menuepunkt{font-size: 17px; line-height: 23px; font-weight: bold; color: #f4f5f3;  
padding-left: 30px;}

.impressum {font-size: 12px; line-height: 19px; font-weight: normal; padding-top:5px;}
.impressum a{color: #3f5225; text-decoration: none; font-weight: normal;}
.impressum a:hover{text-decoration: none; color: #b7501f;}

/* sondersachen sondersachen */
#achtung {display: block; width: 542px; padding-bottom: 6px;
position: absolute; left: 323px; top: 340px; z-index: 100; background-color:#9a1b24; border: 1px solid white;
}

#achtung h4 {display: block; font-size: 33px; line-height: 30px; font-weight: bold; padding: 11px; padding-bottom: 0; color: white;}
#achtung p {font-size: 13px; line-height: 20px; font-weight: normal; color: white;padding: 11px; }
#schliessen {display: block; width: 300px;float: right; text-align: right; }
#schliessen img{display: block; float: right; padding-left: 7px}
#schliessen p {font-size: 11px; line-height: 11px; font-weight: normal; color: white;}
#schliessen a{color: white; text-decoration: none; font-weight: normal;}
#schliessen a:hover{text-decoration: none; color: white;}