/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Nobile:400,700);
/* START CSS */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100.1%;
	font: inherit;

	vertical-align: baseline;

}
/* HTML5 display-role reset for older browsers */


article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
    line-height: 1.2;
    overflow-x: hidden;
    font-size: 98%;
    font-family:Nobile, sans-serif;
    background:#fff;
    -webkit-font-smoothing: antialiased;

}

.tx_spamshield_honey1 {
	display: none;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
strong {
	font-weight:bold;
}

strong, b {
	font-weight:bold;
}

a:active, a:focus {
	outline:none;
}


#content DIV.layout-0 img, #content csc-textpic-imagewrap img{
  -webkit-box-shadow: 0px 2px 5px 0px #000;
  -moz-box-shadow: 0px 2px 5px 0px #000;
  box-shadow: 0px 2px 5px 0px #000; 
}


#content ul li {
	margin-left:30px;
	list-style-type:disc;
}

#content ol li {
	margin-left:30px;
	list-style-type:decimal;
}

#content ul {
	padding-top:10px;
	padding-bottom:10px;
}

h1 {
    font-family: 'chunkfive_romanregular',sans-serif;
    font-size:1.6em;
    margin-bottom:10px;
}

.contentinner h1 {
    background:url(../images/h1-bg.png) no-repeat;
    line-height:55px;
    text-align: center;
    width:723px;
    color:#fff;
    text-shadow: 0px 0px 4px #000;
    margin-bottom: 20px;

}

.contentinner .bodytext a {
    color:#735F4D;
    text-decoration: underline;
}

.contentinner .bodytext a:hover {
    color:#000;
    text-decoration: none;
}

#onlinebooking a {
    text-decoration: none;
}


h2 {
    font-size:1.2em;

}



.contentinner h2 {
       font-family: chunkfive_romanregular;
       font-size:1.4em;
	margin-bottom:5px;
	margin-top:25px;
}

p {
	margin-bottom:10px;
}

sup,
sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	font-size:9px;
	
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

 ::selection {
	color: #fff;
	background-color: #D9C5A0;
}
::-moz-selection {
	color: #fff;
	background-color: #D9C5A0;
}

a {
    color:#000;
    text-decoration: none;
         -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out; 
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.clearer {
    clear:both;
}


#wsmobilekontakt {
    display:none;
}

.csc-textpic-imagerow {
    background:url(../images/bild-bg.png) no-repeat;
    padding:24px;
    width:220px;
    height:150px;
}

#cileistungen .csc-textpic-imagewrap img {
     border-radius: 50% 50% 50% 50%;
     overflow:hidden;
     border: 1px solid #402E24;
     -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out; 
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-box-shadow: 0px 0px 3px 0px #333;
    box-shadow: 0px 0px 3px 0px #333;
}


.csstransforms #cileistungen .csc-textpic-imagewrap img:hover {
    -moz-transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
    -o-transform: rotate(20deg);
      box-shadow: 0px 0px 10px 0px #333;
}

.csstransforms #cileistungen #c11 .csc-textpic-imagewrap img:hover {
    -moz-transform: rotate(-20deg);
    -webkit-transform: rotate(-20deg);
    -o-transform: rotate(-20deg);
}


#cileistungen .csc-textpic-imagewrap  {
    margin-right:60px;
    padding:10px;
}


a.fancybox span {
    background: url("../images/img-groesser.png") no-repeat scroll center center transparent;
    height: 130px;
    position: absolute;
    width: 200px;
    display: none;
}


    
.rotate5deg {
   
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    -o-transform: rotate(5deg);  
    -moz-transform: rotate(5deg);
    transform: rotate(5deg);
   /* -webkit-backface-visibility: hidden;*/
    font-smoothing: antialiased;
    -webkit-text-stroke: 1px transparent;
    
	 
}

.rotatem5deg {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg);
     -webkit-backface-visibility: hidden;
    
}


/* =============LAYOUT================= */

#scrollPfeile {
    bottom: 59px;
    display: block;
    left: 50%;
    margin-left: -30px;
    position: fixed;
    width: 40px;
    z-index: 999;
}
#scrollPfeile img {
	margin-bottom: -13px;
}

#allwrap {
    width:100%;
    background: none repeat scroll 0 0 #FEF8EA;
    max-width:1920px;
    box-shadow: 0px 0px 20px 5px #ccc;
    overflow:hidden;
    
}

.anchorlink {
 position: relative;
 width:1px;
 height:1px;
}

