/* ##################################################################################################################################################### */
/* Kopf-Teil */
/* ##################################################################################################################################################### */
div.head {
	background-image:url(../gfx/head.jpg);
	background-repeat:no-repeat;
	background-position:bottom center;
	height: 214px;
}
	div.head div.logo {
		float: right;
		margin: 23px 50px; 
		width: 221px;
		height: 150px;
	}
		div.head div.logo img {
			width: 221px;
			height: 150px;
			border: 0;
		}
		

/* MENUE1 ---------------------------------------------------- */	
	div.head div.menue1 {
		float: left;
		margin: 25px 35px 0 0;
		height: 34px;
		text-align: right;
		background-image:url(../gfx/menue1_bg.gif);
		background-position:top;
			background-color:#C0E1FD;
	}	
		div.head div.menue1 div.m1_bg1 {
			background-image: url(../gfx/menue1_bg1.gif);
			background-position: top left;
			background-repeat: no-repeat;
			height: 25px;
		}
		div.head div.menue1 div.m1_bg1 div.m1_bg2 {
			background-image: url(../gfx/menue1_bg2.gif);
			background-position: top right;
			background-repeat: no-repeat;
			height: 25px;
		}
		
		div.off {
			height: 15px;
			float: left;
			padding: 14px 14px 5px;
			border: 0 solid #ffffff;
			border-left-width: 1px;
		}
		div.on,
		div.open {
			background-color: #C0E1FD;
			background-image:url(../gfx/menue1_bg_akt.gif);
			background-repeat:no-repeat;
			background-position: top center;
			height: 15px;
			float: left;
			padding: 14px 14px 5px;
			border: 0 solid #ffffff;
			border-left-width: 1px;
		}
		div.head div.menue1 a {
			color: #000000;
			text-decoration: none;
		}
		div.head div.menue1 a:hover {
			color: #000000;
			text-decoration: underline;
		}

/* SUCHE ---------------------------------------------------- */	
	div.head div.suche {
		float: left;
		margin: 30px 0 30px 37px;
		width: 146px;
		height: 17px;
		text-align: left;
		border: 1px solid #0272B4;
		padding: 5px 3px;
	}	
		div.head div.suche input.text {
			border: 1px solid #c0c0c0;
			height: 13px;
			width: 80px;
			float: left;
			margin: 0 1px 0 0;
		}
		div.head div.suche input.submit {
			border: 1px solid #c0c0c0;
			height: 17px;
			width: 61px;
			border: 0;
			float: left;
		}
		
/* ##################################################################################################################################################### */
/* Mittel-Teil */
/* ##################################################################################################################################################### */
div.middle_frame {
	padding: 8px 35px 13px 31px;
	height: 211px;
	background-image:url(../gfx/middle_bg.gif); 
}
	div.middle_png {
		width: 14px;
		height: 214px;
		position:absolute;
		
	}
	div.middle_frame img.illustratuion {
		float: left;
	}
	div.middle_frame div.extras {
		float: right;
		height: 211px;
		width: 350px;
	}
/* INFOBOX ---------------------------------------------------- */	
	div.middle_frame div.extras div.box {
		padding: 9px 11px 0;
		clear: both;
		height: 100px;
		overflow: auto;
		width: 330px;
	}
		div.middle_frame div.extras div.box img {
			position: relative;
			top: 0;
			left: 0;
			float: left;
		}
		div.middle_frame div.extras div.box img.img {
			position: static;
			padding: 7px;
			margin: 0 10px 0 0;
			background-image:url(../gfx/infobox_bg.jpg);
			float: left;
		}
		div.middle_frame div.extras div.box h1.box {
			font-family:Arial, Helvetica, sans-serif;
			font-weight: bold;
			font-size:15px;
			text-transform: uppercase;
			padding:0;
			margin: 5px 0 0;
		}
		div.middle_frame div.extras div.box p {
			color: #000000;
		}
		div.middle_frame div.extras div.box a.box {
			color: #000000;
			font-weight: bold;
			text-decoration: none;
		}
	
