body {
   font-family: Arial, Helvetica, sans-serif;
}

TABLE.banner {
   border-bottom: 1px solid gray;
}

TR.heading {
   background: #369;
   color: #FFF;
   height: 24px;
}

TR.title {
   background: #B8DBFF;
   color: #000;
   height: 20px;
   font-weight:bold;
}

TR.odd {
   background: #DDD;
}

TR.even {
   background: #EEE;
}

FORM {
   margin: 0px;
}

LABEL {
   font-size: 8pt;
   font-weight: bold;
}

.page {
   font-size: 10pt;
   width: 650px;
}

.allover {
   width: 100%;
}

.top {
   border-top: 1px solid #369;
}

.bottom {
   border-bottom: 1px solid #369;
}

.left {
   border-left: 1px solid #369;
}

.right {
   border-right: 1px solid #369;
}

.cell {
   border: 1px solid #369;
}

.school {
   font-size: 14pt;
   font-weight: bold;
}

.menu_n {
   background: #39C;
   color: #EEE;
   padding: 1px 5px;
   font-family: arial;
   font-size: 10pt;
   font-weight: bold;
   border: 1px solid #39C;
}

.menu_s {
   background: #000;
   color: #FFF;
   padding: 1px 5px;
   font-family: arial;
   font-size: 10pt;
   font-weight: bold;
   border: 1px solid #000;
}

A.subm {
   padding: 1px 2px;
   color: #069;
   font-weight: bold;
}

A.subm:hover {
   background: #39C;
   color: white;
}

A.profile {
   color: #333;
}

A.profile:hover {
   text-decoration: underline;
}

A.banner {
   font-family: verdana;
   font-size: 14pt;
   color: #000;
}

A.banner:hover {
   color: #C62A2A;
}

.qnumber, .qtext, .qchoice, .qsummary {
   color: #000;
   font-family: arial;
   font-size: 10pt;
   font-style: normal;
   font-variant: normal;
   vertical-align: top;
}

.qnumber {
   font-family: verdana;
   font-weight: bold;
}

.qtext {
   width: 100%;
}

.qchoice div{
   margin-left: 1px;
   margin-right: 2px;
   width: 17px;
   height: 17px;
   float: left;
}

.qchoice div input{
   margin: 2px;
   padding: 0;
}

.qsummary {
   width: 100%;
}

.qzoom120 {
   font-size: 12pt !important;
}

.qzoom140 {
   font-size: 14pt !important;
}

.qzoom160 {
   font-size: 16pt !important;
}

.qzoom180 {
   font-size: 18pt !important;
}

.qzoom200 {
   font-size: 20pt !important;
}

.qblank {
   background-color: #C0C0C0;
}

.qtrue {
   background-color: #80FF80;
}

.qfalse {
   background-color: #FF8080;
}

.qspan {
   display: block;
   float: left;
   padding: 2px;
}

DIV.question {
   position: relative;
   background: #FFF;
   layer-background-color: #FFF;
}

DIV.section {
   font-family: arial;
   font-size: 12pt;
   font-weight: bold;
   margin-bottom: 5px;
   padding: 1px 5px;
}

TABLE.booklet {
   page-break-before: always;
}

A {
   text-decoration: none;
}

A.menu {
   color: #07638f;
   font-family: Arial, Helvetica, sans-serif;
}

A.menu:hover {
   color: #0099FF;
}

A.link {
   color: gray;
   font-family: verdana;
}

A.link:hover {
   color: red
}

A.white {
   color: white;
}

A.white:hover {
   color: yellow
}

A.faint {
   color: #DDD;
}

A.faint:hover {
   color: white;
}

.topic {
   color: blue;
}

.topic:hover {
   color: red;
}

A.private {
   color: red;
   font-family: verdana;
}
A.private:hover { text-decoration: underline; }

A.school {
   color: magenta;
   font-family: verdana, arial, helvetica;
}

A.school:hover { text-decoration: underline; }

A.public {
   color: black;
   font-family: verdana;
}

A.public:hover { text-decoration: underline; }

A.user {
   color: gray;
   font-family: verdana;
}

A.user:hover { text-decoration: underline; }

A.group {
   color: orange;
   font-family: verdana;
}

A.group:hover { text-decoration: underline; }

A.grade {
   color: blue;
   font-family: verdana;
}

A.grade:hover { text-decoration: underline; }

A.city {
   color: green;
   font-family: verdana;
}

A.city:hover { text-decoration: underline; }

A.bar {
   color: #FFF;
   font-family: arial;
   font-size: 10pt;
   text-decoration: none
}

A.bar:hover {
   color: yellow
}

A.footer {
   color: white;
   font-family: verdana;
   font-size: 8pt;
   text-decoration: none
}

.footer:hover {
   color: yellow
}

A.qmenu {
   color: blue;
   font-family: verdana;
   font-size: 8pt
}

A.qmenu:hover {
   color: mediumorchid;
   font-family: verdana;
}
A.date {
   color: blue;
   font-family: verdana;
   font-size: 8pt
}

A.date:hover {
   color: mediumorchid;
   font-family: verdana;
}

A.dateoff {
   color: red;
   font-family: verdana;
   font-size: 8pt
}

A.dateoff:hover {
   color: mediumorchid;
   font-family: verdana;
}

.blank {
   font-size: 10pt;
   height: 22px;
}

A.head {
   color: black;
}

.head:hover {
   color: red;
}

input {
   font-family: verdana;
   vertical-align: middle;
   font-size:8pt;
}

