/*
* RBB Antenne Brandenburg
* stylesheet.css
* 
* Author: Tino Urbiks, Holger M. Stangl
* Date: September 2007
*/


/*
* Header RBB
*
*/
@import url(rbb_online_header.css);


/*
* General Pre Settings
*
*/
html, div, p, h1, h2, h3, h5, ul, ol,
span, a, img, li, form {
   margin: 0;
   padding: 0;
   border-width: 0;
}

ul, ol, dl {
  list-style: none;
}

img, fieldset { border: 0; }

hr {
  color: #d2d09f; /* Mozilla */
  background-color: #d2d09f; /* Ie */
  border: #d2d09f; /* Opera */
  height: 1px;
}

a { color: #000; text-decoration: none; }


/*
* General Helpers
*
*/
.killfloat {
	overflow: hidden;
	clear: both;
	font-size: 0;
	height: 0;
}

.hidden {
	display: none;
	visibility: hidden;
}


/*
* STRUCTURE
*
*/
body {
	padding: 0;
	margin: 0;
	border-width: 0;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 101%;
	color: #000;
	background-color: #fff;
	background-image:url(../grafik/backgrounds/hintergrund_body.gif);
	background-position: left top;
	background-repeat: repeat-x;
}

html>body { 
	font-size: 16px; /* Set correct font-size for safari browsers */
}


/*
* Structure Elements
*
*/
.container {
	font-size: 0.625em; /* 1em is 10px */
	background-image:url(../grafik/backgrounds/hintergrund_container.gif);
	background-position: left 3.3em;
	background-repeat: repeat-x;
	}

.containerHeader {
	width: 78em;
	height: 24.5em;
	position: relative;
	}

.containerHeaderB {
	width: 78em;
	height: 15em;
	position: relative;
	}

.containerMain {
	width: 78em;
	}

.containerMarginalA {
	width: 16.5em;
	overflow: hidden;
	position: relative;
	margin: -17em 1.5em 0 0;
	float: left;
	}

.containerMarginalC {
	width: 16.5em;
	overflow: hidden;
	position: relative;
	margin: -7.5em 1.5em 0 0;
	float: left;
	}
	
.containerCenter {
	width: 40.5em;
	overflow: hidden;
	float: left;
	margin: 0 0 0 .5em;
	}

.containerCenterB {
	width: 59.5em;
	float: right;
	}
	
.containerMarginalB {
	width: 18em;
	float: right;
	padding: 0 .5em 0 0;
	}

.containerBottom {
	height: 2.5em;
	margin: 3.5em 0 0 0;
	padding: 0 0 2em 0;
	}



/*
* Navigation Elements
*
*/
/* Navigation A/B/C (in ContainerMarginalA) */
.navigationA {
	min-height: 14.8em;
	width: 16.5em;
	margin: 0 0 2em 0;
	}
	
.containerMarginalC .navigationA {
	min-height: 0;
	}
		
.navigationA li a {
	font-weight: bold;
	color: #d3020e;
	text-decoration: none;
	text-transform: uppercase;
	padding: 0 0 0 1em;
	margin: .2em 0 0 0;
	overflow: hidden;
	width: auto;
	display: block;
	}

.navigationA li a span {
	font-size: 1.6em;
	line-height: 1.1em;
	letter-spacing: .05em;
	float: left;
	}
	
.navigationA li a img {
	float: right;
	width: 0.6em;
	height: 1.8em;
	}

.navigationA li a.current {
	background-color: #c2d94d;
	}

.navigationA li a:hover {
	background-color: #c2d94d;
	}

.navigationB li a {
	font-weight: normal;
	text-transform: none;
	padding: 0 0 0 1em;
	margin: .2em 0 0 0;
	}

.navigationB li a span {
	font-size: 1.1em;
	line-height: 1.4em;
	float: left;
	padding: .1em 0 .1em 0;
	}

.navigationB li a img {
	float: right;
	width: 0.6em;
	}

.navigationService {
	width: 16.5em;
	background-color: #fefaca;
	padding: 0 0 1em 0;
	margin: 0 0 1em 0;
	background-image: url(../grafik/backgrounds/htg_navService.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
	}

.navigationService li {
	margin: 0 0 0 1em;
	overflow: hidden;
	padding: .1em 0 .1em 0;
	width: auto;
	display:block;
	}
	
.navigationService li a {
	font-size: 1.1em;
	line-height: 1.3em;
	/*padding: 0 0 0 1.8em;*/
	padding: 0 0 0 20px;
	background-position: left top;
	background-repeat: no-repeat;
	display: block;
	}

.navigationService li a.contact {
	background-image: url(../grafik/icons/icon_service_contact.gif);
	}
.navigationService li a.help {
	background-image: url(../grafik/icons/icon_service_help.gif);
	}
.navigationService li a.frequence {
	background-image: url(../grafik/icons/icon_service_frequence.gif);
	}
.navigationService li span.phone {
	background-image: url(../grafik/icons/icon_service_phone.gif);
	background-repeat: no-repeat;
	padding: 0 0 0 20px;
	background-position: left top;
	display: block;
}

.navigationService li a:hover {
	text-decoration: underline;
	}



.containerBottom .bgImage {
	position: absolute;
	}

.containerBottom img {
	width: 78em;
	}

ul.navigationBottom {
	position: absolute;
	margin: 0.3em 0 0 1em;
	overflow: hidden;
	}

.navigationBottom li {
	float: left;
	background-image: url(../grafik/backgrounds/htg_navFooter.gif);
	background-position: right top;
	background-repeat: no-repeat;
	padding: 0 .7em;
	}

.navigationBottom li.last {
	background-image: none;
	padding: 0 0 0 .7em;
	}

.navigationBottom li a {
	font-size: 1.1em;
	background-position: left top;
	background-repeat: no-repeat;
	}

.navigationBottom li a.top {
	margin: 0 3em 0 3em;
	background-image: url(../grafik/icons/icon_footer_top.gif);
	padding: 0 0 0 1em;
	}

.navigationBottom li a.print {
	margin: 0 2.7em 0 2.7em;
	background-image: url(../grafik/icons/icon_footer_print.gif);
	padding: 0 0 0 1.4em;
	}

.navigationBottom li a.tipp {
	margin: 0 2.9em 0 3em;
	background-image: url(../grafik/icons/icon_footer_tipp.gif);
	padding: 0 0 0 1.3em;
	}

.navigationBottom li a.sitemap {
	margin: 0 0 0 2.8em;
	background-image: url(../grafik/icons/icon_footer_sitemap.gif);
	padding: 0 0 0 1.3em;
	}
	
.navigationMedia {
	position: absolute;
	bottom: .5em;
	right: .7em;
	}

.navigationMedia li {
	float: left;
	height: 2.9em;
	position: relative;
	margin: 0 .3em 0 0;
	}

.navigationMedia li.mediabox { width: 8.5em; }
.navigationMedia li.small { width: 6.5em; }

.navigationMedia li.mediabox img { width: 8.5em; }
.navigationMedia li.small img { width: 6.5em; }

.navigationMedia li a {
	font-size: 1.4em;
	color: #d3020e;
	text-decoration: none;
	text-transform: uppercase;
	padding: .4em 0 .5em 0;
	width: 100%;
	text-align: center;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	}


/* Logo */
.logo {
	position: absolute;
	left: 0;
	top: 0;
	}

.logo img {
	width: 18.5em;
	}

.logoPrint {
	display: none;
	}

/* KeyVisual */
.keyVisual {
	position:absolute;
	top: 0;
	/*left: 29.5em;*/
	left: 29.7em;
	}

.keyVisual img {
	width: 48em;
	}

.containerHeaderB .keyVisual {
	left: 18.5em;
	}

.containerHeaderB .keyVisual img {
	width: 59.5em;
	}

/* CD der Woche */
.cdOfTheWeek {
	position: absolute;
	left: 18.5em;
	top: 6.2em;
	}

.cdOfTheWeek img {
	width: 14em;
	}

.containerHeaderB .cdOfTheWeek {
	top: 0em;
	left: 18.4em;
	/* eigentlich 18.5 */
	}

.containerHeaderB .cdOfTheWeek img {
	width: 18.5em;
	}

/* Slogan */
.slogan {
	position: absolute;
	right: 1.5em;
	bottom: .9em;
	}

.slogan img {
	width: 16em;
	}

/* Breadcrump */
.breadcrump {
	position: absolute;
	left: 18.5em;
	bottom: .9em;
	}

.breadcrump p a {
	color: #d3020e;
	font-size: 1.1em;
	background-image: url(../grafik/icons/old_icon_breadcrump.gif);
	background-position: left .4em;
	background-repeat: no-repeat;
	/*padding: 0 .1em 0 1.1em;*/
	padding: 0 .4em 0 10px;
	}

.breadcrump p a.home {
	background-image: none;
	padding: 0 .4em 0 0;
	}

.breadcrump p a:hover {
	text-decoration: underline;
	}

/* Dossier */
.dossier {
	color: #d3020e;
	position: absolute;
	left: 59.7em;
	top: 6.6em;
	width: 15.5em;
	}

.dossier h2 {
	font-size: 1.4em;
	}

.dossier p {
	font-size: 1.1em;
	line-height: 1.3em;
	}

.dossier a {
	color: #d3020e;
	}

.dossier a:hover {
	text-decoration: underline;
	}

/* LiveTicker */
.liveTicker {
	position: relative;
	width: 59em;
	height: 2em;
	margin: 0 0 1em 0;
	}
	
.liveTicker p {
	font-size: 1.1em;
	line-height: 1.3em;
	font-weight: bold;
	position: absolute;
	top: .2em;
	left: 1em;
	}

.liveTicker p span {
	font-size: 100%;
	}

.liveTicker img {
	width: 59em;
	position: absolute;
	left: 0;
	top: 0;
	}

/* Search */
.search {
	padding: 1.1em 0 0 1em;
	background-color: #fefaca;
	background-image: url(../grafik/backgrounds/htg_search.gif);
	background-position: right top;
	background-repeat: no-repeat;
	height: 2.4em;
	}

.search div.searchInput {
	float: left;
	}

.search div.searchInput input {
	width: 9.45em;
	border-color: #000;
	}
	
.search div.searchSubmit {
	float: right;
	padding: 0 .9em 0 0;
	}

.search div.searchSubmit input {
	font-size: 1em !important;
	width: 2.2em;
	border: none;
	background-color: transparent;
	padding: 0;
	}



/*
* General Content Styles
*
*/
.containerMain p,
.containerMain span,
.containerMain address,
.containerMain h2,
.containerMain h3,
.containerMain h4 {
	font-size: 1.1em;
	line-height: 1.3em;
	font-style: normal;
	}
	
.containerMain p.error { color: #d3020e; }

.containerMain p a,
.containerMain span a,
.containerMain h1 a,
.containerMain address a {
	color: #d3020e;
	}
	
.containerMain p a:hover,
.containerMain span a:hover,
.containerMain h1 a:hover,
.containerMain address a:hover {
	text-decoration: underline;
	}

.containerMain a.link {
	background-image: url(../grafik/icons/icon_marginal_link.gif);
	}
.containerMain a.adresse {
	background-image: url(../grafik/icons/icon_marginal_link.gif);
	}
.containerMain a.beitrag {
	background-image: url(../grafik/icons/icon_marginal_link.gif);
	}
.containerMain a.cast {
	background-image: url(../grafik/icons/icon_marginal_link.gif);
	}
.containerMain a.chart {
	background-image: url(../grafik/icons/icon_marginal_quiz.gif);
	}
.containerMain a.charttile {
	background-image: url(../grafik/icons/icon_marginal_link.gif);
	}
.containerMain a.contact {
	background-image: url(../grafik/icons/icon_marginal_link.gif);
	}
.containerMain a.frequenz {
	background-image: url(../grafik/icons/icon_marginal_link.gif);
	}
.containerMain a.playlist {
	background-image: url(../grafik/icons/icon_marginal_link.gif);
	}
.containerMain a.rezension {
	background-image: url(../grafik/icons/icon_marginal_link.gif);
	}
.containerMain a.sendeplatz {
	background-image: url(../grafik/icons/icon_marginal_link.gif);
	}
.containerMain a.sendestrecke {
	background-image: url(../grafik/icons/icon_marginal_link.gif);
	}
.containerMain a.termin {
	background-image: url(../grafik/icons/icon_marginal_link.gif);
	}
.containerMain a.uebersicht {
	background-image: url(../grafik/icons/icon_marginal_link.gif);
	}
.containerMain a.link {
	background-image: url(../grafik/icons/icon_marginal_link.gif);
	}
.containerMain a.gallery {
	background-image: url(../grafik/icons/icon_marginal_gallery.gif);
	}
.containerMain a.bildergalerie {
	background-image: url(../grafik/icons/icon_marginal_gallery.gif);
	}
.containerMain a.audio {
	background-image: url(../grafik/icons/icon_marginal_audio.gif);
	}
.containerMain a.medialib_audio {
	background-image: url(../grafik/icons/icon_marginal_audio.gif);
	}
.containerMain a.video {
	background-image: url(../grafik/icons/icon_marginal_video.gif);
	}
.containerMain a.medialib_video {
	background-image: url(../grafik/icons/icon_marginal_video.gif);
	}
.containerMain a.download {
	background-image: url(../grafik/icons/icon_marginal_download.gif);
	}
.containerMain a.word {
	background-image: url(../grafik/icons/icon_marginal_download.gif);
	}
.containerMain a.excel {
	background-image: url(../grafik/icons/icon_marginal_download.gif);
	}
.containerMain a.powerpoint {
	background-image: url(../grafik/icons/icon_marginal_download.gif);
	}
.containerMain a.zip {
	background-image: url(../grafik/icons/icon_marginal_download.gif);
	}
.containerMain a.jpeg {
	background-image: url(../grafik/icons/icon_marginal_download.gif);
	}
.containerMain a.tiff {
	background-image: url(../grafik/icons/icon_marginal_download.gif);
	}
.containerMain a.sonstiges {
	background-image: url(../grafik/icons/icon_marginal_download.gif);
	}
.containerMain a.quiz {
	background-image: url(../grafik/icons/icon_marginal_quiz.gif);
	}
.containerMain a.voting {
	background-image: url(../grafik/icons/icon_marginal_vote.gif);
	}
.containerMain a.pdf {
	background-image: url(../grafik/icons/icon_marginal_pdf.gif);
	}
.containerMain a.ecard {
	background-image: url(../grafik/icons/icon_marginal_ecard.gif);
	}
	
.floatLeft {
	float: left;
	}
	
.floatRight {
	float: right;
	}
	
.noPadding {
	padding: 0!important;
	}

/* General Form Styles */
.containerMain input,
.containerMain textarea,
.containerMain select {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	background-color: #fff;
	border: 1px solid #bdb141;
	color: #000;
	padding: .2em .4em;
	}

.containerMain select {
	padding: .2em 0;
	}

.containerMain fieldset {
	margin: 0; padding: 0;
	}


/*
* Universal Containers
*
*/

/* ContainerTeaser */
.contentCenterA .containerTeaser,
.contentCenterB .containerTeaser,
.contentCenterC .containerTeaser,
.contentMarginalA .containerTeaser,
.contentMarginalB .containerTeaser {
	padding: 0 0 1em 0;
	position: relative;
	}


/* ContainerHeadline */
.containerHeadline {
	position: relative;
	height: 3em;
	}
.containerHeadline h2 {
	position: absolute;
	top: .2em;
	left: 1em;
	}
.containerHeadline img {
	position: absolute;
	left: 0;
	top: 0;
	}
	
.containerHeadline h1 {
	font-size: 1.6em;
	}


/* ContainerSelection */
.containerSelection {
	position: relative;
	margin: 0 0 1em 0;
	}

.containerSelection img {
	width: 40em;
	}

.containerSelection h1 {
	font-size: 1.4em;
	color: #fff;
	position: absolute;
	top: .35em;
	left: .75em;
	}

.containerSelection form {
	position: absolute;
	top: .5em;
	right: 1.2em;
	width: 21.1em;
	}

.containerSelection select {
	float: left;
	border: 1px solid #ccc;
	padding: .1em 0 .1em .1em;
	width: 16.5em;
	}
	
.containerSelection input {
	float: right;
	padding: 0 0 0 .5em;
	border: none;
	background-color: transparent;
	font-size: 1em;
	width: 2.2em;
	}


/* ContainerForm */
.containerForm {
	background-image: url(../grafik/backgrounds/line_green.gif);
	background-position: left top;
	background-repeat: repeat-x;
	padding: 1px 0 0 0;
	margin: 0 .5em 1.5em 0;
}

.containerForm fieldset {
	background-image: url(../grafik/backgrounds/line_green.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
	padding: 0 0 1px 0;
	height: 100%;
	}

.containerForm .formItem {
	background-color: #f2f5da;
	margin: 0 0 1px 0;
	padding: .8em 1em;
	}

.containerForm .formItemEnd {
	margin: -1px 0 0 0;
	}

.containerForm .formItemSingle {
	margin: 0;
	}

.containerForm .formLabel {
	float: left;
	width: 13em;
	padding: .3em 0 0 0;
	}
	
.containerForm .formLabel label {
	font-size: 1.1em;
	font-weight: bold;
	}

.containerForm .formField {
	float: right;
	width: 24em;
	}

.containerForm .formField input {
	width: 20.8em;
	}

.containerForm .formField textarea {
	width: 20.8em;
	height: 10em;
	}

.containerForm .formField select {
	width: 21.7em;
	}

.containerForm .formField select.small {
	width: 10em;
	margin: 0 .5em 0 0;
	float: left;
	}

.disclaimer { margin: 2.8em 0 0 0; }

.message { background-color:#f2f5da; margin: 0 0 .1em 0; padding: .8em 1em; }
.mesaage h2 { color: #000; font-size: 1.1em !important; }
.message p { color: #000; font-size: 1.1em; }

.preview { background-color:#f2f5da; margin: 0 0 .1em 0; padding: .8em 1em; }
.preview h2 { color: #000; font-size: 1.2em !important; }
.preview p { color: #000; font-size: 1.2em; padding: 0 0 1em 0; }

.confirm { background-color:#e9f0bc; margin: 0 0 .1em 0; padding: .8em 1em; }
.confirm h2 { color: #000; font-size: 1.1em !important; }
.confirm p { color: #000; font-size: 1.1em; }

.formMandatory { float: left; width: 14em; margin-top: .2em; }
.formPreview { float: left; width: 18em; margin-top: .2em; }
.formPreview a {
	font-weight: bold;
	padding: 0 0 0 .8em;
	background-image: url(../grafik/icons/icon_link_intern.gif);
	background-position: left top;
	background-repeat: no-repeat;
	}
.formPreview a.preview {
	padding: 0 0 .2em 1.8em;
	background-image: url(../grafik/icons/icon_link_comment.gif);
	background-position: left top;
	background-repeat: no-repeat;
	background-color: transparent;
	}
.formPreview input { border: none; background-color: transparent; }
.formPreview input.btnSubmit {
	font-weight: bold;
	color: #d3020e;
	padding: 0 0 .4em .8em;
	background-image: url(../grafik/icons/icon_link_intern.gif);
	background-position: left 1px;
	background-repeat: no-repeat;
	cursor: pointer;
	width: auto;
	}
.formReset { float: left; width: 10em; margin-top: .2em; }
.formReset input { border: none; background-color: transparent; }
.formReset a {
	font-weight: bold;
	padding: 0 0 0 .8em;
	background-image: url(../grafik/icons/icon_link_intern.gif);
	background-position: left top;
	background-repeat: no-repeat;
	}
.formReset input.btnSubmit {
	font-weight: bold;
	color: #d3020e;
	padding: 0 0 .4em .8em;
	background-image: url(../grafik/icons/icon_link_intern.gif);
	background-position: left 1px;
	background-repeat: no-repeat;
	cursor: pointer;
	width: auto;
	}
.formSubmit { float: right; width: 14em; text-align: right; }
.formSubmit input { border: none; background-color: transparent; }
.formSubmit input.btnSubmit {
	font-weight: bold;
	color: #d3020e;
	padding: .2em 2.2em .4em 0;
	background-image: url(../grafik/icons/icon_btn.gif);
	background-position: right top;
	background-repeat: no-repeat;
	cursor: pointer;
	width: auto;
	text-align: right;
	}

.formSubmitBack { float: left; width: 14em; text-align: left; }
.formSubmitBack input { border: none; background-color: transparent; }
.formSubmitBack input.btnBack {
	font-weight: bold;
	color: #d3020e;
	padding: 0.1em 2.2em 0.4em 2.3em;
	background-image: url(../grafik/icons/icon_btn_back.gif);
	background-position: left top;
	background-repeat: no-repeat;
	cursor: pointer;
	width: auto;
	text-align: left;	
	}

/* Error Styles */
div.error { background-color: #faf0f0; margin: 0 0 .1em 0; padding: .8em 1em; }
div.error h2 { color: #d3020e; font-size: 1.1em !important; }
div.error p { color: #d3020e; font-size: 1.1em; }
.containerForm fieldset .error .formLabel label { color: #d3020e; }
.containerForm fieldset .error .formField input, 
.containerForm fieldset .error .formField select,
.containerForm fieldset .error .formField textarea { background-color: #d3020e; color: #fff; }


.contentCenterD .containerForm .formAnalysis {
	background-color: #f9fbe7;
	padding: .4em 1em;
	}
.contentCenterD .containerForm .formAnalysis .formDiagramm {
	height: 1.9em;
	}
.contentCenterD .containerForm .formAnalysis .formDiagramm img {
	margin: .2em .4em 0 0;
	}
.contentCenterD .containerForm .formAnalysisSubmit {
	background-image: url(../grafik/backgrounds/line_green.gif);
	background-position: left top;
	background-repeat: repeat-x;
	padding-top: .5em;
	}
	

.contentMarginalA h1,
.contentMarginalB h1 {
	font-size: 1.1em;
	}
	
	
/* contentMarginalA */
.contentMarginalA {
	width: 16.5em;
	overflow: hidden;
	}

.contentMarginalA .containerHeadline img {
	width: 16.5em;
	}

.contentMarginalA .contentPicture img {
	width: 16.5em;
	}

/* contentMarginalB */
.contentMarginalB {
	width: 18em;
	overflow: hidden;
	}

.contentMarginalB .containerHeadline {
	height: 2.6em;
	z-index: 101;
	}

.contentMarginalB .containerHeadline img,
.contentMarginalB .contentPicture img {
	width: 18em;
	}
	
.contentMarginalB .teaserPicture {
	margin: -1.1em 0 .7em 0;
	background-color: #ffe600;
	padding: .5em 0 0 0;
	z-index: 10;
	}

.contentMarginalB .follow .teaserPicture {
	margin: 0 0 .7em 0;
	padding: 0;
	}

.contentMarginalB .teaserPicture img {
	width: 18em;
	}

.contentMarginalB .teaserMedia {
	margin: -1.1em 0 .7em 0;
	background-color: #ffe600;
	padding: .5em 0 0 0;
	z-index: 10;
	height: 6.8em;
	}

.contentMarginalB .follow .teaserMedia {
	margin: 0 0 .7em 0;
	background-color: #fffac9;
	padding: 0;
	}

.contentMarginalB .teaserMedia img {
	float: left;
	/*padding: 0 .5em 0 0;*/
	width: 9em;
	height: 6.8em;
	}

.contentMarginalB .teaserMedia p {
	padding: .2em .5em;
	width: 7.14em;
	height: 5.8em;
	background-color: #fffac9;
	float: right;
	}

.contentMarginalB .teaserA h1 a {
	/*padding: 0 .5em 0 2.3em;*/
	padding: 0 .5em 0 25px;
	line-height: 1.4em;
	display: block;
	color: #d3020e;
	background-position: left 0.1em;
	background-repeat: no-repeat;
	}
.contentMarginalB .teaserA h1 span.nolink {
	padding: 0 .5em 0 25px;
	line-height: 1.4em;
	display: block;
	color: #d3020e;
	font-size:100%;
	}
.contentMarginalB .teaserA h1 a.download {
	padding: 2px .5em 0 25px;
	}

.contentMarginalB .teaserA p { 
	/*padding: 0 .5em 0 2.3em;*/
	padding: 0 .5em 0 25px;
	}

.contentMarginalB .teaserA p.date {
	color: #897400;
	}

.contentMarginalB .teaserText {
	padding: 0 1em;
	}

/* contentMarginalB Wishbox */
.contentMarginalB .teaserForm {
	background-color: #ffe600;
	margin: -1.1em 0 1em 0;
	padding: .5em 0 0 0;
	z-index: 10;
	}

.contentMarginalB .teaserForm form {
	padding: 0 0 0 1em;
	}
	
.contentMarginalB .teaserForm input.input {
	width: 13.9em;
	border: none;
	background-color: #fffac9;
	margin: 0 0 .3em 0;
	padding: .3em .3em;
	}

.contentMarginalB .teaserForm select {
	width: 14.5em;
	border: none;
	background-color: #fffac9;
	margin: 0 0 .3em 0;
	padding: .2em 0;
	}

.contentMarginalB .teaserForm input.submit {
	border: none;
	margin: 0 0 .4em 1em;
	padding: 0;
	font-size: 1em !important;
	width: 15.1em;
	}

.contentMarginalB .teaserForm input.btnSubmit {
	border: none;
	background-color: #ffe600;
	font-weight: bold;
	color: #d3020e;
	padding: .1em 2.2em .4em 0;
	background-image: url(../grafik/icons/icon_btn_wish.gif);
	background-position: right top;
	background-repeat: no-repeat;
	cursor: pointer;
	width: 14.5em;
	text-align: right;
	}

.contentMarginalB .teaserForm .bgImage img{
	width: 18em;
	}

/* contentMarginalB Specials */
.containerMarginalB .programm .containerHeadline {
	height: 2em;
	}

.containerMarginalB .programm h2 span {
	background-color: #d3020e;
	font-size: 1em;
	color: #fff;
	padding: 0 .1em;
	}

.containerMarginalB .programm .teaserA {
	background-color: #ffe600;
	padding: .5em 0 1em 0;
	margin: -.5em 0 0 0;
	}

.containerMarginalB .programm .teaserPicture {
	margin: 0;
	padding: 0;
	}



/* contentCenterA */
.contentCenterA {
	width: 59.5em;
	height: 12em;
	}

.contentCenterA .containerHeadline img {
	width: 59.5em;
	}

.contentCenterA .containerTeaser {
	padding-right: .5em;
	}
	
.contentCenterA .containerTeaser .bgImage img {
	width: 37.4em;
	position: absolute;
	top: 0;
	left: 21.5em;
	}

.contentCenterA .teaserPicture img {
	width: 21.5em;
	position: absolute;
	top: 0;
	left: 0;
	}

.contentCenterA .teaserA {
	position: absolute;
	top: 0;
	left: 21.5em;
	padding: .6em 1em .6em 1em;
	width: 35.5em;
	height: 9.8em;
	overflow: hidden;
	}

.contentCenterA .teaserA h1 {
	font-size: 1.6em;
	color: #d3020e;
	margin: 0 0 .2em 0;
	}



/* contentCenterB */
.contentCenterB {
	float: left;
	width: 29em;
	height: 13em;
	padding: 0 .5em 0 0;
	}

.contentCenterB .containerHeadline img {
	width: 29.5em;
	}
	
.contentCenterB .containerTeaser .bgImage img {
	width: 20em;
	position: absolute;
	top: 0;
	left: 9em;
	}

.contentCenterB .teaserPicture img {
	width: 9em;
	position: absolute;
	top: 0;
	left: 0;
	}

.contentCenterB .teaserA {
	position: absolute;
	top: 0;
	left: 9em;
	padding: .6em 1em .6em 1em;
	width: 18em;
	height: 10.8em;
	overflow: hidden;
	}

.contentCenterB .teaserA h1 {
	font-size: 1.6em;
	color: #d3020e;
	margin: 0 0 .1em 0;
	}




/* contentCenterC */
.contentCenterC {
	padding: 0 0 1em 0;
	}

.contentCenterC .containerHeadline .bgImage img {
	width: 40.5em;
	}

.contentCenterC .teaserPicture img {
	float: left;
	width: 12em;
	}

.contentCenterC .teaserA {
	float: right;
	padding: 0 1em 0 1em;
	width: 26em;
	margin: -0.3em .5em 0 0;
	overflow: hidden;
	}

.contentCenterC .teaserNoPicture {
	padding: 0 1em 0 0;
	margin: 0 .5em 0 0;
	width: auto;
	float: none;
	}
	
.contentCenterC .teaserPlayer {
	margin: 5px 0 0 0;
	}
		
.contentCenterC .teaserA h1 {
	font-size: 1.4em;
	}

.contentCenterC .teaserA p a.link,
.contentCenterC .teaserA p a.gallery,
.contentCenterC .teaserA p a.audio,
.contentCenterC .teaserA p a.video,
.contentCenterC .teaserA p a.download,
.contentCenterC .teaserA p a.excel,
.contentCenterC .teaserA p a.powerpoint,
.contentCenterC .teaserA p a.zip,
.contentCenterC .teaserA p a.jpeg,
.contentCenterC .teaserA p a.tiff,
.contentCenterC .teaserA p a.sonstiges,
.contentCenterC .teaserA p a.quiz,
.contentCenterC .teaserA p a.voting,
.contentCenterC .teaserA p a.pdf,
.contentCenterC .teaserA p a.word,
.contentCenterC .teaserA p a.ecard,
.contentCenterA .teaserA p a.link,
.contentCenterA .teaserA p a.gallery,
.contentCenterA .teaserA p a.audio,
.contentCenterA .teaserA p a.video,
.contentCenterA .teaserA p a.download,
.contentCenterA .teaserA p a.excel,
.contentCenterA .teaserA p a.powerpoint,
.contentCenterA .teaserA p a.zip,
.contentCenterA .teaserA p a.jpeg,
.contentCenterA .teaserA p a.tiff,
.contentCenterA .teaserA p a.sonstiges
.contentCenterA .teaserA p a.quiz,
.contentCenterA .teaserA p a.voting,
.contentCenterA .teaserA p a.pdf,
.contentCenterA .teaserA p a.word,
.contentCenterA .teaserA p a.ecard,
.contentCenterB .teaserA p a.link,
.contentCenterB .teaserA p a.gallery,
.contentCenterB .teaserA p a.audio,
.contentCenterB .teaserA p a.video,
.contentCenterB .teaserA p a.download,
.contentCenterB .teaserA p a.excel,
.contentCenterB .teaserA p a.powerpoint,
.contentCenterB .teaserA p a.zip,
.contentCenterB .teaserA p a.jpeg,
.contentCenterB .teaserA p a.tiff,
.contentCenterB .teaserA p a.sonstiges,
.contentCenterB .teaserA p a.quiz,
.contentCenterB .teaserA p a.voting,
.contentCenterB .teaserA p a.pdf,
.contentCenterB .teaserA p a.word,
.contentCenterB .teaserA p a.ecard {
	font-weight: bold;
	/*padding: 0 0 0 2.2em;*/
	padding: .4em 0 0 24px;
	/*margin-left: -.4em;*/
	margin-left: -5px;
	line-height: 1.4em;
	background-position: left .5em;
	background-repeat: no-repeat;
	display: block;
	}
.contentCenterC .teaserA p a.gallery {
	margin-left: -4px;
	}
.contentCenterC .teaserA p a.download {
	padding: .6em 0 0 26px;
	}
.contentCenterC .teaserA p a.word {
	padding: .6em 0 0 26px;
	}
.contentCenterC .teaserA p a.excel {
	padding: .6em 0 0 26px;
	}
.contentCenterC .teaserA p a.powerpoint {
	padding: .6em 0 0 26px;
	}
.contentCenterC .teaserA p a.tiff {
	padding: .6em 0 0 26px;
	}
.contentCenterC .teaserA p a.jpeg {
	padding: .6em 0 0 26px;
	}
.contentCenterC .teaserA p a.zip {
	padding: .6em 0 0 26px;
	}
.contentCenterC .teaserA p a.sonstiges {
	padding: .6em 0 0 26px;
	}
.contentCenterC .teaserA p a.quiz {
	margin-left: 1px;
	padding-left: 26px;
	}
.contentCenterC .teaserA p a.pdf {
	margin-left: -3px;
	}
.contentCenterA .teaserA p a.gallery {
	margin-left: -4px;
	}
.contentCenterA .teaserA p a.download {
	padding: .6em 0 0 26px;
	}
.contentCenterA .teaserA p a.word {
	padding: .6em 0 0 26px;
	}
.contentCenterA .teaserA p a.excel {
	padding: .6em 0 0 26px;
	}
.contentCenterA .teaserA p a.powerpoint {
	padding: .6em 0 0 26px;
	}
.contentCenterA .teaserA p a.tiff {
	padding: .6em 0 0 26px;
	}
.contentCenterA .teaserA p a.jpeg {
	padding: .6em 0 0 26px;
	}
.contentCenterA .teaserA p a.zip {
	padding: .6em 0 0 26px;
	}
.contentCenterA .teaserA p a.sonstiges {
	padding: .6em 0 0 26px;
	}
.contentCenterA .teaserA p a.quiz {
	margin-left: 1px;
	padding-left: 26px;
	}
.contentCenterA .teaserA p a.pdf {
	margin-left: -3px;
	}
.contentCenterB .teaserA p a.gallery {
	margin-left: -4px;
	}
.contentCenterB .teaserA p a.download {
	padding: .6em 0 0 26px;
	}
.contentCenterB .teaserA p a.word {
	padding: .6em 0 0 26px;
	}
.contentCenterB .teaserA p a.excel {
	padding: .6em 0 0 26px;
	}
.contentCenterB .teaserA p a.powerpoint {
	padding: .6em 0 0 26px;
	}
.contentCenterB .teaserA p a.tiff {
	padding: .6em 0 0 26px;
	}
.contentCenterB .teaserA p a.jpeg {
	padding: .6em 0 0 26px;
	}
.contentCenterB .teaserA p a.zip {
	padding: .6em 0 0 26px;
	}
.contentCenterB .teaserA p a.sonstiges {
	padding: .6em 0 0 26px;
	}
.contentCenterB .teaserA p a.quiz {
	margin-left: 1px;
	padding-left: 26px;
	}
.contentCenterB .teaserA p a.pdf {
	margin-left: -3px;
	}

	
/* contentCenterC -> Form (benutzt .containerForm , Angaben werden berschrieben) */
.contentCenterC .containerForm .formItem {
	background-color: #f9fbe7;
	margin: 0;
	padding: .7em 0 0 1em;
	}
.contentCenterC .containerForm .formField input,
.contentCenterC .containerForm .formField textarea {
	width: 22.8em;
	}
.contentCenterC .containerForm .formField select {
	width: 23.8em;
	}
.contentCenterC .containerForm .formField select.small {
	width: 11.25em;
	margin: 0 1em 0 0;
	float: left;
	}
.contentCenterC .containerForm .formItemEnd { padding: .7em 0; }
.contentCenterC .containerForm .formLabel { width: 9em; }
.contentCenterC .containerForm fieldset .formField { width: 27em; }
.contentCenterC .containerForm fieldset .formSubmit { width: 19em; padding-bottom: .7em; padding-right: 1em; }	




/* contentCenterD */
.contentCenterD {
	padding: 0 0 1em 0;
	width: 40.5em;
	}

.containerDetail {
	padding: 0 1.5em 0 0;
	}
	
.containerDetail h1 {
	font-size: 1.6em;
	line-height: 1.425em;
	padding: 0 0 1em 0;
	}

.containerMain .containerDetail h2 {
	font-size: 1.2em;
	line-height: 1.425em;
	}

.containerMain .containerDetail h2.subtitle {
	padding: 0 0 1.425em 0;
	margin: -1.425em 0 0 0;
	}

.containerMain .containerDetail p {
	font-size: 1.2em;
	line-height: 1.425em;
	padding: 0 0 1.425em 0;
	}

.containerMain .containerDetail p.intro { 
	font-weight: bold;
	padding: 0;
	}

.containerMain .containerDetail p.subline {
	font-size: 1.1em;
	line-height: 1.425em;
	margin: -1.425em 0 0 0;
	}

.containerMain .containerDetail p.meta {
	font-size: 1.1em;
	line-height: 1.425em;
	color: #897400;
	}

.containerMain .containerDetail p.meta a {
	font-weight: bold;
	margin: 0 0 0 1em;
	padding: 0 0 0 .8em;
	background-image: url(../grafik/icons/icon_link_intern.gif);
	background-position: left top;
	background-repeat: no-repeat;
	}

.containerDetail ul {
	font-size: 1.2em;
	line-height: 1.425em;
	padding: 0 0 1.425em 0;
	list-style-position: outside;
	list-style-type: disc;
	margin: 0 0 0 1.3em;
	}

.containerDetail ol {
	font-size: 1.2em;
	line-height: 1.425em;
	padding: 0 0 1.425em 0;
	list-style: outside decimal-leading-zero;
	margin: 0 0 0 2.2em;
	}

.contentCenterD .containerDetail ol li {
	margin: .3em 0 0 0;
	}

.contentCenterD .containerDetail .imageBox {
	float: left;
	width: 16em;
	margin: 0 1em 0 0;
	background-color: #f9fbe7;
	}

.contentCenterD .containerDetail .imageBox img {
	width: 16em;
	}

.contentCenterD .containerDetail .imageBoxB {
	float: left;
	width: 12em;
	margin: 0 1em 0 0;
	background-color: #f9fbe7;
	}

.contentCenterD .containerDetail .imageBoxB img {
	width: 12em;
	}

.contentCenterD .containerDetail p.capture {
	font-size: 1.1em;
	line-height: 1.3em;
	padding: .5em;
	}

.contentCenterD .containerDetail p.capture a.zoom {
	background-image: url(../grafik/icons/icon_plus.gif);
	background-position: left .3em;
	background-repeat: no-repeat;
	padding: 0 0 0 9px;
	}
.contentCenterD .containerDetail p.capture a.zoom:hover {
	text-decoration: none;
	}



.contentCenterD .containerTeaser {
	margin: 0 .5em .6em 0;
	background-color: #c3d84d;
	}

.contentCenterD .containerTeaser .teaserPicture {
	background-color: #c3d84d;
	float: left;
	width: 20em;
	}
	
.contentCenterD .containerTeaser .teaserPicture img {
	width: 20em;
	}

.contentCenterD .containerTeaser .teaserA {
	background-color: #c3d84d;
	padding: .7em 1em 1em 1em;
	float: right;
	width: 18em;
	height: 13.3em;
	position: relative;
	}

.contentCenterD .containerTeaser h2 {
	font-size: 1.4em;
	}

.contentCenterD .containerTeaser .teaserA p {
	position: absolute;
	bottom: 1em;
	padding: 0 1em 0 0;
	}

.contentCenterD .containerTeaser .teaserA a.zoom {
	background-image: url(../grafik/icons/icon_plus.gif);
	background-position: left .3em;
	background-repeat: no-repeat;
	padding: 0 0 0 9px;
	}
.contentCenterD .containerTeaser .teaserA a.zoom:hover {
	text-decoration: none;
	}
	
.contentCenterD .portrait {
	/*height: 15em;
	height: 23.1em;*/
	}

.contentCenterD .portrait .teaserPicture {
	float: left;
	/*width: 15em;*/
	width: 16em;
	}
	
.contentCenterD .portrait .teaserPicture img {
	/*width: 15em;*/
	width: 16em;
	}

.contentCenterD .portrait .teaserA {
	/*width: 23em;
	height: 18.3em;*/
	width: 22em;
	height: 18em;
	}
	

.contentCenterD .cdoftheweek {
/* 	height: 16em; */
	}

.contentCenterD .cdoftheweek .teaserPicture {
	float: left;
	width: 16em;
	}
	
.contentCenterD .cdoftheweek .teaserPicture img {
	width: 16em;
	}

.contentCenterD .cdoftheweek .teaserA {
	width: 22em;
	height: 14.3em;
	}



/* Container Zoom */	
.contentCenterD .containerTeaserZoom {
	margin: 0 .5em .6em 0;
	background-color: #c3d84d;
	}

.contentCenterD .containerTeaserZoom .teaserA {
	padding: .7em 1em 1em 1em;
	}
	
.contentCenterD .containerTeaserZoom .teaserA h1 {
	font-size: 1.4em;
	}

.contentCenterD .containerTeaserZoom .teaserA p {
	margin: .5em 0 0 0;
	}

.contentCenterD .containerTeaserZoom .teaserA img {
	margin: .5em 0 0 0;
	}




/* contentCenterE */
.contentCenterE {
	width: 57em;
	}

.contentCenterE .containerHeadline img {
	width: 56.5em;
	}
	
.contentCenterE .containerTeaser {
	float: left;
	width: 18em;
	padding: 0 1em 2em 0;
	}

.contentCenterE .teaserPicture img {
	width: 18em;
	margin: 0 0 .7em 0;
	}

.contentCenterE .teaserMedia {
	margin: 0 0 .7em 0;
	background-color: #fffac9;
	height: 6.8em;
	}

.contentCenterE .teaserMedia img {
	float: left;
	padding: 0 .5em 0 0;
	width: 9em;
	}

.contentCenterE .teaserMedia p {
	padding: .2em 0 0 0;
	}
	
.contentCenterE .teaserA h1 {
	font-size: 1.1em;
	}

.contentCenterE .teaserA h1 a {
	/*padding: 0 .5em 0 2.3em;*/
	padding: 0 .5em 0 25px;
	line-height: 1.4em;
	display: block;
	color: #d3020e;
	background-position: left 0.1em;
	background-repeat: no-repeat;
	}
	
.contentCenterE .teaserA p {
	padding: 0 .5em 0 2.3em;
	}

.contentCenterE .teaserA p a {
	/*padding: 0 .5em 0 .8em;
	line-height: 1.4em;
	font-weight: bold;
	background-image: url(../grafik/icons/icon_link_intern.gif);
	background-position: left top;
	background-repeat: no-repeat;*/
	}
	
.contentCenterE .teaserA p.date {
	color: #897400;
	}

.contentCenterE .teaserText {
	padding: 0 1em;
	}


/* contentCenterF */
.contentCenterF {
	width: 40em;
	background-image: url(../grafik/backgrounds/line_green.gif);
	background-position: left top;
	background-repeat: repeat-x;
	padding: 1px 0 0 0;
	margin: 0 0 1.2em 0;
	}

.contentCenterF .containerTeaser {
	padding: 1em 0;
	margin: 0 0 .1em 0;
	}

.contentCenterF .last {
	padding: 1em 0;
	margin: 0;
	background-image: url(../grafik/backgrounds/line_green.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
	}

.contentCenterF .colorA {
	background-color: #f2f5da;
	}
	
.contentCenterF .colorB {
	background-color: #f9fbe7;
	}

.contentCenterF .teaserPicture img {
	float: left;
	width: 9em;
	padding: 0 .5em 0 0;
	}

.contentCenterF .teaserA {
	float: right;
	width: 30.2em;
	padding: 1.5em 0 0 0;
	}

.contentCenterF .teaserNoPicture {
	padding: 0 0 0 9.7em;
	float: none;
	}

.contentCenterF .teaserA h1 {
	font-size: 1.1em;
	}

.contentCenterF .teaserA h1 a {
	/*padding: 0 .5em 0 2.3em;*/
	padding: 0 .5em 0 25px;
	line-height: 1.4em;
	display: block;
	background-position: left .1em;
	background-repeat: no-repeat;
	}

.contentCenterF .teaserA p {
	/*padding: 0 0 0 2.3em;*/
	padding: 0 0 0 25px;
	}
	



/* contentCenterG */
.contentCenterG {
	margin: 0 .5em 1.2em 0;
	}
	
.contentCenterG .containerHeadline {
	background-image: url(../grafik/backgrounds/line_green.gif);
	background-position: left top;
	background-repeat: repeat-x;
	background-color: #f9fbe7;
	height: 3em;
	}

.contentCenterG .containerHeadline h2 {
	padding: .6em .5em 0 1em;
	font-size: 1.2em;
	position: relative;
	float:left;
	left: auto;
	top: auto;
	}

.contentCenterG .containerHeadline img {
	position: relative;
	left: auto;
	top: auto;
	float:left;
	margin: .7em 0 0 0;
	}
	
.contentCenterG .containerTeaser {
	padding: 0 0 1.2em 0;
	}

.contentCenterG .teaserHeadline {
	padding: .5em 0 0 1em;
	}

.contentCenterG .teaserHeadline p {
	font-weight: bold;
	font-size: 1.1em;
	}

.contentCenterG .teaserPicture {
	margin: 1em 0 0 0;
	float: left;
	width: 16em;
	background-color: #f9fbe7;
	}

.contentCenterG .teaserPicture img {
	width: 16em;
	}

.contentCenterG .teaserPicture p.capture {
	font-size: 1.1em;
	line-height: 1.3em;
	padding: .5em;
	}

.contentCenterG .teaserPicture p.capture a {
	background-image: url(../grafik/icons/icon_plus.gif);
	background-position: left .3em;
	background-repeat: no-repeat;
	padding: 0 0 0 9px;
	}
.contentCenterG .teaserPicture p.capture a:hover {
	text-decoration: none;
	}


.contentCenterG .teaserA {
	padding: 1em;
	}
	
.contentCenterG .teaserB {
	float: right;
	padding: 1em 1em 1em 1em;
	width: 22em;
	}
	
.contentCenterG .formLabel {
	float: left;
	width: 6em;
	padding: .3em 0 0 0;
	}
	
.contentCenterG label {
	font-size: 1.1em;
	font-weight: bold;
	}

.contentCenterG label span {
	font-size: 1em !important;
	font-weight: normal;
	}

.contentCenterG .formField {
	float: right;
	width: 32em;
	}

.contentCenterG .formField input {
	width: 28em;
	}
	
.contentCenterG .formRadio {
	float: left;
	width: 1em;
	margin: 0 0 .3em 0;
	}

.contentCenterG .formRadio input {
	padding: 0;
	border: none;
	}
	
.contentCenterG .formLabelRight {
	float: right;
	width: 35.5em;
	padding: .3em 0 0 0;
	}

.contentCenterG .teaserB .formLabelRight {
	width: 19.5em;
	}

.contentCenterG .teaserB .formLabelRight label {
	font-weight: normal;
	padding: 0 0 1em 0;
	}

.contentCenterG .containerAnalysis {
	padding: 0 1em;
	}

.contentCenterG .containerAnalysis p.total {
	padding: .5em 0;
	}
	
.contentCenterG .containerAnalysis .formItem {
	padding: .5em 0;
	}

.contentCenterG .containerAnalysis .formLabel {
	float: left;
	width: auto;
	}

.contentCenterG .containerAnalysis .formDiagramm {
	width: 19em;
	float: right;
	background-color: #e9f0bc;
	height: 2em;
	}

.contentCenterG .containerAnalysis .formDiagrammB {
	width: 32em;
	float: right;
	background-color: #e9f0bc;
	height: 2em;
	}

.contentCenterG .containerAnalysis .percent {
	width: 4em;
	float: left;
	background-color: #e9f0bc;
	}

.contentCenterG .containerAnalysis .percent p {
	padding: .2em 0 0 .5em;
	font-weight: bold;
	}
	
.contentCenterG .containerAnalysis .diagram {
	float: left;
	background-color: #d3020e;
	height: 2em;
	}
	
.contentCenterG a.gallery,
.contentCenterG a.audio,
.contentCenterG a.video {
	font-weight: bold;
	/*padding: 0 .5em 0 1.9em;*/
	padding: 0 .5em 0 21px;
	line-height: 1.4em;
	display: block;
	background-position: -5px 0.1em;
	background-repeat: no-repeat;
	}


/* contentCenterH */
.contentCenterH {
	background-color: #f9fbe7;
	background-image: url(../grafik/backgrounds/line_green.gif);
	background-position: left top;
	background-repeat: repeat-x;
	padding: 1.1em 0 0 0;
	margin: 0 .5em 2.4em 0;
	}

.contentCenterH .containerDetail {
	background-image: url(../grafik/backgrounds/line_green.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
	}

.contentCenterH .containerDetail img {
	margin: 1em 0 2em 0;
	width: 40em;
	}

.contentCenterH .containerDetail p {
	padding: 0 1em 1em 1em;
	}



/* contentCenterI */
.contentCenterI {
	padding: 0 0 0 0;
	}
	
.contentCenterI .containerTeaser {
	margin: 0 0 1em 0;
	}

.contentCenterI .teaserPicture img {
	float: left;
	width: 16em;
	}

.contentCenterI .teaserA {
	float: right;
	padding: 0 1em 0 1em;
	width: 22em;
	margin: -0.3em .5em 0 0;
	overflow: hidden;
	}
	
.contentCenterI .teaserA h1 {
	font-size: 1.2em;
	line-height: 1.425em;
	color: #d3020e;
	}

.contentCenterI .teaserA p {
	font-size: 1.2em;
	line-height: 1.425em;
	}

.contentCenterI .teaserA p a {
	font-weight: bold;
	padding: 0 0 0 24px;
	margin-left: -5px;
	background-image: url(../grafik/icons/icon_marginal_ecard.gif);
	background-position: left top;
	background-repeat: no-repeat;
	}







/* ContainerSearch */
.containerSearch fieldset {
	background-image: url(../grafik/backgrounds/line_green.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
	padding: 0 0 1px 0;
	}

.containerSearch .formItem {
	background-color: #e9f0bc;
	margin: 0 0 .1em 0;
	padding: 1em 1em;
	}

.containerSearch .formItemEnd {
	margin: 0;
	padding: .7em 1em;
	}
	
.containerSearch .formItem label {
	font-size: 1.1em;
	}

.containerSearch .formItem .selects {
	padding: 1em 0 0 0;
	position: relative;
	}

.containerSearch .formItem .selects label {
	padding: 0 1em 0 0;
	font-weight: bold;
	}

.containerSearch .formItem .selects select {
	margin: 0 1em 0 0;
	width: 9em;
	}

.containerSearch .formItem .format {
	padding: 1em 0 0 0;
	}

.containerSearch .formItem .format p {
	float: left;
	padding: .3em 1em 0 0;
	font-weight: bold;
	}

.containerSearch .formItem .format input {
	padding: 0;
	border: none;
	background-color: transparent;
	}

.containerSearch .formItem .format label {
	padding: 0 1em 0 .2em;
	margin: -.2em 0 0 0;
	}



/* containerPagination */
.containerPagination {
	padding: 1em;
	text-align: center;
	}

.containerPagination img {
	width: 1.5em;
	display: inline;
	}

.containerPagination .pages {
	position: relative;
	top: -.25em;
	}

.containerPagination .pages a {
	background-image: url(../grafik/backgrounds/htg_navFooter.gif);
	background-position: right top;
	background-repeat: no-repeat;
	padding: 0 .8em 0 .8em;
	}

.containerPagination .pages span {
	background-image: url(../grafik/backgrounds/htg_navFooter.gif);
	background-position: right top;
	background-repeat: no-repeat;
	padding: 0 .8em 0 .8em;
	}

.containerPagination .pages a.last {
	background-image: none;
	padding: 0 .8em 0 .8em;
	}

.containerPagination .pages span.last {
	text-decoration: none;
	background-image: none;
	padding: 0 .8em 0 .8em;
	font-size:1.0em;
	}

.containerPagination .pages span.active {
	text-decoration: none;
	font-weight: bold;
	color: #000;
	font-size:1.0em;
	}




/* Container Info */
.containerInfo {
	background-image: url(../grafik/backgrounds/line_green.gif);
	background-position: left top;
	background-repeat: repeat-x;
	margin: 0 .5em 2em 0;
	padding: 1px 0 0 0;
	}

.containerInfo .teaserA {
	background-image: url(../grafik/backgrounds/line_green.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
	padding: 1.5em;
	}



/* Container Links */
.containerLinks {
	background-image: url(../grafik/backgrounds/line_green.gif);
	background-position: left top;
	background-repeat: repeat-x;
	margin: 0 .5em 2em 0;
	padding: 1px 0 0 0;
	background-color: #f9fbe7;
	}

.containerLinks .teaserA {
	background-image: url(../grafik/backgrounds/line_green.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
	padding: .8em 1em .9em 1em;
	}
	
.containerLinks .teaserA a {
	font-weight: bold;
	margin: .1em 0 0 0;
	padding: 0 0 0 .8em;
	background-image: url(../grafik/icons/icon_link_intern.gif);
	background-position: left top;
	background-repeat: no-repeat;
	}

.containerLinks .teaserA a.extern {
	padding: 0 0 0 1.8em;
	background-image: url(../grafik/icons/icon_link_extern.gif);
	}

.containerLinks .teaserA p.right {
	text-align: right;
	}

.containerLinks .teaserA p.right a {
	padding: 0 .8em 0 0;
	background-position: right top;
	}

.containerLinks .containerPagination {
	background-color: #fff;
	}




/* Container Comments */
.containerComments .containerPagination {
	background-color: #f9f9f9;
	margin: 0 .5em 0 0;
	}

.containerComments .teaserLink {
	margin: 0 .5em 0 0;
	background-color: #f9f9f9;
	height: 2.4em;
	padding: 1em 0 0 0;
	background-image: url(../grafik/backgrounds/line_green_comments.gif);
	background-position: left top;
	background-repeat: repeat-x;
	}

.containerComments .teaserLink a {
	margin: 0 0 0 1.2em;
	}

.containerComments .teaserLink a.write {
	font-weight: bold;
	padding: 0 0 0 1.6em;
	background-image: url(../grafik/icons/icon_comment.gif);
	background-position: left top;
	background-repeat: no-repeat;
	}

.containerComments .containerHeadline h1 {
	position: absolute;
	top: .2em;
	left: 1em;
	font-size: 1.1em;
	}

.containerComments .containerHeadline img {
	width: 40.5em;
	}

.containerComments .teaserA {
	background-image: url(../grafik/backgrounds/line_green.gif);
	background-position: left top;
	background-repeat: repeat-x;
	background-color: #f9f9f9;
	margin: 0 .5em 0 0;
	padding: 2em 1em 1em 1em;
	}

.containerComments .teaserAFirst {
	margin: 0 .5em 0 0;
	padding: 0 1em 1em 1em;
	background-color: #f9f9f9;
	}

.containerMain .containerComments h2 {
	font-size: 1.2em;
	}

/* containerComments -> Form (benutzt .containerForm , Angaben werden berschrieben) */
.containerComments .containerForm {
	margin-right: .5em;
	}
.containerComments .containerForm .formHeadline {
	background-image: url(../grafik/backgrounds/line_green.gif);
	background-position: left 3em;
	background-repeat: repeat-x;
	height: 4em;
	padding: 0 0 0 1em;
	background-color: #f9f9f9;
	}
.containerComments .confirm {
	margin-right: 0.5em;
	}
.containerComments .containerForm .error {
	background-image: url(../grafik/backgrounds/line_green.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
	}
.containerComments .containerForm fieldset .error {
	background-image: none;
	}
	
.containerComments .containerForm .formHeadline h1 {
	font-size: 1.4em;
	padding: .55em 0 0 0;
	}
.containerComments .containerForm .formItem {
	background-color: #f9f9f9;
	margin: 0;
	padding: .7em 1em 0 1em;
	}
.containerComments .containerForm .formField input,
.containerComments .containerForm .formField textarea {
	border: 1px solid #7f7f7f;
	width: 24.8em;
	}
.containerComments .containerForm .formItemEnd { padding: 0.7em 1em 2.8em; }
.containerComments .containerForm .formLabel { width: 9em; }
.containerComments .containerForm fieldset .formField { width: 28em; }
.containerComments .containerForm fieldset .formSubmit { width: 19em; }

.containerComments .containerForm .teaserAFirst {
	background-image: url(../grafik/backgrounds/line_green.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
	margin: 0;
	}
	
	
	

/* Container Table */
.containerTable h1 {
	font-size: 1.6em;
	line-height: 1.425em;
	padding: 0 0 .35em 0;
	}
	
table.standard {
	width: 40em;
	border-collapse: collapse;
	margin: 0 0 1em 0;
	}

table.standard caption {
	font-size: 1.2em;
	font-weight: bold;
	text-align: left;
	padding: .5em 0 1em 0;
	}

table.standard thead tr th,
table.standard thead tr td {
 	background-color: #f2f5da;
	border-bottom: 1px solid #fff;
	padding: 1em .4em 1em .4em;
	text-align: left;
	font-size: 1.1em;
	background-image: url(../grafik/backgrounds/line_green.gif);
	background-position: left top;
	background-repeat: repeat-x;
	}
	
table.standard tbody tr.colA td,
table.standard tbody tr.colA th {
 	background-color: #e9f0bc;
	border-bottom: 1px solid #fff;
	}

table.standard tbody tr.colB td,
table.standard tbody tr.colB th {
	background-color: #f2f5da;
	border-bottom: 1px solid #fff;
	}

table.standard tbody tr.last td, 
table.standard tbody tr.last th {
	border-bottom: none;
	background-image: url(../grafik/backgrounds/line_green.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
	padding-bottom: .5em;
	}

table.standard tbody tr td {
	font-size: 1.1em;
	padding: .4em;
	height: 3.45em;
	}

table.standard tbody tr td.pos {
	font-weight: bold;
	text-align: center;
	width: 2em;
	}

/* Special Table Cahrt Top 3 */
table.chartTop3 caption {
	font-size: 1.1em !important;
	background-image: url(../grafik/backgrounds/line_green.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
	}

table.chartTop3 thead {
	display: none;
	}

table.chartTop3 tbody tr td {
	height: auto;
	}

/* Special Table Charts */
table.charts thead tr th,
table.charts thead tr td {
 	background-color: #f9fbe7;
	}

table.charts thead tr th.text {
 	width: 9em;
	}

table.charts thead tr th.pos,
table.charts tbody tr td.pos {
	padding: 1em .4em 1em 1em;
	}

table.charts tbody tr td.prepos {
	width: 2em;
	}

table.charts thead tr th.select,
table.charts tbody tr td.select {
	text-align: center;
	}

table.charts tbody tr td.select select {
	font-size: 1em;
	padding: 0 0 0 .2em !important;
	border: 1px inset #b2b2b2;
	}

table.charts tbody tr td.select input {
	padding: 0;
	background-color: transparent;
	border: none;
	}

table.charts tfoot tr td.legend {
	padding: 1em .4em 1em 1em;
	font-size: 1.1em;
	background-color: #f9fbe7;
	}

/* Special Table Program */
table.programm thead tr th,
table.programm thead tr td {
 	background-color: #f9fbe7;
	text-align: center;
	}

table.programm tbody tr th {
	background-color: #f9fbe7!important;
	border-bottom: 1px solid #fff;
	padding: 1em 1em 1em 1em;
	text-align: left;
	font-size: 1.1em;
	width: 3em;
	}

table.programm tbody tr.colA td,
table.programm tbody tr.colA th.active {
 	background-color: #e9f0bc!important;
	}

table.programm tbody tr.colB td,
table.programm tbody tr.colB th.active {
 	background-color: #f2f5da!important;
	}

table.programm tbody tr.last th {
	padding-bottom: 1.1em;
	}

table.programm tbody tr td {
	text-align: center;
	}

table.programm tbody tr td a {
	color: #d3020e;
	}

table.programm tbody tr td a:hover {
	text-decoration: underline;
	}
	
table.programm tbody tr td a.active {
	font-size: 1em !important;
	font-weight: bold;
	background-color: #d3020e;
	color: #fff;
	padding: 0 .1em;
	}
table.programm tbody tr td span.active {
	font-size: 1em !important;
	font-weight: bold;
	background-color: #000;
	color: #fff;
	padding: 0 .1em;
	}
	
/* containerTable -> Form (benutzt .containerForm , Angaben werden berschrieben) */
.containerTable .containerForm {
	margin-top: -1.1em;
	}
.containerTable .message { background-color:#f9fbe7; margin: 0; padding: .8em 1em; }
.containerTable .containerForm .formItem {
	background-color: #f9fbe7;
	margin: 0;
	padding: .7em 1em 0 1em;
	}
.containerTable .containerForm .formField input,
.containerTable .containerForm .formField textarea {
	width: 24.8em;
	}
.containerTable .containerForm .formItemEnd { padding: .7em 1em; }
.containerTable .containerForm .formLabel { width: 9em; }
.containerTable .containerForm fieldset .formField { width: 28em; }
.containerTable .containerForm fieldset .formSubmit { width: 19em; }





/*
* Spezial Container
*
*/

/* containerSitemap */
.containerSitemap a {
	color: #d3020e;
	font-size: 1.2em;
	line-height: 1.425em;
	padding: 0 0 0 .8em;
	background-image: url(../grafik/icons/icon_link_intern.gif);
	background-position: left top;
	background-repeat: no-repeat;
 	}

.containerSitemap a:hover {
	text-decoration: underline;
	}

.containerSitemap ul.sitemapA {
	padding: 0 0 1.6em 0;
 	}

.containerSitemap ul.sitemapA li a {
	font-weight: bold;
 	}
	
.containerSitemap ul.sitemapB {
	padding: 0 0 1.6em 0;
 	}

.containerSitemap ul.sitemapB li a {
	font-weight: normal;
 	}


/* containerGallery */
.containerGallery {
	margin: 1em 0 2em 0;
	}

.containerGallery .galleryNavigation {
	width: 40.1em;
	margin: 0 0 .2em 0;
	}

.containerGallery .galleryNavigation p {
	float: left;
	}

.containerGallery .galleryNavigation .containerPagination {
	position: relative;
	top: 0;
	padding: 0;
	margin: -.2em 6em 0 0;
	}

.containerGallery .galleryImage {
	float: left;
	width: 40em;
	margin: 0 0 1em 0;
	text-align: center;
	background-color:#FFFAC9;
}

.containerGallery .galleryImage img {
	border: 1px solid #000;
	/* width: 39.9em; */
	height: 29.9em;
	}
	
.containerGallery .galleryThumbs {
	float: right;
	width: 12em;
	padding: 0 2em .6em 0;
}
.containerGallery .galleryThumbs .thumb {
	background-color:#FFFAC9;
	}

.containerGallery .galleryThumbs img {
	/* width: 12em; */
	height: 9em;
	margin: 0 0 .3em 0;
	}

.containerGallery .galleryThumbs .thumbUp img {
	width: 11.9em;
	height: 1em;
	}

.containerGallery .galleryThumbs .thumbDown img {
	width: 11.9em;
	height: 1em;
	}

/* containerVideo */
.containerVideo {
	background-color: #fffac9;
	/*height: 30.9em;*/
	margin: 1em 0 2em 0;
	text-align: center;
	}

/* containerAudio */
.containerAudio {
	margin: 1em 0 2em 0;
	background-color: #fffac9;
	text-align: center;
	}
	
/* containerECards */
.containerECard {
	margin: 0 .5em 0 0;
	border: .1em solid #bdb141;
	}
	
.containerECard img {
	width: 39.8em;
	}
	
/* Styles added by DBaD */
.formReset input.btnReset {
	font-weight: bold;
	color: #d3020e;
	padding: 0 0 0 .8em;
	background-image: url(../grafik/icons/icon_link_intern.gif);
	background-position: left top;
	background-repeat: no-repeat;
	cursor: pointer;
	width: auto;
	text-align: left;
	}	
	
.formReset input.btnSubmitSmallLeft {
	font-weight: bold;
	color: #d3020e;
	padding: 0 0 0 .8em;
	background-image: url(../grafik/icons/icon_link_intern.gif);
	background-position: left top;
	background-repeat: no-repeat;
	cursor: pointer;
	width: auto;
	text-align: left;
	}	
	
.formSubmit input.btnSubmitSmallRight {
	font-weight: bold;
	color: #d3020e;
	padding: 0 0 0 .8em;
	background-image: url(../grafik/icons/icon_link_intern.gif);
	background-position: right top;
	background-repeat: no-repeat;
	cursor: pointer;
	width: auto;
	text-align: right;
	}	

.formPreview input.btnPreview {
	font-weight: bold;
	color: #d3020e;
	padding: 0 0 .2em 1.8em;
	background-image: url(../grafik/icons/icon_link_comment.gif);
	background-position: left top;
	background-repeat: no-repeat;
	background-color: transparent;
	cursor: pointer;
	}
	
.formPreview input.btnChange {
	font-weight: bold;
	color: #d3020e;
	padding: 0 0 0 .8em;
	background-image: url(../grafik/icons/icon_link_intern.gif);
	background-position: left top;
	background-repeat: no-repeat;
	cursor: pointer;
	}
	
.containerLinks .teaserA p .audio {
	background-image:url(../grafik/icons/icon_beitrag_audio.gif);
	padding-left: 1.5em;
	}
	
.containerLinks .teaserA p .video {
	background-image:url(../grafik/icons/icon_beitrag_video.gif);
	padding-left: 1.7em;
	}
	
.containerLinks .teaserA p a.voting {
	background-image:url(../grafik/icons/icon_beitrag_vote.gif);
	padding-left: 1.5em;
}
	
.containerLinks .teaserA p .ecard {
	background-image:url(../grafik/icons/icon_beitrag_ecard.gif);
	padding-left: 1.5em;
}
	
.containerLinks .teaserA p .download {
	background-image:url(../grafik/icons/icon_beitrag_download.gif);
	padding: 0em 0em 0.3em 1.7em;
	
}
	
.containerLinks .teaserA p .gallery {
	background-image:url(../grafik/icons/icon_beitrag_gallery.gif);
	padding-left: 1.9em;
}
	
.containerLinks .teaserA p .pdf {
	background-image:url(../grafik/icons/icon_beitrag_pdf.gif);
	padding-left: 2em;
}
	
.containerLinks .teaserA p .quiz {
	background-image:url(../grafik/icons/icon_beitrag_quiz.gif);
	padding-left: 2.4em;
}

/* neu für Baustelleninfos 6.7.2009 */

.containerTeaserJ .teaserA.fontMonospace {
	width: 100%
}

.teaserA.fontMonospace, .teaserA.fontMonospace p, .teaserA.fontMonospace h1, .teaserA.fontMonospace h2, .teaserA.fontMonospace h3, .teaserA.fontMonospace h4, .teaserA.fontMonospace ul, .teaserA.fontMonospace ol{
	font-family: "Courier New", Courier, mono;
	white-space:pre;
	font-size: 100%;
}

.teaserA.fontMonospace {
	font-size: 120%;
}

.teaserA.fontMonospace, .teaserA.fontMonospace p, .teaserA.fontMonospace h1, .teaserA.fontMonospace h2, .teaserA.fontMonospace h3, .teaserA.fontMonospace h4, .teaserA.fontMonospace ul, .teaserA.fontMonospace ol{
	font-family: "Courier New", Courier, mono;
	white-space:pre;
	font-size: 100%;
}

.teaserA.fontMonospace h2{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
}


.teaserA.fontMonospace {
	font-size: 120%;
	line-height: .6em;
}

.teaserA.fontMonospace strong {
	display:block;
}

.teaserA.fontMonospace p strong {
	display:inline;
}

.font_strong_rot {
	font-weight:bold;
	color: #bdd83f;
}
.font_strong_blau {
	font-weight:bold;
	color:#da0000;
}

.teaserA.fontMonospace p.nachOben {
	display: none;
	visibility: hidden;
}

.space_above {
	margin-top: 2em;
}