html {
	height: 100%;
}
body  {
font-size: 100.1%;
background : #F4F3EE url(../pics/hg.jpg) repeat-x;
margin: 0;
padding: 0 0 10px 0;
min-height: 100%;
}
:focus {
	outline: 0;
}
h1, h2, h3, h4, h5, h6, p, br, ul, ol, li, hr  {
margin: 0px;
padding: 0px;
font-family: Arial, Helvetica, Verdana, sans-serif;
}
h1, h2, h3, h4, h5, h6, p, ul, ol, li, div, td, th, fieldset, input, textarea, address, blockquote, nobr, b, i  {
font-family:  Arial, Helvetica, Verdana, sans-serif;}
body {
text-align: center;
}
li li {
  font-size: 12px !important;
}

.clear {
clear: left;
}


#navibild img {
display: block;
}
#container {
text-align: left;
margin: 0 auto;
width: 950px;
 }
#header {
background: transparent url(../pics/chip_oben.jpg) no-repeat 180px 0;
position : relative;
width: 950px;
height : 101px;
}
#logo {
position : absolute;
top: 10px;
left : 0px;
}
#logo a img {
border: 0;
}
div.topnav     {
font-size: 0.7em;
position : relative;
left : 693px;
width : 300px;
padding : 0;
}

div.topnav ul  {
float : left;
margin : 0;
padding : 0;
list-style-type : none;
}

div.topnav li  {
display : inline;
padding : 0;
margin : 0;
}

div.topnav a      {
border-top : 3px solid #fff;
border-right : 1px solid #e5e5e5;
margin : 0;
padding : 40px 9px 0 7px;
display : block;
float : left;
text-decoration : none;
color: #666;
}
div.topnav a img {
border: 0;
}

div.topnav a:hover   {
text-decoration : none;
color : #069;/*#254E9C;*/
border-top : 3px solid #254E9C;
}
.tophier a:link, .tophier a:visited, .tophier a:hover, .tophier a:active, .tophier a:focus {
color: #005BA9;
}


.slogan {
padding-left: 345px;
}

#main  {
width: 950px;
margin: 0 auto;
}


#splash {
	position: relative;
	left: 181px;
	width: 769px;
}

div.mainnav   {
float: left;
width: 180px;
padding: 0;
background: #fff;
}
/* Hide from IE5-mac. Only IE-win sees this. \*/

* html #mainnav {
  margin-right: -3px;
  }

* html  #content {
  height: 1%;
  margin-left: 187px;
  }

/* End hide from IE5/mac */

div.mainnav  ul {
margin: 0;
list-style: none;
display: block;
background: #fff;
}
div.mainnav li      {
font:  0.8em/23px Arial, Helvetica, Verdana, sans-serif;

}
html div.mainnav li {
display: inline; /*fr IEs*/
}
div.mainnav li a   {
color: #005BA9;
font-weight: bold;
text-decoration: none;
padding: 3px 0px 3px 20px;
display: block;
background: #fff;
border-bottom: 1px solid #F4F4F5;
}
div.mainnav li a:hover, div.mainnav li a:active, div.mainnav li a:focus  {
color: #ED1E48;
padding: 3px 0px 3px 20px;
background: #fff url(../pics/pfeil.gif) 5px 5px no-repeat;
}
.mainhier a:link, .mainhier a:visited, .mainhier a:hover, .mainhier a:active, .mainhier a:focus {
color: #ED1E48;
background: #fff url(../pics/pfeil.gif) 5px 5px no-repeat;
}

div.mainnav li li a {
padding-left: 40px !important;
font-weight: normal;
}

div.mainnav li li a:hover {
padding-left: 40px !important;
font-weight: normal;
}

div.mainnav li li a:hover {
padding-left: 40px !important;

}

div.mainnav li li a:active {
padding-left: 40px;

}
div.mainnav li li a:focus {
padding-left: 40px;

}

#rechtespalte {
float: right;
width: 200px;
padding: 20px 0 0 0;
background: #fff;
font-size: 0.7em;
background: #fff url(../pics/round-rechts.gif) no-repeat 100% 0;
}

.datum {
font-weight: normal;
}

#rechtespalte p { color: #666; padding: 5px 3px 10px 8px; background: transparent url(../pics/punkte-grau.gif) 0px bottom repeat-x;}
#rechtespalte p.archiv { color: #666; padding: 5px 3px 10px 8px; background: #fff;}
#rechtespalte h1    { color: #005BA9; font-size: 1.2em; margin-bottom: 5px; font-weight: bold; padding: 0 0 15px 8px;}
#rechtespalte h2    { color: #666; font-size: 1em; margin-bottom: 5px; font-weight: bold; padding: 10px 0 0 8px;}

#rechtespalte a:link  {
color : #ED1E48;
text-decoration : none;
}
#rechtespalte a:visited {
color : #ED1E48;
text-decoration : none;
}
#rechtespalte a:hover {
color : #fff;
background: #6BA3DA;
}
#rechtespalte a:active {
color : #ED1E48;
}

