/*  hotel-strandidyll.de - Layout-Stylesheet

	Datum: 23.02.2010
	Autor: Jörg Harling

*/

/************************************/
/*          Seitenlayout            */
/************************************/

body {
	background: url(../bitmaps/bg_body.gif) repeat-x top left #e7f3fb;
	font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
}

#container {
	margin: 0 auto;
	padding:0;
	width: 960px;
	height: auto;
	position:relative;
}

#header {
	margin: 0;
	padding:0;
	width: 960px;
	height: 327px;
	position:relative;
	background:url(../bitmaps/bg_header.jpg) top left no-repeat;
}

#lang_change {
	position:absolute;
	right:25px;
	top:5px;	
	z-index:999;
}


/****************** Header-Overlayer ********************/ 

#header_overlayer_1 {
	background:url(../bitmaps/header_overlayer_1.png) top left no-repeat;
	position:absolute;	
	width:935px;
	height:327px;
	margin:0px 0px 0px 12px;
	padding:0;
	z-index:99;
}

*html #header_overlayer_1 {
	background:url(../bitmaps/header_overlayer_1.gif) top left no-repeat;
}

#header_overlayer_2 {
	background:url(../bitmaps/header_overlayer_2.png) top left no-repeat;
	position:absolute;	
	width:935px;
	height:327px;
	margin:0px 0px 0px 12px;
	padding:0;
	z-index:99;
}

*html #header_overlayer_2 {
	background:url(../bitmaps/header_overlayer_2.gif) top left no-repeat;
}

#header_overlayer_3 {
	background:url(../bitmaps/header_overlayer_3.png) top left no-repeat;
	position:absolute;	
	width:935px;
	height:327px;
	margin:0px 0px 0px 12px;
	padding:0;
	z-index:99;
}

*html #header_overlayer_3 {
	background:url(../bitmaps/header_overlayer_3.gif) top left no-repeat;
}

#header_overlayer_4 {
	background:url(../bitmaps/header_overlayer_4.png) top left no-repeat;
	position:absolute;	
	width:935px;
	height:327px;
	margin:0px 0px 0px 12px;
	padding:0;
	z-index:99;
}

*html #header_overlayer_4 {
	background:url(../bitmaps/header_overlayer_4.gif) top left no-repeat;
}

/*******************************************************/ 

/****************** Header-Overlayer Englisch ********************/ 

#header_overlayer_1_en {
	background:url(../bitmaps/header_overlayer_1_en.png) top left no-repeat;
	position:absolute;	
	width:935px;
	height:327px;
	margin:0px 0px 0px 12px;
	padding:0;
	z-index:99;
}

/**html #header_overlayer_1_en {
	background:url(../bitmaps/header_overlayer_1_en.gif) top left no-repeat;
}*/

#header_overlayer_2_en {
	background:url(../bitmaps/header_overlayer_2_en.png) top left no-repeat;
	position:absolute;	
	width:935px;
	height:327px;
	margin:0px 0px 0px 12px;
	padding:0;
	z-index:99;
}

/**html #header_overlayer_2_en {
	background:url(../bitmaps/header_overlayer_2_en.gif) top left no-repeat;
}*/

#header_overlayer_3_en {
	background:url(../bitmaps/header_overlayer_3_en.png) top left no-repeat;
	position:absolute;	
	width:935px;
	height:327px;
	margin:0px 0px 0px 12px;
	padding:0;
	z-index:99;
}

/**html #header_overlayer_3_en {
	background:url(../bitmaps/header_overlayer_3_en.gif) top left no-repeat;
}*/

#header_overlayer_4_en {
	background:url(../bitmaps/header_overlayer_4_en.png) top left no-repeat;
	position:absolute;	
	width:935px;
	height:327px;
	margin:0px 0px 0px 12px;
	padding:0;
	z-index:99;
}

*html #header_overlayer_4_en {
	background:url(../bitmaps/header_overlayer_4_en.gif) top left no-repeat;
}

/*******************************************************/ 






#header_clicks {
	margin:10px 0px 0px 10px;	
}

#flashContent {
	position:absolute;
	width:934px;
	height:280px;
	background:#E7F3FB;
	z-index:1;
	margin:23px 0px 0px 13px;
}

#navigation {
	float:left; 
	width:237px; 
	height:auto;
}

#left {
	width:210px;
	height:auto;
	float:left;
	margin:0px 15px 10px 12px;
	padding-bottom:20px;
	overflow:hidden;
	color:#444;
	background:url(../bitmaps/bg_mainnav_bot.gif) bottom left no-repeat #f8f1d4;
}

*html #left {
	margin:0px 5px 0px 6px;
}

#content {
	width:710px;
	height:auto;
	float:left;
	font-size:0.8em;
	background: url(../bitmaps/bg_content_top.gif) top left no-repeat #fff;
}

#content div.main {
	width:670px;
	padding:0px 20px 10px 20px;
	color:#444;
	min-height:400px;
}

#content_bot {
	margin-top:15px;
	width:710px;
	height:50px;
	clear:both;
	float:left;
	background: url(../bitmaps/bg_content_bot.gif) top left no-repeat;
}

.inner_left {
	float:left;
	width:300px;
	height:auto;
	padding-right:50px;
}

.inner_right {
	float:left;
	width:300px;
	height:auto;
}

.bplan_table {
    background-Color: #F5F5F5;
    border-collapse: collapse;
    border: 4px solid #FFFFFF;
}

.bplan_year {
	font-family: Arial, Verdana, Courier;
	font-weight: bold;
	font-size: 12px;
	background-Color: #EEEEEE;
	padding: 1px;
	border: 1px solid #AAAAAA;
	text-align: center;
	color: #000000;
}

.bplan_month {
	width: 40px;
	font-family: Arial, Verdana, Courier;
	font-weight: bold;
	font-size: 12px;	
	text-align: center;
	background-Color: #EEEEEE;
	padding: 1px;
	border: 1px solid #AAAAAA;
	color: #303080;	
}

.bplan_day_head {
	font-family: Arial, Verdana, Courier;
	font-weight: bold;
	font-size: 12px;	
	text-align: center;
	background-Color: #EEEEEE;
	padding: 1px;
	border: 1px solid #AAAAAA;	
	color: #303080;	
}

.bplan_day, .bplan_empty {
	background-Color: #E6F3FB;
	padding: 1px;
	text-align: center;
	vertical-align: middle;
}

#suchbox {
	background-Color: #E7F3FB;
	padding: 6px;
}

#suchbox td {
    padding: 2px 2px 6px 2px;

}

#suchbox input {
	border: 1px solid #ABABAB;
	background-Color: #C3E0F5;
	color: #666666;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-style:italic;
}

.rot {
	color: #EE0000;
}

.gruen {
  color: #40aa40;
}

.grau {
  color: #909099;
}

#fehlerzelle {
	border: 2px solid #FF0000;
	background-Color: #FFCCCC;
	padding: 10px !important;
}

.singleresult td {
	background-Color: #E7F3FB;
	padding: 2px;
}

.resultimage {
	padding: 5px !important;
}

.clearfix {
	clear:both;	
}

#hc_widget_968 {
	padding-left:36px;
}

#hc_widget_968 div.hc_widget_box {
	float:left;
	margin-top:10px;
	width:150px;
}
