@charset "utf-8";
/* CSS Document */
body {
	margin: 0;
	padding: 0;
	font-family: Tahoma, Geneva, sans-serif;
	color: #3f1e05;
	background-color: #a8c0dd;
	background-image:url(images/bg.jpg);
	background-repeat:repeat-x;
	font:Tahoma, Geneva, sans-serif;
	font-size:1em;
	font-weight:bold;	
	}
	
a {
	color: #3f1e05;
	text-decoration: none;
	}	
a:hover {
	color: #9e0d15;
	text-decoration: underline;
	}
a:visited {
	color: #3f1e05;
	text-decoration: none;
	}
table a:hover {
	color: #9e0d15;
	text-decoration: underline;
	}
#main {
	width: 985px;
	height: 630px;
	margin:  auto;
	padding: auto;
	}

#header {
	clear: both;
	width: 985px;
	height: 76px;
	margin: 0 auto;
	background-image:url(images/header.jpg);
	}

#content {
	font-size: 80%;
	position:relative;
	background-image:url(images/tagesbild_DE.jpg); /*TEMPORAER!!!*/
	width: 985px;
	height: 630px;
	}
#content_preise_DE {
	font-size: 80%;
	position:relative;
	background-image:url(images/preise_beendet_DE.jpg);
	width: 985px;
	height: 630px;
	}
#content_tipps {
	font-size: 80%;
	position:relative;
	background-image:url(images/bg_allgemein_beendet.jpg);
	width: 985px;
	height: 630px;
	}
	
#language {
	position: absolute;
	top: 43px;
	left: 67px;
	z-index: 2;
	}
#language a {
	color: #3f1e05;
	text-decoration: none;
	}	
#language a:hover {
	color: #9e0d15;
	text-decoration: underline;
	}	
#language_right	{
	position: absolute;
	top: 43px;
	left: 790px;
	z-index: 2;
	}
	}
#language_right a:hover {
	color: #9e0d15;
	text-decoration: underline;
	}
#postcardtext {
	position: absolute;
	width: 225px;
	left: 234px;
	top: 294px;
	}
#introtext {
	position: absolute;
	top: 45px;
	left: 455px;
	width: 340px;
	font-size: 96%;
	}	
#introtext a:hover {
	color: #9e0d15;
	text-decoration: underline;
	}

#search_btn {
	position: absolute;
	top: 561px;
	left: 401px;
		}
		
#melden_btn {
	position: absolute;
	top: 561px;
	left: 558px;
		}
		
#arrow {
	position: absolute;
	top: 230px;
	left: 440px;
	background-image:url(images/arrow.png);
	width: 63px;
	height: 45px;
	}
*html #arrow {
	background-image:url(images/arrow.png);
	}
*html #arrow {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/arrow.png', sizingMethod='scale');
background:none;
}


/*start big navlist*/		
.navcontainer {
	position: absolute;
	width: 165px;
	top: 380px;
	left: 732px;
}
*html .navcontainer {
	position: absolute;
	width: 165px;
	top: 394px;
	left: 732px;
}
*:first-child+html .navcontainer {
	position: absolute;
	width: 165px;
	top: 394px;
	left: 732px;
	}

.navcontainer ul {
	margin-left: 0;
	padding-left: 0; 
	list-style-type: none;
}
.navcontainer a {
	display: block;
	padding-top: 9px;
	padding-bottom: 9px;
	padding-left: 10px;
	width: 165px;
	background-color: transparent;
	z-index:2;
}

.navcontainer a:link {
	color: #3f1e05;
	text-decoration: none;
}
.navcontainer2 {
	position: absolute;
	width: 165px;
	top: 370px;
	left: 732px;
}
*html .navcontainer2 {
	position: absolute;
	width: 165px;
	top: 383px;
	left: 732px;
}

*:first-child+html .navcontainer2 {
	position: absolute;
	width: 165px;
	top: 383px;
	left: 732px;
}