#menuscroll {
    width:100%;
    height:35px;
    background:#735f4d;
    position:fixed;
    color:#fff;
    z-index:400;
    top:-60px;
    padding-left:40px;
    padding-top:10px;
    -webkit-box-shadow: 0px 2px 5px 0px #000;
    -moz-box-shadow: 0px 2px 5px 0px #000;
    box-shadow: 0px 0px 15px 0px #333; 
    max-width: 1880px;
}

#menuscroll a {
    color:#fff;
}

#menuscroll a.anfrage {
    background: url(../images/anfrage-topmenu.png) no-repeat right;
    float: left;
    font-family: chunkfive_romanregular;
    margin-left: 30px;
    margin-top: 1px;
    padding-right: 33px;
    padding-top: 3px;
    cursor: pointer;
}

#menuscroll a#nach-oben {
    background: url(../images/a-nach-oben.png) no-repeat;
    height: 66px;
    position: absolute;
    width: 66px;
    right:100px;
    top:0;
}

#menuscroll a:hover {
    text-shadow: 0px 0px 4px #000;
}

#menuscroll h1 {
    float:left;
    margin-top:0px;
    border-right: 1px solid #fff;
    padding-right:30px;
    text-shadow: 0px 0px 3px #000;
    font-size: 24px;
    cursor: pointer;
}

#menuscroll ul {
    float: left;
    margin-left: 26px;
    margin-top: 3px;
}

#menuscroll ul li {
    float:left;
    padding:0 10px;
    margin:0 5px;
}


#footerscroll {
    width:100%;
    height:80%;
    position:fixed;
    background:#A6927B;
    color:#fff;
    z-index:400;
    bottom:-86%;
}

#kontaktform .closebtn {
    right: 15%;
    top: -12px;
    width: 30px;
    display: none;
}

#footer_menu li {
    float:left;
    margin-left:10px;
    cursor: pointer;
    text-shadow: 0px 0px 2px #333;
}

#footer_menu li.anfrage {
    padding-right:25px;
    margin-right:5px;
    background:url(../images/footermenu-li-bg.png) no-repeat right;
}

#footer_menu a {
    color:#fff;
}

#footer_menu {
    position: relative;
    top:26px;
    left:12px;
    font-size:18px;
    font-family: chunkfive_romanregular;
}

.en #footer_menu {
	left:22px;
}

#footerinner {
    margin:auto;
    background:url(../images/bg-minifooter.png) no-repeat;
    width:239px;
    height:55px;
    top:-55px;
    position: relative;
}




.wrap-980 {
    width: 980px;
    margin: auto;
}

.wrap-980 h1 {
    margin-top:3px;
}


#topwrap {
    height: 300px;
    max-width: 1940px;
    position: relative;
    top: -198px;
    z-index: 20;
    width: 105%;
    background: url(../images/main-bg.jpg);
}

#logo {
    height: 80px;
    position: absolute;
    right: 15px;
    top: 184px;
    width: 256px;
    z-index: 1000;
}

#sprachen {
    height: 22px;
    left: 17px;
    position: absolute;
    top: 272px;
    width: 300px;
}

#socialicons {
    margin-left: -9px;
    margin-top: 46px;
    position: absolute;
}

#socialicons a.sociallink {
    background: none repeat scroll 0 0 #FFFFFF;
    display: block;
    float: left;
    height: 35px;
    margin: 0 3px;
    width: 35px;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
    cursor: pointer;
}

#socialicons a.sociallink:hover {
    -moz-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}

#socialicons  #sfb {
    background:url(../images/fb-icon.png) no-repeat center;
}

#socialicons  #smail {
    background:url(../images/mail-icon.png) no-repeat center;
}

#socialicons  #sgplus {
    background:url(../images/gplus-icon.png) no-repeat center;
}

#socialicons  #stwtr {
    background:url(../images/twitter-icon.png) no-repeat center;
}

#sprachen > a {
    margin: 0 5px;
}

#menuinner {
    position:relative;
    margin: auto;
    width: 990px;
    font-family: chunkfive_romanregular;
    padding-top:270px;
    height: 300px;
}

#kontaktmenu {
    position: absolute;
    right: 274px;
    top: 173px;
    z-index: 200;
}

#kontaktmenu a {
   background: none repeat scroll 0 0 #A6927B;
    color: #FFFFFF;
    display: block;
    padding-bottom: 5px;
    padding-top: 26px;
    text-align: center;
    width: 100px;
}

#bg-lines-menu {
    background:url(../images/bg-lines-menu.png) center bottom;
    position: absolute;
    top:4px;
    left:0;
    z-index: -1;
    height:100%;
    width: 100%;
}

