/******************************************************************

Theme Name: cityherberge

Theme URI: http://www.city-herberge.de/

Description: cityherberge

Author: cityherberge

Author URI: http://www.city-herberge.de/

Version: 1.0

******************************************************************/

/******************************************************************

DEV

******************************************************************/

#devmenu {

    text-align: center;

}

/******************************************************************

GENERAL

******************************************************************/

body {

	background: #e9e9e9;

	color: #666;

	font-size: 11px;

        line-height: 14px;

        padding: 16px 0 42px 0;

        font-family: Arial;

}

ul {

    list-style-type: disc;

}

.clearfix {

    clear: both;

}

.clear {

    clear: both;

}

.open {

    text-decoration: underline;

    margin-top: 8px;

}

.corporate-bg {

    background: #C70422;

}

p {    

        font-family: Arial;

        margin-bottom: 8px;

}

.row {}

a {

	color: #666;

	text-decoration: none;

}

.content a {

    color: #c70422;

    font-weight: bold;    

}

a:hover {

	text-decoration: none;

}

h1 {

	font-size: 23px;

        line-height: 23px;

	font-weight: bold;

        padding: 0;

        text-transform: uppercase;        

        letter-spacing: -1px;

}

.page-template-page-hotelhostel-php h1 {
    font-size: 17px;
}

h2 {

	font-size: 17px;

        line-height: 17px;

	font-weight: bold;

        padding: 0;

        text-transform: uppercase; 

        margin-bottom: 8px;

        letter-spacing: -1px;

}

.content h2 {

    color: #333;

}

.home h2 {

        color: #c70422;        

        margin-bottom: 8px;

}

.flyerWrapper {
    overflow: hidden;
}

.flyerWrapper > .left {
    float: left;
    width: 42%;
}

.flyerWrapper > .right {
    float: right;
    width: 42%;
}

.home .flyer .inner-grey {
	text-align: center;
	padding: 20px;
}

.home .flyer h2 {
    margin: 5px 0 0 0;
    text-align: center;
    font-size: 15px;
}

.home h2 a, .inner-white h2 a {

        color: #c70422;

        text-decoration: none;

}

#fancybox-content h2 {

        color: #c70422;        

        margin-bottom: 8px;

}

.page-template-page-hotelhostel-php h2 a {

        color: #c70422;

        text-decoration: none;

}

.page-template-page-gruppentagungen-php h2 a {

        color: #c70422;

        text-decoration: none;

}

.page-template-page-essentrinken-php h2 a {

        color: #c70422;

        text-decoration: none;

}

.link-box h2 {

    margin-bottom: 0px;

}

.content-box h2 {

    margin-bottom: 0px;

    color: #c70422;

}

.content-box p {

    margin-bottom: 8px;

}

#banner h2 a {

    color: #333;

}

.home a {

    color: #666;

    text-decoration: none;    

}

.home .outer-red h2 {

        color: #fff;

}

.home .inner-grey h2 {

        color: #fff;

}

#logo img {

    margin: 10px 30px;    

    width: 176px;

    height:  176px;

}

#home {

   top: 50%;

   color: #666;

   height: 32px;

   left: 50%;

   margin-left: -410px;

   line-height: 32px;

   position: fixed;   

   z-index: 999;

   width: 61px;

   text-align: center;

}

#home-button {

    height: 61px;

    width: 61px;

    overflow: hidden;

}

#home-link {

    height: 25px;

    line-height: 25px;

    overflow: hidden;

}

/******************************************************************

BOX COLORS & PADDING

******************************************************************/

/* standard */

.outer-white {    

	background: #fff;

	overflow: hidden;

	padding: 8px;

	margin: 0 0 16px 0;

}

.outer-white.hover-red:hover {

    background-color: #c70422;

}

.outer-white-hover {    

	background: #fff;

	overflow: hidden;

	padding: 8px;

	margin: 0 0 16px 0;

}

.outer-red {    

	background: #c70422;

	overflow: hidden;

	padding: 8px;

	margin: 0 0 16px 0;

        color: #fff;

}

.inner-white {    

    position: relative;

}

.inner-grey {

	background: #B8B8B8;

	overflow: hidden;

        color: #fff;

}

.inner-grey-hover {

	background: #B8B8B8;

	overflow: hidden;

        color: #fff;

}

.inner-wrapper {

    padding: 8px;

}

/* hover */

.inner-grey:hover {

	/*background: #dd455c;*/

}

.inner-grey-hover:hover {

	background: #dd455c;

}

/* hover */

.outer-white-hover:hover {    

	background: #c70422;

}