input.search {
   padding-left:20px; 
   background-image:url('/image/icon/search-16x16.gif');
   background-repeat:no-repeat;
}

select {
   font-family: verdana;
   vertical-align: middle;
   font-size:8pt;
}

textarea {
   font-family: verdana;
   vertical-align: middle;
   font-size:8pt;
}

div.error {
   position:absolute;
   top:50%;left:50%;
}

TABLE.error {
   position: relative;
   top: -50%;
   left: -50%;
   border: 1px solid #000;
   background: #FFF;
   font-size: 8pt;
   width: 250px;
}

TR.error_title {
   background: #000;
   color: white;
   font-size: 10pt;
}

.bold   { font-weight: bold; }
.italic { font-style: italic; }
.under  { text-decoration: underline; }

.nowrap {
   white-space: nowrap;
}

/* color classes */

.red { color: red; }
.gray { color: gray; }

/* heading definitions */

H1.okulistik {
   font-size: 12pt;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   margin: 3px 0px 5px 0px;
   color: #F47A20;
}

H2.okulistik {
   font-size: 10pt;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   margin: 2px 0px 3px 0px;
   color: #F47A20;
}

H3.okulistik {
   font-size: 10pt;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: normal;
   text-decoration:underline;
   margin: 2px 0px 3px 0px;
   color: #F47A20;
}

@media print {
   .noprint {
     visibility: hidden;
   }
}

div.heading {
   font-family: arial;
   font-size: 10pt;
   font-weight: bold;
   color: #C62A2A;
}

.TaL {
   text-align: left;
}

.TaR {
   text-align: right;
}

.TaC {
   text-align: center;
}

.VaT {
   vertical-align: top;
}

.VaM {
   vertical-align: middle;
}

.VaB {
   vertical-align: bottom;
}

.attach {
   list-style-image: url('/image/icon/paperclip.gif');
   padding-top:3px;
   vertical-align:middle;
}

.navigation {
   background: #369;
   color: #CCC;
   width: 100%;
}

.nav_footer {
   background: #B8DBFF;
   color: #369;
   font-size: 8pt;
}

.nav_field {
   font-family: verdana;
   font-size: 8pt;
   text-align: center;
   vertical-align: middle;
}

.nav_highlight {
   padding: 1px 2px;
   font-weight: bold;
   background: #39C;
   color: #FFF;
}

.nav_records {
   border:1px solid #DDD;
   color:#EEE;
   padding:1px 5px;
   font-size: 8pt;
}

A.navlink {
   color: white;
   width: 18px;
}

.navlink:hover {
   background: #CCF;
   color: 369;
}

.vtext {
   writing-mode: tb-rl;
   filter: flipv fliph;
}

table.form          { width:100%;font-size:8pt;color:#000; }
table.form.deleted  { color: #CCC; }
table.form tr       { height:22px; }
table.form td       { padding:2px 5px; vertical-align:top; }
table.form td.label { font-weight:bold; white-space:nowrap; }
table.form td.w33   { width:33%;  }
table.form td.w50   { width:50%;  }
table.form td.w100  { width:100%; }
table.form td.err   { color:red;  }

@media print {
   TABLE.topic_based {
      font-size: 6pt;
      margin-top: 5px;
      border-collapse: collapse;
      width:100%;
   }
}

@media screen {
   TABLE.topic_based {
      font-size: 8pt;
      margin-top: 5px;
      border-collapse: collapse;
      width:100%;
   }
}

div.status1 {
   background:#FFFFC0;
   border:1px solid #CCCC33;
   padding:1px 3px;
}

div.status2 {
   background:#FFC0C0;
   border:1px solid #FF3333;
   padding:1px 3px;
}

div.status3 {
   background:#C0C0FF;
   border:1px solid #3366CC;
   padding:1px 3px;
}

div.status4 {
   background:#C0FFC0;
   border:1px solid #33CC33;
   padding:1px 3px;
}

.te_menu1 {
   background-color: #E8FAC8;
   font-family:Arial, Helvetica, sans-serif;
   color:#58821c;
   font-size:11px;
   font-weight:bold;
   text-decoration: none;
   border-right:1px solid #E8FAC8;
   border-left:1px solid #E8FAC8;
   border-bottom:1px solid #E8FAC8;
   border-top:1px solid #E8FAC8;
}

.txt_11 {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-style: normal;
   font-weight: bold;
   color: #fc6600;
   text-decoration: none;
   white-space:nowrap;
}

.te_txt_25 {
   background-color:#FFFFFF;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-style: normal;
   font-weight: normal;
   color: #58821c;
   text-decoration: none;
   padding-top:3px;
   padding-bottom:3px;
   padding-left:6px;
   padding-right:3px;
   border-right:1px solid #E7F5C9;
   border-left:1px solid #E7F5C9;
   border-bottom:1px solid #E7F5C9;
   border-top:1px solid #E7F5C9;	
}

.txt_26 {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-style: normal;
   font-weight: normal;
   color: #666666;
   text-decoration: none;
   white-space:nowrap;
}

.txt_27 {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-style: normal;
   font-weight: normal;
   color: #666666;
   text-decoration: none;
   width:100%;
}

div.err {
   background: url('/image/icon/icon-error.gif') top left no-repeat;
   padding: 5px 5px 5px 40px;
}

div.info {
   background: url('/image/icon/icon-info.gif') top left no-repeat;
   padding: 5px 5px 5px 40px;
}