@charset "utf-8";
/* CSS Document */

/*=====================HTML-TAGS======================*/

body {
	height: 100%;
	background: #fff url(../img/body-hg.jpg) repeat-x top center;
	margin: 0;
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 13px;
	color: #12275D;
	line-height: 1.3em;
	padding: 0px;
	text-align: center;
	}
body strong {
	font-weight: bold;
	}
table {
	font-size: 13px;
	}
img {
	border: 0px;
	padding: 0px;
	margin: 0px;
	}
a, a:link , a:visited{
	color: #34B3C8;
	text-decoration:underline;
	}
a:hover, a:active {
	color: #0470C5;
	}
p, h1, h2, h3, h4, h5, h6, form {
	margin: 0;
	padding:0;
	}
h1, h2, h3, h4, h5, h6 {
	font-family: "Trebuchet MS", Arial, Tahoma;
	font-weight: normal;
	line-height: 1.2em;
	color: #34B3C8;
	}
h1 {
	font-size: 22px;
	margin-bottom: 15px;
	}
h2 {
	font-size: 18px;
	margin-bottom: 3px;
	}
h3 {
	font-size: 16px;
	margin-bottom: 7px;
	}
h4 {
	font-size: 18px;
	margin-bottom: 5px;
	}
h5 {
	font-size: 16px;
	margin-bottom: 3px;
	}
#content ul {
	margin: 3px 0 0 10px;
	padding: 2px 0 2px 0px;
}
#content li {
	line-height: 1.3em;
	padding: 0 0 2px 5px;
	margin: 0 0 0 5px;
	list-style-position: outside;
}
/*---------------------DIV-FORMATIERUNGEN------------------------------*/

#sprachen {
	width: 894px;
	height: 26px;
	margin: 0 auto;
	padding: 44px 0 0 0;
	text-align: left;
	color: #2B4895;
	font-size: 12px;
	}
#sprachen a {
	color: #2B4895;
	text-decoration: none;
	margin-right: 15px;
	}
#sprachen a:hover {
	color: #34B3C8;
	}
#sprachen img {
	margin-right: 5px;
	}
#slideshow {
	width: 950px;
	height: 368px;
	margin: 0 auto;
	}
#navigation {
	width: 950px;
	height: 44px;
	margin: 1px auto;
	background: url(../img/navigation-hg.png) repeat-x top;
	}
#main {
	width: 880px;
	margin: 0 auto;
	background-color: #E2FAFD;
	border-left: 1px solid #CFF8FC;
	border-right: 1px solid #CFF8FC;
	padding: 36px 49px 0 19px;
	text-align: left;
	}
#mainAbschluss {
	width: 950px;
	height: 20px;
	margin: 0 auto;
	background: url(../img/main-bottom.gif) no-repeat center top;
	}
#features {
	width: 185px;
	float: left;
	font-size: 11px;
	line-height: 1.3em;
	}
#features .header {
	text-transform: uppercase;
	}
#features .header a{

	}
#features .header a:hover {
	color: #12275D;
	}
#features .content {
	padding: 0 0 0 10px;
	background: #E2FAFD;
	}
#facebookbutton {
	float: left;
	}
#skypebutton {
	float: right;
	width: 26px;
	height: 26px;
	padding: 7px 7px 6px 70px;
	background:url(../img/skype-button.gif);
	}
#skypebutton img {
	width: 26px;
	height: 26px;
	}
#content {
	width: 642px;
	float: right;
	}
#terminator {
	clear: both;
	}
#logo {
	width: 186px;
	height: 176px;
	position: absolute;
	z-index: 200;
	left: 50%;
	top: 0;
	margin-left: 255px;
	}
#service {
	text-align: right;
	font-size: 11px;
	padding: 15px 0 0 0;
	}
#service a {
	text-decoration: none;
	color: #12275D;
	}
#service a:hover {
	color: #34B3C8;
	}
#bookmark {
	float: right;
	}
#servicelinks {
	float: right;
	}
