/* ===========================================
      Stylesheet für KeyNotes
      01.07.2008
      Georgia Farys
 
      1. Kalibrierung und allgemeingültige Styles
      2. Styles für die Layout-Bereiche
      3. Sonstige Styles 
      =========================================== */
   /* ===========================================
      1. Kalibrierung und allgemeingültige Styles 
      =========================================== */

    /* Kalibrierung der wichtigsten Abstände */
 
* {
   margin: 0;
   padding: 0;
   }

     /* Allgemeine Selektoren */

html {
   height: 100.01%;
   }

body {
   width: 100%;
   height: auto;
   font-family: Trebuchet, Verdana, Arial, sans-serif;
   font-size: 62.5%;
   color: #000080;
   background-color: #4c4c80;
   line-height: 1.5em;
   }


     /* Allgemeine Hyperlinks */

img, a img { border: 0; }

a:link {
   text-decoration: none;
   font-weight: bold;
   color: #000080;
   background-color: #ece9d8;
   border-bottom: 0 solid;
   }
a:visited  {
   text-decoration: none;
   font-weight: bold;
   color: #000080;
   background-color: #ece9d8;
   border-bottom: 0 solid;
   }
a:hover,
a:active, 
a:focus {
   text-decoration: none;
   font-weight: bold;
   color: #ffffff;
   background-color: #8080bf;
   border-bottom: 0 solid;
   }


   /* Allgemeine Klassen und IDs */


h1, h2, h3, h4, h5, h6 {
   margin: 0;
   padding: 0;
   text-decoration: none;
   text-align: left;
   font-weight: bold;
   }
h2 {
   text-decoration: none;
   text-align: left;
   font-weight: bold;
   font-size: 1.3em;
   }      

h1 { font-size: 1.5em; }
h3 { font-size: 1.2em; }
h4 { 
   font-size: 1.1em; 
   font-weight: normal;
   }
h5 { font-size: 0.9em; }
h6 { font-size: 0.7em; }
hr { 
   border: 1px solid #cbcbe5; 
   margin: 5px 0;
   padding: 0;
   }

p {
   margin: 0;
   padding: 0;
   font-size: 1.1em;
   text-align: left;
   font-weight: normal;
   }
span {
   margin: 0;
   padding: 0;
   text-align: center;
   border-bottom: 0 solid;
   }
ol {
   margin: 0 0 0 30px;
   list-style-type: decimal;
   font-weight: normal;
   text-align: left;
   font-size: 1.1em;
   line-height: 1.5em;
   }
ul {
   margin: 0 0 0 30px;
   font-weight: normal;
   text-align: left;
   font-size: 1.1em;
   line-height: 1.5em; 
  }
ul ul {
   margin: 0 0 0 50px;
   list-style-type: square;
   font-weight: normal;
   text-align: left;
   }


table {
   margin:0;
   width: 100%;
   }

caption {
   margin: 0;
   padding: 0;
   text-align: left;
   font-size: 1.5em;
   line-height: 1.5em;
   font-weight: bold;
   }

th {
   margin: 0;
   padding: 0;
   text-align: left;
   font-size: 1.3em;
   font-weight: normal;
   }

td {
   margin: 0;
   padding: 0;
   text-align: left;
   font-size: 1.1em;
   font-weight: bold;
   }



fieldset {
   margin: 10px;
   padding: 10px;
   text-align: left;
   color: #000080;
   background-color: #cbcbe5;
   border: 1px solid #000;
   }

legend {
   color: #000080;
   background-color: #cbcbe5;
   text-align: left;
   }

label {
   float: left;
   margin: 0;
   padding: 5px;
   width: 250px;
   font-size: 1.1em;
   color: #000080;
   background-color: #cbcbe5;
   text-align: right;
   display: block;
   }

input, textarea, select {
   margin: 0;
   color: #000080;
   background-color: #cbcbe5;
   }
input:focus, input:active, input:hover {
   margin: 0;
   color: #000080;
   background-color: #cbcbe5;
    }
select:focus, select:active, select:hover {
   margin: 0;
   color: #000080;
   background-color: #cbcbe5;
    }
