/*! 02_layout.css */

@media screen {

	/* Allgemeines 
	-------------------------------------------------------------------------------- */
	html body {
		/* font-size 62.5% ergibt 1em == 10px (100% == 16px in Standardbrowsern) */
		font: 62.5%/1.6em Arial, Verdana, Geneva, sans-serif normal;
		background: #ecebe3;
		color: #333;
		/*folgendes unbedingt belassen! Dient als Kennzeichnung im js, ob das richtige Stylesheet geladen ist: */
		bottom: -11px;
	}
	.wrap {
		width: 95em;
		margin: 0 auto;
	}

	/* Kopfbereich 
	-------------------------------------------------------------------------------- */
	img.logo.print {
		display: none;
	}
	#header {
		position: relative;	
		color: #fff;
		z-index: 1000;
		border-bottom: 1px solid #fff;	
		border-collapse: separate;
	}
	#header div.gradientV-1 {
		min-width: 95em;	
	}
		#header a {
			color: #fff;
		}
		#header .wrap {	
			position: relative;	
			height: 6.6em;/*5.3em;*/
		}
		#header .logo {
			position: absolute;
			left: 0;
			bottom: 0;
			float: left;
			background: url(/css/freshup/img/logo-thueringen.png) left bottom no-repeat;
			width: 27em;
			height: 6.6em;
			text-indent: -9999px;
			overflow: hidden;
			background-size: 100%;
		}	
		#header .row.top {
			float: right;
			width: auto;
		}
	#header .uc {
		position: relative;
		z-index: 100;
		float: left;
	}
		#header .uc .uc-body {
			position: absolute;
			left: 0;
			top: 4.4em;
			background: #114763;
			padding: 1em;
			color: #FFC
		}
		#header .uc .uc-head {
			float: left;
			font-size: 1.2em;
			padding: 0.5em 1.5em 0.5em 1.5em;
			margin: 1em 0;
			border-right: 1px solid #344248;
			border-left: 1px solid #5592af;
			line-height: 1em;
		}
			#header .uc:first-child .uc-head {
				border-left: none;	
			}
			#header .uc:last-child .uc-head {
				border-right: none;	
			}
		#header legend {
			display: none;
		}
	
	/* Zweiter Kopfbereich
	-------------------------------------------------------------------------------- */	
	#subHeader {
		position: relative;
		z-index: 901;
		color: #fff;
		margin: 2.6em 0 0 0;	
	}
		#subHeader .wrap {
			position: relative;	
		}
			#subHeader .wrap .row.navi {
				font-size: 1.2em;
				margin: 0;
			}
			body.start #subHeader .wrap .row.navi {
				padding: 0;
			}
		#subHeader .container.news {
			padding: 2.4em 1.6em 0 1.6em;
			height: 28em;
			overflow: hidden;
		}
		#nojs #subHeader .container.news {
			overflow: auto;
		}
		#subHeader .wrap .row.bottom {
			position: relative;
			z-index: 1;
			background: #114660;			  
			background: -webkit-gradient(linear, left top, left bottom, from(#146185), to(#114660));
			background: -moz-linear-gradient(top, #146185, #114660);
			background: -o-linear-gradient(top, #146185, #114660);
		}
			#subHeader .wrap .row.bottom .shadow.top {
				position: absolute;			
				left: 0;
				top: 0;
				width: 95em;
				height: 10px;
				background: url(/css/freshup/img/shadow-950x10.png) center top no-repeat;
				z-index: 100;
			}

	/* MoreNews (Startseite); ist kein UC
	-------------------------------------------------------------------------------- */
	#js #subHeader .news.more {
		position: relative;
	}
		#subHeader .news.more .uc-left {
			position: absolute;
			left: 1em;
			top: 6.5em;
			width: 20px;
			height: 20px;
			z-index: 1000;
		}
		#subHeader .news.more .uc-right {
			position: absolute;
			right: 1em;
			top: 6.5em;
			width: 20px;
			height: 20px;
			z-index: 1000;
		}
		#subHeader .news.more .uc-miniBrowser {
			margin: 0 4em;	
			overflow: hidden;
		}
	
	/* Content-Bereich
	-------------------------------------------------------------------------------- */
	#content .wrap.outer {
		background: #004464;
		margin-top: 1px;
	}
		#content .wrap.inner {
			width: auto;
			border-left: 67em solid #fff;
		}
	
	/* linke Spalte  */
	#content .wrap.inner .col.left {
		float: left;
		margin: 0 0 0 -67em;
		padding: 2em 4em 2em 3em;
		width: 60em;
		background: #fff url(/css/freshup/img/bg-col-left-top.jpg) right top no-repeat;
	}
		
	/* Signatur Seitenanfang */
	#content .col.left .header.signature {
		position: relative;
		width: 100%;	
		border-bottom: 1px dotted #333;
		margin: 0 0 1.8em 0;
		padding: 0 0 0.5em 0;
	}
		#content .col.left .header.signature ul,
		#content .col.left .header.signature p {
			margin: 0;	
		}
	#content .col.left .col.left {
		float: left;
		margin: 0;
		padding: 0;
		background: none;
	}
	/* rechte Spalte (Wegweiser) */
	#content .col.right {
		text-align: left;
		/*padding: 2em 2em 2em 0;*/
		padding: 2em 1em;
		color: #fff;
	}
		#content .col.right .main {
			font-size: 1.5em;
			padding: 0 20px;
			margin: 0 0 1em 0;
			/* font-family: 'ScalaSansRegular'; */
		}
		#content .col.right a {
			color: #fff;
		}
		body.start #content .col.right a {
			color: #036;
		}
	
	/* linke Spalte mit optionaler Marginalspalte rechts */
	#content.marginal {}
		#content.marginal .col.left .content {
			width: 17em;
			padding: 0 0 0 43em;
			background: url(/css/freshup/img/line-dotted-000-vertical.gif) 43em 0 repeat-y;	
		}
		#content.marginal .col.left .content .col.left {
			float: left;
			margin: 0 0 0 -43em;
			width: 41em;
		}
		#content.marginal #marginal {
			float: right;
			width: 15em;
			padding: 0;
		}

	/* Boxen
	-------------------------------------------------------------------------------- */
	.row.boxes {
		clear: both;
	}
		body.homepage .row.boxes {
			margin: 0 0 2em 0;	
		}
	.box {
		position: relative;	
		background: #f5f5f4;
		color: #333;
		-moz-box-shadow: 0px 0px 3px #999;
		-webkit-box-shadow: 0px 0px 3px #999;
		box-shadow: 0px 0px 3px #999;
	}
		/* Aktion/Medienservice Startseite */
		#js body.start #content .col.right .row-1 .box {
			height: 6em;	
		}		
		/* Aktion/Medienservice */
		#js body.start #content .col.right .row-1 .uc-tabControl .box {
			height: 7.5em !important;
		}
		.row-3.boxes .box {
			margin: 0 -0.2em;
			background: #fff;	
		}
		.box .header {
			color: #fff;
			background: url(/css/freshup/img/shadow-300x10.png) center bottom no-repeat;
			padding: 0 0 10px 0;
			margin: 0;
			font-family: Arial, Verdana, Geneva, sans-serif;
			font-size: 1.6em;
			font-weight: normal;	
		}
			.box .header .icon.rss {
				margin: 0;	
			}
		.box .outer {
			display: block;
		}
		.box .header .inner {	
			position: relative;
			display: block;	
			padding: 0.8em 1em 0.85em 1em;
			border: 1px solid #fff;
			line-height: 1.3em;
		}
		.box .logo {
			background: url(/css/freshup/img/box-header-logo.png) 2em bottom no-repeat;
		}
		.box .body .inner {
			position: relative;
			display: block;
			padding: 0em 2em 1em 2em;
			font-size: 1em;
		}
			.box .inner.logo a.logo {
				padding: 0;
				background: none;	
			}
		/* Navi-Fussleisten */
		#content .box p.navi {
			margin: 0;	
		}
		.box .uc .navi {
			position: relative;
			background: #fff;
			padding: 1em 2em;
			margin: 0 -2em -1em -2em !important;
		}
			/* ohne js auf Startseite */
			#nojs body.start .uc-servicePortal .navi {
				color: red;
				margin: 0 0 -1em 0 !important;	
			}
			 
		.navi a.more {
			float: right;
			font-weight: bold;
			font-size: 1.2em;
			padding: 0.2em 28px 0.2em 0;
			background: url(/css/freshup/img/bullet-arrow-right.png) right center no-repeat;
		}
	.box .footer {
		background: #fff;
		clear: both;
		color: #333;
		padding: .5em 1.4em;
	}
		.box .footer .inner {
			font-size: 1.2em;
		}

	/* Startseite
	-------------------------------------------------------------------------------- */
	body.start {}
		body.start #content {
			background: none;	
		}
			body.start #content .wrap.outer {
				background: none;	
			}
			body.start #content .wrap.inner {
				background: none;
				padding: 0 0 0 63em;
				margin: 0;
				width: 32em;
				border: 1px solid transparent;
			}
				body.start #content .wrap.inner .col.left {
					float: left;
					width: 62.5em;
					margin: 0 0 0 -63em;
					padding: 0;	
					background: none;	
				}	
				body.start #content .wrap.inner .col.right {
					float: right;
					width: 30em;
					margin: 0;
					padding: 0;		
				}
					body.start #content .wrap.inner .col.left .col.left,
					body.start #content .wrap.inner .col.left .col.right {
						width: 30em;
						margin: 0;
					}

	/* Footer
	-------------------------------------------------------------------------------- */
	#footer {
		clear: both;
		padding: 1em 0 2em 0;
		margin: 0 0 3em 0;
	}

	/* Ressortnavigation (.start.sector) + Bereichsstartseite (.start.business)
	-------------------------------------------------------------------------------- */
	body.start.sector {}
		body.start.sector #content {
			padding-top: 2em;
			background: #ECEBE3 url(/css/freshup/img/shadow-955x10.png) top center no-repeat;	
		}
		#subHeader .headline {
			position: relative;
			color: #fff;
			min-height: 8.5em;
			border-bottom: 1px solid #fff;
			z-index: 1;
			overflow: hidden;
		}
			body.start.sector #subHeader .wrap {
				position: relative;
			}
			#subHeader .headline h1 {		
				position: absolute;
				left: 40px;
				bottom: 20px;
				font-size: 2.6em;
				font-weight: normal;
				line-height: 1em;
			}
			#subHeader .headline img {
				display: block;
				width: 100%;
				margin: 0 0 -3px 0;	
			}
		body.start.sector .box,
		body.start.business .box,
		.box.media {
			margin-bottom: 1.8em;
		}
		.box.media p.navi {
			padding: 1em 2em 1em 0;	
			background: #fff;
		}
			body.start.sector .box .noImg,
			body.start.business .box .noImg,
			.box.media .noImg{
				padding: 2em;	
				font-size: 1.2em !important;
			}			
			body.start.sector .box .img.left,
			body.start.business .box .img.left {
				margin: 1px;
				padding: 0.5em 	2em 0.5em 21.5em;
				font-size: 1.2em;
			}
				body.start.sector .box .img.left img,
				body.start.business .box .img.left img {
					float: left;
					width: 18em;
					margin: 0 0 0 -21em !important;
				}
			body.start.sector .box .img.left .header,
			body.start.sector .box .noImg .header,
			body.start.business .box .img.left .header,
			body.start.business .box .noImg .header {
				background: none;
				color: #333;
				font-size: 2.2em !important;
				margin: 0.4em 0 !important;
				line-height: 1em;
			}
			.box.media h1.header.media {
				background: none;
				color: #036;
				font-size: 2.2em !important;
				margin: 0em 0 0.4em 0 !important;
			}
				body.start.sector .box .noImg .header,
				body.start.business .box .noImg .header {
					margin-top: 0em;	
				}
				.box.media .header {
					margin-top: 0;	
				}				

	/* Fachstartseite mit redaktionell pflegbarer Hintergrundgrafik */
	body.start.business #subHeader .wrap {
		position: relative;
		margin-bottom: 2em;
	}
	body.start.business.tmwat #subHeader .wrap {
		margin-bottom: 0.6em;
	}

		body.start.business #subHeader img.illu,
		body.start.sector #subHeader img.illu {
			position: absolute;
			right: 0;
			top: 0;
			height: 8.5em;
		}
			body.start.sector #subHeader img.illu {
				width: 100%;
			}
	
	/* Boxen mit zweispaltigen (Bild)listen */
	body.start.business .box ul.floatLeft.img,
	body.start.business .box ul.floatRight.img {
		float: left;
		margin: 0;
		padding: 0
	}
	body.start.business .box ul.floatRight.img {
		float: right;
	}
		body.start.business .box ul.floatLeft.img li,
		body.start.business .box ul.floatRight.img li {
			position: relative;
			width: 170px;
			padding: 0.5em 0 0.5em 100px;
			display: block;
			clear: left;
			border-bottom: 1px dotted #333;
		}
			body.start.business .box ul.floatLeft.img li:last-child,
			body.start.business .box ul.floatRight.img li:last-child {
				border: none;
			}
		body.start.business .box ul.floatLeft.img img,
		body.start.business .box ul.floatRight.img img {
			float: left;
			width: 90px;	
			margin: 0 0 0 -100px;
		}
		body.start.business .box ul.floatLeft.img a.more,
		body.start.business .box ul.floatRight.img a.more {
			position: absolute;
			right: 0;
			bottom: 0;
			display: block;
			text-align: right;
			padding: 2px 14px 4px 0;	
			font-weight: bold;
			background: url(/css/freshup/img/bullet-arrow-right-small.png) right center no-repeat;
		}

	/* Boxen mit dreispaltigen Linklisten */
	body.start.business .box ul.col3 {
		width: 190px;
		min-height: 10em;
		margin: 0 0 0 10px;
		border-right: 1px dotted #333;	
	}
		body.start.business .box ul.col3:last-child {
			border: none;	
		}
		body.start.business .box ul.col3 li {
			margin: 0.3em 20px;	
		}
			body.start.business .box ul.col3:first-child li {
				margin: 0 20px 0 0;
				color: red;	
			}
			body.start.business .box ul.col3:last-child li {
				margin: 0 0 0 20px;	
			}
		body.start.business .box ul.col3 a.more {
			display: block;
			text-align: right;
			margin: 0.5em 0 0 0;
			padding: 2px 14px 4px 0;	
			font-weight: bold;
			background: url(/css/freshup/img/bullet-arrow-right-small.png) right center no-repeat;
		}


	/* rechte Spalte (Wegweiserspalte) 
	-------------------------------------------------------------------------------- */
	#signpost .inner {
		margin: 0 2em;
	}

}