#content       {
margin-left: 190px;
margin-right: 210px;
padding: 20px 20px 20px 25px;
line-height: 1.2em;
background: #fff url(../pics/round.gif) no-repeat 100% 0;
}


#hgbild {
background: transparent url(../pics/quality.gif) no-repeat;
}

.hoehe { height: 600px; }
div[class = "hoehe"] { height: auto; min-height: 600px; }
#content p { color: #000; font-size: 0.8em;  padding: 0 0 15px 30px;}
#content h1    { color: #005BA9; font-size: 1em; margin-bottom: 20px;font-weight: bold; }
#content h2    { color: #005BA9;  font-size: 0.9em; margin-top: 0.5em; margin-bottom: 0.5em; border-bottom: 2px solid #F4F4F5;}
#content h3    { color: #999;  margin-bottom: 1em;margin-top: 0.5em;font-weight: bold; font-size:0.8em;}
#content h4    { color: #000;  margin-bottom: 1em; margin-top: 0.5em; font-weight: normal; font-size:0.8em;}
#content ul { list-style-type: none; }
#content li {
font-size: 0.8em;
color: #000;
margin-left: 3em;
background-image: url(../pics/punkt.gif);
background-position: 0 0.2em;
background-repeat: no-repeat;
padding-left: 2em;
}

#absatz {
margin-top: 15px;
}
#absatz p {
padding: 0 0 15px 0;
}

#content li li {
background-image: url(../pics/strich.gif);
background-position: 0 0.2em;
background-repeat: no-repeat;
padding-left: 2em;
}
#content li li li{
background-image: url(../pics/punkt.gif);
background-position: 0 0.2em;
background-repeat: no-repeat;
padding-left: 2em;
}
#content li li li li{
background-image: url(../pics/strich.gif);
background-position: 0 0.2em;
background-repeat: no-repeat;
padding-left: 2em;
}

#listenbild li {
list-style-type: none;
}
#content a:link  {
color : #ED1E48;
text-decoration : none;
}
#content a:visited {
color : #ED1E48;
text-decoration : none;
}
#content a:hover {
color : #fff;
background: #6BA3DA;
}
#content a:active {
color : #ED1E48;
}
#content a img {
border: 0;

}


#content table a:link  {
color : #ED1E48;
text-decoration : none;
}
#content table a:visited {
color : #ED1E48;
text-decoration : none;
}
#content table a:hover {
color : #fff;
background: #000;
}
#content table a:active {
color : #ED1E48;
}


#content a.weiss:link  {
color : #ED1E48;
text-decoration : none;
}
#content a.weiss:visited {
color : #ED1E48;
text-decoration : none;
}
#content a.weiss:hover {
color : #fff;
background: #fff;
}
#content a.weiss:active {
color : #ED1E48;
}

#footer   {
font:  0.7em Arial, Helvetica, Verdana, sans-serif;
text-align: right;
margin-left: 190px;
width: 550px;
color: #fff;
height: 40px;
background : #24488A url(../pics/round_li.gif) no-repeat 0 100%;
}
#footer p {
padding: 10px 10px;
}



#footer a      {
 color: #fff;
 text-decoration: none; }

#footer a:visited {
color : #fff;
text-decoration : none;
}
#footer a:hover {
color : #fff;
text-decoration: underline;
}
#footer a:active {
color : #fff;
}

#bottom {
width: 180px;
height: 40px;
padding: 0;
margin: 0;
background : #fff url(../pics/bottom.gif) no-repeat bottom;
}

/* FORMULAR
---------------------------------------------------*/
fieldset {
	width: 400px;
	border: 0;
}
fieldset p {
width: 100%;
float: left;
}
fieldset input  {
width: 60%;
border: 1px solid #ccc;
background: #fafafa;
}
.submit {
	background:  #fafafa;
	width: 20%;
}
.rechts {
	text-align: right;
	margin-right: 5px;

}
fieldset select  {
width: 100px;
padding-right: 5px;
}
fieldset label {
display: block;
float: left;
width: 35%;
padding: 0px;
margin: 0 5px 0 0;
background: #f4f3dd;
color: inherit;

	}
.lang {
	width: 80%;
	background: #fff;
}
fieldset textarea {
	border: 1px solid #ccc;
	width: 240px;
	background: #fafafa;
}
.kurz {
	width:20px;
}
/*Ende Formular*/


.box {
float: right;
width: 200px;
padding: 4px;
border: 1px solid #ccc;
margin-right: 6px;
background: #fff;
}

.foto {
float: right;
padding: 4px;
margin-right: 8px;
border: 1px solid #ccc;
}

.autor {
text-align:right;
font-size: 0.9em;
display: block;
}


#bild {
float: right;
width: 200px;
padding: 3px 3px;
margin: 2px 2px;
border: 1px solid #ccc;

}


