@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:white url(../galleries/home/pic01_bg.jpg) no-repeat top center;text-align:center;}
#page_margins{width:1000px;margin:0 auto;border:0;text-align:left;}
#page{background:transparent;}
#header_wrap{margin-top:10px}
#header_top { height:10px; background:url(../images_layout/bg_top.png) no-repeat}
#header_content{ background:url(../images_layout/bg_middle.png) repeat-y; height:350px; padding:0 10px; overflow:hidden; position:relative }
#logo_haug { position:absolute; top:10px; left:30px}
#navi_wrap{ background:url(../images_layout/bg_middle.png) repeat-y; height:25px; padding:0 10px }
#header_bottom { background:url(../images_layout/bg_bottom.png) no-repeat; height:81px; padding:39px 10px 0}

#header_bottom #gallery { padding:0 0 0 20px; width:381px; float:left}
#header_bottom #gallery img { margin-right:1px}
#header_bottom #hindelang { padding:0 0 0 27px; float:left; width:170px}
#main{}

p.mehr_erfahren { margin:0; padding:0; clear:both}
p.mehr_erfahren a span { font-size:15px}
p.anfragen { float:right; margin-right:5px}
#header_bottom p.mehr_erfahren a, p.mehr_erfahren.anfragen a { color:#375d81; text-transform:uppercase; text-decoration:none; font-size:10px; padding:1px 3px; font-weight:bold}
#header_bottom p.mehr_erfahren a:hover, p.mehr_erfahren.anfragen a:hover { background:#183152; color:#e1e6fa}

#footer_margins{width:100%;}
#footer{width:1000px;margin:5px auto 15px;text-align:left; font-size:10px; color:black}
#footer a { text-decoration:none; padding:1px 3px;}
#footer a:hover { background:black; color:white}
#footer div.werbewind{float:right;margin:0;}

#col3{ background:#e1e6fa; padding:0 10px}
#col3_content{ padding:10px 0}

#boxes { background:#375d81; margin:5px 0 0; padding:15px 20px; height:155px}
#boxes .box { background:#abc8e2; padding:10px 10px 0; float:left; position:relative; height:145px}
#boxes img.txt { margin-bottom:17px}
#boxes p.mehr_erfahren  { position:absolute; bottom:6px; left:10px}
#boxes p.mehr_erfahren a { color:#e1e6fa; background:#617c9a; text-transform:uppercase; text-decoration:none; font-size:10px; padding:1px 3px; font-weight:bold}
#boxes p.mehr_erfahren a:hover { background:#183152; color:#e1e6fa}

#boxes #kontaktaufnahme { width:188px; margin-right:20px; color:#183152}
#boxes #partner_und_sonstiges { width:238px; margin-right:20px}
#boxes #wir_sind_dabei { width:144px; margin-right:20px}
#boxes #wir_sind_dabei img.txt{ margin:0}
#boxes #wettervorschau { width:250px}
#boxes #wettervorschau p.mehr_erfahren { left:auto; right:10px}
#boxes #wettervorschau #wetterbox_tab { color:#183152; font-weight:bold}
#boxes #wettervorschau #wetterbox_tab td{ padding:0 0 4px; text-align:center; width:63px;}
#boxes #wettervorschau #wetterbox_tab td.heute { border-right:1px solid #89a9c6}
#boxes #wettervorschau #wetterbox_tab img.heute { width:48px}

#navi{}
#navi ul{margin:0;list-style-type:none;background:#e1e6fa; height:25px; width:980px}
#navi ul li{line-height:25px;margin:0;float:left; font-size:12px; font-weight:bold; text-transform:uppercase}
#navi ul li a{text-decoration:none;padding:0 12px; color:#375d81}
#navi ul li a:focus,#navi ul li a:hover,#navi ul li a:active{text-decoration:none; color:black}
#navi ul li#current a { color:black}

#schnellanfrage{ float:left; padding:0 0 0 27px; color:#40382b}
table.schnellanfrage{ font-size:11px; font-weight:bold}
table.schnellanfrage td{ padding:0; height:1px}
table.schnellanfrage td.personen { padding:0 7px 0 15px }
table.schnellanfrage input.personen { width:20px; background:#375d81; color:white; border:none; margin:2px 2px 0 2px}
#f_date_sa, #f_date_sb{width:82px; background:#375d81; color:white; border:none; margin:2px 0 0 2px; float:left}
#f_trigger_sa, #f_trigger_sb{margin:2px;cursor:pointer; float:right }
}
@media all
{
html *{font-size:100.01%;}
body{font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#474747;}
h1,h2,h3,h4{color:#474747;margin:0 0 1em 0;font-weight:bold;}
h1{font-size:16px;}
h2{font-size:14px;}
h3{font-size:12px;}
h4{font-size:11px;}
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;}

a{color:#000;text-decoration:underline;}
a:focus,a:hover,a:active{color:#666;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 #AA8082 solid;}

img.onClick{ cursor:pointer;}
img.onCurrent {}

table.preise { font-size:11px; margin:0 auto 20px; width:975px; table-layout:fixed}
table.preise td { border:5px solid #c1d4ec; background:#94b3cf; padding:5px;line-height:16px; vertical-align:middle}
table.preise td.dark { background:#375d81; color:white}
table.preise td.dark a { color:white}
table.preise td.center { text-align:center}
table.preise td.center.preis strong { color:black}
table.preise td.no_pad { padding:0}
table.preise td.kat { font-size:12px; }
table.preise td.kat strong { font-size:14px; display:block; margin-bottom:7px}
table.preise td.top { vertical-align:top}
table.preise td.saison-right {border-left:none;}
table.preise td.saison-left {border-right:none;}
table.preise tr.no-bottom td.kat {border-right:none;}
table.preise tr.no-top td.kat {border-right:none;}
table.preise td.tage {border-left:none; padding-left:25px !important}
table.preise tr.no-top.no-bottom td { padding:0 5px}
table.preise tr.no-bottom td { border-bottom:none; padding:5px 5px 0 5px}
table.preise tr.no-top td { border-top:none; padding:0 5px 10px 5px}
table.preise td.blank { border:none; background:transparent; vertical-align:bottom; font-size:12px}
h2.red { background:#720000; color:white; padding:3px 0; text-align:center; font-size:18px}

table.navi { width:100%}
table.navi td { width:33.33333333333333%; text-align:center; padding:15px 0px}
table.navi td.left { text-align:left}
table.navi td.right { text-align:right}

#pic_wrap { position:relative}
#thumbs {position:absolute; width:58px; margin:0 0 0 535px; bottom:12px;}
#thumbs img { margin-bottom:3px; border:1px solid #C1D4EC}

img.onClick2 { cursor:pointer}
}
@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;}}