/*
    Created on : 28.10.2013, 08:44:05
    Author     : Anton Schreiber - www.TONKOM.de
    Updated    : 13.01.2017
*/

html, p, li, a, h1, h2, h3, h4 {font-family: Ubuntu Condensed, Arial !important;}
body {background:url(../img/hintergrund_t-1484297741.jpg) repeat scroll 0 -38px #fff;}
.box img {max-width: 100%;}
.box a{color:#476c93 !important;}/*#5c5750*/
a:link, a:visited {text-decoration:none !important; }
#content_area a {color: #476c93 !important;} /*#867c60*/
.wrapper {margin:0 auto;width:1050px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    padding-bottom:1px;
    margin-bottom:10px;
}
p, #content_area li { color: #000;   font-size: 16px !important; line-height: 22px !important;}
h2, h3, h4, h5 {color:#867c60 !important;}

h1 {font-size:28px !important;}

h2 {font-size: 23px !important;}

.blau {color:#24469f;}
.orange {color:#d2724a;}
.hellorgane {color:#FFB946;}

#top, #main, #bottom, #footer
{padding-left:15px;padding-right:15px;}

#top {}
#top #logo {
    width: 700px;
    float: left;
    /* height: 100px; */
    background: #fff;
    text-align: center;
    padding-left: 50px;
    box-sizing: border-box;
    padding: 20px 20px 20px 50px;
    /* padding-top: 20px; */
    margin-bottom: 20px;
    box-shadow: 0px 3px 6px 2px rgba(0, 0, 0, 0.25);
}
#top #contact {
    width: 300px;
    float: right;
    background-color: #d2724a;
    /* height: 152px; */
    padding-top: 30px;
    box-sizing: border-box;
    height: 152px;
}


#banner {background-color:#d2724a;margin-left:15px;margin-right:15px;}
#banner #bannerimage {float:left;}
#bannerinfo {margin-bottom:30px;}
#menu {text-align: center;border-top:0px solid #ECECEC;margin:5px 0 15px;}
#main {}
#main #content {width:700px;float:left;}
#main #sidebar {width:300px;float:right;background-color:#d2724a;}
#bottom {margin-top:10px;}
#footer {}

.clear {clear: both;}

/* MENÜ */

#mainmenu  {min-height:390px;}

#mainNav1 {list-style: none;margin:0;padding:0;}
#mainNav1 li {background-color: #d3d3d3;
    border: 1px solid #FFFFFF;

    border-bottom-left-radius: 7px;
    display: inline-block;
    font-size: 15px;
    line-height: 30px;
    margin-right: -5px;
    padding-left: 15px;
    padding-right: 15px;
}
#mainNav1 li:first-of-type {border-bottom-left-radius: 7px;}
#mainNav1 li:last-of-type {border-bottom-right-radius: 7px;}
#mainNav1 li a {color:#000;}

.j-nav-level-0 {color:#fff;list-style:none;margin:0;padding:0;}
.j-nav-level-0 li:hover {background-color:#5c5750;}
.j-nav-level-0 li.cc-nav-current:hover,
.j-nav-level-0 li.cc-nav-parent:hover {background:none;}
.j-nav-level-0 li a {color:#fff;font-size: 20px;
    line-height: 30px;padding-left:15px;}
.j-nav-level-1 {list-style:none;padding:0;margin:0;}
.j-nav-level-1 li a {color:#fff;font-size: 15px;
    line-height: 20px;padding-left:30px;}

.j-nav-level-0 li.cc-nav-current a,
.j-nav-level-1 li.cc-nav-current a {color:#5c5750;}

.j-nav-level-0 li.cc-nav-current ul li a {color:#fff;}

/* Styles */

#bannerinfo ul {list-style: none;margin:0;padding:0;text-align:center;}
#bannerinfo ul li {background-repeat: no-repeat;margin-left:5px;margin-right:5px;
    display: inline-block;height:55px;margin-top:-10px;position:relative;z-index:1000;
    width: 200px;background-color: #867c60;background-position: 9px 7px;}
#bannerinfo ul li h3 a{ color: #FFFFFF;
    font-size: 20px;
    line-height: 30px;
    padding-left: 15px;}
#bannerinfo ul li p {color:#fff;}
#sidebar h2 {display: block; font-size: 20px; font-weight: normal;
    padding: 15px 0 5px 5px;color:#fff;text-transform: uppercase;
    background-color:#5c5750;margin:0;
    letter-spacing:2px;
}

#content p {padding-right:30px;}

#sidebar .box {padding:10px;}
#sidebar .box p {color:#000;font-size:15px;line-height:18px;}

#content_area .box {background-color:#ececec; border-radius: 5px;
    vertical-align: top;height:250px;overflow:hidden;}
#content_area .width50 {width:335px;float:left;}
#content_area .box div {padding:15px;}
#content_area .box div h3 {margin-top:0;margin-bottom:5px;font-weight: normal;font-size: 20px;}
#content_area .box p {font-size:15px;line-height:18px;}

#logo span {font-size:45px;font-family: 'Belleza', sans-serif;color:#FF6600;}
#contact .telefon {font-size:28px;background:url(../img/telefon_t-1383657502.png) no-repeat scroll 20px 15px rgba(0, 0, 0, 0);
    padding-left:95px;display: block;height:80px;padding-top:10px;font-family: Ubuntu Condensed, Arial !important;line-height:35px;
    background-color: #ececec;
}

#footer p {margin-bottom: 0;}
#footer {padding-top:50px;}


/*Design Anpassungen 2015/2016*/
#content_area {background-color:#fff;box-shadow: 0px 3px 6px 2px rgba(0, 0, 0, 0.25);}
#content_area h1 {background-color:#d2724a;color:#fff;
    padding-left: 15px;margin-top: -25px;}
div.n.j-header {padding:5px;width: 600px;    display: inline-block;}
#bannerinfo {margin-bottom: 55px;}
div.n.j-blogSelection {padding:0;}
div.n {padding:15px;}
div.zimmerpreis {border:3px solid #d2724a;min-height:180px}
div.zimmerpreis h3 {font-size: 20px;    padding-top: 155px;    background-position: center;    margin-top: -95px;    background-repeat: no-repeat;}
div.zimmerpreis.einzelzimmer h3 {background-image:url(../../../../../e/o/se89849372eb2702e/userlayout/img/einzelzimmer-icon.png);}
div.zimmerpreis.doppelzimmer h3 {background-image:url(../../../../../e/o/se89849372eb2702e/userlayout/img/doppelzimmer-icon.png);}
div.zimmerpreis.mehrbettzimmer h3 {background-image:url(../../../../../e/o/se89849372eb2702e/userlayout/img/mehrbettzimmer-icon.png);}
div.zimmerpreis .preis,
#content_area .bluebox .preis {font-size:25px;color:#d2724a;}
#content_area .orangebutton {background-color: #d2724a; color: #fff !important; padding: 5px; width: 350px; display: inline-block; font-size: 20px;}
#content_area .bluebox {color:#fff !important;background-color:#5c5750;padding:15px;padding-top:0;}
#content_area .bluebox .icon {display: inline-block;    margin-top: -25px;    padding-left: 5px;}
#content_area .bluebox .icon img {display:inline-block;padding-right:25px;}
#content_area .bluebox .boxcont h3 {color:#fff !important;font-size:15px;padding-bottom:10px;text-transform:uppercase;text-align:left;}
#content_area .bluebox .boxcont p,
#content_area .bluebox .boxcont li {color:#fff;padding-bottom:15px;right:-20px;}
#content_area .bluebox .boxcont ul {padding:0;margin:0;}
#content_area .bluebox .boxcont u {padding-bottom:10px;}
.j-hr div.hr {
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-color: #d2724a;
    height: 2px;
}
div.n.j-hr {    padding: 5px;}
#content_area .preisfeld {width:80%;margin:0 auto;border:3px solid #d2724a;padding:25px;margin-top:-50px;background-color:#fff;}
#content_area .preisfeld h3 {font-size:18px;margin:0;margin-bottom:15px;text-transform:uppercase;}
#content_area .preisfeld .preis {font-size:25px;color:#d2724a;}

/* Handwerkeraktion mit Badge auf dem Slider */

#badge {
    /*display: none;*/
    z-index: 20000;
    margin-bottom: -78px;
    margin-left: -45px;
    position: relative;
}
#badge a.hwp{
    display:block;
    background-image: url(../img/handwerkerpauschale-badge-280px.png);
    background-repeat: no-repeat;
    background-size:contain;
    width:240px;
    height:92px;

}

#cc-nav-view-1673830575 > a{font-style:bold;color:#333;}
#cc-nav-view-1673830575:hover > a{color:#fff;}