/* Padding: o r u l */

textarea, pre, code, kbd, samp, var, tt {
  font-family: Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier;
}

body {
  font-family:  Arial, Helvetica, sans-serif;
  font-size: 100%;
  color: #444;
}

/* Farbeinstellungen Hintergründe und Rahmen */
body   { background: #4d87c7 url("/css/bg_blau.png")  repeat-x top left fixed; }

html{ min-height:101%; } /*Scrollbar immer anzeigen*/
#container  { border:1px solid #00a; background-color:#ccf; }
#oben       { background-color:#ccf; }
#links      { background-color:#ccf; }
#rechts     { border-left:1px solid #00a; background-color:#ddf; }
#rechts2    { background-color:#ccf; }
#rechts img { border: 1px solid #00a; }
#partner    { background:#99f; color:#00a; }

/* Layout */
body { color:black; display:block; width:900px; margin:auto; padding: 0 0; }

#links   { float:left; width:170px; padding:5px 0px 0px 15px; font-size: 1.0em;}
#rechts  { padding:10px 20px 1px 20px; margin-left:185px; font-size: 1.1em; }
#rechts:after { content:"clear"; clear:both; display:block; height:0; overflow:hidden; visibility:hidden; }

/* für Buchungssystem - hier ist das Menü oben, um die volle Breite nutzen zu können*/
#oben    { padding:15px; font-size: 1.1em;}
#rechts2 { padding: 0 0 0 0; margin-left:0; font-size: 1.1em; }

p { margin:0 0 0.5em 0; }
#links p{ margin:0 0 0 0; }
#links p.ttop{ margin-top:0.7em }

#links a { text-decoration: none; font-weight: bold; color: #00f }
#links a:hover { background:#00a; color: #fff }
#oben  a { text-decoration: none; font-weight: bold; color: #00f }
#oben  a:hover { background:#00a; color: #fff }

#links-bl a { color: #00f }
#links-bl a:hover { background:#00a; color: #fff }

#links-ge a { color: #f80 }
#links-ge a:hover { background:#f80; color: #fff }

#links-gg a { color: #666 }
#links-gg a:hover { background:#666; color: #fff }

#links-gr a { color: #090 }
#links-gr a:hover { background:#090; color: #fff }

#links-pi a { color: #f0c } 
#links-pi a:hover { background:#f0c; color: #fff }

#links-ro a { color: #c00 }
#links-ro a:hover { background:#a00; color: #fff }

#links-xx a { color: #ccf }
#links-xx a:hover { background:#ccf; color: #fff }

#rechts a       { text-decoration: none; color: #00a }
#rechts a.lin   { text-decoration: none; color: #000 }
#rechts a:hover { background:#00a; color: #fff }


h1 {font-size: 1.6em; }
.clearer { display:none; }

#partner { font-size: 0.7em; margin-left:-20px; margin-right:-20px; padding:15px }


#submenu  { font-size: 0.8em; font-weight: bold; color: #00a }
#submenu a { color: #00a }

#submenu td { border:thin solid #00a; background:#ccf; vertical-align:top; overflow:hidden; 
     padding-right: 7px; padding-left: 7px; padding-top: 1px; padding-bottom: 2px; }

#rechts img {text-align: left; margin: 0px; margin-right: 20px; position:relative;}
#rechts img.no {border: 0;}


.box { background-color:#cfc; padding:6px; margin:0px; }


/*
@import url(css/iehacks.css);

/* Layout-dependent adjustments | Layout-abhängige Anpassungen --------------------------------------- */
@media screen, projection
{
  /**
   * Bugfix for IE 3-Pixel-Jog Bug
   *
   * @bugfix
   * @affected   IE 5.x/Win, IE6
   * @css-for    IE 5.x/Win, IE6
   * @valid      yes
   */
/*
  * html #xrechts { height: 1%; }
  * html #xlinks {margin-right: -3px;}
  * html #rxechts { margin-left: 24%; }
/**/
}


  /* (en) IE-Clearing: Only used in Internet Explorer, switched on in iehacks.css */
  /* (de) IE-Clearing: Benötigt nur der Internet Explorer und über iehacks.css zugeschaltet */
  #ie_clearing { display: none; }

* html #links, 
* html #rechts { position:relative; }