@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:#e3cfa1 url(../images_layout/bg.jpg) no-repeat center top;text-align:center;padding-top:20px;}
#kontimp{width:990px;margin:0 auto;text-align:right;padding-right:10px;font-size:0.9166em;}
#page_wrap{background:url(../images_layout/bg2.png) repeat-y center;}
#page_margins{width:1000px;margin:0 auto;border:0;text-align:left;}
#page{background:transparent;}
#header{height:482px;background:url(../images_layout/header.jpg) no-repeat;}
#logo_oberstdorf{position:absolute;margin:10px 0 0 839px;}
#main{background:#a00f00;}

#footer_margins{width:100%;background:url(../images_layout/bg_footer.gif) no-repeat center top;}
#footer{width:1000px;margin:0 auto;padding:20px 0 8px;text-align:left;}
#footer div.werbewind{float:right;margin:0;}
#footer div.werbewind a{text-transform:uppercase;}

#col1{width:250px;}
#col1_content{padding:24px 25px 0 33px;color:#fff;}
#col1 h3{color:#f5e6c6;text-transform:uppercase;font-weight:normal;margin-bottom:0.5em;}
#col3{margin:0 0 0 250px; padding-top:24px;background:#f5e6c6 url(../images_layout/bg_content.png) no-repeat 24px 73px;}
#col3_content{padding:0 25px; }

#bergbahnbox{margin-top:45px;}
#bergbahnbox img{float:left; margin:7px 8px 0 0;}
#bergbahnbox p{overflow:hidden;line-height:1.2em;margin-bottom:1.5em;}

body.anfahrt #col3{background-image:none;}
body.wohnen-und-preise #col3_content{padding-right:0;padding-bottom:40px;}
body.wohnen-und-preise .inner{padding-right:25px;}
body.wohnen-und-preise .inner.whg{padding-right:0;margin-top:35px;}

.inner{padding:0 45px;}

