img, div { behavior: url(/css/iepngfix.htc) }
* { margin:0;padding:0;}
body {
	font-family: Verdana, "Lucida Sans Unicode", lucida, arial, helvetica, sans-serif; 
	font-size: 11px;
	line-height: 180%;
	color: #333; 
    text-align:left; 
    background: #f7f7f7 url(/media/project/bg.jpg) top left repeat-x;
}

/* ========= DEFAULT STYLES ========= */
p { margin: 0; padding:0 0 15px 0; line-height:160%; }
h2 a, h1 a, p a, p ul a, p li a, p ol a { color: #55b196; text-decoration: none; }
p a:hover { color: #FFF ; background-color:#71c6ad; text-decoration: none; }
a { text-decoration:none; border:0; padding:0; margin:0; }
a:hover { color: #888; text-decoration: underline; }
a:active {  }
a:visited {  }
h1 { display:block; color: #000000; font-size: 30px; font-weight: bold; margin: 0; line-height:50px;}
h2 { display:block; color: #55b196; font-size: 16px; font-weight: bold; margin: 0; line-height:40px;}
h3 { display:block; color: #333; font-size: 12px; font-weight: bold; margin: 0 0 5px 0; }
h6 { display:block; color: #333; font-size: 10px; line-height:15px; margin:0;padding:0;border:0;}
ol, ul { line-height: 160%; font-size:11px; color: #666; margin:0; padding:0 0 20px 20px; border:0; }
li { list-style: none outside url(/media/project/list_ul.gif); }
img { border:0; padding:0; margin:0; }

.downloadlink a { background-color: transparent; color:#333; }


/*------ elemente __master template  ------ */

a.important {
	color:#fff;
	background-color: #e20022;
}

.button {
	padding: 5px;
}

.textbox {
	float:left;
	min-width: 175px;
	margin:10px 0 0 0;
	padding:0 0 10px 0;
}


#page { 
	padding-left:5px;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff; 
	width:965px; 
}


#top { 
	height:30px;
	clear:both;
	line-height: 30px;
	padding: 0 5px 0 5px;
}

#language a, #metanavi a {
	color: #333;
}

#language, #metanavi {
	float:right;
	color:#333;
	height:25px;
	text-align: right;
	font-size: 10px;
/* 	background-color: #ff0; */
} 
	#language ul, #language li,
	#metanavi ul, #metanavi li {
		font-size: 9px;
		display:inline;
		margin:0;
		padding:0 0 0 5px;
		border:0;
	}
	#language ul,
	#metanavi ul {
		padding:0 0 0 10px;
	}

#head { 
	border:0;
	margin: 0;
	padding:0; 
	width:960px;
	height:200px;
	overflow: hidden;
}

#headhome { 
	border: 0;
	margin: 0;
	padding:0; 
	width:960px;
	height:360px;
	overflow: hidden;
}

	#headhome #upperhead {
		height:360px;
	} 

	#headhome #innerhead {
		height:360px;
	} 

	div#upperhead { 
		position: absolute; 
		top:30px; 
		width:360px; 
		height:200px; 
/* 		background: url(/media/project/topblur.png) top left no-repeat;  */
		background: url(/media/project/topshadow_soft.png) top left no-repeat; 
/* 		background: url(/media/project/topshadow_green.png) top left no-repeat;  */
	} 

#innerhead {
	background-color:#efefef;
	height:200px;
	overflow:hidden;
}

#navi  {
	position:absolute;
	width:240px;
	top: 135px;
	height: 500px;
	background: #fff url(/media/project/navifade.jpg) bottom right no-repeat;
} 



#contentWide,
#content { 
	float:left;
	background-color:#fff;
	min-height:500px;
	width:480px;
	padding:0 0 0 320px; /* missing navi bar */
	text-align:left; 
/* 	margin:0 0 0 80px; */
	overflow:hidden; 
}

