INPUT
		{
		font-family: Verdana, sans-serif; font-size: 10pt;
		background-color: #ffffff;
		border: 3;
		color: #000000;
		}

BODY
		{
		background-color: #ffffff;
		font-family: Verdana, sans-serif;
		font-size: 8pt;
		margin-left: 5px;
		margin-top: 2px;
		margin-right: 0px;
		margin-bottom: 0px;
		/*background-image: url(pics/bg_wide21.jpg);*/
		background-repeat: no-repeat;
		background-position: top center;
		}

TD      {
		font-family: Verdana, sans-serif; font-size: 8pt;
		color:#333333; font-weight: normal;
		}

TD.green1  {
		font-family: Verdana, sans-serif; font-size: 8pt;
		color:#333333; font-weight: normal;
		background-color:#dCdCdC;
		}
TD.green2  {
		font-family: Verdana, sans-serif; font-size: 8pt;
		color:#333333; font-weight: normal;
		background-color:#bCbCbC;
		}
TD.green3  {
		font-family: Verdana, sans-serif; font-size: 6pt;
		color:#333333; font-weight: normal;
		background-color:#ffffff;
		}

TD.summ1{
		font-family: Verdanan, sans-serif;
		font-size:10pt;
		color: #333333;
		font-weight:bold;
		background-color:#81AEC6;
}

TD.header{
		font-family: Verdana, sans-serif;
		font-size: 8pt;
		color:#333333;
		font-weight: bold;
		text-align:center;

}

TD.title{
	font-weight:bold;
}

TD.alert1{
		font-family: Verdana, sans-serif; font-size: 8pt;
		color:#333333; font-weight: normal;
		background-color:#FF9933;
}


TD.titel  {
		font-family: Verdana, sans-serif; font-size: 8pt;
		color:#333333; font-weight: bold;
		background-color:#ffffff;

		}

SELECT
		{
		font-family: Verdana, sans-serif; font-size: 8pt;
		background-color: #ffffff;
		color: #aaaaaa;
		}

OPTION
		{
		font-family: Verdana, sans-serif; font-size: 8pt;
		background-color: #ffffff;
		color: #000000;
		}

TEXTAREA
		{
		font-family: Verdana, sans-serif; font-size: 8pt;
		}

A
		{
		color:#000000;
		font-family: Verdana, sans-serif; font-size: 8pt;
		text-decoration: none;
		font-weight: bold;
		}

A:hover
		{
		color: #BD1D15;
		text-decoration: none;
		}

A:active
		{
		text-decoration: underline;
		}
.gross
		{
		color:#878787;
		font-size: 14pt;
		font-weight: bold;
		}
.klein
		{
		color:#878787;
		font-size: 7pt;
		font-weight: bold;
		}
.normal
		{
		color:#878787;
		font-size: 10pt;
		font-weight: bold;
		}
.heute
		{
		color:#000000;
		font-size: 8pt;
		font-weight: bold;
		text-decoration: underline;
		}
#infowindow {
	border: solid 1px black;
	position: absolute;
	background-color: #FFF;
	width: 450px;
	padding: 5px;
	color: black;
	overflow:auto;
}
div.markertext{
  display:block;
  float:left;
  padding-left: 5px;
  padding-top: 2px;
}

div.marker{
  display:block;
  float:left;
  width: 16px;
  height: 16px;
  background:transparent;
  border: 1px solid #000000;
}
div.marker.blue{
  background-color:#05C1FF;
}

div.marker.std{
  background-color:transparent;
}
div.marker.lila{
	background-color:#CC66FF;
}

div.marker.blue.checked,
div.marker.std.checked,
div.marker.lila.checked{
  background-image: url(pics/checked.gif);
}

span.mark1{
  color:#05C1FF;
}

TD.mark1{
		font-family: Verdana, sans-serif; font-size: 8pt;
		color:#333333; font-weight: normal;
		background-color:#05C1FF;
}

span.mark2{
  color:#CC66FF;
}

TD.mark2{
		font-family: Verdana, sans-serif; font-size: 8pt;
		color:#333333; font-weight: normal;
		background-color:#CC66FF;
}
TR.light{
  background:#DCDCDC;
  cursor:pointer;
}

TR.dark{
  background:#BCBCBC;
  cursor:pointer;
}

TR.HEADER{
	background:#98B0D9;
}

tr.light:hover,
tr.dark:hover{
  background: #cccccc;
}

tr.darkgrey{
  background:#BCBCBC;
}

div.lightblock{
  width: 870px;
  padding-top: 5px;
  padding-bottom:25px;
  height: 20px;
  background: #dcdcdc;
  color:#000000;
  font-weight:bold;
}

div.content{
  background:#dcdcdc;
  width: 900px;
  max-height: 500px;
  margin-bottom: 10px;
  overflow:auto;
}

td.label{
  font-weight: bold;
  vertical-align: top;
  padding-top: 5px;
}

.centered{
	width: 1500px;
	margin: 0px auto;
}