textarea:focus, textarea:active, textarea:hover {
   margin: 0;
   color: #000080;
   background-color: #cbcbe5;
    }



   /* ===========================================
      2. Styles für die Layoutbereiche 
      =========================================== */
#mantel {
   margin: 20px auto;
   width: 800px;
   height: auto;
   text-align: center;
   font-size: 1.1em;
   color: #000080;
   background-color: #cbcbe5;
   }
#titel{
   margin: 0;
   padding: 2px;
   width: 796px;
   height: 124px;
   color: #000080;
   background-color: #cbcbe5;
   }
a:link {
   text-decoration: none;
   font-weight: bold;
   color: #000080;
   background-color: #cbcbe5;
   border-bottom: 0 solid;
   }
a:visited  {
   text-decoration: none;
   font-weight: bold;
   color: #000080;
   background-color: #cbcbe5;
   border-bottom: 0 solid;
   }
a:hover,
a:active, 
a:focus {
   text-decoration: none;
   font-weight: bold;
   color: #000080;
   background-color: #cbcbe5;
   border-bottom: 0 solid;
   }

#navi {
   margin: 0;
   padding: 5px;
   width: 790px;
   height: auto;
   color: #000080;
   background-color: #cbcbe5;
   }
#navi  ul {
   margin: 0 15px;
   padding: 0;
   list-style-type: none;
   font-weight: bold;
   text-align: left;
   }
#navi  li {
   margin: 0 10px;
   padding: 0;
   list-style-type: none;
   font-size: 1.3em;
   font-weight: bold;
   text-align: left;
   display: inline;
   }
#navi  a:link {
   text-decoration: none;
   font-weight: bold;
   color: #000080;
   background-color: #cbcbe5;
   border-bottom: 0 solid;
   }
#navi  a:visited  {
   text-decoration: none;
   font-weight: bold;
   color: #000080;
   background-color: #cbcbe5;;
   border-bottom: 0 solid;
   }
#navi  a:hover,
#navi  a:active, 
#navi  a:focus {
   text-decoration: none;
   font-weight: bold;
   color: #000080;
   background-color: #cbcbe5;
   border-bottom: 0 solid;
   }
#inhalt {
   float: left;
   margin: 0;
   padding: 0;
   width: 800px;
   height: auto;   
   color: #000080;
   background-color: #ece9d8;
   }
   #text {
      float: left;
      margin: 0;
      padding: 10px 5px 10px 10px;
      width: 580px;
      height:auto;
      border-right: 1px solid #cbcbe5;
      }
   #text a:link {
      text-decoration: none;
      font-weight: bold;
      color: #000080;
      background-color: #ece9d8;
      border-bottom: 0 solid;
      }
   #text a:visited  {
      text-decoration: none;
      font-weight: bold;
      color: #000080;
      background-color: #ece9d8;
      border-bottom: 0 solid;
      }
   #text a:hover,
   #text a:active, 
   #text a:focus {
      text-decoration: none;
      font-weight: bold;
      color: #ffffff;
      background-color: #8080bf;
      border-bottom: 0 solid;
      }

   #spalte {
      float: left;
      margin: 0 0 0 -1px;
      padding: 10px 10px 10px 5px;
      width: 180px;
      height:auto;
      border-left: 1px solid #cbcbe5;
      }
   #spalte h3 {
      margin: 0 0 15px 0;
      padding: 0;
      font-size: 1.3em;
      font-weight: bold;
      color: #8080bf;
      background-color: #ece9d8;
      text-align: center;
      }
   #spalte h4 {
      margin: 0 0 5px 0;
      padding: 0;
      font-size: 1.1em;
      font-weight: bold;
      color: #8080bf;
      background-color: #ece9d8;
      text-align: center;
      }
   #spalte p {
      margin: 0 0 10px 0;
      padding: 0;
      font-size: 1em;
      font-weight: normal;
      color: #8080bf;
      background-color: #ece9d8;
      }
   #spalte a:link {
      text-decoration: none;
      font-weight: bold;
      color: #8080bf;
      background-color: #ece9d8;
      font-size: 1em;
      font-weight: normal;
      border-bottom: 0 solid;
      }
   #spalte  a:visited  {
      text-decoration: none;
      font-weight: bold;
      color: #8080bf;
      background-color: #ece9d8;
      font-size: 1em;
      font-weight: normal;
      border-bottom: 0 solid;
      }
   #spalte a:hover,
   #spalte a:active, 
   #spalte  a:focus {
      text-decoration: none;
      font-weight: bold;
      color: #000080;
      background-color: #8080bf;
      font-size: 1em;
      font-weight: normal;
      border-bottom: 0 solid;
      }
   #spalte  fieldset {
      margin: 0;
      padding: 10px;
      width: 170px;
      text-align: left;
      color: #8080bf;
      background-color: #ece9d8;
      border: 1px solid #8080bf;
      }
   #spalte  legend {
      color: #8080bf;
      background-color: #ece9d8;
      font-size: 0.9em;
      text-align: left;
      }
   #spalte  label {
      margin: 0;
      padding: 5px;
      width: 160px;
      font-size: 0.8em;
      color: #8080bf;
      background-color: #ece9d8;
      text-align: left;
      display: block;
      cursor: pointer;
      }

   #spalte  input, select {
      margin: 0;
      width: 160px;
      color: #8080bf;
      background-color: #ece9d8;;
      }
   #spalte  input:focus, input:active, input:hover {
      margin: 0;
      width: 160px;
      color: #000080;
      background-color: #cbcbe5;
       }
   #spalte  select:focus, select:active, select:hover {
      margin: 0;
      width: 160px;
      color: #000080;
      background-color: #cbcbe5;
       }

