html {font-family: Verdana, Arial, Helvetica; font-size: 10pt; }
body {background-color:#444; color:#fff; text-align:center; font-size: 80%; margin: 0 0 20px 0; height:100% }

p, li {line-height:1.5em; }

h1 {font-size:110%; margin: 0; padding: 28px 0 12px; border-bottom:1px solid #aaa;text-align:center}
h2 {font-size:100%; margin: 0; padding: 8px 0;color:#444;border-bottom:1px solid #aaa}
h3 {font-size:100%; margin: 10px 0 5px 0; padding: 10px 0;line-height:1.4em;border-bottom:1px solid #aaa}
h4 {font-size:100%; margin: 6px 0 0 0; line-height:2em; font-weight:bold; }
h5 {font-size: 90%; margin: 0; padding: 10px 0; text-align: center; font-weight: normal; border-bottom: 1px solid #ddd; }

input, select, textarea {font-size:100%;width:auto}

a {background-color:transparent;color:#822;text-decoration:none}
a:hover {color:#036;text-decoration:underline}
a img {border:0}

table {width: 100%}
td {text-align:left}

.autoheight {height:auto}
.block {display:block}
.bold {font-weight:bold}
.center {text-align:center; margin: auto; }
.clear {clear:both}
.bordered { border:1px solid #aaa; }
.redborder { border:1px solid #f00; }
.erfolg { background-color: #cfc; border: 1px solid #aaa; }
.fehler { background-color: #ffe6e6; border: 1px solid #f00; }

.flori {float:right;margin:0 0 0 20px}
.floli {float:left;margin:0 20px 0 0}
.fullwidth {width:100%}
.indent {margin:4px 10px 4px 40px; }
.info	{ margin:0 0 10px 0;padding: 10px; background-color: #cfc; }
.inline {display:inline}
.italic {font-style:italic}
.just { text-align: justify }
.hmarg {margin:0 10px}
.hpad {margin:0 10px}
.left {text-align:left}
.leftmarg {margin:0 0 0 5px}
.nodisp {display:none}
.nomarg {margin:0}
.nopad {padding:0}
.nowrap {white-space:nowrap}
.right {text-align:right}
.syscol {background-color:#ffc}
.tenmarg {margin:10px}
.tenpad {padding:10px}
.topmarg { margin: 10px 0 0 0; }

.bborder, 
.underlined {border-bottom:1px solid #aaa}

.vertmarg {margin:10px 0}
.vmarg {margin:10px 0}
.vpad { margin: 10px 0; padding: 10px; }
.zeilefarbig {background-color:#f1f1f1}



#wrapper {width:998px;text-align:center;margin:10px auto 100px auto;background-color:#fff;color:#000;border:1px solid #000; }

#header{height:136px; text-align:center;margin:0;background:#fff url(/grafik/header_bg.jpg) bottom left;background-repeat:no-repeat}

#logobox {float:left;height:115px;width:998px}
#logobox a {display:block;height:100%;width:100%;text-decoration:none}

#breadcrumb {text-align:left;background-color:#eee;text-indent:5px;border-top:1px solid #aaa;border-bottom:1px solid #aaa}
#breadcrumb h4 {padding:0;margin:0;font-weight:normal}

#lrow {float:left;margin:0;background-color:#fff;width:770px;height:auto}
#rrow {float:right;background-color:#fff;width:220px;min-height:400px;height:auto;text-align:center;padding:14px 0 0 0}

.rbox {margin:5px;padding:5px;text-align:center;border:1px solid #aaa;background-color:#ffc}
.rbox p {margin:10px auto;text-align:left;width:90%;letter-spacing:0.05em}
.rbox select {width:160px}
.rbox button {width:20px}

#bbox{clear:both;margin:auto;padding:10px 0 0 0;height:auto;text-align:left}
#breadcrumb h2{margin:0;padding:0;background-color:transparent;color:#fff;font-weight:normal}

#navi {margin:0; padding:0 0 0 264px;float:left;width:734px;background:transparent url(/grafik/bg.gif) repeat-x bottom;font-size:93%;line-height:normal}
#navi ul {margin:0;padding:0 10px 0;list-style:none}
#navi li {line-height:12px;float:left;background:url(/grafik/left.gif) no-repeat left top;margin:0;padding:0 0 0 9px }

#navi a {display:block;background-color:transparent;background:url(/grafik/right.gif) no-repeat right top;padding:5px 15px 4px 6px;text-decoration:none;font-weight:bold;color:#765;white-space:nowrap}
#navi a:hover {text-decoration:underline}

/* backslash hack hides rule from ie5-mac \*/
#header a {float:none;}
/* end ie5-mac hack */

#navi #current {background-image:url(/grafik/left_on.gif) }
#navi #current a {background-image:url(/grafik/right_on.gif);color:#333;padding-bottom:5px }
#navi .emph {background-image:url(/grafik/left_emph.gif)} 
#navi .emph a {background-image:url(/grafik/right_emph.gif);color:#a00;padding-bottom:5px }

.content { margin: 0; padding: 0; text-align: left }
.cblock {clear: both; margin:5px 0 5px 5px; padding: 5px; }
.cblock p { margin: 0 0 10px 0; }

.diabox {padding:0;width:450px;height:295px;margin:8px 10px 0 0;float:left;border:1px solid #aaa}

#monoSlideshow {padding:0;width:450px;height:295px;background:transparent url(/grafik/leinwand.jpg) center}
#monoSlideshow img {width:450px;height:295px}

.cboxleft {padding:0;width:450px; margin:8px 10px 0 0;float:left;border:1px solid #aaa}

.ibox {float: right; margin: 8px 0 0 0; width:280px; padding:0 5px 5px 5px; text-align: justify; border:1px solid #aaa}
.ibox p {margin: 0.1em 0.2em 0.3em 0.2em }
.regionen p {margin:0 0 1em 0}

.anriss { height: 12em; margin-top: 10px; }
.anriss p { margin: 0; text-align: justify; }

.ibox input, 
.ibox select {width:180px;border:1px solid #aaa;font-size:100%}

input.button {width:auto;border:1px solid #aaa;background-color:#ffa;color:#000;margin:2px 10px;padding:2px 4px;text-align:center;cursor:pointer }

.fullbox {margin:7px 0 0 0;height:auto;padding:5px;border:1px solid #aaa;}

.region {width:250px;padding:10px;text-align:left;float:left;margin:10px 0 0 70px;}

.regwrap {width:auto;clear:both;margin:2px 10px 2px 0;}

.reglinks {width:180px;float:left;overflow:hidden;}

.reglinks img {margin:0 10px 0 20px;}
.reglinks a {font-weight:bolder;}

#feature {width:998px;clear:both;text-align:center;margin:auto;padding:0;height:150px; background-color:#f0f0f0;}

.featcont {float:left; width:320px; margin: 10px 5px 0; padding: 0;}
.featcont img {float:left;width:94px;height:70px;}
.featcont h5 { margin: 0 0 5px 0; height: 1em; line-height: 1em; overflow: hidden; white-space: nowrap;}
.featcont a { display: block; margin: 0; padding: 0; }

#footer {clear:both;color:#aaa;text-align:center;height:2.4em;line-height:2.4em;border-top:1px solid #aaa;}

#footer a {color:#444;padding:1px;text-decoration:none}
#footer a:visited {color:#444}
#footer a:active {color:#f00}
#footer a:hover {color:#770}

#googleads {
width:auto;
overflow:hidden;
text-align:center;
border-top:1px solid #aaa;
border-bottom:1px solid #aaa;
margin:10px 0 0 0;
padding:10px 0;
}

.vz-eintrag {
border-top:1px solid #aaa;
border-bottom:1px solid #aaa;
text-align:center;
height:80px;
width:710px;
position:relative;
top:0;
left:20px;
margin:0 0 5px 0;
overflow:hidden;
}

.vzfarbig {background-color:#ffe0a8}
.vznorm {background-color:#fafafa}

.spalte1 {float:left;width:120px;height:80px}
.spalte1 img {border:0;height:70px;padding:0;margin-top:5px}
.spalte2 {float:left;width:370px;height:80px;text-align:left;padding:0;margin-left:4px}
.spalte2 p {padding:0;margin:20px 0 0 0;text-indent:40px}
.plz { margin: 8px 0 0 59px }
.plz a { font-weight: normal; }
.spalte3 {float:left; width:212px; height:80px; margin-left:4px; text-align:center}
.spalte3 p {margin:20px auto 10px;padding:0;font-weight:bold;width:194px;overflow:hidden}

.onlinebuchen {background:#fff;text-align:center;margin:5px auto;padding:2px;border:1px solid #700;width:120px}
.backtoregion {background-color:#ffc;padding:2px;text-align:center;border-top:1px solid #aaa;border-bottom:1px solid #aaa}

form {height:auto;margin:6px 0;padding:0}
.formlabel {font-size:8pt;font-weight:normal;text-align:right;margin:0;padding:0 20px 0 0;border-bottom:1px solid #aaa}
.softborder {border:1px solid #888;font-size:9pt;line-height:1.2em;padding:2px}

.button {font-weight:normal;border:1px solid #aaa;background-color:#ffc;color:#000;margin:2px 10px;padding:2px 10px;text-align:center;cursor:pointer}

.nomargin {
display:inline;
height:3em;
line-height:3em;
margin:0;
padding:0;
}

.ltop {
text-align:justify;
vertical-align:top;
padding:0 30px;
}

.rtop {
text-align:center;
vertical-align:top;
padding:10px;
background-color:#f8f8f8;
}

.symbols {
float:left;
margin-left:24px;
width:92.5%;
}

.symbolwrap {
float:left;
margin:2px 16px 5px 0;
padding:3px;
}

.symbols img {
background-color:#fff;
margin:2px;
padding:0;
}

.symbols a:hover {
text-decoration:none;
display:inline;
}

.aktiv {
background:#ffc;
border:1px solid #a00;
padding:2px;
}

a.popup {position:relative;z-index:124;color:#1f293a;text-decoration:none}
a.popup:hover {z-index:125}
a.popup span {display:none}

a.popup:hover span {display:inline;position:absolute;top:-50px;left:80px;min-width:120px;padding:10px;font-weight:bold;border:1px solid #a00;background-color:#444;color:#fff;text-align:center}

#sort {clear:both;height:auto;padding:0;}
#sort table {border:0;color:#000;}
#sort td {border:1px solid #aaa;background-color:#f0f0f0;padding:2px;text-align:center;}
.selected {font-weight:bold;color:#700;}

.tablabel {text-align:center;font-weight:bold;background-color:#f0f0f0;border-bottom:1px solid #aaa;}
.label {font-weight:bold;border-bottom:1px solid #aaa;padding:5px 0;}
.tabdata {text-align:center;background-color:#fafafa;border:1px solid #aaa;}

#edit input, 
#edit select, 
#edit textarea {font-size:100%;width:360px;}
#preise input {text-align:right;font-size:100%;width:5em;}
#preise select, textarea {width:auto;}

.small {width:30px;}

#breadcrumb {text-align:left;background-color:#ffc;margin:10px 0 ;text-indent:5px}

#breadcrumb h4 {font-weight:normal}

#host h2, 
#host h3 {height:2em;line-height:2em;font-weight:bold;font-size:8pt;margin:0;padding:0;}

.fotobox {text-align:center;width:290px;height:215px;float:left;}

.fotobox img {width:290px;height:215px;padding:0;margin:0;border:0}

.werbung {margin:10px auto;}

.lastminutebox {width:460px;height:215px;float:right;background:transparent url(/grafik/gastgeberseite/post-it.gif) no-repeat center;}

.angebote {position:relative;top:56px;left:152px;width:194px;height:138px;overflow:hidden;}

#adressdaten {width:290px;height:auto;float:left;padding:50px 0 0 0;margin:10px 0 0 0;background:transparent url(/grafik/gastgeberseite/www.gif) no-repeat top left;}
#adressdaten ul {padding:10px;list-style: none;margin:10px 0;background:#f0f0f0;}
#adressdaten li {margin:2px 0;}
#infos {width:440px;height:auto;float:right;margin:59px 0 20px 0;background:transparent url(/grafik/gastgeberseite/infos.gif) no-repeat 114px 10px;}

.infotext {margin:0; width:340px; padding:10px 0 0 10px; min-height:200px;}
.clearwrap {clear:both;height:auto;}

#symbolleiste {clear:both;border-top:1px solid #aaa;padding:20px 0;text-align:center;}
#statusleiste {clear:both;text-align:center;background-color:#f0f0f0;padding:5px;}
#mailform {border-top:1px solid #aaa;clear:both;margin:0;background:transparent url(/grafik/gastgeberseite/email.gif) no-repeat top left;}

#mailform p { margin-top: 10px; }

#mailform form { background-color:#f0f0f0; padding:20px; margin-top:20px; }
.mailinfo { margin:0 0 0 150px; }

.toptable {clear:both;line-height:2.1em;text-indent:4px;overflow:hidden;}
.toptable a {display:block;margin:0;padding:0;}
.sp1 {float:left; width:45%;}
.sp2 {float:left;width:31%;}
.sp3 {float:right;width:24%;}

#socmed { position: absolute; top: 11px; right: 0; border:none; overflow:hidden; width:100px; height: 70px; float: right; z-index:100; }