#menuinner ul li {
    float:left;
    display: block;
    padding:0px 35px;
    color:#000;
    margin:0px 1px;
    font-size:17px;
    text-transform: uppercase;
    height: 200px;
       
}

ul#main_nav li a {
    display: block;
    position: relative;
    top: 152px;

}

ul#main_nav {
    position: absolute;
    margin-top:-150px;
    z-index: 20;
    margin-left: 197px;
    
}

.en ul#main_nav {
	margin-left:227px; 
}

ul#main_nav ul {
    margin-top: 166px;
    position: absolute;
    display:none;
    width:129px;
    z-index: -1;
    background: #735f4d;
    background: -moz-linear-gradient(top,  #735f4d 0%, #412f25 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#735f4d), color-stop(100%,#412f25));
    background: -webkit-linear-gradient(top,  #735f4d 0%,#412f25 100%);
    background: -o-linear-gradient(top,  #735f4d 0%,#412f25 100%);
    background: -ms-linear-gradient(top,  #735f4d 0%,#412f25 100%);
    background: linear-gradient(to bottom,  #735f4d 0%,#412f25 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#735f4d', endColorstr='#412f25',GradientType=0 );

}

ul#main_nav .m2 ul {
    margin-left: -35px;
}

ul#main_nav .m7 ul {
    margin-left: -35px;
    width:231px;
}


ul#main_nav .m9 ul {
    margin-left: -35px;
    width:225px;
}

ul#main_nav .m8 ul {
    margin-left: -35px;
    width:199px;
}


.en ul#main_nav .m7 ul {
    width:219px;
}

.en ul#main_nav .m8 ul {
    width:175px;
}

.en ul#main_nav .m9 ul {
    width:228px;
}

ul#main_nav ul li {
    float:none;
    display:block; 
    padding:2px 0px;
    color:#fff;
    margin:5px 0px;
    font-family: Nobile;
    text-transform: none;
    font-size:0.8em;
    height:auto;
    text-align: center;
}

ul#main_nav ul li a {
    color:#fff !important;
    top:0;
}

.csstransforms #menuinner ul li {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out; 
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

#menuinner ul li.aktiv, #menuinner ul li:hover {
    background:#735f4d;
}
/* SUBMENU */
#menuinner ul li.aktiv a, #menuinner ul li:hover a {
    color:#fff;
    background:url(../images/mainmenu-a-active.png) no-repeat bottom center;
    padding-bottom: 12px;
}

#menuinner #main_nav li.aktiv ul li a, #menuinner #main_nav li ul a {
    padding-bottom:0px;
    background:none;
}

.flexsliderwrap {
    position: relative;
    height:890px;
    overflow: hidden;
    z-index: 1;
    top:-100px;
}

#firstflex {
    top:-282px;
}

.after-flex-rightlines {
    z-index: 40;
    height:590px !important;
    width:115%;
    left:-5%;
}

#thirdflex {
    height:346px !important;
}

#thirdflex .flexslider {
    top:0;
}

#thirdflex img {
    margin-top: 0;
    top:0;
}

.flexsliderwrap img {
    max-width: 2000px;
    min-width:1450px;
    width:110%;
    height:auto;
    top:25%;
    z-index: -1;
    margin-top:-27%;
    position: relative;
}


.contentbereich {
    position: relative;
    min-height:900px;
    z-index: 20;
    margin-top:-230px;
}

.contentinner {
    position: relative;
    top:60px;
    width:880px;
    z-index: 30;
    min-height: 400px;
    margin:auto;
    padding:20px;
    line-height: 1.6;
    font-size:0.9em;
}

.infofancy {
        background: none repeat scroll 0 0 #735F4D;
    color: #FFFFFF !important;
    padding: 5px 10px;
    float: right;
    margin-right:20px;
    margin-top:30px;
}

.contenttext {
    padding-left:20px;
    width:560px;
    float:right;
}

.bilder {
    width: 260px;
    float: left;
    margin-top:55px;
}

.contenttext ul li {
    margin-left:20px;
}

.contenttext ul {
    margin-bottom: 18px;
    margin-top:5px;
    list-style-image: url(../images/content-ul-li.png);
}

.contentinner h2 {
    margin-top:0px;
}

.preistabelle table {
    width:100%;
    background:#402E24;
    color:#fff;
}

.preistabelle table tr {
    border-bottom: #544234 1px solid
}

.preistabelle table thead tr {

}

.preistabelle table td {
    text-align: center;
    padding:5px;
    border-right:#544234 1px solid;
    border-left: #544234 1px solid;
}