.outer-white-hover:hover a {    

	color: #fff;

}

.outer-white-hover:hover #banner h2 a  {    

	color: #fff;

}

.outer-white-hover:hover .grid_4-thumb-prices a img {

    position: relative;

    left: -220px;

}

/******************************************************************

BOX SIZES

******************************************************************/

/* general */

.small {

    height: 180px;    

}

.medium {

    height: 311px;    

}

.large {

    height: 500px;    

}

.info-box {

    height: 143px;

}

.inlusive-box {

    height: 143px;

}

.rating-box-small { 

    text-align: center;

    height: 66px;

}

.rating-box-large {

    height: 180px;

    text-align: center;

}

.info-box, .booking-box, .rating-box-large {

}

/* booking box 

.booking-box {

    font-weight: bold;

}

.booking-box ul li {

    margin-bottom: 3px;

    line-height: 17px;

}

.booking-box input, .booking-box select {

    margin: 0 0 5px 5px;

    padding: 0 0 0 7px;

    font-size: 11px;

}

.booking-box select.room-type {

    width: 148px;

}

.booking-box input.room-quantity {

    width: 76px;

}

*/

.booking-box form {

    position: relative;

    height: 127px;

}

    

.booking-box input.btn {

    background: #e80429; /* Old browsers */

    background: -moz-linear-gradient(top,  #e80429 0%, #8c0412 100%); /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e80429), color-stop(100%,#8c0412)); /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top,  #e80429 0%,#8c0412 100%); /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top,  #e80429 0%,#8c0412 100%); /* Opera 11.10+ */

    background: -ms-linear-gradient(top,  #e80429 0%,#8c0412 100%); /* IE10+ */

    background: linear-gradient(to bottom,  #e80429 0%,#8c0412 100%); /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e80429', endColorstr='#8c0412',GradientType=0 ); /* IE6-9 */

    border: 1px solid #333;

    color: #fff;

    font-weight: bold;

    -webkit-border-radius: 3px;

    border-radius: 3px;

    padding: 4px 17px;

    cursor: pointer;

    position: absolute;

    bottom: 0;

    right: 0;

}

/* booking box II */

.booking-box form {

    padding: 0;

    margin: 0;

}

.form-row {

    margin: 0;

    padding: 0 0 5px 0;

}

.form-align {

    float: left;

}

.form-align-right {

    float: right;

}

/* Chrome & Safari */

@media screen and (-webkit-min-device-pixel-ratio:0) { 

    

    .booking-box input.btn {  

        margin: 12px 0 0 0;

    }

    .input-day-month {

        width: 40px;

        margin-left: 5px;

    }

    .input-year {

        width: 56px;    

        margin-left: 5px;

    }

    .input-roomtype {

        width: 150px;    

        margin-left: 5px;

    }

    .booking-box .input-roomquantity input {

        margin: 0;

        width: 84px;  

        font-size: 11px;

        padding: 0;

    }

}

.input-day-month {

    width: 42px;

    margin-left: 5px;

}

.input-year {

    width: 58px;    

    margin-left: 5px;

}

.input-roomtype {

    width: 152px;    

    margin-left: 5px;

}

.booking-box .input-roomquantity input {

    margin: 0;

    width: 86px;  

    font-size: 11px;

    padding: 0;

}

/* IE7 */

*+html .booking-box .input-roomquantity input {

    margin: 0;

    width: 83px;  

    font-size: 11px;

    padding: 0;

}

*+html .form-align {

    float: left;

    line-height: 18px;

}

*+html .booking-box form {

    position: relative;

    height: 143px;

}

*+html .info-box {

    height: 160px;

}

*+html #hotelhostel-info li {    

    height: 160px;

}

.input-roomquantity { 

    float: right;

}

.booking-box select {

    margin: 0;

    width: 100%;

    padding: 0 0 0 1px;    

    font-size: 11px;

}

.label {

    font-weight: bold;

}

input.mapp-button, input.wpcf7-submit {

    background: #e80429; /* Old browsers */

    background: -moz-linear-gradient(top,  #e80429 0%, #8c0412 100%); /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e80429), color-stop(100%,#8c0412)); /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top,  #e80429 0%,#8c0412 100%); /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top,  #e80429 0%,#8c0412 100%); /* Opera 11.10+ */

    background: -ms-linear-gradient(top,  #e80429 0%,#8c0412 100%); /* IE10+ */

    background: linear-gradient(to bottom,  #e80429 0%,#8c0412 100%); /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e80429', endColorstr='#8c0412',GradientType=0 ); /* IE6-9 */

    border: 1px solid #333;

    color: #fff;

    font-weight: bold;

    -webkit-border-radius: 3px;

    border-radius: 3px;

    padding: 4px;

    cursor: pointer;

}

.nav {

    height: 50px;    

}

.rating-small {

    height: 20px;    

}

#page-slider {}

/* start */

#startbanner {

    height: 444px;

}

#startbanner-slider {

    height: 340px;

    background: #e9e9e9;

    margin: 0 0 8px 0;

}

#prices {

    height: 269px;

}

/* banner */

#banner {}

/******************************************************************

Start

******************************************************************/

/* startbanner */

#startbanner-content-left {

    float: left;

    width: 356px;

}



#startbanner-content-left:hover a, #startbanner-content-left:hover h2 {

    color: #b8b8b8;

}



