@import url("reset.css");

/* ******************************************************************************************************
** ***********     CSS-Datei fuer www.tsv-dungelbeck.de                                       ***********
** ******************************************************************************************************
*/

html, body {height: 100%; font-family: arial, verdana, sans-serif; text-align: center; padding: 0; background-color: #ffffff; color: #000000; font-size: 105%; background-image: url(../grafiken/background/background.jpg); background-repeat: repeat-x; background-position: left top;}
                 
a {text-decoration: none; background: transparent; font-weight: bold; color: #0e3865;}
a:visited {background: transparent; color: #0e3865; text-decoration: none;}
a:hover {text-decoration: none; background: transparent; color: #ff3300;}

.white   {font-weight: bold; color: #ffffff;}
.red     {font-weight: bold; color: #ff0000;}
.crimson {font-weight: bold; color: #dc143c;}
.gold    {font-weight: bold; color: #b8860b;}


.uline   {text-decoration: underline;}
.small   {font-size:1.0em; line-height:1.0em; margin-top: 0px; background-color: transparent; color: #000000;}
.smallb  {font-size:0.8em; line-height:1.0em; margin-top: 0px; background-color: transparent; font-weight: bold; color: #000000;}
.smallg  {font-size:0.8em; line-height:1.0em; margin-top: 0px; background-color: transparent; color: #006400;}

/* Versteckte Elemente */
.novis, hr {display: none;}

/* gesamte Seite */
#gesamt {text-align: left; width: 970px; margin: 0 auto; background-color: transparent; border: 0px solid black}

/* oberer Bereich */
#top {text-align: left; width: 970px; margin: 0 auto; background-color: transparent; border: 0px solid blue}

/* Verlinkung oben rechts */
#impressum {padding: 4px 0 0 0; font-size: 0.7em; color: #ffffff; background: transparent; text-align: right; border: 0px;}
#impressum a {color: #ffffff; background: transparent; text-decoration: none; font-weight: normal;}
#impressum a:hover {text-decoration: underline; background: transparent; color: #ffd700;}

/* Header */
#header {text-align: left; height: 55px; background: transparent; border: 0px solid maroon;}
#header p {font-family: arial, verdana, sans-serif; font-size: 1.45em; margin: 0; padding: 0; background: transparent; color: #000000; font-weight: bold; font-style: normal;}
#header p a {text-decoration: none;}
#header p a:hover {text-decoration: none; color: #000000;}

/* Hauptnavigation */
#topmenu {height: 27px; background-color: #ffffff; border-top: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 0px solid #cccccc; border-left: 1px solid #cccccc; }
#topmenu p {margin: 0; font-size: 0.7em; background-color: transparent; }
#topmenu a {display: block; float: left; text-decoration: none; font-weight: bold; color: #0e3865; height: 27px; padding: 6px 8px; background-color: transparent; border-right: 1px solid #cccccc; }
#topmenu a:hover {background-color: #faf0f0; text-decoration: none; color: #ff3300; }
#topmenu a.akt {background-color: transparent; text-decoration: none; color: #ff3300; }

/* Kernbereich */
#kern {width: 970px; margin-top: 15px; font-size: 0.8em; border: 0px solid red;}

/* Linke Seite */
#block_links {float: left; width: 200px; background: transparent; font-size: 90%; border: 0px solid maroon;}

/* Linke Navigation */
#navi {float: left; width: 200px; background: transparent; font-size: 0.9em; border: 0;}
#navi p {margin: 0; padding: 0px; border-top: 1px solid #cccccc; border-right: 0px solid #cccccc; border-bottom: 0px solid #cccccc; border-left: 1px solid #cccccc;}
#navi a {display: block; margin: 0; padding: 4px 4px 4px 10px; font-weight: bold; text-decoration: none; background-color: #faf0f0; color: #0e3865; font-size: 100%; border-top: 0px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; border-left: 10px solid #da8282;} 
#navi a:hover {background-color: #ffffff; color: #ff3300; text-decoration: none; border-left: 10px solid #bf2626;}
#navi a.abt {background-color: #faf0f0; color: #0e3865;padding: 4px 4px 4px 15px; font-weight: normal; font-size: 95%; text-decoration: none;}
#navi a.abt:hover {background-color: #ffffff; color: #ff3300; text-decoration: none; border-left: 10px solid #bf2626;}
#navi a.aktiv {background-color: #ffffff; font-weight: bold; color: #ff3300; text-decoration: none;}
#navi a.abtaktiv {background-color: #ffffff; font-weight: bold; font-size: 0.95em; color: #ff3300; text-decoration: none;}

/* Block links Vorteile */
#vorteil {width: 198px; margin-top: -5px; border: 1px solid #cccccc; padding: 20px 0 10px 0; color: #0e3865; background-image: url(../grafiken/background/background_2.jpg); background-repeat: no-repeat; background-position: left top;}
#vorteil p.vorteilefett {margin-top: -5px; padding: 0 10px 0px 20px; font-size: 0.9em; line-height: 130%; text-align: left; font-weight: bold; background-color: transparent; border: 0; color: #ffffff;}
#vorteil ul.vorteile {list-style-type: circle; padding: 10px 0px 4px 30px; font-size: 0.8em; background-color: transparent;}
#vorteil li.vorteile {margin: 4px 0px;}

/* Block links Technische Hinweise */
#technik {width: 198px; margin-top: 10px; border: 1px solid #cccccc; padding: 10px 0 5px 0; background-image: url(../grafiken/background/background_2a.jpg); background-repeat: no-repeat; background-position: left top;}
#technik p.technikfett {margin: 0; padding: 0 10px 4px 10px; font-size: 0.85em; line-height: 130%; text-align: left; font-weight: bold; background-color: transparent; border: 0; color: #ffffff;}
#technik p.technik {margin-top: 4px; padding: 0 2px 4px 10px; font-size: 0.8em; line-height: 130%; text-align: left; font-style: italic; background-color: transparent; border: 0; color: #0e3865;}
#technik a.ohne {margin-top: 0px; padding: 0px 0px 0px 0px; font-size: 0.9em; font-weight: bold; text-align: left; font-style: italic; background-color: transparent; border: 0; color: #0e3865; text-decoration: none;}
#technik table {margin-top: 0px; padding: 0px 0px 0px 0px; font-size: 0.8em; text-align: left; font-style: italic; background-color: transparent; border: 0; color: #0e3865;}

/* rechte Seite */
#block_rechts {float: right; width: 152px; background: transparent; font-size: 0.8em; border: 0px solid maroon;}

/* Newsbereich rechts */
#news {float: right; margin: 0; font-size: 1.0em; background: transparent; border: 0px solid #cccccc; width: 150px;}
#news h1 {margin: 0px 0 4px 0; padding: 10px 4px 10px 4px; font-size: 1.1em; text-align: center; font-weight: bold; color: #ffffff; background-color: transparent; background-image: url(../grafiken/background/background_3.jpg); background-repeat: no-repeat; background-position: left top; border: 1px solid #cccccc;}
#news p {padding: 0px 0px 2px 10px; font-weight: bold; font-size: 1.00em; color: #dc143c; background-color: transparent; border-top: 0px solid #cccccc; border-right: 0px solid #cccccc; border-bottom: 0px solid #cccccc; border-left: 0px solid #cccccc;}
#news a.more {font-size: 1.0em; display: inline; background: transparent; text-decoration: none; border: 0px solid blue; font-weight: bold; color: #0e3865;}


/* Eilmeldung rechts */
#eil {float: right; margin: 0; font-size: 1.0em; background: transparent; border: 0px solid #cccccc; width: 150px;}
#eil h1 {margin: 0px 0 4px 0; padding: 2px 4px 2px 4px; font-size: 1.1em; text-align: center; font-weight: bold; color: #000000; background-color: #ffffff; border:  1px solid #cccccc;}


/* Sponsorenbereich rechts */
#sponsor {float: left; margin: 0; width: 150px; font-size: 0.95em; background: transparent; border: 0px solid red;}
#sponsor h1 {width: 142px; margin: 0px 0 4px 0; padding: 10px 4px 10px 4px; font-size: 1.1em; font-weight: bold; text-align: center; color: #ffffff; background-color: transparent; background-image: url(../grafiken/background/background_3.jpg); background-repeat: no-repeat; background-position: left top; border: 1px solid #cccccc;}
#sponsor p.text {margin: 4px 0px; padding: 4px 2px; border: 1px solid #cccccc; width: 146px; text-align: center; background-color: #e9967a}
#sponsor a.werb {display: inline; background: transparent; border: 0px;}
#sponsor img.werb {margin: 4px 0px; background: transparent; border-top: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; border-left: 1px solid #cccccc;}


/* Mitte */
#block_mitte {float: left; font-size:0.85em; margin: 0px 0px 5px 5px; width: 576px; line-height: 140%; padding: 10px 14px 20px 14px; min-height: 740px; height: auto !important; height: 740px; background: #faf0f0; border: 1px solid #cccccc; }

#block_mitte p {text-align: justify; padding: 0 0 10px 0; background-color: transparent;}
#block_mitte p.center {text-align: center; padding: 0 0 10px 0; background-color: transparent;}
#block_mitte p.klein {font-size:0.8em; line-height:8pt; margin-top: 0px; padding: 8px 0 4px 0; background-color: transparent; border-top: 0px solid #cccccc;}
#block_mitte p.link { margin-top: 5px; padding: 2px 4px; line-height: 100%; font-size: 0.8em; font-weight: normal; background-color: transparent; border-bottom: 1px dashed #cccccc; text-align: left; }
#block_mitte p.ut {line-height: 1.1em; font-size: 0.8em; font-weight: normal; background-color: transparent;}
#block_mitte h1 {padding: 20px 0 5px 0; font-size: 1.3em; color: #000000; font-weight: bold; background-color: transparent; border-top: 0px solid #cccccc; }
#block_mitte h2 {padding: 5px 0 4px 0; font-size: 1.1em; color: #000000; font-weight: bold; background-color: transparent; text-align: left; border: 0px solid blue;}
#block_mitte h2.tsv {padding: 8px 0 4px 0; font-size: 1.0em; color: #000000; font-weight: bold; background-color: transparent; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc;}
#block_mitte h3.web { margin-top: 25px; padding: 2px 4px; line-height: 100%; font-size: 0.8em; font-weight: normal; background-color: transparent; border-bottom: 1px dashed #cccccc; border-top: 1px dashed #cccccc; text-align: center; }
#block_mitte h4 {padding: 5px 0 4px 0; font-size: 1.1em; color: #ff0000; font-weight: bold; background-color: transparent; text-align: left; border: 0px solid blue;}
#block_mitte a.h3 { font-size: 1.0em; font-weight: bold; background-color: transparent; text-decoration: none; color: #0e3865;} 
#block_mitte a {text-decoration: none; background: transparent; font-weight: bold; color: #0e3865;}
#block_mitte a[href^="http:"], #block_mitte a[href^="https:"] {padding-left: 14px; background-image: url('../grafiken/icons/ico_link_ext.gif'); background-repeat: no-repeat; background-position: left; text-decoration: none; font-weight: bold; color: #0e3865; }
#block_mitte a.fb {padding: 14px; font-size: 0.9em; background-image: url('../grafiken/icons/ico_fb.gif'); background-repeat: no-repeat; background-position: left; text-decoration: none; font-weight: bold; color: #0e3865; }
#block_mitte a.bb {padding: 14px; font-size: 0.9em; background-image: url('../grafiken/icons/ico_bb.gif'); background-repeat: no-repeat; background-position: left; text-decoration: none; font-weight: bold; color: #0e3865; }
#block_mitte a.tt {padding: 14px; font-size: 0.9em; background-image: url('../grafiken/icons/ico_tt.gif'); background-repeat: no-repeat; background-position: left; text-decoration: none; font-weight: bold; color: #0e3865; }
#block_mitte a.hb {padding: 14px; font-size: 0.9em; background-image: url('../grafiken/icons/ico_hb.gif'); background-repeat: no-repeat; background-position: left; text-decoration: none; font-weight: bold; color: #0e3865; }
#block_mitte a.pdf {padding: 14px 5px 14px 14px; font-size: 0.95em; background-image: url('../grafiken/icons/ico_pdf.gif'); background-repeat: no-repeat; background-position: left; text-decoration: none; font-weight: bold; color: #0e3865; }
#block_mitte table.tsv {font-size:0.9em; line-height:8pt; margin-top: 0px; padding: 8px 0 4px 0; background-color: transparent; border-top: 0px solid #cccccc;}
#block_mitte td.tsv {font-size:1.0em; line-height:8pt; margin-top: 0px; padding: 8px 0 4px 0; background-color: transparent; border-top: 0px solid #cccccc; text-align: justify;}
#block_mitte table.link {font-size:1.0em; text-decoration: none; background: transparent; font-weight: bold; color: #0e3865; line-height:12pt; margin-top: 10px; padding: 8px 0 4px 0; background-color: transparent; border-top: 0px solid #cccccc;}
#block_mitte table.kal {width: 100%; font-size:1.0em; line-height:14pt; margin-top: 10px; padding: 8px 0 4px 0; background-color: transparent; border-top: 0px solid #cccccc;}
#block_mitte table.gal {width: 50%; padding: 4px 0 4px 0; background-color: transparent; border-collapse:collapse; }
#block_mitte td.gal {vertical-align:middle; text-align: center; background-color: transparent; border: 1px solid #000000;}
#block_mitte iframe.gb {margin: 0; width: 100%; line-height: 0.85em; height: 800px; min-height: 800px; height: auto !important;}
#block_mitte img.tab {background: transparent; vertical-align:middle; border: 0px solid maroon; }

#block_mitte ul {list-style-type: square; padding: 0px 20px 10px 20px; font-size: 1.1em;}
#block_mitte ul a {background: transparent; font-weight: bold; color: #0e3865;}
#block_mitte ul a:hover {text-decoration: underline; background: transparent; color: #ff3300;} 
#block_mitte ul.site {list-style-type: circle; padding: 0px 20px 0px 20px; font-size: 0.95em;}
#block_mitte ul.site a {background: transparent; font-weight: bold; color: #0e3865;}
#block_mitte ul.site a:hover {text-decoration: underline; background: transparent; color: #ff3300;} 
#block_mitte ul.site2 {list-style-type: disc; padding: 0px 20px 0px 10px; font-size: 0.9em; }
#block_mitte ul.site2 a {background: transparent; font-weight: normal; color: #000000;}
#block_mitte ul.site2 a:hover {text-decoration: underline; background: transparent; color: #ff3300;}
#block_mitte li {margin: 0px 10px;}


/* Zeilen im Seitenfuss */
#block_mitte p.seiten { text-align: left; margin: 10px 0; padding: 2px 4px; background-color: #faf0f0; border: 1px solid #cccccc; }
#block_mitte p.fussnote { text-align: left; font-size: 0.8em; }
#block_mitte p.fussnote a { padding-left: 0px; background-image: none; text-decoration: none; background: transparent; font-weight: bold; color: #0e3865; }
#block_mitte p.fussnote img { border: 0; }

/* Schlusszeile unten */
#footer {clear: both; background-color: transparent; color: #444444; border-top: 0px solid #cccccc; text-align: center; padding: 5px 5px;}
#footer p {font-size: 0.6em;}