/* 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

Farben:
einrichtungsblau: #475C95  websicher:#336699
Novo dark blue
Pantone 280
C:100 M:75 Y:0 K:20
R:0 G:51 B:102 
Hex: #003366
NCS: S 4550-R80B
RAL: 5002
grautoene von dunkel nach hell
pantone432cvc: #454E53, #444444 wäre websicherer
pantone431cvc: #666F74, #666666 wäre websicherer
pantone428cvc: #dddddd, #dddddd wäre websicherer
pantone427cvc: #E4E7E6, #eeeeee wäre websicherer

Times New Roman-0.90 vs Verdana-0.75 ?
*/
html,body{margin:0px; color:#666666; background:#ffffff URL(http://www.koenigswache.de/data/tmp/sys_img_mixed/bg_content.png); font:100.01% Arial,sans-serif;
	scrollbar-3dlight-color:;
	scrollbar-arrow-color:#003366;
	scrollbar-base-color:#f6f6f6;
	scrollbar-darkshadow-color:;
	scrollbar-face-color:#ffffff;
	scrollbar-highlight-color:#ffffff;
	scrollbar-shadow-color:}

*{margin:0em; padding:0em;}

table.all{margin:auto; margin-top:20px; border:0;}
div{margin:0px; text-align:left; letter-spacing:0px; line-height:1.4em;}
div.all{margin:auto; margin-top:10px; width:950px; text-align:center; background:#ffffff;}

td.headerbox{}
div.headerbox{width:100%; overflow:hidden;}
div.headerlogo{}
div.headercontent{}

td.navigationbox{width:200px; margin:0; padding:0; vertical-align:top; background:#ffffff;}
div.navigationbox{width:200px; height:100%; position:absolute; left:0; top:0; background:#ffffff;}
div.navigation{margin:0px; padding:0; font-size:0.75em; text-align:left;}
div.roundtrip{margin:0px; padding:3px; font-size:0.75em; text-align:center; background:#e8e4cb;}
div.roundtrip_bottom{margin:0; padding:3px; font-size:0.75em; text-align:center;}
div.placeholder_small{height:40px;}


td.contentbox{width:550px; margin:0; padding:0;vertical-align:top; background:#ffffff;}
div.contentbox{height:100%; margin-left:12.5em; margin-right:12.5em; background:#ffffff;}
div.content{margin:0px; padding:3px; font-size:0.75em; border:0px solid #f6f6f6;}           /* die Inhalte können unabhängig von den Usereingaben vorformatiert werden*/
div.contentbg{margin:3px; padding:3px; vertical-align:middle; text-align:center; background:#ffffff;}

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

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

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

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

h1{margin:0px 15px 15px 15px; font:bold 1.5em Arial,sans-serif; color:#336699; text-align:center;}
h2{margin:5px 15px 5px 15px; font:bold 1.0em Arial,sans-serif; color:#666666; text-align:center;}
h3{margin:5px 15px 0px 15px; font:bold 1.0em Arial,sans-serif; color:#666666;}
h4{margin:5px 15px 5px 15px; font:bold 1.0em Arial,sans-serif; color:#666666;}
h1.navigation{margin:0; padding:0; color:#ffffff; font:bold 1em Arial,sans-serif; text-align:left; letter-spacing:0px;}
h1.additional{margin:0; padding:3px; font:bold 0.75em Arial,sans-serif; text-align:center; color:#ffffff; background:#003366;letter-spacing:0px;}
h2.navigation{margin:0; font:0.9em Arial,sans-serif; text-align:left; color:#ffffff; letter-spacing:0px;}
em, strong{color:#336699;}
code, samp, kbd, var, cite, dfn, abbr, acronym, q{color:#666666;}

p{margin:10px 15px 10px 15px;}
p.smallalign{margin:5px 5px 5px 5px; line-height:1.3em; font-size:0.833em; letter-spacing:0px; text-align:left}
p.teaser{margin:5px 15px 15px 15px; font:bold 1.1em Arial,sans-serif; color:#666666; text-align:center; 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 0 0 0; text-align:left; list-style-type:none;}
li.navigation1{margin:0 0 0px 0; border-bottom:1px solid #336699;}
li.navigation1em{margin:0 0 0px 0;  border-bottom:1px solid #336699;}
ul.navigation2{margin:0; list-style-type:none;}
li.navigation2{margin:0; border-top:1px solid #003366;}
li.navigation2to3{margin:0; border-bottom:1px solid #003366;}
ul.navigation3{margin:0; list-style-type:none;background:#336699;}
li.navigation3{margin:0; border-bottom:1px solid #003366;background:#336699;}

table{margin:5px 15px 5px 15px; letter-spacing:1px; font:1em Arial,sans-serif; border-bottom:1px solid #a6a6a6; border-right:1px solid #a6a6a6; background:#ffffff;}  /* margin:auto zentriert Tabellen auch bei Netscape*/
caption{margin:5px 15px 5px 15px; font:bold 1.2em Arial,sans-serif; color:#666666; text-align:center; letter-spacing:0px;}
td{padding:1px 5px 1px 5px; text-align:right; border:0px solid #000000;}
th{padding:1px 5px 1px 5px; text-align:left; border:0px solid #000000; background:#e8e4cb;}
th.y{font-weight:normal;}

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

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

a{color:#336699;}
a:hover{color:#666666;}
a.content{}
a.content:hover{}
a.content:visited{color:#666666;}
a.navigation{color:#ffffff; background:#336699; text-decoration:none; display:block;}
a.navigation:hover{color:#003366; background:#ffffff;}
h1 a.navigation{color:#ffffff; background:#003366; text-decoration:none; display:block; padding:3px 0 3px 5px;}
h1 a.navigation:hover{color:#003366; background:#ffffff;}
a.navigationem{color:#ffffff; background:#003366; text-decoration:none; display:block;}
a.navigationem:hover{color:#003366; background:#ffffff;}
h1 a.navigationem{color:#ffffff; background:#003366; text-decoration:none; display:block; padding:3px 0 3px 5px;}
h1 a.navigationem:hover{color:#003366; background:#ffffff;}
a.roundtrip_top{text-decoration:none;}
a.roundtrip_top:hover{ }
a.roundtrip_bottom{text-decoration:none;}
a.roundtrip_bottom:hover{ }
a.introreader{}
a.introreader:hover{}
a.introreader:visited{}
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:#00234b;}
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; margin:0px;}
iframe{width:100%; border:0px solid #000000;}
object{border:0px solid #000000;}

fieldset{padding:3px; margin:3px; border:1px solid #afafaf;}
 .select{border:1px solid #000000; font:100% Arial,sans-serif; letter-spacing:0em;}      /* IE: ohne %-font-size keine Anpassung, Netscape: Höhe des Selectfeldes wächst nicht mit*/
 .text{margin:1px; width:15em; border:1px solid #000000; font:100% Arial,sans-serif; letter-spacing:0em; margin-bottom:1px;}
 .file{width:80%; border:1px solid #000000; font:100% Arial,sans-serif; letter-spacing:0em; margin-bottom:1px;} 
 .textarea{width:100%; border:1px solid #000000; font:100% Arial,sans-serif; letter-spacing:0em; margin-bottom:1px;}
 .button{width:8.33em; letter-spacing:0px;  border:2px solid #336699; color:#ffffff; background:#a6a6a6; font-size:100%; letter-spacing:0em;}
 .radio{border:1px solid #afafaf; font:100% Arial,sans-serif; letter-spacing:0em; margin-bottom:1px;}
 .checkbox{border:1px; font:100% 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{margin-left:5px; float:left; width:10em;}
legend{font-weight:normal;}


/* classes  especially for current web*/
fieldset.quick_booking_h{padding:0; margin:0 0 5px 0; background:#666666; color:#ffffff; font-size:0.85em; text-align:center;border:none}
fieldset.quick_booking_v{padding:13px 0 13px 20px; margin:0; background:#666666; color:#ffffff; font-size:0.85em; text-align:center; border:none}
/*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:#336699;}
#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:12em; color:#ffffff;}
#navheader1:hover, .navheader1checked{background:#aaaaaa; color:#000000;}
#navheader2{width:12em; color:#ffffff;}
#navheader2:hover, .navheader2checked{background:#aaaaaa; color:#000000;}
#navheader3{width:12em; color:#ffffff;}
#navheader3:hover, .navheader3checked{background:#aaaaaa; color:#000000;}
#navheader4{width:12em; color:#ffffff;}
#navheader4:hover, .navheader4checked{background:#aaaaaa; color:#000000;}
#navheader5{width:12em; color:#ffffff;}
#navheader5:hover, .navheader5checked{background:#aaaaaa; color:#000000;}
#navheader6{width:12em; color:#ffffff;}
#navheader6:hover, .navheader6checked{background:#aaaaaa; color:#000000;}
#navheader7{width:12em; color:#ffffff;}
#navheader7:hover, .navheader7checked{background:#aaaaaa; color:#000000;}
#navheader8{width:12em; color:#ffffff;}
#navheader8:hover, .navheader8checked{background:#aaaaaa; color:#000000;}
#navheader9{width:12em; color:#ffffff;}
#navheader9:hover, .navheader9checked{background:#aaaaaa; color:#000000;}
#navheader10{width:12em; 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:#aaaaaa;}
#navheader .sub2 li{width: 15em; float:none; margin:2px; text-align:left; background:#aaaaaa;}
#navheader .sub a, #navheader .sub2 a{display:block;margin:0 0;}
#navheader .sub a:hover, #navheader .sub2 a:hover{color: #003366;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 lightbox*/
.ligthboxbg{display: none; position:absolute; top:0%; left:0%; width:100%; height:2000px; background:#000000; z-index:1001; -moz-opacity: 0.9; opacity:.90; filter: alpha(opacity=90);}
.lightbox{display: none; position:relative; top:0; border:0px solid #ffffff; background:#ffffff; z-index:1002; overflow: auto; margin:auto;}
