/* -----------------------------------------------------------------------------------------------------------------
	screen.css - costum changes; load after common.css
----------------------------------------------------------------------------------------------------------------- */
	/* reset p, div for RTE */
	p,div { padding: 0; margin: 0; }
	
	ul { margin-top: 0; margin-bottom: 0; }
	
	body { background: #fff url('img/body.bg.jpg') repeat-x; font-family: Verdana,Arial,Helvetica,sans-serif;
		color: #666; font-size: 12px; }
	p { line-height: 14px; }
	a { color: #666; text-decoration: none; }
	h1, h2, h3, h4, h5 { margin: 20px 0 10px; color: #666; }
	h2 { font-size: 14px; }
	h3 { font-size: 12px; font-weight: bold; }
	h5 { margin: 5px 0; font-size: 12px; }

	#wrap { width: 996px; margin: 12px auto; }
	
	#header { background: url('img/header.bg.jpg'); height: 218px; position: relative; }
	
	#contentHeader { height: 218px; width: 261px; position: absolute; right: 0; top: 0; overflow: hidden; }
	
	#menuHeaderTop { color: #000; font-size: 11px; padding-top: 15px; padding-right: 30px; text-align: center; }
		#menuHeaderTop a { color: #000; }
			#menuHeaderTop a:hover { text-decoration: underline; }
	
	#menuTop { background: #fff; padding: 1px 0; }
		#menuTop a { width: 248px; display: block; background: #f1f1f1; color: #666; float: left; margin-right: 1px; font-size: 15px; font-weight: bold; letter-spacing: 1px; line-height: 30px; text-align: center; }
		#menuTop a.last { width: 249px; margin: 0; }
			#menuTop a:hover, #menuTop a.act { background: #8F95AB; color: #fff; }
	
	#breadcrumb { color: #fff; background: #89A5CF; font-size: 10px; padding-left: 10px; height: 20px; }
		#breadcrumb a { color: #fff; line-height: 20px; padding-right: 5px; }
			#breadcrumb a:hover { text-decoration: underline; }
			
	#contentArea { background: #fff; border: 1px solid #D2D6D9; border-width: 0 1px 1px; }
		
	.px252x504x234 > .col1 { width: 252px; }
	.px252x504x234 > .col2 { width: 504px; }
	.px252x504x234 > .col3 { width: 234px; }
	
	.px252x738 > .col1 { width: 252px; }
	.px252x738 > .col2 { width: 717px; }
	
	#menuMain { font-size: 11px; margin: 10px 6px;  }
		#menuMain  ul { list-style-type: none; padding: 0; margin: 0; }
			#menuMain li { }
				#menuMain li a { display: block; background: #F1F1F1; padding-left: 15px; margin: 2px 0; line-height: 19px; }
				#menuMain li a.act, #menuMain li a.cur, #menuMain li a:hover { background: #8F95AB; color: #fff; }
				#menuMain li a.cur { font-weight: bold; }
			#menuMain li li a { padding-left: 25px; }
			#menuMain li li li a { padding-left: 35px; }
			#menuMain li li li li a { padding-left: 45px; }
	
	#contentMain, #contentRight { margin: 10px; }
	#contentMain h2:first-child { margin-top: 0; }
	
	#contentRight { font-size: 11px; }
		#contentRight h2 { margin: 0 0 20px 0; }
		#contentRight h3 { margin: 10px 0; }
	
	#footer  { border-top: 1px solid #EDEDED; color: #666; text-align: center; padding: 10px; margin: 0 6px; font-size: 9px; }
		#footer a { color: #333; }
		#footer a:hover { text-decoration: underline; }
		
	.news-latest-item a, .news-list-item a, .news-latest-gotoarchive a { color: #2E6399; }
		.news-latest-item a:hover, .news-list-item a:hover, .news-latest-gotoarchive a:hover { text-decoration: underline; }
	.news-latest-morelink, .news-list-morelink { border-bottom: 1px solid #666; padding: 10px 0; margin-bottom: 10px; }
	.news-list-date { font-size: 9px; font-weight: normal; color: #aaa; }
	
	.expandable .toggler { padding-left: 15px; background: url('img/plus.gif') no-repeat left center; cursor: pointer; }
	.expandable .expanded { background-image: url('img/minus.gif'); }
	.expandable .slider { padding-bottom: 15px; }
	
	.news-latest-image, .news-list-image { float: left; margin: 0 5px 5px 0; }
	
	/* FORM */
	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; float: left; clear: both;}
	#mailformBereich label, #mailformNewsletter_abonnieren label { float: none; display: inline; }	
	
	#mailformWie_haben_Sie_von_HSDM_erfahre { margin: 10px 0; }
	
	#mailformPlaner_{ border: none;}
	#mailformPlaner_ label{ width: 200px; }
	#mailformPlaner_ legend{ display: none; }