/* Schriftart im gesamten Dokument */
body {
font-family: Arial, Helvetica, Verdana, sans-serif;
margin-top: 0px;
margin-left: 0px;
margin-right: 1px;
background-color: #CED6CE;
}

/* oberster DIV-Container, umfasst das gesamte CMS */
div.topdiv {
border-style: dotted;
border-width: 0px;
border-color: silver;
}

/* Überschrift 1 */
h1 {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size:  11.5pt;
color: #008080;
border-bottom-style: solid;
border-bottom-color: silver;
border-width: 0px;
}

/* Überschrift 2 mit Rahmen am linken Rand  */
h2 {
font-size: 11pt;
border-left-style: solid;
border-left-width: 10px;
border-left-color: #CD3326;
padding-left: 5px;
color: #008080;
margin-bottom: 0px;
}

/* Überschrift 3 blau einfärben  */
h3 {
font-size: 10pt;
margin-bottom: 0px;
color: #008080;
}

/* Überschrift 4, neutral  */
h4 {
font-size: 10pt;
margin-top: 2px;
margin-bottom: 2px;
color: #008080;
}

/* Überschrift 5, neutral  */
h5 {
font-size: 9pt;
margin-left: 0px;
margin-top: 3px;
margin-bottom: 2px;
}

/* Hauptcontainer für Inhalt */
div.show {
font-size: 10pt;
margin: 6px;
margin-top: 5px;
background-color: #DEE6DE;
}

/* Absätze, Tabellen, Formulare in 10,5 Punkt */
p, div, table, li, form  {
font-size: 10pt;
}

/* normale Absätze */
p {
margin-top: 4px;
margin-bottom: 10px;
}

/* Einführungsabschnitt (Lead bzw. Teaser) */
div.lead, div.lead p {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size:  10pt;
margin-top: 5px;
margin-bottom: 15px;
line-height: 1.3;
color: #006060;
}

div.newshead {
background-color: #BEC6BE;
color: white;
font-weight: bold;
margin-left: 0px;
padding: 2px;
padding-left: 4px;
}

/* freie Vorlage, 10-Punkt-Schrift, für News-Boxen (rechts) */
div.news, div.news p, div.news div {
font-family : Arial, Helvetica, Verdana, sans-serif;
font-size : 10pt;
margin-left : 2px;
margin-bottom: 4px;
margin-top: 0px;
padding: 2px;
color: #003366;
}

/* Minischrift */
.mini {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size:  8pt;
color: #6E666E;
}

/* grauer Rahmen mit Umrandung */
.rahmen {
font-family : Arial, Helvetica, Verdana, sans-serif;
font-size : 10.5pt;
background-color : #999999;
border-style : solid;
border-width : 1px;
border-color : #9FAF9F;
padding : 3px;
}

/* Rahmen mit gestrichelter Umrandung */
.tipp {
font-family : Arial, Helvetica, Verdana, sans-serif;
font-size : 10pt;
border-style : dotted;
border-width : 1px;
border-color : #CED6CE;
padding : 3px;
margin-top: 8px;
margin-bottom: 10px;
}

/* Rahmen mit gestrichelter Umrandung und Gelbhinterlegung */
.tipp2 {
font-family : Arial, Helvetica, Verdana, sans-serif;
font-size : 10pt;
border-style : dotted;
border-width : 1px;
border-color : gray;
padding : 3px;
margin-top: 8px;
margin-bottom: 10px;
background-color: #FFFFCC;
}

/* fette Passagen mit einem Rotton einfärben */
b {
color: #008080;
}

/* kursive Passagen blau färben */
i {
color:  #000099;
}

/* Quellcode formatieren */
.code {
font-family: Courier New, Courier, monospace;
font-size: 100%;
color: #000099;
}

/* Grafik als Aufzählungspunkt einbinden */
ul {
list-style-image: url(karo.gif);
}

ul.new {
list-style-image: url(new.gif);
}

ul.arrow {
list-style-image: url(arrow.gif);
}

/* Abstand der Aufzählungspunkte */
li {
margin-bottom: 2px;
}

/* Kategorien im linken Bereich*/
div.subcat {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin-left: 10px;
}

a.subcat:link, a.subcat:active  {
font-family: Arial, Helvetica, Verdana, sans-serif;
text-decoration: none;
color: #6E666E;
}

a.subcat:visited  {
font-family: Arial, Helvetica, Verdana, sans-serif;
text-decoration: none;
color: #008080;
}

a.subcat:hover  {
font-family: Arial, Helvetica, Verdana, sans-serif;
color: #336699;
border-left-style: solid;
border-left-width: 10px;
border-left-color: #9FAF9F;
padding-left: 1px;
margin-left: -10px;
}

