/* --- 06_uc.css --- */

@media screen {
	
	/**
	 * Formatierungen fuer UserControls (noscript)
	 * (Achtung: Serverseitige Controls bekommen ihre Styles aus dem Verzeichnis "/css/freshup/uc/"
	 */

	/* Weiter Meldungen (z.B. Startseite oben)
	----------------------------------------------------------------------------- */
	#subHeader .news.more {	
		background: url(/css/freshup/img/shadow-955x10.png) center 15em no-repeat;
		padding: 0 0 1em 0;
	}
		#subHeader .news.more .inner {
			border: 1px solid #fff;
			background: url(/css/freshup/img/shadow-955x10.png) center top no-repeat;
			height: 15em;
			overflow: auto;
		}
			#js #subHeader .news.more .inner {
				overflow: hidden;
			}
		#subHeader .news.more .uc-list {
			position: relative;
			overflow: hidden; /* IE7 */
			/* margin: 0 3em; */
		}
		#subHeader .news.more .uc-list ul {
			min-width: 108em;
			height: 13em;
			overflow: hidden;
		}
		#subHeader .news.more .uc-item {
			float: left;
			width: 16.9em;
			height: 10.5em;
			margin: 2em 19px 2em 0;
			padding: 0.1em 0.1em 0.1em 16.6em;
			border: 1px solid #aaa;
			background: #fff;
			color: #333;
			overflow: hidden;
		}
		#subHeader .news.more.fixedNews .uc-item {
			width: 12.6em;
			margin: 2em 0 0 16px;
		}
		
			#subHeader .news.more .uc-item img {
				float: left;
				width: 15em;
				/*height: 11em;	*/
				margin: 0 0 0 -16.5em;
			}
			#subHeader .news.more .uc-item span {
				display: block;
				margin: 0.5em 0.7em 1em 0;
				font-size: 1.1em;
			}
			#subHeader .news.more .uc-item a {
				font-weight: bold;
				color: #036;
			}		

	/* Medienservice
	----------------------------------------------------------------------------- */
	.box .uc-medienservice {
		padding: 1.5em 2em 2.2em 2em;	
	}
		.box .uc-medienservice select {
			width: 15em;
			float: left;	
		}
		.box .uc-medienservice .btn {
			float: right;	
			margin: 0.1em 0.1em 0 0;
		}
		/* Unterseiten erben merkwuerdige styles... */
		.box .uc-servicePortal .header .inner {
			border: none;
		}
		.box .uc-servicePortal .uc .navi {
			margin: 0 !important;	
		}
	.box .uc-medienservice.uc-URLDropDown {
		position: relative;
		background: #F5F5F4 !important;
		z-index: 500;
		height: 4.2em;
		padding: 0 2em;
	}
		.uc-tabControl .box .uc-medienservice.uc-URLDropDown {
			height: 3.6em;
		}
		#js .box .uc-medienservice.uc-URLDropDown ul.body {
			border: 1px solid #999;
			background: #fff;
			width: 20.85em;
		}
			#js .uc-tabControl .box .uc-medienservice.uc-URLDropDown ul.body {
				width: 21em;
				height: auto !important;
			}
				#js .uc-wegweiser .uc-tabControl .box .uc-medienservice.uc-URLDropDown ul.body {
					width: 17.5em;
				}
			#js .box .uc-medienservice.uc-URLDropDown ul.body li {
				margin: 0.2em 0.5em;
				border: none;	
			}
		#js .box .uc-medienservice.uc-URLDropDown .header {
			margin: 1.2em auto 0 auto;
			display: block;
			background: none;
			height: auto;
			padding: 0;	
		}
		#js .box .uc-medienservice.uc-URLDropDown .header a {
			display: block;
			padding: 0.2em 0.4em !important;
			border: 1px solid #999;
			border-radius: 0.2em;
			background: #fff;	
			color: #333;	
			background: #fff url(/css/freshup/img/bullet-arrow-down.png) 19.2em center no-repeat;
			font-weight: normal;
			text-transform: none;
		}
			#js .uc-wegweiser .box .uc-medienservice.uc-URLDropDown .header a {
				background-position: 15.8em center	
			}
			#js .box .uc-medienservice.uc-URLDropDown.active .header a {
				background-image: url(/css/freshup/img/bullet-arrow-up.png);
			}
			#js .box .uc-medienservice.uc-URLDropDown .header a:hover,
			#js .box .uc-medienservice.uc-URLDropDown .header a:focus {
				text-decoration: none;
			}
		
	/* Wegweiser
	----------------------------------------------------------------------------- */
	.col.right .uc-wegweiser {
		float: right;
		width: 26em;
		padding-bottom: 5em;
		background: #1d5976;
		background: -webkit-gradient(linear, left top, left bottom, from(#1d5976), to(#004464));
		background: -moz-linear-gradient(top, #1d5976, #004464);
		background: -ms-linear-gradient( #1d5976, #004464);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF1d5976, endColorstr=#FF004464);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF1d5976, endColorstr=#FF004464)";
		z-index: auto;	
	}	
		.col.right .uc-wegweiser .header {
			text-transform: uppercase;
			background: #528196;
			font-weight: bold;
			padding: 0.3em 20px 0.4em 20px;
			z-index: auto;
			position: relative;
		}
		.col.right .uc-wegweiser ul {
			padding: 1em 20px 2em 18px;	
		}
			.col.right .uc-wegweiser ul li a {
				display: block;
				padding: 0 0 0.1em 20px;	
				background: url(/css/freshup/img/bullet-arrow-right-small.png) left 0.3em no-repeat;
			}
			.col.right .uc-wegweiser ul li a img {
				float: left;
				margin: 0.3em 0.5em 0 0;
			}
		/* Logos der Uternehmen verkleinern */
		.col.right .uc-wegweiser .innovations li {
			/* damit wird in die mitte geschoben was nicht sein soll! */
			/* padding-left: 7em; */
		}
			.col.right .uc-wegweiser .innovations li img.logo {
				float: left;
				width: 6em;
				margin: 0.2em 0 0 -7em;	
			}
			
		.col.right .uc-wegweiser .th_aktion a {
			display:none;
			overflow: hidden;
		}
		
		body.previewmode .col.right .uc-wegweiser .th_aktion a {
			display: block;
		}
			
		.col.right .uc-wegweiser .th_aktion a:first-child {
			display:block;
		}
			
		.col.right .uc-wegweiser .th_aktion a img {
			/* margin-left: -1.9em; */
			width: 26em;
		}
		
		#content .col.right .uc-wegweiser p {
			margin-left: 20px;
		}
		
	#content .col.right .uc-wegweiser .uc-servicePortal .uc-tabControl-body {
		height: auto !important;
	}
		
	#content .col.right .uc-wegweiser .uc-servicePortal .uc-tabControl-body a {
		color: #036;
	}
	
	#content .col.right .uc-wegweiser .uc-servicePortal .uc-tabControl-tab select {
		width: 18.5em !important;
	}
	
	#content .col.right .uc-wegweiser .uc-servicePortal p.navi {
		width: 19.7em !important;
	}
	
	#content .col.right .uc-wegweiser .uc-servicePortal .box .uc .navi {
		margin:0 !important;
		padding:0.5em 0;
		background-color: transparent
	}
	
	#content .col.right .uc-wegweiser .uc-servicePortal {
		margin-top: 2em;
	}
	
	#content .col.right .uc-wegweiser .uc-servicePortal p {
		margin-left: 0;
	}
	
	#content .col.right .uc-servicePortal h2 {
		color: black !important;
	}
	
	#content .col.right  .uc-wegweiser .uc-servicePortal.uc-tabControl {
		box-shadow: none;
	}
	
	#content .col.right  .uc-wegweiser .uc-servicePortal .uc-tabControl-tab img {
		width: 22em;
	}
	
	#js #content .col.right  .uc-wegweiser .uc-servicePortal .uc-tabControl-headerContainer {
		height: 3.5em;
	}
	
	#js #content .col.right  .uc-wegweiser .uc-servicePortal .uc-tabControl-headerContainer.cols-3 .uc-tabControl-header.tabId-2 {
		border-right: 1px solid #fff;
	}
	
	#js #content .col.right  .uc-wegweiser .uc-servicePortal .uc-tabControl-headerContainer .uc-tabControl-header.tabId-0 {
		margin-left: 0;
	}
	
	#js #content .col.right  .uc-wegweiser .uc-servicePortal .uc-tabControl-headerContainer .uc-tabControl-header.tabId-0.active {
		border-left: 0;
	}
	
	#js #content .col.right  .uc-wegweiser .uc-servicePortal .uc-tabControl-header {
		border-width: 1px 1px 1px;
		top: 0;
	}
	
	#js #content .col.right  .uc-wegweiser .uc-servicePortal .uc-tabControl-header button {
		font-size: 10px;
	}
	
	#content .col.right  .uc-wegweiser .servicebereich_content {
		background-color: #f5f5f4;
		margin-top: -2em;
		padding: 20px 10px;
		color: #000;
		font-size: 1.2em;
	}
	
	#content .col.right  .uc-wegweiser .servicebereich_content a {
		color: #036;
	}
	
	#content .col.right  .uc-wegweiser .servicebereich_content select {
		width: 18.5em !important;
	}
	
	#content .col.right  .uc-wegweiser #StellenWegweiser_List,
	#content .col.right  .uc-wegweiser #ctl00_StellenWegweiser_List {
		font-size: 1em;
		margin:0;
		padding:0;
	}
	
	#content .col.right  .uc-wegweiser #StellenWegweiser_List a,
	#content .col.right  .uc-wegweiser #ctl00_StellenWegweiser_List a {
		padding: 0 0 0.1em 20px;
		margin: 0.2em 0 0 0;
	}
	
	#content .col.right  .uc-wegweiser #StellenWegweiser_List small,
	#content .col.right  .uc-wegweiser #ctl00_StellenWegweiser_List small {
		padding: 0 0 0 20px;
		display: block;
		margin:0;
	}
	
	/* Veranstaltungen Angebote; Freie Box
	----------------------------------------------------------------------------- */
	.uc.events.offer .body {
		font-size: 1.2em;
		height: 17.65em;	
	}
	.uc-freieBox .inner .body {
		font-size: 1.2em;	
		height: 17.65em;
		overflow: hidden;
	}
		.uc-freieBox .inner.noFooter .body {
			height: 21.7em;
		}
		.uc.events.offer .body h3,
		.uc-freieBox .body h3 {
			font-weight: bold;
			font-size: 1.4em;	
		}
		.uc.events.offer .body img,
		.uc-freieBox .body img {
			margin: 1em auto;
			width: 21.66em;
			/*height: 10.3em;*/
		}
	.uc-freieBox-flat .inner .body {
		height:15.85em;
	}	
		.uc-freieBox-flat .inner.noFooter .body {
			height: 18.4em;
		}
	
	.uc-freieBox-flat2 .inner {
		display:inline-block;
	}
	
	.uc-freieBox-flat2 .inner .body {
		height:16.2em;
	}	
		.uc-freieBox-flat2 .inner.noFooter .body {
			height: 18.75em;
		}		
	
	/* q'n'd */
	#js .uc-gallery-pager {
		left: 256px;
		overflow: hidden;
		position: absolute;
		top: 10px;
		z-index: 1000;
		height: 80px;
	}
	#js .uc-gallery-pager .inner {
		overflow: hidden;
		margin-right: 10px;
	}
	
	/* Termine
	----------------------------------------------------------------------------- */	
	ul.th_2011_termine li ul li div.small div {
		float: right;	
	}
	
	/* th_2011_tabs
	----------------------------------------------------------------------------- */	
	#js .box.th_2011_tabs {}
		#js .box.th_2011_tabs .uc-tabControl {
			height: auto !important;
		}
			#js .box.th_2011_tabs .uc-tabControl .body {
				position: relative;
				font-size: 1.2em;	
				padding: 2em 2em 1em 2em;
			}
				#js .box.th_2011_tabs .uc-tabControl .body img {
					float: left;
					margin: 0 1.5em 0.5em 0;
				}
				#js .box.th_2011_tabs .uc-tabControl .body a.more {
					position: static;
					clear: both;	
					margin: 0;
					width: auto;
				}
	
	/* tmwatNews
	----------------------------------------------------------------------------- */	
	.tmwatNews {
		margin: -1em 0 0 -3em;
		width: 67em;
	}
	.tmwatNews .inner {
		overflow: hidden;
	}
	.tmwatNews ul li {
		float: left;
		margin: 2em 1em 0 16px;
		width: 13.7em;	
		background: none repeat scroll 0 0 #FFFFFF;
		border: 1px solid #AAAAAA;
		color: #333333;
		height: 10.5em;
		margin: 1em 0 2em 2em;
		overflow: hidden;
		padding: 0.1em 0.1em 0.1em 16.6em;    	
	}
	.tmwatNews ul li img {
		float: left;
		margin: 0 0 0 -16.5em;
		width: 15em;
	}
	.sub .box.th_2011_box_linkliste_zweispaltig {
		padding: 1em;	
	}
	.sub .box.th_2011_box_linkliste_zweispaltig .header {
		background: none;
		color: inherit;
		font-size: 2em !important;
	}
	.sub .box.th_2011_box_linkliste_zweispaltig li h3 {
		margin-top: 0 !important;	
	}
	.sub .box.th_2011_box_linkliste_zweispaltig li {
		list-style-type: none;	
	}
	.sub .box.th_2011_box_linkliste_zweispaltig li a.more {
		text-align: right !important;	
	}
	
	.infoImg {
		cursor: pointer;
		position: relative;
		top: 0.1em;
		left: 0;
	}

	#js #layerInfo {
		font-size:	1.2em;
		font-size:	0.8rem;
		padding:	1em;
		position:	absolute; 
		background:	#ffffff;
		border:		1px solid #004464;
		z-Index:	9999;
	}
}


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

@media print {
	
	#subHeader .news.more {
		width: 100%;	
	}
		#subHeader .news.more ul {
			width: auto !important;
			overflow: visible !important;
			margin: 0 0 1em 0;	
		}
		#subHeader .news.more li {
			float: left;
			width: 150px;
			margin: 0 13px 1em 0;
			font-size: 0.9em;
		}
		#subHeader .news.more .uc-item img {
			diplay: block;
		}
		#subHeader .news.more .uc-item span {
			display: block;
			margin: 0.5em 0 0 0;
			height: 8em;
		}
		#subHeader .news.more a {
			display: none;
		}	
}