#adressleiste {
	width: 880px;
	height: 20px;
	padding: 20px 0;
	margin: 0 auto;
	font-size: 11px;
	}
#adressleiste a {
	color: #12275D;
	text-decoration: none;
	}
#adressleiste a:hover {
	color: #34B3C8;
	}
#adressleiste address {
	float: left;
	font-style: normal;
	}
#impuls {
	float: right;
	}

/*---------------------KLASSEN------------------------------*/
.apartment-groesse {
	text-align: center;
	height: 18px;
	width: 142px;
	background:url(../content_img/kategorie-hg-ferienhaus.gif) no-repeat center bottom;
	font-size: 11px;
	line-height: 18px;
	color: #fff;
	}
.preise {
	color: #34B3C8;
	font-size: 20px;
	font-weight: bold;
	}
.datum {
	color: #34B3C8;
	font-weight: bold;
	}
a.linkbutton {
	width: 216px;
	height: 20px;
	display: block;
	background: #fff url(../img/orte-pfeil.gif) no-repeat right top;
	color: #34B3C8;
	text-decoration: none;
	line-height: 20px;
	text-indent: 5px;
	margin-bottom: 1px;
	}
a.linkbutton:hover {
	color: #fff;
	background-color: #34B3C8;
	}
.printey { display: none; }

.tabelle, .tabelle-klein, .tabelle-uebersicht {
	border-collapse: collapse;
	background-color: #FFFFFF;
	text-align: left;
	font-size: 12px;
	margin: 0;
	vertical-align: middle;
	}
.tabelle td {
	padding: 5px;
	}
.tabelle-klein td {
	padding: 3px;
	border-bottom: 1px solid #BFF4FB;
	}
.tabelle-uebersicht td {
	padding: 0 3px;
	}
.tabelle-header {
	background-color: #EBD491;
	font-weight: bold;
	color: #7C522E;
	padding: 4px;
	}
.tabelle-hervorhebung {
	background-color: #F4E8C1;
	font-weight: normal;
	padding: 4px;
	}
a.anfragen-button {
	width: 240px;
	height: 24px;
	padding: 0 0 0 10px;
	display: block;
	background: url(../img/jetzt-anfragen-button-hg.png) no-repeat left top;
	color: #fff;
	text-decoration: none;
	line-height: 24px;
	margin: 10px 0 5px 0;
	}
a.anfragen-button:hover {
	background: url(../img/jetzt-anfragen-button-hg-hover.png) no-repeat left top;
	}
.EGthumbnail { 
	padding: 3px;
	background-color: #fff;
	margin: 1px 0px; 
	}
.abstand-unten {
	margin-bottom: 5px;
	}
/*---------------------ANFRAGEFORMULAR-----------------------------*/

.tabelle-kontaktformular {
	padding: 5px;
	background: #fff;
	border: none;
	text-align: center;
	}

#errorMessage {
	background-color: #fff;
	border: 1px solid red;
	padding: 3px;
	width: 99%;
	margin-bottom: 10px;
	}
#successMessage {
	background-color: #fff;
	border: 1px solid green;
	padding: 3px;
	width: 99%;
	margin-bottom: 10px;
	}
#formular label {
	display: block;
	float: left;
	width: 150px;
	vertical-align: middle;
	padding: 3px 0px 0px 5px;
	}
#formular p {
	clear: left;
	background: url(../img/form-hg.gif) no-repeat top left;
	padding: 3px 5px;
	height: 26px;
	margin-bottom: 2px;
	width: 632px;
	}
#formular #kommentar {
	height: 86px;
	background: url(../img/kommentar-hg.gif) no-repeat top left;
	}
#formular input {
	border: 1px solid #BFF4FB;
	background-color: #FFFFFF;
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 12px;
	color: #12275D;
	height: 18px;
	margin-top: 2px;
	}
#formular textarea {
	border: 1px solid #BFF4FB;
	background-color: #FFFFFF;
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 13px;
	color: #12275D;
	width: 450px;
	}
#formular .pflichtfelder {
	border: 1px solid #9AACBA;
	}	