.subcatactive  {
font-family: Arial, Helvetica, Verdana, sans-serif;
border-left-style: solid;
border-left-width: 10px;
border-left-color: #9FAF9F;
padding-left: 2px;
text-decoration: none;
}

a.cat:link, a.cat:active {
text-decoration: none;
color: #6E666E;
}

a.cat:visited {
text-decoration: none;
color: #008080;
}

a.cat:hover  {
text-decoration : none;
color: #336699;
}

div.catactive {
/* text-transform: uppercase; */
font-variant: small-caps;
margin-top: 8px;
margin-bottom: 1px;
border-bottom-style: dotted;
border-bottom-width: 1px;
border-color: #000099;
color: black;
text-decoration: none;
width: 165px;
}

div.cat {
/* text-transform: uppercase; */
font-variant: small-caps;
margin-top: 8px;
margin-bottom: 1px;
border-bottom-style: dotted;
border-bottom-width: 1px;
border-color: silver;
width: 165px;
}
/* Kategorien Ende */

/* Link-Stile für Hover-Links  */
/* Pseudo-Klassen für dynamische Links */
a:visited {
color: #6E666E;
text-decoration: underline;
}

a:visited {
text-decoration : underline;
color : #6E666E;
}

a:link {
text-decoration : underline;
color: #6E666E;
}

a:hover {
text-decoration : none;
color : #6E666E;
}

a:active {
text-decoration : none;
color : #6E666E;
}

.navi {
color: #6E666E;
}

a.navi:visited {
color: #6E666E;
text-decoration: none;
}

a.navi:link {
color: #6E666E;
text-decoration: none;
}

a.navi:hover {
color: #6E666E;
text-decoration: underline;
}

/* Linkleiste gesamt, Abstand nach oben zur Logozeile */
table.linkbar {
margin-top: 2px;
background-color: #CED6CE;
}

/* Linkleiste Tabelle Einzelzelle */
td.linkbar {
color: #6E666E;
background-color: #CED6CE;
text-align: center;
}

/* hervorgehobene Einzelzelle */
td.linkbaractive {
color: #6E666E;
background-color: #CED6CE;
text-align: center;
}

td.linkbar2 {
color: #6E666E;
background-color: #CED6CE;
text-align: center;
}

td.linkbaractive2 {
color: #6E666E;
background-color: #CED6CE;
text-align: center;
}

/* Tabelle formatieren für die rechte Spalte */
table.right {
border-style: solid;
border-width: 1px;
border-color: 9FAF9F;
padding-left: 0px;
}

/* Gestaltung der langen und schmalen Tabelle ganz unten */
table.footer {
margin-top: 5px;
background-color: #CED6CE;
}

/* Suchformular rechts oben */
form.suchform {
margin: 2px;
}
.button {
        BORDER-RIGHT: #95AFAE  1px solid;
        BORDER-TOP: #95AFAE  1px solid;
        BORDER-LEFT: #95AFAE 1px solid;
        BORDER-BOTTOM: #95AFAE  1px solid;
        BACKGROUND-COLOR: #CED6CE;
        font-size: 9pt;
        color: #33666E;
}

.button1 {
        BORDER-RIGHT: #7B9D9E  1px solid;
        BORDER-TOP: #7B9D9E  1px solid;
        BORDER-LEFT: #7B9D9E 1px solid;
        BORDER-BOTTOM: #7B9D9E  1px solid;
        BACKGROUND-COLOR:  #EEF6EE;
        font-size: 9pt;
        color: #33666E;
}

.service {  font-family: Verdana; font-size: 11px; color: #606060}
.servicebold {  font-family: verdana; font-size: 11px; font-weight: bold; color: #000000}
.hdick {  font-family: verdana; font-size: 12px; font-weight: bold; color: #7F90A0}
.sitetxt {  font-family: verdana; font-size: 11px; color: #000000}
.date {  font-family: verdana; font-size: 10px; color: #7F90A0}
.sitered {  font-family: verdana; font-size: 11px; font-weight: bold; color: #990000}
.siterednorm {  font-family: verdana; font-size: 11px; color: #CC0000}
.design {  font-family: verdana; font-size: 9px; color: #606060}
.hdicksw {  font-family: verdana; font-size: 12px; font-weight: bold; color: #7F90A0}
.upsite {  font-family: verdana; font-size: 10px; font-weight: normal; color: #999999}
.newsletter {  font-family: "Lucida Console"; font-size: 11px; font-weight: bold; color: #000000}
.sitetxthell {  font-family: verdana; font-size: 11px; color: #606060}
.projhead {  font-family: verdana; font-size: 12px; font-weight: bold; color: #000000}