/* LOGIN ---------------------------------------------------- */	
	div.middle_frame div.extras div.login {
		float: left;
		padding: 5px 0 7px 7px;
		margin: 0 0 0 0;
		width: 180px;
	}
		div.middle_frame div.extras h1.login {
			font-family:Arial, Helvetica, sans-serif;
			font-weight: bold;
			font-size: 12px;
			text-transform: uppercase;
			padding: 0;
			margin: 5px 0 5px 10px;
		}
		div.middle_frame div.extras div.login img {
			float: left;
			padding: 0 0 0 4px;
		}
		
		div.middle_frame div.extras div.login input.name {
			width: 118px;
			height: 15px;
			border: 1px solid #DCDCDC;
			margin: 2px 0 2px;
		}
		div.middle_frame div.extras div.login input.pass {
			width: 95px;
			height: 15px;
			border: 1px solid #DCDCDC;
			margin: 2px 0 2px;
		}
		div.middle_frame div.extras div.login p {
			padding: 3px 0 0;
			margin: 0;
		}
		div.middle_frame div.extras div.login a {
			color: #4E4E4E;
		}
		
/* NEWSLETTER ---------------------------------------------------- */	
	div.middle_frame div.extras div.newsletter {
		padding: 5px 0 7px 7px;
		margin: 0 0 0 0;
		float: left;
		width: 150px;
	}
		div.middle_frame div.extras h1.newsletter {
			font-family:Arial, Helvetica, sans-serif;
			font-weight: bold;
			font-size: 12px;
			text-transform: uppercase;
			padding: 0;
			margin: 5px 0 5px 10px;
		}
		div.middle_frame div.extras div.newsletter img {
			float: left;
			padding: 0 0 0 4px;
		}
		
		
		div.middle_frame div.extras div.newsletter input.add {
			width: 70px;
			height: 15px;
			border: 1px solid #DCDCDC;
			margin: 2px 0 2px;
			float: left;
		}
		div.middle_frame div.extras div.newsletter input.add2 {
			width: 88px;
			height: 15px;
			border: 1px solid #DCDCDC;
			margin: 2px 0 2px;
		}
		div.middle_frame div.extras div.newsletter input.submit {
			float: left;
			padding: 3px 0 0 2px;
		}  
		div.middle_frame div.extras div.newsletter select {
			width: 92px;
			height: 20px;
			margin: 2px 0 2px;
		}
		
	
/* ##################################################################################################################################################### */
/* Pfad-Teil */
/* ##################################################################################################################################################### */
div.path {
	clear: both;
	padding: 0 35px 0 218px;
	color: #0073B2;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	height:18px;
}
	div.path a {
		color: #0073B2;
		text-decoration: none;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
	}
	div.path a:hover {
		text-decoration: underline;
	}
	div.path a {
		display: none;
		visibility: hidden;
	}
	div.path a.Submenu,
	div.path a.Selected {
		display: inline;
		visibility: visible;
	}
	
	
	div.path span.Level2 a.Submenu,
	div.path span.Level2 a.Selected {
		display: inline;
		visibility: visible;
		padding-left: 13px;
		background-image: url(../gfx/path_spacer.gif);
		background-repeat:no-repeat;
		background-position: left;
	}
	

/* ##################################################################################################################################################### */
/* Haupt-Teil */
/* ##################################################################################################################################################### */
div.haupt_frame {
	padding: 18px 13px 0 14px;
}

/* INHALTSVERZEICHNIS ---------------------------------------------------- */	
	div.haupt_frame div.inhalt {
		float: left;
		width: 193px;
	}
		div.haupt_frame div.inhalt a {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 11px;
			padding: 2px 10px 4px 23px;
			display: block;
			text-transform: uppercase;
			text-decoration:none;
			font-weight:bold;
			color: #4F4F4F;
		}
		div.haupt_frame div.inhalt a.Submenu,
		div.haupt_frame div.inhalt a.Selected,
		div.haupt_frame div.inhalt a.SubmenuSelected {
			color: #0072B2;
			background-image: url(../gfx/menue2_On.gif);
			background-position: top left;
			background-repeat: no-repeat;
		}
		
		
		
		div.haupt_frame div.inhalt span.Level2 a {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 11px;
			padding: 1px 10px 2px 33px;
			display: block;
			text-transform: none;
			text-decoration:none;
			font-weight: normal;
			color: #4F4F4F;
		}
		div.haupt_frame div.inhalt span.Level2 a.Submenu,
		div.haupt_frame div.inhalt span.Level2 a.Selected {
			text-decoration: underline;
			background-image: none;
		}
		
		
		
