/* CSS 1.1 / MEDIA=SCREEN
 * www.klöppelei.de
 * www.kloeppelei.de
 * Stephan Dzieyk, Pforzheim, Germany  
 * 2004-10-27
 */

div.noview { display: none; }

body { font-size: 75%; 
       font-family: Verdana, Arial, Helvetica, Helv, Sans-Serif; 
       color: black;
       background-color: #ffffff;  

       scrollbar-base-color:#cccccc;
       scrollbar-3dlight-color:#cccccc;
       scrollbar-arrow-color:#cccccc;
       scrollbar-darkshadow-color:#cccccc;
       scrollbar-face-color:white;
       scrollbar-highlight-color:#cccccc;
       scrollbar-shadow-color:#cccccc;
       scrollbar-track-color:#cccccc;
     }
     
table { border-spacing: 0px; }
.error td   { border: 2px solid red; padding: 0px; border-spacing: 0px; }
.warning td { border: 2px solid yellow; padding: 0px; border-spacing: 0px; color: black }

td { font-size: 75%; 
     font-family: Verdana, Arial, Helvetica, Sans-Serif; 
     line-height: 150%; 
	 vertical-align: baseline;
	 padding: 10px;
   }

table.tight tr td  { padding: 0px; }

td.vertnav { background: #f0f0f0; vertical-align: top; text-align: left; }

td.c0 { background: #336699; color: white; }
td.c1 { background: #cccccc; color: black; }
td.c2 { background: #6699cc; color: white; }
td.c3 { background: #003399; color: white; }
td.c4 { background: #00cc99; color: black; }
td.c5 { background: #cc0000; color: white; }
td.c6 { background: #ffcc00; color: black; }
td.comment { color: black; } # font-size: xx-small; }

td.pic0 { background: #336699; padding: 0px; margin: 0; vertical-align: middle; }

pre { line-heigth: 120% }
h1, h2 { font-family: Verdana, Arial, Helvetica, Sans-Serif; vertical-align: bottom; line-height: 65%; }
h3, h4 { font-family: Verdana, Arial, Helvetica, Sans-Serif; vertical-align: baseline; font-size: 90%, line-height: 140%; }

.q         { text-decoration: underline; font-weight: bold}           
.title     { background: white; color: black; margin: 4em; font-size: 150%; font-weight: bolder; }
.header    { background: #cccccc; color:#336699; margin: 4em; }
.leftcol   { padding: 0px; color: #999999; font-weight: bold; text-align: left; vertical-align: baseline;}
.rightcol  { border-left: 2px solid #336699; }

/* stuff for form formatting  */
td.formular              { text-align: right; margin: 2em; }
table.formular           { border: 8px solid #336699; background-color: #cccccc; color: white; padding: 0px;}
table.formular td.image  { padding: 12px,24px; background-color: #FFA000; text-align: center; }
table.formular td.vname  { padding: 3px; color: #336699; text-align: right; vertical-align: top; font-weight: bolder; white-space: nowrap; border-right: 2px solid #336699; }
table.formular td.vcont  { padding: 3px; color: #000000; text-align: left; vertical-align: top; font-weight: normal; }
table.formular td.title  { padding: 3px; background-color: #336699; color: white; text-align: left; font-weight: bolder; }
table.formular a:link 	 { padding: 4px,6px; text-decoration: none; background: transparent; color: red; font-weight: bolder; } 
table.formular a:visited { padding: 4px,6px; text-decoration: none; background: transparent; color: black; font-weight: bolder; }
table.formular a:hover	 { padding: 1px,3px; border: 3px inset #FF9000; text-decoration: none; background: #C0C0C0; color: red; font-weight: bolder; } 

/* stuff for form formatting  */
td.termine              { text-align: right; margin: 2em; }
table.termine           { border: 8px solid #336699; background-color: #c0c0c0; color: white; padding: 0px;}
table.termine td.vempty { padding: 3px; border: 1px solid #336699; background-color: #336699; text-align: center; font-weight: normal; }
table.termine td.vcont  { padding: 3px; border: 1px solid #336699; background-color: #ffffff; color: #000000; text-align: center; font-weight: normal; }
table.termine td.title  { padding: 3px; background-color: #336699; color: white; text-align: left; font-weight: bolder; font-size: 80%; }
table.termine a:link 	 { padding: 4px,6px; text-decoration: none; background: transparent; color: red; font-weight: bolder; } 
table.termine a:visited { padding: 4px,6px; text-decoration: none; background: transparent; color: black; font-weight: bolder; }
table.termine a:hover	 { padding: 1px,3px; border: 3px inset #FF9000; text-decoration: none; background: #C0C0C0; color: red; font-weight: bolder; } 

a:link 	   { text-decoration: none; color: blue;  font-weight: bolder;  } 
a:visited  { text-decoration: none; color: blue; }
a:hover	   { text-decoration: underline; color: black; }