html, body {
    height: 101%;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;

}
body {
    color: #595656;
    font-size: 12px;
    /*padding-top: 110px; */
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    
    
    /*padding-left: 30%;
    padding-right: 30%;*/
    
}

h1, h2, h3, h4, h5{
    margin-top: 0px;
    font-weight: normal;
}

h1 {
    /* font-size: 1.5em;*/
    font-size: 28px;
    line-height: 28px;
}

h2 {
    font-size: 1.3em;
    font-size: 22px;
    line-height: 26px;
}

ul {
    padding: 0px;
}
.ui-tooltip {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
#mietResult{
    background: none!important;
    padding: 10px 0px 0px 0px!important;
}


.pointer{
    cursor: pointer;
}

.bildText_text ul {
    padding: 0px 0px 0px 12px;
}

a {
    color: #595656;
}

a:hover, a:focus {
    color: #576999;
}

.container{
    padding: 0px;
}

#wrap {   
    height: auto;
    padding-bottom: 60px;
    margin: 15px auto -60px; /* negative Höhe des Footers */
}



#sidebar button {

    color: #FFF;
    padding: 5px 15px;
    width: 100%;
    background-color: green;
    border: 1px solid #aaa;
    background: #295077; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI5NTA3NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1NTgwYTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #295077 0%, #5580a3 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#295077), color-stop(100%,#5580a3)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #295077 0%,#5580a3 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #295077 0%,#5580a3 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #295077 0%,#5580a3 100%); /* IE10+ */
    background: linear-gradient(to bottom, #295077 0%,#5580a3 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#295077', endColorstr='#5580a3',GradientType=0 ); /* IE6-8 */
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
}
/* SIDEBAR - Start */
#sidebar {
    width: 220px; /*185 +35*/
    float: left;
    position: relative;
}
#sidebar ul {
    list-style: none;
    margin-left: 0;    
    padding-left: 0;
}
#sidebar ul li {
    margin-bottom: 10px;
}
#sidebar div {
    background: url(/bilder/transparent.png) repeat;
    padding: 10px;
    margin-bottom: 10px;
}

/* SIDEBAR - Ende */

/* CONTENT - Start */
#content, #startseite, #galerie {
    padding-bottom: 30px; /* Abstand Footer */
}
#content{
    padding: 28px 30px 30px 30px;
    margin-bottom: 20px;
    width: 770px;
    margin-left: 240px;/*220*/
}


#content > h1, #startseite > h1, #galerie > h1 {
    margin-top: 0;
}


#galerie, #content {
    background: url(/bilder/transparent.png) repeat;
}
#startseite {
    margin-left: 265px;/*220*/
    color: #FFF;
    font-size: 1.5em;
    line-height: 1.1em;
    font-weight: bold;
}
/* CONTENT - Ende */

/* NAVIGATION - Start */
.navbar-brand {
    float: left;
    font-size: 18px;
    height: 40px;
    line-height: 20px;
    padding: 0px 20px 0px 15px;
    margin-bottom: 10px;
}
.navbar-brand #logo {
    max-width: 220px;/*185*/
    width: 100%;
}
.navbar-default {
    background-color: #FFF;
    border-color: #000;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
}
.navbar {
    border: 1px solid rgba(0, 0, 0, 0);
    padding-top: 20px;
    margin-bottom: 20px;
    height: 100px;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background-color: #fff;
    color: #576999;
    text-decoration: underline;

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

}
.navbar-nav > li > a {
    font-size: 0.9em;
    line-height: 20px;
    padding-bottom: 10px;
    padding-top: 10px;
    text-transform: uppercase;
}
.nav > li > a {
    display: block;
    padding: 10px 35px;/*35*/
    position: relative;
}
.lang {
    font-size: 0.8em;
    text-align: right;
}
/* NAVIGATION - Ende */


/* FOOTER - Start */
.footer {
	padding-left: 15px;
	padding-right: 15px;	
}


#footer {    
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #FFF;
    padding-top: 5px;
    padding-bottom: 5px;
    box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.15);
}
#footer ul {
    list-style: none;
    margin-bottom: 0;
    margin-left: 0;
    padding-left: 0;

}
#footer ul li {
    float: left;
    margin-right: 20px;
}
#footer a {
    color: #595656;
}

