@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
{
/* Grundlayout */
html { height:100%; min-height:100%}
body{background:#fff;text-align:center; height:100%;min-height:100%}
body {padding:0 0 45px;}
body.accept-cookies{padding:0;}
#pic { min-width:1000px;}
#wwStandardChanger{ width:100% !important; height:100% !important; text-align:left}
#wwStandardChangerPic1, #wwStandardChangerPic2 { width:100% !important; height:100% !important; min-width:1000px; padding:0 !important;}
#wrap { width:100%; height:100%; position:absolute;min-height:100%; z-index:20; }
#top_margins{ width:100%; height:59px; margin-top:15px}
#top_margins td { padding:0}
#top_margins td span {display:none}
#top_margins td.left {background:url(../images_layout/content_bgd.png)}
#top_margins td#header { width:1000px; margin:0 auto; text-align:left;}
#page_margins{ width:100%; height:200px; position:absolute; bottom:65px; background:url(../images_layout/content_bgd.png) }
#page{background:transparent;width:1000px;margin:0 auto;border:0;text-align:left; overflow:hidden}
#main{ width:3000px; height:200px; position:absolute; width:1000px;}

#footer_margins{width:100%; background:#983d00; border-top:1px solid #fff; position:absolute; bottom:0;}
#footer{width:1000px;margin:0 auto;padding: 0 0 0; text-align:left; color:#fff; }
#footer a { color:#fff}
#footer p { float:left; padding:0 10px; margin:3px 0}
#footer p.first { margin-left:18px}
#footer p.werbewind{float:right; padding:0}
#footer a.button { margin:-5px 0 0 88px; display:block; width:100px; float:left; line-height:16px; padding:0 1px 0 12px}

#main > div {  float:left;}

#main #col3{ width:440px; background:url(../images_layout/content_bgd.png); position:absolute; bottom:0; margin-left:200px; max-height:500px; }
#col3_wrap { padding:25px 15px 10px 30px;  background:url(../images_layout/col3_bgd.png) repeat-y center; min-height:165px}
#col3_content{ overflow:auto; height:450px }
#col3 a.button { float:right; margin:5px 0 0; cursor:pointer; display:none}
#col3_inner_content {}
#col3_inner_content .bilder { float:right; width:60px; margin-left:10px; background:url(../images_layout/lupe.png) no-repeat right top;}
#col3_inner_content .bilder h3 { margin-bottom:18px}
#col3_inner_content .bilder a { display:block; width:60px; height:40px; border-top:1px solid #fff; margin-bottom:5px}

#col3_zu { width:8px; position:absolute; margin:-20px 0 0 -20px; cursor:pointer; display:none; line-height:8px; font-weight:bold; padding:2px 4px 4px 5px; border-top:1px solid #fff; background:#c55e19; color:#fff}

#content_plus { /*margin-left:435px;*/ width:360px; margin-left:440px; height:200px; overflow:auto}
#content_plus div { height:150px ;padding:25px 15px 25px 30px; float:left}
#content_plus div:first-child { background:url(../images_layout/content_plus_bgd.png) repeat-y left;  width:315px}
#pfeil_rechts {position:absolute; z-index:50; margin-left:972px; cursor:pointer; margin-top:5px; text-align:center; font-size:2em; display:none}
#pfeil_links {position:absolute; z-index:50; margin-left:5px;  cursor:pointer; display:none; margin-top:5px; text-align:center; font-size:2em}
#content_plus .box { background:url(../images_layout/content_plus_box_bgd.png) repeat-y right}

#navi{width:200px; height:200px; background: url(../images_layout/col1_bgd.gif) repeat-y center;}
#navi ul{margin:0;padding:0;list-style-type:none;padding-top:25px}
#navi ul li{margin:0 0 4px;}
#navi ul li img { position:absolute; margin:13px 0 0 30px; display:none; z-index:50}
#navi ul li a{text-decoration:none;display:block;padding:0 0 0 30px; color:#fff}
#navi ul li a:focus,#navi ul li a:hover,#navi ul li a:active{text-decoration:none; font-weight:bold}
#navi ul li#current a { font-weight:bold}
#navi ul li#current img { display:inline}

/* ######################### ALLGEMEIN ZUM ANPASSEN ######################### */

/* Eigene Styles */
#newsbox {}
#newsbox img { float:left; margin:3px 15px 15px 0}
#newsbox a.button { bottom:7px}

#wetterbox { width:260px}
#wetterbox h2 { margin-bottom:3px}
#wetterbox #wetterbox_tab { margin:0 0 3px}
#wetterbox #wetterbox_tab td { padding:0}
#wetterbox #wetterbox_tab td.small.text { text-align:right; padding-right:15px; font-weight:bold}
#wetterbox #wetterbox_tab tr.heute td.txt { padding-left:15px}

#oberm { text-align:center; padding-left:10px !important; padding-right:10px !important}
#oberm img { margin:5px 5px 10px}

table.preise { margin:4px 0 10px; width:100%}
table.preise td { background:#ce763b; vertical-align:middle; text-align:center; color:#fff; padding:5px 0}
table.preise tr.dark td { background:#c55e19}
table.preise tr td:first-child { text-align:left; padding-left:10px}
table.preise td.links { color:#702d00; width:80px}

/* Inhalt allgemein */
body{font-family:"Trebuchet MS", Arial,Helvetica,sans-serif;font-size:0.75em !important; color:#702d00;}
h1,h2,h3,h4{color:#702d00;margin:0 0 1em 0;font-weight:bold;}
html *{font-size:100.01%;}
h1{font-size:1em;}
h2{font-size:1em;}
h3{font-size:1em;}
h4{font-size:1em;}
p{line-height:1.25em;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, .no-margin{margin:0;}

/* Links */
a{color:#702d00;text-decoration:underline;}
a:focus,a:hover,a:active{color:#702d00;text-decoration:none;}
hr{color:#fff;background:transparent;margin:10px 0; padding:5px 0;border:0;border-bottom:1px solid #702d00;}
a.invers { text-decoration:none;}
a.invers:hover { text-decoration:underline}

/* Buttons */
a.button,#event .back a { background:#c55e19; color:#fff; text-decoration:none; padding:0 12px; border-top:1px solid #fff}
button { background:#c55e19; color:#fff; border:0; padding:0 12px; font-family:"Trebuchet MS", Arial,Helvetica,sans-serif; cursor:pointer; border-top:1px solid #fff; height:19px}

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

/* ######################### TOOLS ######################### */

/* Bildwechsler */
img.onClick{cursor:pointer;}
img.onCurrent{}

/* Datepicker */
#ui-datepicker-div{display:none; background:#f39e26; color:#fff; border-color:#fff}
#ui-datepicker-div * { border-color:#fff}
#ui-datepicker-div .ui-datepicker-header{ background:#983d00; color:#fff}
#ui-datepicker-div a.ui-state-default{ background:#c55e19; color:#fff}
#ui-datepicker-div a.ui-state-active{ color:#c55e19; background:#fff}
#ui-datepicker-div a.ui-state-hover{ color:#c55e19; background:#fff}

/* Schnellanfrage */
#schnellanfrage { width:220px}
#content_plus #schnellanfrage input{width:130px;background:#c55e19 url(https://img.werbewind.com/calendar/cal01.gif) no-repeat right center;cursor:pointer; padding:3px 1px 1px}
#content_plus #schnellanfrage select  {padding:2px 1px 1px}
#schnellanfrage td { vertical-align:middle; height:26px; padding:0}
#schnellanfrage tr.button td { height:34px; vertical-align:bottom}

/* Kontakt */
#kontakt .block{margin-top:10px;}
#kontakt .float_left{margin-right:20px;}
#kontakt label{display:block;padding:5px 0 0;}
#kontakt input{width:170px;margin:1px 0}
#kontakt .telefon select{width:46px;}
#kontakt .telefon input{width:56px;}
#kontakt .cbs { margin:10px 0 10px}
#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:174px; margin:1px 0; }
#kontakt textarea{width:364px;}
#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}
/* Kontakt - anpassen */
.cf-msg-2 { font-size:1.2727em; font-weight:bold; padding:5px 10px; text-align:center; border:1px solid #c55e19;}
#kontakt .datum input{width:90px;background:#c55e19 url(https://img.werbewind.com/calendar/cal01.gif) no-repeat 74px center; cursor:pointer}

/* Impressum */
table.impressum{width:100%;}
table.impressum td:first-child { width:45%}

/* 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 - anpassen */
#wetter td.wetter-header {color:#fff;background:#983d00;}
#wetter td.bl, #wetter td.bb { border-color:#983d00}

/* Captcha */
#kontakt #kkcaptcha, #newsletter #kkcaptcha{width:70px;height:32px;font-size:24px;font-weight:bold;}
}
@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;}}