#fuss {
   clear: both;
   margin: 0;
   padding: 5px 5px 0 5px;
   width: 790px;
   height: auto;   
   color: #000080;
   background-color: #cbcbe5;
   }   
#fuss  p {
   margin: 0 0 10px 0;
   padding: 0;
   font-size: 0.8em;
   font-weight: normal;
   }
#fuss  a:link {
   text-decoration: none;
   font-weight: bold;
   font-size: 1em;
   color: #000080;
   background-color: #cbcbe5;
   border-bottom: 0 solid;
   }
#fuss a:visited  {
   text-decoration: none;
   font-weight: bold;
   font-size: 1em;
   color: #000080;
   background-color: #cbcbe5;;
   border-bottom: 0 solid;
   }
#fuss  a:hover,
#fuss  a:active, 
#fuss  a:focus {
   text-decoration: none;
   font-weight: bold;
   font-size: 1em;
   color: #000080;
   background-color: #cbcbe5;
   border-bottom: 0 solid;
   }
   /* ===========================================
      3. Sonstige Styles 
      =========================================== */

     /*Container*/


     /*Absätze*/


    /* Überschriften */


     /*Listen*/   


     /*Tabellen*/ 


     /*fieldset*/


     /*label*/


     /*Links*/    


      /*font*/

.error {
  color: #ff0000;
   }
           .mdx_form_text {
             font-size: 1.1em;
             color: #000080;
             background-color: #ece9d8;
             }

           .mdx_form_hprefix {
             font-size: 1.1em;
             color: #000080;
             background-color: #ece9d8;
             }

           .mdx_form_hsuffix {
             font-size: 1.1em;
             color: #000080;
             background-color: #ece9d8;
             }

           .mdx_form_email {
             font-size: 1.1em;
             color: #000080;
             background-color: #ece9d8;
             }

           .mdx_form_textarea {
             width: 220px;
             height: 100px;
             font-size: 1.4em;
             color: #000080;
             background-color: #ece9d8;
             }

           .mdx_form_radio {
             font-size: 1.1em;
             color: #000080;
             background-color: #ece9d8;
             }

           .mdx_form_select {
             font-size: 1.1em;
             color: #000080;
             background-color: #ece9d8;
             }

           .mdx_form_checkbox {
             font-size: 1.1em;
             color: #000080;
             background-color: #ece9d8;
             }

           .mdx_form_submit {
             font-size: 1.1em;
             color: #000080;
             background-color: #ece9d8;
             }




#skiplink {
   position: absolute;
   top: -2000px;
   left: -3000px;
   width: 0;
   height: 0;
   overflow: hidden;
   display: inline;
   }

/* ===========================================
   Ende des Stylesheets 
   =========================================== */