body 
{font-size:14px;line-height:1.6em;font-family:Verdana, Arial, Helvetica, sans-serif;color: #333;background:url("/images/hg-body.jpg") repeat-y center}

.no-padd 
{padding-left: 0 !important;padding-right: 0 !important;}

.no-padd-top
{padding-top: 0;padding-bottom: 0;}

.no-marg
{margin-left: 0;margin-right: 0;}

.no-marg-top
{margin-top: 0;margin-bottom: 0;}

/*-------------------- Navigation --------------------*/

.navbar-nav 
{position:absolute;right:10px}

.navbar-default .navbar-nav>li>a 
{padding-top: 7px; padding-bottom: 8px; border-top: 1px solid transparent !important;	border-bottom: 1px solid transparent; font-size: 12px;	font-weight: normal;color: #990000;line-height:8px}

.navbar-default 
{background: #fff; border-radius: 0; border: none; margin-bottom: 0;min-height:auto;height:25px}

.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus 
{color: #990000; border-top: 1px solid #8ba25a;}

.dropdown-menu 
{background: #fff;	border-radius: 0; border: none;	padding: 0;}

.dropdown-menu>li>a 
{font-size: 11px; padding: 3px 18px;color: #990000;}

.dropdown-menu>li:last-of-type>a 
{border-bottom: none;}

.dropdown-header
{font-size:14px;padding-left:18px}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover 
{color: #990000; background: none;	border-top: 1px solid #8ba25a; border-bottom: transparent;}

.dropdown-menu>li>a:hover, .navbar-default .navbar-nav>li>a:hover
{color: #FF8000 !important;}

/*-------------------- Seitenkopf --------------------*/

#menu 
{display: none;}

.logo-mob 
{display: none;}

.title
{text-align: center; margin-top: 24px;}

#lookup:hover, #contact:hover
{cursor: pointer}

.hero 
{height: 200px;	background: url(/images/hintergrund2018-logo.jpg) no-repeat; background-size: 100% auto;}

.home
{position:absolute;top:0;left:40px;width:430px;height:70px;cursor:pointer;border:0}

.logo img 
{margin: 15px 8px 8px 8px}

.mob a 
{color: #990000; border: 2px solid #990000;}

.mob a:hover, .mob a:focus 
{color: #da0000; border: 2px solid #da0000;}

.info, .info span a
{color: #990000;}

#search input 
{background-image: url(/images/date.jpg); background-repeat:  no-repeat;	background-position: 98% center;}

/*-------------------- Pfeil nach oben --------------------*/
#ontop
{position:fixed;bottom:10px;right:14px;box-shadow: 0px 0px 10px grey;z-index:2000}

/*-------------------- Allgemein --------------------*/

h1, h2, h3, h4
{color:#990000;text-decoration: none;font-weight: normal}

h1 
{font-size: 30px;padding-bottom: 15px; margin-top: 0;}

h2 
{font-size: 24px;}

.border
{border-top:#4B8D11 solid 1px;margin-top:50px;padding-top:30px}

h2.border
{padding-top:30px; margin-bottom:30px;margin-top:50px;line-height: 30px;}

h3.border
{padding-top:30px; margin-bottom:30px;margin-top:50px}

.btn-primary 
{color: #fff;background-color: #990000;border-color: #990000;}

.btn-primary:hover
{color: #fff;background-color:#FF8000;border-color: #FF8000;}

p, li
{font-size:12px;line-height:20px}

p.border
{padding-top:30px; margin-top:50px}

.sub 
{margin-bottom: 40px;background: url(/images/line.jpg) repeat-x left center;}

.subkurzurlaub 
{margin-bottom: 40px;}

.sub h3 
{display: inline;background: #fff; padding: 0 20px;	font-size: 20px;line-height:24px}

.subkurzurlaub h3 
{font-size: 20px;line-height:24px}

.klein 
{font-size: 11px;line-height: 16px;}


#meldung {
  position: fixed;
  top: 40%;
  left: 50%;
  background-color:#C00;
  color:#FFF;
  width:300px;
  height:100px;
  margin-left: -150px;
  margin-top: -50px;
  border: 1px solid #C00;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;;
  display: none;
  text-align: center;
  padding: 20px;
  z-index: 110;
  cursor:pointer;
  box-shadow: 0px 0px 20px grey;
}

#meldung p
{font-size:14px;font-weight:bold}

#fadeOut 
{opacity: 0.5;background-color: #FAFAFA;width: 100%;height: 100%;z-index: 100;top: 0;left: 0;position: fixed;}

a
{color:#990000}

a:hover
{color:#FF8000;text-decoration:none}


/*-------------------- Navi links --------------------*/

.rowhg
{background:url(../../../images/hg-row-2018.gif) repeat-y;background-size: 100% auto;}

#navi
{padding:10px;text-align: center;margin-right:20px;margin-left:-15px;height:100%;}

#navi p
{margin: 0; padding: 0; text-align:center;}

#navi p.naviueb
{font-size:12px;border-bottom:#4A8C10 1px solid;border-top:#4A8C10 1px solid;margin: 25px 0 10px 0; padding: 5px 0 5px 0;text-transform:uppercase; color:#4A8C10 !important;font-weight:bold}

#navi .liste
{background:none; border:none}
#navi .liste
{text-align: left;padding: 0 0 15px 0;margin: 0 0 20px 0;border-bottom:#4A8C10 1px solid;}
#navi .liste li
{list-style:none;font-size:11px;padding: 4px 0 4px 22px;margin: 0 0 0 15px;background-image:url(/images/wellness-buchen-vorteile.gif);
  background-repeat:no-repeat;background-position:left;color:#666; font-style:italic;line-height:18px;}
#navi img
{display:inline;max-width:100% !important;height:auto!important}

/*-------------------- Inhaltbereich/Footer rechts --------------------*/

#coninhalt
{ max-width: 787px; text-align: left; z-index: 1;  position:relative;}

#unten
{margin-top:80px;text-align: center;font-size:12px;}

#unten #gutscheine
{margin: 10px 0 10px 0}
#unten #gutscheine a
{font-size:12px;}
#unten #gutscheine a:hover
{color:#FF8000}

#unten a
{font-size:10px;color:#990000}

#unten .telefon 
{font-size: 15px;color: #FF6600;text-decoration: none; font-weight: bold; line-height: 22px;}

#unten #naviunten
{background:#FFFBEF;margin: 10px 0 10px 0}

#unten #naviunten ul
{margin:0;padding:0;text-align:left}

#unten #naviunten p
{margin:0;padding:3px 0 3px 0;text-align:left;font-weight:bold}

#unten #naviunten li
{margin:0;padding: 1px 0 1px 10px;list-style:none;background:url(/images/nav-reg.gif) left no-repeat}


/*----------------------------------------*/

.footer, .gutscheinemob
{display:none;height:0;}
.impressum
{display:none;height:0;}
.footer .telefon 
{display: block; padding: 0 15px 0 0; margin: 20px 0 20px 0;}
.footer img 
{margin-right:5px;}
.footer .telefon  span.num 
{font-size: 20px; font-weight: bold; color:#32679b;}

.impressum
{background: #FFF;	padding: 15px 0; margin-top:10px; text-align:center}

/*----------------------------------------*/

.mob 
{position: relative; display: block; float: right;	margin-top: 10px; margin-right: 14px; z-index: 3;}

.mob a 
{margin-left: 10px;	width: 32px; height: 32px;	display: block;	float: left; border-radius: 5px;	text-align: center;	padding-bottom: 2px;}


.hero 
{position: relative;}

.info 
{background: #fff;	border-radius: 10px; max-width: 340px;	padding: 20px 50px;	text-align: center;	margin: 0 auto;	display: none;}

#info.info 
{display: block; padding: 0 15px 0 0; margin-top: 29px;	text-align: right;}

.info h4 
{font-weight: bold; font-size: 22px; margin-top: 20px;}

.info span 
{ display: inline-block; vertical-align: top;}

.info span a 
{text-decoration: none;}

.info span.num 
{font-family: Arial, Helvetica, sans-serif; font-size: 20px; line-height: 24px;font-weight: bold;}

.info span.hours 
{font-family: Arial, Helvetica, sans-serif; line-height: 26px;	margin-left: 1px; font-size: 13px;}

#search 
{background: rgba(255,255,255,0.7);	border-radius: 10px; padding: 15px;	position: absolute;	left: 0; top: 0; margin: 0 auto;}

#search .btn 
{display: block; margin: 0 auto; background: #C00; border-radius: 4px; border: none;	padding: 4px 8px;	font-size:14px; font-weight:bold;margin-bottom: 6px;
  margin-top:6px;box-shadow: 0px 0px 5px grey;}

#search .btn:hover
{background:#FF8000 !important}

#arrivalDate, #arrivalDateSearch, #arrivalDateLatest, #region, #theme, #nights, #searchFormPost #nights, #regions, #themes, #maxPrice {
  width: 180px; display: inline-block; height: 28px; padding: 2px 4px !important; margin-bottom: 6px; margin-top:6px;  margin-right:10px;  font-size: 14px;
  line-height: 22px !important;
  color: #000 !important;;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #cccccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
  cursor: pointer;
}

#search input 
{border-style: solid; padding-left: 4px;}

::-webkit-input-placeholder 
{color: #000;}
:-moz-placeholder 
{color: #000;}
::-moz-placeholder 
{color: #000;}
:-ms-input-placeholder 
{color: #000;}

/*-------------------- Zwischengrößen --------------------*/

@media (min-width: 768px) {

.container
{max-width:1068px;padding-left:0;padding-right:0}

#search 
{background:#F2FDDB; border-radius: 0; padding: 10px 20px 0px 20px; border:1px solid #586E47; position: relative;	margin: 10px 0 30px 0}

.mob 
{display: none;}
.navbar-default .navbar-nav>li>a:after 
{content: "|";	position: absolute;	top: 6px ;right: -2px;}
.navbar-default .navbar-nav>li:last-of-type>a:after 
{content: "";}
}

/*-------------------- Zwischengrößen --------------------*/

@media (min-width: 768px) and (max-width: 991px) {
.hero 
{height: 140px; background: url(/images/hintergrund2018-logo.jpg) no-repeat; background-size: 100% auto;}
.home
{position:absolute;top:0;left:30px;width:330px;height:50px;}

#search input 
{background-image:none}
.navbar-nav 
{margin-left: 30px;}
#arrivalDate, #arrivalDateSearch, #arrivalDateLatest, #region, #theme, #nights, #searchFormPost #nights, #regions, #themes, #maxPrice {
  width:125px !important;	font-size:12px;}
  #search 
 {margin-right:-15px !important}
#search .btn 
{padding: 6px 3px;	font-size:12px; font-weight:bold}
}


@media (min-width: 992px) and (max-width: 1199px) {
.hero 
{height: 182px; background: url(/images/hintergrund2018-logo.jpg) no-repeat; background-size: 100% auto;}	
#info.info
{margin-top: 17px;}
.artikel 
{max-height:332px;}
#arrivalDate, #arrivalDateSearch, #arrivalDateLatest, #region, #theme, #nights, #searchFormPost #nights, #regions, #themes, #maxPrice {
  width:165px !important;}
}

@media (max-width: 991px) {
.sub {margin-right: 0;margin-left: 0;}
}


@media (min-width: 768px) and (max-width: 991px) {
.nav > li > a
{padding: 10px 10px;}
.navbar-default .navbar-nav>li>a 
{font-size: 12px;}
#info.info 
{margin-top: 15px;}
.info img 
{width: 40px;}
.info span.num 
{font-size: 17px;line-height: 21px;}	
.info span.hours 
{font-size: 11px;line-height: 18px;}
}

/*-------------------- mobile --------------------*/

@media (max-width: 767px) {
body 
{margin-top: 69px;}
.sub 
{background: none;	padding-bottom:10px;}

.hero 
{background: url(/images/hintergrund2018-2.jpg) no-repeat 35% top;height: 232px;background-position:right}

.home
{display:none}

.navbar-nav 
{margin-left: -15px;}

.navbar-default .navbar-toggle .icon-bar 
{background: #990000;}

.navbar-nav .open .dropdown-menu 
{background: #e6e6e5;}

.navbar-default .navbar-nav .open .dropdown-menu>li>a 
{color: #990000;}

.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus 
{background: #fff;}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover 
{border-top: 1px solid transparent;border-bottom: 1px solid #d1d1d1;background: #fff !important;}

.logo-mob img 
{margin-top: 12px;}

.navbar-default 
{position: fixed;z-index: 1030;right: 0;left: 0;top: 0;background: transparent;}

.navbar-nav 
{position:relative;right:0;width: 280px;box-shadow: 0px 0px 30px grey;margin-top: 0;}

.navbar-header 
{background: #fff;box-shadow: 0px 0px 30px grey;}

.navbar-default .navbar-nav>li>a 
{background: #fff;border-bottom: 1px solid #d1d1d1;padding-left: 14px;padding-bottom: 7px;font-size: 16px;font-weight:bold;line-height:20px}

.navbar-default .navbar-nav>li:last-of-type>a
{border-bottom: 1px solid transparent;}


.navbar-default .navbar-nav>li>a:before 
{position: absolute;font-family: 'FontAwesome';top: 8px;right: 12px;content: "\f107";font-size: 18px;color: #333;}

.navbar-default .navbar-nav>li.nobef>a:before 
{position: absolute;font-family: 'FontAwesome';top: 8px;right: 12px;content: "";font-size: 18px;color: #333;}

.navbar-default .navbar-nav>.open>a:before 
{content: "\f106";}

.navbar-toggle 
{float: left;border: none;border-radius: 0;margin-left: 4px;margin-right: 0;padding: 9px 48px 9px 10px;z-index: 3;}

.navbar-toggle:after 
{content: "";left: 44px;top: 8px;position: absolute;width: 50px;color: #000;font-size: 17px;color: #990000;}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus:after, .navbar-default .navbar-toggle:hover:after 
{background: none;color: #da0000;}

.navbar-default .navbar-toggle:focus .icon-bar, .navbar-default .navbar-toggle:hover .icon-bar 
{background: #da0000;}

.navbar-toggle .icon-bar 
{width: 32px;height: 4px;border-radius: 5px;}

.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus 
{border-top: 1px solid transparent;}

.navbar-default .navbar-nav .open .dropdown-menu>li>a 
{background: #fff !important;border-top: 1px solid transparent;border-bottom: 1px solid #d1d1d1;padding: 5px 15px 5px 14px;font-size: 13px;position: relative;}

.navbar-default .navbar-nav .open .dropdown-menu>li>a:before 
{position: absolute;font-family: 'FontAwesome';	top: 8px;right: 12px;content: "";font-size: 18px;color: #333;}

.navbar-default .navbar-nav>.open .dropdown-menu>a:before 
{content: "\f106";}

.rowhg
{background:none}

.inhaltsbereich
{margin-left:-15px;margin-right:-15px}

#unten
{display:none;height:0px}

.gutscheinemob
{display:block;height:auto;padding: 25px 0; margin-top:80px; text-align:center;border-top:#360 solid 1px}

.gutscheinemob img
{margin-top:30px}

.footer
{display:block;height:auto;background: #E6E6E6;	padding: 15px 0; margin-top:60px; text-align:center}

.impressum
{display:block;height:auto}

.dropdown-header
{padding-left:14px !important}

.logo 
{display: none;}

.logo-mob 
{display: inline-block;text-align: center;position: absolute;top: 0;left: 0;right: 0;height: 38px;}

.logo-mob img 
{position: relative;z-index: 1;}

#menu 
{display: inline-block;margin-top: 14px;}

.sub 
{margin-bottom: 20px;}

.sub h3 
{font-size: 16px;padding: 0;}

.title
{margin-top: 5px;padding: 0 15px;}

.links h1 
{padding: 0 15px;}

#search 
{width: 230px;	top: -232px;	margin-left:-105px; left:50%; bottom: auto;	background: #fff; padding-top:20px;position:absolute!important;z-index:1000;box-shadow: 0px 0px 30px grey;margin-top: 0;display: none;}

#search .form-group 
{text-align: center;}

#arrivalDate, #arrivalDateSearch, #arrivalDateLatest, #region, #theme, #nights, #searchFormPost #nights, #regions, #themes, #maxPrice 
{margin: 0 0 12px 0;}

#info.info 
{display: none;}

#navi
{width:0!important;height:0!important;visibility:hidden}

#coninhalt
{padding-top:0;}

h1, h2.border, h3.border
{text-align: center;}

}

@media (min-width: 488px) and (max-width: 767px) {
.logo-mob img 
{margin-top: 10px;max-height: 60px;}

.mob 
{margin-top: 20px;}
	
.navbar-default 
{min-height: 72px;}

.navbar-toggle 
{margin-top: 20px;margin-bottom: 20px;}

#menu 
{margin-top: 26px;}

}

@media (max-width: 487px) {
body 
{margin-top: 48px;}

.logo-mob img 
{max-width: 140px;	margin-top: 8px;}

h2, h3 
{font-size: 25px;}

}

@media (max-width: 480px) {
.info 
{padding: 30px 20px;max-width: 300px;}
	
}