/*
	CSS Definitionen
	mfDesign
	Media: screen
*/


/*	Globale Tag-Definitionen ------------------------------ */

body {
	padding: 0px 0px 0px 10px;
	margin: 0px;
	background-color: #666;
	/*
	background-image: url(../tmpl/imgs/site_bg.gif);
	background-repeat: repeat-x;
	*/
}


p.error { 
	background: #FFEBC4;
	color: #FF6600;
	border: 2px solid #FF6600;
	padding: 8px;
	margin: 15px 0;
	font-weight: bold;
}

/*	Layout-Raster ========================================= */

#siteContainer {
	width: 860px;
}

/*	Seitenkopf ----------------------------------------- */

#topNavi {
	height: 50px;
	padding: 10px;
	background-color: #FFFFFF;
}
* html #topNavi { overflow: hidden; }
	
	/*
	#topNavi ul {
		padding: 15px 0px 0px 0px;
		margin: 0px;
	}
	
	#topNavi li {
		float: left;
		padding: 0px 15px 0px 0px;
		list-style-type: none;
		margin: 0px;
		line-height: 16px;
	}
	
	#topNavi a {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		text-decoration: none;
		font-weight: bold;
	}	
	
	#topNavi a:hover {
		color: #FF6600;
	}
	
	#topNavi li.inaktiv a {
		color: #000000;
	}		
	
	#topNavi li.aktiv a {
		color: #FF6600;
	}
	*/
	
	#topNavi img {
		position: absolute;
		top: 10px;
		left: 715px;
	}

#panoImg {
	height: 163px;
}

/*	Seiteninhalt ----------------------------------------- */

#contentContainer {
	float: left;
	background-image: url(../tmpl/imgs/sidebar_bg.gif);
	background-repeat: repeat-y;
	background-position: right;
	background-color:#FFFFFF;
}

/* Teaserbereich (Sidebar) */

#sidebar {
	width: 237px;
	background-color: #DDDDDD;
	float: right;
}

	/*	Headline */

	#sidebar h2 {
		padding: 6px;
		margin: 0px;
		background-color: #FF6600;
		
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		line-height: 16px;
		color: #FFFFFF;
	}
	
	#sidebar h3 {
		padding: 6px;
		margin: 0px;
		background-color: #666666;
		
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: normal;
		line-height: 16px;
		color: #FFFFFF;
	}
	
	/*	Inhaltsfeld */

	#sidebar .folderTeaser a img {
		border: 0;
	}
	
	#sidebar .folderTeaserDescription {
		padding: 6px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		line-height: 16px;
		color: #000000;
	}
	
	/*	Listen */
	
	#sidebar ul {
		padding: 6px 6px 6px 16px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		line-height: 16px;
		color: #000000;		
	}
	
	#sidebar ul {
		margin: 3px 0px 3px 20px;
		padding: 0px;
	}
	
	#sidebar ul ul {
		margin: 3px 0px 3px 12px;
		padding: 0px;
	}
	
	#sidebar ul ul ul {
		margin: 3px 0px 3px 12px;
		padding: 0px;
	}
	
	#sidebar li {
		list-style-image: url(../tmpl/imgs/li_sidebar_mehr.gif);
	}	
	
	#sidebar .listSubItems {
		list-style-image: url(../tmpl/imgs/li_sidebar_mehr.gif);
	}
	
	#sidebar .listKeineSubItems {
		list-style-image: url(../tmpl/imgs/li_sidebar_nicht_mehr.gif);
	}
	
	/*	Links */
	
	#sidebar a {
		color: #FF6600;
	}
	
	#sidebar ul a {
		color: #000000;
		text-decoration: none;
	}
	
	#sidebar ul a:hover {
		color: #FF6600;
	}

/*	Inhaltsbereich */

#contentBar {
	margin-right: 237px;
}

/*	Subnavigation */

#subNavi {
	background-color: #DDDDDD;
	float: left;
	padding: 5px 20px 5px 20px;
	width: 581px;
}

	#subNavi ul {
		padding:  0px;
		margin: 0px;
	}
	
	#subNavi li {
		float: left;
		padding: 0px 15px 0px 0px;
		list-style-type: none;
		margin: 0px;
		line-height: 20px;
	}
	
	#subNavi a {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #000;
		text-decoration: none;
	}
	
	#subNavi a:hover {
		color: #FF6600;
	}
	
	#subNavi ul li.activelink a { 
		color: #FF6600; 
	}	

/*	Inhalt */

