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

	STYLES KREIS HERFORD
	
	Content:		Basic layout styles, 
					general property definitions
	
	Author: 		PROFILE MEDIA GmbH
					Johan Prawiro 
					(email: j.prawiro@profile-media.de)

	Last changed:	2008-11-10

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


/* SET GLOBAL PROPERTIES */
	html, body {
		font-family:		"Verdana","Arial","Helvetica";
		min-height:			100%;
		margin:				0;
		padding:			0;
       }

	/* SET FONT-SIZE TO 10px! -> 0.625 * 16px */
	html {
		background:			#FFF;
		font-size:			0.625em;
		min-width:			99.6em;
	}
	
	body {
		background:			#FFF;
    }
	
	/* BASIC ELEMENT STYLES */ 

	* {
		font-size:			1em;
		margin:				0;
		padding:			0;
	}

	p,
	.text3 {
		color:				#212121;
		font-size:			1.2em;
		line-height:		1.2;
		margin:				0 0 1em 0;
		padding:			0;
    }
	
	strong {
		font-weight:		600;
	}


	.topLink,
	.accessibilityFeature {
		position:			absolute;
		left:				-1000em;
    }
	
	fieldset {
		border:				none;
		margin:				0;
		padding:			0;
	}



/* LAYOUT STYLES */

	/* VISUAL AID */

	#bgColumnMenubar {
		background-color:	#E7EEF3;
		bottom:				0;
		left:				0;
		/* NEW! Centered layout */
			left:			-49.8em;
			margin-left:	50%;
		/* NEW! Centered layout */
		position:			absolute;
		top:				0;
		width:				19em;
	}

	#bgColumnSidebar {
		background-color:	#E7EEF3;
		bottom:				0;
		left:				78.4em;
		/* NEW! Centered layout */
			left:			28.6em;
			margin-left:	50%;
		/* NEW! Centered layout */
		position:			absolute;
		top:				0;
		width:				21.1em;
	}
	
	#bgColumnInnerMenubar {
		background-color:	#E7EEF3;
		bottom:				0;
		left:				0;
		position:			absolute;
		top:				0;
		width:				19em;
		z-index:			1;
	}
	
	#bgColumnInnerSidebar {
		background-color:	#E7EEF3;
		bottom:				0;
		left:				78.4em;
		position:			absolute;
		top:				0;
		width:				21.1em;
		z-index:			1;
	}

	/* POSITIONING */

	/*
	Normally the width should be 99.5em (=995px).
	Due to rounding errors in browsers there is a 1px safety zone!
	*/
	#globalWrapper {
		margin:				0 auto;
		padding-bottom:		1.2em;
		position:			relative;
		width:				99.6em;
		z-index:			100;
	}

	#innerWrapper {
		position:			relative;
		z-index:			100;
	}
	
	#contentWrapper {
		clear:				both;
		z-index:			100;
	}
				
	.clearfix {
		clear:				both;
		height:				0;
		margin:				0;
		padding:			0;
		overflow:			hidden;
	}

	
	#navigation {
		background-color:	#E7EEF3;
		float:				left;
		padding:			0 0 1em 0;
		width:				19em;
       }

	/* calculate width to 80.4em! (w/o sidebar!) */
	.mainContent {
		background:			none;
		float:				left;
		padding:			2em 2em 0 2em;
		width:				76.4em;
	}

	/* calculate width to 59.3em! (with sidebar!) */
	.withSidebar .mainContent {
		width:				55.3em;
	}

	.sidebar {
		border-top:			0.1em solid #FFF;
		background:			none;
		float:				left;
		margin:				0 0 0 0.1em;
		position:			relative;
		width:				21.1em;
		z-index:			500;
	}

	#contentblock {
		float:				left;
	}