.foto {
float: right;
margin-left: 5px;
border: 0;
}
.stimmen {
font: 0.8em/1.5em Georgia, Trebuchet, Verdana, sans-serif;
color: #666;
font-style: italic;
padding: 5px;
border: 1px solid #ccc;
background-color: #F4F3EE;
margin-bottom: 1em;
}
* html .stimmen { /* Diesen Selektor beachten nur IEs
*/
width: 400px; /* Diese Anweisung ist nur fuer IE 5
und 5.5 */
w\idth: 390px; /* Diese Anweisung ist nur fuer IE 6
*/
}
.rechts {
text-align: right;
padding: 0;
}

#liste {
	padding-bottom: 10px;
}

#liste li {
background-image: url(../pics/pfeil.gif);
background-position: 0 0.2em;
background-repeat: no-repeat;
margin: 0;
}
#downloads li {
background-image: url(../pics/pfeil.gif);
background-position: 0 0.2em;
background-repeat: no-repeat;
margin: 0;
}
#content p.basic {
padding: 0;
}

.zitat {
font: 0.8em/1.5em Georgia, Trebuchet, Verdana, sans-serif;
color: #666;
font-style: italic;
padding: 0;

}

.datum {
color: #999;
}

#grafik {
background: transparent url(../pics/embedded_quality.gif) 50px 0 no-repeat;
width: 350px;
height: 300px;
font-size: 0.8em;
color: #666;
margin-top: 10px;
margin-left: 110px;
}

#boxa {

width: 250px;
padding: 5px 5px 5px 20px;
background: #005BA9;
color: #fff;
margin-bottom: 5px;
}

#boxb {
width: 230px;

padding: 5px 5px 5px 20px;
background: #005BA9;
color: #fff;
margin-bottom: 5px;
}
#boxc {
width: 210px;

padding: 5px 5px 5px 20px;
background: #005BA9;
color: #fff;
margin-bottom: 5px;
}
#boxd {
width: 190px;

padding: 5px 5px 5px 20px;
background: #005BA9;
color: #fff;
margin-bottom: 5px;
}
#boxe {
width: 170px;
padding: 5px 5px 5px 20px;
background: #005BA9;
color: #fff;
margin-bottom: 5px;
}

#platzhalter {
width: 170px;
color: #fff;
height: 20px;
margin-bottom: 5px;
}
#download {
margin-left: 125px;
}


#termine {
float: right;
width: 200px;
}
.logos {
margin-top: 20px;
}

.abstand {
padding-right: 20px;
}



.verbandlogo {
padding-left: 30px;
}

.verbandlogo p {
margin: 0 0 0 150px;
  padding: 0;
}

#bildlinks {
width: 150px;
float: left;
}

#bildlinks2 {
width: 150px;
float: left;
clear: all;
}
/*LAUFBAND
-----------------------------------------------------*/
#aktuelles {
font-size: 0.8em;
	position: fixed;
	float: right;
	text-align: right;
	width: 245px;
	height: 30px;
	z-index: 10;
	top: 70px;
	left: 495px;
	color: #fff;
	background: transparent;
	border-top: none;
	overflow: visible;
	padding: 0;
	margin: 0;
}
/*  Hack gegen IE5 Mac \*/
#aktuelles {
	position: absolute;
}
/*  Ende Hack gegen IE5 Mac */
#aktuelles a      {
 color: #005BA9;
 text-decoration: none; }

#aktuelles a:visited {
color : #005BA9;
text-decoration : none;
}
#aktuelles a:hover {
color : #005BA9;
text-decoration: underline;
}
#aktuelles a:active {
color : #005BA9;
}

table {
border-collapse: collapse;
}

table td {
font-size: 0.8em;
}

td.datum {
font-size: 0.7em;
color: #000;
}

table tbody {
border: 0;
}

td {
  border: 1px solid #e5e5e5;
  padding: .4em;
  color: #363636;
  }

td.blau {
	color: #005BA9;
	font-weight: bold;
}

thead th, tfoot th {
  font: bold 11px verdana, arial, helvetica, sans-serif;
  border: 0;
  text-align: left;
  background: #d2e3f3;
  color: #08325e;
  padding-top:3px;
  }


tbody td a {
  background: transparent;
  text-decoration: none;
  color: #363636;
  }

tbody tr a:hover {
	background: transparent;
  color: #363636;
  }

tbody td a:hover {
	background: transparent;
  color: #363636;
  }
tbody th a {
  font: normal 11px arial, helvetica, sans-serif;
  background: transparent;
  text-decoration: none;
  font-weight:normal;
  color: #363636;
  }
tbody th a:hover {
  background: transparent;
  color: #fff;
  }

tbody th, tbody td {
  vertical-align: top;
  text-align: left;
  }

tfoot td {
  border: 1px solid #03476F;
  background: #4591AD;
  padding-top:3px;
  color: #FFFFFF;
  }
.odd {
  background: #AEE239;
  }
/*
tbody tr:hover {
  background: #6BA3DA;
  border: 1px solid #03476F;
  color: #FFFFFF;
  }*/
tbody tr:hover th,
tbody tr.odd:hover th {
  background: #FFD800;
  color: #FFFFFF;
  }