#contentWide {
/* 	8 columns */
	width:640px;
}


#path {
	height:50px;
}

	#path a {
		color:#888;
		text-decoration: none;
	}

	#path a:hover {
		color:#000;
	}

	#path ul, #path li {
		line-height: 50px;
		font-size: 10px;
		color:#000;
		display:inline;
		margin:0;
		padding:0;
		border:0;
	}
	
	#path li {
		font-size: 10px;
		color:#000;
		list-style:none;
		padding:0 5px 0 0 ;
	}


.column1,.column2,.column3,.column4,.column5,.column6,.column7 { min-height:1px; float:left; /* overflow:hidden; */ }
/*

.column1 { background: #e8e8e8; width: 75px; margin: 0 5px 0 0; }
.column2 { background: #e9e9e9; width: 155px; margin: 0 5px 0 0; }
.column3 { background: #eaeaea; width: 235px; margin: 0 5px 0 0; }
.column4 { background: #ebebeb; width: 315px; margin: 0 5px 0 0; }
.column5 { background: #ececec; width: 395px; margin: 0 5px 0 0; }
.column6 { background: #ededed; width: 475px; margin: 0 5px 0 0; }
.column7 { background: #eeeeee; width: 555px; margin: 0 5px 0 0; }
.column8 { background: #efefef; width: 635px; }

*/

.column1 { width: 75px; margin: 0 5px 0 0; }
.column2 { width: 155px; margin: 0 5px 0 0; }
.column3 { width: 235px; margin: 0 5px 0 0; }
.column4 { width: 315px; margin: 0 5px 0 0; }
.column5 { width: 395px; margin: 0 5px 0 0; }
.column6 { width: 475px; margin: 0 5px 0 0; }
.column7 { width: 555px; margin: 0 5px 0 0; }
.column8 { width: 635px; }

#footer a {
	color: #888;
}
 
#footer { 
	color:#888;
	padding:5px;
	font-size: 10px;
	background: #eee; 
	clear:both; 
/* 	border-top: 1px dotted #888; */
	margin: 100px 10px 10px 10px;
	text-align:right
}

.mainnavi {
	margin:0;
	border:0;
	padding: 0;
	text-align: right;
}
	.mainnavi ul img, .mainnavi li img {
		vertical-align: middle;
	}
	.mainnavi ul, .mainnavi li {
		text-align: right;
		list-style-image: none;
		list-style-position: outside;
		display:block;
		line-height: 36px;
		height: 36px;
		padding:0 5px 0 0;
		margin:0;
		border:0;
	}
	.mainnavi li.active {
		background-color: #95d4c2;
		vertical-align: middle;
	}	

#subnavi  {
	float:left;
	width:155px;
	background-color: #71c6ad;
	min-height:500px;
	margin: 100px 5px 0 0; 
} 

.subnavi {
	text-align: right;
	margin:0;
	border:0;
	padding: 0;
}
	.subnavi ul img, .subnavi li img {
		vertical-align: middle;
	}
	.subnavi ul, .subnavi li {
		list-style-image: none;
		list-style-position: outside;
		text-align: right;
		display:block;
		height: 36px;
		line-height: 36px;
		margin:0 5px 0 0;
		padding:0;
		border:0;
	}
	.subnavi li.active {
		background-color: #95d4c2;
		vertical-align: middle;
	}	


#subnavismall  {
	float:left;
	background:#fff;
	width:235px;
	margin:0 0 50px 0;
	padding:0;
	border:0;
} 

.subnavi2 {
	text-align: left;
	margin:0;
	border:0;
	padding: 0;
}

	.subnavi2 ul img, .subnavi2 li img {
		vertical-align: middle;
	}
	.subnavi2 ul, .subnavi2 li {
		list-style-image: none;
		list-style-position: outside;
		text-align: left;
		height: 24px;
		line-height: 24px;
		margin:0;
		border:0;
		padding: 0;
	}
	.subnavi2 li.active {
		background-color: #71c6ad;
		vertical-align: middle;
	}


