@import url(https://holiday-locations.com/iconfonts/fontawsome.css);

	/* fontawesome */
	[class*="fontawesome-"]:before {
	  font-family: 'FontAwesome', sans-serif;
	  font-style: normal;
	}

	
	
	*{
		padding: 0px;
		margin: 0px;
	}
	
	body{
		text-align: center;
		margin: 0px;
    	padding: 0px;
	}
	
	/* ===================================================================== */
	/* Design-Objekte                                                        */
	/* ===================================================================== */
	
	#oben{
		padding-bottom: 5px;
		position: absolute;
		top: 0px;
		background-color: #004274;
		width: 100%;
		z-index: 200;
	}
	#oben_innen{
		width: 1020px;
		margin-left: auto;
		margin-right: auto;
		text-align: left;
		height: 80px;
		position: relative;
		z-index: 200;
	}
		#hotlines{
			position: absolute;
			top: 15px; 
			right: 1px;
			color: #FFF;
			font-size: 130%;
		}
		#livechat{
			position: absolute;
			top: 39px; 
			right: 1px;
			color: #000;
		}
		#sprachwechsel{
			position: absolute;
			top: 39px; 
			right: 0px;
			z-index: 100;
		}
		#sprachwechsel ul{
			padding: 0px;
			margin: 0px;
		}
		#sprachwechsel ul li{
			display: inline;
			padding-right: 10px;
			list-style-type: none;
		}
		#mobilButtons{
			display: none;
		}
	
	#bannerPic{
		margin-top: 130px;
		height: 500px;
		background-position: center center;
		background-size: 100% auto;
	}
		#bannerPicWrapper{
			width: 1010px;
			margin: auto;
			position: relative;
		}
		#RefNrSuche{
			padding: 20px;
			position: absolute;
			top: 80px; 
			right: 0px;
			color: #000;
			
			width: auto;
			height: 75px;
			
			background-color: rgba(0,0,0,0.6);
			
			-webkit-border-radius: 2px;
			-moz-border-radius: 2px;
			border-radius: 2px;
			
			-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.35);
			-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.35);
			box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.35);
		}
		#RefNrSuche .textInput{
			margin-left: 0px; 
			height: 38px;
			width: 240px;
			
			-webkit-border-radius: 0px;
			-webkit-border-top-right-radius: 5px;
			-webkit-border-bottom-right-radius: 5px;
			-moz-border-radius: 0px;
			-moz-border-radius-topright: 5px;
			-moz-border-radius-bottomright: 5px;
			border-radius: 5px;
			border-top-right-radius: 5px;
			border-bottom-right-radius: 5px;
			
			border: 0px;
			border-left: 40px solid #CCC;
		}
			#suchFeldWrapper{
				position: relative;
			}
			#searchDekoLeft{
				position: absolute;
				top: 10px;
				left: 10px;
				font-size: 20px;
			}
			#btnSuche{
				color: #fff;
				background-color: #337ab7;
				border-color: #2e6da4;
				padding: 10px 16px;
				font-size: 18px;
				line-height: 1.3333333;
				width: 140px;
				
				-webkit-border-radius: 25px;
				-moz-border-radius: 25px;
				border-radius: 25px;
				
				-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.35);
				-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.35);
				box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.35);
			}
	
	#container{
		padding-top: 10px;
		position: relative;
		z-index: 15;
		width: 1020px;
		margin: auto;
		text-align: left;
		background-color: #FFF;
		
		-webkit-border-bottom-right-radius: 10px;
		-webkit-border-bottom-left-radius: 10px;
		-moz-border-radius-bottomright: 10px;
		-moz-border-radius-bottomleft: 10px;
		border-bottom-right-radius: 10px;
		border-bottom-left-radius: 10px; 
	}
	
	#filter{
		padding-top: 10px;
		padding-left: 5px;
		background: #F2F1ED;
		color: #666;
		font-size: 9pt;
	}
		.filterdropdown{
			border: 0px;
			background-color: #F2F1ED;
			color: #666;
			font-size: 9pt;
			font-weight: normal;
			margin-right: 25px;
		}
	
	#container_innen{
		position: relative;
		width: 1000px;
		text-align: left;
		margin-bottom: 20px;
	}
	
	#suche{
		position: absolute;
		right: 10px;
		top: 5px;
		z-index: 30;
		text-align: left;
		color: #FFFFFF;
	}
	#regionen_navi{
		padding: 5px;
		padding-top: 30px;
		color: #000;
		display: block;
	}
		#regionen_navi a{
			color: #000;
		}
	
	#navcontainer{
		position: absolute;
		top: 80px;
		z-index: 200;
		width: 100%;
		border-top: 1px solid #BBB;
		border-bottom: 1px solid #BBB;
		text-align: center;
		background-color: #00aeff;
	}
	
	#sv_navi{
		margin-top: 5px;
		padding-left: 5px;
	}	
	
	#seite{
		position: relative;
		padding: 5px;
		padding-top: 20px;
		padding-right: 20px;
		/*padding-left: 255px;
		width: 710px;
		float: left;*/
	}
	
		#inc_container{
			/*width: 720px;*/
		}
	
		#seo_text_container{
			color: #666;
			font-size: 8pt;
		}
		#terminSuche span{
			margin-bottom: 5px;
		}
		#terminSuche span{
			display: blocK;
		}
		#terminSuche b{
			display: inline-block;
			width: 200px;
		}
			#terminSucheBtn{
				margin-left: 205px;
				margin-bottom: 15px;
			}
	
	#sv1{
		/*position: absolute;
		top: 0px;
		left: 0px;*/
		padding-left: 10px;
		padding-top: 20px;
		/*width: 240px;
		padding-top: 30px;*/
		text-align: center;
		/*margin-left: 735px;*/
	}
		#sv1 a{
			font-size: 10pt;
			padding: 5px;
			display: block;
			/*width: 220px;*/
			
			/*float: left;*/
			border-bottom: 1px solid #F2F2F2;
			border-top: 1px solid #F2F2F2;
		}
			#sv1 a:hover{
				border-bottom: 1px solid #455F77;
				border-top: 1px solid #455F77;
			}
	
	#werbung_container{
		display: none;
		/*float: left;
		padding-top: 5px;
		padding-bottom: 10px;
	}
		#werbung_container ul li{
			list-style-type: none;
			width: 18%;*/
		}
		
	#footer {
		clear: both;
		text-align: center;
		background-color: #00335A;
		padding-top: 20px;
	}
	
	#footer1{
		clear: both;
		text-align: left;
		background-color: #00335A;
		padding-top: 20px;
	}
		#footerTable, footer1Table{
			width: 100%;
		}
			#footerC1, #footerC2, #footerC3, #footer1C1, #footer1C2, #footer1C3{
				width: 33%;
				float: left;
				margin-bottom: 10px;
			}
			#footerC1 a, #footerC2 a, #footerC3 a, #footer1C1 a, #footer1C2 a, #footer1C3 a{
				color: #FFF;
			}
		#footer .text_klein, #footer1 .text_klein{
			color: #FFF;
			font-weight: normal;
		}
		
	#footer_innen, #footer1_innen{ 
		width: 1010px; 
		margin: auto;
		clear: both;
		padding: 5px;
		padding-bottom: 5px;
		margin-bottom: 10px;
	}
	
	#footer1{
		background-color: #00AEFF !important;
	}
	#footer1_innen{ 
		margin-bottom: 0px !important;
	}
		
	#bookmarks{
		text-align: center;
		margin-top: 7px;
		padding-top: 5px;
		padding-bottom: 5px;
		border-top: 1px solid #FFF;
	}
		#bookmarks a { color: #FFF; }
		#bookmarks img { border: 0px; }
	
	#live_help{
		color: #FFFFFF;
		text-align: right;
		position: absolute;
		top: 40px;
		right: 10px;
		width: 555px;
		font-size: 11pt;
	}
	
	#objektZusatzText{
		text-align: justify;
	}
	
	#objektOverview, #objektPreise, #objektEigenschaften{
		border: 1px solid #455F77;
	}
		#objektPreise table, .padding5px{
			padding: 5px;
		}
		#objektEigenschaften ul li{
			width: 33%;
			float: left;
			list-style-type: none;
		}
			#objektEigenschaften ul li:before { 
			color: #00aeff;
			content: "\2714";
			}
		#objektEigenschaften h3{
			clear: both;
		}
		
	
	#objektP12{
		/*margin-left: 1%;*/
		width: 64%;
		float: left;
		text-align: justify;
	}
	#objektGrunddaten{
		width: 32%;
		margin-left: 67%;
	}
	
	/* ===================================================================== */
	/* HTML-Elemente                                                         */
	/* ===================================================================== */
	
	body, table, td {
        font-family: 'Yantramanav', sans-serif;
        font-weight: normal;
        font-style: normal;
        font-size: 12pt;
        text-decoration: none;
        color: #333;
    }
    
    table{
		border-spacing: 0px;
    }
    
    td{
		vertical-align: top;
    }
    
    h1, h2, h3, h4, h5 {
        font-weight: 300;
        font-size: 24pt;
        color:#000; /*F00*/
        padding-top: 15px;
        padding-bottom: 10px;
    }
    h2 {
        font-size: 20pt;
    }
    h3 {
        font-size: 16pt;
    }
    h4, h5 {
        font-size: 14pt;
    }

    a img{
        border: 1px solid #455F77;
    }
    b{
		font-weight: 500;
    }
    
    select {
		background-color: #fff; 
		border: 1px solid #455F77; 
		color: #5f665e;
		font-size: 12pt;
		padding: 4px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		margin-bottom: 3px;
		margin-left: 5px;
	}
	input, textarea {
		background-color: #fff; 
		border: 1px solid #455F77; 
		color: #000000;
		font-size: 12pt;
		padding: 4px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		margin-bottom: 3px;
		margin-left: 5px;
	}
	hr{
		border: 0px;
		border-bottom: solid 1px #455F77;
	}
	ul{
		padding-left: 20px;
	}
    
    a, a:active, a:focus, a:link, a:visited {
        text-decoration: none;
        font-weight: 300;
        font-size: 11pt;
        color: #455F77;
    }
    a:hover {
        text-decoration: underline;
        color: #455F77;
    }
    a.kalender{
		font-size: 7pt;
    }
    a.regionen_navi{
		font-size: 9pt;
    }
    .regionen_navi_text{
		font-size: 10pt;
    }
    a.regionen_link{
		display: inline-block;
		margin-right: 15px;
    }
    a.footer_link_hl{
		font-size: 12pt;
		color: #FFF;
    }
    a.footer_link{
		font-size: 11pt;
		color: #FFF;
    }
    a.footer_link:hover{
		text-decoration: underline;
    }
    a.head_link{
		color: #FFF;
		font-size: 30pt;
    }
    a.head_link:hover{
		text-decoration: none;
    }
    
    #sprachwechsel ul li a{
		color: #FFF !important;
		text-transform: uppercase;
	}
		#sprachwechsel ul li a:hover{
			color: #DDD !important;
		}

	/* ===================================================================== */
	/* NAVIGATION                                                            */
	/* ===================================================================== */
	
	nav {
		margin: auto; 
		width: 1020px;
		font-size: 11pt;
		z-index: 500;
		display: block;
	}
	nav ul {
		padding: 0px;
		margin: 0px;
	}
	nav ul:after {
		clear: both;
		content: " ";
		display: block;
		font-size: 0;
		height: 0;
		visibility: hidden;
	}
	nav ul,nav ul li{
		background-color: #00aeff;
		z-index: 600;
	}
	nav ul li {
		list-style: none;
		float:left;
		position: relative;
	}
	nav ul li a {
		text-decoration: none !important;
		display: block;
		color: #FFF !important;
		padding: 16px 14px 16px 14px;
		text-align: left;
	}
	nav ul li:hover > ul {
		visibility: visible;
	}
	nav ul li ul{
		display: block;
		visibility: hidden;
		position: absolute;
		padding:0px;
	}
	nav ul li ul li{
		float: none;
	}

	/* EFFEKTE */
	nav ul {
		padding: 0px;
		margin: 0px;
	}
	nav ul li:hover {
		text-decoration: none;
		display: block;
		color: #FFF;
		background-color: #FAFAFA !important;
	 
		-webkit-transition: background 0.3s ease-out 0s;
		-moz-transition: background 0.3s ease-out 0s;
		-o-transition: background 0.3s ease-out 0s;
		transition: background 0.3s ease-out 0s;
	}
	nav ul li:hover > a {
		color: #000 !important;
	}
	nav ul li ul li a:hover{
		color: #000 !important;
		text-decoration: none;
	}
	nav ul li ul li a {
		color: #FAFAFA;
	}
	nav ul li ul li a:hover{
		color: #333;
		background-color: #FAFAFA !important;
	}
    
    
    /* ===================================================================== */
	/* KLASSEN                                                               */
	/* ===================================================================== */
	
	.popup-gallery{
		display: block;
	}
		.popup-gallery a{
			/*float: left;*/
			margin-right: 10px;
			margin-bottom: 10px;
		}
		.popup-gallery .popup-leiste a img{
			height: 112px; 
			width: auto;
		}
		.popup-gallery > a:first-child{
			width: 100%;
			height: auto;
		}
		.popup-gallery > a:first-child > img{
			width: 100%;
			height: auto;
		}
		.popup-gallery .popup-leiste{
			margin-top: 10px;
			width: 100%;
			height: 140px;
			overflow-x: scroll;
			overflow-y: hidden;
			white-space: nowrap;
		}
		
	.preis_head{
		background: #00aeff;
		color: #FFF;
		padding: 2px;
	}
	.preis_linie{
		border-top: 1px dotted #BBB;
		padding: 2px;
	}
    
    .text_faerbig{
		color: #435532;
		font-weight: bold;
    }
    .text_faerbig2{
		color: #166ACD;
		font-weight: bold;
    }
    .text_hervorhebung{
		color: white; 
		font-weight: bold; 
		background-color: #FF0000;
    }
    .sv_link_faerbig{
		color: #455F77;
    }
    .h1_fake{
		font-size: 16pt; 
		color: #000; 
		font-weight: 500;
	}
	
    .obj_bild_farbe, .obj_bild_weiss {
        padding: 3px;
        margin: 3px;
        /*background-color: #333;*/
        
        width: 410px; 
        padding-right: 10px; 
        vertical-align: top; 
        display: table-cell;
    }
    .obj_bild_farbe img, .obj_bild_weiss img {
		width: 400px;
	}
    .obj_daten_farbe, .obj_daten_weiss {
        padding: 3px;
        margin: 3px;
        
        /*background-color: #333;*/
        
        width: 684px; 
        vertical-align: top; 
        display: table-cell;
    }
    .obj_bild_weiss, .obj_daten_weiss {
		/*background-color: #333;*/
    }
    
    .obj_tabelle_farbe2, .obj_tabelle_weiss {
        padding: 3px;
        margin: 3px;
        w
        /*background-color: #92C5FE;*/
        border-bottom: 1px solid #455F77;
    }

    .news_video{
	width: 400px;
	height: 226px;
    }
    
    .obj_bild {
        width: 165px; 
    }
    .text_klein {
        font-weight: bold;
        font-size: 12pt;
        color: #000;
    }
    .headline_td {
        color: #455F77;
        /*background-color: #D5860C;*/
        font-weight: bold;
    }
    .table_mit_border{
    	border: solid Black 1px;
    }
    .error{
        font-size: 10pt;
        text-decoration: none;
        color: #AFF;
    }
    .linkbild {
        border: 2px;
        color: #000;
    }
    
    .fakeTableContactForm{
		display: block;
		margin-bottom: 15px;
    }
		.fakeTableContactForm b{
			display: table-cell;
			width: 150px;
			vertical-align: top;
		}
		.fakeTableContactForm span{
			display: table-cell;
			width: 550px;
		}
			.fakeTableContactForm span input{
				width: 100%;
			}
    
    .rubrikHead{
		border-bottom: 1px solid #455F77;
		background-color: #F2F1ED;
		text-align: center;
		margin-bottom: 10px;
		font-weight: 300;
		font-size: 16pt;
		color: #666;
    }
    .objektBlock{
		border: 1px solid #455F77;
		margin-bottom: 15px;
    }
		.objektBlock table{
			width: 100%;
		}
    .objektDetailListe{
		width: 110px;
		text-align: right; 
    }
	    .abPreis{
			background: #455F77 url('img/white_arrow.png') top left no-repeat;
			background-size: auto 100%;
			color: #FFF;
			padding-right: 5px;
			margin-top: 3px;
			margin-right: -10px;
		}
			.abPreis b{
				font-size: 18pt;
			}
			
	.thirdBox, .thirdBoxMitte {
		width: 30%;
		float: left;
	}
	.thirdBoxMitte {
		margin-left: 4%;
		margin-right: 4%;
	}
	
		.thirdBox img, .thirdBoxMitte img {
			width: 100%;
		}
		.thirdBox h3, .thirdBoxMitte h3 {
			padding-top: 0px;
		}
		.gotoLink{
			padding-top: 10px;
		}
		.clearBoth{
			clear: both;
		}
		.whatsapp_klein {
        font-weight: bold;
        font-size: 12pt;
        color: #FFF;
    }
    
    /* ===================================================================== */
	/* SUCHFELD                                                              */
	/* ===================================================================== */
    
    .gloabalSearchInput, .gloabalSearchSelect, .gloabalSearchButton {
		padding: 6px;
		font-weight: bold;
	}
	.gloabalSearchInput { background: #fff url(search-icon.png) no-repeat 4px 50%; padding: 6px 6px 6px 30px; width: 180px}

	.gloabalSearchSelect {padding: 7px; margin: 0 5px; width: 140px}
	.gloabalSearchImage {vertical-align: top}

	.welcomeBox, .welcomeBox2{
		width: 236px; 
		height: 340px; 
		float: center; 
		margin-right: 13px;
	}
	.welcomeBox2{
		margin-right: 0px;
	}

	.welcomeBox3{
		border: 1px solid #999; 
		border-top: 0px; 
		height: 145px; 
		padding: 5px; 
		margin-top: -5px;
	}
	.welcomeBox3 h2{
		padding-top: 5px;
		padding-bottom: 5px;
	}

	.seitenListe{
		text-align: center;
	}


	/* ===================================================================== */
	/* Kalender                                                              */
	/* ===================================================================== */

	.calOuter0, .calOuter1{
		width: 330px;
		display: block;
		float: left;
		margin-right: 40px;
	}
	.calOuter1{
		margin-right: 0px !important;
	}
	.calTd{
		width: 320px;
	}
	.cal{
		width: 100%;
		border-collapse: collapse;
	}
		.calRed{
			color: #FFF;
			background-color: #C00;
		}
		.cal td{
			vertical-align: middle;
			text-align: center;
			height: 25px;
			border: 1px solid #888;
		}
		.calArrow{
			font-weight: 400 !important;
			font-size: 64px !important;
			color: #CCC !important;
		}
		.calArrow:hover{
			text-decoration: none;
		}


/* NEU FUER CAPTURE */

.cap { 
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

/* IMAGE STYLES */
.cap + img {
  cursor: pointer;
  margin-right: 10px;
  margin-bottom: 10px !important;
}

/* CHECKED STYLES */
.cap:checked + img {
  outline: 5px solid #3cc;
}