#formular #sendenbutton, #formular #loeschenbutton {
	width: 200px;
	height: 24px;
	padding: 0 0 0 10px;
	border: none;
	font-size: 13px;
	color: #fff;
	line-height: 21px;
	background: url(../img/button-hg.png) no-repeat top;
	vertical-align: bottom;
	text-align: left;
	}
#formular #sendenbutton:hover, #formular #loeschenbutton:hover {
	background: url(../img/button-hg-hover.png) no-repeat top;
	cursor: pointer;
	}

/*---------------------MINI-ANFRAGEFORMULAR-----------------------------*/

#miniformular {
	margin-top: 3px;
	text-align: left;
	}
#miniformular table { font-size: 11px; }

#kalender3, #kalender4 { vertical-align: middle; margin: 2px;}

#datum3, #datum4 {
	background: #FFFFFF url(../img/kalender-icon.gif) no-repeat right top;
	border: none;
	width: 169px;
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 11px;
	color: #34B3C8;
	height: 16px;
	padding-left: 2px;
	}
* html #datum3, * html #datum4  { margin-top: -1px; } /* Hack für IE6*/
*+html #datum3, *+html #datum4  { margin-top: -1px; } /* Hack für IE7*/

#abschicken {
	border: 0px;
	width: 136px;
	height: 10px;
	}
	
/*---------------------GOOGLE-MAPS-----------------------------*/

#aussenrahmen {
	border: none;
	width: 100%;
	text-align: center;
	}
#karte {
	width: 100%; 
	height: 320px;
	}
#input-hintergrund {
	background: #fff;
	padding: 5px;
	}
#adresseingabe {
	width: 230px;
	padding: 1px;
	height: 20px;
	border: 1px solid #BFF4FB;
	background-color: #FFFFFF;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #000;
	}
#mapsButton1 {
	width: 200px;
	height: 24px;
	padding: 0 0 0 10px;
	border: none;
	font-size: 13px;
	color: #fff;
	line-height: 21px;
	background: url(../img/button-hg.png) no-repeat top;
	vertical-align: bottom;
	text-align: left;
	}
#mapsButton1:hover {
	background: url(../img/button-hg-hover.png) no-repeat top;
	cursor: pointer;
	}
.sprechblase {
	color: #000;
	font-size: 12px;
	}
	
/*---------------------PAUSCHALEN-SLIDER-----------------------------*/	
#container {
	margin: 0 0 0 36px;
	}
#slider{}	
#slider ul, #slider li {
		margin:0;
		padding:0;
		list-style:none;
		}
#slider li { 
		width:570px;
		height:160px;
		overflow:hidden; 
		}	

#slider li{ 
		background:#fff;
		}
.sliderbox {
		padding: 15px;
		}								
		
p#controls{
		margin:0;
		position:relative;
		} 
	
#prevBtn, #nextBtn{ 
		display:block;
		margin:0;
		overflow:hidden;
		text-indent:-8000px;		
		width:36px;
		height:160px;
		position:absolute;
		left:-36px;
		top:-160px;
		}	
#nextBtn{ 
		left:570px;
		}														
#prevBtn a, #nextBtn a{  
		display:block;
		width:36px;
		height:160px;
		background: url(../img/arrowbutton-left.jpg) no-repeat 0 0;	
		}	
#nextBtn a{ 
		background:url(../img/arrowbutton-right.jpg) no-repeat 0 0;	
		}
#prevBtn a:hover { background: url(../img/arrowbutton-left-hover.jpg) no-repeat 0 0; }
#nextBtn a:hover { background: url(../img/arrowbutton-right-hover.jpg) no-repeat 0 0; }	

/*----------------------- FLASHÜBERSCHRIFTEN ---------------------------------------*/

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	}
.sIFR-replaced {
	visibility: visible !important;
	}
span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	/*display: block;*/
	overflow: hidden;
	}
/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
	}
/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash h1 {
	visibility: hidden;
	line-height: 42px;
	}
.sIFR-hasFlash h2 {
	visibility: hidden;
	line-height: 30px;
	}

