body { margin: 5px 20px 20px 10px; background-color: #ffffff; }
body, td, p { font-family: Verdana, Arial, sans-serif; color: #222222; font-size: 12px; }
h1 { font-size: 18px; margin-bottom: 10px; margin-top:20px; }
h1.ip { font-size: 24px; }
h2 { font-size: 14px; }
h3 { font-size: 13px; }
h4 { background-color: #FFFF88; padding: 3px; font-size: 12px; margin-top: 20px; }
a { color: #0000C0; text-decoration: none; }
a:visited { color: #551EA0; text-decoration: none;}
.sub  { color: #009900; font-weight: normal; }
a.sub:visited  { color: #009900; }
a.sub:hover  { text-decoration: underline; }
.likea { color: #CC3322; font-weight: bold; }
small { font-size: 10px; }
p.example { color:#000; font-size: 11px; margin-left: 20px; }
a:hover { text-decoration: underline; }
.g { font-size: 16px; font-weight: bold;}
div.x { font-size: 12px; font-weight: bold; color:#222; margin: 12px 0px 0px 0px;}
div.xr { font-size: 12px; font-weight: bold; color:#D00; margin: 12px 0px 0px 0px;}
h2.g { font-size: 14px; font-weight: bold; margin: 0px}
h2.g a { font-size: 14px; font-weight: bold; margin: 0px}
.gh { font-size: 16px; font-weight: bold; background-color:#FFFF44; padding:1px 2px 1px 2px;}
.gorange { font-size: 12px; font-weight: bold; background-color:#99FF33; padding:1px 2px 1px 2px;}
.ggreen { font-size: 12px; font-weight: bold; color: white; background-color:#44AA44; padding:1px 2px 1px 2px;}
.ggrey { font-size: 12px; font-weight: bold; color: black; background-color:#DDDDDD; padding:1px 2px 1px 2px;}
.green { color: #008800; }
.red { color: #800000; }
a.red b { color: #FF0000; }
.gdarkorange { font-size: 12px; font-weight: bold; color:black; background-color:#FFAA22; padding:1px 2px 1px 2px;}
.beta { font-size: 10px; color:#880000; }
.gred { font-size: 12px; font-weight: bold; color:white; background-color:#AA5522; padding:1px 2px 1px 2px;}
.gr { font-size: 16px; font-weight: bold; color: #D00;}
.grau { font-size: 16px; font-weight: bold; color: #999999; }
.grau_small { font-size: 11px; color: #999999; }
.foot { font-size: 10px; color: #666666; }
.perc { font-size: 10px; color: #00AA00; }
.ads { font-size: 10px; color: #666666; }
.redbig { color: #F00; font-size: 12px; font-weight: bold; }
.msg { color: #080; font-size: 12px; font-weight: bold; border:2px solid #080; padding:10px 5px 10px 5px; text-align: center; }
.err { color: #C00; font-size: 12px; font-weight: bold; border:2px solid #C00; padding:10px 5px 10px 5px; text-align: center; }
.emp { color: #080; font-weight: bold; }
.adselem { float: right; padding: 50px 0px 0px 0px; margin: 0px; }
.labelerr { color: #F00; font-weight: bold; }
.inputerr { background-color: #e5ecf9;  }
.error { color: #F00; font-weight: bold; }
.newitem { color: #F00; font-weight: bold; }
.ts-smallhead { font-weight: bold; }
.nh { background-color:#FFFF44; }
.lightyellowback { background-color:#FFFFAA; padding: 5px; border: solid black 1px; }
.borderblock { background-color:#FFFFFF; padding: 5px; border: solid black 1px; }
.noprint { display: block; }
.grey { color: #444444; }

/* aktuelle Farben fuer die Anbieter-Uebersicht */
.cellbg1 { background-color: #44FF44; }
.cellbg2 { background-color: #99FF55; }
.cellbg3 { background-color: #CCFFAA; }
.cellbg4 { background-color: #FFDD88; }
.cellbg5 { background-color: #FFAA66; }

/* Tabellenzeilen mit alternierenden Farben */
.eventr   { border-top-width:1px;border-top-style:solid; border-color:#888888; font-size:11px; }
.oddtr    { background-color:#FFFFE8; border-top-width:1px;border-top-style:solid; border-color:#888888; font-size:11px; }
.eventr_b { border-top-width:1px;border-top-style:solid; border-color:#888888; font-size:11px; color:#008800; font-weight:bold; }
.oddtr_b  { background-color:#FFFFE8; border-top-width:1px;border-top-style:solid; border-color:#888888; font-size:11px; color:#008800; font-weight:bold; }

/* wird fuer diverse Bilder genutzt */
.noborder { border: 0px; }

/* wird im user-Bereich eingesetzt */
ul.paddedul li { padding-bottom:5px; }
ol.paddedol li { padding-bottom:5px; }

/* wird bei den FAQ genutzt */
.faq_ul        { list-style-position: outside; list-style-type: none; margin-left: 10px; padding: 0px; }
.faq_question  { font-size: 14px; font-weight: bold; }
.faq_answer    { margin-bottom: 0px; }
.faq_toplink   { text-align: right; font-size: 10px; }
.faq_head      { font-size: 24px; margin-bottom: 3px; vertical-align: middle; font-weight: bold; }
.faq_head_icon { width:40px; }
.faq_hr        { width: 50%; background-color: #000000; height: 0px; border: none; }

/* wird im header genutzt */
.navi { line-height: 150%; }

/* fuer Gaestebucheintraege oder DSL-Berichte */
.gbfrom { color:#444444; font-size:10px; margin-bottom:10px; }
.gbcontent { line-height: 150%; margin-right:30px; }
.gbred { font-size: 12px;  margin-top:10px; margin-bottom:10px; margin-right: 30px; font-style:italic;  }
.gbtop { background-color:#FFFFFF; padding: 5px; border: solid black 1px; margin-bottom:5px; }
.gbflop { background-color:#FFFFFF; padding: 5px; border: solid black 1px; margin-bottom:5px; }

.opos { font-weight: normal; color:#009900; padding:1px 2px 1px 2px;}
.oneu { font-weight: normal; color:#000000; padding:1px 2px 1px 2px;}
.oneg { font-weight: normal; color:#990000; padding:1px 2px 1px 2px;}
.tdframed { background-color:#FFFFFF; padding: 5px; border: solid black 1px; margin-bottom:5px; }
.tframed { border:1px solid black; background-color: #FFFFFF;}

.color1 { background-color: #FFC; }
.color2 { background-color: #FFF; }

.th {
 font-weight: bold;
 padding-left: 2px;
 padding-right: 2px;
 background-color: #FFA;
}

.smaller {
 font-size: 70%;
 color:#666;
}

option.opt_active { color: #000000; }
option.opt_inactive { color: #999999; }



form.inplaceeditor-form { /* The form */
 margin-top: 0px;
 width: 400px;
}


form.inplaceeditor-form input[type="text"] { /* Input box */
 width: 400px;
 background-color:#ffff99;
}

form.inplaceeditor-form textarea { /* Textarea, if multiple columns */
}

form.inplaceeditor-form input[type="submit"] { /* The submit button */
}

form.inplaceeditor-form a { /* The cancel link */
  margin-left:1em;
}

.inplaceeditor-saving { font-size:11px; margin: 0px; padding: 0px;}
.inplaceeditor-notext { font-size:12px; margin: 0px; padding: 0px; border:1px solid #AAAAAA; color:#AAAAAA; width:400px; }
.inplaceeditor-text { font-size:12px; margin: 0px; padding: 0px; border:1px solid #AAAAAA; color:#000000; width:400px; font-weight:bold; }

#leftnav {
 position: absolute;
 top:21px;
 left:10px;
 width:130px;
 z-index:2;
 line-height: 150%;
}

#content {
 position: absolute;
 top:20px;
 left:145px;
 z-index:0;
 padding:30px 5px 0px 15px;
 margin-bottom: 50px;
 max-width:740px;
 min-width:540px;
 min-height:350px;
 border-left: 1px solid #AAAAAA;
}

#foot { 
 margin-top:70px;
 margin-bottom:20px;
 font-size: 10px;
 color: #666666;
}

#logo {
 position:relative;
 font-size:14px;
 font-weight:bold;
 text-align: right;
 z-index:1;
 max-width:290px;
 min-width:140px;
 margin-right:5px;
 margin-left:600px;
 margin-bottom:5px;
}

#usernav {
 position:relative;
 text-align: right;
 min-width:740px;
 margin-right:5px;
 max-width:890px;
 z-index:1;
}

#copyright {
  display: none;
}