/* CSS Document */

.cross_container{ 
	padding-bottom:250px;
	}

body { 
	font-family: Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
	display: block;
	background: #555455 url(images/bg-img.gif) 0 0 repeat-y;
	}
img { 
	border: 0;
	padding: 0;
	display: block;
	}  

a:link { 
	text-decoration: none;
	color: #BB0000;
	}
a:visited { 
	text-decoration: none;
	color: #BB0000;
	}
a:hover { 
	text-decoration: none;
	}
a:active { 
	text-decoration: none; color: #000;
	}
a:focus { 
	text-decoration: none;
	}
a.rosa:link { 
	color: #EBCBCB;
	}
a.rosa:visited { 
	color: #EBCBCB;
	}
a.rosa:hover { 
	color: #fff;
	}
a.rosa:active { 
	color: #fff;
	}
a.rosa:focus { 
	color: #EBCBCB;
	}
a.rot:link { 
	color: #BB0000;
	white-space: nowrap;
	}
a.rot:visited { 
	color: #D00000;
	white-space: nowrap;
	}
a.rot:hover { 
	color: #BB0000;
	white-space: nowrap;
	}
a.rot:active { 
	color: #000;
	white-space: nowrap;
	}
a.rot:focus { 
	color: #BB0000;
	white-space: nowrap;
	}
a.aktiv:link { 
	color: #000;
	background-color: #fff;
	display: block;
	padding: 0 2px 0 2px;
	white-space: nowrap;
	}
a.aktiv:visited { 
	color: #000;
	background-color:#fff;
	display: block;
	padding:0 2px 0 2px;
	white-space: nowrap;
	}
a.aktiv:hover { 
	color: #BB0000;
	background-color:#fff;
	}
a.aktiv:active { 
	color: #BB0000;
	}
a.aktiv:focus { 
	color: #BB0000;
	}
/* richtet den Inhalt links aus */
.left { 
	float: left !important;
	}
/* richtet den Inhalt rechts aus */
.right { 
	float: right !important;
	}
/* macht Elemente unsichtbar */
.inv { 
	display: none;
	}
/* Hier fangen die Klassen für den gesamten Contentberiech an */
/* linkbox ANFANG Jobs, Newsletter, Presse, Kontakt, rss */
#linkbox { 
	width: 1000px;
	height: 27px;
	padding: 0;
	margin: 0;
	color: #E3B3B3;
	font-size: 11px;
	}
#linkbox ul { 
	padding: 0;
	margin: 0;
	color: #E3B3B3;
	width: 300px;
	height: 27px;
	font-size: 11px;
	float: right;
	list-style-type: none;
	}
#linkbox ul li { 
	padding: 12px 20px 2px 5px;
	margin: 0;
	float: left;
	background: url(images/ul_trennlinie.gif) no-repeat top left;
	}
#linkbox ul li.rss { 
	padding: 14px 0 2px 5px;
	margin: 0;
	float: left;
	width: 20px;
	background: none;
	}
/* ENDE linkbox */
/* head ANFANG Logo, Haupnavigation, Suche */
#head {
	width: 1000px; 
	height: 65px;
	padding: 0;
	margin: 0;
	color: #E3B3B3;
	}
.logo { 
	padding: 0;
	margin: 0;
	float: left;
	}
#mainnavi { 
	padding: 0 0 0 35px;
	margin: 0;
	color: #E3B3B3;
	font-size: 12px;
	float: left;
	width: 430px;
	}
#mainnavi ul { 
	padding: 0;
	margin: 0;
	height: 50px;
	width: 115px;
	float: left;
	list-style-type: none;
	background: url(images/ul_trennlinie.gif) no-repeat top right;
	}
/* erste ul der Hauptnavigation */
#mainnavi ul.first { 
	width: 80px;
	padding: 0;
	}
#mainnavi ul.second { 
	width: 100px;
	padding: 0;
	}
/* dritte ul der Hauptnavigation, wegen channel planning */
#mainnavi ul.third { 
	width: 100px;
	}
