/***********************************************/
/* Copyright 2010   Dieter Mähl
/*
/*                   BQB CSS
/* Funktion			 CSS Einstellungen
/* letzte Änderung : 11.01.2010
/**********************************************/
body
{
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;     
    font-size:14px; 
	background: #fff url(../images/baks.jpg) 0 0 repeat-x;
}
h1,h2,h3 {
 margin-bottom: .5em;
 font-family: Arial, Helvetica, sans-serif;

}

#root
{
    width:984px;
    height: 100px;
    margin: 0px auto;
    text-align: left;
    color: #000000;
}
#root a
{
    color: #000000;
    text-decoration: none;
    font-weight: bold;
}
#root a:hover
{
    color: #FFFFFF;
}
/* Kopfbereich */
#head
{	
  border-top-color:#3C8FB7;
  border-top-width: 1px;
  border-top-style: solid;
  border-bottom-color:#3C8FB7;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  height:130px;
  margin: 10px 0px 10px 0px;
}
.head_left
{
  float: left;
}
.head_right
{
  float: right;
}
#content
{
  width: auto;
  border: 0px solid #000000;
  margin: 0px;
}

/* Vertikale Navigation */
.navi_left {
    font-size: 94%;
    width: 200px;
    float: left;
    padding: 0.8em;
    border-right-color:#3C8FB7;
    border-right-width: 1px;
    border-right-style: solid;
  }

.content_left
{
   width: 575px;
   float: left;
   margin: 0px 0px 0px -1px;
   border-left-color:#3C8FB7;
   border-left-width: 1px;
   border-left-style: solid;
}
.content_left_ohne_right
{
   width: 720px;
   float: left;
   margin: 0px 0px 0px -1px;
   border-left-color:#3C8FB7;
   border-left-width: 1px;
   border-left-style: solid;
}
.content_right
{
    width: auto;
    float: right; 

    
}
  * html div#Tmenu {
    width: 11.3em;
    w\idth: 11.3em;  /* (IE 6 in standards-compliant mode) */
  }
  ul#Navigation {
    margin: 0; padding: 0;
    text-align: center;
  }

  ul#Navigation li {
    list-style: none;
    position: relative;
    margin: 0.4em; padding: 0;
  }
  * html ul#Navigation li {
    margin-right: 1.5em;  /* Platz fuer Link-Verbreiterung im IE reservieren */
    margin-bottom:0;
  }

  ul#Navigation li ul {
    margin: 0; padding: 0;
    position: absolute;
    top: 0; left: 9.3em;
  }
  *:first-child+html ul#Navigation li ul {
    left: 9em;  /* (IE 7 in standards-compliant mode) */
  }
  ul#Navigation li ul li {
    margin: 0; padding-left: 1.4em;
  }

  ul#Navigation a, ul#Navigation span {
    display: block;
    width: 8em;
    font-family: "Trebuchet MS", "Century Gothic", Helvetica, Arial, sans-serif;
    text-decoration: none;
    font-weight: bold;
    padding: 0.2em 1em;
    border: 1px solid #900;
    border-left-color: #c96; border-top-color: #c96;
    color: white; background-color: #3F89AC;
  }
  * html ul#Navigation a, * html ul#Navigation span {
    width: 8em;
    w\idth: 8em;  /* (IE 6 in standards-compliant mode) */
  }
  ul#Navigation a:hover, ul#Navigation span, li a#aktuell:hover {
    border-color: #c96;
    border-left-color: #900; border-top-color: #900;
    background-color: #666467;
  }
  li a#aktuell {
    border-right-color: #300; border-bottom-color: #300;
    background-color: #900;
     width: 10em;
    background: #666467 url(../bilder/bullet.gif) no-repeat center right;
  }
  ul#Navigation li ul span {
    border-color: #900; border-left-color: #c96;
    color: #900; background-color: white;
  }
  ul#Navigation li a:active {
    color: black; background-color: #6C6C6C;
  }

/* dynamisches Ein-/Ausblenden */
  ul#Navigation li ul {
    display: none;
  }
  ul#Navigation li:hover>ul {
    display: block;
  }
  ul#Navigation>li:hover>a {
    width: 10em;
    background: #666467 url(../bilder/bullet.gif) no-repeat center right;
  }
