/* -----------------------------------------------------------------------------------------------------------------
	common
----------------------------------------------------------------------------------------------------------------- */	
	/* some nice to have resets */
	p,div, body, img { padding: 0; margin: 0; }
	a img{ border: none; }
	
	/* Clearing floats without extra markup - Based on How To Clear Floats Without Structural Markup by PiE
	   [http://www.positioniseverything.net/easyclearing.html] */
	.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	
	/* Regular clearing -  apply to column that should drop below previous ones. */
	.clear { clear: both; }
	
/* -----------------------------------------------------------------------------------------------------------------
	YOUR site layout
----------------------------------------------------------------------------------------------------------------- */
	
	.px210x500x250 .col1 { width: 209px; border-right: 1px dotted #506786; }
	.px210x500x250 .col2 { width: 499px; border-right: 1px dotted #506786; }
	.px210x500x250 .col3 { width: 248px; }
	.px210x500x250 .col1 .content { margin-left: 30px; }
	.px210x500x250 .col3 .content { margin-right: 30px; }
	
	.px370x340x250 .col1 { width: 369px; border-right: 1px dotted #506786; }
	.px370x340x250 .col2 { width: 339px; border-right: 1px dotted #506786; }
	.px370x340x250 .col3 { width: 248px; }
	.px370x340x250 .col1 .content { margin-left: 30px; }
	.px370x340x250 .col3 .content { margin-right: 30px; }

/* -----------------------------------------------------------------------------------------------------------------
	predefined layout - add your site layout before; everything else after
----------------------------------------------------------------------------------------------------------------- */
	#wrap { width: 960px; margin: 0 auto; padding: 0; }

	.colmask { position: relative; clear: both; width: 100%; overflow: hidden; }
	.colmask .col1, .colmask .col2, .colmask .col3, .colmask .col4 { float: left; }
	
	/* |-------------------------50%-------------------------|-------------------------50%-------------------------| */
	.p50x50 .col1, .p50x50 .col2 { width: 49.9%; }
	/* |----------20%----------|----------------------------------------80%----------------------------------------| */
	.p20x80 .col1 { width: 19.9%; }
	.p20x80 .col2 { width: 79.9%; }
	/* |----------------------------------------80%----------------------------------------|----------20%----------| */
	.p80x20 .col1 { width: 79.9%; }
	.p80x20 .col2 { width: 19.9%; }
	/* |---------------30%---------------|-----------------------------------70%-----------------------------------| */
	.p30x70 .col1 { width: 29.9%; }
	.p30x70 .col2 { width: 69.9%; }
	/* |-----------------------------------70%-----------------------------------|---------------30%---------------| */
	.p70x30 .col1 { width: 69.9%; }
	.p70x30 .col2 { width: 29.9%; }
	/* |----------------33%----------------|----------------33%----------------|----------------33%----------------|  */
	.p33x33x33 .col1, .p33x33x33 .col2, .p33x33x33 .col3 { width: 33.2%; }
	/* |------------25%------------|-------------------------50%-------------------------|------------25%------------|  */
	.p25x50x25 .col1, .p25x50x25 .col3 { width: 24.45%; }
	.p25x50x25 .col2 { width: 50.9%; }	
	/* |------------25%------------|------------25%------------|------------25%------------|------------25%------------| */
	.p25x25x25x25 .col1, .p25x25x25x25 .col2, .p25x25x25x25 .col3, .p25x25x25x25 .col4 { width: 24.9%; }
	
	/* getting equal hight blocks; works due to the hidden overflow on colmask */
	.equal .col1, .equal .col2, .equal .col3, .equal .col4 { margin-bottom: -30000px; padding-bottom: 30000px; }
	
	/* set the default margin for the content div */
	#contentMain { margin: 0 10px; }
	
	/* give them some nice margin */
	.col1 .content, .col2 .content, .col3 .content { margin: 0 10px; }
	
	/* override col1 left margin and col2 right margin for 2 cols */
	.p50x50 .col1 .content, .p20x80 .col1 .content, .p80x20 .col1 .content, .p30x70 .col1 .content, .p70x30 .col1 .content { margin-left: 0; }
	.p50x50 .col2 .content, .p20x80 .col2 .content, .p80x20 .col2 .content, .p30x70 .col2 .content, .p70x30 .col2 .content { margin-right: 0; }
	
	/* override col1 left margin and col3 right margin for 3 cols */
	.p33x33x33 .col1 .content, .p25x50x25 .col1 .content { margin-left: 0; }
	.p33x33x33 .col3 .content, .p25x50x25 .col3 .content { margin-right: 0; }

/* -----------------------------------------------------------------------------------------------------------------
	YOUR everything else
----------------------------------------------------------------------------------------------------------------- */

	body { background: #c7d0d8; font-family: Arial; font-size: 12px; color: #333; }
	h1 { color: #00224f; font-size: 16px; margin: 10px 0 2px 0; }
	h2 { color: #00224f; font-size: 14px; margin: 10px 0 5px 0; }
	h3 { color: #dd151f; font-size: 12px; margin: 0 0 10px 0; border-bottom: 1px solid #8091a7; font-weight: normal; }
	h4 { color: #00224f; font-size: 16px; margin: 10px 0 2px; padding: 0; }
	h5 { color: #dd151f; font-size: 12px; margin: 0; padding: 0; font-weight: normal; }
		h5 a { color: #dd151f; }
	h6 { color: #a5a6a7; margin: 0; padding: 0; font-weight: normal; }
	a { color: #DD151F; text-decoration: none; }
	a:hover { color: #000; }
	
	.line { margin: 15px 30px 15px 0; border-bottom: 1px solid #8091A7; }
	
	input { border: 1px solid #a0adbd; }
	ul { padding-left: 30px; margin: 10px 0;  }
	
	.col1 .content, .col2 .content, .col3 .content { line-height: 16px; } 
	
	#wrap { background: #fff url('img/wrap.bottom.bg.gif') no-repeat left bottom; margin: 30px auto; }
	#header { background: url('img/header_top_bg-de.gif') no-repeat left top; position: relative; }
	
	#menuTop, #language { font-size: 11px; position: absolute; left: 30px; top: 15px; color: #707073; }
	#language { left: 300px; }
		#language a, #menuTop a, #language span { margin-right: 5px; color: #707073; }
		#language a:hover, #language span, #menuTop a:hover { color: #000; }
		#language span { cursor: default; }
	
	#menuLvlOne { padding-top: 40px; font-size: 14px; margin-left: 30px; padding-top: 100px; }
		#menuLvlOne a { color: #8091a7; margin: 0 15px; }
			#menuLvlOne a.active, #menuLvlOne a.current, #menuLvlOne a:hover  { color: #00224f; }
		
		#menuLvlOne ul { list-style-type: none; margin: 0; padding: 0; }
			#menuLvlOne li { float: left; border-right: 1px solid #333; }
				#menuLvlOne li.last { border: none; }
			
	#breadcrumb { font-size: 11px; margin: 0 30px 15px 30px; position: relative; }
		#breadcrumb a, #breadcrumb { color: #707073; }
			#breadcrumb a:hover { color: #000; }
	
	#menuMain ul { list-style-type: none; margin: 0 0 0 10px; padding: 0; line-height: 20px; }
		#menuMain a { color: #8091a7; }
			#menuMain a.current, #menuMain a:hover  { color: #00224f; }
			
	#contentMain { }
	
	#footer { border-top: 1px solid #8091a7; margin: 30px 30px 0 30px; color: #a5a6a7; position: relative; font-size: 9px; padding: 5px 0 10px 0; }
		#footer a { color: #a5a6a7; }
			#footer a:hover { color: #000; }
		
		#footerMenu .col { float: left; margin: 0 10px; }
		#footerMenu ul { list-style-type: none; padding: 0 0 0 5px; margin: 0; }
		
	#copyright { position: absolute; left: 757px; top: 5px; }
	
	.news-item { margin-bottom: 15px; }
	
	#search { font-size: 11px; position: absolute; right: 0; top: 0; color: #707073; }
		#searchInput { height: 12px; vertical-align: bottom; font-size: 9px; width: 120px; color: #949596; }
		#search label { display: inline; float: none; width: auto; }
		
	#headerImage { position: relative; margin: 15px 0 5px 30px; }
	#headerImage span { display: block; height: 195px; position: absolute; background: orange; width: 100%; top: 0; left: 0; background: url('img/header.image.overlay.gif') no-repeat; }
	#headerImage img { width: 910px; height: 195px; }
	
	div.csc-textpic-intext-left div.csc-textpic-imagewrap { padding-top: 3px; }
	
	p { margin-bottom: 5px; }
	
	fieldset { border: 1px solid #ccc; }
	fieldset div { margin: 5px 0; }
	textarea { width: 450px; }
	legend { padding: 0 10px; }
	label { width: 100px; display: block; float: left; }
	input { width: 200px; }
	input.csc-mailform-radio { width: 10px; border: none; }
	#mailformBereich label, #mailformNewsletter_abonnieren label { float: none; display: inline; }