.preistabelle table th {

    border-right:#544234 1px solid;
    border-left: #544234 1px solid;
    vertical-align: middle;
}

.preistabelle table th h2 {
    font-family: chunkfive_romanregular;
    font-size: 1.4em;
    text-align: center;

}

.preistabelle table th h1 {
    background: none repeat scroll 0 0 transparent;
    margin: 0 !important;
    width: auto;
    text-align: left;
}

.preistabelle table td:first-child{
    text-align: left;
    padding-left: 20px;
    border:none;
}

.contenttable th h1{
    padding-left:20px;
}

#ciwillkommen {
    margin-top:-367px;
    padding-bottom:200px;
    min-height:750px;
}

#uid-8 #ciwillkommen {
	padding-bottom: 0px;
}

#ciwillkommen h1 {
    margin-left:-120px;
}

#cikulinarium {
     top:170px;
     left:-80px;
     padding-bottom: 140px;
}

#uid-7 #ckulinarium {
	padding-bottom:0;
}

#uid-7 #ckulinarium .contentbg {
	height:130%;
}

#cileistungen {
    left: 0;
    width:700px;
}

    #cileistungen .csc-textpic-text {
	margin-top:38px;
    }

.contentbg {
    background:url(../images/contentbg.jpg) #FEF8EA;
    position: absolute;
    top:0;
    width:115%;
    height:100%;
    left:-4.5%;
    z-index:-3;
}

.page-lines-left {
    background:url(../images/bg-lines-gerade.png) repeat-y;
    background-position: 40% 0px;
    width:100%;
    height:100%;
    left:0;
    position: absolute;
    z-index: -1;
    margin-top:-5px;
}

.seminarwrap .page-lines-left {
    margin-top:1px;
}

.lines-left-trenner {
    background:url(../images/bg-line-left-double.png) repeat-x; 
    width:105%;
    height:41px;
    left:-5%;
    margin-top:115px;
    position: absolute;
    z-index: -1;
}

.line-left-single {
    background:url(../images/bg-line-left-single.png) repeat-x; 
    width:105%;
    height:25px;
    left:-5%;
    margin-top:20px;
    position: absolute;
    z-index: -1;
}

.lines-left .contentinner {
    left:-3.5%;
}

.gr-element-left {
    position: absolute;
    z-index:2;
    bottom:190px;
    width:83px;
    height: 325px;
    left:0px;
}

.gr-element-right {
    position: absolute;
    z-index:2;
    top:120px;
    right:0px;
    height: 325px;
    width:70px;
}

#cleistungen .gr-element-right {
    top:250px;
}

#cleistungen .gr-element-left {
    width:100px;
}

.gr-element-right.eckig {
    background:url(../images/gr-element-eckig-right.png) no-repeat;
}

.gr-element-left.eckig {
    background:url(../images/gr-element-eckig-left.png) no-repeat;
}

.gr-element-right.rund {
    background:url(../images/gr-element-rund-right.png) no-repeat;
}

.gr-element-left.rund {
    background:url(../images/gr-element-rund-left.png) no-repeat;
}

#onlinebooking {
    background:url(../images/booking-circle.png) no-repeat;
    width:165px;
    height:165px;
    position: absolute;
    top:-175px;
    left:-50px;
    display: block;
}

.onlinebookingmini {
    background: none repeat scroll 0 0 #402E24;
    color: #FFFFFF !important;
    margin-top: 30px;
    padding: 5px 10px;
    float: right;
}

.pauschalen-item .onlinebookingmini {
    font-size: 17px;
    margin-left: 20px;
    float: none;
}


#onlinebooking a {
    color: #FFFFFF;
    display: block;
    font-family: chunkfive_romanregular;
    font-size: 1.7em;
    line-height: 1.1;
    margin-left: 30px;
    margin-top: 46px;
    text-shadow: 0 0 5px #000000;
    
}

#onlinebooking a:hover {
  color:#FEF8EA;
      text-shadow: 0 0 5px #A6927B;
}

#pkulinarium {
    z-index: 1;
}

#pleistungen {
    background-position: 56% 0;
    margin-top:0;
}

#cwillkommen {
    padding-bottom: 130px;
}

#cwillkommen .first {
    margin-top:-45px;
}

#ckulinarium {
    padding-bottom: 244px;
}

#ckulinarium .line-left-single {
    margin-top:150px;
}

#cikulinarium .contenttext {
    float:left;
}

#cikulinarium h1 {
    margin-left: -130px;
}

#cikulinarium .bilder {
    float:right;
}