#startbanner-content-right {

    float: right;

    width: 356px;

}



#startbanner-content-right:hover a, #startbanner-content-right:hover h2 {

    color: #b8b8b8;

}



#startbanner-content-left a, #startbanner-content-right a {

    color: #fff;

}



#startbanner-content-left h2 a, #startbanner-content-right h2 a {

    color: #fff;

}



/* Banner sp6 */

#start-banner-sp6 {

    height: 340px;

    position: relative;

    overflow: hidden;   

}

#start-banner-sp6 a {

    text-decoration: none;

    color: #fff;

}

#start-banner-sp6-wrapper {

    position: relative;    

    width: 724px;

}

.start-banner-sp6-content {   

    height: 340px;

}

.start-banner-thumb-sp6 {    

    margin-bottom: 8px;

    background: #e9e9e9;

    height: 340px;

    width: 724px;

    position: relative;

}

.start-banner-title {

    position: absolute;

    left: 0;

    top: 0;

    background: url(images/bg_50_black.png);

    text-align: center;

    width: 100%;

    padding: 12px;

    color: #fff;

    text-transform: uppercase;

    font-weight: bold;

    height: 50px;

    z-index: 99;

}

.start-banner-title-large {

    margin-bottom: 11px;    

    font-size: 23px;

    line-height: 23px;

    font-weight: bold;

    padding: 0;

    text-transform: uppercase;

}

.home h2.start-banner-title-large {

    margin-bottom: 11px !important;

}

.start-banner-title-small {

    font-size: 13px;

    line-height: 12px;

    padding-top: 3px;

    border-top: 2px solid #fff;

}

.start-banner-sp6-caption {

    color: #fff;    

    width: 724px;    

    font-size: 10px;

    line-height: 15px;

}

.start-banner-sp6-caption a {

    color: #fff;    

    width: 724px;

}

.start-banner-caption-left {

    float: left;

    width: 49%;

}

.start-banner-caption-right {

    float: right;

    width: 49%;

}

body.home .start-banner-sp6-caption h3, .start-banner-sp6-caption h3 {

    color: #fff !important;

    margin: 8px 0 8px 0 !important;

}

#start-banner-sp6-controls {

    position: absolute;

    top: 90px;

    z-index: 99;    

    width: 724px;

}

#start-banner-sp6-controls a {

}

#start-banner-sp6-wrapper a.prev {

    position: absolute;

    top: 163px;

    left: 10px;

    background: url(images/arrow_left_dark_30.png) center no-repeat;

    height: 30px;

    width: 30px;

    outline: none;

    z-index: 99;

    display: none;

}

#start-banner-sp6-wrapper a.next {

    position: absolute;

    top: 163px;

    right: 10px;

    background: url(images/arrow_right_dark_30.png) center no-repeat;

    height: 30px;

    width: 30px;

    outline: none;

    z-index: 99;

    /* display: none; */

}

#start-banner-sp6-nav {

    float:right;

    position: absolute;

    right: -5px;

    top: 345px;

    z-index: 99;

}

#start-banner-sp6-nav a {

    display: block;

    width: 6px;

    height: 6px;

    -webkit-border-radius: 6px;

    border-radius: 6px; 

    background: #fff;

    float: left;

    margin: 0 5px 0 0;

    border: 1px solid #fff;

    background: none;

    outline: none;

}

#start-banner-sp6-nav a.activeSlide {

    background: #fff;

}

/* prices */

#prices-info {

    height: 128px;

    position: absolute;

    top: 50px;

    left: 70px;

    cursor: pointer;

}

#price-hotel, #price-hostel {

    color: #C70422;

    font-weight: bold;

    text-align: center;

}

span.price-small {

    display: block;

    font-size: 12px;

    line-height: 1;

    margin-bottom: 8px;

}

span.price-large {

    display: block;

    font-size: 18px;

    line-height: 1.2;

    text-transform: uppercase;

}