/* MAINCONTENT STYLES */

	/* HEADLINES */

		/*.mainContent h1 {*/
		.mainContent .text7,
		.mainContent h3 {
			color:				#043457;
			font-size:			1.4em;
			padding:			0 0 0.6em 0;
		}

		/*.mainContent h2 {*/
		.mainContent .text6,
		.mainContent h4 {
			color:				#5C7DA1;
			font-size:			1.2em;
			padding:			0 0 0.6em 0;
		}

		/*.mainContent h3 {*/
		.mainContent .text5,
		.mainContent h5 {
			color:				#000;
			font-size:			1.2em;
			padding:			0 0 0.6em 0;
		}
	
	/* TEXT STYLES */
	
		/* für Zuweisung der Klassen im p-Tag */
			/* sehr kleiner Text */
			.mainContent p.text1 {
				font-size:			1em;
	        }

			/* kleiner Text */
			.mainContent p.text2 {
				font-size:			1.1em;
	        }

			/* normaler Text */
			.mainContent p.text3 {
				font-size:			1.2em;
	        }

			/* größerer Text */
			.mainContent p.text4 {
				font-size:			1.3em;
	        }

		/* für Zuweisung der Klassen span-Tag INNERHALB des p-Tags */
			/* wg. Kaskadierung muss hier von einer Basis-Schriftgroesse von 12px (1.2em) ausgegangen werden */
			/* definiert in Zeile 46 */

			/* sehr kleiner Text */
			/* 10:12 = 0.833333 */
			.mainContent p span.text1 {
				font-size:			0.833333em;
	        }

			/* kleiner Text */
			/* 11:12 = 0.916666 */
			.mainContent p span.text2 {
				font-size:			0.916666em;
	        }

			/* normaler Text */
			/* 12:12 = 1 */
			.mainContent p span.text3 {
				font-size:			1em;
	        }

			/* größerer Text */
			/* 13:12 = 1.083333 */
			.mainContent p span.text4 {
				font-size:			1.083333em;
	        }

	
	/* LIST STYLES */
	
		.mainContent ul {
			margin:				0.5em 0.5em 1em 3em;
        }

		.mainContent ul li,
		.mainContent ul p {
			margin:				0 0 0.25em 0;
			padding:			0;
			font-size:			1.25em;
		}
		
	/* IMAGE TEXT BLOCK */
	
		.mainContent .imgTxt {
			background-color:	#E7EEF3;
			border-top:			2em solid #CAD8E5;
		}

		/* SIZE OF IMAGE -> LANDSCAPE */
		.mainContent .imgTxt .imgContainer img,
		.mainContent .imgTxt .imgContainer1 img {
			height:				12em;
			width:				16em;
		}

		/* SIZE OF IMAGE -> PORTRAIT */
		.mainContent .imgTxt .imgContainer2 img {
			height:				21.4em;
			width:				16em;
		}

		.mainContent .imgTxt .imgContainer,
		.mainContent .imgTxt .imgContainer1,
		.mainContent .imgTxt .imgContainer2 {
			border-right:		0.1em solid #FFF;
			float:				left;
			width:				17.5em;
		}

		.mainContent .imgTxt .txtContainer {
			border-left:		0.1em solid #FFF;
			float:				left;
			padding:			0.8em 1.5em 0 1.5em;
			margin:				0 0 0 -0.1em;
			width:				34.5em;
		}


/* SIDEBAR STYLES */

	/***********************\
	   Calculate left and
	  right paddings to 6px
	\***********************/

		.sidebar {
			padding:			2em 0 0 0;
		}

		/*.sidebar h1 {*/
		.sidebar h3 {
			color:				#043457;
			font-size:			1.2em;
			font-weight:		600;
			padding:			0 0.833em 1.5em 0.833em;
		}

		/*.sidebar h2 {*/
		.sidebar h4 {
			background-color:	#004476;
			color:				#FFF;
			font-size:			1.2em;
			font-weight:		600;
			padding:			0.4166em 0.583em;
			margin:				0;
		}

		.sidebar img {
			border-left:		0.1em solid #E7EEF3;
			border-right:		0.1em solid #E7EEF3;
			width:				20.9em;
		}

		.sidebar p {
			color:				#043457;
			font-size:			1.1em;
			padding:			1em 0.90909em 0 0.90909em;
		}
		
		.sidebar a:link,
		.sidebar a:visited,
		.sidebar a:hover,
		.sidebar a:active,
		.sidebar a:focus {
			background:			transparent url('../images/bullet_sidebar.gif') 0.9em 0.6em no-repeat;
			border-bottom:		0.0833em solid #FFF;
			border-top:			0.0833em solid #FFF;
			color:				#043457;
			display:			block;
			font-size:			1.1em;
			font-weight:		600;
			padding:			0.416em 1.8em;
			margin-top:			-1px;
			text-decoration:	none;
			position:		relative;
		}

		.sidebar a:hover,
		.sidebar a:active,
		.sidebar a:focus {
			text-decoration:	underline;
		}
		
		.addLinks {
			padding:			8em 0 0 0;
        }

		
/* JUMPMENU STYLES */
/* hide jumpmenu; do NOT use 'display: none;' (screenreader issue) */
		
		#jumpmenu {
			position:			absolute;
			left:				-1000em;
		}

		.jumpmenuAnchor {
			position:			absolute;
			left:				-1000em;
        }