/* dynamisches Ein-/Ausblenden der JavaScript-generierten Klasse im IE */
  * html ul#Navigation li.hoverIE {
    margin-right:0;  /* reservierten Platz freigeben */
    margin-bottom:-1.15em;  /* Fehlerkorrektur, ggfls. anpassen */
  }
  * html ul#Navigation li.hoverIE ul {
    display: block;

  }
  * html ul#Navigation li.hoverIE {
     width: 10.3em;
    w\idth: 8.2em;  /* (IE 6 in standards-compliant mode) */
      background: #666467 url(../bilder/bullet.gif) no-repeat center right;
  }

#footer
{
	width:982px;
	 float: left;
	 color: #408EB4;
    border: 0px solid #000000;
	text-align: center;
    height:20px;
    margin: 0px auto;
	
}
a#footer {
 border-bottom: solid 0px #d9d9d9;
 font-weight: normal;
 text-indent: 5px;
 letter-spacing: 1px;
}
 .linie {
  border-top-color:#3C8FB7;
  border-top-width: 1px;
  border-top-style: solid;
  border-bottom-color:#3C8FB7;
  border-bottom-width: 1px;
  border-bottom-style: solid;
}
.formulartabelle {
 font-family: Arial, Helvetica, sans-serif;
 font-size:13px;
 background-color:#FFFFFF;
 border-style: solid;
 border-width:1px 1px 1px 1px;
 border-color:#DA9401;
 border: none;
}
.formulareingabe:focus {
 background-color:#FF9966;
}
.formulareingabe:hover {
 background-color:#FF9966;
}
.formulareingabe:active {
 background-color: #ffffFF
}
.formular_button:focus {
  background-color:#666467;
}
.formular_button:hover {
  background-color:#666467;
}
.left { float: left; margin-right: 8px; }
.right { float: right; margin-left: 8px; }
.box_overlay{
			display: none;
			position: absolute;
			top: 0%;
			left: 0%;
			width: 100%;
			height: 100%;
			background: #EEE;;
			z-index:1001;
			-moz-opacity: 0.8;
			opacity:.80;
			filter: alpha(opacity=80);
		}
.box_content {
			display: none;
			position: absolute; 			
			top: 25%;
			left: 25%;
			width: 50%;
			height: 55%;
			padding: 16px;
			background: #FFF;	
	   border: 1px solid #CCC;
			z-index:1002;
			overflow: auto;
}
.box_close {
  display: none;
	position: absolute;
	top: 0px;
	right: 0px;
	height: 30px;
	width: 30px;
	background: url('../images/closebox.png') top left no-repeat;
	cursor: pointer;	
}
.box_l, .box_r{
 display: none;
 position: absolute;
 width: 80px; 
 height: 32px; 
 
  }
 
.box_l { left: 0; float: left;}
.box_r { right: 0; float: right;}
.box_l { background: url(../images/prevlabel.gif) left no-repeat; }
.box_r { background: url(../images/nextlabel.gif) right no-repeat; }
.box_karte {
			display: none;
			position: absolute;
			top: 25%;
			left: 25%;
			width: 500px;
			height: 400px;
			padding: 16px;
			background: #FFF;	
	   border: 1px solid #CCC;
			z-index:1002;
			overflow: auto;
}
.box_bild {
			display: none;
			position: absolute;
			font-weight: normal;
		  font-size:14px;
			top: 5%;
			left: 15%;
			width: 450px;
			height: 450px;
			padding: 16px;
			background: #FFF;	
	   border: 1px solid #CCC;
			z-index:1002;
			overflow: auto;
}
.box_bild_beschreibung {
margin:30px 0px 0px 0px;
}
.header, th {
	color: #FFFFFF;
	font-style: normal;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-color: #3C8FB7;

}
.oddrow {

	color: #000000;
	font-style: normal;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #DCDCDC;
}
.evenrow {


	color: #000000;
	font-style: normal;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #F2F2F2;
}
a.weiter, a.weiter:visited {
 background:url('../images/weiter.gif') no-repeat 0 0;
 color:#0092c9;    
 text-decoration: none;
 font-weight: normal;
 padding: 0 5px 0 13px;
 margin: 0;
line-height: 1.5em;
}
a.weiter:hover  {
 text-decoration: underline;
}