#cleistungen {
    height:1572px;
}

#cileistungen {
    height:1273px;
}

#cileistungen #c11 { 
    margin-bottom: 64px;
    margin-left: -24px;
    margin-top: 32px;
    width: 830px;

}

#c11 .csc-textpic-text, #c12 .csc-textpic-text {
    margin-top:3px;
}

#cileistungen #c9 {
    margin-left: -61px;
    margin-top: 35px;
    width: 870px;
}

#cileistungen #c12 {
    margin-left: -29px;
    width: 887px;
} 

#cileistungen #c48 {
    margin-left: 20px;
    width: 807px;
} 

#cileistungen #c11 .csc-textpic-imagewrap {
    margin-left: 10px;
    margin-right:0;
    margin-top:30px;
}

#cileistungen #c48 .csc-textpic-imagewrap {
    margin-left: 10px;
    margin-right:0;
    margin-top:50px;
}

#canreise {
    margin-top:-94px;
    min-height:600px;
}

#canreise .contentbg {
	height:150%;
}

.zu-den-aktivit a{
    float: right;
    font-family: chunkfive_romanregular;
    font-size: 18px;
    padding: 10px;
    padding-right:70px;
    background:url(../images/aktivitpfeil.png) no-repeat right;
}

.zu-den-aktivit {
    left: 140px;
    position: relative;
    top: 30px;
}

/* TRENNER H1 */


.first h1 {
    margin-left:-30px;
}

.second h1 {
    margin-left:13px;
}

.third h1 {
    margin-left:173px;
}

#footerbottom {
    height: 374px;
    left: -2.5%;
    margin-top: ;
    position: relative;
    width: 105%;
    z-index: 50;
    overflow: hidden;
}

#footerbottombg {
    background: none repeat scroll 0 0 #402E24;
    height: 417px;
    position: absolute;
    top: 96px;
    left:0;
    width: 100%;
}

#footerbottominner {
    background: none repeat scroll 0 0;
    margin: auto;
    position: relative;
    top: 140px;
    width: 980px;
    z-index: 340;
    color:#fff;
    line-height:1.4;
    font-size: 0.9em;
}

#footerbottominner a{
    color:#D9C5A0;
}

#footerbottominner a:hover{
    color:#fff;
}


#footerbottominner #nachoben {
    float:right;
    background:url(../images/nach-oben-footer.png) no-repeat top center;
    display: block;
    height: 33px;
    padding-top: 63px;
    text-align: center;
    width: 100px;
    margin-right:26px;
    overflow: hidden;
    margin-top:40px;
    color:#fff;
}

#footerbottominner a#nachoben:hover {
    background-position: 50% -103px;
    color:#D9C5A0;
}

#adresse {
    float:right;
    
}

#kontaktform iframe {
    width:100%;
    height:80%;
    border:none;

}

#kontaktform {
    height: 100%;
    margin: auto;
    width: 980px;
}

/* GMAP */

#cianreise .contenttext {
    float:left;
    width:370px;
}

.gmap {
    float: right;
    position: relative;
    top: 20px;
 
}

.gmapbg {
        background:url(../images/maps-bg.png) no-repeat center;
	width: 550px;
	height:425px;
	position: absolute;
	left: -43px;
	top: -47px;
}



#map_canvas {
    width:450px;
    height:325px;
}

#map_canvas h1 {
    background:none;
    width:auto;
    font-size:17px;
    color:#000;
    text-align: left;
    margin:0;
    margin-bottom:10px;
    text-shadow: none;
    line-height: 1;
}

.gmap form {
   left: 10px;
    position: relative;
    top: 11px;
}

input#start {
    background: none repeat scroll 0 0 #735F4D;
    border: medium none;
    color: #FFFFFF;
    margin-left: -13px;
    padding: 5px;
    font-family: nobile;
}

#berechnen {
    background: none repeat scroll 0 0 #402E24;
    border: medium none;
    color: #fff;
    font-family: chunkfive_romanregular;
    font-size:1.6em;
    margin-left: 20px;
    padding: 5px 20px;
    cursor: pointer;
}

#berechnen:hover {
    text-shadow: 0px 0px 3px 0px #333;
}

#directionsPanel {
	margin-top:80px;
}

.news-complete {
    display: none;
}

.news-beitrag h1 {
    background:url(../images/news-trigger.png) no-repeat;
    background-position: 100% -2px;
    width:auto;
    font-size:17px;
    color:#000;
    text-align: left;
    margin:0;
    margin-bottom:5px;
    margin-top:10px;
    text-shadow: none;
    line-height: 1;
    width:auto;
    padding-right:30px;
}

