/* CSS Document developed by Christian Schlupp*/

html {
	height: 100%;
	}
page {
	height: 100%; 
	}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	height: 100%;
	background: url(../gfx/bgAnimals.gif) #002A54;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.89em;
}


/* Diverse DIV fuer Seite, Tabellen muessen noch ersetzt werden*/

DIV.container {
	width: 820px;
	height: 623px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -311px;
	margin-left: -410px;
}

DIV.headerRightCorner {
	background: url(../gfx/upperEastSide.gif) top right no-repeat #ffffff;
}

DIV.headerLeftCorner {
	padding: 8px 8px 0 8px;
	height: 138px;
	background: url(../gfx/upperWestSide.gif) top left no-repeat;
}

DIV.logo {
	position: absolute;
	left: 14px;
	top: 12px;
	z-index: 10;
}

DIV.navigation {
	height: 2.1em;
	border-left: 8px solid #ffffff;
	border-right: 8px solid #ffffff;
	background: #7FB035;
	padding-left: 15px;
}

DIV.navigation ul {
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
}

DIV.navigation li {
	float: left;
	padding: 0;
	margin: 0;
	list-style: none;
	display: inline;
	height: 2.1em;
	text-align: center;
}

DIV.navigation A {
	display: block;
	padding-top: 0.5em;
	margin-left: 1.0em;
	margin-right: 1.0em;
	line-height: 1.2em;
	height: 1.4em;
	color: #ffffff;
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
}

DIV.navigation A:hover, DIV.navigation A.active{
	border-bottom: 3px solid #FFD800;
}

DIV.leftColumn {
	width: 652px;
	height: 404px;
	float: left;
	background: url(../gfx/lowerWestSide.gif) bottom left no-repeat #ffffff;
	font-size: 0.89em;	
}

DIV.leftColumn A{
	color: #7fb035;	
}

DIV.leftColumn H1, DIV.serviceItem H1{
	margin: 0;
	padding: 0;
	margin-bottom: 0.5em;
	font-size: 1.5em;
	color: #e20000; 	
	font-weight: bold;
}

.red {
	font-weight: bold;
	color: #e20000; 
}

DIV.scrollArea {
	position: relative;
	width: 492px;
	height: 354px;
	overflow: auto;
	padding-left: 60px;
	padding-right: 100px;
	margin-top: 30px;
	margin-bottom: 20px;
}

DIV#gfxfade {
	position: absolute;
	left: 430px;
}

DIV.rightColumn {
	width: 168px;
	height: 404px;
	float: right;
	background: url(../gfx/lowerEastSide.gif) bottom right no-repeat #ffffff;
}

DIV.service {
	width: 160px;
	height: 396px;
	background: url(../gfx/secondLowerEastSide.gif) bottom right no-repeat #F1EBD1;
}


DIV.serviceItem {
	padding: 15px 0px 5px 15px;
	font-size: 0.89em;
}

DIV.serviceItem A{
	color: #000000;
	text-decoration: none;
}

DIV.serviceItem A:hover{
	color: #000000;
	text-decoration: underline;
}

DIV.serviceItem H2 {
	font-size: 1.1em;
	margin: 0;
	padding: 0;
	margin-bottom: 0.2em;
	color: #7fb035; 	

}

DIV.weather {
padding: 5px;
padding-bottom: 20px;
padding-left: 55px;
font-size: 1.1em;
font-weight: bold;
text-align: right;
color: #000000;
margin-right: 15px;
}

DIV.white {
	padding-left: 3px; padding-right: 3px;
}

DIV.toggleClick {	
	width: 450px;
	margin-top: 8px;
	padding: 3px 0px 3px 16px;
	background: url(../gfx/toggle.gif) 5px 7px no-repeat #7fb035;
	cursor: pointer;
	color: #ffffff;
	
}

DIV.toggleClick DIV.title{
	width: 245px;
}

DIV.toggleClick DIV.title A{
	display: block;
	width: 245px;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}

DIV.toggleClick DIV.additional{	
	width: 120px;
	margin-right: 15px;
	float: right;
	text-align: right;
}

DIV.toggleClick DIV.additional A{	
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
}

DIV.toggleClick DIV.additional A:hover{	
	font-weight: normal;
	color: #ffffff;
	text-decoration: underline;
}

DIV.toggleContent {
	width: 444px;
	padding: 10px;
	border-bottom: 1px solid  #7fb035;
	border-right: 1px solid  #7fb035;
	border-left: 1px solid  #7fb035;
	margin-bottom: 15px;
}

DIV.scrollArea P{	
	margin: 0px 0px 8px 0px;
	pading: 0;
}

DIV.toggleContent TD{	
	padding-top: 3px;
	padding-bottom: 3px;
}

DIV.toggleContent TD.lined{	
	border-bottom: 1px solid #7fb035;
}

DIV.toggleContent TD.extra{	
	padding: 3px;
	background-color: #F1EBD1;
}


	

DIV.footer {
	padding: 7px;
	width: 805px;
	height: 15px;
	margin-top: 8px;
	background: url(../gfx/bottom.gif) no-repeat;
	text-align: center;
	font-size: 0.89em;
	font-weight: bold;
}

DIV.footer A {
	color: black;
	text-decoration: none;
}

DIV.footer A:hover {
	color: black;
	text-decoration: underline;
}


FORM, INPUT, BUTTON {
	margin: 0;
	padding: 0;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

DIV.news
{
	color: #e20000; 	
	font-weight: bold;
}