/* letzte ul der Hauptnavigation */
#mainnavi ul.last { 
	width: 100px;
	background: none;
	}
#mainnavi ul li {
	padding: 0 0 10px 5px;
	margin: 0;
	float: left;
	clear: both;
	width: 85%;
	}
#mainnavi ul li.aktiv {
	padding: 0 2px 0 2px;
	}
/* ENDE mainnavi */

/* suche ANFANG */
#suche {
	padding: 25px 0 0 0;
	margin: 0;
	float: left;
	font-size: 12px;
	width: 290px;
	}
form, fieldset {
	padding: 0 0 0 5px;
	margin: 0;
	border: 0;
	float: left;
	}
.suchfeld {
	padding: 0;
	margin: 0 10px 0 0;
	border: 0;
	font-size: 12px;
	display: inline;
	width: 180px;
	float: left;
	height: 18px;
	}
/* ENDE suche */
/* ENDE head */
/* content ANFANG  */
/* Sonderverhalten der Links auf Wunsch des Kunden */
#content_right a:link, #content_right a:visited {
	text-decoration: none;
	}
.teaserdiv a, #content_var p a {
	text-decoration: underline;
	}
.teaserdiv a.extern {
	color: #7C848B;
	}
.teaserdiv a.weiter {
	text-decoration: none;
	color: #BB0000;
	}
/* content mit fester höhe */
#content_fix {
	clear: both;
	width:  1000px;
	height: 645px;
	padding: 0;
	float: left;
	display: block;
	margin: 0;
	}
/* content mit variabler höhe */
#content_var {
	clear: both;
	width:  1000px;
	padding: 0;
	margin: 0;
	float: left;
	display: block;
	background: #F2F2F3;
	}
/* innerhalb content_fix und content_var - links */
#content_left {
	width:  750px;
	height: 100%;
	padding: 0;
	margin: 0;
	float: left;
	background: #fff;
	font-size: 12px;
	color: #000; 
	}
.bildlinks {
	padding: 0 20px 20px 0;
	float:left;
	}
.bildrechts {
	padding: 0 0px 20px 20px;
	float:right; 
	}
.bildmitte {
	padding: 0 0 20px 0;
	}
/* innerhalb content_fix und content_var - rechts */
#content_right {
	width:  250px;
	height: 100%;
	padding: 0;
	margin: 0;
	float: right;
	background: #F2F2F3;
	color: #000;
	}
/* falsheinbindung */
.flash {
	padding: 0;
	margin: 0;
	float: left;
	width: 750px;
	height: 320px;
	background: #F2F2F3;
	}
.flash #flashcontent {
	padding: 0;
	margin: 0;
	float: left;
	}
/* ENDE flasheinbindung */
/* teaser - teaser für content_left; teaserRight - teaser für content_right */
.teaser, .teaserRight {
	padding: 20px 0 20px 0;
	margin: 0 0 0 60px;
	float: left;
	width: 630px;
	display: inline;
	}
/* abstand teaser */
.abstand {
	padding: 20px 0 0 0;
	}

.teaserRight, .ansprechpartner {
	padding: 20px 0 20px 0;
	width: 220px;
	float: left;
	margin: 0 0 0 20px;
	display: inline;
	background: url(images/teaser_trennlinie.jpg) no-repeat;
	background-position: bottom left;
	}
.ansprechpartner {
	padding: 11px 0 20px 0;
	}
/* blendet die linie unter den teaser in der rechten contenspalte aus */
.bgnone {
	background: none !important;
	} 
/* box ist für teaser mit bild links */
.box, boxohnebild {
	padding: 0;
	margin: 0;
	float: left;
	width: 400px;
	font-size: 12px;
	}
.boxohnebild {
	width: 630px;
	}
.teaser h1, .box h1, .teaserRight h1 {
	padding: 0;
	margin: 0;
	/*float: left;*/
	font-size: 17px;
	font-weight: bold;
	color: #7C848B; 
	}
