/* Uebersicht: Zuoberst stehen die auf HTML-Elemente angewandten Stile. Darunter kommen selbstdefinierte Klassen und IDs. Unten stehen spezielle Anweisungen fuer einzelne Elemente wie Bilder und Texthervorhebungen*/

body {
        height: 768px;
    color: #000000; background-color: #FFFFFF;
    font-size: 11px;
    font-family:  Arial, Helvetica, Verdana, sans-serif;
        letter-spacing: normal;
        margin-top: 0; margin-bottom: 20px;
    margin-left: 112px;
    margin-right: 112px;
    padding-top: 0; padding-left: 0; padding-right: 0;
        padding-bottom: 20px;


    min-width: 25%; /* Mindestbreite verhindert Umbruch und Anzeige
     in modernen Browsern */
  }



a:link { color: #3333FF; text-decoration:none; font-weight: normal;  }
a:visited { color: #336633; background-color: #FFFFFF; text-decoration:none;   }
a:hover { color: #CC3300; text-decoration:none; background-color:#FFFFFF; font-weight: normal; }
a:active { color:#CCCCCC; background-color:#FFFFFF; font-weight: normal; }


h1 {
font-size: 15px;
font-weight: bold;
margin-left: 10px;
}

h2 {
font-size: 14px;
font-weight: bold;
margin-left: 10px;
}


h3 {
font-size: 13px;
font-weight: bold;
margin-left: 10px;
}

h4 {

font-size: 12px;
font-weight: bold;
margin-left: 10px;
}

td h4 {
      background-color:#DFDFDF; height:25px;
      }

#Inhalt table        {
             width:469px;
             }

td        {
        vertical-align:top;
        }

ul {
list-style: square;
/* margin-left: -15px; */
 }

li a        {
        font-size:11px;
        }


ol { margin-left: -10px; }

object { margin-left: 15px; margin-right: 15px; }

#logo {


        height: 80px;
        width: 479px;
                margin-top: 0;
                margin-left: 180px;
        margin-right: 363px;
                margin-bottom: 15px;
                padding-top: 0;
        border-left: 1px solid #000000;
        border-right: 1px solid #000000;  /*das Logo befindet sich oben zentriert*/
}

img        {
        border:none;
        }

#logo img { /*Das Logo steht oben links ueber dem Inhaltsbereich. Das Logo ist mit der Startseite verkuepft.*/
position: relative;
left: 12px;
top: 37px;
}

#logo a { color: #000000; background-color: #FFFFFF; font-weight: normal; }


#logo a:visited {
    color: #336633; background-color: #FFFFFF; font-weight: normal;
  }

#logo a:hover {
    color: #CC3300; background: none;
        font-weight: normal;
        font-size: 11px;
  }

#logo a:active {
    color: #CCCCCC; background-color:#FFFFFF; font-weight: normal;
  }
  #logo a:focus { color: #CC3300; background-color:#FFFFFF; font-weight: normal; }



#kopf { /*Im Kopfbereich sind Ziergraphik und Brotkrummenleiste vereint.*/
                background-image: url(grafikplatzhalter.jpg); background-repeat: no-repeat;
        height: 150px;
        width: 800px;
                margin-top: 0;
                margin-bottom: 10px;
                font-family: Arial, Verdana , Helvetica , sans serif;
                font-size: 10px;
                position:relative;
                top:0px;
                left:0px;
        vertical-align: middle;  /*der Kopf besteht aus einer Graphik und soll die drei Spalten überachen, ohne die vollständige Breite einzunehmen. Der betreffende Div-Container beinhaltet zudem die Bortkrummenzeile samt Hintergrundbild sowie die Nebennavigation.*/
}



#kopf a  {
font-size: 10px;
text-decoration: none; background: none;
}


#kopf a:link {
color: #000000; background: none; font-weight: normal;
font-size: 10px;
}

#kopf a:visited {
    color: #336633; background: none; font-weight: normal;
  }



#kopf a:hover {
    color: #CC3300; background: none;
        font-weight: normal;
        font-size: 10px;
  }

#kopf a:active {
    color: #CCCCCC; background-color:#FFFFFF; font-weight: normal;
  }

  #kopf a:focus { color:#CC3300; background-color:#FFFFFF; font-weight: normal; }

.nebennav { height: 12px; width: 200px; margin-bottom: 12px; padding-left: 12px;  } /*Die Nebennavigation enthaelt die Links zur Sitemap und Impressum.*/

.nebennav p {
height: 12px;
margin-top: 6px;
position: relative; left: 415px; bottom: -10px;
margin-bottom: 3px; font-weight: normal;
}

.sitemap { }
.impressum {}

.brotkr {
position:absolute;
top:123px;
left:0px;
margin-top:0px;
padding-top:0px;
padding: 0px;
background-image: url("../basisgra/brotkr.jpg"); background-repeat: no-repeat;
height: 21px;
width: 799px;
font-size: 10px;
font-family: Arial , Helvetica , Verdana ,  sans-serif;
}

