@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:#3f3939 url(../images_layout/bgd_top.jpg) no-repeat center top;text-align:center;}
#page_margins{width:1000px;margin:0 auto;border:0;text-align:left;}
#page{background:transparent; position:relative}
#header{height:363px; padding:77px 0 0;}
#logo { position:absolute; z-index:30; margin-top:4px }
#logo_allgaeu { position:absolute; z-index:30; right:22px; top:25px}
#wwStandardChanger {  border:solid #658954; border-width:1px 1px 0;}
#main{}

#footer_margins{width:100%;}
#footer{width:972px;margin:-10px auto 0;padding:0 0 0 28px;text-align:left;height:35px; color:#fff; position:relative; z-index:10}
#footer_content { background:#527c3e; font-size:0.833em; line-height:2.2em; text-transform:uppercase; padding:0 10px 0 15px}
#footer a { text-decoration:none; color:#fff}
#footer a:hover { text-decoration:underline}
#footer div.werbewind{float:right;margin:0; text-transform:none; font-size:1.0909em}
#footer div.werbewind a { color:#3f3939; text-decoration:underline}
#footer div.werbewind a:hover { text-decoration:none}

#col3{background:#847777 url(../images_layout/bgd_content.jpg) repeat-x top}
#col3_blume { background:url(../images_layout/bgd_content_top.jpg) no-repeat left top}
#col3_content{padding:58px 20px 15px; width:960px;}
#col3_content span.green { color:#aacb7f;}
#col3_content .subcolumns { margin-bottom:28px }

#navi_wrap { margin-top:326px; text-align:center;position:absolute; z-index:50;width:1000px;  background:url(../images_layout/bgd_navi.png); min-height:37px;}
#navi{  margin:0 auto; display:table}
#navi ul{margin:0;padding:0;list-style-type:none; display:table-row; }
#navi ul li{line-height:37px;margin:0; display:table-cell; font-size:1.333em; font-weight:bold; }
#navi ul li a{text-decoration:none;display:block;padding:0 15px;color:#d8d8d8}
#navi ul li a:focus,#navi ul li a:hover,#navi ul li a:active{text-decoration:none; background:url(../images_layout/bgd_navi_hover.png); color:#fff}
#navi ul li#current a { background:url(../images_layout/bgd_navi_hover.png); color:#fff}

#boxes { display:table; width:976px; border-spacing:4px 0; margin:5px 2px 18px 24px}
#boxes .row { display:table-row}
#boxes .box { display:table-cell; background:#3f3939; padding:10px 0 10px 20px; vertical-align:top}
#boxes .h2 { display:table-cell}
#boxes #newsbox { width:417px; padding-left:10px; padding-right:5px}
#boxes #newsbox p.title { margin-bottom:4px}
#boxes #schnellanfrage{ width:237px;padding:10px 0 10px 23px;}
#boxes p.more { margin-top:1em}
#boxes p.more a { font-size:1.1666em; text-transform:uppercase; font-weight:bold;}
#boxes p.more:before { content:"»"; font-size:1.5em}
#boxes #kontaktbox { width:246px}

#boxes br.spacer { line-height:0.5em}
#boxes p { margin:0; line-height:1.2em}

.h3 h3 { display:inline;}
.h3 h3.eins { padding-left:27px;}
.h3 h3.zwei { padding-left:113px;}
.h3 h3.drei { padding-left:444px;}



