/* ------------------------------ Der Hintergrund */

body        {
         background-image:url(images/body_bg.png);
         font-family:Verdana, Arial, Helvetica, sans-serif;
         font-size:11px;
         margin:0px;
         padding:0px;
         }

/* ------------------------------ Container */

#container {
         background-color:#eeeeee;
         color:#FFFFFF;
         width:1000px;
         position:relative;
         left:50%;
         margin-left:-500px;
         border-left:2px white solid;
         border-right:2px white solid;
         border-top:2px white solid;
         position:absolute;
         top:10px;
         overflow:hidden;
        }

/* ------------------------------ Allgemeine Formatierungen */

table        {
         width:95%;
         }

td         {
         border:0px blue solid;
         font-family:Verdana, Arial, Helvetica, sans-serif;
           }

a:active  {
         font-family:Verdana, Arial, Helvetica, sans-serif;
         text-decoration:none;
         }

input {
         font-family:Verdana, Arial, Helvetica, sans-serif;
         font-size:10px;
         color:#000000;
         background-color:#F0F0F0;
         border:1px solid #CCCCCC;
         margin:2px;
        }

textarea {
         font-family:Verdana, Arial, Helvetica, sans-serif;
         font-size:10px;
         color:#000000;
         padding:2px;
         background-color:#F0F0F0;
         border:1px solid #CCCCCC;
         margin:2px;
        }

ul {
         margin:0px;
         padding:0px;
         list-style: none;
         }

li {
         line-height: 15px;
         padding-left: 10px;
         padding-top: 0px;
         background-image: url(images/arrow.png) ;
         background-repeat: no-repeat;
         background-position: 0px 3px;
}

/* ------------------------------ Kopfzeile (Logo, Banner und Menü oben) */

#header        {
         background-color:#FFFFFF;
         width:100%;
         border-bottom:5px white solid;
         z-index:1;
         visibility:visible;
         margin-top:0px;
        }

/* --- Menü oben */

#header.td {
         margin:0px;
         padding:0px;
         }

table.header {
         margin-left:0px;
         padding-left:0px;
         }

.header  {
         margin:0px;
         padding-top:0px;
         }

td.menu        {
         border-top:1px white solid;
         border-left:1px white solid;
         border-right:1px black solid;
         border-bottom:1px black solid;
         width:155px;
        }

td.menu a {
         background:#99D0B3 url(/images/menu_bg.png) 2px no-repeat;
         color:#FFFFFF;
         display:block;
         height:17px;
         padding-left:17px;
         padding-top:2px;
         text-decoration:none;
         }
/* ------------------------------ Leiste links: Menü */

#left        {
         background-color:#eeeeee;
         width:168px;
         float:left;
         margin-bottom:10px;
         border-right:2px solid #FFFFFF;
         }

#navi_left {
         background-image:url(images/body_bg.png);
         width:168px;
         margin-top:0px;
         padding:2px 0px 2px 0px;
        }

#navi_tab {
         border:0px;
         padding:0px;
         margin:5px;
         width:158px;
         vertical-align:center;
         }

#search  {
         margin-top:20px;
         height:50px;
         padding:10px 0 10px 0;
         text-align:center;
         border:0px red solid;
         background-image:url(images/body_bg.png);
        }

#google_search {
         background-image:url(images/body_bg.png);
         background-color:#ffffff;
         margin-top:10px;
         height:100px;
        }

#vitamin        {
        text-align:center;
         height:100%;
        }


/* --- Formatierung: Menüpunkte (Tabelle)  */

td.navi_title {
         background-color:#99D0B3;
         height:15px;
         width:128px;
         text-align:left;
         vertical-align:middle;
         font-size:10px;
         text-indent:5px;
         font-weight: bold;
         padding:3px 0px 3px 0px;
         }


td.navi_title a {
        color:#FFFFFF;
        font-weight:bold;
        display:block;
        vertical-align:middle;
        text-decoration:none;
        }

td.navi_title a:hover {
        color:#000000;
         }

td.navi_green {
        background-color:#6B8E7C;
        width:10px;
        border:0px;
        padding:0px;
        }


td.navi_entry {
        text-align:left;
        line-height:15px;
        font-size:11px;
        font-family:Verdana, Arial, Helvetica, sans-serif;
        width:128px;
        margin-bottom:10px;
        vertical-align:middle;
         }

td.navi_entry a {
        background-repeat: no-repeat;
        color:#000000;
        display:block;
        text-decoration:none;
        width:128px;

        }

td.navi_entry a:hover {
        background-repeat: no-repeat;
        color:#000000;
        text-decoration:none;
        width:128px;
        }

.dreieck {
        vertical-align:middle;
        text-align:right;
         }

/* ------------------------------ Content - Inhalt */

#content        {
        background-color:#eeeeee;
         float:left;
         color:#000000;
         padding-left:0px;
         padding-top:10px;
         width:635px;
         }

table        {
        width:98%;
         margin:8px;
         }

td        {
        vertical-align:top;
         }

#img_cont {
         margin:0px;
         }

#img_cont img {
         border:1px #000000 solid;
         }

/* --- Formatierungen */

.inputbox {
          font-family:Verdana, Arial, Helvetica, sans-serif;
          font-size:10px;
          color:#000000;
          background-color:#F0F0F0;
          border:1px solid #CCCCCC;
        }

h1        {
         font-weight:bold;
         font-size:14px;
         color:#6B8E7C;
         }

a        {
        font-family:Verdana,Arial;
         text-decoration:none;
         color:#6B8E7C;
         }

a:active        {
        font-family:Verdana, Arial, Helvetica, sans-serif;
         text-decoration:none;
         }

a:visited {
        font-family:Verdana, Arial, Helvetica, sans-serif;
         text-decoration:none;
         }

a:hover        {
        font-family:Verdana, Arial, Helvetica, sans-serif;
         text-decoration:none;
         color:#000000;
         }
/* ------------------------------ Leiste Rechts */

#right        {
         float:right;
         background-color:#eeeeee;
         width:178px;
         }

#news        {
         background-image:url(images/body_bg.png);
         color:#000000;
         font-size:8pt;
         padding:10px;
        }

#news a {
         font-size:10pt;
         font-weight:bold;
         }

#werbung {
         background-image:url(images/body_bg.png);
         text-align:center;
         padding-top:10px;
         padding-bottom:10px;
         margin-top:10px;
         }

#google_anzeige {
        background-image:url(images/body_bg.png);
         margin-top:10px;
         margin-bottom:10px;
         padding-top:10px;
         text-align:center;
         height:610px;
        }


/* ------------------------------ footer  */

#footer        {
         clear:both;
         background-color:#999999;
         color:#333333;
         margin:0px;
         padding:5px;
         text-align:right;
        }

/* ------------------------------ Lehrlinge */

.named {
        width:600px;
         }

.named td {
         width:600px;
         height:5px;
         padding:0px;
         text-align:center;
         vertical-align:middle;
                  }
.mark {
        background:white;
         width:200px;
         font-size:8pt;
         font-weight:bold;
         border:1px solid black;
         margin:0px;
         padding:0px;
         }

h2        {
        font-size:28pt;
         }