/*  =========================================================
Regenbogen - Kindergarten   
Datei:  bildschirm.css
Media:  screen 
========================================================== */

/* ====================================== 
   1. Kalibrierung und allgemeine Styles 
   ====================================== */

/* Kalibrierung der wichtigsten Abstände */
@charset "utf-8";
*  { padding: 0; margin: 0px; margin-bottom: 5px; }
h2, p, ul, ol { margin-bottom: 1em; }  
ul ul { margin-bottom: 0; } 
li { margin-left: 0em; } 

/* Allgemeine Selektoren */
body, td, th, div, p, label, input {
  color: #333333;
  font: normal 12px Arial, Helvetica, sans-serif;
  }
input, select { color:#595959; }
a{ color:#333333; font-weight: bold; }
a:hover{ color:#900; text-decoration:none; }
a, button, .button{ cursor:pointer; }
dd, dl, dt {line-height: 11px;}
/* Hyperlinks */

/* ==================================== 
   2. Styles für die  Layoutbereiche 
   ==================================== */
#body {
  background: #909090 url(bg_body.gif) 0 0 repeat-x;
  }

#wrapper 	{
  width: 955px;
  margin: 0 auto;
  padding: 0 0 28px 0;
  }

#banner { 
  width:100%; 
  height:164px;
  }

#top-menu { 
  background: #2B2E31 url(row_top_menu.png) 0 0 repeat-x; 
  height: 32px; 
  }

#top-menu ul {
  padding: 3px 0 0 0px !important;
  margin: 0 0 0 0 !important;
  }

#top-menu ul li	{
  display:block;
  list-style-type: none;
  padding: 0 0 0 0;
  float: left;
  margin: 0 0 0 0;
  padding: 0 2px 0 0 !important;
  background: url(top_menu_separator.gif) right 0 repeat-y;
  text-transform: uppercase;
 }

#top-menu ul li a  {
  background: url(main_menu_marker.gif) right 12px no-repeat;
  border: none;
  font-size:12px;
  font-style: bold;
  color: #FFFFFF;
  line-height: 1.2em;
  text-decoration: none !important;
  float: left;
  font-weight: bold;
  padding: 7px 25px 8px 8px;
  margin: 0 0 0 0;
  display: block;
  }

#top-menu ul li a:hover, 
#top-menu ul li a:hover span, 
#top-menu ul li.active a,
#top-menu ul li.active a span,
#top-menu ul li .rex-current {
  color:#D90306 !important;
  }

#sub-menu .sub1 { 
  list-style-type: none;
  text-transform: uppercase;
  }

#sub-menu .sub2 { 
  list-style-type: none;
  text-transform: uppercase;
  }

#sub-menu a {
  font-size: 12px;
  font-style: bold;
  color: #333333;
  line-height: 1.5em;
  text-decoration: none !important;
  }

#sub-menu a:hover, 
#sub-menu a:hover span, 
#sub-menu .rex-current {
  color:#D90306 !important;
  }

#content{ padding:5px 0 5px 0; }
#container{overflow:hidden; height:100%;  text-align:left; padding:0 0 0 0; }
#right{ float:right; text-align:left;    width:306px; _margin:0 0 0 -3px;}
.bg-border{ background:#E0DEDE; padding:1px;margin-bottom:3px !important;}
.bg{ background:#FFFFFF;}
.right-indent{ padding:0 0 0 10px;}

#sidebar_einsaetze {
  clear: both;
  text-align: center;
  padding-bottom: 15px;
  line-height: 12px !important;
  }
#sidebar_einsaetze a{ color:#333333; font-weight: bold; text-decoration:none; }
#sidebar_einsaetze a:hover{ color:#900; text-decoration:none; }

#einsaetze a{ color:#333333; font-weight: bold; text-decoration:none; }
#einsaetze a:hover{ color:#900; text-decoration:none; }
/* ==================================== 
   3. Sonstige Styles 
   ==================================== */

.clear{ width:100%; overflow:hidden;}
.fright{ float:right !important;}
.fleft{ float:left;}

.boxTitle{ padding:0 9px 0 8px;}
.boxTitle h1{ color:#990000; font-size:24px; line-height:24px; text-transform:uppercase; padding:14px 0 4px 0; border-bottom:1px solid #990000;}
.boxIndent{ padding:7px 59px 19px 10px;}
.boxSubTitle{ padding:10px 0p 0 8px;}
.boxSubTitle h1{ color:#990000; font-size:12px; line-height:14px; text-transform:uppercase; padding:14px 0 4px 0; border-bottom:1px solid #990000;}

.img-indent{ float:left; margin:0 10px 10px 0 !important;}

.row-text-1 .col-1a{ width:50%; font-size:11px; line-height:12px;}
.row-text-1 .col-2a{ width:50%; font-size:11px; line-height:12px;}
.text-2{ color:#D90306; display:block; padding:9px 0 5px 0; font-size:13px;}
.indent-1{ padding:19px 0 0 0;}

#fzg_detail .row-text-1 .col-1a{ width:49%; font-size:12px; line-height:14px;}
#fzg_detail .row-text-1 .col-2a{ width:49%; font-size:12px; line-height:14px;}
#fzg_detail .infobox { padding-bottom: 5px; }
#fzg_detail .infoboxl{ width:50%; font-size:12px; line-height:14px}
#fzg_detail .infoboxr{ width:50%; font-size:12px; line-height:14px}

#gal_index .left { width: 110px; font-size:12px; line-height:14px; padding-right: 10px; }
#gal_index .right { width: 450px; font-size:12px; line-height:14px; }
#gal_index2 .box { width: 33%; font-size:12px; line-height:14px; }

.col_left { width: 110px; font-size:12px; line-height:14px; padding-right: 10px; }
.col_right { width: 450px; font-size:12px; line-height:14px; }

/*-------------------------------------footer---*/
.footer{ border-top:5px solid #2B2E31; padding:17px 0 0 0;}
.footer-separator{ border-left:1px solid #BFC0C2; padding:28px 11px 11px 38px; color:#333333; font-size:11px;}
.footer-separator a{ color:#333333; font-size:11px; font-weight:bold; text-decoration:none;}
.footer-separator a:hover{ color:#D90306; text-decoration:underline;}

.footer .col-1{ width:187px;}
.footer .col-1 h1{ margin:0 0 0 1px;}
.footer .col-2{ width:565px;}