/* Schriftart im gesamten Dokument */
body {
font-family: Arial, Helvetica, Verdana, sans-serif;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
background:        url(data/img/main.gif) repeat;
background-color: #95CDC0;
/*background-color: #4E8D85;*/
}

/* oberster DIV-Container, umfasst das gesamte CMS */
div.topdiv {
border-style: dotted;
border-width: 0px;
border-color: silver;
}
div.scroll {
   overflow: auto;
   background-attachment: scroll;
   background-repeat: repeat;
   width:905px;
   height:600px;
   background-color: #FFFFFF;
   border: 0px solid #FFFFFF;
   padding-top: 0px;
   padding-bottom: 0px;
   padding-left: 0px;
   padding-right: 5px;
}
/* Ü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: 8pt;
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: 1px;
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 : 0px;
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;
font-size: 8pt;
margin-left: 8px;
}

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;
font-weight: bold;
border-left-style: solid;
border-left-width: 10px;
border-left-color: #DEE6DE;
padding-left: 1px;
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: #95CDC0;
}

/* Linkleiste Tabelle Einzelzelle */
td.linkbar {
color: #6E666E;
background-color: #95CDC0;
text-align: center;
}

/* hervorgehobene Einzelzelle */
td.linkbaractive {
color: #6E666E;
background-color: #95CDC0;
text-align: center;
}

td.linkbar2 {
color: #6E666E;
background-color: #95CDC0;
text-align: center;
}

td.linkbaractive2 {
color: #6E666E;
background-color: #95CDC0;
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: #95CDC0;
}

/* 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;
}

.borderbgleft {
        background-image: url(data/img/left.jpg);
        background-repeat: repeat;
}
.borderbgright {
        background-image: url(data/img/right.jpg);
        background-repeat: repeat;
}
BODY {
        SCROLLBAR-FACE-COLOR: #CED6CE; SCROLLBAR-HIGHLIGHT-COLOR: #EEF6EE; SCROLLBAR-SHADOW-COLOR: #EEF6EE; SCROLLBAR-ARROW-COLOR: #EEF6EE; SCROLLBAR-TRACK-COLOR: #CED6CE; SCROLLBAR-DARKSHADOW-COLOR: #BEC6BE; SCROLLBAR-BASE-COLOR: #BEC6BE; scrollbar-3d-light-color: #FEF6CC;
}
.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}
.zeichen
{
position : absolute;
font-family : verdana;
font-size : 22px;
width : 22px;
font-weight : bold;
height : 15px;
color :DDEEFF ;
text-align : center;
z-index : 2;
}
.zeichen1
{
position : absolute;
font-family : verdana;
font-size : 22px;
width : 22px;
font-weight : bold;
height : 15px;
color : 669999;
text-align : center;
z-index : 1;
}
.zeichen2
{
position : absolute;
font-family : verdana;
font-size : 22px;
width : 22px;
font-weight : bold;
height : 15px;
color : 336666;
text-align : center;
z-index : 0;
}
*:focus {
outline: none;
}
#Galery {
        text-align: center;
        }
#Galery .Main {
        width: 480px;
        border:0px solid #000000;
        background-color: #333;
        padding: 0px;
        margin:0px;
        }
#Galery img{
        border:0px;
        }

/* Navigation */
#Galery .navigation {
        padding:0px ;
        background:#666;
        }
#Galery .navigation img{
        border:0px;
        }

/* Links */
#Galery  a{
        text-decoration:none;
        color: #ccc;
        }
#Galery a:hover{
        text-decoration:none;
        color: #eee;
        }

/* Seitennummern */
#Galery .seitennr a{
        color: #ccc;
        text-decoration:none;
        font-size:small;
        }
#Galery .aktseitennr{
        color:#000000;
        text-decoration: underline overline;
        }

/* Thumbnails */
#Galery .thumb td{
        background-color: #333;
        padding:5px;
        font-size:smaller;
        }
#Galery .thumb img{
        border:#000000 solid 0px;
        }

/* Vorschubild */
#Galery .show td{
        background-color: #666;
        padding:1px;
        }
#Galery .show img{
        border:#000000 solid 0px;
        }

/* Info */
#Galery .info {
color:#ccc;
font-size:small;
}

/* Download */
#Galery .download {
color:#999;
font-size:small;
}
#Galery .download a{
color: #999;
font-size:small;
}

/* Kategorieauswahl Menue */
#Galery form {
        margin:0;
        }
#Galery .kategorie select {
        color: #aaa;
        background-color: #333;
        font-size: 9pt;
        border: 0px solid #444444;
        }

/* Bilder Pro Seite Auswahl*/
#Galery .bilders {
font-size:smaller;
}
#Galery .bilders select {
        color: #aaa;
        background-color: #333;
        font-size: 9pt;
        border: 0px solid #444444;
        }
/* ----- Formatierung für die Fusszeile inkl. der dort befindlichen Links ----- */
div.von {font-size:7pt; color:#808080; font-weight:normal;}
div.von a:link {font-size:7pt; text-decoration:underline; color:#336E99; font-weight:normal;}
div.von a:visited {font-size:7pt; text-decoration:underline; color:#336E99; font-weight:normal;}
div.von a:hover {font-size:7pt; text-decoration:none; color:#336E99; font-weight:normal;}
div.von a:active {font-size:7pt; text-decoration:underline; color:#336E99; font-weight:normal;}
/* -------------------------------------------------- */