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

.headerRBB { display: none; }


/*
* 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;
}

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



/*
* Structure Elements
*
*/	
.container {
	font-size: 0.625em; /* 1em is 10px */
	background-image: none;
	}

.containerHeader {
	display: none;
	}

.containerHeaderB {
	display: none;
	}

.containerMain {
	width: auto;
	}

.containerMarginalA {
	display: none;
	}

.containerMarginalC {
	display: none;
	}
	
.containerCenter {
	padding: 20px 40px 20px 30px;
	overflow: visible;
	}

.containerCenterB {
	padding: 20px 40px 20px 30px;
	overflow: visible;
	}
	
.containerMarginalB {
	display: none;
	}

.containerBottom {
	display: none;
	}

/* Logo */
.logo {
	padding: 0 0 1em 0;
	}
	
.contentBottom {
	padding: 0 0 2em 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.gallery {
	background-image: url(../grafik/icons/icon_marginal_gallery.gif);
	}
.containerMain a.audio {
	background-image: url(../grafik/icons/icon_marginal_audio.gif);
	}
.containerMain a.video {
	background-image: url(../grafik/icons/icon_marginal_video.gif);
	}
.containerMain a.download {
	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  { display: none; }

.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;
	}
.formReset { float: left; width: 10em; margin-top: .2em; }
.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;
	}
.formSubmit { float: right; width: 14em; text-align: right; }
.formSubmit input { border: none; background-color: transparent; }
.formSubmit input.btnSubmit {
	font-weight: bold;
	color: #d3020e;
	padding: .1em 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;
	}
	
/* 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 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;
	}


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

.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: red;*/
	}

.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 .teaserPicture {
	float: left;
	width: 16em;
	}
	
.contentCenterD .portrait .teaserPicture img {
	width: 16em;
	}

.contentCenterD .portrait .teaserA {
	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;
	}
	
	

/* 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;
	}


/* containerPagination */
.containerPagination {
	display: none;
	}




/* 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: .7em 1em; }
.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;
	}