/* allgemeine styles-------------- */
body {
  padding: 0;
  margin: 0;
  font: 0.7em Arial, sans-serif;
  line-height: 1.5em;
  background: #ffffff;
  color: #454545;
}

h1 {
  font: bold 1.5em Arial, Sans-Serif;
  letter-spacing: -1px;
  padding: 0px 0 0 0px;
  margin: 0;
}
h2 {
  margin-top: 2px;
  margin-bottom: 0px;
  font-size: 13px;
  height: 17px;
  color: #000;
}

p {
  margin: 0 0 5px 0;
}

/* design links --------- */
a {
  color: #111111;
  background: inherit;
}
a:hover {
  color: #D99D11;
  background: inherit;
}

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

img {
  border: none;
  margin: 0 5px 0px 0;
}

/* content  -------------- */
.content { 
  margin: 10px auto; 
  width: 960px; 
}

/* design head  --------- */
.logo{
  position: relative;
  left: 155px;
  height: 110px;
  background-image: url(../images/logo.gif);
  background-repeat: no-repeat;
}
.subheader {
  clear: both; 
  line-height: 1.0em; 
  padding: 10px 13px 5px 17px; 
  margin: 0px 0px 10px 0px;
  text-align: center;
  background: #ffffff;
  color: #808080;
}
.subheadernavi {
  clear: both; 
  line-height: 0.0em; 
  padding: 10px 13px 5px 17px; 
  margin: 0px 0px 0px 0;
  text-align: left;
  background: #ffffff;
  color: #808080;
  border-bottom: 1px solid #333333;
}
/* horizontal menu  --------- */	
#tabs { 
  position: relative;
  left: 0px;
  background: #fff url(../images/bigbox.gif) no-repeat top left; 
  color: #000;  
  height: 84px; 
  text-align: center; 
  padding: 0 0 0 230px; 
}
#tabs li { 
  display: inline; 
  height: 45px; 
}
#tabs #active { 
  background: #fff url(../images/barcurrent.gif) no-repeat; 
  color: #0000AA; 
}
#tabs li a { 
  float: left; 
  background: #fff url(../images/barbg.gif) no-repeat; 
  color: #808080; 
  padding: 7px 0; 
  width: 100px; 
  text-align: center; 
  font-weight: bold; 
  text-decoration: none; 
}
#tabs li a:hover { 
  background: #fff url(../images/barcurrent.gif) no-repeat; 
  color: #000; 
}	
#tabs li a.current { 
  background: #fff url(../images/barcurrent.gif) no-repeat; 
  color: #2C71AE; 
}	
/* search form  --------- */	
#search { 
  float: left;
  clear: both;
  color: #000;
	background: url(../images/searchbg.gif) no-repeat;
  padding: 14px 0 15px 5px;
	width: 500px;
	margin: 6px 0 0 0;
}
#search p { 
  padding: 0; 
  margin: 0; 
  position: relative; 
  top:-3px; 
  height:27px;
}
#search b { 
  letter-spacing: 2px; 
  position: relative; 
  left:-35px;
}
input.search { 
  width: 279px; 
  border: none; 
  background: #fff url(../images/input.gif) no-repeat; 
  padding: 6px 10px; 
  color: #1E67A8; 
  font-weight: bold; 
}
input.button { 
  padding: 3px; 
}
.bluebtn { 
  background: #488EB2 url(../images/bluebtn.gif) no-repeat; 
  width: 100px; 
  padding: 1px 16px 5px 16px; 
  color: #fff; 
  text-decoration: none; 
}
.greenbtn { 
  background: #488EB2 url(../images/greenbtn.gif) no-repeat; 
  padding: 1px 17px 5px 16px; 
  color: #fff; 
  text-decoration: none; 
}
.bluebtn:hover, .greenbtn:hover { 
  background: #488EB2 url(../images/hoverbtn.gif) no-repeat; 
  color: #fff; 
}

/* left side  --------- */
.left {
  float: left;
  width: 17%;
  margin: 10px 10px 0 0;
}
.left_articles {
  border: 1px solid #eee;
  padding: 5px 5px 5px 5px;
  margin: 0 0 10px 0;
  background: #ffffff;
}
.left_ueberschrift{
  background-image: url(../images/verlauf_grau_1x24.jpg);
  height: 20px;
  border: 1px solid #eee;
}
.left_ueberschrift h1{
        padding: 2px 2px 2px 2px;
        font: 12px Arial, sans-serif;
        letter-spacing: 1px;
        color: #FFFFFF;
}
.left_ueberschrift h2{
        padding: 0px 2px 2px 2px;
        font: 14px Arial, sans-serif;
        letter-spacing: 1px;
        color: #FFFFFF;
}
.left_banner{
 padding: 0px 0px 0px 1px;
 border: 1px solid #eee;
}