#footer a:hover, #footer a:focus {
    background-color: #ffffff;
}

#footer .footernav {
    float: left;
    padding:5px 0px 0px  240px;
}
#footer .footernav .nav li a {
    padding: 0px 5px 0px 5px;
}
#footer .telkontakt {
    float: right;
    background: url(/bilder/phone.png) no-repeat 0 5px;
    padding-left: 42px;
}
@media (max-width: 880px) {
	#footer .telkontakt {
		clear: both;
		float: left;
		padding-top: 20px;
		padding-bottom: 20px;
		background-position: 0px 25px;
		margin-left: 340px;
	}
}
@media (max-width: 800px) {
	#footer .telkontakt {
		margin-left: 20px;
	}
}


/* FOOTER - Ende */



.nav-path-selected{
    color: #566998!important;
}

/* RIP Hübis Media Queries */

/* Nav ergänzung*/
.nav li{
    float: left;
}

.objekt_info{
    border: 0px solid #999999;
    width: 710px;
    min-height: 100px;
    float: left;
    margin-top: 0px;

}

.objekt_info .objektInfo_TopTabList{
    height: 50px;
    line-height: 50px;
    list-style: none;
    padding-left: 0px;
    margin-bottom: 0px!important;
}

 .objektInfo_content{
    list-style: none;
    background: #FFFFFF;
    min-height: 15px;
    min-width: 100px;
    display: none;
    /*font-weight: bold;*/
    padding:  25px 0px 25px 25px;
    margin-bottom: 0px;
    border: 1px solid #999999;
}

.objektInfo_content li {
    padding-top: 0px;
}
 .objektInfo_content li ul li {
     padidng-top: 0px;
 }

.activObjektTab{
    background-color: #595656!important;
    color: #ffffff;
}

.activObjekt{
    display: block !important;
}

.objektTitle{
    width: 710px;
    height: 30px;
    line-height: 30px;
    font-size: 15px;
    font-weight: bold;
    color: #595656;
}

.objektSlideShow{
    width: 440px;
    float: left;
    min-height: 310px;
    margin-top: 25px;
    margin-right:30px ;
}


.objektMap{
    float: right;
    width: 240px;
    margin-right: 0px;
    height: 310px;
}




.objektInfoTab{
    text-align: center;
    float: left;
    height: 50px;
    padding: 0px 25px 0px 25px;
    border-left: 1px solid #999999;
    border-top: 1px solid #999999;
    list-style: none;
    background-color: #FFFFFF;
}
.objektInfoTab.objektAngebote{
    border-right: 1px solid #999999;
}

.objektInformationen{
    padding-right: 25px;
}
.objektLeistungen{
    padding-right: 25px;
    /*border-right: 1px solid #999999;*/

}

.objektInformationen li ul li{
    margin-left: 12px;
}
.objektInfoTab:hover{
    background-color: #d3d3d3!important;
    color: #000000;
}

.kalenterUberschrift{
    text-align: center;
}


.kalender tr{
    padding: 3px;

}

.kalender td{
    padding: 3px;
}
.navbar-collapse.collapse .nav.navbar-nav{
    margin-top: 15px;
}

.nav.navbar-nav .nav li ul{
    border: 0px solid green;
    margin: 0px;
    padding: 0px;
}

.nav.navbar-nav .nav li ul li {
    list-style: none;
    margin: 0px;
    padding: 5px 10px;
    border: 0px solid brown;
    width: 100%;
    background-color: #ffffff;
    clear: both;
    text-align: center;
}

.nav.navbar-nav .nav li ul li a{
    text-decoration: none;
    list-style: none;
    color: #000000;
}
.nav.navbar-nav li a{
    color: #000000;
}
/*
.nav.navbar-nav .nav li ul li:hover {
    background-color: #FFFFFF!important;
    color: #576999 !important;
}

.nav.navbar-nav .nav li ul li a:hover {
    background-color: #FFFFFF!important;
    color: #576999 !important;
}
*/
.clear{
    clear: both!important;
    float: none!important;
    width: 0px!important;
    height: 0px!important;
    margin: 0px!important;
    padding: 0px!important;
}

.ccm-SlideshowBlock-display{
    margin-bottom: 30px;
}

