body, th, div {
	font-family: Arial;
	font-size:11px;
	background-color:#c7dbff;
}

td  {
 	font-family: Arial;
	font-size:11px;
 }

.header {
	background-image: url(bilder/kopf.png);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	visibility: visible;
	width: 955px;
	height:104px;
	top: 0px;
	left:0px;
}

a,a:link, a:visited, a:active {
	font-family: Arial;
	color: #000000;
	text-decoration: none;
}

a, td.preview {
	font-size:11px;
}

td.preview {
	font-weight:bold;
}


a:hover {
	font-family: Arial;
	color: #999999;
	text-decoration: underline;
}

.border {
	top:0px; 
	left:0px;
	width:955px;
	height:600px;
	background-color:#c7dbff;
	position:absolute;
}

.content {
	left:193px;
	top:120px;
	width:624px;
	height:460px;
	position:absolute;
	border-bottom:1px solid #e9f2ef;
}

.footer {
	position:  absolute;
	left:      165px;
	top:       590px;
	width:     790px;
	height:    50px;
	font-size: 9px;
	text-align:center;
}

/* 
###### Navi - Bereich #####
########################### 
*/

.navigation {
	width:160px;
	height:480px;
	left:0px;
	top:120px;
	position:absolute;
	background-color:#c7dbff;
}

.navi_table {
	left:5px;
	top:0px;
	width:160px;
	position:absolute;
	vertical-align:top;
	padding-right: 5px;
}

.navibutton {
	font-family: Arial;
	font-size: 10px;
	background-color:#c7dbff;
	padding-left:5px;
}

/* 
###### Teaser - Bereich #####
########################### 
*/

.teaser {
	width: 140px;
	position: absolute;
	vertical-align: top;
	left: 817px;
	top: 120px;
	padding-left: 5px;
}

#teaser_div {
	width: 135px;
	height: 150px;
	padding-bottom: 5px;
	cursor: pointer;
	cursor: hand;
}

#teaser_div_big {
	width: 135px;
	height: 460px;
	padding-bottom: 5px;
	cursor: pointer;
	cursor: hand;
}

#teaser_pic {
	border: none;
	cursor: pointer;
	cursor: hand;	
	height: 145px;
}

#teaser_pic_big {
	border: none;
	cursor: pointer;
	cursor: hand;	
	height: 460px;
}

#teaser_info_txt{
	width: 130px;
	height:19px;
	left:10px;
	background-color:transparent;
	text-align: left;
	bottom: 0px;
	position: absolute;
    z-index: 101;
	cursor: pointer;
	cursor: hand;	
	font-size: 7px;
}

#teaser_info_bg {
	width: 135px;
	height:22px;
	left: 5px;
	background-color: gray; 
	bottom: 3px;
	position: absolute;
    filter:alpha(opacity=50); /* IE's opacity*/
    opacity: 0.50;
    z-index: 99;	
	cursor: pointer;
	cursor: hand;
}

/* 
###### News - Bereich #####
########################### 
*/

.news {
	font-family: Arial;
	font-size: 11px;
	background-color:#c7dbff;
	width:600px; 
	border:1px solid gray;
}

.news_datum {
  border-right:1px solid gray;
  width:100px; 
  text-align:center;
}

.news_p0 {
  text-align:center;
}

.news_p1, .news_p2, .news_p4 {
  border-top:1px solid gray;
  width:25px;
}

.news_p2 {
  font-size:1px; 
  border-left:1px solid gray; 
  height:1px;
  width:50px;  
}

.news_p3 {
  border-top:1px solid gray; 
  font-size:1px; 
  width:421px;
}

.news_p4 {
  font-size:1px; 
  height:1px;
  width:50px;  
}

.news_content {
  border-left:1px solid gray; 
  border-bottom:1px solid gray; 
  text-align:justify; 
  padding:5px;
}

.news_link {
  border-right:1px solid gray; 
  border-left:1px solid gray; 
  text-align:center;
}

/* 
###### News -  Ende   #####
########################### 
*/

.hell {
  background:#B7CBF9;
}

td.th {
  font-weight: bold;
  text-align: center;
}

.bio-hell, .geo-hell, .wind-hell, .lv-hell, .solar-hell, .part-hell, .sonstoeko-hell{
  background:#B7CBF9;
}