table.schnellanfrage{}
table.schnellanfrage td,table.freimeldungen td{ font-weight:bold}
#f_date_sa, #sa_uebernachtungen{background:#527c3e url(../images_layout/cal01.gif) no-repeat right center;cursor:pointer; border:0; padding:2px 0 3px 3px; width:113px; color:#fff}
#input_sa{cursor:pointer; color:#fff; font-size:1.1666em; font-weight:bold; text-transform:uppercase;border:0; line-height:1em; background:0; padding:0; font-family:Arial, Helvetica, sans-serif; text-decoration:underline; display:inline-block}
#input_sa:hover { color:#ccc}
#input_sa_before { font-weight:normal}
#input_sa_before:before {content:"»"; font-size:1.5em}
#sa_uebernachtungen { width:95px; background-image:none}
table.schnellanfrage select { border:0; background:#527c3e; color:#fff}

/* Klassen für Bildwechsler */
img.onClick{cursor:pointer;}
img.onCurrent{}
}
@media all
{
html *{font-size:100.01%;}
body{font-family:Arial,Helvetica,sans-serif;font-size:0.75em;color:#fff;}
h1,h2,h3,h4{color:#aacb7f;margin:0 0 1em 0;font-weight:bold; text-transform:uppercase;}
h1{font-size:1.5em;}
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; margin-right:20px; }
.float_right{float:right; margin-left:20px; }
.center{text-align:center;margin:0.5em auto;}

a{color:#fff;text-decoration:underline;}
a:focus,a:hover,a:active{color:#ccc;text-decoration:none;}

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

hr{color:#fff;background:transparent;margin:0 0 0.5em 0;padding:0 0 0.5em 0;border:0;border-bottom:1px #fff solid;}

#ui-datepicker-div {display:none} /*Muss so bleiben, sonst gibt es probleme :) */
/* Datepicker manuell anpassen */
#ui-datepicker-div .ui-datepicker-header {} /*background, color*/
#ui-datepicker-div a.ui-state-default {} 	/*background*/
#ui-datepicker-div a.ui-state-active {} 	/*background*/
#ui-datepicker-div a.ui-state-hover {} 		/*border*/

img.content { margin-bottom:28px}
div.img_wrap { background:url(../images/img_bgd.gif) no-repeat 10px 10px; padding:0 10px 10px 0}
div.img_wrap.gray {background-image:url(../images/img_bgd_2.gif)}
div.text_wrap { width:470px}
.subcolumns.dreier img { float:left;}
.subcolumns.dreier img.mitte { margin:0 20px}

#col3_content h1, #col3_content h2, #col3_content h3 { padding:18px 0 0 10px}
h2.gray { color:#3f3939}
h1.home01 { background:url(../images/txt_home01.png) no-repeat left top}
h2.home02 { background:url(../images/txt_home02.png) no-repeat left top}
h1.hirschalpe01 { background:url(../images/txt_hirschalpe01.png) no-repeat left top}
h2.hirschalpe02 { background:url(../images/txt_hirschalpe02.png) no-repeat left top}
h2.hirschalpe03 { background:url(../images/txt_hirschalpe03.png) no-repeat left top}
h1.entspannung01 { background:url(../images/txt_entspannung01.png) no-repeat left top}
h1.urlaubsparadies01 { background:url(../images/txt_urlaubsparadies01.png) no-repeat left top}
h2.urlaubsparadies02 { background:url(../images/txt_urlaubsparadies02.png) no-repeat left top}
h2.urlaubsparadies03 { background:url(../images/txt_urlaubsparadies03.png) no-repeat left top}
h1.aktuelles01 { background:url(../images/txt_aktuelles01.png) no-repeat left top}
h1.kontakt01 { background:url(../images/txt_kontakt01.png) no-repeat left top}
h1.impressum01 { background:url(../images/txt_impressum01.png) no-repeat left top}
h1.anfahrt01 { background:url(../images/txt_anfahrt01.png) no-repeat left top}
h1.wohnen01 { background:url(../images/txt_wohnen01.png) no-repeat left top}
h3.wohnen02 { background:url(../images/txt_wohnen02.png) no-repeat left top}
h1.whg2 { background:url(../images/txt_whg2.png) no-repeat center top; text-align:center; margin-bottom:5px}
h1.whg3 { background:url(../images/txt_whg3.png) no-repeat center top; text-align:center; margin-bottom:5px}
h1.whg5 { background:url(../images/txt_whg5.png) no-repeat center top; text-align:center; margin-bottom:5px}

ul.content li { margin:0 0 26px}
ul.strong { font-weight:bold}

table.massage { width:470px; border-collapse:separate}
table.massage td {border:solid #a3b699; border-width:1px 0; background:#658954; padding:15px 20px 15px 0; text-align:center; white-space:nowrap; font-weight:bold; text-transform:uppercase}
table.massage td strong { text-transform:uppercase; display:block;}
table.massage tr.light td { background:#aacb7f;border:solid #cadbb1; border-width:1px 0 }
table.massage tr.first td { border-top:0}
table.massage tr.last td { border-bottom:0}
table.massage td.left { text-align:left; padding-left:20px; white-space:normal; font-weight:normal; text-transform:none}

table.preise { width:960px; border-collapse:separate}
table.preise td {border:solid #a3b699; border-width:1px; background:#658954; padding:15px 0 15px 0; text-align:center; vertical-align:middle}
table.preise strong { text-transform:uppercase; display:block}
table.preise tr.head td { font-weight:bold; vertical-align:top}
table.preise tr.head td.left { vertical-align:middle}
table.preise tr.head strong { font-size:1.5em; margin-bottom:4px}
table.preise tbody.light td { background:#aacb7f;border-color:#cadbb1; color:#3f3939}
table.preise tbody.light td a { color:#3f3939}
table.preise tr.first td { border-top:0}
table.preise tr.last td { border-bottom:0}
table.preise td.left { text-align:left; border-left:0; padding-left:20px}
table.preise td.right { border-right:0}
table.preise tr.no td { border-width:0 1px; padding:3px 0}
table.preise tr.no td.no { border-width:0 1px 0 0}
table.preise tr.no td.left { border-right:0; padding-left:20px}
table.preise tr.titel td { padding-bottom:0; border-bottom:0}
table.preise tr.text td { padding-top:0; border-top:0}
table.preise tr.text td p { margin:0; line-height:1.2em; font-size:0.9166em}

table.preise.detail { margin-top:30px}
table.preise.detail tr.titel, table.preise.detail tr.text { display:none}
table.preise.detail thead td { font-size:0.9166em; padding-top:5px; padding-bottom:5px}
table.preise.detail tbody td { padding-top:5px; padding-bottom:5px}

table.head { width:960px; margin-bottom:15px}
table.head td { vertical-align:middle; text-align:center; width:33.333333%}
table.head td.left { text-align:left}
table.head td.right {text-align:right}
table.head a { color:#aacb7f;}

#thumbs { float:right; width:735px}
#thumbs a, #thumbs strong { margin-left:15px}
#thumbs strong { display:block; margin-top:20px; color:#aacb7f}
#thumbs a.anfragen { float:left; padding:10px 15px; background:#929d77; text-transform:uppercase; color:#d4e4be; font-weight:bold; margin-top:20px }
#thumbs a.grundriss { float:right}

#thumbs.whg2 { width:495px}
}
@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;}}