.subnavi3 {
	text-align: left;
	margin:0;
	border:0;
	padding: 0;
	border-top: 1px dotted #71c6ad;
	margin-top:20px;
}

	.subnavi3 ul img, .subnavi3 li img {
		vertical-align: middle;
	}
	.subnavi3 ul, .subnavi3 li {
		list-style-image: none;
		list-style-position: outside;
		text-align: left;
		height: 24px;
		line-height: 24px;
		margin:0;
		padding:0;
		border:0;
	}
	.subnavi3 li.active {
		background-color: #dbf1ea;
		vertical-align: middle;
	}



/* mf_form stuff */

.forminput, .forminputerror, .forminputrequired,
.forminput_textbox, .forminputerror_textbox, .forminputrequired_textbox {
	float:left; 
	width:315px;
	padding:0; 
}
.forminput, .forminputerror, .forminputrequired {
	height:18px;
}


.forminput, .forminput_textbox, .forminput_dropdown { color:#666; background-color:#fff; border:1px solid #888; }
.forminput:focus, .forminput_textbox:focus, .forminput_dropdown:focus { color:#666; background-color:#71c6ad; }
.forminputerror, .forminputerror_textbox, .forminputerror_dropdown { color:#000; background-color:#F88; border:none; border:1px solid #333; }
.forminputerror:focus,  .forminputerror_textbox:focus .forminputerror_dropdown:focus { color:#fff; background-color:#333; }
.forminputrequired, .forminputrequired_textbox, .forminputrequired_dropdown{ color:#000; background-color: #dbf1ea; border:none; border:1px solid #888; }
.forminputrequired:focus, .forminputrequired_textbox:focus, .forminputrequired_dropdown:focus { color:#fff; background-color: #71c6ad; }


.mfform {
	width: 635px; /* gesamtbreite des formulars */
/* 	border:1px solid red; */
	position:relative;
	display:block;
	clear:both;
	overflow: hidden;
}

.mfformgroup {
	/*  Verhalten und Aussehen einer Zeile, bestehend aus mfformdescription und mfformfield	 */
/* 	border:1px solid blue; */
	clear:both;
	display: block;
}


.mfformdescription {
	margin:0;
	border:0;
	padding: 0;	
	width:315px; /* breite des Feldbeschreibung, z.B. "Ihr Name:"*/
	margin: 5px 0 5px 0;
/* 	border:1px solid yellow; */
	float:left;
	clear:left;
}

.mfformfield {
	width:315px; /* breite des Eingabefeldes */
	margin: 5px 0 5px 0;
/* 	border:1px solid green; */
	float:left;
	clear:right;
	width:300px;
} * html .mfformfield {
	width:310px;
}

.mfforminfo {
	width: 635px;  /* breite des Informationslayers - TYPE INFO*/
/* 	border:1px solid lime; */
	clear:both;
	float:left;
	margin:10px 0 10px 0; 
	border-top: 1px solid #71c6ad;
}


.mfformrequired {
	font-weight: bold;
	color: #333;
}
.mfformerror {
	font-weight: bold;
	color: #F88;
}

.mfform p {
	border:0;
	padding:0;
	margin:0;
}

.mfformunit {
	clear:both;
	display:block;
	padding-top:16px;
}
	.mfformunit h1 {
		margin:20px 0 0 0;
		font-size: 11px;
		border-bottom: 1px dotted #71c6ad;
	}


.mfforminputsubmit {
	float: left;
	clear: right;
	width: 100px;
}

.mfformfieldlarge {
	float:left;
	clear:both;
	width:100px;
}

.mfformdescriptionlarge {
	float:left;
	width:100px;
}

.mfformdescriptionlargest {
	float:left;
	width:100px;
}

.mfformfieldsmall {
	float:left;
	width:100px;
}

/* end mf_forms */