/*----------------------- ANREISEBOX ---------------------------------------*/

#anreisebox {
	width: 308px;
	height: 128px;
	position: absolute;
	top: 310px;
	left: 50%;
	z-index: 200;
	font-size: 11px;
	margin-left: 117px;
	}

.image-overlay { list-style: none; text-align: left; margin: 0; padding: 0;}
.image-overlay ul { margin: 0; padding: 0;}
.image-overlay li { display: inline; margin: 0; padding: 0;}
.image-overlay a:link, .image-overlay a:visited, .image-overlay a:hover, .image-overlay a:active { text-decoration: none; }
.image-overlay a:link img, .image-overlay a:visited img, .image-overlay a:hover img, .image-overlay a:active img { border: none; }

.image-overlay a
{
    margin: 0;
	padding: 0;
    float: left;
    border: 0;
    overflow: hidden;
    position: relative;
	width: 308px;
	height: 108px;
	background: none;
}
.image-overlay img
{
    position: absolute;
    top: 0;
    left: 0;
    border: 0;
}
.image-overlay .caption
{
	position: absolute;
	background: url(../img/anreisebox-hg.png) no-repeat center top;
	width: 308px;
	height: 108px;
	cursor: pointer;
	margin: -20px 0 0 0;
	padding: 0 0 20px 0;
}
.image-overlay .caption h1, .image-overlay .caption h2, .image-overlay .caption h3,
.image-overlay .caption h4, .image-overlay .caption h5, .image-overlay .caption h6
{
	margin:none;
    font-size: 14px;
	line-height: 1em;
    font-weight: normal;
	padding: 4px 15px 0 15px;
}
.image-overlay p
{
	text-indent: 0;
	margin: 15px;
	line-height: 1.3em;
	color: #fff;
	width: 115px;
}
/*--------------------------LIST-NAVIGATION-------------------------------*/

#LM_level_1 {
	margin: 0;
	padding: 0;
	}
#LM_level_1 ul{	
	margin: 0;
	padding: 0;
	}
#LM_level_1 li {
	margin: 0;
	padding: 0;
	list-style-position: outside;
	list-style-type: none;
	}
#LM_level_1 li a{
	width: 158px;
	margin-bottom: 10px;
	padding: 0 0 0 12px;
	display: block;
	font-size: 12px;
	line-height: 1em;
	color: #12275D;
	text-decoration: none;
	background: url(../img/subnavi-pfeil.gif) no-repeat left top;
	}
#LM_level_1 li a:hover{
	color: #34B3C8;
	}	
#LM_level_2 ul{
  	margin: 0;
	padding: 0;
	}
#LM_level_2 li{	
	padding: 0;
	margin: 0;
	}	
#LM_level_2 li a{
	color: #34B3C8;
	font-size: 11px;
	line-height: 1em;
	height: 20px;
	display: block;
	text-decoration: none;
	padding: 0 0 0 10px;
	margin: 0 0 0 15px;
	background: url(../img/subnavi-pfeil.gif) no-repeat left top;
	border: none;
	}
#LM_level_2 li a:hover{ color: #fff; }

#LM_level_1 li.LM_expanded a{
	color: #12275D;
	border-bottom: none;
	}
#LM_level_1 li.LM_expanded a:hover{
	color: #12275D;
	}
#LM_youAreHere {
	width: 158px;
	margin-bottom: 10px;
	padding: 0 0 0 12px;
	display: block;
	font-size: 12px;
	line-height: 1em;
	color: #34B3C8;
	font-weight: bold;
	text-decoration: none;
	background: url(../img/subnavi-pfeil.gif) no-repeat left top;
	}
#LM_level_2 #LM_youAreHere {
	color: #FFAE06;
	font-size: 11px;
	line-height: 1em;
	font-weight: normal;
	display: block;
	text-decoration: none;
	padding: 0 0 0 10px;
	margin: 0 0 0 12px;
	height: 20px;
	background: url(../img/subnavi-pfeil.gif) no-repeat left top;
	border: none;
	}