/* hier das standard-linkverhalten */
a {color: #0000FF; text-decoration: underline; background-color: transparent;}
a:hover {text-decoration: none;}
a.uebersicht {color: #ea6640; background-color: transparent; text-decoration: none; font-size: large; vertical-align: middle;}
a.uebersicht:hover {text-decoration: none; color: #084071;}

/* hier wird festgelegt, wie der body aussieht */
body {background-image: url(../graphiken/hintergrund-standard.gif); background-color: #FFFFFF; color: #084071; font-family: Arial,sans-serif; font-size: medium; text-align: justify; background-attachment: fixed;}

/* mit den cite-tags werden verschiedene formatierungen wie farben und größen definiert */
cite {font-style: normal; color: #ea6640; background-color: transparent;}
cite.fett {color: #084071; font-weight: bold;}
cite.kursiv {color: #084071; font-style: italic;}
cite.head {font-size: large; color: #ea6640; font-weight: bold; margin-top: 50px;}
cite.achtung {font-size: 200%;}

/* diese tags bestimmen das aussehen der formulare */
input {color: #084071; border-color: #084071; border-style: solid; padding-left: 2px; background-color: transparent;}
input:focus {border-style: dotted; color: #ea6640; border-color: #ea6640; background-color: transparent;}
textarea {color: #084071; border-color: #084071; border-style: solid; font-family: Arial,sans-serif;  padding-left: 2px; background-color: transparent;}
textarea:focus {border-style: dotted; color: #ea6640; border-color: #ea6640; background-color: transparent;}

/* das aussehen der einzelnen rahmen wird festelegt */
div {text-align: left;}
div.end {text-align: left; background-color: transparent; color: #ea6640; border-top: 5px #ea6640 solid; font-size: small;}
div.end-ohnestrich {text-align: left; color: #ea6640;  background-color: transparent;} /*wird nur von den Programmseiten grbraucht*/
div.trennlinie {text-align: left; height: 10px; border-top: solid; color: #ea6640; margin-top: 7px; background-color: transparent;}
div.img-center {text-align: center; margin-bottom: 5px; margin-top: 5px; margin-left: 15px; margin-right: 15px;}
div.ueberschrift {text-align: center; margin-bottom: 5px; margin-top: 5px;}
div.img-show {text-align: center;}
div.uebersicht {margin-left: 2px; margin-right: 2px; margin-bottom: 0px; padding-bottom: 0px;}
div.titel-rechts {margin-right: 5px; float: right; width: 190px;}
div.titel-mitte {margin-right: 5px; margin-left: 150px; margin-right: 196px; text-align: center;}
div.titel-links {float: left; z-index: 4; margin-left: 20px; margin-top: 0px; padding-top: 0px; width: 125px;}

/* diesen div verwenden wenn vertikaler abstand gehalten werden muss */
div.abstand {position: relative; height: 20px;}


/* in diese beiden divs wir die seite von php eingebunden */
div#navigation {position: fixed; top: 0px; left: 0px; width: 190px; height: 100%; padding-left: 1px; padding-right: 1px; border-right:  1px dotted; z-index: 1;}
div#haupt {position: absolute; top: 0px; left: 198px; height: 100%; padding-top: 2px; padding-right: 4px; margin-left: 7px; z-index: 1;}


div#werbefenster {position: relative; background-image: url(../graphiken/2x2-gelb.gif); width: 80%; margin-left: 10%; margin-right: 10%; margin-top: 10px; margin-bottom: 50px; border: 5px solid #eae20b; z-index: 5; padding: 15px;}


h1 {margin-top: 2em; font-style: normal; color: #ea6640; background-color: transparent;}




/* aussehen der bilder: normal kein rand, aber div. änderungen für referenten, etc... */
img {border: none;}
img.mitte {vertical-align: middle;}
img.std {border: solid; border-color: #084071; padding: 4px;}
img.std:hover {border: dotted; border-color: #ea6640; padding: 4px;}
img.referent {border: solid; border-color: #084071; padding: 4px;}
img.referent:hover {border: dotted; border-color: #ea6640; padding: 4px;}
img.uebersicht {width: 100%;}
img.strich {vertical-align: middle;}
img.hoch {vertical-align: middle;}
img.letztes {vertical-align: top;}
img.vorschau {vertical-align: middle; border-width: 1px; border-color: #ea6640; border-style: solid; margin-top:1px;}
img.pfeil {vertical-align: middle;}

li {font-size: medium;}
ul {font-size: medium;}
ul.keine-aufzaehlung {list-style-type: none}
ul.margin20 {margin-left: 20px;}

ol.dick {font-size: 20px; color: #084071; font-weight: bold;  background-color: transparent;}
ol.dick li {margin-bottom: 15px;}
li.abstand {margin-bottom: 10px;}


p.center {text-align: center;}
p.left {text-align: left;}
p.right {text-align: right;}

table.mittig {margin: auto;}
table.margin60 {margin-left: 60px;}

td {vertical-align: top; font-size: medium;}
td.center {vertical-align: middle;}
td.rechts {text-align: right; padding-right: 8px;}
td.prozent10 {width: 10%}
td.prozent30 {width: 30%}
td.prozent60 {width: 60%}
td.center20prozent {vertical-align: middle; width: 20%;}
td.pad20 {padding-left: 20px; padding-right: 20px;}
td.pad20-re {padding-left: 20px; padding-right: 20px; text-align: right;}

/* tabellen für die überschriften */
td#h1, td.h1 {background-color: #084071; font-size: 32px; font-weight: bold; text-align: center; color: white; padding-left: 20px; padding-right: 20px; padding-top: 10px; padding-bottom: 5px; border-width: 4px;}
td#h2 {font-size: xx-large; text-align: center; color: #ea6640; padding-left: 20px; padding-right: 20px; padding-top: 5px; padding-bottom: 5px; border-left: none; border-right: solid; border-top: solid; border-bottom: solid; border-color: #ea6640; background-color: transparent; border-width: 4px;}

td.h2 {font-size: xx-large; text-align: center; color: #ea6640; padding-left: 20px; padding-right: 20px; padding-top: 5px; padding-bottom: 5px; border-left: solid; border-right: solid; border-top: solid; border-bottom: solid; border-color: #ea6640; background-color: transparent; border-width: 4px; margin-left: 1px;}