.news-teaser {
    margin-top: 15px;
}

.news-more {

    float: left;
    height: 23px;
    margin-left: 12px;
    margin-top: 15px;
    width: 21px;
    cursor: pointer;
}

.news-more.open {
   background-position: 100% -22px;
}

.news-teaser{
    float: left;
}

#wslbox {
    height: 100%;
    left: 0;
    display: none;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
}

#wslboxoverlay {
    position: absolute;
    height:100%;
    width:100%;
    background:url(../images/ws-lbox-overlay.png);
    z-index: 200;
}

#wslboxinner {
    height: 350px;
    left: -2.5%;
    position: absolute;
    top: 50%;
    width: 105%;
    margin-top: -175px;
    z-index: 400;
}

#wslboxbg {
    background:#735f4d;
    width:100%;
    height:100%;
    position: absolute;
}

#wslboxcontent {
    width:680px;
    margin:auto;
    position: relative;
}

.clbox {
    color:#fff;
    display:none;
}

.clbox a {
    color:#fff;
    text-decoration: underline;
}

#wslboxkontakt {
    font-size: 1.3em;
    line-height: 1.5;
    margin-top: 40px;
}

#wslboximpressum {
    line-height: 1.3;
    font-size:0.9em;
    margin-top: 40px;
    height: 260px;
    padding-right:20px;
    overflow: auto;
}

#wslboximpressum #c17 {
    padding-top:20px;
}

#wslboximpressum ul li {
    margin-left:30px;
    list-style-type:disc;
}

#wslboximpressum ul {
    margin-bottom: 10px;
}

.closebtn {
    background:url(../images/close-btn.png) no-repeat;
    position: absolute;
    top:-79px;
    right:0;
    height:30px;
    cursor: pointer;
    width:30px;
}

.wslbox-link {
    cursor: pointer;
}

#pleistungen {
    margin-top: -120px;
    height: 115%;
}
    
#cleistungen {
    margin-top:-100px;
}

#thirdflex .flexslider .slides img {
    min-width: 1800px;
}






/* ZIMMER UNTERSEITE */


#uid-7 #cikulinarium .csc-textpic-imagewrap img {
     border-radius: 50% 50% 50% 50%;
     overflow:hidden;
     
     border: 1px solid #402E24;
     -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out; 
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-box-shadow: 0px 0px 3px 0px #333;
    box-shadow: 0px 0px 3px 0px #333;
}

.csstransforms #uid-7 #cikulinarium .csc-textpic-imagewrap img:hover {
    -moz-transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
    -o-transform: rotate(20deg);
      box-shadow: 0px 0px 10px 0px #333;
}

#uid-7 #cikulinarium .csc-textpic-imagewrap  {
    padding:15px;
}

#uid-7 #cikulinarium .bilder {
    position: absolute;
    right: 0;
    width: 375px;
}

#uid-7 #cikulinarium .contenttext {
    width:505px;
}

#uid-7 #cikulinarium {
    left:-56px;
}

#uid-7 #pkulinarium {
    height:110%;
}

#cpauschalen {
    margin-top:-92px;
    color:#fff;
    min-height: 400px;
}

#cpauschalen .contenttext {
    float: none;
    width:100%;
}

#cpauschalen .contentinner {
    width:980px;
    left:-50px;
}

#cpauschalen .contentbg {
    background:#7e6855;
	height:142%;
}

#cpauschalen h1 {
    background:none;
    width:auto;
    color:#fff;
    text-align: left;
}

.pslider-pic {
    float: right;
    margin-top: 93px;
}

.pslider-pic img {
     border-radius: 50% 50% 50% 50%;
     overflow:hidden;
     border: 1px solid #402E24;
     -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out; 
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-box-shadow: 0px 0px 3px 0px #333;
    box-shadow: 0px 0px 3px 0px #333;

}

.pslider-preis {
    font-family: chunkfive_romanregular;
    font-size:25px;
    position: relative;
}

.pslider-preis span {
    font-size:35px;
}

.pauschalen-list-container {
    position: relative;
    width: 9999px;
}

.pauschalen-item {
    float: left;
    width: 980px;
}

.pauschalen-item .facts {
    margin:auto;
    width: 700px;
}

#c27 {
    overflow:hidden;
    position:relative;
}

.prevs {
    position: absolute;
    left:0;
    z-index: 2000;
    cursor: pointer;
    width:75px;
    height:120px;
    top:35%;
    background:url(../images/tab-pfeillinks.png) no-repeat left top;
}

