/* !!! Es muss beachtet werden, dass alle DIVs im screen.css generell auf clear: both gesetzt sind !!!! */
/* Style für Hintergrundbilder bei Downloads generell über alle Parts*/
div#content div#inhalt a.pdf{ padding: 3px 0 3px 20px; background: url(../img/pdf.gif) no-repeat; }
div#content div#inhalt a.doc{ padding: 3px 0 3px 20px; background: url(../img/doc.gif) no-repeat; }
div#content div#inhalt a.ppt{ padding: 3px 0 3px 20px; background: url(../img/ppt.gif) no-repeat; }
div#content div#inhalt a.xls{ padding: 3px 0 3px 20px; background: url(../img/xls.gif) no-repeat; }
/* Style Grundlagen */
div.part_basic img{ float: right; margin-left: 15px; }
div.part_basic span{ float: right; margin: 0 0 5px 15px; clear: both; text-align: right; display: block; width: 200px; }
/* Style Part Bildliste */
div#content div#inhalt div.part_bilderliste{ clear: both; }
div#content div#inhalt div.part_bilderliste ul{ list-style: none; margin: 0 0 0 0; padding: 0; }
div#content div#inhalt div.part_bilderliste ul li{ float: left; margin: 0 15px 0 0; }
div#content div#inhalt div.part_bilderliste ul li img{ margin: 0; padding: 0; display: block; }
div#content div#inhalt div.part_bilderliste ul li span{ padding: 0; margin: 0; color: #000; display: block; margin-bottom: 5px; width: 200px;}
/* Style Part BildGross */
div#content div#inhalt div.part_bildgross{ margin-bottom: 20px; display: block; }
div#content div#inhalt div.part_bildgross span{ float: left; margin: 0 15px 5px 0; clear: left; display: block; width: 640px; }

/* Style Part BildText */
div#content div#inhalt div.part_bildtext{ float: none; }
div#content div#inhalt div.part_bildtext img{ float: right; margin-left: 10px; }
div#content div#inhalt div.part_bildtext span{ float: right; margin: 3px 0 5px 15px; clear: both; display: block; width: 200px; text-align: right;}


/* Style Part BildText Liste - unterschied zu Texte mit Bildern ist, dass hier der Text nicht um die Bilder floaten */
div#content div#inhalt div.part_bildtextliste{ float: none; }
div#content div#inhalt div.part_bildtextliste img{ float: left; margin: 0 15px 0 0; }
div#content div#inhalt div.part_bildtextliste div.bild{ clear: none; float: left; margin: 0; }
div#content div#inhalt div.part_bildtextliste div.inhalt{ clear: none; float: left; padding: 0; margin: 0; width: 415px; }
div#content div#inhalt div.part_bildtextliste span{ float: left; margin: 0 15px 5px 0; clear: left; display: block; width: 200px; }
div#content div#inhalt div.part_bildtextliste hr{ margin: 0; padding: 0; border: 0; border-top: 1px dashed #B5C0C7; height: 1px; }
/* Style Part Downloads */
div#content div#inhalt div.part_downloads ul { list-style: none; border-top: 1px dashed #B5C0C7; margin-left: 0px; width: 350px; padding: 0px; }
div#content div#inhalt div.part_downloads ul li { border-bottom: 1px dashed #B5C0C7; padding: 5px 0px 5px 2px; }
div#content div#inhalt div.part_downloads ul li a{	display: block;}
/* ===== Style Part Links ===== */
div#content div#inhalt div.part_links div.bereiche{ float: left; width: 200px; clear: none; margin: 0 15px 0 0; }
div#content div#inhalt div.part_links div.bereiche ul{ border-top: 1px dashed #B5C0C7; list-style: none; margin: 0; padding: 0; display: block; }
div#content div#inhalt div.part_links div.bereiche ul li{ border-bottom: 1px dashed #B5C0C7; display: block; margin: 0; padding: 0; width: 200px; }
div#content div#inhalt div.part_links div.bereiche ul li a{ display: block; margin: 0; padding: 5px 0px 5px 2px; }
div#content div#inhalt div.part_links div.bereiche ul li a:hover{ background: #EAEEF1; }
/* Style Part BildText */
div#content div#inhalt div.part_news h3{ padding: 0; margin: 25px 0 0 0; }
div#content div#inhalt div.part_news p{ padding: 0; margin: 3px 0 3px 0; }
div#content div#inhalt div.part_news ul { list-style: none; margin: 0; padding: 0; }
div#content div#inhalt div.part_news ul li{ border-bottom: 1px dashed #CCCCCC; margin: 5px 0 5px 0; padding: 0; }
div#content div#inhalt div.part_news ul li a{ display: block; margin: 5px 0 0 0; }
div#content div#inhalt div.part_news_detail{ margin: 5px 0 5px 0; }
div#content div#inhalt div.part_news_detail a {margin: 5px 0 0 0; float: none;}
div#content div#inhalt div.part_news_detail a.doc {display: block; padding-bottom: 15px;}
div#content div#inhalt div.part_news_detail h3{ margin: 0 0 10px 0; }
div#content div#inhalt div.part_news_detail p { padding: 5px 0 0 0; margin: 0; display:block; }
div#content div#inhalt div.part_news_detail ul { display:block; float: none; list-style: disc;}
div#content div#inhalt div.part_news_detail ul li { float: none;}
div#content div#inhalt div.part_news_detail img{ float: right; margin-left: 15px; }
div#content div#inhalt div.part_news_detail span{ float: right; margin: 0 0 5px 15px; clear: both; text-align: right; display: block; width: 200px;}
div#content div#inhalt div.part_news_detail a.zuruecklink {
	display: block;
	margin-top: 20px;
}


