/* ###################################################################################
	** ### POSITIONING, main margins, backgrounds ########################################
	** ###################################################################################
	*/
	
	* { margin:0; padding:0; font-size: 100%; } 

	html { height: 100% }
	
	body { 
		/* get vertical scrollbar always (for centered layouts) */
		min-height: 101%;	
		position: relative; 
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 62.5%; /* make 1em = 10px */
		color: #444;        
		background: #8896C6;
		text-align: left;
		padding: 30px 10px;
	} 
	
	/*a {text-decoration: none;}*/
	a:link,  a:active, a:visited {color: #314292;}
	a:hover {color: #51BEE6;}			/*4A63DB*/

	ul li {/*list-style: none;*/padding: 0em 0em 0em 0em;margin:0em 0em 0em 1.1em;}
	ol li {/*list-style: none;*/padding: 0em 0em 0em 0em;margin:0em 0em 0em 1.7em;}
	
	h1 {font-size:1.2em;margin: 1.1em 0em 0.3em 0em;padding: 0em 0em 0em 0em;color:#001BA8;font-weight:bold;}


	/* no border */
	fieldset, img { border:0; }
	
	/* needed for safari */ 
	/* mm overwritten in special cases */
	select, input, textarea { font-size: 99% }

	p.bodytext {margin:0.4em 0em 1.2em 0em ;padding:0em 0em 0em 0em; border-top:0px solid #691E04;border-bottom:0px solid #691E04;}
	


	/* ###################################################################################
	** ### POSITIONING, main margins, backgrounds ########################################
	** ###################################################################################
	*/
	#pageContainer {min-width: 756px; max-width: 97.5em; margin:auto;}	
	
	#page {  }
	
	#main {	clear:both; width: auto; z-index: 10; background-color: #ffffff; }
	
	#colRightContainer {
		float:right; 
		width: 75%;
		z-index: 3;
	}
	#colRight {	margin-left: 0.5em; z-index: 4; position:relative; }	
	
	#colLeftContainer
	{
		width:auto;
	   margin-right: 75%; 
		background-color: #E5E7F1;
		z-index: 1;
	}
	#colLeft {z-index: 2; position:relative; }

	#footer { clear:both; }	/* backup for IE-clearing */
	
	/* ######################################################################################################
	** ### General Formattings left col######################################################################
	** ######################################################################################################
	*/
	
	#logo {
		margin: 1.8em 0em 2.7em 0em;
		padding: 0em 0em 0em 0em;
	/*	width:100%;*/
	}
		
	/** Main Navigation
	------------------------------*/
	#mainnavi {
		margin: 1em 0em 0.6em 0em;
		padding: 0.8em 0em 0.4em 1.5em;
		border-width: 0.1em 0em 0.1em 0em;
		border-style: solid;
		border-color: #fff;
		font-size: 1.2em;
	}
	#mainnavi ul {
		margin: 0em 0em 0.3em 1.7em;
		padding: 0em;
	}
	
	#mainnavi li {
		margin: 0.3em 0em 0em 0em;
		padding: 0em;
		list-style-image: url(../media/boppel_off.gif);
	}
	
	#mainnavi .act {
		list-style-image: url(../media/boppel_on.gif);
	}
	
	#mainnavi li li {
		margin: 0.3em 0em 0em 1em;
		padding: 0em;
	}
	
	#mainnavi a {
		text-decoration: none;
	}
	
	/** Main Navigation with divs */
	
	#mainnavi div {
		margin: 0.3em 0em 0em 0em;
		padding: 0em 0em 0em 1.5em;
		background-image: url(../media/boppel_off.gif);
		background-repeat: no-repeat;
		background-color: #E5E7F1;
	}

	#mainnavi div.act {
		background-image: url(../media/boppel_on.gif);
	}
	
	#mainnavi div.level2 {
		margin-left: 1.7em;
	}
	
	#mainnavi div.level3 {
		margin-left: 3.4em;
	}
	
	#search {
		margin: 0em 0em 1.8em 1.6em;
		padding: 0em 0em 0em 0em;
	
	}
	
	#quickaccess {
		margin: 1.6em 0em 0.8em 1.6em;
		padding: 0em 0em 0em 0em;
	
	}
	
	#search input.text, #quickaccess select {font-size:1em;width:12em;}
	#search input.submit, #quickaccess input.submit {width:7em;}
	
	/* ######################################################################################################
	** ### General Formattings right col ####################################################################
	** ######################################################################################################
	*/
		
	.headerimg {
		width: 100%;
	}

	/** Meta Navigation
	------------------------------*/
	#metanavi  {
	}
	#metanavi ul {
		display: inline;
		margin: 0em;
		padding: 0em;
		font-size: 1.1em;
	}
	#metanavi li {
		display: inline;
		list-style: none;
		padding: 0em 0em 0em 0em;
		margin:0em 1em 0em 0em;
	}
	
	#metanavi a {text-decoration: none;}
	#metanavi .no  a:link,#metanavi .no  a:active,#metanavi .no  a:visited,#metanavi .act a:hover {color: #314292;}
	#metanavi .act a:link,#metanavi .act a:active,#metanavi .act a:visited,#metanavi .no  a:hover {color: #51BEE6;}
		
	/** Links for Layout Changes
	------------------------------*/
	.layoutChanges {
		display: inline;
		float: right;
		text-align: right;
		font-size: 1.1em;
	}
	.layoutChanges li {
		display: inline;
		list-style: none;
		padding: 0;
		margin:0 1em 0 0;
	}
	.layoutChanges a {
		color: gray;
		text-decoration: none;
	}
		
	/** Breadcrumb
	------------------------------*/
	#breadcrumb {
		margin: 0 0 2em 0;
		padding: 3px 0 3px 0;
		font-size: 1.1em;
		border-top: 2px solid #E5E7F1;
		border-bottom: 1px dotted #E5E7F1;
	}
	
	#breadcrumb a {
		text-decoration: none;
	}

	/** Container in Container
	------------------------------*/
	.subContainer { 
		width: 100%;
		padding: 0 1px 0 1px; 
		margin: 0 -1px 0 -1px; 
		overflow:hidden;
	}
	
	.subLeftContainer {float: left; overflow: hidden;}
	.subRightContainer {float: right; overflow: hidden;}
		
	.subRightContainer, #metanavi {padding: 0.2em 0em 0.2em 0em;margin:0em 0em 0em 0em;}
	
	.metanaviContainer, .layoutChangesContainer { width: 49.999%; }
	
	.breadCrumbContainer, .contentLeftContainer { width: 66.666%; }
	.loginContainer, .contentRightContainer { width: 33.333%; }


	.subLeft { padding: 0 1em 0 0; overflow: hidden; }
	.subRight { padding: 0 0 0 1em; overflow: hidden; }
	
	
	/** Content
	------------------------------*/
	#content {
		font-size: 1.2em; /* set font-size in the contentarea to 12px */
		margin: 0em 1em 1em 1em;
	}

	.contentLeftContainer .subLeft {
		padding-right: 1em;
	}
	.contentRightContainer .subRight {}
	
	.csc-bulletlist {margin:0.1em 0em 0.5em 0em;}
	
	.csc-bulletlist-1 {}
	.csc-bulletlist-2 {list-style-image: url(../media/boppel.gif);margin-left:0.7em;font-size:0.9em;font-style:italic;color:#888888;}
	.csc-bulletlist-2 li {margin-top:0.3em;}
	.csc-bulletlist-3 {list-style:square;}
	
	.box_header {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #FFFFFF;
	background-color: #03C;
	font-size: 10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
}
.box_content {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-transform: none;
	background-color: #E7E7E7;
	font-size: 8px;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 10px;
}
	
	/* ######################################################################################################
	** ### General Formattings footer #######################################################################
	** ######################################################################################################
	*/
	#footer { color:#888; margin: 0; background: #fff; padding: 1em; border-top: 1px #ddd solid; line-height: 2em;}
	
	/* ######################################################################################################
	** ### clearing solutions ###########################################################
	** ######################################################################################################
	*/

	/* Clearfix-Methode zum Clearen der Float-Umgebungen */
	 .col-clearing:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	
	/* needed for Safari */
	.col-clearing { display: block; } 
	
	/* Overflow-Methode zum Clearen der Float-Umgebungen */
/*	.floatbox { overflow:hidden; }*/
	
	/* IE-Clearing: Ben�tigt nur der Internet Explorer und �ber iehacks.css zugeschaltet */
	#ie_clearing { display: none }
	

	fieldset {margin:0em 0em 1.5em 0em;padding:3em 1.5em 3em 0.5em;border:0px solid #3348B5;}
	label {margin:0em;padding:0.3em 0.5em 0em 0em;width:8em;float:left;text-align:right;}
	
	fieldset.csc-mailform {width:34em;}
	fieldset.csc-mailform div.csc-mailform-field {text-align:right;}
	fieldset.csc-mailform div.csc-mailform-field label {width:12em;}
	fieldset.csc-mailform input, fieldset.csc-mailform textarea, fieldset.csc-mailform select  {width:20em;margin-top:0.2em;}
	fieldset.csc-mailform textarea {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
	fieldset.csc-mailform input.csc-mailform-submit {margin:1em 0.1em 1em 0em;padding:0em;width:20.5em;}
	
	
	
	/*buttons*/
	
	
	input[type=submit] {background-color:#A8B4EE;border:1px solid #3348B5;padding:0em 0.2em 0em 0.2em;margin:0em 0.2em 0em 0.2em;}




/* ######################################################################################################
** ### Skiplinks ##############################################################################
** ######################################################################################################
*/

.skiplink {
	position: absolute;
	left: -1000em; 
	width: 20em;
}

a.skiplink:focus, a.skiplink:active {
	position: relative;
	left: 0;
	background-color: #ffffff;
	border: 1px dotted black;
	font-size: 1.2em;
	line-height: 1.5em;
	padding: 0.5em;
	display: block;
}

/* ######################################################################################################
** ### CONTENT ELEMENT FORMATTING #######################################################################
** ######################################################################################################
*/