.nexts {
    position: absolute;
    right:-12px;
    width:75px;
    height:120px;
    top:35%;
    background:url(../images/tab-pfeilrechts.png) no-repeat left top;
    z-index: 2000;
    cursor: pointer;
}

.nexts:hover, .prevs:hover {
   opacity: 0.5;
}




/* AKTIVITÄTEN */

#uid-8 .gr-element-left {
    top: 440px;
}

#uid-8 .contentbg {
    left:-150px;
    background-position: 0 0;
    height:303px;
}
#uid-8 .contentbg2 {
    background:url("../images/contentbg.jpg") repeat scroll 0 0 transparent;
    left: -3.5%;
    position: absolute;
    width: 115%;
    z-index: -3;
    height:110%;
    top:107px;
}

.wsisotope {
    margin-left:50px;
}


#ciwillkommen .wsisotope h1 {
    margin:0px auto 10px;
}

.wsisotope #c45{
    margin-top:20px;
    margin-bottom:50px;
}

.seminar {
    margin: auto;
    padding-left: 20px;
    width: 790px;
    float:none;
    margin-bottom:100px;
}

#ciwillkommen .seminar h1 {
    background:url(../images/h1-bg-big.png) no-repeat;
     width: 1121px;
     margin-left: -190px;
}


/* JQUERY UI */


#tabmenu {
    width:100%;
    position: relative;
    z-index: 25;
}


ul.ui-tabs-nav {
    height: 50px;
    margin: auto;
    position: relative;
    top:-39px;
    width:660px;
    font-family: chunkfive_romanregular;
}

li.ui-state-default {
    float: left;
    font-size: 1.5em;
    line-height: 38px;
    margin-right: 25px;
    background:#402e24;
    text-align: center;
    width: 138px;
}

#tabmenu .ui-tabs-nav li a {
    color: #fff;
    text-decoration: none;
}

li.ui-state-active {
    background:url(../images/tabsmenu-li-active.png) no-repeat center;
    padding-bottom:12px;
}

#tabmenu DIV.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
    padding:104px 42px;
    margin-top:-50px;
    background:url(../images/seminar-img-bg.png) no-repeat center;
}

#tabmenu .csc-textpic-text img {
    margin:10px;
}

#tabmenu .csc-textpic-text  {
    margin-left:36px;
}

.raum {
    margin-top:5px;
    min-height:470px;
}

.ausstattung {
    float: left;
    margin-right: 11%;
    width: 41%;
}

.ausstattung-right {
    float: left;
    margin-right: 0%;
    width: 41%;
}

.seminarwrap #cwillkommen {
       padding-bottom: 99px;
}

.seminarwrap .contentbg {
   left: -8.5%;
}

.seminarwrap #canreise {
    margin-top: -101px;
}

#referenzen {
    font-size: 16px;
    font-style: italic;
    line-height: 1.9;
    text-align: center;
}

/* ============================ MEDIA QUERIES ============================= */
@media only screen and (max-width: 1680px) { 
    #pkulinarium {
	background-position: 33% center;
    }
}

@media only screen and (max-width: 1550px) { 
    .page-lines-left {
	background-position: 40%;
    }


}

@media only screen and (max-width: 1280px) {
    .flexsliderwrap img {
	margin-top:-35%;
	min-width: 1350px;
    }
    
    .flexsliderwrap {
	height: 750px;
    }
    
    .contentbg {
	left:-5.5%;
    }
    
    #ciwillkommen {
	left: -7px;
    }
    
    
    .lines-left-trenner {
	left: -10px;
    }
    
    .lines-left-trenner h1 {
	margin-left: 20px;
    }
    
    #secondflex {
	height: 440px !important;
    }
    
    #cikulinarium {
	left:0px !important;
    }
    
    
    #cileistungen {
	top:50px;
	left:0;
    }
    
    
    #cileistungen #c9, #cileistungen #c12, #cileistungen #c11 {
	margin-left:0;
    }
    

    
    #pleistungen {
	background-position: 93% 0;
    }
    
    .page-lines-left {
	margin-top:0;
    }
    
    #canreise {
       margin-top: -104px;
    }
    
    .third h1 {
	margin-left: 123px !important;
    }
    
    
    .flex-direction-nav {
	top:0px !important;
    }
    
    .onlinebookingmini {
	bottom:40px;
	right:10px;
    }
        

}

