﻿/* CSS Document */

body { margin: 0px; padding: 0px; white-space: normal; color: #000000; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }

/* Generische Klassen */
.float-left { float: left; }
.float-right { float: right; }
.float-clear { clear: both; }

.bg-table { background-image: url(bg-table.jpg); background-repeat: repeat-x; background-color: white; background-position: bottom; }
.rahmen-table { border: 1px solid #c0c0c0; padding: 4px; }

.headline-topnews { color: #000000; font-weight: bold; font-size: 18px; margin: 0; display: block; padding: 0; padding-top: 4px; padding-bottom: 5px; }
.headline-subnews { display: block; color: #000000; font-size: 16px; font-weight: bold; margin: 0px; padding-top: 0px; }
.headline-artikel { display: block; color: #000000; font-size: 18px; font-weight: bold; margin: 0px; padding-top: 0px; padding-bottom: 5px; }
.headline-cat { color: #009EE0; font-weight: bold; font-size: 14px; margin: 0; display: block; padding: 0; }

.text-subhead { font-weight: bold; font-size:13px }
.text-normal { color: #000000; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
.text-blau { color: #009EE0; }

.bg-torgau { background-color: #009EE0; }

a:link { color: black; text-decoration: underline; }
a:visited { color: black; text-decoration: underline; }
a:active { color: black; text-decoration: underline; }
a:hover { color: #009EE0; text-decoration: underline; }
a.link-button { color: #009EE0; font-size: 13px; text-decoration: none; font-weight: bold; }
a.link-blue { color: #009EE0; text-decoration: none; font-weight: bold; }
a.link-blue:hover { color: black; text-decoration: underline; font-weight: bold; }


/* Kopfbereich Container (definiert Breite und Höhe des Kopfbereiches) */
div.head { display: block; height: 95px; width: 785px; }
div.bg { background-color: #FFFFFF; width: 795px; padding-bottom: 10px; padding-top: 10px; padding-left: 10px; }
div.dbody { margin-top: -10px; padding-top: 10px; height: 100%; width: 100%; font-family: Arial, Helvetica, sans-serif; background-color: #E6E6E6; }


/* Aussenabstände der Seite in Browsern */
div.container { margin-left: 20px; margin-top: 10px; }

/* Definition des Linken Kopfbereiches (Logo, Datum, Link usw.) */
div.logo { float: left; font-size: 11px; width: 550px; padding-right: 20px; }
div.logo a { color: #bbbbbb; }
/* Ausrichten des Datums */
div.datum-head { display: block; float: left; width: 50%; padding-top: 2px; color: #000000; }
/* Ausrichten des "als Startseite Links */
div.link-head { display: block; float: right; text-align: right; width: 49.5%; padding-right: 0.5%; padding-top: 2px; }
/* Ausrichten des Werbebanners im Kopfbereich */
div.werbung-head { display: block; float: right; }
/* Logo-Banner (src usw.) */
div.logo-head { width: 550px; height: 84px; display: block; background: url('head-logo.gif'); background-repeat: no-repeat; overflow: hidden; }
/* Ende Kopfbereich */


/* Linkbar */
/* Höhe der Linkbar */
div.navi { width: 784px; }

div.navi a { text-decoration: none; }

div.navi-top { background: url(topline-bg.gif); background-repeat: no-repeat; background-position: bottom right; width: 784px; height: 29px; overflow: hidden; }

/* Definitionen der Ersten Zeile der Linkbar */
a.topline-active { background: url(navi-bg01-topline.gif); height: 22px; border-top: 1px solid #c0c0c0; border-left: 1px solid #c0c0c0; border-right: 1px solid #588fa6; display: block; font-size: 12px; padding-top: 6px; padding-left: 6px; padding-right: 6px; text-decoration: none; color: #000000; float: left; font-weight: bold; background-position: bottom; }

a.topline-link { width: auto; color: White; background-image: url(navi-bg02-topline.gif); height: 20px; border-top: 1px solid #0277a8; border-right: 1px solid #2e83a7; display: block; font-size: 12px; padding-top: 4px; padding-left: 6px; padding-right: 6px; text-decoration: none; float: left; margin-top: 3px; font-weight: bold; border-bottom: 1px solid #8899a0; }

/* Definitionen der zweiten Zeile */

div.dropline-link { background: url(navi-bg01-dropline.gif); height: 19px; display: block; font-size: 11px; padding-top: 4px; padding-left: 6px; text-decoration: none; color: #000000; float: left; font-weight: bold; width: 776px; border-left: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; border-bottom: 1px solid #c0c0c0; }
div.dropline-link a { color: #000000; text-decoration: none; padding-right: 2%; }

.third-menu-head { display: inline; vertical-align: -3px; padding-right: 12px; }
div.third-menu-container { background-color: #E9E8E8; border-bottom: 1px solid #c0c0c0; border-left: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; border-top: 1px solid #DAD9D9; }
.third-menu-hover td { background: url(navi-bg01-dropline.gif); border-width: 0px; padding-left: 5px; padding-right: 5px; padding-top: 4px; padding-bottom: 5px; }
/* Ende Linkbar */




/* Hauptbereich */
div.main { width: 784px; display: inline; }

/* Linker Hauptbereich (Position, Breite) */
div.main-left { width: 547px; display: block; padding-top: 20px; float: left; padding-right: 8px; }

/* Topnews Eintrag */
div.topnews { display: block; overflow: hidden; position: relative; clear: both; }

.topnews-text { float: right; padding-left: 10px; width: 240px; }
/*Topnews Bildteil */
.img-topnews { float: left; display: block; }
/* Ende Topnews */

/* Rechter Hauptbereich */
div.main-right { width: 220px; display: block; margin-top: 20px; padding-left: 8px; border-left: 1px dotted #BBBBBB; overflow: hidden; }

/* RSS Feed Link */
/* RSS Text */
font.rss { display: block; margin: 0px; font-size: 12px; font-weight: bold; padding-top: 1px; }
/* RSS Icon */
div.rss-logo { display: block; float: left; padding-right: 4px; background: url('rss.gif'); background-repeat: no-repeat; width: 16px; height: 16px; overflow: hidden; }
/* ENDE RSS */



/* Globale Definition eines "Widget" */
div.item { margin-top: 15px; display: block; clear: both; }

/* Login Widget/Suche */
/* Titel (Blau Hinterlegt) */
div.item-login-main { background: url(item-bgmain.gif); color: #575757; font-size: 11px; width: 214px; border-top: 1px solid #4795b7; border-left: 1px solid #a0a0a2; border-right: 1px solid #a0a0a2; padding-top: 5px; padding-left: 4px; display: block; border-bottom: 1px solid #a0a0a2; padding-bottom: 5px; background-repeat: repeat-x; background-color: #E8E8E8; }
div.item-login-main a.login { color: #009EE0; font-size: 12px; font-weight: bold; text-decoration: none; margin-left: 5px; }
div.item-login-main a.register { color: #575757; font-size: 9px; text-decoration: none; margin-left: 2px; }

/* Positionierung "Noch nicht registriert" und "Passwort vergessen" */
p.login { display: block; float: left; margin: 0px; margin-left: 3px; margin-top: 2px; }
input.login { font-family: Arial; font-size: 11px; width: 105px; float: left; height: 14px; display: block; }
form { padding: 0px; margin: 0px; }

/* Definition Hauptbereich der Suche (da gleiches Layout wie Login */
div.item-suche-main { background: url(item-bgmain.gif); background-position: bottom; color: #575757; font-size: 11px; width: 214px; border-top: 1px solid #4795b7; border-left: 1px solid #a0a0a2; border-right: 1px solid #a0a0a2; padding-top: 5px; padding-left: 4px; display: block; border-bottom: 1px solid #a0a0a2; padding-bottom: 5px; height: 20px; }
/* Ende Login & Suche */

/* Generelle Definitionen Widget */
/* Blau hinterlegte Überschrift (Titel) */
div.item-head { background: url(item-bgtop.gif); background-position: top; color: #FFFFFF; font-size: 12px; font-weight: bold; width: 210px; border-top: 1px solid #4795b7; border-bottom: 1px solid #9cb5c1; border-left: 1px solid #90b1c0; border-right: 1px solid #90b1c0; padding: 4px; display: block; height: 16px; padding-left: 4px; overflow: visible; }
div.item-main { display: block; padding-top: 5px; color: #000000; }


.container-quicklinks { width: 210px; font-size: 12px; display: block; position: relative; color: #009EE0; font-weight: bold; }
.links { width: 17px; float: left; }
.rechts { width: 193px; float: left; }

.container-radio { width: 210px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; display: block; position: relative; }
.links-radio { width: 16px; float: left; }
.rechts-radio { width: 194px; float: right; }

/* h1 für Überschrift Umfrage */
div.item-main h1 { font-size: 12px; font-weight: bold; margin: 0px; padding-top: 5px; padding-bottom: 5px; }
input.radio { width: 14px; margin: 0px; }
/* Beschriftung Radiobutton */
label.radio { font-size: 12px; color: #000000; }

/* Definition Galerie-Widget */
.item-galerie { margin-top: 15px; display: block; }
.galerie-bild { display: block; float: left; width: 50%; clear: both; }
.galerie-text a { color: #009EE0; text-decoration: none; font-weight: bold; line-height: 23px; font-size: 11px; }
/* Hauptbereich Galerie-Widget (Container) */
.item-main-galerie { display: block; padding-top: 5px; color: #000000; position: relative; clear: both; font-size: 11px; color: #000000; }
/* Ende Galerie Widget */


div.trenner { height: 1px; border-top: 1px dotted #BBBBBB; margin-top: 0px; }


/* Normale News - kein Aufmacher! */
div.news { display: block; margin-top: 12px; }
.subnews-bild { float: left; }
.subnews-text { float: right; padding-left: 8px; width: 440px; }
.subnews-container { width: 548px; }
/* Ende Normale News */


/* NewsDetail */
div.artikel-container { display: block; width: 505px; position: absolute; clear: both; }
div.artikel-left { width: 300px; float: left; height: 200px; background: #FFFFFF; }
div.artikel-right { width: 200px; float: left; position: absolute; bottom: 0; left: 305px; margin: 0; background: #FFFFFF; }
.ad-head { width: 215px; height: 96px; margin: 0px; display: block; background-repeat: no-repeat; }
.bildunterschrift {font-size: 12px; vertical-align: bottom; font-style: italic; color: #534741;}
td.table-right { font-size: 12px; padding-left: 6px; vertical-align: bottom; font-style: italic; color: #534741; }
span.foto-autor { font-size: 11px; margin-top: 8px; display: block; }


/* Horizontale Werbung */
div.werbung-breit { background: url('werbung-anzeige.gif'); background-color: #dcdcdc; background-position: 4px 50%; background-repeat: no-repeat; padding-top: 10px; padding-bottom: 10px; padding-left: 20px; margin-top: 15px; }
.werbung-img { width: 500px; height: 66px; overflow: hidden; background-repeat: no-repeat; }

/* Ausgelagerte Grafiken */

div.img-content { width: 100px; height: 66px; background-repeat: no-repeat; display: block; text-align: left; float: left; padding-right: 8px; margin-top: 2px; }
div.img-umfrage { width: 220px; height: 62px; background: url('/static/umfrage/umfrage-bild.jpg'); margin: 0px; display: block; background-repeat: no-repeat; }
div.umfrage-icon { position: absolute; margin-top: -8px; margin-left: 10px; background: url('/static/umfrage/umfrage-icon.gif'); width: 22px; height: 25px; background-repeat: no-repeat; overflow: hidden; display: inline; }
.img-galerien { width: 105px; height: 86px; background: url('galerien.jpg'); margin: 0px; display: block; background-repeat: no-repeat; }
div.img-wetter { width: 220px; height: 62px; margin: 0px; display: block; background-repeat: no-repeat; }

textarea.textarea { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }

div.footer {text-align:center; font-size: 12px; margin-left: 12px; margin-top: 10px; border-top: 2px solid #BBBBBB; width: 780px; color: #888888; }
div.footer a { color: #888888; text-decoration: none; padding-top: 4px; display: -moz-inline-block; display: inline-block; }
div.footer a:hover { color: #444444; }

a.absenden { background: url(button-bg.gif); background-repeat: repeat-x; padding: 3px 4px; font-size: 12px; line-height: 20px; }


.customCalloutStyle div, .customCalloutStyle td { border: solid 1px Black; background-color: LemonChiffon; }
.customCalloutStyle .ajax__validatorcallout_popup_table { display: none; border: none; background-color: transparent; padding: 0px; }
.customCalloutStyle .ajax__validatorcallout_popup_table_row { vertical-align: top; height: 100%; background-color: transparent; padding: 0px; }
.customCalloutStyle .ajax__validatorcallout_callout_cell { width: 20px; height: 100%; text-align: right; vertical-align: top; border: none; background-color: transparent; padding: 0px; }
.customCalloutStyle .ajax__validatorcallout_callout_table { height: 100%; border: none; background-color: transparent; padding: 0px; }
.customCalloutStyle .ajax__validatorcallout_callout_table_row { background-color: transparent; padding: 0px; }
.customCalloutStyle .ajax__validatorcallout_callout_arrow_cell { padding: 8px 0px 0px 0px; text-align: right; vertical-align: top; font-size: 1px; border: none; background-color: transparent; }
.customCalloutStyle .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv { font-size: 1px; position: relative; left: 1px; border-bottom: none; border-right: none; border-left: none; width: 15px; background-color: transparent; padding: 0px; }
.customCalloutStyle .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv div { height: 1px; overflow: hidden; border-top: none; border-bottom: none; border-right: none; padding: 0px; margin-left: auto; }

.customCalloutStyle .ajax__validatorcallout_callout_arrow_cell_left { padding: 8px 0px 0px 0px; text-align: left; vertical-align: top; font-size: 1px; border: none; background-color: transparent; }
.customCalloutStyle .ajax__validatorcallout_callout_arrow_cell_left .ajax__validatorcallout_innerdiv_left { font-size: 1px; position: relative; right: 1px; border-bottom: none; border-right: none; border-left: none; width: 15px; background-color: transparent; padding: 0px; }
.customCalloutStyle .ajax__validatorcallout_callout_arrow_cell_left .ajax__validatorcallout_innerdiv_left div { height: 1px; overflow: hidden; border-top: none; border-bottom: none; border-left: none; padding: 0px; margin-right: auto; }


.customCalloutStyle .ajax__validatorcallout_error_message_cell { font-family: arial; font-size: 10px; padding: 5px; border-right: none; border-left: none; width: 100%; color: Black; text-align: left; }
.customCalloutStyle .ajax__validatorcallout_icon_cell { width: 20px; padding: 5px; border-right: none; }
.customCalloutStyle .ajax__validatorcallout_close_button_cell { vertical-align: top; padding: 0px; text-align: right; border-left: none; }
.customCalloutStyle .ajax__validatorcallout_close_button_cell .ajax__validatorcallout_innerdiv { border: none; text-align: center; width: 10px; padding: 2px; cursor: pointer; }

