/*********************************************************\

	STYLES KREIS HERFORD
	
	Content:		Header styles,
					layout + menu,
					Breadcrumb navigation
	
	Author: 		PROFILE MEDIA GmbH
					Johan Prawiro 
					(email: j.prawiro@profile-media.de)

	Last changed:	2008-08-15

\*********************************************************/

	/* PAGE IMAGE AND MAIN MENU */
		
		.headerContent1 {
			background-color:	#004476;
			float:				left;
            width:				78.3em;
		}
		
		.pageHeaderImg img {
			height:				9.1em;
            width:				78.3em;
        }

		.headerContent1 #QNav .formSpacer {
			background-color:	#E7EEF3;
			height:				2em;
			clear:				both;
		}
		
		.headerContent1 #QNav ul {
			list-style:			none;
			margin:				0;
			padding:			0 0 0 2em;
		}

		.headerContent1 #QNav ul li {
			float:				left;
			padding:			0 4em 0 0;
			margin:				0.3em 0 0.6em 0;
		}

		.headerContent1 #QNav ul li a:link,
		.headerContent1 #QNav ul li a:visited,
		.headerContent1 #QNav ul li a:hover,
		.headerContent1 #QNav ul li a:active,
		.headerContent1 #QNav ul li a:focus {
			color:				#FFF;
			font-size:			1.2em;
			text-decoration:	none;
		}

		.headerContent1 #QNav ul li a .qnav_ac {
			color:				#A9BDDF;
		}

		.headerContent1 #QNav ul li a:hover,
		.headerContent1 #QNav ul li a:active,
		.headerContent1 #QNav ul li a:focus {
			color:				#A9BDDF;
			text-decoration:	underline;
		}




	/* LOGO AND SEARCH FORM */
		
		.headerContent2 {
			float:				right;
			margin:				0 0.1em 0 0;
			position:			relative;
			width:				21.1em;
			z-index:			100;
		}
	
		.pageLogo {
			background-color:	#004476;
			margin:				0;
			padding:			0;
			font-size:			1em;
		}
		
		.pageLogo img {
			height:				9.1em;
			width:				21.1em;
		}

		#pageHeader #headerSearchForm {
			background-color:	#004476;
			display:			block;
			height:				2.3em;
			margin:				0;
			padding:			0.2em 0 0 0;
		}
		
		
		#pageHeader #headerSearchForm .textInput {
			background-color:	#FFF;
			border:				0.0625em solid #A9BDDF;
			color:				#000;
			float:				left;
			font-size:			1em;
			margin:				0;
			padding:			0.1em 0 0.2em 0;
			width:				12.1em;
		}

		#pageHeader #headerSearchForm label {
			float:				left;
			padding:			0 0.6em 0 1em;
			margin:				0.3em 0 0 0;
		}

		#pageHeader #headerSearchForm label span {
			background-color:	#004476;
			color:				#FFF;
			font-size:			1.2em;
			font-weight:		600;
		}

		#pageHeader #headerSearchForm .submitBtn {
			font-size:			1em;
			background:			none;
			border:				none;
			float:				left;
			height:				1.8em;
			margin:				0.2em 0 0 0.5em;
			padding:			0;
			width:				1.8em;
		}

		#pageHeader #headerSearchForm .submitBtn img {
			height:				1.8em;
			margin:				0;
			left:				-0.3em;
			padding:			0;
			position:			relative;
			top:				-0.1em;
			width:				1.8em;
		}
				
		.headerContent2 .formSpacer {
			background-color:	#E7EEF3;
			clear:				both;
			height:				3.3em;
		}
	
	
	/* BREADCRUMB NAVIGATION */

		.headerContent3 {
			background-color:	#E7EEF3;
			clear:				both;
			position:			relative;
			z-index:			100;
		}


		.headerContent3 div.breadcrumb {
			background-color:	#E7EEF3;
			border-right:		0.1em solid #FFF;
        	clear:				both;
			font-size:			1em;
			min-height:			2.4em;
			padding:			0.9em 0 0 2em;
            width:				76.3em;
		}

		.headerContent3 .breadcrumb h2 {
			color:				#004476;
			float:				left;
			font-size:			1.1em;
			margin:				0;
			padding:			0;
			width:				8.3em;
		}

		.headerContent3 .breadcrumb ul {
			float:				left;
			list-style:			none;
			margin:				0;
			padding:			0 0 0.5em 0;
			width:				67em;
		}

		.headerContent3 .breadcrumb ul li {
			display:			inline;
			margin:				0;
			padding:			0;
		}

		.headerContent3 .breadcrumb ul li a:link,
		.headerContent3 .breadcrumb ul li a:visited,
		.headerContent3 .breadcrumb ul li a:hover,
		.headerContent3 .breadcrumb ul li a:active,
		.headerContent3 .breadcrumb ul li a:focus {
			background:			transparent url('../images/breadcrumb_separator.gif') right 0.30em no-repeat;
			color:				#004476;
			font-size:			1.1em;
			padding:			0 1.18em 0 0;
			text-decoration:	none;
		}

		.headerContent3 .breadcrumb ul li a.current:link,
		.headerContent3 .breadcrumb ul li a.current:visited,
		.headerContent3 .breadcrumb ul li a.current:hover,
		.headerContent3 .breadcrumb ul li a.current:active,
		.headerContent3 .breadcrumb ul li a.current:focus {
			background:			none;
			padding:			0 0 0 0.36em;
		}

		.headerContent3 .breadcrumb ul li a:hover,
		.headerContent3 .breadcrumb ul li a:active,
		.headerContent3 .breadcrumb ul li a:focus {
			text-decoration:	underline;
		}


		/* folgende margin-einstellung bei Transitionaml-Doctype verwenden! */
		#pageHeader #headerSearchForm .textInput {
			margin:				0.2em 0 0 0;
		}
		.headerContent1 #QNav {
			margin:				0.2em 0 0 0;
		}