.navcontainer2 ul {
	margin-left: 0;
	padding-left: 0; 
	list-style-type: none;
}
.navcontainer2 a {
	display: block;
	padding-top: 9px;
	padding-bottom: 9px;
	padding-left: 10px;
	width: 165px;
	background-color: transparent;
	z-index:2;
}
.navcontainer2 a:link {
	color: #3f1e05;
	text-decoration: none;
}
.navlist a:visited {
	color: #3f1e05;
	text-decoration: none;
}
.navcontainer a:hover {
	color: #9e0d15;
	text-decoration: underline;
}
.navcontainer2 a:hover {
	color: #9e0d15;
	text-decoration: underline;
}
.navcontainer li.listspacer {
	/*padding-bottom: 5px;*/
	}
/*end big navlist*/

#buchungsrabatt{
	position: absolute;
	top: 541px;
	left: 480px;
	}
#buchungsrabatt a:hover{
	color: #9e0d15;
	background-color: transparent;
	text-decoration: underline;
	}
/*start small navlist*/	
#navposition {
	position: absolute;
	top: 549px;
	left: 340px;
	}
*html #navposition {
	position: absolute;
	top: 561px;
	left: 340px;
	}
*:first-child+html  #navposition {
	position: absolute;
	top: 561px;
	left: 340px;
	}
	
.small_navlist ol {
	position: absolute;
	margin-left: 0;
	padding-left: 0;
	white-space: nowrap;
}
.small_navlist li {
	display: inline;
	list-style-type: none;
}
.small_navlist a {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 52px;
}
.small_navlist a:link, .small_navlist a:visited {
	color: #3f1e05;
	background-color: transparent;
	text-decoration: none;
}
.small_navlist a:hover {
	color: #9e0d15;
	background-color: transparent;
	text-decoration: underline;
}
/*end small navlist*/

/*start Social Media navlist*/	
#SM_navposition {
	position: absolute;
	top: 580px;
	left: 670px;
	}
*html #SM_navposition {
	position: absolute;
	top: 592px;
	left: 670px;
	}
*:first-child+html #SM_navposition {
	position: absolute;
	top: 580px;
	left: 670px;
	}
.SM_navlist ol {
	
	position: absolute;
	margin-left: 0;
	padding-left: 0;
	white-space: nowrap;
}
.SM_navlist li {
	display: inline;
	list-style-type: none;
}
.SM_navlist a {
	padding-top: 18px;
	padding-bottom: 18px;
	padding-right: 120px;
}
.SM_navlist a:link, .SM_navlist a:visited {
	color: #3f1e05;
	background-color: transparent;
	text-decoration: none;
}
.SM_navlist a:hover {
	color: #9e0d15;
	background-color: transparent;
	text-decoration: none;
}
/*end Social Media navlist*/

.formular {
	position: absolute;
	top: 75px;
	left: 87px;
	width: 400px;
	}
.content_buchungsrabatt {
	position: absolute;
	top: 75px;
	left: 87px;
	width: 480px;
	}
	
.winner_left {
	position: absolute;
	top: 43px;
	left: 60px;
	width: 900px;
	}
.content_impressum {
	position: absolute;
	top: 43px;
	left: 60px;
	width: 500px;
	}
.tipps_left {
	position: absolute;
	top: 43px;
	left: 60px;
	width: 840px;
	}
.bodytext {
    font-size: 85%;	
	}
.bodytext_postcard {
    font-size: 85%;	
	}
.SM_Tipp {
	font-size: 95%;
	padding-left: 8px;
	}
.SM_Tipp a:hover{
	font-size: 95%;
	color: #9e0d15;
	text-decoration: underline;
	}

/*start tooltips*/
*html .tooltip {
	position: absolute;
	display: none;
	background-color: #ffecb2;
	border-width: 1px;
	border-style: solid;
	border-color: #3f1e05;
	color: #666666;
	font-weight: bold;
	padding: 4px;
	z-index: 5;
}
.tooltip {
	position:fixed;
	display: none;
	background-color: #ffecb2;
	border-width: 1px;
	border-style: solid;
	border-color: #3f1e05;
	color: #666666;
	font-weight: bold;
	padding: 4px;
	z-index: 5;
}
.head {
	font-weight: bold;
	background-color: #ffecb2;
	color: #3f1e05;
	padding: 4px;
}
/*.tooltip {
	color: #666666;
	font-weight: bold;
	padding: 4px;
}*/

