html {scrollbar-face-color: #000000; scrollbar-arrow-color: white; scrollbar-highlight-color: #FFFFFF; scrollbar-shadow-color: #BBBBBB; scrollbar-3dlight-color: #BBBBBB; }

body { background-color: #CCCCCC; color: #000000; face: Verdana; font: 8pt; margin: 0 0}

form { margin; 0em }

h1 { margin: 5px; font: 30pt "Impact", "Verdana", "DejaVu Sans"; text-align: center ; color: black; line-height: 100% }
h2 { margin: 10px; font: 16pt "Verdana", "DejaVu Sans"; color: #222222; line-height: 100% }
h3 { margin: 5px 0px; font: 13pt "Verdana", "DejaVu Sans"; color: #111111; line-height: 100% }
h4 { margin: 0px 0px; font: 12pt "Verdana", "DejaVu Sans"; color: #110000; line-height: 100%; font-weight: bold; }

p  { font: 15pt "Courier New"; color: #DE2F58; font-weight: bold; margin: 0em }
p.a  { font: 12pt "Courier New"; color: #DE2F58; font-weight: bold; margin: 0em }

table 					{ border-collapse:collapse; }
.tableInGraphics 		{ border-collapse:separate; }
.tableInGraphicsList	{ border-collapse:collapse; }
td                      {             font: 12px "Verdana", "DejaVu Sans"; color: #00000; text-align: left; Vertical-align: top;}
.leftForm  				{             font: 12px "Verdana", "DejaVu Sans"; font-weight: normal; color: #000000; text-align: right; Vertical-align: top; }
.rightForm 				{ width: 60%; font: 12px "Verdana", "DejaVu Sans"; font-weight: bold;   color: #CC2222; text-align: left;  Vertical-align: top; }
.fourTDRight			{ width: 25%; font: 12px "Verdana", "DejaVu Sans"; font-weight: normal; color: #000000; text-align: right; Vertical-align: middle; }
.fourTDLeft				{ width: 25%; font: 12px "Verdana", "DejaVu Sans"; font-weight: normal; color: #000000; text-align: left;  Vertical-align: middle; }
.fourTDLeftCol0			{ width: 75%; font: 12px "Verdana", "DejaVu Sans"; font-weight: normal; color: #000000; text-align: left;  Vertical-align: middle; }
.rightConf				{ width: 60%; font: 12px "Verdana", "DejaVu Sans"; font-weight: bold;   color: #000000; text-align: left;  Vertical-align: top; }
.rightLogin				{ width: 70%; font: 12px "Verdana", "DejaVu Sans"; font-weight: bold;   color: #CC2222; text-align: left;  Vertical-align: top; }
.leftFormCenter 		{ width: 50%; font: 12px "Verdana", "DejaVu Sans"; font-weight: normal; color: #000000; text-align: left;  Vertical-align: middle;	background-color: #FFFFFF; padding:5px; }
.rightFormCenter		{ width: 50%; font: 12px "Verdana", "DejaVu Sans"; font-weight: bold;   color: #000000; text-align: left;  Vertical-align: top;  	background-color: #FFFFFF; padding:5px; }
.leftFormCenterLight    { width: 50%; font: 12px "Verdana", "DejaVu Sans"; font-weight: normal; color: #000000; text-align: left;  Vertical-align: middle; 	background-color: #EEEEEE; padding:5px; }
.rightFormCenterLight   { width: 50%; font: 12px "Verdana", "DejaVu Sans"; font-weight: bold;   color: #000000; text-align: left;  Vertical-align: top;		background-color: #EEEEEE; padding:5px; }

.centerFormCenter3		{ width: 20%; font: 12px "Verdana", "DejaVu Sans"; font-weight: bold;   color: #000000; text-align: right; Vertical-align: top;  	background-color: #FFFFFF; padding:5px; }
.rightFormCenter3		{ width: 30%; font: 12px "Verdana", "DejaVu Sans"; font-weight: bold;   color: #000000; text-align: left;  Vertical-align: top;  	background-color: #FFFFFF; padding:5px; }
.centerFormCenter3Light	{ width: 20%; font: 12px "Verdana", "DejaVu Sans"; font-weight: bold;   color: #000000; text-align: right; Vertical-align: top;  	background-color: #EEEEEE; padding:5px; }
.rightFormCenter3Light	{ width: 30%; font: 12px "Verdana", "DejaVu Sans"; font-weight: bold;   color: #000000; text-align: left;  Vertical-align: top;  	background-color: #EEEEEE; padding:5px; }

hr {color: #000000; width: 100%; text-align: center }

a:link { color: #882222; text-decoration: none }
a:visited {color: #882222; text-decoration: none }
a:hover { color: #220000; bold; text-decoration: none }


a.free:link { color: #008800; text-decoration: none }
a.free:visited {color: #008800; text-decoration: none }
a.free:hover { color: #000000; bold; text-decoration: none }

a.full:link { color: #AA0000; text-decoration: bold }
a.full:visited {color: #AA0000; text-decoration: none }
a.full:hover { color: #000000; bold; text-decoration: none }

a.partly:link { color: #CC6600; text-decoration: none }
a.partly:visited {color: #CC6600; text-decoration: none }
a.partly:hover { color: #000000; bold; text-decoration: none }

a.menu:link { color: #BBBBBB; text-decoration: none; font: bold 12pt "Verdana", "Courier"  }
a.menu:visited {color: #BBBBBB; text-decoration: none; font: bold 12pt "Verdana", "Courier" }
a.menu:hover { color: #FFFFFF; bold; text-decoration: none; font: bold 12pt "Verdana", "Courier" }

a.GB:link { color: #882222; text-decoration: none; font: 10pt "Courier New" }
a.GB:visited {color: #882222; text-decoration: none; font: 10pt "Courier New"  }
a.GB:hover { color: #220000; bold; text-decoration: none; font: 10pt "Courier New"  }

a.WEBM:link { color: #000000; text-decoration: none; font: bold 10pt "Courier New" }
a.WEBM:visited {color: #000000; text-decoration: none; font: bold 10pt "Courier New"  }
a.WEBM:hover { color: #666666; bold; text-decoration: none; font: 10pt "Courier New"  }

a.kalender:link { background-color : gray; color: white; font: bold 8pt "Verdana" }
a.kalender:visited { background-color : gray; color: white; font: bold 8pt "Verdana"  }
a.kalender:hover { background-color : gray; color: black; font: bold 8pt "Verdana"  }

a.kalenderred:link { background-color : gray; color: #880000; font: bold 8pt "Verdana" }
a.kalenderred:visited { background-color : gray; color: #880000; font: bold 8pt "Verdana"  }
a.kalenderred:hover { background-color : gray; color: black; font: bold 8pt "Verdana"  }

a.kalendermanad:link { color: gray; font: bold 8pt "Verdana" }
a.kalendermanad:visited { color: gray; font: bold 8pt "Verdana"  }
a.kalendermanad:hover { color: red; font: bold 8pt "Verdana"  }

#menu1 {
background-color : #000000; 
color:white;
position : absolute; 
top : 10px; 
left : 10px; 
visibility : hidden; 
width : 150px; 
border-bottom-color : white;
border-bottom-style : solid;
border-bottom-width : 1px; 
} 
#menu2 {
background-color : #000000; 
color:white;
position : absolute; 
top : 10px; 
left : 10px; 
visibility : hidden; 
width : 150px; 
border-bottom-color : white;
border-bottom-style : solid;
border-bottom-width : 1px; 
} 
#menu3 {
background-color : #000000; 
color:white;
position : absolute; 
top : 10px; 
left : 10px; 
visibility : hidden; 
width : 150px; 
border-bottom-color : white;
border-bottom-style : solid;
border-bottom-width : 1px; 
} 

#navbar {
position : relative;
} 


A.nav1:link {
background-color : black; 
color: #FFFFFF;
font : bold 8pt verdana, sans-serif; 
text-decoration : none; 
border-bottom : 1px solid black;
border-left : 1px solid black; 
border-top : 1px solid black; 
border-right : 1px solid black; 
padding-left : 0; 
padding-right : 0; 
padding-top : 0; 
padding-bottom : 0; 
text-align : left; 
width : 100%; 
height: 18px;
display : block; 
} 
A.nav1:hover {
background-color : black;
color: #FFFFFF;
font : bold 8pt verdana, sans-serif;
text-decoration : none;
border-bottom : 1px solid black;
border-left : 1px solid black; 
border-top : 1px solid black;
border-right : 1px solid black; 
padding-left : 0; 
padding-right : 0; 
padding-top : 0; 
padding-bottom : 0; 
text-align : left; 
vertical-align : middle;
width : 100%;
height: 18px;
display : block; 
} 
A.nav1:visited {
background-color : black;
color: #FFFFFF;
font : bold 8pt verdana, sans-serif;
text-decoration : none;
border-bottom : 1px solid black;
border-left : 1px solid black; 
border-top : 1px solid black;
border-right : 1px solid black; 
padding-left : 0; 
padding-right : 0; 
padding-top : 0; 
padding-bottom : 0; 
text-align : left; 
vertical-align : middle;
width : 100%;
height: 18px;
display : block; 
} 


A.menulink1 {
background-color : white; 
color: black;
font : normal 8pt verdana, sans-serif; 
text-decoration : none; 
border-bottom : 1px solid black;
border-left : 1px solid black; 
border-top : 0px solid black; 
border-right : 1px solid black; 
padding-left : 1; 
padding-right : 0; 
padding-top : 2; 
padding-bottom : 2; 
width : 150px; 
display : block; 
} 
A.menulink1:visited {
background-color : white; 
color: black;
font : normal 8pt verdana, sans-serif; 
text-decoration : none; 
border-bottom : 1px solid black;
border-left : 1px solid black; 
border-top : 0px solid black; 
border-right : 1px solid black; 
padding-left : 1; 
padding-right : 0; 
padding-top : 2; 
padding-bottom : 2; 
width : 150px; 
display : block; 
} 
A.menulink1:hover {
background-color : #BBBBBB;
color:black;
font : normal 8pt verdana, sans-serif; 
text-decoration : none; 
border-bottom : 1px solid black; 
border-left : 1px solid black; 
border-top : 0px solid black; 
border-right : 1px solid black; 
padding-left : 1; 
padding-right : 0; 
padding-top : 2; 
padding-bottom : 2; 
width : 150px; 
display : block; 
} 


.font, .font input select textarea { font-family: tahoma; font-size: 11px; }
a.tclabel span { text-decoration: none; font-family: tahoma; cursor: pointer; }

#calendar-page { background-color: #6699CC; display: inline-block; }

#calendar-header { padding-top: 2px; position: relative; z-index: 150; }
#calendar-header .closeme { padding: 0px 3px 2px 0px; }

#calendar-body { padding: 2px 3px 3px 3px; }
#calendar-body .general { background-color: #FFFFFF; }
#calendar-body .header { background-color: #6699CC; color: #FFFFFF; font-size: 9px; }
#calendar-body .othermonth { background-color: #EEEEEE; color: #AAAAAA; }
#calendar-body .othermonth a:link { text-decoration: none; color: #CCFFCC; }
#calendar-body .othermonth a:visited { text-decoration: none; color: #CCFFCC; }
#calendar-body .othermonth a:hover { text-decoration: none; color: #FFFFFF; }
#calendar-body td div { padding: 3px; width: 15px; white-space: nowrap; position: relative; z-index: 100; }
#calendar-body td a { display: block; white-space: nowrap; }
#calendar-body a:link { text-decoration: none; color: #000000; }
#calendar-body a:visited { text-decoration: none; color: #000000; }
#calendar-body a:hover { text-decoration: none; color: #FF0000; /*background-color: #FFFFCC;*/ }
#calendar-body .disabledate { color: #AAAAAA; background: url(images/disable_date_bg.png) no-repeat center center #EEEEEE; }
#calendar-body .today { background-color: #CCFFCC; }
#calendar-body .select div { /*background-color: #FFCC99; border: 1px solid #006600;*/ background: url(images/choose.png) no-repeat center center; }
#calendar-body .wk-hdr { font-size: 9px; }
#calendar-body .wk { background-color: #CCCCFF; font-size: 9px; color: #003399; }

#calendar-body .refresh { color: #FFFFFF; padding: 10px 3px 3px; }
#calendar-body .refresh .txt-container { padding: 25px 10px 10px; height: 50px; }

#calendar-body .mon {}
#calendar-body .tue {}
#calendar-body .wed {}
#calendar-body .thu {}
#calendar-body .fri {}
#calendar-body .sat { color: #6666CC; }
#calendar-body .sat a:link { color: #6666CC; }
#calendar-body .sun { color: #993300; }
#calendar-body .sun a:link { color: #993300; }

#calendar-footer { background-color: #CCCCCC; font-size: 9px; overflow: hidden; }
#calendar-footer .btn { width: 16px; }
#calendar-footer a.txt { line-height: 19px; }
#calendar-footer a.txt:link { text-decoration: none; color: #000000; padding: 5px 2px; }
#calendar-footer a.txt:visited { text-decoration: none; color: #000000; }
#calendar-footer a.txt:hover { text-decoration: none; color: #FF0000; }
#calendar-footer a>img { margin-top: 1px; }
#calendar-footer .links { text-align: center; margin: auto 25px; }
#calendar-footer .links>div { display: inline; }

#calendar-header, #calendar-body, #calendar-footer { padding-left: 1px; padding-right: 1px; }
#calendar-container { clear: both; }

.tcday, .tcmonth, .tcyear { font-size: 11px; z-index: 10; }

.date-tccontainer { border: 1px solid #CCCCCC; background-color: #EFEFEF; padding: 2px; float: left; margin-right: 2px; text-align: center; text-decoration: none; white-space: nowrap; }

#calendarform { margin: 0px; padding: 0px; }
#calendarform ul { margin: 0px; padding: 0px; list-style: none; }
#calendarform ul li { display: inline; }
#calendarform select { z-index: 1; }

.calendar-border { border: 1px solid #999999; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; overflow: hidden; }
.div_calendar { width: 10px; height: 10px; }

#calendar-alert { background-color: #CC3300; border: 1px solid #993300; color: #FFFFFF; padding: 3px; margin: 2px; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; }

.calendartooltip { position: absolute; top: 0px; right: 0px; width: 8px; height: 8px; background: url(images/info.gif) no-repeat top right; z-index: 102; }

#info { width: 9px; height: 9px; position: relative; z-index: 140; }
#info #about { color: #191970; width: 150px; height: 1px; top: 0px; left: 0px; position: absolute; overflow: hidden; display: block; /*z-index: 1000;*/ -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; border: 0px solid #191970; cursor: default; padding: 1px 2px; }