body {font-family:Helvetica, sans-serif; background:#F3F7FB; overflow-x: hidden;font-size:16px;background:url("/layout/hg-glob.jpg") repeat-y center}

h1, h2, h3, h4, h5, h6 {margin-bottom: 20px;color:#2F5882}


/*##################### Navigation unter Hauptbild ###############*/
.nav > li > a:hover { background-color:#FF8000; background-image:none}
.nav-justified > li > a { color: white;	background-image: linear-gradient(to top, #568ABE 0%, #3875B2 60%); }
.navbar-header h2 { letter-spacing: 2px; padding-left: 20px; }

/*##########################*/

iframe, object, embed {	width: 100%; border: none; margin-bottom: 20px; }

.container {
	margin: 0 auto;
	padding-left: 0px;
	padding-right: 0px;
	background: white;
}

.row {	margin-left: 0px; margin-right: 0px; }
.unternavi {border: solid 1px; border-color: #DDD; margin: 40px 15px 0 15px; }
.unternavi ul {margin-left: 20px; padding:0; }
.unternavi ul li {margin:0; padding:0; }

footer.container { padding-right: 0px; padding-left: 0px; padding-top: 20px; }
footer { margin: 0 auto; text-align: center; color: white; }
footer a { color: #FFFFFF; }
footer a:hover { color: #FFFF00; }

.left { float: left }
.right { float: right }

.credit { padding: 10px 0px; background: #3875B2; }

#thumbnails_container, #other_downloads { max-width: 1020px; margin: 0 auto; padding:30px 0 30px 0}

.cleaner { clear: both }

/*##################### Navigation oben ###############*/

.header-dropdown {
	position: absolute;
	background: rgba(255,255,255);
	right: 46px;
	left: auto;
	top: 24px;
    border-radius: 0px 0px 2px 2px;
	padding: 0;
	display: none;
}
.header-dropdown li {
	
	list-style: none;
	font-weight: bold;
	border-bottom: 2px solid #d0d5e9;
}
.header-dropdown li:last-child {
	border-bottom: 0
}
.header-dropdown li a {
	color: #3875B2 !important;
	display: block;
	padding: 10px 30px 10px 20px;
	font-size: 1.15em;
    font-weight: bold;
}

.header-dropdown li a:hover {
	text-decoration: none;
	color: #3875B2 !important;
}

ul.dropdown-menu>li>a:hover {
    color: #990000;
    text-decoration: none;
    background-color:#d0d5e9;
}

.menubar {
	display: table;
	position: absolute;
	top: 30px; 
	right:24px;
}
.menubar li {
	list-style: none;
}
.menubar li a b.fa {
	font-size: 40px;
    padding: 0pc 10px;
    color: #FFF;
    border: 2px solid #FFF;
    border-radius: 4px;
}
	
/* --------------------- header / ueb --------------------- */

.header
{border-bottom:1px solid #FFF; background-image: linear-gradient(to top, #568ABE 0%, #3875B2 60%); position:relative}

.header a, .header p
{color:#FFF !important}

.header p
{max-width:80%}

.header .gross
{font-family: Georgia,serif;
font-size: 2.5em;
font-weight: 500;
margin: 0px;
padding: 0 0 0 5px;}

.header .gross a
{color: #3875B2;}

.header .klein
{margin: 0px;
padding: 0px 0px 10px 5px;
font-size: 1.2em;}

/* ----- Angebotssuche ----- */	

	#angebotssuche
	{
		background-color:#E6Eff7 ;
		width:200px;padding:5px;text-align:left;
		margin-bottom:15px;
	}	
	
	#angebotssuche p
	{
		font-size: 13px !important;
		line-height: 17px;
	}	
	
	#angebotssuche .suchform 
	{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		width: 190px;
		padding: 1px 2px 1px 4px;
		border: solid #8FA9C4 1px;
		margin: 3px 0 0 0 ;
		color: #333;
		font-size: 14px;
	}
	
#angebotssuche .suchbutton
{-webkit-appearance: none;cursor: pointer; border: 1px solid #3875b2 !important;background: #3875b2 !important;color: #ffffff !important; font-size:14px;padding:3px !important;text-align:center;width:190px;font-family: Verdana, Arial, Helvetica, sans-serif;font-weight:normal;-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;margin-top:10px !important;margin-bottom:10px}

#angebotssuche .suchbutton:hover
{background: #FF8800 !important; border: 1px solid #FF8800 !important}


/* --------------------- hotelliste --------------------- */
.hotel 
{padding: 4px; background-color: #FFF; border: 1px solid #DDD;; margin-top:20px; margin-bottom:40px;min-height:165px}

.hotel:hover
{
	background-color:#E6EEF9;
	cursor:pointer;
}

.hotel p
{}

/* --------------------- grosse bilder mit bldunterschrift --------------------- */

.bildunterschrift
{text-align:center; font-size:0.85em; color:#804040; margin-bottom:30px; margin-top:30px}

.bildunterschrift img
{margin-bottom:5px}

/* --------------------- video youtube-link startseite --------------------- */


.elastic-video { 
position: relative; 
padding-bottom: 55%; 
padding-top: 15px; 
height: 0; 
overflow: hidden;  
margin:30px 0 30px 0
} 

.elastic-video iframe {
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
} 
/* --------------------- Google-Anzeigenblock --------------------- */

.anzeige
{margin: 30px 0 30px 0; }
.anzeigeunten
{padding: 20px 0 0 0; margin: 20px 0 20px 0; border-top:dotted #999 1px; }

/* --------------------- Button zur Angebotsliste --------------------- */

.pachtung {margin: auto !important;margin-top:30px !important;text-align: center;background: none repeat scroll 0% 0% #C00; padding: 5px; border-radius: 4px; max-width:500px;}
.achtung { font-size: 1.3em !important; cursor: pointer;  border: none; color: #FFF !important; padding: 4px !important; text-align: center; text-decoration: none; font-family: Verdana,Arial,Helvetica,sans-serif; font-weight: normal;}
.achtung .klein {font-size:0.8em; color:#FFF}
.pachtung:hover {background: #FF8000;cursor: pointer;}
.achtung:hover {color: #FFF;}

/* global styles */
a { color: #3875B2; }
a:hover, a:focus, .aktiv {	color: #FF8000; text-decoration:none;	}
a.thumbnail:hover, a.thumbnail:focus { border-color: #6F0015; }
a p { margin-top: 10px; }
p,li,.thumbnail {line-height:140%}
h1 {margin-top:20px;}
.col-md-12 h1 {font-size:32px}
.col-md-12 h2 {border-top: dotted 1px #999; padding-top:20px; font-size:26px}

.thumbnail { border-radius: 0px; display: inline-block;	-webkit-transition: none; transition: none; }
.thumbnail p {font-size:130%;text-align:center}

.hotelthumbnail {font-size:100%;text-align:left !important;margin-top:20px;}
.hotelthumbnail p {font-size:100%;text-align:left !important;margin-top:0;margin-bottom:0;}
.hotelthumbnail h3 {margin:10px 0 10px 0; padding:0}
.hotelthumbnail, .hotelthumbnail:hover {color: #000;}


/* mobile styles */
@media only screen and (max-width: 480px) {
	.menubar li a b.fa {font-size: 26px;}
	.menubar {display: table;position: absolute;top: 30px; right:14px;}
	.menubar li a b.fa {padding: 0pc 5px;}
	.header .gross{font-size: 1.4em;}
	.header .klein{font-size: 0.95em;}
	.hotelthumbnail3, .hotelthumbnail3 p, .hotelthumbnail p, .hotelthumbnail span, p {font-size:90%}
	h1 {font-size:150%}
	h2 {font-size:120%}
	h3 {font-size:100%; margin-bottom:10px;}
	.nav-justified > li > a {padding-top:7px;padding-bottom:7px}
	.thumbnail {padding:2px}
	.navbar-form { margin-top: 0px; }
	.anzeigeunten {border-top:none}
	#thumbnails_container { margin-left: 10px; margin-right: 10px; padding-left: 5px; padding-right: 5px; }	
	#thumbnails_container .col-xs-4, #thumbnails_container .col-sm-3, #thumbnails_container .col-md-3, .col-xs-6 { padding-left: 5px; padding-right: 5px; }	
	#footer { margin-bottom: 5px; }
}

/* tablet styles */
@media only screen and (min-width: 481px) and (max-width: 767px) {
	.hotelthumbnail3, .hotelthumbnail3 p, .hotelthumbnail span, p {font-size:95%}
	h1 {font-size:200%}
	.nav-justified > li > a {padding-top:7px;padding-bottom:7px;}
	.navbar-form { margin-top: 0px; }
	#thumbnails_container { margin-left: 20px; margin-right: 20px; padding-left: 5px; padding-right: 5px; }	
	#thumbnails_container .col-xs-4, #thumbnails_container .col-sm-3, #thumbnails_container .col-md-3 { padding-left: 10px; padding-right: 10px; }
	#download_box { float: left; padding-top: 10px; margin: 0 auto; }
	.preview_footer_container {	margin-top: 10px; }
	.footer_item { margin-right: 10px; }
	.footer_item:last-child { margin-right: 0px; }
	.section_box { height: 297px; max-width: 230px; }
	#footer { margin-bottom: 5px; }
}

/* desktop styles */
@media only screen and (min-width: 768px) and (max-width: 991px) {
	p {font-size:100%}
	h1 {font-size:200%}
	.hotelthumbnail3, .hotelthumbnail3 p {font-size:80%;text-align:left !important}
	.nav-justified > li > a {padding-top:7px;padding-bottom:7px;font-size:1.0em !important;}
	.navbar-header h2{ margin: 0px; margin-top: 34px; }
	.navbar-form { margin-top: 33px; }
	#thumbnails_container .col-xs-4, #thumbnails_container .col-sm-3, #thumbnails_container .col-md-3 { padding-left: 10px; padding-right: 10px; }
	.preview_footer_container {	margin-top: 30px; }
	.footer_item { margin-right: 15px; }
	.footer_item:last-child { margin-right: 0px; }
	.section_box { height: 297px; max-width: 230px; }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	p {font-size:100%}
	h1 {font-size:200%}

	.navbar-header h2{ margin: 0px; margin-top: 34px; }
	.navbar-form { margin-top: 33px; }
	#thumbnails_container .col-xs-4, #thumbnails_container .col-sm-3, #thumbnails_container .col-md-3 { padding-left: 10px; padding-right: 10px; }
	.preview_footer_container {	margin-top: 30px; }
}
@media only screen and (min-width: 1200px) {
	p {font-size:100%}
	h1 {font-size:200%}
	.navbar-form { margin-top: 19px; }
	#thumbnails_container .col-xs-4, #thumbnails_container .col-sm-3, #thumbnails_container .col-md-3 { padding-left: 10px; padding-right: 10px; }	
	.preview_footer_container {	margin-top: 66px; }
}

/* fancybox styles */
.fancybox-custom .fancybox-skin {box-shadow: 0 0 50px #222;}