/****************************************************************************************************************style.csserstellt: 02.03.05Autor: Goran Stylesheet fuer Werbeagentur aufwind.geaendert: 07.04.05 SebastianGrund: ueberarbeitet*******************************************************************************************************************//*##################################################### Pseudo-Klassen & Redefinierung von HTML-Elementen######################################################*//* Allgemeine Angaben */html, body,p  { font-family: Verdana, Arial, Helvetica, SunSans-Regular; font-size: 100%; color: #4D4D4D; text-decoration: none; padding: 0; margin: 0; line-height: 150%}a, a:link, a:visited, a:hover, a:active, div, span,table, tbody, th, tr, td,ul, ol, li,h1, h2, h3, h4, h5, h6,form, input, select, option, optgroup, button, fieldset, textarea, label, legend{ font-family: Verdana, Arial, Helvetica, SunSans-Regular; font-size: 100%; color: #4D4D4D; text-decoration: none; padding: 0; margin: 0; line-height: 100%}html, body{ background: #FBF7E8; /*background: #CCCCCC;  fuer Testzwecke */}/* Links */a, a:link, a:visited, a:hover, a:active{ color: #4D4D4D;}a:hover{ color: #B30000; text-decoration: none; text-decoration: underline;}/* Formular-Elemente *//* siehe weiter unten *//* Block- und Inline-Elemente */p{ font-size: 0.7em; margin: 5px 0px;}td, label, legend{ font-size: 0.7em; line-height: 130%;}td td,p label{ font-size: 1em;}/* Ueberschriften */h1{ font-size: 1.0em; color: #4D4D4D; font-weight: bold; margin-bottom: 10px;}h2{ font-size: 0.9em; color: #4D4D4D; font-weight: bold; margin-top: 15px; margin-bottom: 10px;}/* wird bei News verwendet */h3{ font-size: 0.85em; font-weight: bold; margin-bottom: 10px;}/* wird bei News verwendet */h4{ font-size: 0.8em; font-weight: bold; background: #CCC;}h5{ font-size: 0.8em; font-weight: bold; margin-top: 20px; margin-bottom: 5px;}h6{ font-size: 0.75em; font-weight: bold; border-bottom: 1px solid #666; margin-top: 15px; margin-bottom: 2px;}/* Bild-Definitionen */img{ border: none; white-space: nowrap;}ul{ list-style-type: square; padding: 10px 5px 5px 5px;}ul li{ font-size: 0.7em; line-height: 100%; margin: 0px 0px 2px 15px;}hr{ border: 1px solid #000; width: 100%; height: 1px; margin: 5px 0px;}.leftcheck { text-align: left; float: left; margin-left: 132px;}/*------------- Ende Pseudo-Klassen & Redefinierung von HTML-Elementen ------------- *//*################################################# CSS-Klassen bezogen auf die div-Bloecke#################################################*//* Seite zentriert ausrichten */#center{ border: 1px solid #ccc; width: 778px; padding: 0; background: #EDE4C2; margin: 0px auto 0px auto;}/* --------------- Oben: Links und Suchfeld --------------- */#top{ /* BG = dynamisch direkt im Rahmen-Template */ height: 185px;}#over{ /* BG = dynamisch direkt im Rahmen-Template */ width: 778px;}.right{ font-size: 85%; text-align: left; height: 185px; width: 620px; float: right; margin: 0px;}/*.right a img{ margin-top: 5px; margin-right: 5px;}*/.left{ float: left; margin: 0px; height: 185px;}.sitenavi,.sitenavi2{ font-size: 0.6em; color: #FFF; text-align: left; height: 15px; padding: 0px 3px 2px 0px; margin: 0;}.sitenavi2{ font-size: 1em; margin-left: 90px;}.sitenavi a,.sitenavi a:link,.sitenavi a:visited,.sitenavi a:hover,.sitenavi a.active{ font-size: 1.05em; color: #FFF; text-decoration: none; margin: 0px 5px;}/*------------- Ende Oben: Links und Suchfeld ------------- *//* ------------- Hauptnavigation ------------- *//* Block mit den Navigationselementen */#naviH{ font-size: 0.7em; color: #333333; background-color: #EADC9C; height: 15px; margin-top: 150px; padding-top: 3px; border: 1px solid #F6EFDA;}#naviH a,#naviH a:link,#naviH a:visited,#naviH a.active{ font-size: 1.05em; color: #333333; height: 15px; text-decoration: none; padding: 1px 10px;}#naviH a:hover{ color: #333333; background-color: #F6EFDA; height: 15px; padding-bottom: 2px;}#naviH a.akt,#naviH a:link.akt,#naviH a:visited.akt,#naviH a:hover.akt,#naviH a.active.akt{ color: #333333; background-color: #F6EFDA;}/* Formatierung der Links in der Aufklappnavi */.linkmenu td{	font-size: 1.0em;	width: 150px;	padding: 0px;	margin: 0px;	background: #F6EFDA;}.linkmenu a,.linkmenu a:link,.linkmenu a:visited,.linkmenu a:hover,.linkmenu a:active{ font-size: 0.7em; color: #4D4D4D; text-decoration: none; background: #F6EFDA; border-top: 1px solid #FFF; display: block; padding: 2px 5px 2px 11px; margin: 0;}.linkmenu a:hover{ color: #4D4D4D; background: #EADC9C;}/*------------- Ende Hauptnavigation ------------- *//* ------------ Content-Bereich ------------ */#contentarea{ width: 100%;}/* ------------ Content-Bereich: Subnavigation ------------ */#subnavi{ background: #B30000; width: 158px; height: 500px; float: left;}#subnavi2{ background: #F5ECD1; width: 150px; height: 500px; float: left;}#subnavi h1{ font-size: 0.7em; font-weight: bold; color: #4D4D4D; background: #EADC9C; padding: 3px 3px 3px 10px; border-bottom: 1px solid #B30000; margin: 0;}/* Subnavigation Ebene 1 */#subnavi ul{ list-style-type: none; padding: 0; margin: 0;}#subnavi ul li{ border-bottom: 1px solid #4D4D4D; margin: 0;}#subnavi ul li a,#subnavi ul li a:link,#subnavi ul li a:visited,#subnavi ul li a:hover,#subnavi ul li a:active{ color: #000; text-decoration: none; background: #F5ECD1; line-height: 100%; display: block; padding: 4px 3px 4px 11px;}#subnavi ul li a:hover{ color: #FFF; background: #B30000;}/* aktive Links in der Subnavigation erhalten diese Klasse */#subnavi a.akt,#subnavi a:link.akt,#subnavi a:visited.akt,#subnavi a:hover.akt,#subnavi a:active.akt{ padding-left: 11px; color: #FFF; background: #B30000;}#subnavi a:hover.akt{}/* Subnavigation Ebene 2 */#subnavi ul.under{}#subnavi ul.under li{ border: none; border-top: 1px solid #4D4D4D;}#subnavi ul.under li a,#subnavi ul.under li a:link,#subnavi ul.under li a:visited,#subnavi ul.under li a:hover,#subnavi ul.under li a:active{ font-size: 1.4em; color: #666; background: #E7F995; display: block; padding: 4px 3px 4px 21px;}#subnavi ul.under li a:hover{ color: #FFF; background: #B30000;}#subnavi ul.under li a.akt,#subnavi ul.under li a:link.akt,#subnavi ul.under li a:visited.akt,#subnavi ul.under li a:hover.akt,#subnavi ul.under li a:active.akt{ padding-left: 21px; color: #FFF; background: #B30000;}/* Subnavigation Ebene 3 */#subnavi ul.under2{ padding-bottom: 4px;}#subnavi ul.under2 li{ border: none;}#subnavi ul.under2 li a,#subnavi ul.under2 li a:link,#subnavi ul.under2 li a:visited,#subnavi ul.under2 li a:hover,#subnavi ul.under2 li a:active{ font-size: 1.9em; padding: 2px 3px 4px 31px;}#subnavi ul.under2 li a:hover{}#subnavi ul.under2 li a.akt,#subnavi ul.under2 li a:link.akt,#subnavi ul.under2 li a:visited.akt,#subnavi ul.under2 li a:hover.akt,#subnavi ul.under2 li a:active.akt{ padding-left: 23px;}/*------------- Ende Content-Bereich: Subnavigation ------------- *//* ------------ Content-Bereich: Inhalte ------------ *//* mit Zusatzinfos auf der rechten Seite */#content{ background: #EDE4C2; float: left; width: 420px; padding: 15px;}/* ohne Zusatzinfos auf der rechten Seite */#content2{ background: #EDE4C2; float: left; width: 590px; padding: 15px;}/* Startseite */#content3{ background: #EDE4C2; float: left; width: 577px; padding: 15px; padding-bottom: 20px;}/* nur fuer die Druckversionen! */#content4{ width: 500px; padding: 0px 15px 15px 15px;}.nofloat{ clear: both;}/*################################################# Contentmaker: Link, Download, Bild#################################################*//* Contentmaker: Link */.link{	background: #D9EF74;	border: 1px solid #4D4D4D;	padding: 0px;	margin: 5px 10px 10px auto;}.link h1 {	color: #000;	font-weight: bold;	padding: 0px;	margin: 0px;	font-size: 0.8em;}.link img{	vertical-align: middle;	margin-left: 5px;}.link div{	margin-right: 2px;	/*border-right: 1px solid #4D4D4D; 	border-bottom: 1px solid #4D4D4D;*/}.link div img{	margin-left: 0px;}.link a,.link a:link,.link a:visited,.link a:hover{	text-decoration: none;	color: #000;	font-size: 0.7em;	margin: 5px;}.link a:hover{	color: #4D4D4D;}.link div a,.link div a:link,.link div a:visited,.link div a:hover{	background: none;	margin: 0px;}.link p{	padding: 5px;	margin: 0px;}/* Contentmaker: Download */.download{	background: #D9EF74;	/*border: 1px solid #7F7F7F;*/	padding: 5px;	margin: 5px 0px 10px 0px;}.download h1 {	color: #000;	font-weight: bold;	padding: 0px;	margin: 0px;	font-size: 0.8em;}.download img{	vertical-align: middle;	margin-left: 5px;}.download div{	margin-right: 2px;	/*border-right: 1px solid #4D4D4D;	border-bottom: 1px solid #4D4D4D;*/}.download div img{	margin-left: 0px;}.download a,.download a:link,.download a:visited,.download a:hover{	text-decoration: none;	color: #000;	font-size: 0.7em;	margin: 5px;}.download a:hover{	color: #4D4D4D;}.download div a,.download div a:link,.download div a:visited,.download div a:hover{	background: none;	margin: 0px;}.download p{	padding: 5px;	margin: 0px;}.download span{	font-weight: normal;}/* Contentmaker: Bild */.image{  padding: 0;  margin: 0;  margin-top: 15px;}.image h1{ font-size: 0.9em; color: #4D4D4D; font-weight: bold; margin-bottom: 10px;}.image div{ font-size: 0.7em;}/* Ende Contentmaker: Link, Download, Bild *//*################################################# Contentmaker: Bild und Text#################################################*//*Startseite Bild rechts im Text*/.home_ti_float_right {   float: right;   margin-left: 3px;   margin-bottom: 10px;   font-size: 0.7em;   font-weight: normal;}.home_ti_float_right img {  border: 1px solid #4D4D4D;}.home_ti_float_right_text {  font-size: 0.65em;  font-weight: normal;  margin-left: 5px;  margin-bottom: 20px;}/*Startseite Bild links im Text*/.home_ti_float_left {   float: left;   margin-left: 5px;   margin-bottom: 20px;   margin-right: 5px;   font-size: 0.7em;   font-weight: normal;}.home_ti_float_left  img {  border: 1px solid #4D4D4D;}.home_ti_float_left_text {  font-size: 0.65em;  font-weight: normal;  margin-left: 5px;  margin-bottom: 20px;}/*Bild rechts im Text*/.image_float_right {   border: 1px solid #B30000;   background: #B30000;   float: right;   font-size: 0.6em;   font-weight: bold;   color: #FFF;   margin-left: 10px;   margin-bottom: 5px;}.image_float_right img {  margin-bottom: 1px;}.image_float_right_text {  font-size: 0.75em;  line-height: 155%;  font-weight: normal;}.image_float_right_text h1 {  font-size: 1.5em;  font-weight: bold;  color: #4D4D4D;}.image_float_right_text div{  line-height: 155%;  }/*Bild links im Text*/.image_float_left {   border: 1px solid #B30000;   background: #B30000;   float: left;   font-size: 0.75em;   font-weight: bold;   color: #FFF;   margin-right: 10px;   margin-bottom: 5px;}.image_float_left img {  margin-bottom: 1px;}.image_float_left_text {  font-size: 0.75em;  line-height: 155%;  font-weight: normal;}.image_float_left_text h1 {  font-size: 1.5em;  font-weight: bold;  color: #4D4D4D;}.image_float_left_text div{  line-height: 155%;  }/*Bild rechts im Text, Hintergrund gr�n*/.image_float_right_bg_green {   border: 1px solid #B30000;   background: #B30000;   float: right;   font-size: 0.75em;   font-weight: bold;   color: #FFF;   margin-left: 5px;   margin-bottom: 5px;}.image_float_right_bg_green img{  margin-bottom: 1px;}.image_float_right_bg_green_text {  border: 1px solid #B30000;  background: #B30000;  font-size: 0.75em;  font-weight: normal;  padding: 5px;  margin-bottom: 10px;}.image_float_right_bg_green_text h1 {  font-size: 1em;  font-weight: bold;  color: #000;  margin-bottom: 5px;}/*Bild links im Text, Hintergrund gr�n*/.image_float_left_bg_green {   border: 1px solid #B30000;   background: #B30000;   float: left;   font-size: 0.6em;   font-weight: bold;   color: #FFF;   margin-right: 10px;   margin-bottom: 5px;}.image_float_left_bg_green img{  margin-bottom: 1px;}.image_float_left_bg_green_text {  border: 1px solid #B30000;  background: #B30000;  font-size: 0.7em;  font-weight: normal;  padding: 5px;  margin-bottom: 10px;}.image_float_left_bg_green_text h1 {  font-size: 1em;  font-weight: bold;  color: #000;  margin-bottom: 5px;}/*Standardvorlage f�r die rechte Spalte*/.standard_assetspalte{  font-size: 0.7em;  font-weight: normal;  color: #000;}/* Ende Contentmaker: Bild und Text*//* ------------ Ende Content-Bereich: Inhalte ------------ *//* ------------ Content-Bereich: Zusatzinformationen (Rechte Spalte) ------------ *//* Dieser div sorgt fuer den Rahmen */#custom{ background: #F5EED6; float: right; width: 170px;}#customstart{ background: #F5EED6; float: right; width: 170px;}/* Definition von Teaserboxen auf der rechten Seite */.box{ color: #FFF; clear: both; margin: 0;}.box h1{ font-size: 0.7em; font-weight: bold; color: #4D4D4D; text-transform: uppercase; letter-spacing: 2px; background: #EADC9C; border-bottom: 1px solid #B30000; padding: 3px 5px; margin: 0;}.box h2{ font-size: 0.6em; font-weight: bold; color: #000; padding: 3px 10px; margin: 0;}.box p{ margin: 5px 10px 15px 10px;}.box div.image{  padding: 0;  margin: 0;  font-size: 0.7em;  border: none;}.box div.image h1{ font-size: 1.0em; font-weight: bold; color: #4D4D4D; text-transform: uppercase; letter-spacing: 2px; background: #EADC9C; border-bottom: 1px solid #B30000; padding: 3px 5px; margin: 0;}.box div.image div{ font-size: 0.9em; color: #FFF; font-weight: bold; background-color: #B30000; padding: 3px; margin: 0;}.box div{ font-size: 0.7em; color: #4D4D4D; margin: 5px 5px 0px 5px; line-height: 110%;}.box a,.box a:link,.box a:visited{  color: #000;}.box a:hover{  color: #4D4D4D;}.box ul{ /*border-bottom: 1px solid #AAA;*/ list-style-type: none; padding: 5px; margin: 0;}.box ul li{ margin: 0;}.box ul li a,.box ul li a:link,.box ul li a:visited,.box ul li a:hover,.box ul li a:active{ font-size: 0.9em; text-decoration: none; color: #000;}.box ul li a:hover{ text-decoration: underline;}.box ul li img{ vertical-align: middle; text-align: center;}/* Teaser: Linkliste */.box ul.assetlink{  clear:both;  /* siehe normale ul */}.box ul.assetlink img {	margin-right: 5px;	text-align: center;}/* Teaser: Einzeiler */.box ul.ulist{ border: none; list-style-type: square; padding: 0; margin-left: 35px;}.box ul.ulist li{ padding: 4px 5px; margin: 0;}/* Kalender */.box table { width: 140px; margin: 2px; text-align: center; vertical-align: middle; font-size: 0.75em;}.box table td { padding: 3px; color: #000; background-color: #CCC;}.box table td a { 	background-color: #B30000; 	color: #FFF; 	text-decoration: none; 	display: block;}.box table td.month {	color: #000;	background-color: #B30000;	font-size: 1em;}.box table td.month a {	color: #000;	background-color: #B30000;	display: inline;}.box table td.week { padding: 3px; color: #FFF; background-color: #4D4D4D;}.box table td.today { padding: 3px; color: #B30000; background-color: #CCC;}.box table td.today a{  text-decoration: none;  background-color: #B30000;  color: #FFF;}/* Ende Kalender *//* Bildergalerie*/.gallery{ color: #FFF; margin: 0px; margin-right: 30px; margin-bottom: 20px; float: left; width: 152px;}.gallery h1{ font-size: 0.7em; font-weight: bold; color: #FFF; background: #B30000; padding: 3px 10px; margin: 0px;}.gallery div{ border: 1px solid #B30000; border-top: none; font-size: 0.7em; color: #000; padding: 3px;}.gallery div.image{	margin: 0px;	text-align: center;	font-size: 0.7em; 	color: #000; 	background: #B30000; 	padding: 0px;}.gallery div.headline{	text-align: center;	font-size: 0.7em; 	color: #000; 	background: #CCC; 	padding: 3px 10px; 	margin: 0px;}/*Bildergalerie Ausgabe*/.showgallery{	margin: 0px;	padding: 0px;}.showgallery h1{ font-size: 0.7em; font-weight: bold; text-align: center; color: #FFF; background: #B30000; padding: 3px 10px; margin: 0;}.showgallery_thumb{	width: 276px;	height: 450px;	margin: 0px;	padding: 0px;	float: left;	border-right: 1px solid #B30000;}.showgallery_thumb div{	width: 80px;	height: 80px;	margin: 5px;	text-align: center;	vertical-align: middle;	float: left;	font-size: 0.7em; 	color: #B30000; 	font-weight: bold;}.showgallery_thumb div.showgallery_center{	padding-top: 10px;	height: 40px;}.showgallery_thumb div.showgallery_left{	padding-top: 10px;	height: 40px;	text-align: left;}.showgallery_thumb div.showgallery_right{	padding-top: 10px;	height: 40px;	text-align: right;}.showgallery_image{	width: 420px;	margin: 0px;	padding: 15px 0px;	float: right;}.showgallery_image div{	font-size: 0.7em; 	color: #000; 	padding: 3px;}/* ------------ Ende Content-Bereich: Zusatzinformationen (Rechte Spalte) ------------ *//*################################################# CSS-Klassen fuer Formulare#################################################*/form{ line-height: 190%;}form br{ clear: both;}fieldset{ background: none; padding: 10px;}legend{ border: none; background: none;}label.leftb,label.leftr{ font-weight: bold; float: left; text-align: right; width: 12em; margin-right: .8em;}/* error-Klasse */label.leftr{ color: #FF0000;}input,select,textarea{ font-size: 0.7em; color: #666; background: #FFF; border: 1px solid #666; float: left; padding: 2px; margin-top: 5px;}select{ padding: 0;}optgroup, option{ font-size: 1em; line-height: 100%;}input:focus,textarea:focus{ background: #FFFAE4;}label,select,input[type=checkbox],input[type=radio],input[type=button],input[type=submit]{ cursor: pointer;}textarea{ width: 50%; margin-bottom: 10px;}/* Buttons beim Kontaktformular */.submitbuttons{ margin-left: 8.8em;}.submitbuttons p { margin:0;}.submitbuttons button{ font-size: 0.7em; font-weight: bold; color: #FFF; background: #4D4D4D; line-height: 100%; margin-right: 5px;}/* Formular bei der Suche */form.suche input{ font-size: 0.9em; padding: 2px; margin-left: 2px;}form.suche button{ line-height: 100%; margin-top: 5px;}/*################################################# CSS-Klassen fuer News#################################################*/.newsblock{ border: 1px solid #B30000; margin-bottom: 10px; position: relative;}.newsblock h1{ font-weight: bold; font-size: 0.7em; color: #FFF; background: #B30000; padding: 3px; margin:0px;}.newsblock span { float: left; margin-right: 3px; border-right: 1px solid #B30000; border-bottom: 1px solid #B30000; position: relative;}.newsblock p { padding: 5px; line-height: 150%;}.anreiser{ margin: 0;}/* Ende News *//*################################################# CSS-Klassen fuer die Sitemap#################################################*/.sitemap td{	padding: 15px 10px;}.sitemap td.separator{	background-color: #666;	padding: 0;}a.sitemap1,a:link.sitemap1,a:visited.sitemap1,a:hover.sitemap1,a:active.sitemap1{ font-size: 0.85em; font-weight: bold; color: #3A3A3A; text-decoration: none; line-height: 160%;}a.sitemap2,a:link.sitemap2,a:visited.sitemap2,a:hover.sitemap2,a:active.sitemap2,a.sitemap3,a:link.sitemap3,a:visited.sitemap3,a:hover.sitemap3,a:active.sitemap3,a.sitemap4,a:link.sitemap4,a:visited.sitemap4,a:hover.sitemap4,a:active.sitemap4{ font-size: 0.85em; color: #3A3A3A; text-decoration: none; line-height: 160%;}a:hover.sitemap1,a:hover.sitemap2,a:hover.sitemap3,a:hover.sitemap4{ text-decoration: underline;}/* Ende Sitemap-Klassen *//*################################################# CSS-Klassen fuer die Barriere-Freiheit#################################################*/.unsichtbar{ position: absolute; left: -2000px; /* Schiebt die "unsichtbaren" Hilfen aus dem Viewport, dadurch lassen sich uebereifrige Screenreader, die ausgerechnet "display: none" akustisch auswerten, taeuschen, und lesen die so versteckten Hilfen dennoch vor. */}/*################################################# Universelle CSS-Klassen fuer die Formatierung#################################################*//* Startseite Aktuelles */.home_nachrichten{	float: right;	width: 170px;	padding: 0px;}/* Ende Startseite Aktuelles *//* News Startseite */.newsblock_start{ margin-bottom: 10px; margin: 0px; position: relative; width: 170px; background-color: #F5EED6;}.newsblock_start h1{ font-weight: bold; background-color: #EADC9C; font-size: 0.7em; text-transform: uppercase; letter-spacing: 2px; color: #4D4D4D; border-bottom: 1px solid #B30000; padding: 3px 5px; margin:0px;}.newsblock_start span { float: left; margin-right: 3px; position: relative;}.newsblock_start p { padding: 2px 0px 5px 5px;}/* Ende News Startseite *//*########################################################### Die floatleft/-right Definitionen werden im WYSIWYG-Editor HTMLArea fuer die Bildausrichtung benoetigt!! Die weiteren Klassen stellen die moeglichen <span>-Zuweisungen dar.###########################################################*//* Bildausrichtung per Button */#floatimageleft{ font-size: 0.7em; float: left; margin: 0px 5px 10px 0px;}#floatimageleft img{ border: none;}#floatimageright{ font-size: 0.7em; text-align: right; float: right; margin: 0px 0px 10px 5px;}#floatimageright img{ border: none;}.red{ color: #FF0000;}/* alt:/* Teaser: Bildbox mit Link.box p.imagebox{ text-align: center; background: #F5EED6; margin: 0;}.box p.imagebox a,.box p.imagebox a:link,.box p.imagebox a:visited,.box p.imagebox a:hover,.box p.imagebox a:active{ font-size: 0.9em; text-decoration: none; text-transform: uppercase; line-height: 180%; vertical-align: middle;}.textb{ font-weight: bold;}.texti{ font-style: italic;}.text_rot{ color: #E43106;}*/