.brotkr p {  margin-left: 196px;  margin-top: 0; padding-top: 4px; padding-right: 3px;   }

.brotkr a:link {
background-color: #CCCCCC; }

#Navigation {
        font-family: Arial , Helvetica , Verdana , sans serif;
    float: left;
    height: auto; width: 140px;
    margin-top: 0;
    font-size: 14px;
    font-weight: normal;
        margin-left: 10px;
    padding: 0;

  }

#Navigation a,
.pseudolink_unternav  {

    background-color: #FFFFFF;
    display: block;
    font-weight: normal;
    margin-bottom: 15px;
    text-decoration: none;


}

#Navigation a:link {
    color: #000000; background-color: #FFFFFF; font-weight: normal;
  }
#Navigation a:visited {
    color: #336633; background-color: #FFFFFF; font-weight: normal;
  }


#Navigation a:hover {
    color: #CC3300; background-color: #FFFFFF; font-weight: normal;
    font-size: 14px;

        text-decoration: underline;
  }

#Navigation a:active {
    color: #CCCCCC; background-color:#FFFFFF; font-weight: normal;
  }

#Navigation a:focus { color: #CC3300; background-color:#FFFFFF; font-weight: normal; text-decoration: underline}


#Navigation .unternav a,
.pseudolink_unternav {
  font-size: 12px;
  font-weight: normal;
  margin-left: 8px;
}

#Navigation p { margin-top: 0; padding-top: 0; }

.unternav p {
margin-left: 8px;
font-size: 12px; }

.unternav a:link {
    color:#000000;
    background-color:#FFFFFF;
  }

.unternav a:visited {
    color: #336633;
    background-color:#FFFFFF;
  }


.unternav a:hover {
    color:#CC3300;
    background-color:#FFFFFF;
    font-size:10px;
  }

.unternav a:active {
    color:#CCCCCC;
    background-color:#FFFFFF;
  }

.unternav a:focus {
        color:#CC3300;
        background-color:#FFFFFF;
        }

.unternav2  { margin-left: 16px; } /*Es handelt sich hierbei um eine dritte Stufe der Unternavigation, die bisher fuer Preistraeger verwendet wird.*/

.unternav2  a{ font-size: 10px; }


#Termine        { /*Termine sind stets aktuell, wenn es keine aktuellen Termine gibt, kann diese Spalte leer gelassen werden.*/
                position: absolute; left: 782px; top: 255px;
                width: 119px;
                height: auto;
                                margin-top: 0;
                                padding: 0;
                                font-family: Arial , Helvetica , Verdana , sans-serif;





}
#Termine p {
font-size: 10px;
margin-top: 0;
padding-top: 0px;

margin-left: 5px;
}




div#Inhalt {
position:absolute;
left:293px;
top:255px;
                font-family: Arial, Helvetica, Verdana, sans-serif;
                letter-spacing: 0.08em;
        padding-top: 0;
                padding-left: 5px;
                padding-right: 5px;
                padding-bottom: 20px;
        background-color: #ffffff;
        width: 469px;
        height: auto; /* Der MS IE mag die Angaben min-height und max-height gar nicht, obwohl oder gerade weil sie Standard sind */
        border-left: 1px solid #000000;
        border-right: 1px solid #000000;
        margin-top: 0; margin-bottom: 20px;
/*
        margin-left: 179px;
                margin-right: auto;
*/
  }


div#Inhalt p {
    font-size: 11px;
    margin-left: 10px;
        margin-right: 0;
        margin-top: 5px;
  }


.bildlinks  { /*Text umfliesst Bild links*/

  border: 0;
  max-width: 200px;
  max-height: 200px;
  float: left;
  margin-top: 0;
  margin-left: 10px;
  margin-right: 8px;
  margin-bottom: 8px;
  text-align: center;
  font-size: 10px;
   }



.bildrechts { /*Text umfliesst Bild rechts*/
  border: 0;
  max-width: 200px;
  float: right;
  margin-left: 10px;
  margin-right: 5px;
  margin-bottom: 8px;
  max-height: 200px;
  text-align: center;
  font-size: 10px;
   }
.bildzentriert { margin-left: 20px; margin-right: 15px; margin-bottom: 20px;   }

.jury {
/*Bildklasse Jury ohne Bildtext*/

  border: 0;
  max-width: 200px;
  max-height: 200px;
  float: left;
  margin-top: 0;
  margin-left: 10px;
  margin-right: 8px;
  margin-bottom: 0;
  text-align: center;
  font-size: 10px;
   }

.zentrieren { text-align: center;         letter-spacing: 0.08em; }
.akzent { font-style: italic; letter-spacing: 0.08em; }


.textblock { text-align: left; margin-left: 10px; letter-spacing: 0.08em; }