html,body{margin:0;padding:0; }
body{background-image: url(images/bg.jpg); background-repeat: repeat-y; background-color: #D2D9E0;  font-family: tahoma; behavior: url(images/csshover.htc);}
div#header {height:80px;line-height:80px;margin:0; padding-left:10px;background: #ECECEB; color: #79B30B; background-image: url(images/header.jpg); background-repeat: no-repeat;}
div#headerhigh {background-image: url(images/headrund.jpg); background-repeat: no-repeat; background-color: #FFFFFF; width:859px;}

div#navtop {background-color: #A7C4E0; height: 29px;}
div#navtop ul{list-style: none; margin: 0; padding:0; padding-top: 11px;}
div#navtop ul li{float:left; width: 141px; height: 17px; padding-right: 25px; background-image: url(images/topnav.jpg); background-repeat: no-repeat; text-align: center; color: #FFFFFF; font-family: tahoma; font-size: 13px; font-weight: bold; padding-top: 1px;}
div#navtop ul li:hover{background-image: url(images/topnav_act.jpg);}
div#navtop ul a{color: #FFFFFF;}

div#navbread {background-color: #DBDDDF; height: 20px; font-size: 11px; padding-left: 5px; padding-top: 6px; color: #808080; margin-bottom: 20px;}

div#navbread a {color: #808080; font-weight: normal;}

div#container{text-align:left; background: #FFFFFF; font-family: verdana; font-size: 11px;}
/*div#content p{line-height:1.4}*/
div#navigation{background:#FFFFFF}
div#extra{background:#FFFFFF}


div#container{width:859px;margin:0}
div#wrapper{float:left;width:100%;}
div#content{margin: 0 300px 0 140px; padding-left: 8px; padding-right: 8px; font-family: verdana; font-size: 11px; color: #3A3431; line-height: 16px;}
div#contentbig{margin: 0 0 0 140px; padding-left: 8px; padding-right: 8px; font-family: verdana; font-size: 11px; color: #3A3431; line-height: 16px;}
div#navigation{float:left;width:140px;margin-left:-859px}
div#extra{float:left;width:300px;margin-left:-300px}
div#footer{background: #DDE3E8; background-image: url(images/foottop.jpg); background-repeat: repeat-x; color: #A09F9F;}
div#footer{clear:left; width: 854px; padding-top:25px; padding-bottom: 5px;  padding-left: 5px; font-family: tahoma; font-size: 10px;}
div#footer a{font-weight: normal; color: #A09F9F;}

.navleft{background-image: url(images/navleft.jpg); height: 24px; background-color: #FFFFFF; background-repeat: no-repeat; font-size: 11px; color: #5F5E5E; font-weight: bold; font-family: verdana; padding-left: 5px; padding-top: 3px;}

/***************************************************
* NAVIGATION
***************************************************/
/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navigation li       { border-bottom: 1px solid #FFFFFF; }
#navigation li li    { border-bottom: 1px solid #FFFFFF; }
#navigation li li li { border-bottom: 1px solid #FFFFFF; }
/* fix for browsers that don't need the hack */
html>body #navigation li { border-bottom: none; }

#navigation a           { display: block; font-weight:normal; line-height: 18px; padding:0; margin:0;}
#navigation ul          { list-style: none; margin:0; padding:0; float: none;}
#navigation ul ul       { list-style: none; margin-top: 10px;}
#navigation ul ul ul    { list-style: none; margin-top: 0;}

/*Ebene 1*/
#navigation ul li {background: url(images/navleft.jpg) no-repeat; font-size: 11px; color: #5F5E5E; font-weight: bold; font-family: verdana; padding-left: 5px; padding-top: 3px;}

/*Ebene 2*/
#navigation ul li ul li { background: none; margin-left: -10px; border-top: 1px solid #DCDDDD; padding-top: 0;}
#navigation ul li ul li a{ padding-left: 5px;}
#navigation ul li ul li a:hover{background: url(images/navlioneact.jpg) repeat-y;}
#navigation ul li ul li a.akt{background: url(images/navlioneact.jpg) repeat-y;}

/*Ebene 3*/
#navigation ul li ul li ul li{background: #C5D0DB; margin-left: -10px; padding-top: 0; border-top: 0; border-bottom: 1px solid #FFFFFF; padding-left: 8px;}
#navigation ul li ul li ul li a:hover{background: none; color: #314C6A;}


/******************************************/

.navright{background-image: url(images/navright.jpg); height: 23px; background-color: #FFFFFF; background-repeat: no-repeat; font-size: 11px; color: #5F5E5E; font-weight: normal; font-family: tahoma; padding-left: 5px; padding-top: 3px;}

#extra a{color: #3A3431; font-weight: normal;}
#extra a:hover{color: #7D7875;}
#extra ul {list-style-image: url(images/listblau.jpg); margin:0; padding:0; margin-left: 18px;}

#extra ul.checkboxlist {list-style-image: url(img/checkmark.gif); margin:0; padding:0; margin-left: 30px; font-size: 12px;}
#extra ul.checkboxlist li {padding-top: 5px; padding-bottom: 5px;}

#content h1, #contentbig h1{font-family: verdana; font-weight:bold; font-size: 14px; margin: 0; color: #373836;  margin-bottom: 4px;}
#content h2, #contentbig h2{font-family: verdana; font-size: 13px; margin: 0; color: #373836; }

a{color: #4D749A; text-decoration: none; font-weight: bold;}
a:hover{color: #A7C4E0;}

.news{
  font-size: 11px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  line-height: 16px;
  text-align: justify;
}
.news li{
  text-align: left;
}
.news h1 a{
  color: #3A3431;
}
.newslink{
  color: #3A3431;
  font-size: 12px;
  margin-top: 15px;
  display: block;
}
.news h2{
  font-size: 14px;
}
.teaserimg{
  float: left;
  border: 1px solid #DBDDDF;
  padding: 3px;
  margin-right: 4px;
  margin-bottom: 2px;
}
.newsinfo, .newsinfo a{
  font-size: 10px;
  color: #808080;
  font-weight: normal;
}
.newsinfo a:hover{
  text-decoration: underline;
}
.newsimg{
  border: 1px solid #DBDDDF;
  padding: 1px;
  font-size: 10px;
  text-align: center;
  margin-bottom: 5px;
}
.copyr{
  font-size: 9px;
  text-align: right;
}

/***************************************
    Lexikon
***************************************/

.lexikon ul, .kennzeichen ul{
  list-style: none;
  margin: 0;
  padding:0;
  width: 403px;
}
.lexikon li, .kennzeichen li{
  float: left;
  padding-left: 1px;
  padding-bottom: 1px;
}
.lexikon a, .kennzeichen a{
  display: block;
  font-family: verdana;
  font-size: 12px;
  width: 28px;
  height: 18px;
  text-align: center;
  padding-top: 3px;
  border: 1px solid #DBDDDF;
  font-weight: normal;
  
}
.lexikon a:hover, .kennzeichen a:hover{
  background-color: #A7C4E0;
  color: #FFFFFF;
}

.alphakennzeichen li, .listelexikon li{
  float: none;
  margin-bottom: 10px;
}
.alphakennzeichen a, .listelexikon a{
  margin: 0;
  padding 0;
  border: 0;
  display: inline;
  font-size: 11px;
  width: 100%;
  text-align: left;
}

.alphakennzeichen a:hover, .listelexikon a:hover{
  background-color: #FFFFFF;
  color: #A7C4E0;
}

.automarken ul{
  list-style: none;
  padding: 0;
  margin: 0;
  width: 403px;
}

.automarken li{
  float:left;
  padding-right: 15px;
  padding-left: 15px;
  text-align: center;
  margin-top: 15px;
  border-bottom: 1px solid #DBDDDF;
  border-left: 1px solid #DBDDDF;
}
.stats{display:hidden;}
.ratgeber{
	border-bottom: 1px solid #ddd;
	margin-bottom: 10px;
}
.ratgeberimg{
	float: left;
	padding: 4px;
}

.ratgeberlink{
	display: block;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #e1e1e1;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	font-weight: normal;
}
.ratgeberlink:hover{
    background-color: #f2f2f2;
 }
.moreliste {list-style-image: url(images/listblau.jpg); margin:0; padding:0; padding-left: 20px;}
.morelink {font-weight: normal;}
.pager{text-align: center; font-size: 10px;}
.pagernum {display:inline; font-weight: normal; padding: 3px;}
.pagernum a {font-weight: normal;}
.pageraktuell {display:inline; font-weight: bold; padding: 3px;}

.rightnavlist{ font-size:10px; }