/* ----------------------------------
Styles LOI 

Autor: Antonia Schönstein 

Inhalt:
1. Kalibrierung
2. Allgemeine Styles
3. Layout-Styles
4. Sonstiges 
---------------------------------- */



/* ----------------------------------
   1. Kalibrierung */

* { padding: 0; margin: 0; } 
img { border: 0px; }

address {
  font-size: 70%; 
  font-style: normal; 
}


/* ----------------------------------
   2. Allgemeine Styles */   

body { 
  background-image: url(../images/bg.gif); 
  background-repeat: repeat-y; /* nur noch vertikal wiederholen */ 
  background-color: #F4F2EA; 
	color: #404040; 
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: small;
}

p {
	padding-bottom:20px;
}

	 
/* Hyperlinks */  

a { 
  text-decoration: none; 
  outline: none;
} 

a.nav:link, a.nav:visited  {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
  font-weight:bold;
	color:#8D2C35;
	line-height:30px;
	/*font-variant: small-caps;*/
}

a.nav:active {
	color:#738EB3;
}

a.nav:hover, a.nav:focus{
	color:#738EB3;
}

.navon{ 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
  font-weight:bold;
	color:#2056A0;
	line-height:30px;
}


.navstern{ 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
  font-weight:bold;
	color:#2056A0;
	line-height:30px;
	padding-right: 1px;
}

a.subnav:link, a.subnav:visited  {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
  font-weight: bold; 
  color: #334F8E;
	line-height: 50px;
}

a.subnav:active {
	color:#ffffff;
}

a.subnav:hover, a.subnav:focus{
	color:#ffffff;
}
.subnavon{ 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
  font-weight: bold; 
  color: #ffffff;
	line-height: 50px;
}

a.popup:link, a.popup:visited  {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
  font-weight: bold; 
  color: #334F8E;
	line-height: 30px;
}

a.popup:active {
	color:#334F8E;
}

a.popup:hover, a.popup:focus{
	color:#334F8E;
}


/* Klassen und IDs */

.txt{ 
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
	color:#404040;
	letter-spacing:0.0em; 
	line-height:1.5em;
	padding-left: 40px;
	width: 600px;
}

.popuptxt{ 
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
	color:#404040;
	letter-spacing:0.0em; 
	line-height:1.5em;
	padding-left: 10px;
	padding-top: 10px;
}

.headline_1{ 
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:13pt;
  font-weight:600;
	color:#334F8E;
	letter-spacing:0.0em; 
	line-height:1.0em;
	padding-left: 40px;
	padding-top: 30px;
	padding-bottom: 30px;
}

.start_1{ 
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:19px;
  font-weight:600;
	color:#334F8E;
	letter-spacing:0.0em; 
	line-height:1.0em;
	padding-top: 40px;
	padding-bottom: 30px;
}

.start_2{ 
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
  font-weight:600;
	color:#334F8E;
	letter-spacing:0.0em; 
	line-height:1.0em;
	padding-bottom: 100px;
}

.bildlegende{ 
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
	font-style: italic;
	color:#404040;
	letter-spacing:0.0em; 
	line-height:14px;
	width: 600px;
	text-indent: -15px;
}

.hinweisrot{ 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
  font-weight: bold; 
  color: #334F8E;
	line-height: 30px;
	text-decoration: blink;
}

.hinweisrotgr{ 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
  font-weight: bold; 
  color: #ff0000;
	line-height: 30px;
}

.urgent{ 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
  font-weight: bold; 
  color: #ff0000;
	line-height: 15px;
}

h3{ 
	font-size:12px;
  font-weight:600;
	color:#334F8E;
	padding-bottom: 5px;
}

h4{ 
	font-size:11px;
  font-weight:600;
	color:#334F8E;
	padding-bottom: 5px;
}

a.h3:link, a.h3:visited  {
  text-decoration: none; 
	color:#334F8E;
}

a.nav:active {
	color:#738EB3;
}

a.nav:hover, a.nav:focus{
	color:#738EB3;
}

.smallblock{ 
	width: 400px;
}


/* ----------------------------------
   3. Styles für Layoutbereiche */   
#
#rahmen { 
}

#radiospot { 
	position:absolute;
	top: 0px;
	left: 0px;
	z-index:0;
	visibility: hidden;
}

#sylvester { 
	position:absolute;
	top: 205px;
	left: 5px;
	z-index:3;
}

#header { 
	position:absolute;
	top: 0px;
	left: 0px;
	z-index:1;
  background-image: url(../images/bg_header.jpg); 
	width: 100%;
}

#headertext { 
  color: white;
	text-align: left;
	text-indent: 460px;
	vertical-align: middle;
	font-size: 9px;
  font-weight: bold; 
	line-height: 18px;
	letter-spacing: 0.1px;
	position:absolute;
	top: 170px;
	left: 0px;
	width: 100%;
	height: 18px;
	z-index:1;
	border-bottom: 1px solid #313133;
	border-top: 1px solid #313133;
}
		#welcomeseite #headertext { 
/*		  background-color: #194A7D; */
/*		  background-color: #3C6FB7;  */
		  background-image: url(../images/bg_headertext.gif); 
			border-bottom: 1px solid #617CA7;
			border-top: 1px solid #617CA7;
 		 	color: #617CA7;
		}
		#ambianceseite #headertext { 
/*		  background-color: #215B91;  */
/*		  background-color: #E48A70;  */
		  background-image: url(../images/bg_headertext.gif); 
			border-bottom: 1px solid #617CA7;
			border-top: 1px solid #617CA7;
 		 	color: #617CA7;
		}
		#programmseite #headertext { 
/*		  background-color: #2F6CA5;  */
/*		  background-color: #FECF8C;  */
		  background-image: url(../images/bg_headertext.gif); 
			border-bottom: 1px solid #617CA7;
			border-top: 1px solid #617CA7;
 		 	color: #617CA7;
		}
		#cateringseite #headertext { 
/*		  background-color: #437DB3;  */
/*		  background-color: #6CA99D;  */
		  background-image: url(../images/bg_headertext.gif); 
			border-bottom: 1px solid #617CA7;
			border-top: 1px solid #617CA7;
 		 	color: #617CA7;
		}
		#corporateeventsseite #headertext { 
/*		  background-color: #5089BE;  */
/*		  background-color: #D08C78;  */
		  background-image: url(../images/bg_headertext.gif); 
			border-bottom: 1px solid #617CA7;
			border-top: 1px solid #617CA7;
 		 	color: #617CA7;
		}
		#infosseite #headertext { 
/*		  background-color: #5B90C1;  */
/*		  background-color: #B5A7C8;  */
		  background-image: url(../images/bg_headertext.gif); 
			border-bottom: 1px solid #617CA7;
			border-top: 1px solid #617CA7;
 		 	color: #617CA7;
		}
		#partnerseite #headertext { 
/*		  background-color: #6C9AC4;  */
/*		  background-color: #75B8E0;  */
		  background-image: url(../images/bg_headertext.gif); 
			border-bottom: 1px solid #617CA7;
			border-top: 1px solid #617CA7;
 		 	color: #617CA7;
		}
		#mediaseite #headertext { 
/*		  background-color: #7EA5CA;  */
/*		  background-color: #B7E0D3;  */
		  background-image: url(../images/bg_headertext.gif); 
			border-bottom: 1px solid #617CA7;
			border-top: 1px solid #617CA7;
 		 	color: #617CA7;
		}
		#newsseite #headertext { 
/*		  background-color: #8DB1D3;  */
/*		  background-color: #D7DAA0;  */
		  background-image: url(../images/bg_headertext.gif); 
			border-bottom: 1px solid #617CA7;
			border-top: 1px solid #617CA7;
 		 	color: #617CA7;
		}

		#testseite #headertext { 
/*		  background-color: #194A7D; */
		  background-image: url(../images/bg_headertext.gif); 
			border-bottom: 1px solid #617CA7;
			border-top: 1px solid #617CA7;
 		 	color: #617CA7;
		}
		
		
#subnav { 
  background-color: #DAD4B9; 
  color: #334F8E;
	text-align: left;
	text-indent: 210px;
	vertical-align: bottom;
	font-size: 11px;
  font-weight: bold; 
	line-height: 70px;
	position:absolute;
	top: 190px;
	left: 0px;
	width: 100%;
	height: 50px;
	border-bottom: 1px solid #313133;
	z-index:1;
}
		#welcomeseite #subnav { 
		  color: #334F8E; 
		}
		#ambianceseite #subnav { 
		  color: #334F8E; 
		}
		#programmseite #subnav { 
		  color: #334F8E; 
		}
		#infosseite #subnav { 
		  color: #334F8E; 
		}


#subnavleerbereich { 
  background-color: #ffffff; 
	position:absolute;
	top: 190px;
	left: 0px;
	width: 170px;
	height: 51px;
	border-right: 1px solid #313133;
	z-index:1;
}

#poshinweisrot { 
	position:absolute;
	top: 241px;
	left: 210px;
	width: 700px;
	height: 30px;
	z-index:100;
}

#nav { 
  color: #404040;
	padding: 30px 10px 10px 10px;
	position:absolute;
	top: 282px;
	left: 0px;
	width: 150px;
	height: 430px;
	z-index:1;
}
#reservation { 
	font-size: 12px;
  font-weight: bold; 
	line-height: 18px;
  color: #ff0000;
	text-align:center;
	padding: 10px 5px 10px 5px;
	border: 1px solid #ff0000;
	position:absolute;
	top: 200px;
	left: 10px;
	width: 136px;
	height: 55px;
	z-index:3;
}

#content { 
  background-image: url(../images/bg_content.gif); 
  background-repeat: repeat-y; /* nur noch vertikal wiederholen */ 
	position:absolute;
	top: 241px;
	left: 171px;
	width: 800px;
	z-index:2;
}

#bilderrechts { 
	position:absolute;
	top: 241px;
	left: 710px;
	width: 270px;
	z-index:500;
}

.bilderblock { 
	float: left;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
	color:#404040;
	letter-spacing:0.0em; 
	line-height:1.5em;
}
.bilderblockrechts { 
	float: right;
}

#footer { 
	width: 750px;
	z-index:2;
	margin-left: 40px;
	padding-top: 7px;
	border-top: 1px solid #313133;
}

#start { 
	width: 798px;
	margin: 20px auto;
}

 
/* ----------------------------------
   4. Sonstige Styles  */   

	#hinweis {
  border-collapse: collapse;
  border: 1px dotted #404040;
  color: #404040;
  background: #E7EFF5;
	padding: 10px 20px 10px 20px;
  width: 490px;
	margin: 20px 30px;;
	}
	
 #countdown { 
  background-image: url(../images/bg_stern.gif); 
  background-repeat: no-repeat; /* nur noch vertikal wiederholen */ 
 position:absolute;
 top: -82px;
 left: 535px;
 width: 200px;
 height: 200px;
 z-index:2;
 }
 #countdowntext { 
 position:absolute;
 top: -50px;
 left: 500px;
 width: 200px;
 height: 200px;
 font-size: 11px;
 color: #334F8E;
 z-index:2;
 }
 
  #wettbewerb { 
  background-image: url(../images/bg_wettbewerb.gif); 
  background-repeat: no-repeat; /* nur noch vertikal wiederholen */ 
	position:absolute;
	top: 330px;
	left: 13px;
	width: 135px;
	height: 110px;
	font-size: 11px;
	font-weight: 600;
	color: #334F8E;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #617CA7;
	padding: 3px;
	z-index:2;
 }

	#popupnews { 
  background-color: #ffffff; 
	position:absolute;
	top: 10px; 
	left: 10px; 
	width: 280px;
	height: 280px;
	border-top: 1px solid #313133;
	border-left: 1px solid #313133;
	border-bottom: 1px solid #313133;
	border-right: 1px solid #313133;
	align: center;
	z-index:3;
	
	opacity: .8;
  filter: alpha(opacity=80);
  -moz-opacity: .8;
	}

	#popupnews2 { 
  background-color: #ffffff; 
	position:absolute;
	top: 280px; 
	left: 700px; 
	width: 280px;
	height: 280px;
	border-top: 1px solid #313133;
	border-left: 1px solid #313133;
	border-bottom: 1px solid #313133;
	border-right: 1px solid #313133;
	align: center;
	z-index:3;
	
	opacity: .8;
  filter: alpha(opacity=80);
  -moz-opacity: .8;
	}

	#buchungskalender {
  border-collapse: collapse;
  border: 1px solid #334F8E;
  color: #404040;
  background: #ffffff;
  }

  #buchungskalender td, th {
  border: 1px dashed #334F8E;
  padding: 3px 3px 3px 3px;
	}
	
	#buchungskalender thead td, tfoot th {
  border: 1px solid #334F8E;
  background: #DAD4B9;
  font-size: 10px;
  color: #ffffff;
  padding: 3px 3px 3px 3px;
  }

	#anfahrt {
  border-collapse: collapse;
  border: 1px solid #334F8E;
  color: #404040;
  background: #ffffff;
  }

  #anfahrt td, th {
  border: 1px dashed #334F8E;
  padding: 3px 3px 3px 3px;
	}
	
	#anfahrt thead td, tfoot th {
  border: 1px solid #334F8E;
  background: #DAD4B9;
  font-size: 10px;
  color: #ffffff;
  padding: 3px 3px 3px 3px;
  }

	#catering {
  border: none;
  color: #404040;
  }

  #catering td, th {
  border: none;
  padding: 3px 0px 3px 0px;
	}
	
	#schlittschuhe {
	border: none;
  padding: 0px;
	margin: 0px;
  }

  #schlittschuhe td, th {
	border: none;
  margin: 0px;
	padding: 0px 0px 5px 0px;
	}
	
  form {
		background-color: #ffffff;
		color: #334F8E;
		width: 330px;
		padding: 20px;
		border: 1px solid #334F8E;
	}
  
	label{
		display: block;
	  font-size: 10px;
	  font-weight: bold; 
		margin-bottom: 2px;
		margin-top: 2px;
		/* cursor: pointer; */
	}

	.labeltextnormal{
		color: #334F8E;
	}
	.labeltextrot{
		color: #ff0000;
	}
  
	input#nachname, input#vorname, input#firma, input#email, input#telefon, input#handy, textarea {
		width: 250px;
		border: 1px solid #334F8E;
		margin-bottom: 5px;
	  font-family: Verdana, Arial, Helvetica, sans-serif;
	  font-size: 11px;
		padding: 1px;
	}
	
	input#wunschdatum, input#personen, input#location, input#budget, input#datum, input#uhrzeit, select {
		width: 150px;
		border: 1px solid #334F8E;
		margin-bottom: 5px;
	  font-family: Verdana, Arial, Helvetica, sans-serif;
	  font-size: 11px;
		padding: 1px;
	}
	
	input#f25, input#m25, input#f26, input#m26, input#f27, input#m27,	input#f28, input#m28,	input#f29, input#m29,	input#f30, input#m30,	input#f31, input#m31,	input#f32, input#m32,	input#f33, input#m33,	input#f34, input#m34,	input#f35, input#m35,	input#f36, input#m36,	input#f37, input#m37,	input#f38, input#m38,	input#f39, input#m39,	input#f40, input#m40,	input#f41, input#m41,	input#f42, input#m42,	input#f43, input#m43,	input#pinguin, input#m44,	input#m45,input#m46, input#m47
	{
		width: 30px;
		border: 1px solid #334F8E;
		margin-bottom: 0px;
	  font-family: Verdana, Arial, Helvetica, sans-serif;
	  font-size: 11px;
		padding: 1px;
	}
	
	input#nachname:focus, input#vorname:focus, input#firma:focus, input#email:focus, input#telefon:focus, input#handy:focus, textarea:focus, input#wunschdatum:focus, input#personen:focus, input#location:focus, input#budget:focus,  input#datum:focus, input#uhrzeit:focus, select:focus,
	input#f25:focus, input#m25:focus, input#f26:focus, input#m26:focus, input#f27:focus, input#m27:focus,	input#f28:focus, input#m28:focus,	input#f29:focus, input#m29:focus,	input#f30:focus, input#m30:focus,	input#f31:focus, input#m31:focus,	input#f32:focus, input#m32:focus,	input#f33:focus, input#m33:focus,	input#f34:focus, input#m34:focus,	input#f35:focus, input#m35:focus,	input#f36:focus, input#m36:focus,	input#f37:focus, input#m37:focus,	input#f38:focus, input#m38:focus,	input#f39:focus, input#m39:focus,	input#f40:focus, input#m40:focus,	input#f41:focus, input#m41:focus,	input#f42:focus, input#m42:focus,	input#f43:focus, input#m43:focus,	input#pinguin:focus, input#m44:focus,	input#m45:focus, input#m46:focus, input#m47:focus

	 {
		background-color: #F4F2EA;
		color: #334F8E;
	}
	
	input#versenden {
		width: 250px;
		border: 1px solid #334F8E;
	  font-family: Verdana, Arial, Helvetica, sans-serif;
	  font-size: 10px;
	  font-weight: bold; 
		color: #334F8E;
		background-color: #DAD4B9;
		padding: 2px;
	}

	


	
/* ----------------------------------
   gallerie */   
	
	
/*rahmen1*/ #gallery {width:715px; height:435px; left:40px;padding:10px; border:1px solid #cfcfcf; background: #F6F6F6; position:relative; }
/*rahmen def bild*/ #gallery b.default {position:absolute; left:122px; top:10px; width:600px; height:422px; text-align:left; border:none; }
/*def bild*/ #gallery b.default img {display:block; margin:0 auto 10px 0px; border:1px solid #cfcfcf;}
/*text*/ #gallery b.default span {display:inline; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px; width:350px; margin:0 auto;}