/* CONTENT ---------------------------------------------------- */	
	div.haupt_frame div.content {
		float: left;
		width: 400px;
		padding: 0 10px;
	}
		h1 {
			font-size: 16px;
			font-family:Arial, Helvetica, sans-serif;
			font-weight: bold;
			margin: 0 0 10px;
			padding: 0;
			color: #4F4F4F;
		}
		h2 {
			font-size: 12px;
			font-family:Arial, Helvetica, sans-serif;
			font-weight: bold;
			margin: 16px 0 7px;
			padding: 0;
			color: #4F4F4F;
		}
		h3 {
			font-size: 11px;
			font-family:Arial, Helvetica, sans-serif;
			font-weight: bold;
			margin: 14px 0 7px;
			padding: 0;
			border: 0 solid #4F4F4F;
			border-bottom-width: 1px;
			color: #4F4F4F;
		}
		p {
			font-size: 11px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-weight: normal;
			margin: 0 0 7px;
			padding: 0;
			color: #4F4F4F;
		}
		a {
			font-size: 11px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-weight: normal;
			color: #4F4F4F;
		}
		
/* INFOBOX ---------------------------------------------------- */	
	div.haupt_frame div.infoboxen {
		float: right;
		width:372px;
	}
	
		div.haupt_frame div.infoboxen div.box_content {
			background-image:url(../gfx/box_bg.jpg);
			background-position:left;
			background-repeat:repeat-y;
			float:left;
			width: 363px;
		}
		div.haupt_frame div.infoboxen div.box_content_k {
			background-image:url(../gfx/box_kopf.jpg);
			background-repeat:no-repeat;
			background-position: top left;
			float:left;
			width: 363px;
		}
		div.haupt_frame div.infoboxen div.box_content_f {
			background-image:url(../gfx/box_fuss.jpg);
			background-repeat:no-repeat;
			background-position:bottom left;
			
			padding: 11px 20px 11px 11px;
			float:left;
			width: 332px;
			
			position: relative;
		}
		
		div.haupt_frame div.infoboxen div.box_content img {
			 border-right: 1px solid #0072B2;
			 float: left;
			 padding: 0 4px 0 0;
			 margin: 4px 6px 0 0;
			 display: block;
		}
		div.haupt_frame div.infoboxen div.box_content img.more {
			 position: absolute; 
			 bottom: 10px;
			 right: 10px;
			 border: 0;
			 padding: 0;
			 margin: 0;
			 float: none;
		}
		
		div.haupt_frame div.infoboxen div.box_content h1 {
			font-size: 14px;
			padding: 4px 0 0 0;
			margin: 0;
		}
		div.haupt_frame div.infoboxen div.box_content p {
			margin: 3px 0 3px 0;
		}
		div.haupt_frame div.infoboxen div.box_content a {
			text-decoration:none;
			color: #4F4F4F;
		}



/* ##################################################################################################################################################### */
/* BASIC */
/* ##################################################################################################################################################### */
html {
	height: 100%;
}

body {
	padding: 0;
	margin: 0;
	border: 0;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4E4E4E;
	background: #CDD9E0;
	height: 100%;
	background-image: url(../gfx/main_bg.jpg);
	background-position:center;
	background-repeat:repeat-y;
}

form {
	padding: 0;
	margin: 0;
	border: 0;
}
input, select, submit {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.MainBox {
	width: 1022px;
	margin: 0 auto 0 auto;
	padding: 0;
	min-height: 100%;
	text-align: left;
	
	background-image: url(../gfx/main_bg.jpg);
	background-position:center;
	background-repeat:repeat-y;
}

* html .MainBox {
	height: 100%;
}

.clear {
	clear: both;
}