.button:hover{
    color: #a8d3e7!important;
}
.button a{
    color: #ffffff;
}
.button a:hover{
    color: #a8d3e7!important;
    text-decoration: none;
}
.button{
    padding: 0!important;
    border: none;
    text-align: center;
    letter-spacing: 0.05em;
    color: #ffffff;
    width: 100px;
    height: 30px;
    line-height: 30px;
    cursor: pointer;
    margin-right: 3px!important;
    
    background: #4a858f;
    
}

.buttongrau{
    padding: 0!important;
    border: none;
    text-align: center;
    color: #000000;
    width: 100px;
    height: 30px;
    line-height: 30px;
    cursor: pointer;
    margin-right: 3px!important;
    background: rgb(122,122,122); /* Old browsers */
    background: -moz-linear-gradient(top,  rgb(122,122,122) 0%, rgb(209,194,196) 50%, rgb(196,186,189) 51%, rgb(11,17,4) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(122,122,122)), color-stop(50%,rgb(209,194,196)), color-stop(51%,rgb(196,186,189)), color-stop(100%,rgb(11,17,4))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgb(122,122,122) 0%,rgb(209,194,196) 50%,rgb(196,186,189) 51%,rgb(11,17,4) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgb(122,122,122) 0%,rgb(209,194,196) 50%,rgb(196,186,189) 51%,rgb(11,17,4) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgb(122,122,122) 0%,rgb(209,194,196) 50%,rgb(196,186,189) 51%,rgb(11,17,4) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgb(122,122,122) 0%,rgb(209,194,196) 50%,rgb(196,186,189) 51%,rgb(11,17,4) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7a7a7a', endColorstr='#0b1104',GradientType=0 ); /* IE6-9 */
    -moz-box-shadow:     2px 2px 2px #595656;
    -webkit-box-shadow:  2px 2px 2px #595656;
    box-shadow:          2px 2px 2px #595656;
}

#sidebarTel span{
    float: left;
    font-size: 13px;
}

.startseiteText{
    font-size: 24px;
    line-height: 26px;
    letter-spacing: 0.05em;
    color: #ffffff;
    font-weight: normal !important;
}


.googleMapCanvas IMG{
    max-width: none;
}
#googleMapCanvas340 IMG{
    max-width: none;
}
.ausblenden{
    display: none;
    width: 0px;
    height: 0px;
}
.grau{
    background: #770708;
}



.lang p{
    margin: 0px;
}
#sortOptions li{
    float: right;
    list-style: none;
}
#sortOptionsSortButton{
    text-align: right;
}
#sortOptionsSortButton span input{
    width: 80px ;
    height: 19px;
    line-height: 19px;
}

#sortOptions:after{
    clear: both;
}
.angebote li{
    margin: 0px 0px 30px 0px;
    min-height: 40px;
}
/*////////////////////MEINE STANDART CSS/////////////////////////// */
.hideOverFlow{
    overflow: hidden;
}

.fl{
    float: left;
    list-style: none;
}
.fr{
    float: right;
    list-style: none;
}
.flli li{
    float: left;
    list-style: none;
}
.frli li{
    float: right;
    list-style: none;
}
.h20{
    height: 20px;
}
.w25{
    width: 25px;
}
.w50{
    width: 50px;
}
.w75{
    width: 75px;
}
.w100{
    width: 100px;
}
.w125{
    width: 125px;
}
.w150{
    width: 150px;
}
.w175{
    width: 175px;
}
.w200{
    width: 200px;
}
.w225{
    width: 225px;
}
.w250{
    width: 250px;
}
.w275{
    width: 275px;
}
.w300{
    width: 300px;
}
.w325{
    width: 325px;
}
.w350{
    width: 350px;
}
.w375{
    width: 375px;
}
.w400{
    width: 400px;
}
.w425{
    width: 425px;
}
.w450{
    width: 450px;
}
.w475{
    width: 475px;
}
.w500{
    width: 500px;
}
.w600{
    width: 600px;
}
.w650{
    width: 650px;
}
/*
google map anpassunge:
*/
.googleMapCanvas{
    height: 510px!important;
}

.liDot{
    margin-left: 11px ;
}

#sortAuswahl select{
    margin-right: 5px;
    display: inline;
    width: 100px;
}


