body{
margin:0;
background:#FFEDC0;
}

body *{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #333333;
}

#statistictable a{color: #AA5500; font-size:9px; line-height: 14px;	font-weight:normal;}
#topnavi a{color: #FFFFFF;}


a, a:visited, a:active, a:hover, a:link{color:#006633;}
	
/*
 *
 *		JETZT KOMMEN SPEZIFISCHE INHALTE... und KLASSEN
 *
 */

.headline{
	font-size: 13px;
	line-height: 18px;
	font-weight: bold;
	color: #006633;
}

.good{
	color: #009900;
}
.bad{
	color: #EE0000;
}

.error{
	color: #FF0000;
}

.small {
	font-size: 9px;
	line-height: 14px;
	color: #333333;
}

#topnavi{
	font-size: 11px;
	line-height: 16px;
	font-weight: bold;
	color: #FFFFFF;
}

#statistictable {
	font-size: 9px;
	line-height: 14px;
	font-weight:normal;
	border:1px dotted #E8B659;
}

#statistictable2 {
	font-size: 9px;
	line-height: 14px;
	font-weight:normal;
}

#right *{
	font-size: 10px;
	line-height: 14px;
	font-weight:bold;
}

/* FÜR die Helpbar etc */

	#menubar{
	float:right;
	width:300px;
	}
	
	#helpbar{
	cursor:help;
	text-align:left;
	}
	
    #helpbar div {
      display: none;
    }

    #helpbar:hover div {
      display:block;
	  position:absolute;
    }
	
	#helpdiv{
	padding-left:15px;
	padding-top:30px;
	}
	
	
/*====================================================================*/
/*====================================================================*/
/*====================================================================*/

body,html{
	color:#000000;
}

#out{
	margin:0 auto;
	width:960px;
	background:#FFEDC0;
	border:1px solid black;
}
#banner {
	background-image:url(pics/top-logo.jpg);
	line-height:121px;
	background-repeat:no-repeat;
}
#navi{
	text-align:center;
	background-color:#333333;
	background-image:url(pics/butt-ender.gif);
	background-repeat:repeat-x;
	height:23px;
	color:#FFFFFF;
	font-weight:bold;
}
#navi a{
	color:#FFFFFF;
}
#main {
	height:100%;	
	width:960px;
}
#main_left {
	float:left;
	width:940px;
	padding:10px;
}
#main_right {
	border-left:1px dotted black;
	float:left;
	width:220px;
	padding:10px;
}
#detail_navi{
	margin-bottom:10px;
	padding-left:5px;
}
#detail_navi a{
	text-decoration:none;
}
#detail_navi a:hover{
	color:#006600;
}
#daten{
	width:950px;
	padding:5px;
	position:relative;
	font-weight:bold;
}
#legende{
	width:20px;
	height:400px;
	float:left;
	padding:0;
	position:relative;
}
#stepA,#stepB,#stepC,#stepD{
	position:absolute;
	left:-5px;
}
#stepA {
	top:-13px;
	left:10px;
}
#stepB {
	top:45%;
}
#stepC {
	top:70%;
}
#stepD {
	top:95%;
}
#zeitraum{
	text-align:center;
	width:680px;
	margin-left:30px;
}
#CountChoose{
	position:absolute;
	font-weight:normal;
	top:0;
	right:30px;
}
#key_word_list{
	font-size:9px;
	font-weight:normal;
	padding:10px;
}
#key_word_list a{
	font-size:9px;
}
#diagramm{
	background-image:url(pics/diagramm_bg.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	background-color:#e5e5e5;
	width:680px;
	min-height:400px;
	#height:407px;
	border:1px solid black;
	float:left;
	position:relative;
}
#diagramm table{
	margin:10px;
	border:1px solid black;
}
#diagramm td{
	padding:0;
	font-size:9px;
}

#diagramm_detail{
	padding:10px;
	height:380px;
	width:210px;
	border:1px solid black;
	border-left:none;
	float:left;
}

.balken{
	position:absolute;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	float:left;
	margin-left:1px;
	bottom:0;
}

.position_text, .tag_text{
	text-align:center;
	margin:0;
	padding:0;
}
.position_text{
	top:0;
}
.tag_text{
	position:absolute;
	bottom:0;
}
.no_position {
	background-image:url(pics/no_pos.png);
	background-repeat:no-repeat;	
	background-position:bottom;
	line-height:100px;
	position:absolute;
	bottom:0;
	color:#FFFFFF;
}
.clear {
	clear:both;
}

p.iLink a{
	font-size:11px;
}