.inner.whg .thumbs{width:239px;padding-left:24px;background:url(../images/streifen_bilder.jpg) no-repeat center 15px;float:right;}
.inner.whg .thumbs a.a{display:inline-block;overflow:hidden;margin:10px 10px 0 0;-moz-box-shadow:4px 4px 4px rgba(0,0,0,0.5);-webkit-box-shadow:4px 4px 4px rgba(0,0,0,0.5);box-shadow:4px 4px 4px rgba(0,0,0,0.5); }
.inner.whg .thumbs a.a:hover,.inner.whg .thumbs a.a.onCurrent{border:2px solid #ffb44e;}
.inner.whg .thumbs a.a:hover img,.inner.whg .thumbs a.a.onCurrent img{margin:-2px;}
.inner.whg .thumbs .bottom{margin-top:93px;}
.inner.whg .thumbs img.dummy{margin-bottom:-7px;}
.inner p.klicken{padding-left:0;}

#pic,#pic2{-moz-box-shadow:6px 6px 6px rgba(0,0,0,0.5);-webkit-box-shadow:6px 6px 6px rgba(0,0,0,0.5);box-shadow:6px 6px 6px rgba(0,0,0,0.5);}

p.klicken{font-size:0.8333em;padding-left:25px;margin:0;}
#gallery{background:url(../images_layout/streifen.png) repeat-y;padding:9px 25px 14px;margin-bottom:25px;}
#gallery a{margin-right:10px;overflow:hidden;display:inline-block;}
#gallery a:hover{border:2px solid #ffb44e;}
#gallery a:hover img{margin:-2px;}
#gallery a{-moz-box-shadow:4px 4px 4px rgba(0,0,0,0.5);-webkit-box-shadow:4px 4px 4px rgba(0,0,0,0.5);box-shadow:4px 4px 4px rgba(0,0,0,0.5);}

#logo{margin-left:9px;}
#navi{width:250px;padding-top:13px;}
#navi ul{margin:0;padding:5px 25px 0;list-style-type:none;}
#navi ul li{line-height:39px;margin:0;border-bottom:1px solid #fff;}
#navi ul li:first-child{border-top:1px solid #fff;}
#navi ul li a{text-decoration:none;display:block;padding:0 0 0 15px;font-size:1.166em;color:#a00f00;text-transform:uppercase;font-weight:bold;}
#navi ul li a:focus,#navi ul li a:hover,#navi ul li a:active{text-decoration:none;background:#ffb44e;}
#navi ul li.current a{background:#ffb44e;color:#fff;}

table.preise{width:100%;}
table.preise td{background:#ffb44e;color:#fff;text-align:center;vertical-align:middle;font-weight:bold;padding:10px 0;border:1px solid #f5e6c6;}
table.preise td strong{font-size:1.333em;display:block;}
table.preise tr.head td{background:#a00f00;}
table.preise tr.light td{background:#ffc77a;}
table.preise tr.head td.saison{background:#ffb44e;font-size:2em;}
table.preise td.normal{font-weight:normal;}

html body{font-family:Arial,Helvetica,sans-serif;font-size:0.75em;color:#78694b;}
h1,h2,h3,h4{color:#ffb44e;margin:0 0 1em 0;font-weight:bold;}
html *{font-size:100.01%;}
h1{font-size:1.5em;}
h2{font-size:1.333em;color:#cd4022;}
h3{font-size:1.166em;}
h4{font-size:1em;}
p{line-height:1.5em;margin:0 0 1em;}
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;}
br.spacer{line-height:0.5em;}
.error{background:#fcc;color:red;border:1px dotted red;padding:8px;font-weight:bold;font-size:1.1666em;}

.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;-moz-box-shadow:4px 4px 4px rgba(0,0,0,0.5);-webkit-box-shadow:4px 4px 4px rgba(0,0,0,0.5);box-shadow:4px 4px 4px rgba(0,0,0,0.5);}
.listheading,.no-margin{margin:0;}

a{color:#78694b;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;}

button, a.button,#event .back a{background:#cd4022;color:#f5e6c6;text-decoration:none;padding:3px 7px;border:1px solid #f5e6c6;font-family:Arial,Helvetica,sans-serif;cursor:pointer;}
button:hover, a.button:hover{background:#f0e0be;color:#cd4022;}

.thumbs button,.thumbs a.button{background:#e3cfa1;color:#cd4022;border-color:#cd4022;}
.thumbs button:hover,.thumbs a.button:hover,#kontakt button:hover,#kontakt a.button:hover{background:#cd4022;color:#f5e6c6;}

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

#kontakt #kkcaptcha,#newsletter #kkcaptcha{width:70px;height:32px;font-size:24px;font-weight:bold;}

#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(../images_layout/cal01.gif) no-repeat 74px center;cursor:pointer;}

table.impressum{width:100%;margin-bottom:15px;}
table.impressum td{padding:1px 0;}
table.impressum td:first-child{width:39%;}

#col3_content table.detail-navi{width:100%;margin-bottom:30px;}
#col3_content table.detail-navi td{vertical-align:middle;height:19px;text-align:center;width:33.333333%;}
#col3_content table.detail-navi td.left{text-align:left;}
#col3_content table.detail-navi td.right{text-align:right;}

img.onClick{cursor:pointer;}

#ui-datepicker-div{display:none;}
#ui-datepicker-div .ui-datepicker-header{background:#cd4022;color:#f5e6c6;}
#ui-datepicker-div a.ui-state-default{background:#f5e6c6;}
#ui-datepicker-div a.ui-state-active{background:#cd4022;color:#f5e6c6;}

#schnellanfrage{margin-bottom:45px;}
#schnellanfrage table{width:150px;margin:0;}
#schnellanfrage table td{text-align:right;}
#schnellanfrage table td:first-child{text-align:left;}
#schnellanfrage input{width:90px;background:#fff url(../images_layout/cal01.gif) no-repeat right center;cursor:pointer;border:1px solid #fff;padding:1px 0 2px;}
#schnellanfrage select{background:#fff;border:0;width:45px;}
#oberstdorf1 p{margin-left:255px;}
}
@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;}}