/****************************************************************************************
   Alle  Größenangaben sind relativ angegeben und für den IE getestet.
   Bei der Einstellung "Schriftgrad/mittel" entsprechen sie den gewünschten absoluten Größen .
   Dadurch kann der gesamte textuelle Inhalt des Bildschirms vergrößert bzw. verkleinert werden.
   xx-large entspricht 36pt   300%
   x-large  entspricht 24pt   200%
   large    entspricht 18pt   150%
   medium   entspricht 14pt   110%
   small    entspricht 12pt   100%
   x-small  entspricht 10pt    80%
   xx-small entspricht  7pt    60%
   Author: Armin Joachimsmeyer
 ****************************************************************************************/

a,body,caption, h1,h2,h3,h4,p,td,th,ul,li { font-family:Comic Sans MS,Arial,Helvetica,Univers,Zurich BT,sans-serif; }
a:link        { color:blue; }
a:active      { color:red; }
a:visited     { color:maroon; }

body          { background-color:white; padding:2px; }
caption       { font-size:12pt; text-align:left; }
h1            { font-size:24pt; font-weight:bold; text-align:left; color:blue; }
h2            { font-size:16pt; font-weight:bold; text-align:left; color:blue; }
h3            { font-size:12pt; font-weight:bold; text-align:left; color:blue; }
h4            { font-size:10pt; font-weight:bold; text-align:left; color:blue; }

/*Trennstriche*/
hr.vlightgrey { height: 2px; border-top: 2px ridge #EBEBEB; border-left: 2px ridge #EBEBEB; border-right: 2px ridge #EBEBEB; }
hr.dimgray    { height: 2px; border-top: 2px ridge dimgray; border-left: 2px ridge dimgray; border-right: 2px ridge dimgray; }
hr.red        { height: 2px; border-top: 2px ridge red; border-left: 2px ridge red; border-right:2px ridge red; }
/*Trennstriche nach Styleguide 1.0*/
hr.3red       { height: 3px; border-top: 3px ridge red; border-left: 3px ridge red; border-right:3px ridge red; }
hr.3lightgrey { height: 3px; border-top: 3px ridge lightgrey; border-left: 3px ridge lightgrey; border-right: 3px ridge lightgrey; }
hr.3cornflowerblue { height: 3px; border-top: 3px ridge cornflowerblue; border-left: 3px ridge cornflowerblue; border-right: 3px ridge cornflowerblue; }

input.button  { font-size:10pt; font-weight:bold; color:white; background-color:crimson; } /* #DC143C */

p, ul         { font-size:12pt; margin-top:0; }
p.bold        { font-size:14pt; font-weight:bold; margin-top:10pt; }
p.smaller     { font-size:7pt; margin:0; }
pre           { font-size:10pt; }
table         { border-width:0; border-collapse:separate; border-spacing:2px; }
form table    { border-width:0; border-collapse:collapse; background-repeat:no-repeat; }
th, td        { font-size:10pt; padding:2px; }
td.whbl       { color:white; background-color:#6478AA; font-weight:bold }     /* 1; (bold) white on blue */
td.whdg       { color:white; background-color:#505050; font-weight:bold; }    /* 2; (bold) white on darkgrey */
td.bl         { color:#2C458F; font-weight:bold; }                            /* 3; (bold) blue (on white) */
td.dgdg       { color:#505050; background-color:darkgray; font-weight:bold; } /* 4; (bold) darkergrey on darkgrey */
td.bllg       { color:#2C458F; background-color:#EBEBEB; font-weight: bold; } /* 5; (bold) blue on lightgrey also for forms*/
td.lg         { background-color:#EBEBEB; font-weight:bold; }                 /* 6; (bold + black) on lightgrey */
td.dg         { background-color:darkgray; font-weight:bold; }                /* 7; (bold + black) on darkgrey */
td.bildunter  { text-align:center; vertical-align:top; padding-bottom:5px; }
td.bild       { text-align:center; vertical-align:bottom; padding-top:15px; padding-left:5px; padding-right:5px; }

/* grey scale backgropund styles (e.g. for tables) */
.bgwhitesmoke { background-color:whitesmoke; } /* #F5F5F5 */
.bgformgrey   { background-color:#EBEBEB; }    /* grey for forms, oder td.bllg */
.bgformblue   { background-color:#D8DDEA; }    /* blue for forms */
.bglightgrey  { background-color:lightgrey; }  /* #D3D3D3 */
.bgsilver     { background-color:silver; }     /* #C0C0C0 */
.bgdarkgray   { background-color:darkgray; }   /* #A9A9A9 */
.bggray       { background-color:gray; }       /* #808080 */
.bgdimgray    { background-color:dimgray; }    /* #696969 */
.bgvdimgray   { background-color:#505050; }