.scrollable{
	display:block;
	float:left;
	width: 900px;
	height: 450px;
	overflow:auto;
}

.menue{
   display:block;
   float:left;
   width: 100%;
   height: 40px;
}

.dialog{
	display:none;
	float:left;
	position:absolute;
	width: 600px;
	height: 300px;
	z-index: 10000;
	border: 1px solid #000000;
	background: #eeeeee;
	left: 100;
	top: 100;
}

.dlg_header{
  display:block;
  float:left;
  width:100%;
}

.dlg_header.ui-draggable,
.dialog.ui-draggable{
   cursor:move;
}

.dlg_close{
	display:block;
	float:right;
	width: 20px;
	height:18px;
	border-left: 1px solid #000000;
	border-bottom: 1px solid #000000;
	text-align:center;
	font-size: 18px;
	font-weight:bold;
	cursor:pointer;
	padding-bottom: 4px;
}

.dlg_title{
	display:block;
	float:left;
	padding-left: 10px;
	padding-bottom: 4px;
	font-size: 14px;
	font-weight:bold;
}

.dlg_close:hover{
	background-color:#ff0000;
	color:#ffffff;
}

.dlgcontent{
	display:block;
	float:left;
	padding:10px;
	max-height: 250px;
	overflow:auto;
}

div.button{
	display:block;
	float:left;
	padding:5px;
	font-size: 12px;
	font-weight:bold;
	border: 1px solid #000000;
	background:#cccccc;
	margin-left: 20px;
}

div.button:hover{
   border: 1px ridge #000000;
   background: #eeeeee;
}


.message{
	display:none;
	float:left;
	position:absolute;
	width: 600px;
	height: 300px;
	z-index: 11000;
	border: 1px solid #000000;
	background: #ffffcc;
	left: 100;
	top: 100;
}

.msg_close{
	display:block;
	float:right;
	width: 20px;
	height:18px;
	border-left: 1px solid #000000;
	border-bottom: 1px solid #000000;
	text-align:center;
	font-size: 18px;
	font-weight:bold;
	cursor:pointer;
	padding-bottom: 4px;
}

.msg_title{
	display:block;
	float:left;
	padding-left: 10px;
	padding-bottom: 4px;
	font-size: 14px;
	font-weight:bold;
}

.msg_close:hover{
	background-color:#ff0000;
	color:#ffffff;
}

.msgcontent{
	display:block;
	float:left;
	padding:10px;
	overflow:auto;
}

.bklocker{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url("pics/transparent.png") repeat;
	z-index:9999;

}

table.autosize{
  width:170px;
}

table.percent80{
  width:700px;
}

.vip{
  display:block;
  float:left;
  width: 45px;
  height: 15px;
  margin:2px;
}

.vipr{
  width: 45px;
  height: 15px;
  margin-top:5px;
}

.vip.GOLD,
.vipr.GOLD{
  background: url("pics/sterngold.png") repeat-x;
}

.vip.SILBER,
.vipr.SILBER{
  background: url("pics/sternsilber.png") repeat-x;
}

.vip.BRONZE,
.vipr.BRONZE{
  background: url("pics/sternbronze.png") repeat-x;
}

.hiddenbox{
   position:absolute;
   display:none;
   float:left;
   width: 750px;
   height: 500px;
   overflow:auto;
   left: 500px;
   top: 250px;
   z-index: 3000;
   background:#ababab;
   border: 2px ridge #000000;
}

tr.multi{
  background:#ff0000;
  color:#ffffff;
}

tr.multi td{
  color:#ffffff;
}

input.viewonly{
   border: 0px none;
   background: transparent;
}

.todowindow{
	position:absolute;
	display:block;
	float:left;
	width: 300px;
	height: 170px;
	overflow:auto;
	top: 15px;
	left: 350px;
	background: #FAF191;
	border: 1px solid #000000;
	color:#000000;
	font-size: 10px;
}

.todowindow a{
	text-decoration: none;
	font-weight: normal;
	cursor:pointer;
}

.notices{
	position:absolute;
	display:block;
	float:left;
	width: 300px;
	height: 170px;
	overflow:auto;
	top: 15px;
	right: 350px;
	background: #FFFF00;
	border: 1px solid #000000;
	color:#000000;
}


.actionbutton {
	background: none repeat scroll 0 0 #B0C4DE;
	border: 1px solid #000000;
	cursor: pointer;
	margin-bottom: 5px;
	margin-top: 5px;
	padding: 0;
}

.actionbutton.active{
	background: none repeat scroll 0 0 #dbf043;
}

.alertactionbutton {
	color: #ffffff;
	background: none repeat scroll 0 0 #6d0019;
	border: 1px solid #000000;
	cursor: pointer;
	margin-bottom: 5px;
	margin-top: 5px;
	padding: 0;
}
.sortbuttons{
	display:block;
	float:left;
	width: 15px;
	height: 15px;
	text-align:center;
	vertical-align: middle;
	background:#637593;
	border: 1px solid #000000;
	margin-right: 5px;
	cursor:pointer;
	color: #ffffff;
}