/* inclusive */

#inclusive-left {

   float: left;

    width: 102px;

}

#inclusive-right {

    float: right;

    width: 102px;

}

.inclusive-caption {

    text-align: center;

    width: 102px;

    display: block;

}

.inclusive-icon {

    margin: 0px auto;

    width: 60px;

    height: 60px;

}

/* thumbs */

.grid_4-thumb-medium {    

    background: #e9e9e9;

    margin: 0 0 8px 0;

    height: 220px;

    overflow: hidden;

    position:relative;

}

.grid_4-thumb-medium a:hover img {

    position: relative;

    /*left: -220px;*/

}

.grid_4-thumb-prices {    

    background: #e9e9e9;

    margin: 0 0 8px 0;

    height: 177px;

    overflow: hidden;

    position:relative;

}

.grid_4-thumb-prices a:hover img {

    position: relative;

    left: -220px;

}



.grid_4-thumb-prices a:hover #prices-info {

    /* position: absolute; */

    /* left: 60px; */

}



.grid_8-thumb-medium {    

    background: #e9e9e9;

    margin: 0 0 8px 0;

    height: 254px;

    overflow: hidden;

    position:relative;

}

.grid_8-thumb-medium a:hover img {

    position: relative;

    /*left: -472px;*/

}

.grid_8-thumb-left {    

    background: #e9e9e9;

    float: left;

    margin: 0 8px 0 0;

    width: 320px;

    overflow: hidden;

    position:relative;

}

.grid_8-thumb-left a:hover img {

    position: relative;

    /*left: -320px;*/

}

.grid_8-thumb-left-gif {    

    background: #e9e9e9;

    float: left;

    margin: 0 8px 0 0;

    width: 320px;

    overflow: hidden;

    position:relative;

}

.grid_8-thumb-right {    

    background: #e9e9e9;

    float: right;

    margin: 0 0 0 8px;

    width: 320px;

    overflow: hidden;

    position:relative;

}

.grid_8-thumb-right a:hover  img {

    position: relative;

    /*left: -320px;*/

}

/******************************************************************

Hotel/Hostel

******************************************************************/

/* content-slider */

/* Banner sp4 */

#start-banner-sp4 {  

    height: 267px;

    position: relative;

    overflow: hidden;   

}

#start-banner-sp4 {  

    height: 267px;

    position: relative;

    overflow: hidden;   

}

.imgdesc {    

    height: 430px !important;

}

#start-banner-sp4 a {

    text-decoration: none;

}

#start-banner-sp4-wrapper {

    position: relative;    

    width: 472px;

    margin-bottom: 8px;

}

.start-banner-sp4-content {   

    height: 267px;

}

.start-banner-sp4-content-imgdesc {   

    height: 430px;

}

.start-banner-thumb-sp4 {

    background: #e9e9e9;

    height: 267px;

    width: 472px;

    position: relative;

}

.start-banner-title {

    position: absolute;

    left: 0;

    top: 0;

    background: url(images/bg_50_black.png);

    text-align: center;

    width: 100%;

    padding: 10px;

    color: #fff;

    text-transform: uppercase;

    font-weight: bold;

}

.start-banner-sp4-caption {

    color: #fff;    

    width: 472px;

    z-index: 99;    

    position: absolute;

    bottom: 0px;    

    background: url(images/bg_50_black.png);

    padding: 10px;

}

.start-banner-sp4-caption-imgdesc {   

    width: 340px;

    z-index: 99;    

    position: absolute;

    top: 275px; 

}

#overwhelming-content {

    width: 340px;

    z-index: 999;

    display: block;

    visibility: visible;

}

.start-banner-sp4-caption-imgdesc h2 {

    margin-bottom: 16px;

}

.start-banner-sp4-caption a {

    color: #fff;    

    width: 472px;

}

.start-banner-sp4-caption h3 {

    color: #fff !important;

    font-size: 20px;

    font-weight: normal;

    margin: 5px 0 15px 0;

}

#start-banner-sp4-controls {

    position: absolute;

    top: 90px;

    z-index: 99;    

    width: 472px;

}

#start-banner-sp4-controls a {

}

#start-banner-sp4-wrapper a.prev {

    position: absolute;

    top: 113px;

    left: 10px;

    background: url(images/arrow_left_dark_30.png) no-repeat;

    height: 30px;

    width: 30px;

    outline: none;

    z-index: 99;

    display: none;

}

#start-banner-sp4-wrapper a.next {

    position: absolute;

    top: 113px;

    right: 10px;

    background: url(images/arrow_right_dark_30.png) no-repeat;

    height: 30px;

    width: 30px;

    outline: none;

    z-index: 99;

    display: none;

}

#start-banner-sp4-nav {

    float:right;

    position: absolute;

    right: -5px;

    top: 270px;

    z-index: 99;

}

#start-banner-sp4-nav a {

    display: block;

    width: 6px;

    height: 6px;

    -webkit-border-radius: 6px;

    border-radius: 6px; 

    background: #666;

    float: left;

    margin: 0 5px 0 0;

    border: 1px solid #666;

    outline: none;

}

#start-banner-sp4-nav a.activeSlide {

    background: #fff !important;

}

/* tabs */

.etabs { margin: 0; padding: 0; }

.tab { display: inline-block; zoom:1; *display:inline; border: none; margin: 0 8px 8px 0; }

.tab a {

    font-weight: bold;

    line-height: 20px;

    display: block;

    padding: 0 10px;

    outline: none;

    color: #fff;

    text-transform: uppercase;

    background: #b9b9b9;

}

.tab a:hover { text-decoration: underline; }

.tab.active { position: relative; margin: 0 8px 0 0; padding: 0 0 8px 0; background: #c70422; }

.tab a.active {

    text-decoration: underline;

    background: #c70422;

}

.tab-panel-container {    

    color: #fff;

    padding: 6px;

    border: 1px solid #c70422; /* IE7 */

    min-height: 48px;

}

*+html .tab-panel-container {

    min-height: 38px;

}

.page-template-page-hotelhostel-php ul.iconlist {

    height: 30px;

    overflow: hidden;

    margin: 0;

    padding: 8px 0;

    list-style-type: none;

}

ul.iconlist .inclusive-icon-small {

    float: left;

}

.page-template-page-hotelhostel-php ul.iconlist li {

    float: left;

    width: 114px;

    margin : 0;

    padding: 0;

    position: relative;

}

.page-template-page-hotelhostel-php ul.iconlist .inclusive-caption-small {

    width: 79px;

    float: left;

    position: absolute;

    bottom: 0;

    left: 35px;

    text-align: left;

}

#faq a {

    background: #c70422;

    color: #fff; 

    line-height: 20px;

    font-weight: bold;

    padding: 0px 15px;  

    text-transform: uppercase;

    position: absolute;

    top: 0;

    right: 0;

}

#meal a {

    background: #4D4D4D;

    color: #fff; 

    line-height: 20px;

    font-weight: bold;

    padding: 0px 15px;  

    text-transform: uppercase;

    float: right;

}



.tab-panel-container ul {

    margin: 0 0 0 15px;

    padding: 0;

}



/* thumbs */

.grid_4-thumb-hotel {    

    background: #e9e9e9;

    margin: 0 0 8px 0;

    height: 130px;

    overflow: hidden;

    position:relative;

}

.grid_4-thumb-hotel a:hover img {

    position: relative;

    /*left: -220px;*/

}

.grid_4-thumb-hotel-small {

    height: 48px;

    margin: 0 0 8px;

}

.outer-white-hotel-small {

    margin: 0 0 5px;

}

.outer-white-hotel-small h2 {

    line-height: 12px;

}

.grid_8-thumb-banner {    

    background: #e9e9e9;

    margin: 0 0 8px 0;

    height: 587px;

    overflow: hidden;

    position:relative;    

}

.grid_8-thumb-banner a:hover img {

    position: relative;

    /*left: -220px;*/

}

/* boxes */

#hotelhostel-info {

    margin: 0;

    padding: 0;    

    list-style-type: none;

}

#hotelhostel-info h2 {

    font-size: 15px;

    line-height: 15px;

}

#hotelhostel-info li {

    float: left;

    width: 89px;    

    height: 129px;

    padding: 8px;

    text-align: center;

}

#hotelhostel-info li.first {

    border-right: 8px solid #fff;    

}

.inclusive-caption-small {    

    text-align: center;

    display: block;

    width: 89px;

    line-height: 11px;

}

.inclusive-icon-small {

    margin: 0px auto;

    width: 30px;

    height: 30px;

}

.inclusive-icon-small-25 {

    margin: 0px auto;

    width: 25px;

    height: 25px;

}

.hwrapper {

    height: 35px;

    overflow: hidden;

}

/******************************************************************

Reisegruppen/Tagungen

******************************************************************/

/* thumbs */

.grid_4-thumb-flexible {    

    background: #e9e9e9;

    margin: 0 0 8px 0;

    position:relative;

    width: 220px;

    overflow: hidden;

}