.tooltip2 {
	font-size: 7pt;
	position: absolute;
	display: none;
	background-color: #ffecb2;
	border-width: 1px;
	border-style: solid;
	border-color: #3f1e05;
}
.tooltip2 .head {
	font-weight: bold;
	background-color: #ffecb2;
	color: #3f1e05;
	padding: 4px;
}
.tooltip2  {
	color: #666666;
	font-weight: bold;
	padding: 4px;
}
/*end tooltips*/

/*start FORMULAR*/
form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
	font:100% Tahoma, Geneva, sans-serif;
	margin: 0;
	padding: 0;
	min-width: 300;
	max-width: 320px;
	width: 320px;
    font-size: 85%;
}
fieldset {
	border: none; 
	}
form fieldset {
 / * clear: both;
note that this clear causes inputs to break to left in ie5.x mac, commented out */ 
	border: none; 
	padding: 0px;
  	margin: 0;
}
form fieldset legend {
	font-size:1em; /* bump up legend font size, not too large or it'll overwrite border on left *//* be careful with padding, it'll shift the nice offset on top of border  */
}
form label {
	display: block;  /* block float the labels to left column, set a width */
	float: left;
	width: 120px;
	padding: 0;
	margin: 4px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: left;
	font-weight: bold;
}

input:focus, textarea:focus{
background-color: #fff;
}

form input, form textarea {
	font:100% Tahoma, Geneva, sans-serif;
	border: 1px solid #3f1e05;
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:160px;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 0px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}
form input.plz {
	font:100% Tahoma, Geneva, sans-serif;
	border: 1px solid #3f1e05;
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:40px;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 0px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}
*html form input {
	margin: 0px 0 0 0px;
	}
form input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

textarea {
	overflow: auto;
}
form small {
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}
form .required {
	font-weight:bold;
} /* uses class instead of div, more efficient */
form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}
/*end formular*/

#btn_absenden_pos {
	position: absolute;
	top: 204px;
	left: 327px;
	}
	
*html #btn_absenden_pos {
	position: absolute;
	top: 210px;
	left: 327px;
	}
	
.btn_absenden {
	width: 128px;
	height: 34px;
    border: none;
    background: url('images/btn_spacer.jpg') no-repeat top left;
	cursor:pointer;
	font-size: 110%;
	font-weight: bold;
	}
input {
	color: #3f1e05;
	}	
input.btn_absenden:hover {
	background-color: transparent;
	color: #9e0d15;
	text-decoration: underline;
	}
input.btn_absenden:link {
	background-color: transparent;
	color: #9e0d15;
	text-decoration: underline;
	}
input.btn_absenden:active {
	background-color: transparent;
	color: #9e0d15;
	text-decoration: underline;
	}
input.btn_absenden:visited {
	background-color: transparent;
	color: #3f1e05;
	text-decoration: underline;
	}
	
#footer {
	position: relative;
	background-image:url(images/footer.jpg);
	width: 985px;
	height: 123px;
	font-size: 70%;
	}
.impressum a {
	position: absolute;
	left: 480px;
	top: 40px;
	color: #3f1e05;
	text-decoration: none;
	}	
.impressum a:hover {
	color: #9e0d15;
	text-decoration: underline;
	}	
.impressum a:link {
	color: #3f1e05;
	text-decoration: none;
	}
.ul_list li{
	margin: 0 0 10px 0;
	}
.datum {
	text-decoration:underline;
	}
.hinweise {
	font-size: 80%;
	}
.tbl_abstand {
	padding: 0 0 5px 0;
	}
.tbl_abstand2 {
	padding: 0 0 2px 0;
	}
table th {
	font-size: 110%;
	text-align: left;
	}
	
.trennlinie_dunkel {
padding: 0 8px 0 8px;
border-left: 1px solid #5e412a;
		}
h1 {
	font-size: 115%;
	}
.teilen {
	text-align:right;
	}