/**********      Rentnerband Böbingen     **********/
/**********         Copyright 2009        **********/
/**********   Autor: Alexander Häberle    **********/
/**********  http://www.gipsy-computer.de **********/

/*** Voreinstellung und Formatierungen ***/
body {
  height:100%;
  background-color: #E7F1FD;
  font-family: 'Verdana';
  font-size: 12px;  
}


/*** Layout ***/

#container {
  width: 970px;
  position: absolute;
  top: 5px;
  left: 50%;
  margin-left: -485px;
}

#header {
  width: 970px; 
}

#left {
  width: 125px;
  height: 490px;
  float:left;
  margin-top: 17px;
  margin-left: 1px;
}

#right {
  float:right;
  text-align: center;
  height: 490px;
  width:125px;
  margin-top: 17px;
  margin-right: 4px;
  margin-left: 2px;
  background-color: #00AFFF;
}

#content {
  margin-top:17px;
  width: 695px;
  height: 490px;
  margin-left: 8.5px;
  padding-left: 0px;
  border:1px solid #000;
  overflow:auto;
}

/*** Navigation ***/

#menu {
  width: 125px;
  float:left;
  margin-top: -1px;
}

#menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#menu a, #menu h2 {
  font: bold 13px/16px arial, helvetica, sans-serif;
  display: block;
  border-width: 1px;
  border-style: solid;
  border-color: #ccc #888 #555 #bbb;
  margin: 0;
  padding: 2px 3px;
}

#menu h2  {
  color: #FFFFFF;
  /*** Hintergrund Farbe für Titel ***/
  background: #19B3FB;
  text-transform: uppercase;
  text-align: center;
}

#menu a  {
  color: #000;
  /*** Hintergrund für Unterbereiche ***/
  background-image: url(../images/design/navi_a.png);
  text-decoration: none;
  margin: 0 0 0 0;
}

#menu a:hover  {
  color: #a00;
  background: #fff;
}

#menu li  {
  position: relative;
}

#menu ul ul ul  {
  position: absolute;
  top: 0;
  left: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
}

#menu ul li ul li {
  width: 119px;
  margin: 0 0 0 6px;
}

#menu ul li ul li ul li {
  width: 130px;
  margin-left:0px;
}

div#menu ul ul ul,
div#menu ul ul li:hover ul ul
  {display: none;}

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
  {display: block;}

/*** Newsbereich ***/

#normal,#normal2  {
  width: 125px;
}

/*** Content ***/

#inhalt  {
  padding-left:8px;
  padding-right:8px;
}

#ueberschrift {
  text-align:center;
  font-size:20px;
  padding: 5px;
  font-weight:bold;
  padding-bottom:15px;
}

a:link,
a:active { 
  color:#4919fb; 
  text-decoration:underline;
}

a:visited, 
a:hover {
  color:#1973fb; 
  text-decoration:none;
}