/*IMPRESSUM*/
.formBlockSurveyTable #Question9{
    width: 220px;
}
.formBlockSurveyTable #Question10{
    width: 220px;
}
.formBlockSurveyTable #Question11{
    width: 220px;
}
.formBlockSurveyTable #Question13{
    width: 220px;
}
.formBlockSurveyTable #Question15{
    width: 220px;
}



.buchTab {
    /*margin: -10px 0px 0px 0px;*/
	margin: 0px 0px 0px 0px;
}

.buchTitel {
}






/* Start Formular */

.meineKontaktTable{
    width: 100%;
}
.meineKontaktTable tbody tr td{
    height: 40px;
    line-height: 20px;
    vertical-align: top;
}
#tableQuestionAnrede{
    width: 390px;
    height: 40px;
}
#tableQuestionVorname{
    width: 180px;
}
#tableQuestionNachname{
    width: 140px;
}
#tableQuestionTelefon{
    width: 390px;
}
#tableQuestionEmail{
    width: 320px;
}
#tableQuestionNachricht{
    width: 720px;
}
/* Forminhalte*/
#tableQuestionAnrede select{
    width: 290px;
    padding-top: 3px;
}
#tableQuestionAnrede select option{
    height: 20px;
    line-height: 20px;
}
#tableQuestionVorname input{
    width: 140px;
}
#tableQuestionNachname input{
    width: 140px;
}
#tableQuestionTelefon input{
    width: 290px;
}
#tableQuestionEmail input{
    width: 320px;
}
#tableQuestionNachricht textarea{
    width: 710px;
}

#tableQuestionSenden input{
    width: 137px;
}


@media (max-width: 805px) {
	.meineKontaktTable td {
		display: block;
		width: 100% !important;
		max-width: 100%;
	}
	#tableQuestionNachricht textarea, .meineKontaktTable select, .meineKontaktTable input {
		width: 100% !important;
		max-width: 100%;
	}
}
/* Ende Formular */


#wetterBox{
    width: 740px;
    overflow-x: hidden;
    height: auto;
}

#wetterFrame{
    width: 740px;
    min-height: 1650px;
    height: auto;
    border: none;
    overflow-x: hidden!important;
}

.myAngebotHead{
    font-weight: bold;
}


.trennerBottom  {
    border: 0px solid black;
    padding: 0px 0px 0px 0px;
    width: 100%;
    overflow: hidden;
    background-image: url("bilder/fade_line_bottom.png");
    background-size:100% 14px ;
    background-repeat: no-repeat;
    background-position: center 26px;
    height: 40px;
    line-height: 30px;
}




#galerie {
    padding: 10px 0px 25px 0px;
}



#galerie  ul{
    padding: 0px;
    margin: 10px 0px 10px 0px;
    list-style: none;
    float: left;
    width: 450px;
}
.galerieUL{
    margin: 0px 30px 0px 30px!important;
    width: 445px;
    float: left;
}
#galerie li{
    width: 150px;
    padding: 0px;
    list-style: none;
    float: left;
    margin: 0px 0px 10px 0px;
}
.moreButton{
    width: 150px;
    height: 100px;
}
.moreButton input{
     width: 140px;
 }
#galerie li img{
    margin-right: 15px;
}
#galerie li img:last-child{
    margin-right: 0px;
}
#galerie .galerieTite{
    width: 430px;
    font-size: 28px;
    margin: 0px 0px 0px 0px;
}

.gallery li{

    float: left;
}


.item{
    border: 0px solid gray;
    width: 140px;
    height: 110px;
    position: relative;
}


.clear{
    clear: both;
}



.item:hover  .content{
    opacity: 0.5;
    z-index: 50;
}

.item:hover  .overLayColor{
    opacity: 0.4;
    z-index: 200;
    display: block;
}

.item:hover .overLayText{
    display: block;
    z-index: 300;
    padding: 5px;
    overflow: hidden;
}

.item .overLayColor{
    top: 0px;
    position:absolute;
    background-color: #ffffff;
    opacity: 0;
    width: 100%;
    height: 100%;
    display: none;/*todo*/
}

.item .overLayText{
    top: 0px;
    position:absolute;
    padding-right:5px;
    height: 100%;
    opacity: 1;
    display: none; /*todo*/
    color: #000000;
}