.sortbuttons:hover{
	background: #8B8D91;
}

.sortbuttons.active{
	background: #6BBA70;
	color:#000000;

}
.sortbuttons.active:hover{
	background: #26B72D;
}

tr.green1{
	font-family: Verdana, sans-serif;
	font-size: 8pt;
	color:#333333;
	font-weight: normal;
	background-color:#dCdCdC;
	cursor:pointer;
}

tr.green2{
	font-family: Verdana, sans-serif;
	font-size: 8pt;
	color:#333333;
	font-weight: normal;
	background-color:#bCbCbC;
	cursor:pointer;
}

tr.green1:hover,
tr.green2:hover{
	background: #97C2ED;
}

.highlight{
	background: #4096EE;
}


.dialog_detail{
	position:absolute;
	left: 100;
	top: 30;
	display:none;
	width: 1300px;
	height: 700px;
	border: 1px solid #000000;
	background: #eeeeee;
	z-index: 10000;
}

.detail_header{
  display:block;
  float:left;
  width:100%;
}

.detail_header.ui-draggable,
.dialog_detail.ui-draggable{
   cursor:move;
}

.detail_close{
	display:block;
	float:right;
	width: 20px;
	height:18px;
	border-left: 1px solid #000000;
	border-bottom: 1px solid #000000;
	text-align:center;
	font-size: 18px;
	font-weight:bold;
	cursor:pointer;
	padding-bottom: 4px;
}

.detail_title{
	display:block;
	float:left;
	padding-left: 10px;
	padding-bottom: 4px;
	font-size: 14px;
	font-weight:bold;
}

.detail_close:hover{
	background-color:#ff0000;
	color:#ffffff;
}

.detailcontent{
	display:block;
	float:left;
	padding:10px;
	max-height: 700px;
	overflow:auto;
	width: 98%;
}

.detailsblock{
	display:block;
	float:left;
	width: 100%;
	min-height: 20px;
	margin-bottom: 10px;
}

table.details{
	border-left: 1px solid #000000;
	border-top: 1px solid #000000;
	width: 100%;
	background: #97C2ED;
}

table.details td,
table.details th{
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

.aufgaben_content,
.aufgaben_block{
   display:block;
   float:left;
   width: 100%;
}


.aufgaben_line{
	display:block;
	float:left;
	padding-left: 10px;
	line-height: 30px;
	vertical-align:middle;
}

label.aufgaben{
	font-weight:bold;
	margin-right: 10px;
}

select.aufgabenselector{
	color:#000000;
}

.aufgaben_menue{
   display:block;
   float:left;
   width: 100%;
   height: 30px;
   line-height: 30px;
   text-align:center;
   vertical-align:middle;
}

.aufgaben_eilmeldung{
	display:block;
	float:left;
	width: 600px;
}

.aufgabenbutton{
	display:block;
	float:left;
	line-height: 20px;
	text-align:center;
	vertical-align: middle;
	background:#637593;
	border: 1px solid #000000;
	cursor:pointer;
	color: #ffffff;
	padding:2px;
}

.aufgabenbutton:hover{
	background: #8B8D91;
}

table.inputttable td.label{
	font-weight:bold;
	padding-right: 10px;
}
table.inputttable td.input{
	font-weight:normal;
}

.actionbutton2 {
	display:inline-block;
	background: none repeat scroll 0 0 #B0C4DE;
	border: 1px solid #000000;
	cursor: pointer;
	padding: 3px;
	font-weight: bold;
}

.actionbutton2:hover {
	border: 1px solid #c9c9c9;
	padding: 3px;
	color: #e9e9e9;

}

.actionbutton3 {
	background: url(pics/lupe2.png) no-repeat center center;
	border: 0px none;
	cursor: pointer;
	width: 16px;
	height: 16px;
	padding: 5px;
}

.sortbutton{
	display:inline-block;
	cursor:pointer;
	background: url(pics/sort_none.png) no-repeat;
	width: 16px;
	height: 16px;
}

.sortbutton.asc{
	background: url(pics/sort_asc.png) no-repeat;
}

.sortbutton.desc{
	background: url(pics/sort_desc.png) no-repeat;
}
.waitingblock{
	position:absolute;
	display:none;
	float:left;
	left:0;
	top: 0;
	background: url(pics/darktrans.png) repeat;
	width:100%;
	height: 100%;
	cursor: wait;
	z-index: 99999;
}

.contentarea{
	display:block;
	float:left;
	width: 1300px;
}
.fieldlabel{
	margin-right: 5px;
}

/* Rotating Images Animation */
.rotatingimage{
	width: 32px;
	height: 32px;
	-webkit-animation:spin 4s linear infinite;
	-moz-animation:spin 4s linear infinite;
	animation:spin 4s linear infinite;
}

@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }