@charset "utf-8";

/* ---------- basics ---------- */

*	{
	margin:0;
	padding:0;
	}

* html body *	{
	overflow:visible;
	}
	
html	{
	height:100%;
	margin-bottom:1px;
	}
	
body	{
	font-size:100.01%;
	font-family:Tahoma, Geneva, sans-serif;
	color:#7C7F82;
	background:url(image/bg_body2.jpg) center top no-repeat #fff;
	padding:0;
	text-align:left;
	}

h1,h2,h3,h4,h5,h6	{
	color:#232A33;
	font-size:100%;
	margin:1.25em 0 1.65em 0; 
	line-height:1.5em;
	font-weight:normal;
	}

h2	{
	margin-bottom:0.5em;
	font-size:90%;
	}

p	{
	line-height:1.5em;
	margin:0 0 1.33em 0; 
	font-size:69%;
	}

strong,b	{
	font-weight:bold;
	}
	
em,i	{
	font-style:italic;
	}

a,a:visited	{
	text-decoration:none;
	}

a:focus,a:hover,a:active	{
	text-decoration:none;
	color:#333;
	}

img,a img	{
	border:none;
	}

.clearing	{
	clear:both;
	}

/* ---------- page ---------- */

#page	{
	width:1000px;
	height:auto;
	margin:0 auto;
	background:#fff;
	}
	
	#contentbox	{
		position:relative;
		width:990px;
		height:auto;
		background:#fff url(image/content-border.jpg) no-repeat bottom left;
		position:absolute;
		margin:320px 0 0 0;
		padding:0 20px 0 11px;
		}
		
		#contentbox.high{
			height:800px;
		}
		
		#content_col_middle	{
			width:500px;
			height:auto;
			background:#fff url(image/text-border-left.png) no-repeat bottom left;
			float:left;
			margin:0 0 0 224px;
			}

			#content_area	{
				background:#fff url(image/bg-content.gif) no-repeat top left;
				width:526px;
				height:auto;
				margin:0 0 175px 5px;
				padding:13px 0 0 21px;
				}

				#footer	{
					width:480px;
					height:auto;
					background:transparent;
					bottom:55px;
					position:absolute;
					color:#999;
					font-size:65%;
					padding-left:4px;
					text-align:center;
					line-height:1.4em;
					}
					
				#footer a	{
					color:#aaa;
					padding:2px;
					margin:0;
					}
					
				#footer a:hover	{
					text-decoration:underline;
					}

				#text	{
					width:498px;
					height:auto;
					background:transparent;
					}
					
					#text a{
						color:#7C7F82; 
					}
					
					#text a.arrow{
						padding-left:20px;
						background:url(image/point.gif) left no-repeat;
					}
					
					.footer_nav	{
						position:relative;
						font-size:11px;
						padding:0 7px;
						line-height:1.5em;
						}
						
						#facebook{
							position:absolute;
							right:-3px; top:-4px;
						}
					
					#text .footer_nav a	{
						font-size:11px;
						color:#95989E;
						padding:0 2px 0 2px;
						}
					
					.footer_nav a:hover	{
						text-decoration:underline;
						}

					hr.text_bottom	{
						border:none;
						border-bottom:1px dotted #d6d6d6;
						color:#fff;
						padding:0;
						margin:11px 0;
						}
						
					#rezeption{
						display:block;
						margin:20px 0 0 0;
						border-bottom:1px dotted #d5d8da;
						border-top:1px dotted #d5d8da;
					}

		#content_col_left	{
			width:222px;
			height:auto;
			float:left;
			margin:0 0 40px -724px;
			padding-bottom:80px;
			background:#fff url(image/bg-menu.gif) no-repeat top left;
			}
			
			.vertical	{
				margin:21px 0 40px 22px;
				padding:0;
				width:180px;
				}
				
			.vertical ul	{
				list-style:none;
				}
				
			.vertical ul li	{
				border-bottom:1px solid #ccc;
				padding:4px 0 7px 10px;
				text-transform:uppercase;
				}
				
			.vertical ul li.korrektur	{
				padding:5px 0 7px 10px;
				}
				
			.vertical ul li.korrektur2	{
				padding:5px 0 8px 10px;
				}
				
			.vertical ul li a{
				color:#454E58;
				font-size:70%;
				line-height:1.5em;
				font-weight:bold;
				display:block;
				}

			.vertical ul li a:hover	{
				color:#050505;
				text-decoration:none;
				}
				
			a#panorama{
				display:block;
				margin-left:46px;
			}

		#content_col_right{
			position:relative;
			width:200px;
			height:auto;
			background:transparent;
			float:right;
			margin:0 12px 0 0;
			padding-top:33px;
			}
			
			#language{
				position:absolute;
				bottom:155px; right:67px;
				}
			
				#language a{
					margin-right:15px;
					}
			
			.mein_urlaub	{
				background:transparent;
				margin:0px 0 0 10px;
				width:190px;
				font-size:70%;
				color:#95989E;
				line-height:1.5em;
				}
							
				.form_headline	{
					position:absolute;
					right:46px; bottom:-23px;
					}
				
				.form_col_1, .form_col_2	{
					float:left;
					margin:0 7px 0 0;
					}
				
				.form_col_3	{
					float:left;
					margin:0 4px 0 0;
					}
					
					#Feld_QuickTag, #Feld_QuickMonat, #Feld_QuickJahr	{
						background:#D9DDE2; 
						text-align:left; 
						margin:0; 
						width:40px; 
						min-height:20px;
						border:0;
						padding:2px;
						font-size:95%;
						color:#7C7F82;
						font-family:Tahoma;
						line-height:1em;
						text-decoration:none;
						}
						
					#Feld_QuickJahr	{
						width:52px;
						}					
				
				.form_col_4	{
					float:left;
					margin:1px 0 0 0;
					}
					
				.form_urlaubstage_input, .form_personen_input	{
					float:left;
					margin:2px 7px 0 0;
					width:40px;
					}
				
				.form_urlaubstage_input input, .form_personen_input input	{
					background:#D9DDE2;
					text-align:left; 
					margin:0; 
					width:36px;
					height:16px;
					border:0;
					padding:2px;
					font-size:95%;
					color:#7C7F82;
					font-family:Tahoma;
					line-height:1em;
					text-decoration:none;
					}
				
				.form_urlaubstage, .form_personen	{
					float:left;
					margin:3px 0 0 0;
					}

				.form_send	{
					margin:10px 0 0 -11px;
					}
			
			img.uhr_img	{
				margin:70px 0 0 -15px;
				}
			
		#content_bottom	{
			width:200px;
			height:auto;
			background:#fff;
			bottom:57px;
			position:absolute;
			}
			
				#content_bottom_left	{
					float:left;
					font-size:63%;
					color:#C7C7C7;
					line-height:1.5em;
					padding:0 0 0 30px;
					}
					
				#content_bottom_left a img	{
					margin-bottom:-1px;
					}
			
  #header	{
		position:relative;
		width:990px;
		height:340px;
		background:#fff url(image/header_bg.jpg) no-repeat -25px 0;
		padding:0 0 0 11px;
		}
		
	#header img{z-index:1;}
		
	#logo{
		position:absolute;
		left:0; top:0;
		width:223px;
		height:220px;
		z-index:99;
	}
	
	#gutschein{
		position:absolute;
		left:0; bottom:0;
		width:223px;
		height:90px;
		z-index:99;
	}

#FormularQuick{
	padding-top:13px;
	position:relative;}

#calendar.calendar{
	position:absolute;
	top:25px;
	right:23px;
	width:222px;
	height:184px;
}

.calendar    {color: #47505a; font-size: 11px; font-family: Arial; background-color: #fff; border: dotted 1px #d5d8da; font-weight:bold; }

.calendar_headercolor      { color: #47505a; background-color: #f0ece1 }

.calendar_headerbuttons     { color: #47505a; cursor: pointer; border: solid 1px #fff; }

.calendar_highlightcolor  { color: #64696f ; font-weight:bold;}

.calendar_footercolor    { background-color: #fff }

.calendar_dropdown   { font-size: 11px; font-family: Arial; background-color: #edefee; border: solid 1px #d5d8da;}

#calendarmonth{position:absolute; top:48px; left:-8px;}
#calendaryear{position:absolute; top:48px; left:52px;}

.calendar_textcolor {}

.calendar_weekendcolor   { color: #a38402 }

.calendar_hovercolor      { color: #fff; background-color: #a38402 }

/* ---------- lytebox ---------- */

#lbOverlay  { position: absolute; z-index: 99998; top: 0; width: 100%; height: 500px }
#lbOverlay.grey  { top: 0; background-color: #fff }
#lbMain  { line-height: 0; text-align: center; position: absolute; z-index: 99999; top: 0; width: 100% }
#lbMain a img { border: none; }
#lbOuterContainer { position: relative; background-color: #fff; width: 200px; height: 200px; margin: 0 auto; }
#lbOuterContainer.grey  { border: solid 3px white }
#lbDetailsContainer {	font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; width: 100%; line-height: 1em;	overflow: auto; margin: 0 auto; }
#lbDetailsContainer.grey  { border-style: none solid solid; border-width: medium 3px 3px; border-color: #fff }
#lbImageContainer { padding: 10px; }
#lbIframeContainer  { top: 0 }
#lbLoading {position: absolute; top: 45%; left: 0%; height: 32px; width: 100%; text-align: center; line-height: 0; background: url(image/loading.gif) center no-repeat;}
#lbHoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lbImageContainer>#lbHoverNav { left: 0; }
#lbHoverNav a { outline: none; }
#lbPrev { width: 49%; height: 100%; background: transparent url(image/blank.gif) no-repeat; display: block; left: 0; float: left; }
#lbPrev.grey:hover, #lbPrev.grey:visited:hover {background: url(image/prev_grey.gif) left 15% no-repeat; }
#lbNext { width: 49%; height: 100%; background: transparent url(image/blank.gif) no-repeat; display: block; right: 0; float: right; }
#lbNext.grey:hover, #lbNext.grey:visited:hover {background: url(image/next_grey.gif) right 15% no-repeat; }
#lbPrev2, #lbNext2 { text-decoration: none; font-weight: bold; }
#lbPrev2.grey, #lbNext2.grey, #lbSpacer.grey { color: #333333; }
#lbPrev2_Off, #lbNext2_Off { font-weight: bold; }
#lbPrev2_Off.grey, #lbNext2_Off.grey { color: #CCCCCC; }
#lbDetailsData { padding: 0 10px; }
#lbDetailsData.grey { color: #333333; }
#lbDetailsData.red { color: #620000; }
#lbDetailsData.green { color: #003300; }
#lbDetailsData.blue { color: #01379E; }
#lbDetailsData.gold { color: #666600; }
#lbDetails { width: 60%; float: left; text-align: left; }
#lbCaption { display: block; font-weight: bold; }
#lbNumberDisplay { float: left; display: block; padding-bottom: 1.0em; }
#lbNavDisplay { float: left; display: block; padding-bottom: 1.0em; }
#lbClose { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
#lbClose.grey  { background: url(image/close_grey.gif) no-repeat }
#lbPlay { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
#lbPlay.grey { background: url(image/play_grey.png) no-repeat; }
#lbPause { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
#lbPause.grey { background: url(image/pause_grey.png) no-repeat; }