.item .content{
    z-index: 100;
    top: 0px;
    opacity: 1;
    white-space: nowrap;
    height: 100%;
}
.overLayText ul{
    direction: rtl;
    margin: 0px;
    padding: 0px;
    list-style: none;
}
.overLayText li{
    direction: rtl;
    margin: 0px;
    padding: 0px;
    list-style: none;
}



.contentText p{
    padding: 0px;
    margin: 0px;
}




#sidebar div ul li ul li{
    list-style: disc;
    padding: 0px 0px 3px 0px;
    margin: 0px 0px 0px 14px ;

}
.zeitraum li{
    padding: 0px 0px 0px 0px!important;
    margin: 0px 0px 0px 0px !important;
    list-style: none!important;
    font-weight: bold;
}
.preisSidebar{
    list-style: none!important;
    width: 200px!important;
    font-size: 16px;
    text-align: right;
}

.preisBuchen{
    float: right;
}
#zeitraumZurueksetzen{
    width: 150px;
}

#QuestionEmail{
	display: inline;
}

.errorMail{
	border: 1px solid darkred;
}

.errorMailInfo{
	color: darkred;
}

.navbar-collapse .navbar-nav .nav > li.nav-item-153{
	margin-right: 0;
}


.row.row-narrow,
.form-horizontal .form-group.row-narrow{
	margin-left:-7px;
	margin-right:-7px;
}

.row-narrow > .col-xs-1,
.row-narrow > .col-sm-1,
.row-narrow > .col-md-1,
.row-narrow > .col-lg-1,
.row-narrow > .col-xs-2,
.row-narrow > .col-sm-2,
.row-narrow > .col-md-2,
.row-narrow > .col-lg-2,
.row-narrow > .col-xs-3,
.row-narrow > .col-sm-3,
.row-narrow > .col-md-3,
.row-narrow > .col-lg-3,
.row-narrow > .col-xs-4,
.row-narrow > .col-sm-4,
.row-narrow > .col-md-4,
.row-narrow > .col-lg-4,
.row-narrow > .col-xs-5,
.row-narrow > .col-sm-5,
.row-narrow > .col-md-5,
.row-narrow > .col-lg-5,
.row-narrow > .col-xs-6,
.row-narrow > .col-sm-6,
.row-narrow > .col-md-6,
.row-narrow > .col-lg-6,
.row-narrow > .col-xs-7,
.row-narrow > .col-sm-7,
.row-narrow > .col-md-7,
.row-narrow > .col-lg-7,
.row-narrow > .col-xs-8,
.row-narrow > .col-sm-8,
.row-narrow > .col-md-8,
.row-narrow > .col-lg-8,
.row-narrow > .col-xs-9,
.row-narrow > .col-sm-9,
.row-narrow > .col-md-9,
.row-narrow > .col-lg-9,
.row-narrow > .col-xs-10,
.row-narrow > .col-sm-10,
.row-narrow > .col-md-10,
.row-narrow > .col-lg-10,
.row-narrow > .col-xs-11,
.row-narrow > .col-sm-11,
.row-narrow > .col-md-11,
.row-narrow > .col-lg-11,
.row-narrow > .col-xs-12,
.row-narrow > .col-sm-12,
.row-narrow > .col-md-12,
.row-narrow > .col-lg-12 {
	padding-right: 7px;
	padding-left: 7px;
}


ul:after {
	content:" ";
	height:1px;
	line-height:0px;
	font-size:0px;
	clear:both;
}

.form-control.formBuchenfehlerFeld{
	/*border: 1px solid #ff0000;*/
	/*border: 1px solid #8B0000;*/
	border: 1px solid #a94442;
}
.form-control.formBuchenfehlerFeld:focus {
	/*border-color:#843534;*/
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;
}

.tablePDF .index1 {
	width: 10% !important;
}
.tablePDF .index2 {
	width: 90% !important;
}

@media(max-width: 800px) {
	.tablePDF td, .tablePDF .index1, .tablePDF .index2 {
		width: 100% !important;
		display: block;
	}
	
	.tablePDF td:first-child p {
		margin: 10px 0;
	}
	
	.tablePDF td:last-child {
		margin-bottom: 20px;
	}
}