/*  Reset*/

* {
  margin: 0;
  padding: 0;
}

/*Hitergrund Farben - Seitenzentrierung*/
html {
	height: 100%;
	background: #ccc url(../images/bg.png) 50% 0 repeat-y;
	}
	
body {
	height: 100%;
	padding-top: 10px;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	}


#seite {
	margin-left: auto;
	margin-right: auto;
	width: 770px;
	color: #000;
	}

/*Kopf*/	
#kopf {
      height: 95px;
	  position: relative;
      background: url(../images/kopf.png) 50% 0 no-repeat;
	  color: #990000;
    }

#kopf h1 {
  font-size: 250%;
  font-weight: bold;
  position: absolute;
  left: 20px;
  bottom: 5px;
}

#kopf hr {
  display: none;
}

#logo {
	position: relative;
	float: right;
	right: 20px;
	top: 15px;

    }


/*mitte*/	
#mitte {
	background-image: url(../images/mitte.png);
	background-repeat: repeat-y;
	background-position: top;
	}
#mitte hr {
    clear: both;
    height: .1px;
    border: none;
    visibility: hidden;
    }


/*navigation*/
#navigation {
      width: 200px;
      margin-left: 5px;   /* Ausgleich Schlagschatten */
      float: left;
      color: #999;
    }
#navigation ul {
  margin-top: 1em;
  list-style: none;
}
#navigation ul ul {
  list-style: square;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-right: none;
  border-left: none;
  margin-top: 0;
}
#navigation li {
  font-size: 90%;
  padding: .5em 1em .5em 1em;
  text-transform: uppercase;
}
#navigation li li {
  text-transform: none;
  margin-left: 1.5em;
  padding: 0;
}
#navigation a {
  text-decoration: none;
  color: #fff;
}
#navigation a:hover {
  color: #990000;
  background: #999;
}
#navigation strong {
  font-weight: normal;
  color: #999;
}	

#bb_download{
	padding-left: 1em;
	padding-top: 2em;
}
#bb_download img{
	border: 0;
}
#bb_download a:hover {
	background-color:#003366;
}


/*Inhalt*/	
#inhalt {
   float: left;
   width: 550px;
    }
	
	/*hellgraue Box*/	
#box {
  background: #eee;
  border: 1px solid #ddd;
  padding: 1em;
  margin: 0 1em 1em 1em;
  font-size:80%;
}
span.rwtb{
	font-size: 120%;
	font-weight: bold;
	color: #990000;
}

	/*info Eintrag rote Ueberschrift + Text*/	
#info {
  margin: 0 1em;
  border-bottom: 1px dotted #ccc;
  margin-bottom: 10px;
}

#info p {
    font-size: 80%;
	margin: .5em 0 .5em;
}

#info img.info {
	float:left;
	padding: .5em .5em 0 0;
}

#info img.link{
	display: inline;
	vertical-align: bottom;
	border:0;
	padding-left: .5em;
}


		/*metainfo hellgraue zusatzinfo*/
p.metainfo{
  clear: both;
  color: #999;
  font-size: 80%;
  margin-right: .5em;
}
/*fuss*/
#fuss {
   background: url(../images/fuss.png) 50% 0 no-repeat;
   height: 45px;
   padding-top: 15px;
   padding-left: 200px;
    }
#fuss li {
  display: inline;
  border-left: 1px solid #990000;
  padding-left: 4em;
  padding-right: 4em;
  font-size: 70%;
}
#fuss li:first-child {
  border: none;
}
#fuss strong {
  color: #990000;
  font-weight: normal;
}

#fuss a {
  text-decoration: none;
}


/*allgemeine Einstellungen*/
a {
  color: #990000;
}
a:visited {
  color: #990000;
}
a:hover {
  color: #000;
}
p {
  margin: .5em 0 1em;
}
h1 {
  font-size: 300%;
  font-weight: normal;
}
h2 {
  color: #999;
  font-size: 120%;
  font-weight: normal;
  line-height: 1em;
  margin: .33em 0 .33em .6em;
}
h3 {
  font-size: 90%;
  font-weight: bold;
  color: #990000;
}
h4 {
  font-size: 90%;
  font-weight: bold;
  color: #333333;
  margin: 2.0em 0 .33em 1.1em;
}
td {
	font-size: 80%;
	vertical-align: top;
	padding: .5em 1em .5em 0;
	border-top: 1px dotted #ccc;
}