.grid_4-thumb-flexible a:hover img {

    position: relative;

    left: -220px;

}

.active .grid_4-thumb-flexible img {

    position: relative;

    left: -220px;

}

#booking, #feedback, .faq {

    width: 400px;

    padding: 10px;

}

#fancybox-title-over {

    display:none;

}

.content-left {

    float: left;

    width: 340px;

}

#start-banner-sp4-nav-text {

    position: absolute;

    top: 308px;

    right: 0;

    text-transform: uppercase;

    z-index: 999;

}

#start-banner-sp4-nav-text ul {

    list-style: none;

}

#single-thumb {

    margin-bottom: 8px;

    width:472px;

    height: 267px;

}

/* icons */

.page-template-page-gruppentagungen-php ul.iconlist-mini {

    height: 20px;

    overflow: hidden;

    margin: 0;

    padding: 8px 0;

    list-style-type: none;

}

ul.iconlist-mini .inclusive-icon-small {

    height: 20px;

    margin: 0 auto;

    width: 20px;

}

ul.iconlist-mini .inclusive-icon-small {

    float: left;

}

.page-template-page-gruppentagungen-php ul.iconlist-mini li {

    float: left;

    width: 136px;

    margin : 0;

    padding: 0 8px;

    position: relative;

}

.page-template-page-gruppentagungen-php ul.iconlist-mini .inclusive-caption-small {

    width: 79px;

    float: left;

    position: absolute;

    bottom: 0;

    left: 33px;

    text-align: left;

}

/* slider */

.content #start-banner-sp4-nav-text a {

    color: #666 !important;

}

.content #start-banner-sp4-nav-text li.activeSlide a {

    color: #c70422 !important;

}

/******************************************************************

Absolut Zentral

******************************************************************/

#poi-element-wrapper {

    width: 306px;

    float: left;

    background: #fff;

}

.poi-element {

    width: 290px;

    background: #fff;

    padding: 8px;

    color: #666;

}

.poi-element a {

    color: #c70422;

    font-weight: bold;    

}

.poi-element h2 {

    color: #333;

}

.poi-element-thumb {

    width: 290px;

    height: 190px;

    background: #e9e9e9;

    margin-bottom: 4px;

}

#poi-list-wrapper {

    position: relative;

    z-index: 50;

    float: right;

    width: 143px;

}

#poi-list-icons {

    position: absolute;

    z-index: 1;

    width: 25px;

    top: -2px;

    left: 0;    

    line-height: 0px !important;

}



#poi-list-icons img {

    margin: 0;

    padding: 0;

}

.small-link-box h2 {

    margin: 8px 0 0 0;

}

.small-link-box h2 a {

    color: #fff;

}

.small-link-box img {

    float: left;

    margin: 0 16px 0 0;

}

.small-link-box-shopping h2 {

    margin: 8px 0 0 0;

}

.small-link-box-shopping h2 a {

    color: #fff;

}

.small-link-box-shopping img {

    float: left;

    margin: 0 4px 0 0;    

}

.small-link-box-inner-wrapper {

    padding: 8px 16px 16px 16px;

}

.small-link-box-shopping-inner-wrapper {

    padding: 8px 4px 16px 8px;

}

.poi-overview {

    margin: 8px 0 0 0;

}

.mapp-poi-list td {

    cursor: pointer;

    font-size: 10px;

    height: 24px;

    overflow: hidden;

    vertical-align: bottom;

    padding: 0 0 1px 0;

}

.mapp-poi-list tr {    

    height: 25px;

    line-height: 10px;

}



.mapp-selected {

    font-weight: bold;     

    font-size: 10px;

    line-height: 10px;

}

.mapp-marker {

    height: 25px;

    width: 30px;

}

#overlay-wrapper {

    position: relative;

}

#overlay-left {

    position: absolute;

    background: url(images/map_shadow.png) no-repeat;

    width: 15px;

    height: 300px;    

    z-index: 9;

    left: 0;

}

#overlay-right {

    position: absolute;

    background: url(images/map_shadow.png) -457px 0px no-repeat;

    width: 15px;

    height: 300px;    

    z-index: 9;

    right: 0;

}

#overlay-top {

    position: absolute;

    background: url(images/map_shadow.png) -15px 0px no-repeat;

    width: 442px;

    height: 15px;    

    z-index: 9;

    left: 15px;

    top: 0;

}

#overlay-bottom {

    position: absolute;

    background: url(images/map_shadow.png) -15px -285px no-repeat;

    width: 442px;

    height: 15px;    

    z-index: 9;

    left: 15px;

    top: 285px;

}

/******************************************************************

Essen/Trinken

******************************************************************/

