body { margin: 0px 0px 0px 0px; background-color: #FFFFFF; }
body, td, p { font-family: Verdana, Arial, sans-serif; color: #222222; font-size: 12px; }
a img { border: none; }
h1 { font-size: 18px; margin-bottom: 10px; margin-top:20px; }
h1.ip { font-size: 24px; margin:10px 0 5px 0px; }
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; }
.sub  { color: #009900; font-weight: normal; }
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:#444; 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; color:#222222;; }
h3.g { font-size: 12px; font-weight: bold; margin: 12px 0px 0px 0px; }
h3.g a { font-size: 12px; font-weight: bold; margin: 12px 0px 0px 0px; color:#222222; }
div.hr { border-bottom: 1px solid #AAA; margin-top:15px; width:300px;  }
.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; }
.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; }
.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; }

/* shoutbox */
.fbhead { color:#444444; font-size:10px; margin:5px 0px 10px 0px; text-align:left; }
.fbcontent { line-height: 140%; }
.fbfrom { color:#444444; font-size:10px; margin:10px 0px 5px 0px; text-align:right; font-style:italic; }

.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; }
.color3 { background-color: #EEE; }

.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; }

.boxed { border:1px solid black; padding:5px 5px 5px 10px; background-color:#FFFFF0; width:270px; font-weight:bold; }
.feedback { border:1px dashed #CCCCCC; float:right; width:160px; margin:5px; padding:5px; background-color:#FFFFCC;}

div#tarifrechner_teaser a:hover{
  text-decoration: none;
}
div#tarifrechner_teaser a {
  cursor: pointer;
}

#leftnav {
 position: absolute;
 top: 15px;
 left: 10px;
 width: 130px;
 z-index: 2;
 line-height: 170%;
/* border: 1px solid #AAA; */
 margin: 0px;
 background-color: white;
}

#leftnav_inner {
 padding: 5px;
 background-color: #F1F1F1;
 width: 120px;
}

#content {
 position: absolute;
 top: 15px;
 left: 145px;
 width:740px;
 z-index: 0;
 padding: 0px 5px 0px 15px;
 margin: 0px 0px 50px 0px;
 background-color:#FFFFFF;
}

#content .contentblock {
 background-color:#FFFFFF;
 line-height:150%;
}

#content .contentblockrs {
 background-color:#FFFFFF;
 line-height:150%;
 margin-bottom:5px;
 margin-top:10px;
}

a.clicktext {
 color: black;
 display: block;
}

a.clicktext:hover {
 text-decoration:none;
}

#content p { margin:0px; padding:5px 0px; }

.contentblockst {
 margin-bottom: 10px;
 background-color:#FFF;
 line-height:150%;
}

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

#msg {
  position:absolute;
  top:55px;
  left:15px;
  color: #080;
  font-size: 12px;
  font-weight: bold;
  border:3px solid #080;
  margin: 1px;
  padding: 20px;
  text-align: center;
  background-color:#EEE;
  z-index:7;
 }

#err {
  position:absolute;
  top:55px;
  left:15px;
  color: #C00;
  font-size: 12px;
  font-weight: bold;
  border: 3px solid #C00;
  margin: 1px;
  padding: 20px;
  text-align: center;
  background-color:#EEE;
  z-index:8;
}

#logo {
 font-size:14px;
 font-weight:bold;
 text-align:right;
 margin:7px 20px 0 0;
 float:right;
}

#usernav {
 position:relative;
 margin:62px -141px 0 0;
 width:340px;
 font-size:10px;
 text-align:right;
 float:right;
 z-index:1;
}

#copyright {
  display: none;
}

#stcont {
  padding-top:1px;
}

#stcont h3 {
 margin-top:0px;
}

#stleft {
  margin: 0px 335px 0px 0px;
  padding: 1px 10px 0px 0px;
  border-right:1px solid #AAA;
}

#stright {
  float:right;
  width: 315px;
  margin: 0px 5px 0px 10px;
  padding: 1px 0px 0px 10px;
}

#indexcont {
  padding: 10px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

#indexleft {
  width: 410px;
  margin: 0px;
  float:left;
  padding: 0px 5px 0px 0px;
  border-right: 1px solid #CCCCCC;
}

#indexright {
  width: 300px;
  padding: 0px;
  margin: 0px;
  float:left;
  margin-left: 20px;
}

#indexfooter {
  clear:both;
  padding: 15px 0px 0px 0px;
  color: #222;
}

optgroup {
 padding-top:4px;
 padding-bottom:4px;
 color:#800;
}

option {
 color:#000;
}


/** Interactive Media Ads
 */

#superfullsizebanner {
  margin:0 0 0 182px;
}

/** Testrahmen für mrecs
 * (falls keine buchungen da sind)
#mrectest {
  border:dashed 1px orange;
  width:300px;
  height:250px;
}
 */


/** Ergebnisdetails zum Blättern
 *  auf der Ergebnisseite
 */
#result_details {
  border:dotted 1px #ccc;
  width:100%;
  margin:10px 0;
}
#result_details td {
  margin:0;
}
#result_details .pagecounter {
  border:dotted #ccc;
  border-width:0 1px;
  height:20px;
  padding:7px 0 0 0;
  font-weight:bold;
  color:black;
  text-align:center;
}
#result_details .prev {
  width:50px;
  padding:0 5px 0 0;
  vertical-align:middle;
}
#result_details .next {
  width:50px;
  padding:0 0 0 5px;
  vertical-align:middle;
}
#result_details .prev a, #result_details .next a {
  display:block;
  width:100%;
  height:100%;
}
#detail_display {
  border:dotted #ccc;
  border-width:0 1px;
  height:390px;
  padding:5px 10px;
  vertical-align:middle;
  text-align:center;
}
#detail_display p {
  text-align:left;
}
#detail_display h2 {
  margin:0 0 8px 0;
  text-align:left;
}
#detail_display .taf_label {
  text-align:right;
  padding:0 3px 0 0;
}

a:focus {
 outline-color: -moz-use-text-color;
 outline-style:none;
 outline-width:medium;
}

a.btnlink {
display: block;
height: 45px;
width:220px;
padding-top: 18px;
padding-right: 15px;
padding-bottom: 15px;
padding-left: 60px;
background-color: transparent;
background-image: url(/img/starttestbtns.png);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 0px 0px;
color: #09700b;
font-size:1em;
text-decoration: none;
}

a.btnlink:hover {
background-position: -300px 0px;
text-decoration: none;
cursor: pointer;
}