/* ===============================================================
Stylesheet für die COG-Homepage (Folgeseiten)
Datei:   style.css
Media:   screen
Datum:   04.09.07, Update: 02.02.08
Autoren: Patrick Schulte, Sabine Thierfelder
Achtung: Reihenfolge der Elemente in der CSS-Datei ist wichtig!!!
================================================================== */

/* ======================================
   Kalibrierung und allgemeine Styles
   ====================================== */

/* Kalibrierung der wichtigsten Abst�de */

*        { padding: 0; margin: 0; }
h1, h2   { margin-bottom: 1em; margin-top: 1em; }
h4, h3   { margin-bottom: 1em; margin-top: 1em; }
p, ul    { margin-bottom: 1em;}
ol   { margin-bottom: 1em; margin-left: 1em;}
ul ul    { margin-bottom: 0; margin-left: 1em;}
li       { margin-left: 1em; }
th, td   { margin: 2px; padding: 3px;}
img      { border-width: 0pt; }

/* Allgemeine Selektoren */

body {
   background-color: #F1EADC;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: small;
   color: #000000;
}

h1, h3 { font-size: 130%; }
h2, h4 {  font-size: 110%; }

#druckBanner { display: none; }

/* Hyperlinks */

a {
    font-weight: bold;
    text-decoration: none;
}

a:link               { color: #005da8;}
a:hover, a:focus     { color: #6097FC; text-decoration: underline;}
a:visited, a:active  { color: #6097FC;}


/* Allgemeine Klassen und IDs */


.fett {font-weight: bold;}

.kursiv {font-style: italic;}

.bildlinks {
   float:left;
   margin-right: 10px;
   margin-bottom: 10px;
}
.bildrechts {
   float:right;
   margin-bottom: 10px;
   margin-left: 10px;
}

/* ====================================
   Styles fr die  Layoutbereiche
   ==================================== */

#wrapper {
   background-color: #FFFFFF;
   border: 1px solid silver;
   margin: 15px auto;
   min-width: 600px;
   max-width: 100em;
   width: 94%;
}


#banner {
   position: relative;
   height: 100px;
   color: white;
   font-size: 200%;
   font-weight: bold;
   text-align: right;
   background: #6097FC no-repeat top left url(../jpg/banner.jpg);
   padding: 10px;
   border-bottom: 1px solid silver;
}

#kopfleiste1 {
   position: relative;
   height: 35px;
   background: #005da8;
   border-bottom: 1px solid silver;
}

#kopfleiste2 {
   position: relative;
   height: 25px;
   background: #6097FC ;
   border-bottom: 1px solid silver;
}


.menu {
   color: white;
   position: relative;
   height: 25px;
   padding: 6px 3px 0px 3px;
   text-align: center;
   font-size: small;
}

        .menu li {
           display: inline;
           list-style-type: none;
           margin: 0;             /* wichtig */
        }

        .menu a {
           color: white;
            text-decoration: none;
         }

        .menu a:link, .menu a:visited {color: white;}
        .menu a:hover, .menu a:focus  {color: white; text-decoration: underline;}


#navibereich {
   float: left;
   width: 17%;
   padding-left: 10px;
   padding-top: 15px;
}


        #navibereich ul { border-top: 1px solid silver;        }

        #navibereich li {
           list-style-type: none;
           border-bottom: 1px solid silver;
           margin: 0;
        }

        #navibereich a {
           display: block;
           text-decoration: none;
           color: #005da8;
           padding: 2px;
            padding-right: 0px;
           padding-left: 4px;
           font-size: 8pt;
           border-left: 2px solid white;    /* wichtig */
        }

        #navibereich a:active,  #navibereich a:link { color: #005da8; }
                #navibereich a:hover, #navibereich a:focus {
           color: #6097FC ;
           border-left-color: #005da8;
        }

#navibereich a.wettbewert, #navibereich a:hover.wettbewert, #navibereich a:link.wettbewert, #navibereich a:focus.wettbewert
{
color: #005da8;
border-left-color: #ffffff;
}

.navititel {
   color: silver;
   font-weight: bold;
   padding-left: 4px;
   padding-bottom: 4px;
}

#textbereich {
   float: right;
   width: 80%;
   border-left: 1px solid silver;
}

#text {
   float: left;
   width: 96%;
   padding: 15px 1% 15px 2%;
}


.baum {
 font-size: 7pt;
}

.artikelende {
   text-align: right;
   font-size: x-small;
   margin-top: 20px;
}

#fuss {
   clear: both;
   color: #005da8;
   padding: 5px;
   border-top: 1px solid silver;
   height: 20px;
   text-align: center;
   font-size: small;
}

#fuss a, #fuss a:focus, #fuss a:visited, #fuss a:active {
  color: #005da8;
  text-decoration: none;
  font-size: 8pt;
}

#fuss a:hover {
  color: #6097FC ;
  text-decoration: underline;
  font-size: 8pt;
}

.inputForm {
   border-width: 1px;
   border-color: #000000;
   border-style: solid;
   background-color: #FFFFFF;
   color: #000000;
   font-family: Arial, sans-serif;
   padding: 1px 1px 1px 1px;
   margin: 2px 0px 2px 0px;
}

.submitForm {
   border-width: 1px;
   border-color: #000000;
   border-style: outset;
   background-color: #FFFFFF;
   color: #000000;
   font-family: Arial, sans-serif;
   padding: 3px 3px 3px 3px;
   margin: 2px 0px 2px 0px;
}

/* =======================================
   E N D E   D E S   S T Y L E S H E E T S
   ======================================= */