.price-box {

    background: #c70422 url(images/price_corner.png) top right no-repeat;

}

.heading-wrapper {

    padding: 8px;

}

.heading-wrapper h2 {

    color: #fff;

    margin-bottom: 0;

}

.price-wrapper {

    padding: 8px 0;

    color: #fff;

    font-size: 12px;

    line-height: 17px;

}

.price-wrapper ul {

    margin: 16px 0 8px 0;

    padding: 0 0 0 30px;

    list-style-type: disc;    

    line-height: 20px;

}

.food-top {

    color: #333;

    font-weight: bold;    

}

.food-subhead {

    font-weight: bold;

    font-size: 12px;

    text-transform: uppercase;

    color: #4D4D4D;

    padding-top: 8px;

    border-top: 1px solid #333;

    margin: 8px 0;

}

.food-left {

    float: left;

    width: 232px;

}

.food-right {

    float: right;    

    width: 232px;

}

.food ul {

    list-style-type: none;

    margin: 0;

    padding: 0;

}

.food ul li {

    padding: 0 0 0 8px;

    background: url(images/disc.png) top left no-repeat;

}

.meal {

    margin-top: 8px;

}

/******************************************************************

Special

******************************************************************/

.specials-meta {

    margin: 0 0 15px 0;

}

.specials-meta a {

    text-transform: none;

}

.specials-meta-title {

    font-size: 15px;

    text-transform: uppercase;

    color: #333;

    font-weight: bold;

}

.specials-meta-first {

    font-size: 10px;

    text-transform: uppercase;

    color: #333;

    font-weight: bold;

}

.specials-meta-second {

    font-size: 10px;

    text-transform: uppercase;

    color: #333;

    font-weight: bold;

}

.download {

    text-align: center;

}

.download img {

    margin: 15px 0 10px 0;

}

.download h2 {

    width: 170px;

    margin: 0 25px;

}

.download h2 a {

    color: #fff;

}

.content .mapp-poi-list, .content #overlay-wrapper {

    margin-top: 8px;

    display: none;

}

.content #overlay-wrapper {

    margin-top: 8px;

    display: block;

}

:root *> .content #overlay-wrapper {

    margin-top: 8px;

    display: none;

}

.showmap {

    display: none;

}

:root *> .showmap {

    display: inline;

}

.mapp-directions {

    display: block;

}

/******************************************************************

Menus

******************************************************************/

/* Links */

.menu-multiple-items-container a {

    color: #fff;

}

.menu-two-items-container a {

    color: #000;

}

.menu-two-items-container li.current-menu-item a {

    color: #fff;

}

/* Two  Items */

.menu-two-items-container {
    overflow: hidden;
}

ul.two-items {

    list-style: none;

    padding: 0;

    margin: 0;

}

ul.two-items li {

    float: left;    

}

ul.two-items li a {

    margin: 0 0 15px 0;

    background: #fff;

    line-height: 45px;

    font-size: 16px;

    text-transform: uppercase;

    padding: 0 15px;

    font-weight: bold;

    color: #4D4D4D;

    text-decoration: none;

}

ul.two-items li.current-menu-item a {    

    background: #c70422;

    color: #fff;

}

ul.two-items li.current-menu-item {    

    background: url(images/navbar_active.png) 15px 45px no-repeat;    

}

ul.two-items li.current-menu-item a,
div ul.two-items li.current-menu-item#menu-item-3376 a,
div ul.two-items li.current-menu-item#menu-item-3396 a{

    width: 277px;  

    display: block;

}

ul.two-items li.current-menu-item#menu-item-3375 a,
ul.two-items li.current-menu-item#menu-item-3395 a{
    width: 177px;
}

ul.two-items li a {    

    width: 151px;   

    display: block;

}

ul.two-items li.menu-item#menu-item-3376 a,
ul.two-items li.menu-item#menu-item-3396 a{
    width: 251px;
}

/* Multiple Items */

.menu-multiple-items-container {    

    margin: 0;    

    height: 28px;

}

ul.multiple-items {

    list-style: none;

    padding: 0;

    height: 28px;

}

ul.multiple-items li {

    float: left;

    background: #b9b9b9;

    line-height: 20px;

    font-size: 10px;

    text-transform: uppercase;

    padding: 0 13px;

    margin: 0 8px 0 0;

}

ul.multiple-items li.current-menu-item {

    background: #c70422;

    

}  

   

/******************************************************************

Footer

******************************************************************/    

.footer * {

    z-index: 1009;

}

#inner-footer .row {    

    overflow: visible !important;

}

