@charset "ISO-8859-1";

body {font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; background:#FFF; margin:0; padding:0; text-align:center; color:#666;}

#wrapper { width:940px; height:670px; position:absolute; left:50%; top:50%; margin-top:-335px; margin-left:-470px; text-align:left; 
				background: url(../pics_header/shadow_right.gif); background-repeat:repeat-y; }


#wrapContent { margin:0px; padding:0px; width:720px; height:670px; position:absolute; background-color:#FFF; border:solid 1px #CCC; }


#header { margin:0px; padding:0px; width:680px; height:112px; position:absolute; top:20px; left:20px; }
#headerbild { width:680px; height:192px; z-index:10; }


#sprache { font-size:11px; /*font-weight:bold;*/ margin:0px; padding:0px; color:#666; position:absolute; left:630px; top:212px; /*visibility:hidden;*/}
#sprache a { text-decoration:none; color:#666; }
#sprache a:hover { /*color:#A02112;*/ font-weight:bold; }
#sprache a.current { font-weight:bold; /*color:#f0ed99;*/ cursor: default; }
#sprache a.blank	{ visibility:hidden; }


#mainContent { margin:0px; padding:0px; width:660px; height:390px; position:absolute; top:250px; left:40px; } 

#Contentlft { margin:0px; padding:0px; width:330px; height:380px; position:absolute; top:0px; left:0px; font-size:14px; line-height:24px;  }
#Contentlft h1 { margin-bottom:20px; margin-top:-4px; font-size:20px; text-transform:uppercase; color:#A02112; letter-spacing:0.2em; 
								font-weight: normal; }
#Contentlft strong { color: #A02112; } 
#Contentlft p { font-size:12px; line-height:18px; margin: 0 0 18px; }
#Contentlft li {list-style:inside; }

#Contentright { margin:0px; padding:0px; width:300px; height:390px; position:absolute; left:360px; overflow: auto; }
#Contentright strong { color: #A02112; }
#Contentright p { /*font-size:11px; line-height:14px;*/ margin: 0 0 6px; }

#Contentform { font-size:11px; line-height:14px; margin: 0 0 6px; }

#newsletter { width:300px; height:150px; top: 30px; position:absolute; left:50%; margin-left:-150px; color: #A02112; font-size:18px; }

#reservation { width:540px; height:620px; position:absolute; left:50%; margin-left:-270px; margin-top:20px; margin-bottom:20px; padding:0px; }
#reservation em { color: #A02112; font-size:18px; }
#reservation strong { color: #A02112;}

#gutschein { width:400px; height:500px; position:absolute; left:50%; margin-left:-200px; margin-top:20px; margin-bottom:20px; padding:0px; }
#gutschein em { color: #A02112; font-size:18px; }
#gutschein strong { color: #A02112;}


#sidebar { margin:0px; padding:0px; height:670px; width:200px; border-top:1px solid #CCC; position:absolute; left:720px; text-align:center; }

#logo { margin:0px; padding:0px; width:136px; height:122px; position:absolute; left:32px; top:40px; } 

#kontakt { margin:0px; padding:0px; width:200px; height:114px; position:absolute; top:556px; left:0px; text-align:center; font-size:11px; line-height:14px; }


/* start main navigation */
#navisidebar { margin:0px; padding:0px; position:absolute; top:202px; left:32px; color:#666666; }

.mainnavi { width: 136px; }
.headerbar { color:#666666; font-size:11px; text-decoration:none; letter-spacing: 0.15em; 
						text-transform: uppercase; text-align:center; font-weight:normal; display: block; }

/* Start Header ohne Untermenu*/
.header2 { color:#666666; font-size:11px; text-decoration:none; letter-spacing: 0.15em; 
						text-transform: uppercase; text-align:center; font-weight:normal; display: block; }
						
.mainnavi .header2 { color:#666666; background-color:/*#f0edaa*/ /*Sommer*/ #E1EBFA /*Winter*/; margin-bottom:5px; padding:5px 0px 5px 0px; }
.mainnavi .header2 a { color:#666666; text-decoration:none; display:block; }
.mainnavi .header2 a:hover { color: #A02112; }
.mainnavi .header2 a.current { color: #A02112; font-weight:bold; }
/* End Header ohne Untermenu*/

.mainnavi .headerbar { color:#666666; background-color:/*#f0edaa*/ /*Sommer*/ #E1EBFA /*Winter*/; margin-bottom:5px; /*bottom spacing between header and rest of content*/ padding:5px 0px 5px 0px; }
.mainnavi .headerbar a { color:#666666; text-decoration:none; display:block; }
.mainnavi .headerbar a:hover { color: #A02112; }
.mainnavi .headerbar a.current { color: #A02112; font-weight:bold; }

.mainnavi ul { text-decoration:none; color:#666666; font-size:11px; letter-spacing:0.15em; text-transform:uppercase; 
					text-align:center; list-style-type:none; margin:0; padding:0; margin-bottom:0; /*bottom spacing between each UL and rest of content*/ }
.mainnavi ul li{ padding-bottom: 0px; /*bottom spacing between menu items*/ }
.mainnavi ul li a { background-color: #fff; text-decoration:none; color:#666666; display:block; padding-top:0px; line-height:20px; }
.mainnavi ul li a:hover { color: #A02112; }
.mainnavi ul li a.current { color: #A02112; font-weight:bold; }
/* end main navigation */



#bottom { margin:0px; padding:0px; background: url(../pics_header/shadow_bottom.gif); height:20px; width:940px; position:absolute; top:669px; }


a { color:#666; text-decoration: underline; }
a:hover { color:#A02112; }
/*a:visited { color:#666; }*/
a.current { font-weight:bold; color:#A02112; cursor: default; }

.impressum { margin:0px; padding:0px; color:#666666; font-size:9px; line-height:9px; position:absolute; top:680px; left:420px; }
.impressum a { color:#666666; text-decoration: none; }
.impressum a:hover { color:#A02112; }

em { font-weight:bold; font-style:normal; }
sup { line-height:100%; }

.legende { font-size: 11px; line-height: 16px; text-align: right; }

.zentriert { }

.fltrt { float: right; }
.fltlft { float: left; }

.abstandvor { padding-top: 15px; padding-right:15px; }

.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; }
/* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schließen eines Containers sein, der wiederum einen vollständigen Float enthalten sollte. */