#content {
	float: left;
	padding: 10px 15px 50px 20px;
	width: 586px;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #000000;
}

	#content .linkeSpalte {
		float: left;
	}
	
	#content .rechteSpalte {
		margin-left: 220px;
	}
	
	#content .KeinFloat {
		clear: both;
	}	

	/*	Headlines */

	#content h1 {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 20px;
		font-weight: normal;
		line-height: 16px;
		color: #FF6600;
		padding: 10px 0px 15px 0px;
		margin: 0px
	}
	
	#content h2 {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: normal;
		line-height: 16px;
		color: #FF6600;
		padding: 15px 0px 10px 0px;
		margin: 0px
	}
	
	#content h3 {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: bold;
		line-height: 16px;
		color: #FF6600;
		padding: 15px 0px 10px 0px;
		margin: 0px
	}
	
	#content h4 {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: normal;
		line-height: 16px;
		color: #FF6600;
		padding: 15px 0px 10px 0px;
		margin: 0px
	}	
	
	/*	Listen	*/
	
	#content li {
		list-style-image: url(imgs/li_arrow.gif);
		padding-bottom: 15px;
	}
	
	/*	Links */
	
	#content a {
		color: #FF6600;
		font-weight: bold;
	}
	
	#content a:hover {
		background-color: #FF6600;
		color: #FFFFFF;
		font-weight: bold;
		text-decoration: none;
	}
	
	/*	Bilder	*/
	
	#content .ImgRahmen {
		border: 1px solid #000000;
	}
	
	#content .ImgLinks {
		border: 1px solid #000000;
		float: left;
		margin-right: 15px;
	}
	
	/*	Kategorie-Bild */
	#content .katBild {
		padding: 0 2px 2px 0;
		border: 0;
	}
	
	#content a:hover .katBild {
		background-color: #fff;
	}
	
	
	/*	AJAX Gallery */
	#newgal { overflow: hidden; }
	#newgal a { width: 110px; display: block; float: left; text-align: center; border: 1px solid #ccc; margin: 0 10px 10px 0; padding: 10px; }
	#newgal a:hover { background: #eee; }
	#lightbox-mynav { overflow: hidden; }
	* html #lightbox-mynav { padding-bottom: 20px; }
	#lightbox-mynav a { color: #666; font-weight: bold; text-decoration: none; margin-right: 5px; margin-bottom: 5px; padding: 3px; display: block; float: left; min-width: 18px; text-align: center; }
	#lightbox-mynav a:hover, 
	#lightbox-mynav a.lightbox-link-active { background: #ccc; }
	#lightbox-secNav-btnClose { width: 26px !important; }
	
	
	/*	Partner-Bilder */
	#content .partnerLogo {
		padding: 15px;
		border: 0px;
		vertical-align:middle;
	}
	
	#content a:hover .partnerLogo {
		background-color: #fff;
	}
	
	
	/*	Tabellen */
	
	#content table {
		padding: 2px;
		margin: 0px;
		border: 0px
	}
	
	#content th {
		background-color: #EEEEEE;
		font-weight: normal;
		border-bottom: 1px solid #000000;
		text-align: left;
	}
	
	#content .hl {
		font-weight: bold;
	}
	
	#content .galerie {
		text-align: center;
		padding: 30px 0 30px 0;
	}
	
	/*	Formular */
	form div.fieldbox {
		width: 250px;
		height: 30px;
		float: left;
		margin: 0 20px 20px 0;
	}
	
	
	form div#fieldbox_40 { height: auto; }
	form div#fieldbox_40 textarea { width: 100%; height: 100px }
	
	input.error, textarea.error { background: #FFEBC4 }
	
	/*	Newsletter-Abmeldung */
	form#form_10 label { float: left; display: block; width: 100px; text-align: right; padding-right: 10px; }
	form#form_10 input.inputText,
	form#form_10 textarea { width: 200px; }
	form#form_10 input.inputButton { margin-left: 110px; }
	
	
/*	Fusszeile ----------------------------------------- */	
	
#footer {
	background-image: url(../tmpl/imgs/footer_bg.gif);
	background-repeat: repeat-y;
	background-position: right;
	padding: 10px 30px 10px 20px;
	background-color: #DDDDDD;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #000000;
	clear:both;
}

#footer a {
	color: #000000;
}

#footer a:hover {
	color: #FF6600;
}

/*	Formular ============================================ */

/*	Formulare */

form {
	padding: 0px;
	margin: 0px;
	border: 0px;
}

/*	Sidebar Formularfelder */

#sidebar .suchfeld {
	border: 1px solid #666666;
	background-color: #FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	width: 150px;
	margin: 6px 0px 6px 6px;
}


#sidebar .buttonSuchen {
	border: 0px;
	background-color: #FF6600;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	margin: 6px 0px 6px 6px;
}

/*	Abstände ============================================== */

.padding10Px {
	padding: 10px;
}