/* Hervorhebung des Suchergebnisses in der Überschrift */
.teaser h1 span {
	color: #000;
	}
/* kursive ueberschrift */
.teaser h2, .teaserRight h2, .ansprechpartner h2 {
	padding: 0;
	margin: 0;
	/*width: 100%;
	float: left;*/
	font-size: 14px;
	font-weight: normal;
	color: #BB0000;
	}
/* grosse schrift unter dem chart */
h3 {
	clear: both;
	padding: 20px 0 30px 60px;
	margin: 0;
	width: 500px;
	float: left;
	font-size: 18px;
	font-style: italic;
	color: #7C848B;
	}
h5 {
	clear: both;
	padding: 5px 0 0 0;
	margin: 0;
	width: 500px;
	font-size: 14px;
	font-weight:normal;
	font-style: italic;
	color: #7C848B;
	}
.teaserRight h1 {
	font-size: 15px;
	font-weight: normal;
	color: #BB0000;
	}
#feed ul{
	margin:0px; padding:0px;
}
#feed li {
	background:url(images/arrow.gif) no-repeat 0 13px; padding: 5px 0 0 10px; font-size: 11px; list-style-type: none;
}
.teaser p, .box p, .teaserRight p  {
	/*clear: both;*/
	padding: 10px 0 0 0;
	margin: 0;
	/*float: left;*/
	font-size: 12px;
	color: #000;
	line-height: 130%;
	}
.teaserRight p, .teaserRight a.rot  {
	font-size: 11px;
	}
.teaser p  {
	clear: none !important;
	}
.teaserRight img.left {
	float: left;
	margin: 0 10px 5px 0px;
	}
.teaser ul  { 
	padding: 15px 20px 0 0;
	margin: 0;
	float: left;
	width: 280px;
	}
.teaser ul li {
	padding: 0 0 20px 15px;
	margin: 0;
	float: left;
	clear: both;
	width: 270px;
	background: url(images/pfeil.gif) no-repeat 0 5px;
	position: relative;
	list-style-type: none;
	}
.teaserdiv  {
	clear: both;
	width: 100%;
	padding: 10px 0 0 0;
	margin: 0;
	float: left;
	font-size: 12px;
	color: #000;
	line-height: 130%;
	}
.teaserbild { 
	padding: 0 20px 0 0;
	margin: 0;
	width: 210px;
	float: left;
	text-align: right;
	}
/* Seiten Blättern Funktion */
.browse {
	text-align: center;
	color:#7C848B;
	}
.browse em {
	color: #000;
	font-style: normal;
	}
.browse strong {
	color: #000;
	font-style: normal;
	}
/* trennlinie lang, zwischen den teaser und unterhalb der Formulare*/
.trennlinie {
	/*background: url(images/trennlinie.jpg) no-repeat;
	background-position: bottom left;*/
	background: url(images/trennlinie_dot.gif) bottom left repeat-x;
	}
/* grosses bild im contentbereich */
.aufmacher {
	clear: both;
	padding: 0;
	margin: 0;
	float: left;
	}
/* bildboxen mit text - links und rechts im artikel */
.artikelbox {
	clear: both;
	padding: 20px 0 20px 0;
	margin: 0;
	float: left;
	width: 590px;
	font-size: 12px;
	}
.artikelbox p {
	padding: 0 0 0 0;
	width: 360px;
	margin: 0;
	float: left;
	font-size: 12px;
	color: #000;
	line-height: 130%;
	}
/* die klasse wird gebraucht für den abstand nach rechts wenn das bild im artikelteaser (teaserbox) links steht */
.abstandRechts {
	padding: 0 20px 0 0;
	}
/* bild links mit text rechts im rechten contentbereich */
.bildbox {
	clear: both;
	padding: 10px 0 0 0;
	margin: 0;
	float: left;
	font-size: 11px;
	color: #000;
	width: 210px;
	line-height: 130%;
	}
