html, body {
    margin:0 ;
    padding:0 ;
    background-color: #FFFFFF;
    color: #333333;
    font-size : 12px;
    font-family: Verdana, Arial, Helvetica, sans-serif ;
    font-weight: normal;
    width:100% ;
}

div.rand { position:absolute; left: 170px ; top:127px ; right:180px; margin: 0px ; padding:0px;}
div.rand1 {background:#FFFFFF; margin:16px;}
div.rand4 { position:relative; margin:0 0 20px 0 ; padding:0 ;  background-color: #3370A8;}
div.siderand { position: absolute; top:127px ;  right:6px ;  left: auto ;  width:164px; }

p.nor { margin-top:4px; }

ul.dm {
  margin:0 ;
  padding:0 ;
  list-style-type: none;
  text-align:left;
}

ul.dm li.menu {
   padding: 0px ;
   margin: 3px 0 0 0 ;
   border-bottom: solid 1px #3370A8 ;
}

ul.dm li.menu p {
   margin: 0px ;
   border-left: solid 4px #F50C0C ;
   background: #4178B1;
   color:#FFFFFF;
   padding: 4px 0px 4px 12px ;
   font-weight:bold ;
}

/* Erscheinungsbild der Menüpunkte */

ul.dm a {
  text-decoration: none;
  display: block ;
  margin: 0px ;
  padding: 4px 0px 4px 12px ;
  border-left: solid 4px #4178B1;
}

ul.dm li.menu a.first {
  text-decoration: none;
  display: block ;
  padding: 4px 10px 4px 12px ;
  margin: 0 ;
  border-left: solid 4px #F50C0C ;
  background : #EEEEEE ;
  font-weight:bold ;
}

ul.dm li.menu a.first:hover {
  background: #DDDDDD ;
  color: #2222AA ;
}

/* Erscheinungsbild eines Menüpunkts bei Mouseover */
ul.dm li.menu a:hover {
  background: #DDDDDD ;
  color: #2222AA ;
}

/* ------------------------------------------------------------------- */
/* Zweite Leiste */

ul#dm1 {
  margin: 0 ;
  padding: 0 ;
  list-style-type: none;
}

ul#dm1 li.menu2 {
  margin: 0 ;
  padding: 0 ;
  border-top: solid 1px #3370A8 ;
}

ul#dm1 li.menu2 a {
  text-decoration: none;
  font-size:8pt ;
  border-left: solid 4px #9900AA ;
  background: #EEEEEE ;
  color: #333366;
  display: block;
  padding: 3px 0px 3px 20px ;
  margin:0 ;
 }

/* Erscheinungsbild eines Menüpunkts bei Mouseover */
ul#dm1 li.menu2 a:hover {
      background: #DDDDDD ;
 }

/* ------------------------------------------------------------------- */
/* Obere Leiste */
ul.dm2 {
      margin:0 ;
      padding: 0 ;
      list-style-type: none;
      text-align:center ;
 }

ul.dm2 li {
      background: #4178B1;
      display: inline;
      padding: 0 ;
      margin: 0 ;
      float: left;
      font: 8pt Verdana,sans-serif;
      color:#FFFFFF;
 }

p#leiste {
      color:#FFFFFF;
      font-size:8pt;
      padding: 0 ;
      margin:0;
 }

/* Erscheinungsbild der Menüpunkte */
ul.dm2 a, ul.dm2 a:visited, ul.dm2 a:active {
      padding: 0pt 12pt 0pt 12pt ;
      margin: 0 ;
      text-decoration: none;
      display: block;
      color:#FFFFFF;
 }

/* Erscheinungsbild eines Menüpunkts bei Mouseover */
ul.dm2 a:hover {
  background: #DDDDDD ;
  color: #009;
}

ul#dm3 {
      margin:0 ;
      padding: 0 ;
      list-style-type: none;
      text-align:center ;
 }

ul#dm3 li {
      background: #3370A8;
      display: inline;
      padding: 0 ;
      margin: 0;
      float: left;
      font: 7pt Verdana,sans-serif;
      color:#FFFFFF;
 }

ul#dm3 p {
      padding: 1px 4px 1px 4px ;
      margin:0;
 }

/* Erscheinungsbild der Menüpunkte */
ul#dm3 a {
      padding: 2px 4px 2px 4px ;
      text-decoration: none;
      display: block;
      color:#FFFFFF;
 }

/* Erscheinungsbild eines Menüpunkts bei Mouseover */
ul#dm3 a:hover {
  /*background: #D2D2D2 ;*/
  background: #DDDDDD ;
  color: #009;
}

ul#side {
   margin: 0 ;
   padding: 0 ;
   text-align:left ;
   list-style-type: none;
}

