body { 
  background-color:#222222; 
  background-attachment:fixed; 
  font-family:Tahoma,Arial,Helvetica,sans-serif; 
  color:#ffffff;
}

a:link { color:#8888ff; text-decoration:none; }
a:visited { color:#aa88dd; text-decoration:none; }
a:active { color:#222222; 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;
 }    

a:link.button130-16, a:visited.button130-16 { 
    width:130px; 
    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.button130-16 { text-decoration:underline; }

a:active.button130-16 { 
    background-image: linear-gradient( 60deg, #0000ff, #000055 ); 
    color:#66ff66;
 }
 
span.button130-16 { 
    width:130px; 
    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; }

.tab { border: none 1px #222222; border-collapse:collapse; }
.tabstart     { border-left: solid 1px #222222;
                border-right: solid 1px #ffffff;
                border-top: solid 1px #222222;
                border-bottom: solid 1px #ffffff; 
                border-collapse:collapse; 
                background-color: #222222;
                text-align: center;
                padding: 2px;
                width: 5px; }
.tabactive    { border-left: solid 1px #ffffff;
                border-right: solid 1px #ffffff;
                border-top: solid 1px #ffffff;
                border-bottom: solid 1px #222222; 
                border-collapse:collapse; 
                background-color: #222222;
                text-align: center;
                padding: 2px;
                width: 120px; }
.tabinactive  { border-left: solid 1px #ffffff;
                border-right: solid 1px #ffffff;
                border-top: solid 1px #ffffff;
                border-bottom: solid 1px #ffffff; 
                border-collapse:collapse; 
                background-color: #444444;
                text-align: center;
                padding: 2px; 
                width: 120px; }
.tabend       { border-left: solid 1px #ffffff;
                border-right: solid 1px #222222;
                border-top: solid 1px #222222;
                border-bottom: solid 1px #ffffff; 
                border-collapse:collapse; 
                background-color: #222222;
                text-align: center;
                padding: 2px; 
                width: *; }
.tabactive   a { color: #8888ff; text-decoration: none; }
.tabinactive a { color: #8888ff; text-decoration: none; }

.wfull { width: 100%; }
.w10 { width: 10%; }
.w33 { width: 33%; }
.w40 { width: 40%; }
.w50 { width: 50%; }
.w60 { width: 60%; }
.w70 { width: 70%; }
.w80 { width: 80%; }
.w90 { width: 90%; }
.w99 { widht: 99%; }
.w40p { width: 40px; }
.w120p { width: 120px; }
.w300p { width: 300px; }
.w800p { width: 800px; }
.h100p { height: 100px; }
.h150p { height: 150px; }
.h200p { height: 200px; }
.h250p { height: 250px; }

img { border: 0; } 

.imgright { float: right; }
.imgleft { float: left; }
.imgcenter { display: block; margin-left:auto; margin-right:auto; }

.col3-1 { float: left; width: 32%; }
.col3-2 { padding: 0 33% 0 33%; }
.col3-3 { float: right; width: 32%; }

#logo { height: 100px; 
  background-image: url("../images/logo_dark.jpg");
  background-repeat: no-repeat;
  background-position: right; 
}

.charpic { border: solid 1px #8888ff; border-collapse:collapse; margin:0 5px; padding: 5px; background-color: #444444; }

.menu { position:absolute; top:100px; left:0px; width:200px; padding:5px; float:right; }
.content { position:absolute; top:100px; left:220px; right:0px; padding:5px; float:left; }

.table { border: solid 1px #8888ff; border-collapse:collapse; }
.tablehead { border: solid 1px #8888ff; border-collapse:collapse; background-color: #666666; color:#bbbbff;}
.tablelinea { border: solid 1px #8888ff; border-collapse:collapse; background-color: #333333; color:#ffffff;}
.tablelineb { border: solid 1px #8888ff; border-collapse:collapse; background-color: #444444; color:#ffffff;}

.tablescroll { overflow:auto; max-height:300px; display:block; }

.divlinea { border: solid 1px #8888ff; background-color: #333333; color:#ffffff;}
.divlineb { border: solid 1px #8888ff; background-color: #444444; color:#ffffff;}
.divlineabb { border-bottom: solid 1px #8888ff; background-color: #333333; color:#ffffff;}
.divlinebbb { border-bottom: solid 1px #8888ff; background-color: #444444; color:#ffffff;}
.divlineabt { border-top: solid 1px #8888ff; background-color: #333333; color:#ffffff;}
.divlinebbt { border-top: solid 1px #8888ff; background-color: #444444; color:#ffffff;}
.divlineanb { background-color: #333333; color:#ffffff;}
.divlinebnb { background-color: #444444; color:#ffffff;}

.disabled { color:#888888; text-decoration: line-through; }

.nowrap { white-space: nowrap; }

.input { color:#ffffff; background-color:#222222; border-width:1px; border-color:#999999; border-style:solid; }
.input:focus { color:#ffffff; background-color:#222222; border-width:2px; border-color:#8888ff; border-style:solid; }

.inputro { color:#cccccc; background-color:#333333; border-width:1px; border-color:#999999; border-style:solid; }
.inputro:focus { color:#cccccc; background-color:#333333; border-width:2px; border-color:#8888ff; border-style:solid; }

.inputerr { color:#ffffff; background-color:#aa2222; border-width:1px; border-color:#FF0000; border-style:solid; }
.inputerr:focus { color:#ffffff; background-color:#aa2222; border-width:2px; border-color:#FFaa00; border-style:solid; }

.count { color:#ffffff; background-color:#222222; border-width:1px; border-color:#999999; border-style:solid; width:45px; text-align:right; padding-right:2px;}
.countmax { color:#FF0000; background-color:#222222; border-width:1px; border-color:#999999; border-style:solid; width:45px; text-align:right; padding-right:2px;}

.fontformatsel { height: 20px; color:#ffffff; background-color:#222222; 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; }
table.center { margin-left: auto; margin-right: auto; text-align:left; }

a.freetext { color:#8888ff; text-decoration:underline; cursor: pointer; }

.button { cursor:pointer; }

.block { clear: both; }

.error { border: solid 2px red; border-collapse:collapse; margin: 5px 0px; padding: 0px 5px; background-color: #8c0023; }
.success { border: solid 2px green; border-collapse:collapse; margin: 5px 0px; padding: 0px 5px; background-color: #006619; }
.warning { border: solid 2px #ffed00; border-collapse:collapse; margin: 5px 0px; padding: 0px 5px; background-color: #f3c81c; }

.isold { text-decoration: line-through; }
.isnew { font-weight: bold; }
.isnone { }

.progress {
  width: 400px;
  height: 30px;
  border-radius: 5px;
  margin: 20px 10px;
  border: 1px solid #888888;
  overflow: hidden;
  position: relative;
}

.progress span {
  height: 100%;
  display: block;
  color: #ffffff;
  background-color: #0000cc;
  line-height: 30px;
  position: absolute;
  text-align: center;
  padding-right: 5px;
}
 
  
.hidden { display:none; }

/* Folgende Formatierungen bestimmen das Aussehen des kleinen Kalendariums; */
table.smallcal { border:#8888ff solid 1px; border-collapse:collapse; background-color: #222222; }
td.smallcalhead { border:#8888ff solid 1px; color:#ffffff; font-weight:bold; background-color: #444444; text-align:center; }
a.smallcalhead { color:#ffffff; font-weight:bold; }
/* hier fuer Wochennummer: */
td.smallcalweek { border:#8888ff solid 1px; color:#ffffff; font-weight:bold; background-color: #444444; }
a.smallcalweek { color:#ffffff; font-weight:bold; }
/* hier fuer Wochentage: */
td.smallcal { border:#8888ff solid 1px; color:#ffffff; background-color: #333333; }
a.smallcal { color:#ffffff; }
/* Standard Wochentag */
td.smallcaltoday { border:solid #FF0000 2px; color:#ffffff; background-color: #333333; }
a.smallcaltoday { color:#ffffff;}
/* Formatierung fuer den heutigen Tag */
/* hier fuer Samstage: */
td.saturdaysmallcal { border:#8888ff solid 1px; color:#ffaaaa; background-color: #444444; }
a.saturdaysmallcal { color:#ffaaaa; }
/* Standard Samstag */
td.saturdaysmallcaltoday { border:solid #FF0000 2px; color:#ffaaaa; background-color: #444444; }
a.saturdaysmallcaltoday { color:#ffaaaa;}
/* Formatierung fuer den heutigen Tag */
/* hier fuer Sonntage: */
td.sundaysmallcal { border:#8888ff solid 1px; color:#FF0000; background-color: #444444; }
a.sundaysmallcal { color:#FF0000; }
/* Standard Sonntag */
td.sundaysmallcaltoday { border:solid #FF0000 2px; color:#FF0000; background-color: #444444; }
a.sundaysmallcaltoday { color:#FF0000;}
/* Formatierung fuer den heutigen Tag */
/* hier fuer Feiertage: */
td.holidaysmallcal { border:#8888ff solid 1px; color:#FF0000; background-color: #444444; }
a.holidaysmallcal { color:#FF0000; }
/* Standard Feiertag */
td.holidaysmallcaltoday { border:solid #FF0000 2px; color:#FF0000; background-color: #444444; }
a.holidaysmallcaltoday { color:#FF0000;}
/* Formatierung fuer den heutigen Tag */

.searchresult { white-space: nowrap; position: absolute; z-index: 4999; border-width:1px; border-color:#8888ff; border-style:solid; border-collapse:collapse; background-color:#333333; padding:4px 4px 0px 4px; display:none; overflow:auto; max-height:400px;}
.searchresult a { cursor:pointer; }

div.help { position: absolute; z-index: 4999; border-width:1px; border-color:#8888ff; border-style:solid; border-collapse:collapse; background-color:#333333; padding:4px; color:#ffffff; display:none; overflow:auto; width: 270px; max-height:270px;}
p.help { width: 250px; padding:0px; margin:0px;}
p.bighelp { padding:0px; margin:0px;}

.pointer { cursor:pointer; }

div.desc { position: absolute; z-index: 4999; border-width:1px; border-color:#8888ff; border-style:solid; border-collapse:collapse; background-color:#333333; padding:4px; color:#ffffff; display:none; overflow:auto; width:320px; max-height:320px;}
p.desc { width: 300px; padding:0px; margin:0px;}

#freetextform { position: fixed; z-index: 4999; border-width:1px; border-color:#8888ff; border-style:solid; border-collapse:collapse; background-color:#333333; padding:4px; color:#ffffff; display:none; overflow:auto; width: 350px; height:120px; margin-top:-60px; margin-left:-175px; top:50%; left:50%; text-align: center; }

#editspellform { position: fixed; z-index: 4999; border-width:1px; border-color:#8888ff; border-style:solid; border-collapse:collapse; background-color:#333333; padding:4px; color:#ffffff; display:none; overflow:auto; width: 300px; height:260px; margin-top:-130px; margin-left:-150px; top:50%; left:50%; text-align: center; }