@charset "UTF-8";
/* "Yet Another Multicolumn Layout" v 3.2 (c) by Dirk Jesse (http://www.yaml.de)
* $Revision: 430 $ $Date: 2009-10-27 21:15:57 +0100 (Di, 27. Okt 2009) $ */
@media all{*{margin:0;padding:0}option{padding-left:0.4em}select{padding:1px}* html body *{overflow:visible}* html iframe{overflow:auto}body{font-size:100.01%;background:#fff;color:#000;text-align:left}div{outline:0 none}fieldset,img{border:0 solid}ul,ol,dl{margin:0 0 1em 1em}li{line-height:1.5em;margin-left:0.8em}dt{font-weight:bold}dd{margin:0 0 1em 0.8em}blockquote{margin:0 0 1em 0.8em}blockquote:before,blockquote:after,q:before,q:after{content:""}.clearfix:after{clear:both;content:".";display:block;font-size:0;height:0;visibility:hidden}.clearfix{display:block}.floatbox{overflow:hidden}#ie_clearing{display:none}.skip,.hideme,.print{position:absolute;top:-32768px;left:-32768px}.skip:focus,.skip:active{position:static;top:0;left:0}#skiplinks{position:absolute;top:0px;left:-32768px;z-index:1000;width:100%;margin:0;padding:0;list-style-type:none}#skiplinks a.skip:focus,#skiplinks a.skip:active{left:32768px;outline:0 none;position:absolute;width:100%}}
@media screen,projection{#header{position:relative}#header,#main,#footer{clear:both}#col1{float:left;}#col2{float:right;}#col3{width:auto;}#col1_content,#col2_content,#col3_content{position:relative}.subcolumns{width:100%;overflow:hidden}.c20l,.c25l,.c33l,.c40l,.c38l,.c50l,.c60l,.c62l,.c66l,.c75l,.c80l{float:left}.c20r,.c25r,.c33r,.c40r,.c38r,.c50r,.c60r,.c66r,.c62r,.c75r,.c80r{float:right;margin-left:-5px}.c20l,.c20r{width:20%}.c40l,.c40r{width:40%}.c60l,.c60r{width:60%}.c80l,.c80r{width:80%}.c25l,.c25r{width:25%}.c33l,.c33r{width:33.333%}.c50l,.c50r{width:50%}.c66l,.c66r{width:66.666%}.c75l,.c75r{width:75%}.c38l,.c38r{width:38.2%}.c62l,.c62r{width:61.8%}.subc{padding:0 0.5em}.subcl{padding:0 1em 0 0}.subcr{padding:0 0 0 1em}.equalize,.equalize .subcolumns{overflow:visible;display:table;table-layout:fixed}.equalize >div{display:table-cell;float:none;margin:0;overflow:hidden;vertical-align:top}}
@media print{.subcolumns >div,.floatbox{display:table;overflow:visible}.print{position:static;left:0}.noprint{display:none !important}}
@media all
{
body{background:#000 url(../images_layout/bgd_body.jpg);text-align:center;}
#page_margins{width:1000px;margin:0 auto;border:0;text-align:left; padding-top:42px;}
#page{background:transparent;}
#header{height:721px;background:#473728;}
#header_top{height:141px;}
#logo{float:left;}
#logo_obst{position:absolute;margin:480px 0 0 833px;z-index:55;}
#header_top a.button{float:right;font-size:0.8333em;margin:3px 0 0 8px;line-height:1.2em;}
#header_top #kontimp{float:right;border-left:1px solid #fff;padding-left:5px;color:#fff;margin:18px 32px 0 0;line-height:1.45em;}
#main{background:#fff;}

#footer_margins{width:100%;}
#footer{width:1000px;margin:0 auto;text-align:left;background:#000}
#footer #boxes{padding:0 0 0 35px;}
#footer #boxes .box{float:left;border:2px solid #fbdc93;width:220px;margin:-33px 11px 8px 0;position:relative;}
#footer #boxes .box h3{background:#473728;color:#fbdc93;font-weight:normal;margin:0; padding:0 0 0 14px;line-height:31px; font-size:1em;}
#footer #boxes .box p.text{position:absolute;bottom:20px;width:220px;margin:0;overflow:hidden;}
#footer #boxes .box a.pfeil{display:block;position:absolute;bottom:0;width:100%;line-height:20px;color:#473728;text-align:right;
background-color:rgb(255,255,255);/* weisser Hintergrund fuer alle alten Browser */
background-color:rgba(255,255,255,.72);/* Halbtransparenz fuer FF 3+, Safari und Opera 10 */
background-color:transparent\9;/* zuruecksetzen der Hintergrundfarbe fuer IE 8 */
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B8FFFFFF,endColorstr=#B8FFFFFF);/* Filter fuer Halbtransparenz im IE 8 */
zoom:1;/* hasLayout fuer IE 6 */
text-decoration:none; text-transform:uppercase; font-size:0.9166em}
#footer #boxes .box a.pfeil span{padding-right:25px;  background-image:url(../images_layout/pfeil_box.png); background-repeat:no-repeat; background-position:right center;} 
#footer #boxes .box p.text span{display:block;position:relative;
background-color:rgb(255,255,255);/* weisser Hintergrund fuer alle alten Browser */
background-color:rgba(255,255,255,.72);/* Halbtransparenz fuer FF 3+, Safari und Opera 10 */
background-color:transparent\9;/* zuruecksetzen der Hintergrundfarbe fuer IE 8 */
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B8FFFFFF,endColorstr=#B8FFFFFF);/* Filter fuer Halbtransparenz im IE 8 */
zoom:1;/* hasLayout fuer IE 6 */
padding:8px 8px 0;}
#footer #boxes .box .wrap{height:155px;position:absolute;width:220px;background:url(../images_layout/wrap_box_bgd.png);}

#footer #wetterbox{border-top:5px solid #fff;clear:both;padding:0 35px;color:#fff;}
#footer #wetterbox h2{color:#000;background:#fff;text-align:center;line-height:23px;width:63px;font-size:1em;float:left;}
#wetterbox_tab{float:right;margin-top:10px;}
#wetterbox_tab td{text-align:center;padding:0;}
#wetterbox_tab td.heute_bild img{height:60px;}
#wetterbox_tab td.heute{text-align:left;padding:0 8px 0 15px;}
#wetterbox_tab td.heute strong{display:block;font-size:1.166em;margin:5px 0 18px;}
#wetterbox_tab td.small{font-size:0.9166em;}
#wetterbox_tab td.small img.vorschau{margin:4px 0 0;height:36px;}
#wetterbox_tab td.mehr_wetter{vertical-align:bottom;text-align:right;padding:10px 13px 0 0;}
#wetterbox #social{float:right;border-left:1px solid #fff;padding:20px 0 22px 55px;margin:5px 0 0 45px;}
#wetterbox #social .facebook{width:175px;float:left;color:#fff;font-size:0.9133em;margin-right:17px;}
#wetterbox #social .facebook a{color:#fff;}
#wetterbox #social .facebook a.logo{float:left;margin-right:5px;}
#wetterbox #social .facebook span{text-transform:uppercase;font-size:1.0909em;}
#wetterbox #social .facebook br.spacer{line-height:1.1em;}
#wetterbox #social .facebook iframe{border:0;overflow:hidden;width:105px;height:19px;margin:0;display:inline; background:#000}
#wetterbox #holiday{float:right;border-left:1px solid #fff;padding:20px 0 0px 55px; margin:5px 0 0; text-align:right}

#impbox{color:#fff;clear:both;padding:15px 35px}
#impbox a{color:#fff;text-transform:uppercase;text-decoration:none;font-weight:bold;font-size:0.9166em;}
#impbox a:hover { text-decoration:underline}

#footer div.werbewind{float:right;margin:0;}

#col1{width:300px;}
#col1_content{padding:42px 0 0;}
#col3{margin:0 0 0 300px;}
#col3_content{padding:40px 0 71px 35px;width:665px;}
#col3_content .page_content{padding-right:35px;}
#col3_content .page_content > .c50l, #col3_content .page_content > .c50r{padding-right:35px;width:280px;}
#col3_content .page_content p{line-height:1.25em;}
#col3_content .page_content p.red{text-transform:uppercase;text-align:right;padding:30px 20px 0 0; color:#690c07;clear:both;}
#col3_content .page_content a.button{border:1px solid #000;float:left;}

#navi{margin-left:280px;width:430px;padding-top:15px;}
#navi ul{margin:0;padding:0;list-style-type:none;width:50%;float:left;}
#navi ul li{line-height:22px;margin:0;}
#navi ul li a{text-decoration:none;display:block;padding:0 15px;color:#fbdc93;font-size:1.08333em;text-transform:uppercase;}
#navi ul li a:focus,#navi ul li a:hover,#navi ul li a:active{text-decoration:none;color:#fff;}
#navi ul li#current a{color:#fff;}

#navi ul li.bild ul { position:absolute; display:none; margin:-22px 0 0 134px; background:#473728; z-index:15; width:240px; border:1px solid #fff}
#navi ul li.bild ul li a { padding:0 5px }
#navi ul li.bild:hover ul { display:block}
#navi ul li.bild:hover > a { color:#fff}

#subnavi ul{margin:0;padding:0;list-style-type:none;}
#subnavi ul li{height:26px;margin:0;}
#subnavi ul li a{display:block;text-decoration:none;color:#000;width:177px;text-align:right;padding:6px 0 0;text-transform:uppercase;border-bottom:1px solid #fff;}
#subnavi ul li a:focus,#subnavi ul li a:hover,#subnavi ul li a:active{text-decoration:none;color:#a08769;}
#subnavi ul li.current a{color:#a08769;border-bottom-color:#a08769;}

#subnavi.anfahrt p { padding:0 0 0 35px; margin-top:225px}
#loc_1,#loc_2{position:absolute;width:200px;margin:430px 0 0 410px;background:#fff;color:#000;border:1px solid #000;padding:2px 7px;text-transform:uppercase;text-decoration:none;}
#loc_2{margin-top:460px;}
#loc_1:focus,#loc_2:focus{color:#a08769;}
#loc_text_1, #loc_text_2 { display:none}
#loc_text_1.visible, #loc_text_2.visible { display:block}

#sa_wrap{width:100%;margin-top:-30px;background:#a08769;position:absolute;z-index:30;height:30px;}
#schnellanfrage{height:30px;width:85%;}
#schnellanfrage td{vertical-align:middle;color:#fff;text-transform:uppercase;padding:0;}
#schnellanfrage td.label{text-align:right;padding-right:5px;}
#schnellanfrage td.anreise{padding-left:35px;width:50px;}
#schnellanfrage td.button{text-align:right;padding-right:35px;}
#schnellanfrage input{width:90px;height:17px;padding-left:3px;background:#fff url(../images_layout/cal01.gif) no-repeat right center;cursor:pointer; border:solid #fff;border-width:0 3px 0 0;}
#schnellanfrage select{border:0;height:17px;}
#schnellanfrage button{cursor:pointer;}

#ui-datepicker-div{display:none;}
#ui-datepicker-div .ui-datepicker-header{background:#a18867;color:#fbdc93}
#ui-datepicker-div a.ui-state-active{background:#a18867;color:#fbdc93; }
#ui-datepicker-div a.ui-state-hover{border-color:#fc8c28}

img.onClick{cursor:pointer;}

html *{font-size:100.01%;}
body{font-family:Arial,Helvetica,sans-serif;font-size:0.75em;color:#000;}
h1,h2,h3,h4{color:#690c07;margin:0 0 1em 0;font-weight:bold; text-transform:uppercase}
h1{font-size:1.833em; border-bottom:1px solid #b39f87; font-weight:normal; line-height:26px}
h2{font-size:1.333em;}
h3{font-size:1.166em;}
h4{font-size:1em;}
p{line-height:1.5em;margin:0 0 1em 0;}
ul,ol{line-height:1.5em;margin:0 0 1em 1em;}
li{margin-left:1.5em;line-height:1.5em;}
strong,b{font-weight:bold !important;}
em,i{font-style:italic;}

.float_left{float:left;display:inline;margin-right:1em;margin-bottom:0.15em;}
.float_right{float:right;display:inline;margin-left:1em;margin-bottom:0.15em;}
.center{text-align:center;margin:0.5em auto;}

table{width:auto;border-collapse:collapse;margin-bottom:0.5em;}
th,td{padding:2px;line-height:16px;vertical-align:top;}

img.content{margin-bottom:15px;}
.listheading{margin:0;}

a{color:#000;text-decoration:underline;}
a:focus,a:hover,a:active{color:#666;text-decoration:none;}
hr{color:#fff;background:transparent;margin:10px 0;padding:5px 0;border:0;border-bottom:1px solid #690c07;}

a.button,#event .back a,#redsys a[href^="kontakt.html?"]{background:#fff;text-transform:uppercase;color:#000;text-decoration:none;padding:0 3px;}
button{background:#fff;text-transform:uppercase;color:#000;border:0;padding:0 3px;font-family:Arial,Helvetica,sans-serif; cursor:pointer;}

#col3_content select{background:#fff;border:1px solid #690c07;padding:2px 1px}
#col3_content textarea{background:#FFF;border:1px solid #690c07;font-family:Arial,Helvetica,sans-serif;height:70px;padding:1px;}
#col3_content input[type="text"]{border:1px solid #690c07;background:#FFF;padding:3px 1px}

#col3_content button,#event .back a,#redsys a[href^="kontakt.html?"]{border:1px solid #690c07;}

#print_icon { display:none; background:#690c07; float:right; padding:12px; margin:-15px 7px 0 0; cursor:pointer}

iframe.tramino{width:630px;border:0;height:1300px}
iframe.tramino.appartements{height:750px}
iframe.tramino.belegung{height:550px;}

a.agb { font-weight:bold}
/* Linkmanagement */
#links-partner table.lm{width:100%;}
#links-partner div.lm-kat{background-color:yellow;padding:3px;border:1px solid #000;}
#links-partner div.lm-kat a{font-size:1.166em;}
#links-partner table.lm td{padding:0 0 5px;}
#links-partner table.lm-link td{padding:5px;}
#links-partner table.lm-link td.lm-linkurl div{margin-top:5px;}
#links-partner img.lm-bild{border:1px solid #000;}
/* Wetter */
#wetter{width:100%;}
#wetter table{width:100%}
#wetter td{padding:0;text-align:left;vertical-align:middle;}
#wetter td.bl{border-left:1px solid;}
#wetter td.bb{border-bottom:1px solid;}
#wetter td.wetter-header{font-size:0.9em;padding:1px;}
#wetter td.txt-header{vertical-align:top;font-size:1.5em;}
#wetter td.center{text-align:center;}
#wetter td.center *{text-align:center}
#wetter td.icon img{margin:10px auto 0}
#wetter td.wetter-header{color:#fff;background:#690c07;}
#wetter td.bl, #wetter td.bb{border-color:#690c07}
/* Captcha */
#kontakt #kkcaptcha,#newsletter #kkcaptcha{width:70px;height:32px;font-size:24px;font-weight:bold;}
/* Newsletter */
#newsletter label{display:block;padding:15px 0 0;}
#newsletter input{width:200px;}
#newsletter select{width:204px;}
#newsletter button{margin-top:55px}
#newsletter label[for="kkcaptcha"]{margin-bottom:10px}
/* Kontakt */
#kontakt .block{margin-top:10px;}
#kontakt .float_left{margin-right:20px;}
#kontakt label{display:block;padding:5px 0 0;}
#kontakt input{width:185px;margin:1px 0;}
#kontakt .telefon select{width:49px;}
#kontakt .telefon input{width:63px;}
#kontakt .cbs{margin:10px 0;}
#kontakt .cb{margin:10px 0 0;}
#kontakt .cb label{display:inline;}
#kontakt .cb input{width:1.5em;border:0;background:none;}
#kontakt .personen input{width:60px;}
#kontakt .personen select{width:50px;}
#kontakt select{width:189px;margin:1px 0;}
#kontakt textarea{width:394px;}
#kontakt .captcha img{float:left;margin:1px 4px 2px 0;}
#kontakt label.error{display:table-cell;background:red;color:#fff;padding:1px 4px;}
.cf-msg-1{color:red;font-weight:bold;}
.cf-msg-2{font-size:1.2727em;font-weight:bold;padding:5px 10px;text-align:center;border:1px solid #690c07;}
#kontakt .datum input{width:90px;background:#fff url(http://img.werbewind.com/calendar/cal01.gif) no-repeat 74px center;cursor:pointer;}
/* Impressum */
table.impressum{width:100%;margin:0 0 20px;}
table.impressum td:first-child{width:45%;}
/* Veranstaltugen */
#events{width:100%;}
#events .subcolumns{padding:0 0 8px;border-bottom:dotted 1px;margin-bottom:8px;}
#events img{float:left;padding:0 0 0 10px;border:0;width:18%;height:auto;}
#events h3{margin:0 0 0 21%;width:63%;padding:2px 2px 9px;border-right:1px solid;}
#events .teaser{margin-left:21%;width:63%;padding-right:4px;min-height:68px;border-right:1px solid;}
* html #events .teaser{height:68px;}
#events .info{width:13.5%;float:right;}
#events .info p{margin:0 0 0.8em;}
.events_navi{padding:8px 0;color:red;}
.events_navi *,.events_navi a{padding:0 4px;}
#event_form td{vertical-align:bottom;}
.event_keywords,.event_keywords *{}
.event_no_result{padding:10px;border:1px solid red;}
#events .subcolumns,#events h3,#events .teaser{border-color:#473728;}
#events h2{padding:5px;margin:0 0 8px 0;color:#fbdc93;background:#473728;border:1px solid #fbdc93;}
/* Veranstaltung */
#event{width:100%;}
#event h3{padding:5px 3px 3px;margin:0 0 10px;font-weight:normal;text-transform:none;color:inherit;}
#event_pic{width:250px;text-align:center;float:left; margin:0 1em 1em 0;}
#event_pic_img{border:1px solid;}
#event_pic_text{text-align:center;}
#event_thumbs{margin-bottom:10px;overflow:hidden;}
#event_thumbs img{float:left;margin:0 1em 1em 0;cursor:pointer;width:80px !important;height:auto !important;border:1px solid;}
#event_info .c50l{width:48.5%;border-right:1px solid; padding:0 1.4% 0 0;}
#event_info .c50r{width:48.5%;padding:0;}
#event_info .subcr,#event_info .subcl{padding:0;}
#events .cancelled,#event .cancelled{color:red;margin-bottom:5px;}
#event .soldout{color:red;font-weight:bold;}
#event_pic_img,#event_thumbs img,#event_info .c50l{border-color:#473728;}
#event h2{margin:10px 0 0;padding:5px; color:#fbdc93;background:#473728;border:1px solid #fbdc93;}
#event_info h4{padding:3px 3px 3px 5px; background:#473728;color:#fbdc93;border:1px solid #fbdc93;}
}
@media print{body{font-size:10pt;}h1,h2,h3,h4,h5,h6{page-break-after:avoid;}#col1{display:none;}#col2{display:none;}#col3,#col3_content{width:100%;margin:0;padding:0;border:0;}}