/* ========== PRINT ========== */

@media print {
	
	* {
		color: #000;	
		position: static !important;
		margin: 0;
		padding: 0;
		font-size: 1em;
		overflow: visible !important;
		width: auto;
		height: auto;
		visibility: visible;
		opacity: 1 !important;
	}	
	body {
		margin: 0;
		padding: 0;
		color: #000;
		background: #fff;
		font: 10pt/1.3em Arial, Verdana, Geneva, sans-serif normal !important;
		width: 100%;
	}
	h1 {
		font-size: 15pt;
		font-weight: bold;
		margin: 0 0 1.2em 0;
		clear: both;	
	}
	h2 {
		font-size: 13pt;
		font-weight: bold;	
		margin: 1em 0 0.5em 0;
		clear: both;
	}
	h3, 
	h4, 
	h5 {
		font-size: 11pt;
		font-weight: bold;	
		margin: 0.5em 0;
		clear: both;	
	}
	a {
		color: #333;
		text-decoration: none;	
	}
	p,
	ol,
	dl,
	table {
		margin: 0 0 1em 0;
	}
	ul {
		margin: 0 0 1em 1.6em;
		list-style: disc;
	}	
		li {
			display: block;
		}
	#top {
		float: none;
		display: block;
		height: auto;
		margin: 0 0 1em 0;
		border-bottom: 1pt solid #000;
		text-align: right;
		width: auto !important;
	}
	#subHeader .row.navi,
	#subHeader img,
	.header.signature h2,
	.header.signature ul,
	#searchFooter,
	#content .col.right {
		display: none;	
	}
		#subHeader div.headline h1,
		#content .col.left .col.right {
			display: block !important;	
		}
		.header.signature p {
			font-size: 0.8em;
			margin: 0 0 1em 0;	
		}
	
	#skiplinks,
	#header, 
	#footer,
	a.rss, 
	a.more,
	hr.hidden {
		display: none !important;	
	}	
	.box {
		margin: 0 0 1em 0;
		padding: 0 0 1em 0;	
		border-bottom: 1px solid #666;
	}
		.box .box {
			padding: 0;
			margin: 0;
			border: none;
		}
}

	div.separator hr.separator {
		float:left;
		width:98%;
		line-height:1em;
		margin-top:0.1em;
	}	
	div.seperator img {
		float: right;
	}