/* Style Part Oeffnungszeiten */
div#content div#inhalt div.part_oeffnungszeiten table{ padding: 0px; margin: 0px; }
div#content div#inhalt div.part_oeffnungszeiten table tr td{ background-color: #FDECD4; vertical-align: top; border-bottom: 1px solid white; /*padding: 5px 20px 5px 20px;*/ border-right: 1px dashed white; padding: 10px 20px 10px 20px; height: 10px; }
/* Style Part Tabellen */
div.part_tabelle table{ padding: 0px; margin: 0px 0 10px 0; }
div.part_tabelle table tr td{ background-color: #FDECD4; vertical-align: top; border-bottom: 1px solid #B5C0C7; padding: 5px; border-right: 1px dashed white; }
div.part_tabelle table tr.zeile0 td { font-weight: bold; }
div.part_tabelle table tr td span {
	font-weight: normal;
}
/* Style Part Team */
div#content div#inhalt div.part_team{ }
div#content div#inhalt div.part_team ul{ margin: 0; padding: 0; list-style: none; }
div#content div#inhalt div.part_team ul li{ display: block; margin: 0 0 15px 0; padding: 0px; width: 320px; height: 220px; float: left; }
div#content div#inhalt div.part_team ul li img{ margin: 0 15px 0 0; padding: 0 0 20px 0; display: block; float: left;  }
div#content div#inhalt div.part_team ul li h3{ margin: 0px; padding: 0px 10px 0 0; display: block; }
div#content div#inhalt div.part_team ul li p{ padding: 0px 10px 0 0; margin: 0px; }
div#content div#inhalt div.part_team ul li a{ margin-top: 12px; display: block; }
/* Style Part Wettbewerb */
div#content div#inhalt div.part_wettbewerb{ }
div#content div#inhalt div.part_wettbewerb img{ float: left; margin-right: 15px; }
div#content div#inhalt div.part_wettbewerb span{ float: left; margin: 0 15px 5px 0; clear: left; display: block; width: 200px; }
/* Style Part Sitemap */
div#content div#inhalt div.part_sitemap { }
div#content div#inhalt div.part_sitemap ul{ list-style: none; margin: 0px; padding: 0px; }
div#content div#inhalt div.part_sitemap ul li{ padding: 0 0 0 5px; margin: 0px; }
div#content div#inhalt div.part_sitemap ul li a{ margin: 0; padding: 0; display: block; }
div#content div#inhalt div.part_sitemap ul li ul{ margin: 0 0 10px 0; padding: 0; }
div#content div#inhalt div.part_sitemap ul li ul li{ margin: 0; float: none; padding: 0 0 0 20px; border: 0px; }
div#content div#inhalt div.part_sitemap ul li ul li a{ margin: 0; padding: 0; display: inline; }
/* ==== Definitionen FORM Standardformular ==== */
div#content div#inhalt form{ display: block; margin: 0 0 10px 0; }
div#content div#inhalt form input{ margin: 10px 0 0 125px; border: 1px solid #999999; background: #FFFFFF; }
div#content div#inhalt form ul{ list-style: none; margin: 0; padding: 0; }
div#content div#inhalt form ul li{ margin: 5px 0 5px 0; padding: 0; clear: left; }
div#content div#inhalt form ul li label{ display: block; width: 120px; float: left; clear: left; }
div#content div#inhalt form ul li input{ width: 150px; height: 15px; background: #FFFFFF; border: 1px solid #999999; margin: 0 5px 0 0; }
div#content div#inhalt form ul li span.mandatoryField{ color: Red; }
div#content div#inhalt form ul li textarea{ width: 250px; height: 100px; background: #FFFFFF; border: 1px solid #999999; margin: 0 5px 0 0; }
div#content div#inhalt form ul li fieldset{ width: 400px; margin: 0; padding: 0; border: none; }
div#content div#inhalt form ul li fieldset legend{ display: none; }
div#content div#inhalt form ul li fieldset ul{ margin: 0; padding: 0; }
div#content div#inhalt form ul li fieldset ul li{ display: block; margin: 3px 0 3px 0; clear: left; }
div#content div#inhalt form ul li fieldset ul li input{ border: 0; width: 20px; float: none; display: inline; }
div#content div#inhalt form ul li fieldset ul li label{ width: 340px; margin: 0; float: none; display: inline; }
div#content div#inhalt form ul li table.radiobutton { float: left; }
div#content div#inhalt form ul li table.radiobutton input { border: none; margin: -5px 5px 0 0; width: 15px; display: inline; }
div#content div#inhalt form ul li table.radiobutton label { display: inline; float: none; }
div#content div#inhalt form ul li table.radiobutton td { }
div#content div#inhalt form table { border: 0px; }
div#content div#inhalt form table tr { border: 0px; margin: 0; }
div#content div#inhalt form table tr td { border: 0px; margin: 0px; padding: 0 10px 0 0; }
div#content div#inhalt form table tr th { border: 0px; margin: 0; padding: 0; text-align: left; }
div#content div#inhalt form table tr td input { margin: 0px; padding: 0px; width: 450px; }
div#content div#inhalt form table tr td input.anzahl { margin: 0; padding: 0px; width: 100px; }
div#content div#inhalt form p.Message{ padding: 5px; border: 1px solid #E26610; background: #FDECD4; }

/* Radiobutton horizontal*/
div#content div#inhalt ul li span.RadioButton {float: left; width: auto; display: block; margin-right: 10px;}
div#content div#inhalt ul li span.RadioButton input{border: none; width: auto; float: none; display: inline;}
div#content div#inhalt ul li span.RadioButton label{width: auto; float: none; display: inline; }

/* Radiobutton vertikal*/
div#content div#inhalt ul li ol.RadioButton {list-style: none; margin-left: 117px; padding: 0px;}
div#content div#inhalt ul li ol.RadioButton li {width: auto; display: block; margin-right: 10px;}
div#content div#inhalt ul li ol.RadioButton li input {border: none; width: auto; float: none; display: inline;}
div#content div#inhalt ul li ol.RadioButton li label{width: auto; float: none; display: inline; }

/* CheckBox Auflistung */
div#content div#inhalt form ul li ol.CheckBox { list-style: none; margin: 3px 0 0 0; padding: 0; width: 400px; float: left; }
div#content div#inhalt form ul li ol.CheckBox li { margin: 0; padding: 0; width: 400px; }
div#content div#inhalt form ul li ol.CheckBox li input { width: 15px; height: 15px; border: 0; margin: 0 5px 0 0; float: none; display:inline; }
div#content div#inhalt form ul li ol.CheckBox li label { width: 300px;  float: none; display:inline; }

/* Boxen auf der Startseite */
div#content div#inhalt div.box { background: url(../img/back_boxklein_content.jpg) repeat-y; width: 213px; float: left; padding-right: 3px; height: 268px; overflow: hidden; position: relative; z-index: 0; clear: none; }
div#content div#inhalt div.box h2{ background: url(../img/back_boxklein_oben.jpg); height: 25px; font-size: 12px; margin: 0; padding: 5px  0 0 20px; color: #39576C; }
div#content div#inhalt div.box p{ padding: 10px 0 5px 15px; font-size: 10px; width: 190px; color: #39576C; float: left; }
div#content div#inhalt div.box img{ float: left; margin: 0 5px 0 0; }
div#content div#inhalt div.box ul{ padding: 0 15px 0 15px; margin: 0; }
div#content div#inhalt div.box li{ margin: 0; padding: 0; list-style: none; font-size: 10px; }
div#content div#inhalt div.box iframe{ margin: 0 0 0 15px; padding: 0; }
div#content div#inhalt div.box iframe.wetter{ margin: 0; padding: 0; }
div#content div#inhalt div.box img.topangebot{ margin: 0 0 0 7px; padding: 0; }
div#content div#inhalt div.box a.abschlusslink{ background: url(../img/back_boxklein_unten.jpg) no-repeat left; display: block; height: 29px; color: #39576C; padding-left: 20px; padding-top: 10px; text-decoration: none; clear: both; position: absolute; top: 230px; left: 0; width: 200px; }
/* Blackboard Output */
div#content div#inhalt div.part_blackboardout h3{ margin: 0 0 5px 0; }
div#content div#inhalt div.part_blackboardout table { width: 650px; border-bottom: 1px solid #FDECD4; margin-bottom: 20px; }
div#content div#inhalt div.part_blackboardout table h2{ margin: 0; padding: 0; }
div#content div#inhalt div.part_blackboardout table tr td{ padding: 0; vertical-align: top;}
div#content div#inhalt div.part_blackboardout table tr td p {margin: 10px 0 5px 0;}
div#content div#inhalt div.part_blackboardout table tr td span{clear: both; font-weight: bold; }
div#content div#inhalt div.part_blackboardout table tr td.contact{ padding: 0; vertical-align: bottom; font-weight: bold; margin: 0; }
/* div#content div#inhalt div.part_blackboardout table tr td a{ clear: both; display: block; } */
div#content div#inhalt div.part_blackboardout img {display: block; margin: 10px 10px 0px 0px; float: left; padding-bottom: 10px;}


/* Eventkalender Output */
div#content div#inhalt div.part_eventout{ }
div#content div#inhalt div.part_eventout h3{ margin: 0 0 5px 0; }
div#content div#inhalt div.part_eventout img{ float: left; margin: 0 15px 5px 0; }
div#content div#inhalt div.part_eventout table{ width: 650px; border-bottom: 1px dashed #B5C0C7; }
div#content div#inhalt div.part_eventout table tr td h2{ margin: 0 0 0 5px; padding: 0; clear: none; display: inline; }
div#content div#inhalt div.part_eventout table tr td{ padding: 0; vertical-align: top; }
div#content div#inhalt div.part_eventout table tr td a{ clear: both; display: block; }
div#content div#inhalt div.part_eventout a.boxlink{padding: 5px; border: 1px solid #E26610;}
/* Style Part Bildergalerie Uebersicht*/
div#content div#inhalt div.part_bildergalerie_overview{ clear: both; }
div#content div#inhalt div.part_bildergalerie_overview ul{ list-style: none; margin: 0 0 0 0; padding: 0; }
div#content div#inhalt div.part_bildergalerie_overview ul li{ float: left; margin: 0 15px 0 0; padding: 0 0 15px 0; border-bottom: 1px dashed #CCCCCC; width: 600px; }
div#content div#inhalt div.part_bildergalerie_overview ul li a img{ display: block; border: 1px solid red; float: left; margin: 0 15px 0 0; }
/* Style Part Bildergalerie  */
div#content div#inhalt div.part_bildergalerie{ clear: both; margin: 30px 0; }
div#content div#inhalt div.part_bildergalerie ul{ list-style: none; margin: 0 0 0 0; padding: 0; }
div#content div#inhalt div.part_bildergalerie ul li{ float: left; margin: 0 15px 0 0; width: 200px; }
div#content div#inhalt div.part_bildergalerie ul li img{ margin: 0; padding: 0; display: block; height: 150px; }
div#content div#inhalt div.part_bildergalerie ul li span{ height: 65px; padding: 0; margin: 0; color: #000; display: block; margin-bottom: 5px; }
div#content div#inhalt div.part_bildergalerie p{ padding: 5px; border: 1px solid #E26610; background: #FDECD4; }
div#content p.Message{ padding: 5px; border: 1px solid #E26610; background: #FDECD4; }

/* Part TopAngebote  */
div#content div#inhalt div.part_topangebot ul{ margin: 0; padding: 0; list-style: none; }
div#content div#inhalt div.part_topangebot ul li{ width: 300px; float: left; margin: 0 10px 0 0; padding: 0; }
/* Blackboard und Eventkalender Formular */
div.form_blackboard{ margin: 0; padding: 0; background: #FFFFFF; font-size: 11px; font-family: Verdana,Geneva,Arial,Helvetica,sans-serif; }
div.form_blackboard p{ padding: 5px; border: 1px solid #E26610; background: #FDECD4; }
div.form_blackboard form input { margin: 10px 0 0 0; border: 1px solid #999999; background: #FFFFFF; }
div.form_blackboard form ul{ list-style: none; margin: 0; padding: 0; }
div.form_blackboard form ul li label{ display: block; clear: both; }
div.form_blackboard form ul li span{ clear: none; margin: 0 5px 10px 0; border: 1px solid lime; }
div.form_blackboard form ul li input{ width: 450px; height: 15px; background: #FFFFFF; border: 1px solid #999999; margin: 0 5px 10px 0; }
div.form_blackboard form ul li input.datum{ width: 100px; height: 15px; background: #FFFFFF; border: 1px solid #999999; margin: 0 5px 10px 0; }
div.form_blackboard form ul li input.checkbox{ width: 15px; height: 15px;  border: 0; margin: 0 5px 0 0; }



div.form_blackboard form ul li textarea { width: 450px; height: 100px; background: #FFFFFF; border: 1px solid #999999; }
div.form_blackboard form ul li select { width: 250px; background: #FFFFFF; border: 1px solid #999999; }
div.form_blackboard form ul li select option { width: 450px; background: #FFFFFF; border: 1px solid #999999; }
div.form_blackboard form ul li input.bild { height: 20px; }
/* Part Meteo Aussichten - dieser Part wird gebraucht vom IFrame der Meteo Aussichten */
div.part_wetter_aussichten table { float: left; }
div.part_wetter_aussichten table tr th { font-size: 11px; font-weight: bold; background-color: #FDECD4; padding: 3px; }
div.part_wetter_aussichten table tr td { font-size: 11px; padding: 3px; border-bottom: 1px solid #FDECD4; }
div.part_wetter_aussichten table tr td img { margin: 0px; }
/* Part Meteo Regiowetter - dieser Part wird gebraucht von IFrmae des Meteo Regiowetter */
div.part_wetter_regiowetter div#info{ position: absolute; left: 100px; top: 50px; width: 390px; z-index: 1; background-color: #FFFFFF; border: 1px solid black; padding: 20px; }
div.part_wetter_regiowetter div#info h1{ margin: 0; }
div.part_wetter_regiowetter h1{ text-align: left; margin: 0; }
div.part_wetter_regiowetter table { }
div.part_wetter_regiowetter table tr td#meteo_regio_beschrieb{ border-bottom: 1px solid #FDECD4; background-color: #FFFFFF; font-weight: normal; }
div.part_wetter_regiowetter table tr td.rubrikstyle { font-size: 11px; font-weight: bold; background-color: #FDECD4; padding: 3px; }
div.part_wetter_regiowetter form.suche{ width: 625px; background-color: #FDECD4; padding: 5px; }
div.part_wetter_regiowetter form.suche fieldset{ border: 0; }
div.part_wetter_regiowetter form input{ height: 20px; background: #FFFFFF; border: 1px solid #999999; margin: 0 10px 0 0; }
div.part_wetter_regiowetter table.meteoliste{ width: 625px; }
div.part_wetter_regiowetter table.meteoliste tr td { font-size: 11px; font-weight: bold; background-color: #FDECD4; padding: 3px; }
div.part_wetter_regiowetter table.meteoliste tr td#meteo_regio_beschrieb{ border-bottom: 1px solid #FDECD4; background-color: #FFFFFF; font-weight: normal; }
div.part_wetter_regiowetter table.meteoliste tr td#meteo_regio_lead { border-bottom: 1px solid #FDECD4; background-color: #FFFFFF; font-weight: normal; }
div.part_wetter_regiowetter table.meteoliste td img { margin: 0px; }
div.part_wetter_regiowetter table.liste{ margin: 10px 0 0 0; width: 625px; }
div.part_wetter_regiowetter table.liste tr td { font-size: 11px; border-bottom: 1px solid #FDECD4; }
div.part_wetter_regiowetter table.liste tr td.rubrikstyle { font-size: 11px; font-weight: bold; background-color: #FDECD4; padding: 3px; }
/* Part Flugblatt - dieser Part wird gebraucht vom IFrame der Flugblätter */
div.part_flugblatt h3 { margin: 10px 0 10px 0; }
div.part_flugblatt ul { list-style: none; margin: 0; padding: 0; width: 600px; }
div.part_flugblatt ul li { margin: 10px 0 0 0; clear: both; }
div.part_flugblatt a.download { display: block; clear: left; border-bottom: 1px dashed #CCCCCC; width: 600px; }
div.part_flugblatt img { float: left; margin: 0 10px 10px 0; }