/* allgemeine styles
   -------------- */
body {
        padding: 0;
        margin: 0;
        font: 0.75em Arial, sans-serif; /* Standard Schrift 0.7em */
        line-height: 1.3em; /* Standard Zeilenabstand 1.5em */
        background: #FFF; /* Layout Hintergrund-Farbe FFFFFF - Alternative E0EEE0 oder 66CDAA*/
        color: #292929; /* Standard Schrift #454545 - Schriftfarbe, jedoch nicht Link und H2 */ 
}

h1 {
        font: bold 1.8em Arial, Sans-Serif;  /* Standard Schrift 2em */
        letter-spacing: -1px;
        padding: 0px 0 0 0px;
        margin: 0;
}

h2 {
        margin-top: 0px; /* Abstand zum oberen Element */
        margin-bottom: 10px; /* Abstand nach Überschrift */
        font-size: 16px;
        color: #292929; /* Standard Schrift #999999 - Schriftfarbe, jedoch nicht Link und H2 */ 
}

a {
        color: #336699; /* Standard Link-Farbe 336699 - Alternative 104E8B */
        background: inherit; /* Permanente Hintergrund-Farbe der Links */
}

a:hover {
        color: #8B1C62;  /* Standard 222 oder 8B2252 */
        background: inherit;  /* Hover- Hintergrund-Farbe  */
}

p {
        margin: 0 10px 5px 0;
}

ul {
        margin-left: 16px;
        padding : 0;
        list-style : disc;
}

img {
        border: none;
        hspace: 0;
        vspace: 0;
        margin: 0 5px 0px 0;
}

/* content
   -------------- */
.content {
        margin: 10px auto; /* Abstände; mit margin-top der obere Abstand definieren */
        width: 960px;
}

/* design head
   --------- */
.subheader {
        clear: both;
        line-height: 1.0em;
        padding: 10px 13px 5px 17px;
        margin: 0px 0px 10px 0px;
        text-align: center;
        background: #FFF; /* Hintergrund-Farbe Balken Startseite 'Hier finden Sie, was Sie suchen' */
        color: #808080; /* Standard 808080 */
        border-bottom: 1px solid #333333;
}

.subheadernavi {
        clear: both;
        line-height: 0.0em;
        padding: 10px 13px 5px 17px;
        margin: 0px 0px 10px 0;
        text-align: left;
        background: #FFF; /* Hintergrund-Farbe Balken von 'Sie sind hier...' in Webkatalog */
        color: #808080; /* Schriftfarbe von Text 'Sie sind hier...' */
        border-bottom: 1px solid #333333;
}

/* horizontal menu
   --------- */
#tabs {
        background:  #FFF url(images/bigbox.gif) no-repeat top left;  /* Breiter Balken hinter Horizontal-Navi und Hintegrund-        Farbe des Raumes unterhalb*/
        color: #000;
        height: 84px;
        text-align: center;
        padding: 0 0 0 230px;
}

#tabs li {
        display: inline;
        height: 45px;
}

#tabs li a {
        float: left;
        background: #FFFFFF url(images/barbg.gif) no-repeat; /* Anzeige von Navi-Button selber*/
        color: #808080; /* Navi-Schrift-Farbe */
        padding: 7px 0;
        width: 82px; /* Abstand zwischen Navi-Button Standard 82px */
        text-align: center;
        font-weight: bold;
        text-decoration: none;
}

#tabs li a:hover {
        background: #fff url(images/barcurrent.gif) no-repeat; /* nicht herausgefunden */
        color: #red;
}

#tabs li a.current {
        background:  #fff url(images/barcurrent.gif) no-repeat; /* 'Breite' Navi-Botton */ 
        color: #2C71AE;
}

/* search form
   --------- */
#search {
	float: left;
	clear: both;
	color: #000;
	background: /* url(images/searchbg.gif) no-repeat; /* - Die grüne und blaue Grafik, welche das Suchfeld umgibt */ 
                padding: 14px 0 15px 5px;
	width: 500px; /* Breite der Grafik */
	margin: 2px 0 0 0; /* Standard 6px, 0 0 vertikale  Einmittung des Suchfeldes */
}
	#search p { padding: 0; margin: 0; }

input.search {
        width: 279px;
        border: none;
        background: #fff url(images/input.gif) no-repeat;
        padding: 5px 5px; /* Standard 6px 10px  - 'Höhe des Eingabefeldes' */
        color: #1E67A8;
        font-weight: bold;
}

input.button {
        padding: 1px; /* Standard 3px - 'Höhe des Button' */
}

.bluebtn {
        background: #488EB2 url(images/bluebtn.gif) no-repeat; 
        width: 100px;
        padding: 1px 16px 5px 16px;
        color: #fff;
        text-decoration: none;
}

.greenbtn {
        background: #488EB2 url(images/greenbtn.gif) no-repeat;
        padding: 1px 17px 5px 16px;
        color: #ffffff;
        text-decoration: none;
}

.bluebtn:hover, .greenbtn:hover {
        background: #488EB2 url(images/hoverbtn.gif) no-repeat;
        color: #000; /* Nicht herausgefunden */
}

/* left side
   --------- */

.left {
        float: left;
        width: 17%;
        margin: 10px 10px 0 0;
}

        .left_articles {
                border: 1px solid #eee;
                padding: 10px 10px 10px 15px;
                margin: 0 0 10px 0;
                background: #FFF; /* Hintergrund-Farbe Kasten links */
        }

        .left_articles:hover {
                border: 1px solid #ccc;
        }

/* center
   ---------- */
.center {
        float: left;
        width: 64%;
        margin: 10px 0 0 0;
}
        .center_articles {
                margin: 0px 0 10px 0;
                background: #f5f5f5;/* Hintergrund-Farbe AdSense oben Standard f5f5f5 */
        }

        .center_center {
                border: 1px solid #EEE; /* Rahmen Content Standard #eee Alternative 838B83*/
                padding: 10px 10px 10px 15px;
                margin: 0 0 10px 0;
                background: #FFF; /* Hintergrund-Farbe Content */
        }

        .center_center:hover {
                border: 1px solid #ccc; /* Rahmen von Content Standard ccc */
        }


/* right side
   ---------- */

.right {
        float: right;
        width: 17%;
        margin: 10px 0 10px 0;
}

        .right_articles {
                border: 1px solid #eee;
                padding: 10px 10px 10px 15px;
                margin: 0 0 10px 0;
                background: #FFF; /*Hintergrund-Farbe Kasten rechts */
        }

        .right_articles:hover {
                border: 1px solid #ccc;
        }

/* design footer
   --------- */
.footer {
        clear: both;
        text-align: center;
        line-height: 1.8em;
        color: #808080;
        padding: 10px 0 10px 0;
        border-top: 1px solid #333333;
}

.footer a {
        color: #444444; /* Linkfarbe der Links im Footerv */
}