/* center ---------- */
.center {
 float: left;
 width: 64%;
 margin: 10px 0 0 0;
}
.center_articles {
 margin: 0px 0 10px 0;
 background: #ffffff;
}
.center_center {
 border: 1px solid #eee;
 padding: 5px 5px 5px 5px;
 margin: 0 0 10px 0;
 background: #ffffee;
}
.center_ueberschrift{
 background-image: url(../images/verlauf_blau_1x24.jpg);
 height: 20px;
 border: 1px solid #eee;
}
.center_ueberschrift h1{
 padding: 2px 2px 2px 2px;
 font: 12px Arial, sans-serif;
 letter-spacing: 1px;
 color: #FFFFFF;
}
.center_ueberschrift h2{
 padding: 0px 2px 2px 2px;
 font: 14px Arial, sans-serif;
 letter-spacing: 1px;
 color: #FFFFFF;
}
/* right side  ---------- */
.right {
 float: right;
 width: 17%;
 margin: 10px 0 10px 0;
}
.right_articles {
 border: 1px solid #eee;
 padding: 5px 5px 5px 5px;
 margin: 0 0 10px 0;
 background: #ffffff;
}
.right_articles b{
 color: #0000EE;
 font-size: 14px;
 text-decoration: underline;
}
.right_articles #werbetext{
 font-size: 12px;
}
.right_articles a{
 color: #00A900;
 text-decoration: none;
}
.right_articles a:hover{
 color: #00A900;
 text-decoration: none;
}
.right_ueberschrift{
 background-image: url(../images/verlauf_grau_1x24.jpg);
 height: 20px;
 border: 1px solid #eee;
}
.right_ueberschrift h1{
 padding: 2px 2px 2px 2px;
 font: 12px Arial, sans-serif;
 letter-spacing: 1px;
 color: #FFFFFF;
}
.right_ueberschrift h2{
 padding: 0px 2px 2px 2px;
 font: 14px Arial, sans-serif;
 letter-spacing: 1px;
 color: #FFFFFF;
}
.right_banner{
 padding: 0px 0px 0px 1px;
 border: 1px solid #eee;
}
/* design footer --------- */	
.footer {
 clear: both;
 text-align: center;
 line-height: 1.8em;
 color: #808080;
 padding: 10px 0 10px 0;
 border-top: 1px solid #333333;
}
.footer a {
 color: #444444;
}

/* rss reader ------------*/
.rss_1{
 position: relative;
 top: -10px;
 width: 49%;
 float: left;
 padding-top: 10px;
}
.rss_1 h2{
 position: relative;
 top: -2px;
 height: 15px;
 text-align: left;
 padding: 2px 2px 2px 2px;
 font: 12px Arial, sans-serif;
 letter-spacing: 1px;
 color: #000;
 border-bottom: 1px solid #999;
 background-image: url(../images/modul.jpg);
}
.rss_1 #inhalt{
 position: relative;
 top: -3px;
 padding: 3px 3px 3px 3px;
 border-left: 1px solid #ddd;
 border-right: 1px solid #ddd;
 border-bottom: 1px solid #ddd;
 background-color: #ffffee;
}
.rss_1 #inhalt u{
 cursor: pointer;
}
.rss_1 #erstellt{
 font: 10px Arial, sans-serif;
 color: #999;
}

.rss_2{
 position: relative;
 top: -10px;
 width: 49%;
 float: right;
 padding-top: 10px;
}
.rss_2 h2{
 position: relative;
 top: -2px;
 height: 15px;
 text-align: left;
 padding: 2px 2px 2px 2px;
 font: 12px Arial, sans-serif;
 letter-spacing: 1px;
 color: #000;
 border-bottom: 1px solid #999;
 background-image: url(../images/modul.jpg);
}
.rss_2 #inhalt{
 position: relative;
 top: -3px;
 padding: 3px 3px 3px 3px;
 border-left: 1px solid #ddd;
 border-right: 1px solid #ddd;
 border-bottom: 1px solid #ddd;
 background-color: #ffffee;
}
.rss_2 #inhalt u{
 cursor: pointer;
}
.rss_2 #erstellt{
 font: 10px Arial, sans-serif;
 color: #999;
}
.einleitung{
 position: relative;
 top: -3px;
 float: left;
 width: 98%;
 border: 1px solid #ddd;
 padding: 5px 5px 5px 5px;
 margin: 0 0 10px 0;
 background-color: #ffffee;
}
.einleitung_ueberschrift{
 background-image: url(../images/verlauf_blau_1x24.jpg);
 height: 22px;
 border: 1px solid #ddd;
}
.einleitung_ueberschrift h1{
 padding: 2px 2px 2px 2px;
 font: 12px Arial, sans-serif;
 letter-spacing: 1px;
 color: #FFFFFF;
}
.banner{
 float: left;
 width: 98%;
 text-align: center;
 border: 1px solid #eee;
 padding: 5px 5px 5px 5px;
 margin: 0 0 10px 0;
 background-color: #FFF;
}