/*
** allgemein
*/
a:link { text-decoration: none; color: #970000}
a:visited { text-decoration: none; color: #666666}
a:hover { text-decoration: underline; color: #000000}
a:active { text-decoration: none; color: #000000}
a:focus { text-decoration: none; color: #0000FF}

html {
  font: normal 12px verdana, arial, helvetica, sans-serif;
}

html, body {
  height:100%;
}

body {
  padding: 0;
  margin: 0;
  color: #000000;
  min-width: 990px;
  background: black url(../images/header/background_body.gif) repeat-y;
  text-align: left;
  text-decoration: none;
}

/*
** wrapper
*/
#outer_wrapper {
  width: auto;
  height: 100%;
}

#inner_wrapper {
  min-height : 100%;
  margin-left : 200px;
  margin-right : 10px;
  background: #ffffff url(../images/header/background_middle.gif) repeat-y;
  margin-bottom : -15px;
  width: 790px;
}
* html #inner_wrapper {height:100%;} /* IE6 and under treat height as min-height anyway*/

#header_wrapper {
  text-align: left;
  position:relative;
  margin: 0 -201px;
  padding-top: 0px;
  min-height: 0;/* ie 7 haslayout fix */
}
/* mac hide \*/
* html #header_wrapper{ height: 0px; he\ight: 1px;}/* height needed for ie to force layout*/
/* end hide*/

#left_wrapper {
  position: relative;/*ie needs this to show float */
  width: 200px;/* same as the left margin on #outer*/
  float: left;
  margin-left: -199px;/*must be 1px less than width otherwise won't push footer down in older mozilla*/
  left: -2px;/* push column into position*/
  background: #970000;
}

#footer {
  width:100%;
  clear:both;
  height:15px;
  background-color: #000000;
  text-align:center;
  position:relative;
}
* html #footer {/*only ie gets this style*/
\height:17px;/* for ie5 */
he\ight:15px;/* for ie6 */
}
#clearfooter{ clear:both; height:10px;}/*needed to make room for footer*/
* html #content_wrapper {height:1%; margin-bottom:12px}/* combat IE's 3 pixel jog */

/*
** content and menues
*/
#banner_image img {
}

#banner_menu_left {
  position: absolute;
  left: 20px;
  top: 75px;
}

#banner_menu_right {
  position: absolute;
  left: 700px;
  top: 75px;
}

#content {
  padding: 15px;
}

#fontsize {
  padding: 5px 10px;
  float: left;
  border: 1px #999999;
}

#rootline {
  padding: 10px 50px;
}

#copyright {
  clear: both;
  font: normal 11px verdana, arial, helvetica, sans-serif;
  color: #999999;
  text-align: center;
}

#leftmenu {
  background: #970000;
}

#service {
  padding-left: 30px;
  background: #ffffe0;
}

/*
** li and ul
*/
#banner_menu_left ul {
   margin: 0;
   padding: 0;
}

#banner_menu_left li {
   float: left;
   display: block;
   color: #dddddd;
   padding: 0 10px 0 0;
   font: normal 1em verdana, arial, helvetica, sans-serif;
}

#banner_menu_left li a {
   text-decoration: none;
   color: #dddddd;
}

#banner_menu_left li a:hover {
   color: yellow;
}


#banner_menu_left li.ACT,
#banner_menu_left li.CUR {
   font-weight: bold;
   color: yellow;
}

#banner_menu_right ul {
   margin: 0;
   padding: 0;
}

#banner_menu_right li {
   float: left;
   display: block;
   color: #dddddd;
   padding: 0 10px 0 0;
   font: normal 1em verdana, arial, helvetica, sans-serif;
}

#banner_menu_right li a {
   text-decoration: none;
   color: #dddddd;
}

#banner_menu_right li a:hover {
   color: yellow;
}


#banner_menu_right li.ACT,
#banner_menu_right li.CUR {
  font-weight: bold;
  color: yellow;
}

#rootline a, #service a {
  text-decoration: none;
  color: #666666;
}

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

#leftmenu li {
   text-decoration: none;
   font: normal 1em verdana, arial, helvetica, sans-serif;
   padding: 5px 0 5px 30px;
}

#leftmenu li a {
   text-decoration: none;
}

#leftmenu li a:hover {
   color: yellow;
}

#leftmenu li a {
   color: #dddddd;
}


#leftmenu li.ACT,
#leftmenu li.CUR {
   font-weight: bold;
   color: yellow;
}

* h1 {
  font: bold 1.5em verdana, arial, helvetica, sans-serif;
}

* h2 {
  font: bold 1.3em verdana, arial, helvetica, sans-serif;
}

* p {
  font: normal 1em verdana, arial, helvetica, sans-serif;
}