#language-selector {

    overflow: visible !important;

}

#scroll {

   bottom: 32px;

   height: 5px;

   left: 0;

   position: fixed;

   right: 0;

   background: #333;

   overflow:visible !important;

}

#footer-arrow {

    height: 56px;

    width: 60px;

    background: #333 url(images/footer_arrow.png);

    position: absolute;

    right: 20px;

    bottom: 5px;    

    filter: inherit;

    opacity: inherit;

}

#inner-footer {

   bottom: 0;

   color: #fff;

   height: 32px;

   left: 0;

   line-height: 32px;

   position: fixed;

   right: 0;

   text-transform: uppercase;

   font-size: 10px;

   background: #868686;

}

#inner-footer a {

    color: #fff;

}

/* Language Selector */

#language-selector {

    position: relative;

    line-height: 1px;

}

#language-selector ul li:hover ul, #language-selector ul a:hover ul {

    visibility: visible;

}

#language-selector ul {    

    list-style: none;

    overflow: visible;

}

#language-selector ul ul {

    position: absolute;

    bottom: 32px;

    left: 0;

    list-style: none;

    width: 130px;

    visibility: hidden;

}

.footer .row #language-selector ul{

    overflow:visible !important;

}

#language-selector ul li, #language-selector ul ul li {

    padding: 0 8px;

    line-height: 32px;

}

#language-selector img {

    border: 1px solid #fff;

    margin: 9px 0 0 0;

}



.languages {

    background: #868686;

}



.flag {

    float: left;

    margin: 0 20px 0 0;

}

.active-language {

    background: url(images/language_arrow.png) 32px center no-repeat;

}

/* WPML 

#lang_sel ul {

}

#lang_sel ul ul {

    position: absolute;

    bottom: 32px;

    z-index: 999;

    display: block;

}

#lang_sel ul ul a, #lang_sel ul ul a:visited, #lang_sel a, #lang_sel a:visited {

  background: #c70422 !important;

  color: #fff !important;

  border: 0px !important;

}

#inner-footer-right {

    text-align: right;

}

*/

/* FB */

.social_share_privacy_area li.help_info .info, 

.social_share_privacy_area li .help_info.icon .info {

    display: none;

    position: absolute;

    bottom: 40px;

    left: 0;

    padding: 10px 15px;

    margin: 0;

    font-size: 12px;

    line-height: 16px;

    font-weight: bold;

    border: 1px solid #ccc;

    -moz-border-radius: 4px;

    -webkit-border-radius: 4px;

    border-radius: 4px;

    -moz-box-shadow: 0 3px 4px #999;

    -webkit-box-shadow: 0 3px 4px #999;

    box-shadow: 0 3px 4px #999;

    background-color: #fdfbec;

    color: #000;

    z-index: 999;

}

#socialshareprivacy {

text-transform: none;

overflow: visible;

}

#socialshareprivacy .switch, #socialshareprivacy li.settings_info {

display: none;

}



/**

* Booking

*/



div#booking {

    display: none;

    position: absolute;

    top: 0px;

    left: 0px;

    z-index: 999999;

    width: 100%;

    height: 100%;

    background: url(images/303030_75.png) repeat center center;

    padding: 0px;

}



div#booking div.wrapper {

    position: absolute;

    top: 0;

    left: 50%;

    width: 782px;

    height: 610px;

    margin-left: -391px;

    background-color: #ffffff;

}

@media (max-width: 782px) {

    div#booking div.wrapper {
        margin-left: 0;
        left: 0;
    }
    
}

div#booking div.wrapper div.close {

    position: absolute;

    top: -11px;

    right: -11px;

    z-index: 3;

    width: 23px;

    height: 23px;

    background: url(images/layer_close.png) no-repeat center center;

    cursor: pointer;

}



div#booking div.wrapper div.loader {

    position: absolute;

    top: 0px;

    left: 0px;

    z-index: 2;

    width: 100%;

    height: 100%;

    background: #ffffff url(images/loader.gif) no-repeat center center;

}



div#booking div.wrapper div.content {

    position: absolute;

    top: 0px;

    left: 0px;

    z-index: 1;

    width: 100%;

    height: 100%;

}



div#booking div.wrapper div.content iframe {

    width: 742px;

    height: 570px;

    margin: 20px;

}



.multi-page-form {

    position: relative;

}



.multi-page-form-page {

    display: none;

}



.multi-page-form-firstpage {

    display: block;

}



.multi-page-form-buttonnext, .multi-page-form-buttonprev {

    margin-right: 10px;

}



.booking, .haltestelle {

     display: block;

    margin-top: 8px;

}