/*rahmen thumbs*/#gallery ul {list-style:none; padding:0; margin:0; width:100px; position:relative; float:left; border:none;}
/* thumbs*/#gallery ul li {display:block; width:102px; height:72px; float:left; margin:0 0 10px 0; border:none;}
/* thumbs*/#gallery ul li a {display:block; width:100px; height:70px; text-decoration:none; border:none;}
#gallery ul li a span {display:none;}
/* thumbs*/#gallery ul li a img {display:block; width:100px; height:70px;  border:1px solid #cfcfcf; }
#gallery ul li a:hover {white-space:normal; border:1px solid #cfcfcf; background:#777;}
/* mouseover bild*/#gallery ul li a:hover b {position:absolute; left:112px; top:0; width:548px; height:422px; text-align:left; background:#F6F6F6; z-index:20; border:none;}
/* mouseover text*/ #gallery ul li a:hover span {display:inline; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px; width:350px; margin:200 auto;}
/* mouseover bild*/#gallery ul li a:hover img {margin:0 auto 10px auto; width:auto; height:auto; border:1px solid #cfcfcf;}




#gallery ul li a:active, #gallery ul li a:focus {  border:1px solid #cfcfcf; background:#777;}
/* click bild*/#gallery ul li a:active b, #gallery ul li a:focus b {position:absolute; left:112px; top:0; width:548px; height:422px; text-align:left; background:#F6F6F6; z-index:10; border:none;}
/* click text*/ #gallery ul li a:active span, #gallery ul li a:focus span {display:inline; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px; width:350px; margin:0 auto;}
#gallery ul li a:active img, #gallery ul li a:focus img{margin:0 auto 10px auto; width:auto; height:auto; border:1px solid #cfcfcf;}




/* ----------------------------------
   anfahrtgallerie */   


/*rahmen1*/ #anfahrtgallerie {width:715px; height:440px; left:40px;padding:10px; border:1px solid #cfcfcf; background: #F6F6F6; position:relative; }
/*rahmen def bild*/ #anfahrtgallerie b.default {position:absolute; left:122px; top:10px; width:600px; height:440px; text-align:left; border:none; }
/*def bild*/ #anfahrtgallerie b.default img {display:block; margin:0 auto 10px 0px; border:1px solid #cfcfcf;}
/*text*/ #anfahrtgallerie b.default span {display:inline; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px; width:350px; margin:0 auto;}

/*rahmen thumbs*/#anfahrtgallerie ul {list-style:none; padding:0; margin:0; width:100px; position:relative; float:left; border:none;}
/* thumbs*/#anfahrtgallerie ul li {display:block; width:102px; height:75px; float:left; margin:0 0 10px 0; border:none;}
/* thumbs*/#anfahrtgallerie ul li a {display:block; width:100px; height:73px; text-decoration:none; border:none;}
#anfahrtgallerie ul li a span {display:none;}
/* thumbs*/#anfahrtgallerie ul li a img {display:block; width:100px; height:73px;  border:1px solid #cfcfcf; }
#anfahrtgallerie ul li a:hover {white-space:normal; border:1px solid #cfcfcf; background:#777;}
/* mouseover bild*/#anfahrtgallerie ul li a:hover b {position:absolute; left:112px; top:0; width:548px; height:440px; text-align:left; background:#F6F6F6; z-index:20; border:none;}
/* mouseover text*/ #anfahrtgallerie ul li a:hover span {display:inline; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px; width:350px; margin:200 auto;}
/* mouseover bild*/#anfahrtgallerie ul li a:hover img {margin:0 auto 10px auto; width:auto; height:auto; border:1px solid #cfcfcf;}




#anfahrtgallerie ul li a:active, #anfahrtgallerie ul li a:focus {  border:1px solid #cfcfcf; background:#777;}
/* click bild*/#anfahrtgallerie ul li a:active b, #anfahrtgallerie ul li a:focus b {position:absolute; left:112px; top:0; width:548px; height:422px; text-align:left; background:#F6F6F6; z-index:10; border:none;}
/* click text*/ #anfahrtgallerie ul li a:active span, #anfahrtgallerie ul li a:focus span {display:inline; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px; width:350px; margin:0 auto;}
#anfahrtgallerie ul li a:active img, #anfahrtgallerie ul li a:focus img{margin:0 auto 10px auto; width:auto; height:auto; border:1px solid #cfcfcf;}