body { background-color:#FFFFFF; background-attachment:fixed; font-family:Tahoma,Arial,Helvetica,sans-serif; }

a:link { color:#000088; text-decoration:none; }
a:visited { color:#220066; text-decoration:none; }
a:active { color:#ffffff; text-decoration:underline; }
a:hover { text-decoration:underline; }

a:link.button80-16, a:visited.button80-16 { 
    width:80px; 
    height:14px;
    border: 1px solid #000000;
    background-image: linear-gradient( 60deg, #000055, #0000ff );
    border-radius: 6px ;
    color:#ffffff; 
    font-size:66%; 
    margin: 0px 1px 0px 1px; 
    font-weight:bold; 
    text-align:center; 
    display:inline-block; 
    text-decoration:none;
 }    

a:hover.button80-16 { text-decoration:underline; }

a:active.button80-16 { 
    background-image: linear-gradient( 60deg, #0000ff, #000055 ); 
    color:#66ff66;
 }

span.button80-16 { 
    width:80px; 
    height:14px;
    border: 1px solid #000000;
    background-image: linear-gradient( 60deg, #000055, #0000ff );
    border-radius: 6px ;
    color:#aaaaaa; 
    font-size:66%; 
    margin: 0px 1px 0px 1px; 
    font-weight:bold; 
    text-align:center; 
    display:inline-block; 
    text-decoration:none;
 }    

a:link.button110-16, a:visited.button110-16 { 
    width:110px; 
    height:14px;
    border: 1px solid #000000;
    background-image: linear-gradient( 60deg, #000055, #0000ff );
    border-radius: 6px ;
    color:#ffffff; 
    font-size:66%; 
    margin: 0px 1px 0px 1px; 
    font-weight:bold; 
    text-align:center; 
    display:inline-block; 
    text-decoration:none;
 }    

a:hover.button110-16 { text-decoration:underline; }

a:active.button110-16 { 
    background-image: linear-gradient( 60deg, #0000ff, #000055 ); 
    color:#66ff66;
 }
 
span.button110-16 { 
    width:110px; 
    height:14px;
    border: 1px solid #000000;
    background-image: linear-gradient( 60deg, #000055, #0000ff );
    border-radius: 6px ;
    color:#aaaaaa; 
    font-size:66%; 
    margin: 0px 1px 0px 1px; 
    font-weight:bold; 
    text-align:center; 
    display:inline-block; 
    text-decoration:none;
 }    

input,textarea { box-sizing: border-box; }

.wfull { width: 100%; }
.w33 { width: 33%; }
.w40 { width: 40%; }
.w50 { width: 50%; }
.w60 { width: 60%; }
.w80p { withd: 80px; }
.h100p { height: 100px; }
.h150p { height: 150px; }

img { border: 0; } 

.menu { position:absolute; top:0px; left:0px; width:200px; padding:5px; float:right; }
.content { position:absolute; top:0px; left:220px; right:0px; padding:5px; float:left; }

.table { border: solid 1px #0000AA; border-collapse:collapse; }
.tablehead { border: solid 1px #0000AA; border-collapse:collapse; background-color: #bbbbbb; color:#880000;}
.tablelinea { border: solid 1px #0000AA; border-collapse:collapse; background-color: #eeeeee; color:#000000;}
.tablelineb { border: solid 1px #0000AA; border-collapse:collapse; background-color: #dddddd; color:#000000;}
.tableinstok { border: solid 1px #0000AA; border-collapse:collapse; background-color: #00aa00; color:#ffffff;}
.tableinstwarn { border: solid 1px #0000AA; border-collapse:collapse; background-color: #cccc00; color:#ffffff;}
.tableinsterror { border: solid 1px #0000AA; border-collapse:collapse; background-color: #aa0000; color:#ffffff;}

.disabled { color:#888888; text-decoration: line-through; }

.hidden { display: none; }

.nowrap { white-space: nowrap; }

.input { color:#000000; background-color:#FFFFFF; border-width:1px; border-color:#999999; border-style:solid; }
.input:focus { color:#000000; background-color:#FFFFFF; border-width:2px; border-color:#0000AA; border-style:solid; }

.inputro { color:#000000; background-color:#AAAAAA; border-width:1px; border-color:#999999; border-style:solid; }
.inputro:focus { color:#000000; background-color:#AAAAAA; border-width:2px; border-color:#0000AA; border-style:solid; }

.inputerr { color:#000000; background-color:#FFCCCC; border-width:1px; border-color:#FF0000; border-style:solid; }
.inputerr:focus { color:#000000; background-color:#FFCCCC; border-width:2px; border-color:#FFaa00; border-style:solid; }

.count { color:#000000; background-color:#FFFFFF; border-width:1px; border-color:#999999; border-style:solid; width:45px; text-align:right; padding-right:2px;}
.countmax { color:#FF0000; background-color:#FFFFFF; border-width:1px; border-color:#999999; border-style:solid; width:45px; text-align:right; padding-right:2px;}

.fontformatsel { height: 20px; color:#000000; background-color:#FFFFFF; border-width:0px; border-color:#999999; border-style:solid; }

.smallfont { font-size: 80%; }

.right { text-align:right }
.left { text-align:left }
.center { text-align:center }

.button { cursor:pointer; }

.error { border: solid 2px red; border-collapse:collapse; margin: 5px 0px; padding: 0px 5px; background-color: lightred; color:black;}
.warning { border: solid 2px DarkOrange; border-collapse:collapse; margin: 5px 0px; padding: 0px 5px; background-color: yellow; color:black;}
.success { border: solid 2px green; border-collapse:collapse; margin: 5px 0px; padding: 0px 5px; background-color: lightgreen; color:black; }

/* Folgende Formatierungen bestimmen das Aussehen des kleinen Kalendariums; */
table.smallcal { border:#000000 solid 1px; border-collapse:collapse; background-color: #FFFFFF; }
/* hier fuer Wochennummer: */
td.smallcalweek { border:#000000 solid 1px; color:#000000; font-weight:bold; }
a.smallcalweek { color:#000000; font-weight:bold; }
/* hier fuer Wochentage: */
td.smallcal { border:#000000 solid 1px; color:#000000; }
a.smallcal { color:#000000; }
/* Standardformatierung fuer die einzelnen Zellen des Kalendarium, hier ohne Rahmen */
td.smallcalapp { border:#000000 solid 1px; background-color:#ffff00; color:#000000; }
a.smallcalapp { color:#000000;}
/* Formatierung fuer Tage mit Terminen, hier gegenueber Standardformat gruener Hintergrund */
td.smallcaltoday { border:solid #FF0000 2px; color:#000000; }
a.smallcaltoday { color:#000000;}
/* Formatierung fuer den heutigen Tag, hier roter Rahmen um das Datum */
td.smallcalapptoday { border:solid #FF0000 2px; background-color:#ffff00; color:#000000; }
a.smallcalapptoday { color:#000000;}
/* Formatierung fuer den heutigen Tag mit Termin, hier gruener Hintergrund und roter Rahmen */

/* hier fuer Sonn- und Feiertage: */
td.sundaysmallcal { border:#000000 solid 1px; color:#FF0000; }
a.sundaysmallcal { color:#FF0000; }
/* Standardformatierung fuer die einzelnen Zellen des Kalendarium, hier ohne Rahmen */
td.sundaysmallcalapp { border:#000000 solid 1px; background-color:#FFFF00; color:#FF0000; }
a.sundaysmallcalapp { color:#FF0000;}
/* Formatierung fuer Tage mit Terminen, hier gegenueber Standardformat gruener Hintergrund */
td.sundaysmallcaltoday { border:solid #FF0000 2px; color:#FF0000; }
a.sundaysmallcaltoday { color:#FF0000;}
/* Formatierung fuer den heutigen Tag, hier roter Rahmen um das Datum */
td.sundaysmallcalapptoday { border:solid #FF0000 2px; background-color:#FFFF00; color:#FF0000; }
a.sundaysmallcalapptoday { color:#FF0000;}

.searchresult { white-space: nowrap; position: absolute; z-index: 2; border-width:1px; border-color:#0000AA; border-style:solid; border-collapse:collapse; background-color:#FFFFFF; padding:4px; color:#000000; display:none; }
.searchresult a { cursor:pointer; }