ul#side li {
   padding: 0 ;
   margin:3px 0 0 0 ;
   background:#DDDDDD;
   border-bottom: solid 1px #9999AA  ;
   border-left: solid 1px #9999AA ;
}

ul#side li p {
   padding: 6px 4px 4px 8px ;
   margin:0 ;
   font-weight: bold ;
   color: #003366 ;
}

ul#side a {
  padding: 6px 4px 4px 8px ;
  display: block;
  margin:0 ;
}

ul#side a:hover {
  background: #CCCCCC ;
  color: #2222AA ;
}

ul.news {
   margin: 0 ;
   padding: 0 ;
   text-align:left ;
   list-style-type: none;
}

ul.news li {
   padding: 6px 4px 4px 8px ;
   margin:4px 0 ;
   border-left: solid 4px #F50C0C ;
   border-bottom: solid 1px #F50C0C ;
}
/* ------------------------------------------------------------------- */


select { font-size : 12px ; }

textarea {
    font-family : Verdana, Arial, Helvetica ;
    font-size : 12px ;
}

.standardtext {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  line-height:20p;
}

/* Formate fuer den c-L-Test */
.cltest_input {
  border-style:none;
  border-bottom-style: solid;
  font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;
  vertical-align:baseline;
}


.wrong_input {
  font-family:Verdana, Arial, Helvetica, sans-serif;;font-size:12px;
  color:red;
  line-height:20pt;
}

.right_input {
  font-family:Verdana, Arial, Helvetica, sans-serif;;font-size:12px;
  color:#339933;
  line-height:20pt;
}

.expected_input {
  font-family:Verdana, Arial, Helvetica, sans-serif;;font-size:12px;
  color:blue;
  line-height:20pt;
}
/* Ende Formate fuer den C-L-Test */

/* Formate fuer den Multiplechoice-Test */
.phase1_question {
  font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;
  line-height:20pt;
}
.phase1_choice {
  text-indent:-23px;
  margin-left:23px;
  font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;
  line-height:20pt;
  vertical-align:middle;
  font-weight: normal;
}
.phase1_choice_input {
  vertical-align:middle;
}
.phase2_user_answers_heading {
  font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;
  line-height:20pt;
}
.phase2_right_answers_heading {
  font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;
  line-height:20pt;
}
.phase2_right_answers {
  font-family:Verdana, Arial, Helvetica, sans-serif;;font-size:12px;
  color:blue;
  line-height:20pt;
  font-weight: normal;
}
.phase2_user_answers_right {
  font-family:Verdana, Arial, Helvetica, sans-serif;;font-size:12px;
  color:#339933;
  line-height:20pt;
  font-weight: normal;
}
.phase2_user_answers_wrong {
  font-family:Verdana, Arial, Helvetica, sans-serif;;font-size:12px;
  color:red;
  line-height:20pt;
  font-weight: normal;
}
.phase2_no_answer {
  font-family:Verdana, Arial, Helvetica, sans-serif;;font-size:12px;
  line-height:20pt;
  font-weight: normal;
}
/* Ende Formate fuer den Multiplechoice-Test */

.textheadline {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #003366; font-weight: bold; }
.textteaser {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #003366}
.textstandard {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height:16px; }
.rahmenheadline {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; line-height:18px; letter-spacing: 0.5mm}
.rahmentext {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; line-height:16px; letter-spacing: 0.2mm}

.textstandard A:link {COLOR: #003399; font-weight: normal; }
.textstandard A:visited {COLOR: #003399; font-weight: normal; }
.textstandard A:hover {COLOR: #882244; font-weight: normal ; }
.textstandard A:active {COLOR: #882244; font-weight: normal ; }

/* default classes */

h1 {  font: bold 18pt Verdana, Arial, Helvetica, sans-serif; color: #003366; line-height: 100% }
h2 {  font: bold 16pt Verdana, Arial, Helvetica, sans-serif; color: #003366; line-height: 100% }
h3 {  font: 14pt Arial, Helvetica, sans-serif; color: #003366;  margin-left:30pt;}
h4 {  font: bold 13pt Verdana, Arial, Helvetica, sans-serif; color: #003366; line-height: 100% }
h5 {  font: bold 12pt Verdana, Arial, Helvetica, sans-serif; color: #003366; line-height: 100% }
h6 {  font: bold 10pt Verdana, Arial, Helvetica, sans-serif; color: #003366; line-height: 100% }

a:link {  color: #003399; text-decoration: none ;}
a:visited {  color: #003399; text-decoration: none ;}
a:active {  color: #882244; text-decoration: none ;}
a:hover {  color: #882244; text-decoration: none ;}

li { color: #000000; font-size : 12px; font-family: Verdana, Arial, Helvetica, sans-serif ; font-weight : normal; margin-top:6px; margin-left:-12px;}
hr { solid 1pt; color: #003366;  }