/* standard classes  
1em = 16px
0,0625em = 1px
0,125em = 2px
0,1875em =3px
8.4375em = 150px
Vererbung auf Basis 12px in den jeweiligen divs!!! Rundung auf 4Stellen hinter dem Komma
1em = 12px
0.0833em = 1px
0.1667em = 2px


Hotel am zoo

3d4b17 dunkleres grün
5c6743 helleres grün




URL(../images/bg_body.jpg) no-repeat fixed center 50px;
*/

html, body{text-align:center; margin:0; color:#ffffff; font:100.01% Verdana,Arial,sans-serif;
	scrollbar-3dlight-color:;
	scrollbar-arrow-color:#5c6743;
	scrollbar-base-color:#f0f0f0;
	scrollbar-darkshadow-color:;
	scrollbar-face-color:#ffffff;
	scrollbar-highlight-color:#ffffff;
	scrollbar-shadow-color:;}
html{background:#5c6743;}

*{margin:0; padding:0;}


div{margin:0px; text-align:left; letter-spacing:0; line-height:1.5em;}
div.all{margin:auto; margin-top:10px; width:960px; text-align:center; background:#ffffff;}


table.all{margin:auto; margin-bottom:20px; border:0; border-bottom:2px solid #5c6743;}
div.all{}

td.headerbox{}
div.headerboxtop{margin:auto; width:900px; overflow:hidden; margin-top:10px; height:200px;}
div.headerbox{margin:auto; width:500px; overflow:hidden; background:#3d4b17; height:333px;}
div.headerlogo{}
div.headercontent{}

td.navigationbox{width:200px; margin:0 0 0 0; padding:0; vertical-align:top; background:#3d4b17;}
div.navigationbox{width:12.5em; position:absolute; left:0px; top:0px; z-index:1; background:#3d4b17;}
div.navigation{margin:0; padding:0px; font-size:0.75em; text-align:left; letter-spacing:0em; }
div.roundtrip{margin:0; padding:3px; font-size:0.75em; text-align:center; letter-spacing:0em; background:#ffffff;}
div.roundtrip_bottom{margin:0; padding:3px; font-size:0.75em; text-align:center; letter-spacing:0em;}
div.placeholder_small{height:40px;}

td.contentbox{width:500px; margin:0; padding:0;vertical-align:top; background:#3d4b17;}
div.contentbox{height:37em; margin-left:12.6em; margin-right:12.6em; background:#3d4b17;}
div.contentbox[class]{height:auto; min-height:37em; margin-left:12.6em; margin-right:12.6em; background:#3d4b17;}
div.content{margin:0; padding:0px; font-size:0.75em; text-align:left;}
div.contentbg{margin:3px; padding:3px; vertical-align:middle; text-align:center; background:#3d4b17; border-bottom:1px solid #5c6743;}

td.additionalbox{width:200px; margin:0; padding:0; vertical-align:top; background:#3d4b17;}
div.additionalbox{width:12.5em; position:absolute; right:0px; top:0px; z-index:1; background:#3d4b17;}
div.additional{margin:0px; padding:0px; font-size:0.75em; letter-spacing:0px;}
div.additionalsmallbox{text-align:center; margin:0 0px; padding:10px 3px; font-size:0.75em; letter-spacing:0px; border-bottom:1px solid #5c6743; overflow:hidden;}

div.d100{width:100%; margin:0px; text-align:center;}  /*Sondereinladung für textareas IE*/
div.forecast{width:500px; margin:0px; text-align:center; border:1px solid #000000;}  /*Breite des Contentbereichs für WYSIWIG und Vorschau*/
div.smallalign{font-size:0.833em; letter-spacing:0px;}

span{}
span.hover{color:#a6a6a6;}
span.hovernav{color:#ffffff;  display:block; background:#5c6743}
span.hovernavheader{color:#a6a6a6;}
span.rountrip_top_hover{color:#a6a6a6;}
span.rountrip_bottom_hover{color:#ffffff;}
span.small{font-size:10px; letter-spacing:0px;}
span.help{cursor:help; font-style:italic;}

/* semantische Auszeichnungen----------------------------------------------------------  */

h1{margin:0px 15px 5px 15px; padding:3px; font:bold 0.8em Verdana,Arial,sans-serif; color:#ffffff; background:#; text-align:center; letter-spacing:0px;}
h2{margin:5px 15px 5px 15px; font:bold 1.0em Verdana,Arial,sans-serif; color:#ffffff; text-align:center; letter-spacing:0px;}
h3{margin:5px 15px 0 15px; font:bold 1.0em Verdana,Arial,sans-serif; color:#ffffff; letter-spacing:0px;}
h4{margin:5px 15px 5px 15px; font:bold 1.0em Verdana,Arial,sans-serif; color:#ffffff; letter-spacing:0px;}
h1.navigation{margin:0 0 0 5px; padding:3px 0 3px 0; font:bold 1.1em Verdana,Arial,sans-serif; color:#ffffff; background:none; text-align:left; letter-spacing:0px;}
h1.additional{margin:0 5px; padding:3px; font:bold 0.75em Verdana,Arial,sans-serif; color:#ffffff; border-top:1px solid #5c6743; background:#5c6743; text-align:center; letter-spacing:0px;}
h2.navigation{margin:0 0 0 0; padding:3px 0 3px 0; font:1.0em Verdana,Arial,sans-serif; text-align:left;letter-spacing:0px;}
em, strong, code, samp, kbd, var, cite, dfn, abbr, acronym, q{font-weight:normal; color:#a6a6a6;}

p{margin:0 15px 10px 15px;}
p.smallalign{margin:5px 5px 5px 5px; line-height:1.3em; font-size:0.833em; letter-spacing:0px; padding:2px; text-align:left;}
p.teaser{margin:5px 15px 15px 15px; font:1.5em Georgia,Verdana,Arial,sans-serif; color:#ffffff; letter-spacing:0px;}

ul{margin:5px 5px 5px 15px;}   /* ul,ol margin bezieht sich nur auf Texteinzug*/
ul.point{list-style-type:disc;}
ol{margin:5px 5px 5px 30px; list-style-type:decimal;}
li{margin-left:15px;}   /* li margin zusätzlich für führende Zeichen*/

ul.navigation1{margin:0 5px 0 5px; letter-spacing:0em; text-align:left; list-style-type:none;}
li.navigation1{margin:0; border-top:0px solid #ffffff;}
li.navigation1:hover{margin:0;}
li.navigation1em{margin:0; border-top:0px solid #ffffff;}
li.navigation1em:hover{margin:0;}
ul.navigation2{margin:0 0 0 5px; list-style-type:none;}
li.navigation2{margin:0; border-top:1px solid #5c6743;}
li.navigation2:hover{margin:0; border-top:1px solid #5c6743;}
li.navigation2to3{margin:0; border-top:1px solid #5c6743;}
ul.navigation3{margin:0 0px 0 5px; list-style-type:none;}
li.navigation3{margin:0; border-top:1px solid #5c6743;}
li.navigation3:hover{margin:0; border-top:1px solid #5c6743;}

table{margin:5px 15px 5px 15px; letter-spacing:1px; font:1em Verdana,Arial,sans-serif; border-bottom:1px solid #5c6743; border-right:1px solid #5c6743; background:#ffffff;}
caption{margin:5px 15px 5px 15px; font:bold 1.2em Verdana,Arial,sans-serif; color:#5c6743; text-align:center; letter-spacing:0px;}
td{padding:1px 5px 1px 5px; text-align:left; border:0px solid #000000;background:#5c6743;}
th{padding:1px 5px 1px 5px; text-align:left; border:0px solid #000000; background:#3d4b17;}
th.y{font-weight:normal;}

hr{color:#a6a6a6; height:1px;}

/*HTML/Medien-------------------------------------------------------------------------------*/

a{color:#b6b6b6;}
a:hover{color:#ffffff;}
a.content{}
a.content:hover{}
a.content:visited{color:#a6a6a6;}
a.navigation{text-decoration:none; color:#ffffff; display:block}
a.navigation:hover{background:#5c6743; text-decoration:none; display:block}
a.navigationem{text-decoration:none; color:#ffffff;}
a.navigationem:hover{text-decoration:none;}
h1 a.navigation{color:#ffffff; text-decoration:none; display:block}
h1 a.navigation:hover{background:none; text-decoration:none; display:block}
a.roundtrip_top{text-decoration:none; color:#5c6743;}
a.roundtrip_top:hover{color:#a6a6a6; text-decoration:none;}
a.roundtrip_bottom{text-decoration:none;}
a.roundtrip_bottom:hover{text-decoration:none;}
a.introreader{}
a.introreader:hover{}
a.tool{text-decoration:none;border-top: 1px solid ButtonHighlight; border-left: 1px solid ButtonHighlight; border-bottom: 1px solid ButtonShadow; border-right: 1px solid ButtonShadow; color:#ffffff;}
a.tool:hover{text-decoration:none;border-top: 1px solid ButtonShadow;  border-left: 1px solid ButtonShadow; border-bottom: 1px solid ButtonHighlight; border-right: 1px solid ButtonHighlight; color:#a6a6a6;}


img{border:0px solid #000000;}
img.icon{border:0px solid #000000; cursor:pointer;}
iframe{width:100%; border:0 solid #000000;}
object{border:0px solid #000000;}

fieldset{padding:3px; margin:3px; border:1px solid #5c6743;}
 .select{border:1px solid #5c6743; font:100% Verdana,Arial,sans-serif; letter-spacing:0em;}      /* IE: ohne %-font-size keine Anpassung, Netscape: Höhe des Selectfeldes wächst nicht mit*/
 .text{margin:2px 0px 2px 0px; padding:1px; background:#ffffff; color:#000000; width:15em; border:1px solid #5c6743; font:100% Verdana,Arial,sans-serif; letter-spacing:0em; margin-bottom:1px;}
 .file{width:80%; border:1px solid #5c6743; font:100% Verdana,Arial,sans-serif; letter-spacing:0em; margin-bottom:1px;} 
 .textarea{width:100%; border:1px solid #5c6743; font:100% Verdana,Arial,sans-serif; letter-spacing:0em; margin-bottom:1px;}
 .button{width:8.33em; letter-spacing:0px;  border:2px solid #5c6743; color:#ffffff; background:#a6a6a6; font-size:100%; letter-spacing:0em;}
 .radio{border:1px; font:100% Verdana,Arial,sans-serif; letter-spacing:0em; margin-bottom:1px;}
 .checkbox{border:1px; font:100% Verdana,Arial,sans-serif; letter-spacing:0em; margin-bottom:1px;}

button{cursor:pointer;}
 .toolform{width:20px; height:20px; background:#ffffff;}
label{text-align:left;}
label.mail{float:left; width:9em;}
legend{font-weight:bold;color:#ffffff;}



/* classes  especially for current web*/
fieldset.quick_booking_h{padding:0; margin:0 0 5px 0; border-top:0px solid #ffffff; border-bottom:0px solid #ffffff; background:#303030; color:#ffffff; font-size:0.85em; text-align:center;}
fieldset.quick_booking_v{padding:0; margin:0 0 0 10px; border:none; background:#3d4b17; color:#ffffff; font-size:0.85em; text-align:center;}
/*Kopfnavigation*/
#navheader{padding:0 0; margin:0 0; background:#ffffff;}
#navheader ul, #navheader li{padding:0 0; margin:0 0;}
#navheader li{float:left; list-style-type:none; text-align:center; background:#5c6743;}
#navheader a{height:1.4em; margin:0 0;}

#navheader1, #navheader2, #navheader3, #navheader4, #navheader5, #navheader6, #navheader7, #navheader8, #navheader9, #navheader10{display:block; text-decoration:none;}
#navheader1{width:15em; color:#ffffff;}
#navheader1:hover, .navheader1checked{background:#aaaaaa; color:#000000;}
#navheader2{width:10em; color:#ffffff;}
#navheader2:hover, .navheader2checked{background:#aaaaaa; color:#000000;}
#navheader3{width:10em; color:#ffffff;}
#navheader3:hover, .navheader3checked{background:#aaaaaa; color:#000000;}
#navheader4{width:10em; color:#ffffff;}
#navheader4:hover, .navheader4checked{background:#aaaaaa; color:#000000;}
#navheader5{width:10em; color:#ffffff;}
#navheader5:hover, .navheader5checked{background:#aaaaaa; color:#000000;}
#navheader6{width:10em; color:#ffffff;}
#navheader6:hover, .navheader6checked{background:#aaaaaa; color:#000000;}
#navheader7{width:10em; color:#ffffff;}
#navheader7:hover, .navheader7checked{background:#aaaaaa; color:#000000;}
#navheader8{width:10em; color:#ffffff;}
#navheader8:hover, .navheader8checked{background:#aaaaaa; color:#000000;}
#navheader9{width:10em; color:#ffffff;}
#navheader9:hover, .navheader9checked{background:#aaaaaa; color:#000000;}
#navheader10{width:10em; color:#ffffff;}
#navheader10:hover, .navheader10checked{background:#aaaaaa; color:#000000;}

#navheader .sub{position:absolute; margin:0 0 0 0; display:none; background:#ffffff; border:1px solid #000000; z-index:2;}
#navheader .sub2{position:absolute; margin:0 0 0 -5em; display:none; background:#ffffff; border:1px solid #000000; z-index:2;}
#navheader .sub li{width: 15em; float:none; margin:2px; text-align:left; background:#404040;}
#navheader .sub2 li{width: 15em; float:none; margin:2px; text-align:left; background:#404040;}
#navheader .sub a, #navheader .sub2 a{display:block;margin:0 0;}
#navheader .sub a:hover, #navheader .sub2 a:hover{color: #ffffff;margin:0 0;}

#navheader li:hover .sub, #navheader li:focus .sub, #navheader li.iehover .sub, #navheader li:hover .sub2, #navheader li.iehover .sub2{display: block;}
/*styles for fck-templates*/
table.template0{border:0 solid #ffffff; border-spacing:20px;}
td.template0{width:50%; padding:5px; border:0px solid #ffffff; text-align:center;}
td.template1{width:100%; padding:5px; border:0px solid #ffffff; text-align:center;}
div.template0{width:100%;}
p.template0{float:left;  margin: 10px 15px 5px 15px}
p.template1{float:right; margin: 10px 15px 5px 15px}