.bildbox p {
	padding: 0 0 0 15px;
	width: 115px;
	margin: 0;
	float: right;
	display: inline;
	font-size: 11px;
	color: #000;
	line-height: 130%;
	clear: none;
	}
.bildbox p.ap {
	padding-bottom: 9px;
	}
/* breite für .bildbox p */
.width  {
	width: 130px !important;
	padding: 0 0 0 0 !important;
	}
/* email in der classe ansprechpartner */
.email {
	clear: both;
	padding: 10px 0 0 0;
	margin: 0;
	float: left;
	font-size: 11px;
	color: #BB0000;
	line-height: 130%;
	}
/* macht schrift rot */
.read {
	color: #BB0000;
	}
.teaser .bild_quer {
	clear: both;
	padding: 30px 0 10px 0;
	margin: 0;
	float: left;
	}
.teaser p.kursiv, .box p.kursiv, .teaserRight p.kursiv  {
	font-style: italic;
	}
.teaserRight p  {
	padding: 5px 0 0 0;
	}
/* weiterführende links mit rotem pfeil */
.weiterelinks, .backlinks {
	clear: both;
	color: #BB0000;
	padding: 20px 0 0 35px;
	font-size: 12px;
	width: 160px;
	margin: 0;
	float: left;
	display: inline;
	background: url(images/pfeil.gif) no-repeat 20px 22px;
	position: relative;
	}
/* link im artikel */
.teaser .weiterelinks, .teaser .weiterelinks_right {
	clear: none;
	padding: 0 0 0 15px;
	background: url(images/pfeil.gif) no-repeat 0 2px;
	font-size: 12px;
	}
/* link im artikel rechts */
.teaser .weiterelinks_right {
	padding: 0 40px 0 15px;
	text-align: right;
	}
/* links im artikel */
.teaser .backlinks {
	width: 100px;
	padding: 5px 40px 0 15px;
	background: url(images/pfeil2.gif) no-repeat 0 8px;
	}
/* kontaktformular */
#content_var form, #content_var fieldset {
	padding: 0;
	margin: 10px 0 0 60px;
	border: 0;
	float: left;
	display: inline;
	width: 550px;
	}
#content_var fieldset {
	padding: 0;
	margin: 0;
	}
#content_var label {
	clear: both;
	padding: 10px 0 0 0;
	margin: 0;
	border: 0;
	float: left;
	display: block;
	width: 125px;
	}
#content_var input, #content_var textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0 2px 0 2px;
	margin: 10px 0 0 0;
	border: 0;
	float: left;
	width: 250px;
	display: inline;
	border: 1px solid #BB0000;
	}
/* div indem alle checkboxen sind */
#content_var form .checkbox {
	/*clear: both;*/
	padding: 20px 0 10px 0;
	margin: 0;
	border: 0;
	float: left;
	display: block;
	width: 470px;
	}
#content_var form .checkbox input {
	/*clear: both;*/
	padding: 0;
	width: 20px;
	margin: 0;
	border: 0;
	float: left;
	}
#content_var form .checkbox p {
	padding: 0 0 10px 10px;
	margin: 0;
	border: 0;
	float: left;
	/*width: 440px;*/
	width: 200px;
	}
#content_var form .button {
	/*clear: both;*/
	padding: 5px;
	margin: 20px 0 0 0;
	background: #BB0000;
	color: #fff;
	font-size: 12px;
	width: 100px;
	border: 0;
	float: left;
	display: inline;
	}
.fussnoteform {
	background: url(images/trennlinie.jpg) no-repeat;
	background-position: top left;
	margin-left: 65px;
	padding-top: 20px;
	color: #7C848B;
	}
/* ENDE kontaktformular */
/* ENDE content */
/* impressum, datenschutzbestimmungen, nutzungsbedingungen und copyright */
#claim {
	clear: both;
	width:  900px;
	height: 30px;
	padding: 14px 60px 0 60px;
	margin: 0;
	color: #E3B3B3;
	font-size: 11px;
	}