@media only screen and (max-width: 1024px) {
    .flexsliderwrap img {
	margin-top:-40%;
	min-width: 1150px;
    }
    
    #topwrap {
	top:-172px;
    }
    
    #logo {
	right:34px;
    }
    
    ul#main_nav .m2 ul {
	margin-left: -33px;
	width:125px;
    }
    
    ul#main_nav .m7 ul {
	margin-left: -33px;
	width: 228px;
    }
    
    #menuinner ul li {
	padding:0 33px;
    }
    
    #onlinebooking {
	top:-134px;
    }
    
    .third h1 {
	margin-left:20px !important;
    }
    
    .rotate5deg {
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
    }
    
    .rotatem5deg {
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
    }
    
    .flexsliderwrap {
	height: 686px;
    }
    
    .contentbg {
	left:-5.5%;
    }
    
    #ciwillkommen {
	left: 28px;
    }
    
    .gr-element-left, .gr-element-right {
	display:none;
    }
    
    .lines-left-trenner {
	left: -10px;
    }
    
    .lines-left-trenner h1 {
	margin-left: 20px;
    }
    
    .page-lines-left {
	display: none;
    }
    
    #secondflex {
	height: 440px !important;
	background:url(../../../uploads/tx_flexslider/kulinarisches-01.jpg) no-repeat center;
    }
    
    #thirdflex {
	background:url(../../../uploads/tx_flexslider/leistungen.jpg) no-repeat center;
    }
    
     #uid-7 #cikulinarium, #cikulinarium {
	left:0px;
    }
    
    #cileistungen {
	top:50px;
	left:-70px;
    }
    
    #cileistungen #c9, #cileistungen #c12, #cileistungen #c11, #cileistungen #c48 {
	margin-left:0;
    }
    
     #pleistungen {
	background-position: -83% 0;
    }
    
    .closebtn {
	top:-54px;
    }
    
    .flex-direction-nav {
	transform: none !important;
	top:10%;
	transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-webkit-transform: rotate(0deg) !important;
	-o-transform: rotate(0deg);
    }
    
    .nexts {
	right:15px;
    }
    
    .prevs {
	left:15px;
    }
    
    #cpauschalen .contenttext{
	padding:0;
    }
    
    #cpauschalen .contentinner {
     left:0px;
    }
    
    #kontaktmenu {
	right: 320px;
    }
    
    #footerbottominner {
	right:30px;
    }
	
	ul#main_nav  ul {
		margin-left: -33px !important;
	}
	ul#main_nav .m8 ul {
		width:195px;
	}
	
	.en ul#main_nav .m8 ul {
		width:171px;
	}
	
	ul#main_nav .m7 ul {
		width:227px;
	}
	
	.en ul#main_nav .m7 ul {
		width:215px;
	}


    
}

@media only screen and (max-height: 950px) {
    .flexsliderwrap {
	height:790px;
    }
    
}


@media only screen and (max-height: 895px) {
    .flexsliderwrap {
	height:760px;
    }
       .flex-direction-nav {
	top:0% !important;
    }
    
}

@media only screen and (max-height: 825px) {
    .flexsliderwrap {
	height:760px;
    }
    
    
}

@media only screen and (max-height: 725px) and (max-width: 1024px) {
    .flexsliderwrap {
	height:660px;
    }
    
}

@media only screen and (max-device-width: 768px) { 
    #wsmobilekontakt {
	display:block;
	background: none repeat scroll 0 0 #735F4D;
	color:#fff;
	bottom: 0px;
	height: 152px;
	position: fixed;
	width: 100%;
	z-index: 10000;
    }
    
    #closemobile {
	font-size: 4em;
	position: absolute;
	right:50px;
	font-weight: bold;
	top:30px;
    }
    
    .wsmlink {
	margin-right: 20px;
	float: left;
	display:block;
	margin-top:-102px;
    }
    
    .wsmlink img {
	height: auto;
	width:100%;
    }
    
    #mobilekontaktinner {
	width: 568px;
	margin:auto;
    }
}



.JS_Cookiebar {
    background: #000;
    color: #FFF;
    text-align: center;
    opacity: 0.8;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 100000;
    position: fixed;
    display: none;
    padding: 20px;
    margin: 0;
}
.JS_Cookiebar a{
    text-decoration: underline;
}
.JS_Cookiebar .btn-danger {
    text-decoration: none;
}
.JS_Cookiebar .btn-danger:hover{
    color: #FFF;
}
.JS_Cookiebar a:hover{
    color: #5cb85c;
    text-decoration: none;
}
.JS_Cookiebar .btn {
    padding: 1px 10px;
    margin-left: 10px;
}



.JS_Cookiebar .wslbox-link {
    color: #fff;
}