	html		{
		min-height:101%;
			}

	body	{
		font-family:"Trebuchet MS",sans-serif;
		font-size:medium;
		margin:0;
		width:980px;
		margin:0 auto;
			}

	h1		{
		font-family:Georgia, serif;
		font-weight:normal;
		font-size:1.8em;
		color:#989899;
		margin:6px 6px 0 6px;
			}

	h1 span	{
		font-size:2em;
		color:#4f7a9c;
			}

	h1 span span{
		font-size:.5em;
		color:#000000;
			}

	h1:after{
		position:absolute;
		left:170px;
		top:15px;
		content:'Time Recording System';
		font-family: Brush Script MT,cursive;
		font-size:24pt;
		font-weight:normal;
		color:#66FFCC;
		text-shadow:-1px -1px 0 rgba(0,0,0,.5),1px -1px 0 rgba(0,0,0,.5),-1px 1px 0 rgba(0,0,0,.5),1px 1px 0 rgba(0,0,0,.5),
						-2px -2px 0 #FFF,-2px 2px 0 #FFF,2px -2px 0 #FFF,2px 2px 0 #FFF,0 0 10px #FFF,0 0 20px #FFF;
		transform:rotate(-5deg);
	}

	h2		{
		font-size:1.3em;
		text-align:center;
		margin:0;
		color:#666666;
		font-style:italic;
			}

	a		{
		outline:none;
			}

	::-moz-selection{
		color:#FFFFFF;
		background-color:#6E96B6;
			}

	::selection{
		color:#FFFFFF;
		background-color:#6E96B6;
			}


	#loginForm{
		margin:100px auto 0;
			}

	.liFormLine{
		width:200px;
		margin:4px auto;
		text-align:center;
			}

	.liFormLine span{
		color:#666666;
		font-style:italic;
		display:block;
		font-size:.7em;
		margin:4px 0 -4px -134px;
			}

	.liFormLine input{
		width:180px;
			}

	.liFormLine input[type=submit]{
		width:184px;
			}

	.mitarbeiter{
		margin:0px 0 0 6px;
		font-family:Georgia,serif;
		font-size:16pt;
		color:#000000;
			}


	#logout	{
		position:absolute;
		top:10px;
		left:50%;
		margin-left:446px;
display:none;
			}

	#logout a{
		text-decoration:none;
		font-size:9pt;
		color:#999999;
			}

	#logout a:hover{
		color:#333333;
			}

	#tabnav	{
		position:absolute;
		top:0px;
		left:50%;
		margin:12px -107px 0 -106px;
		list-style:none;
		white-space:nowrap;
		width:700px;
		/*border:solid;*/
			}

	#tabnav	li{
		float:left;
		list-style:none;
		padding:2px 0px;
		margin:0 4px;
			}

	#tabnav li a,#tabnav li span{
		display:block;
		height:32px;
		width:80px;
		font-size:10pt;
		text-align:center;
		text-decoration:none;
		font-family:Georgia,serif;
		padding-top:18px;
			}

body #tabnav li a, body #tabnav li span {
    height: 32px;
    padding-top: 18px;
}
body #tabnav li.topper a, body #tabnav li.topper span {
    height: 41px !important;
    padding-top: 9px !important;
}

	#tabnav li.topper a,#tabnav li.topper span{
		padding-top:10px !important;
		height:40px;
			}

	#tabnav li span{
		background-image:url("images/menuBlue.gif");
		color:#FFFFFF !important;
			}

	#tabnav li a{
		background-image:url("images/menuGray.gif");
		color:#000000;
			}

	#tabnav li span{
		color:#333333;
			}

	#tabnav	li a:hover{
		background-image:url("images/menuBlue.gif");
		color:#FFFFFF !important;
			}

	#search	{
		position:absolute;
		top:74px;
		left:50%;
		margin-left:172px;
		width:320px;
			}

	#search	input[type=text]{
		width:230px;
		font-size:.6em
			}

	#search	input[type=submit]{
		margin:0px 0 0 3px;
		padding:0 2px;
		height:19px;
		color:#4d7594;
		font-size:.7em;
		cursor:pointer;
		background-color:#FFFFFF;
		border:none;
		font-family:Georgia,serif;
		font-size:12pt;
			}

	#report	{
		position:absolute;
		top:78px;
		left:50%;
		margin-left:-125px;
		font-family:Georgia,serif;
		font-size:.8em;
		color:#000000;
		white-space:nowrap;
		width:280px;
			}

	#report em{
		color:#868686;
			}

	#report span{
		position:absolute;
		left:50%;
		margin-left:-247px;
			}

	.YeTo	{
		text-decoration:none;
		color:#868686;
			}

	.YeTo:hover{
		color:#636363;
			}

	#zeitanzeige{
		position:absolute;
		left:50%;
		top:116px;
		margin-left:316px;
		font-size:.8em;
		text-align:right;
		width:160px;
		color:#999999;
		font-style:italic
			}

	#content,#content2{
		width:940px;
		margin:40px auto 20px;
		padding:10px;
		border:2px solid #CCCCCC;
			}

	#linkeSeite{
		margin-left:60px;
		float:left;
			}

	#rechteSeite{
		margin-left:90px;
		float:left;
			}

	#rechteSeite textarea{
		height:140px;
		width:300px;
			}

	#untereSeite{
		text-align:center;
		clear:left;
			}

	#kundenliste{
		 width:920px;
		 margin:10px auto 0;
		 border-collapse:collapse;
		 font-size:.8em;
			}

	#kundenliste th, #kundenliste td{
		vertical-align:top;
		padding:8px 4px 0;
		height:2.6em
			}

	#kundenliste input[type="text"]{
		width:100px;
			}

	#kundenliste span{
		color:#696969;
		font-style:italic;
			}

	.sortLink{
		text-decoration:none;
		color:#666666;
			}

	.sortLink:hover{
		text-decoration:underline;
		color:#333333;
			}

	.strong	{
		font-weight:bold;
			}

	.weak	{
		color:#666666;
			}

	.schnelllink{
		 text-decoration:none;
		 color:#000000;
			}

	.schnellImg img{
		margin:-4px 0 2px;
		border:none;
			}

/*	.schnellImg:hover,
	.schnelllink:active, .schnelllink:focus,
	.schnellImg:active, .schnellImg:focus{
		 outline:1px dashed #FF9900;
			}*/

	.schnellleistung{
		position:absolute;
		top:108px;
		margin-left:10px; 
			}

	.schnellleistung img{
		border:none;
			}

	.newLetter{
		border-top:1px dotted #336FFF;
			}

	.odd{
		 /*background-color:#F0F0F0;*/
			}

	#kundenliste .kZeilchen{
		 border-bottom:1px dashed #CCCCCC;
			}


	.inactive{
		color:#999999;
			}

	.openJob{
		background-color:#FFE6E6;
			}

	.openJobDark{
		background-color:#F6DCD0;
			}

	.listButton{
		white-space:nowrap;
		position:Relative;
		top:3px;
		padding:0px 6px 2px 6px;
		margin: 0 auto;
		font-weight:bold;
		font-size:.8em;
		/* background-color:#335062; */
		background-color:#6e96b6;
		border:1px outset #000000;
		color:#FFFFFF;
		text-decoration:none;
		font-size:1em;
		-webkit-border-radius: 4px;    /* for Safari */
		-moz-border-radius: 4px;       /* for Firefox */
		-khtml-border-radius: 4px;     /* for Konqueror */
		border-radius:4px;             /* for Opera */
			}

	.listButton:hover{
		color:#FFCC66;
			}

	.listButton span{
		color:#FF9900;
			}

	.disabled{
		color:#CCCC99 !important;
		cursor:default;
			}

	.greenState{
		background-color:#339933;
		border:1px outset #009900;
		color:#c0f000;
			}

	.greenState:hover{
		color:#c0f000;
		cursor:default;
			}

	.redState{
		background-color:#993333;
		border:1px outset #990000;
			}

	.startStop{
		padding:0px 16px 2px 10px;
		margin-top:10px !important;
		width:26px;
		text-align:center !important;
		display:block;
		float:left;
			}

	.ojBut	{
		color:#F0FF60
			}

	.caution{
		background-color:#C03333;
			}

	.description{
		margin:10px;
		font-size:.8em;
			}

	.description span{
		width:110px;
		display:block;
		float:left;
		color:#666666;
			}

	.description .right{
		display:inline;
		width:100px;
		color:#666666;
			}

	.description strong{
		font-size:1.6em;
		line-height:.8em;
			}

	.longLink{
		text-decoration:none;
		color:#000000;
		cursor:crosshair;
			}

	.maTabs	{
		 border-bottom:1px solid #333333;
		 text-align:right;
		 font-size:.9em;
		 padding:0;
		 height:2.4em !important;
		 white-space:nowrap;
			}

	.maTabs	a{
		padding:2px 6px 3px;
		margin-bottom:-6px;
		border:1px solid #333333;
		border-bottom:none;
		text-decoration:none;
		color:#333333;
		outline:none;
		margin-right:-3px;
		margin-left:-3px;
		-webkit-border-radius: 4px;    /* for Safari */
		-moz-border-radius: 4px;       /* for Firefox */
		-khtml-border-radius: 4px;
		border-radius:4px;
			}

	.maTabs	a:hover{
		background-color:#F0F0FF;
		color:#333300;
			}

	.selMA	{
		background-color:#CFDDF0;
			}

	.selMA:hover{
		background-color:#C0CFF0 !important;
			}

	.dateInList{
		text-align:right;
		padding-right:12px !important;
			}

	.eingabeZeile{
		font-size:.8em;
		margin:0 0 6px 0;
			}

	.eingabeZeile span{
		display:block;
		width:460px;
		padding-right:10px;
		text-align:right;
		float:left;
			}

	.eingabeZeile .nummern{
		width:40px;
			}

	.eingabeZeile .spalten{
		width:140px;
			}

	.eingabeZeile input[type=checkbox]{
		vertical-align:bottom;
			}

	.aTA	{
		width:140px;
		height:6em;
			}

	.pageNavi{
		margin:20px auto 8px;
		font-size:.8em;
		color:#CC6666;
		border:1px solid #999999;
		border-width:1px 0;
		white-space:nowrap;
		text-align:center;
			}

	.pageNavi a{
		color:#000000;
		text-decoration:none;
			}

	.pageNavi a:hover{
		color:#333333;
			}

	.companyLogo{
		height:30px;
		margin:-5px 0;
			}

	.monthYear{
		width:130px;
			}

	.monthYear option{
		text-align:right;
			}

	#preisZuordnung{
		position:absolute;
		width:160px;
		padding:4px;
		background-color:#FFFFF3;
		border:1px solid #330000;
		left:50%;
		margin:-90px 0 0 180px;
	}

	#pzCloser{
		border:1px solid #000000;
		width:10px;
		line-height:12px;
		vertical-align:middle;
		text-align:center;
		position:relative;
		left:148px;
		top:0;
		cursor:pointer;
	}

	#pzContent{
		
	}

	.pSchalter	{
		position:absolute;
		right:2px;
		width:60px;
	}

	#lCombo{
		background-color:#C0FF90;
	}
	#wCombo{
		background-color:#C0FCF0;
	}
	#kCombo{
		background-color:#FCC0FF;
	}
	#tCombo{
		background-color:#FFFCC0;
	}

	.gzDiff	{
		float:right;
		display:block;
		margin-top:-1.5em;
			}

	.red	{
		color:red;
			}

	.green	{
		color:green;
			}

	.maGleitzeit{
		position:absolute;
		margin:-30px 0 0 80px;
		border:1px solid #666666;
		padding:6px 36px 6px 8px;
		width:70px;
		-webkit-border-radius: 4px;    /* for Safari */
		-moz-border-radius: 4px;       /* for Firefox */
		-khtml-border-radius: 4px;
		border-radius:4px;
			}

	.maGleitzeit .legend{
		position:absolute;
		top:-10px;
		left:3px;
		font-size:7pt;
		color:#999999;
		background-color:#FFFFFF;
		padding:0 4px;
			}

	.miniBtn{
		position:absolute;
		font-size:16pt;
		text-decoration:none;
		color:#333333;
		display:block;
		border:1px solid #333333;
		line-height:7px;
		width:10px;
		height:10px;
		text-align:center;
		vertical-align:center;
		padding:1px;
		-webkit-border-radius: 2px;    /* for Safari */
		-moz-border-radius: 2px;       /* for Firefox */
		-khtml-border-radius: 2px;
		border-radius:2px;
		outline:none;
		background-color:#D0D0D0;
			}

	.miniBtn:hover{
		padding:2px 0 0 2px;
			}

	#mbPlus	{
		left:70px;
		margin:-26px 0 0 28px;
			}

	#mbMinus{
		left:70px;
		margin:-10px 0 0 28px;
			}

	#checklistSel{
		 position:absolute;
		 left:50%;
		 margin:-30px 0 0 -300px;
		 width:600px;
		 height:300px;
		 background-color:#FFFFFF;
		 border:1px solid #333333;
		 padding:10px;
		 display:none;
		 z-index:100;

		-webkit-border-radius: 7px;    /* for Safari */
		-moz-border-radius: 7px;       /* for Firefox */
		-khtml-border-radius: 7px;
		border-radius:7px;
			}

	#checklistSel #clsCont{
		width:586px;
		height:258px;
		border:1px solid #999999;
		padding:6px;
		float:left;
		overflow-y:scroll;

		-webkit-border-radius: 4px;    /* for Safari */
		-moz-border-radius: 4px;       /* for Firefox */
		-khtml-border-radius: 4px;
		border-radius:4px;
			}

	#checklistSel input[type=button]{
		position:absolute;
		bottom:7px;
		margin:0 0 0 -110px;
		width:94px;
		left:50%;
			}

	#clVerw	{
		position:relative;
		width:880px;
		margin:30px auto 10px;
		height:40px;
			}

	#cliCollection{
		width:720px;
		margin:0 auto;
			}

	#cliCollection span{
		display:inline-block;
		text-align:center;
			}

	#cliCollection span span{
		font-size:9pt;
			}

	.clItem	{
		width:400px;
			}

	.dclItem	{
		margin:4px 20px 4px 0;
			}

	.dclItem input[type=text]{
		font-size:9pt;;
			}

	.dclItem a{
		text-decoration:none;
		color:#006633;
			}

	.dclItem a:hover{
		color:#009966;
			}

	.dclItem  .cliProto{
		width:60px;
			}

	.dclItem .range{
		margin:0 20px;
			}

	.dclItem .rangePH{
		width:32px;
		color:#666666;
			}

	.usage	{
		font-size:9pt;
		color:#666666;
		float:right;
		margin-top:-32px;
			}

	#nCLiCreate{
		margin:4px 0 0 340px
			}

	#projCLform hr{
		color:#DDDDDD;
			}

	.clProjEintrag{
		border:1px solid #666666;
		float:left;
		margin:6px;
		padding:4px;
		/*height:236px;*/
		height:106px;
		width:167px;
			}

	.clProjEintrag label{
		text-decoration:underline;
		font-size:10pt;
			}

	.pclPreview{
		font-size:9pt;
		padding:6px;
			}

	.fett	{
		font-weight:bold;
		color:#33333F;
			}

	.projTable{
		margin:0 auto;
		font-size:9.5pt;
			}

	.projTable th{
		padding:2px 10px;
		color:#333333;
			}

	.projTable th span{
		display:inline !important;
		font-style:italic;
		color:#424242;
			}

	.projTable td{
		padding:2px 7px;
			}

	.projTable .tdMw{
		min-width:340px;
			}

	.projTable td input[type=text]{
		width:80px;
		text-align:right;
			}

	.projTable td input[type=text][readonly]{
		background-color:#F0F0C6;
		border:2px solid #CCCCCC;
		cursor:not-allowed;
			}

	.projTable td input[type=text][readonly].roObf{
		background-color:#FFFFFF !important;
		border:none !important;
		cursor:default;
			}

	.projButtons{
		position:relative;
		top:20px;
		left:430px;
		width:460px;
		text-align:right;
			}

	.projButtons a{
		margin: 0 20px;
			}

	.diSSabled{
		background-color: rgb(153, 153, 144);
		color:#FFFFFF !important;
		cursor:not-allowed;
			}

	#pChecklist{
		padding:0 30px;
			}

	#pChecklist span{
		display:inline-block;
		width:300px;
			}

	.clhl	{
		font-size:13pt;
		text-align:left;
		margin:20px auto 30px;
			}

	.clhl span{
		padding:0px 4px 2px;
		white-space:nowrap;
		width:920px !important;
		color:#666666;
			}

	.clKn	{
		font-weight:bold;
		margin-bottom:-20px;
			}

	#projHandling{
		position:absolute;
		left:50%;
		margin-left:10px;
		font-size:10pt;
		color:#666666;
			}

	#projHandling span{
		 display:inline-block;
		 width:90px;
		 padding-right:10px;
		 text-align:right;
			}

	#projHandling select{
		 width:230px;
			}

	.psHl	{
		FONT-SIZE:14pt;
		font-weight:bold;
		font-style:italic;
		color:#666666;
		margin-top:20px;
			}

	.pkHl	{
		font-size:11pt;
		margin-left:20px;
		font-style:italic;
		font-size:10pt;
			}

	.pkHl a	{
		color:#666666;
		text-decoration:none;
			}

	.pkHl a:hover,.pkHl a span:hover{
		color:#000000;
		/*text-decoration:underline;*/
			}

	.pkHl a span{
		display:inline-block;
		width:340px;
		color:#333333;
		font-style:normal;
		font-size:11pt;
			}

	#projStand{
		position:absolute;
		top:260px;
		left:50%;
		margin-left:292px;
		font-size:10pt;
		border-bottom:2px solid #CCCCCC;
			}

	#projStand span{
		color:#666666;
		font-style:italic;
		width:42px;
			}

	.progressBar{
		position:absolute;
		left:50%;
		margin:-1.3em 0 0 292px;
		width:150px;
		height:13px;
		background-color:#E6E6E6;
		border:1px solid #333333;
			}

	.progressBar .hundredPC{
		display:block;
		background-color:#FFFFFF;
		font-size:8px;
		width:100px;
		border-right:1px solid #CC6000;
		height: 12px;
			}

	.progressBar .ppc{
		display:block;
		background-color:#33FF33;
		font-size:9px;
		width:0px;
		margin-top:-11px
			}

	.ppcNumber{
		position:absolute;
		font-size:9pt;
		display:inline-block;
		width:100px;
		left:50%;
		margin:1px 0 0 298px;
		text-align:center;
		color:#333333;
			}

	.over150{
		background-color:#FF0000;
		border:1px solid #990000;
			}

	.plButton{
		width:170px;
		margin-left:380px;
			}

	.abajo	{
		font-size:9pt;
		height:1px !important;
		line-height:16px !important;
		padding:0;
			}

	.abajo div{
		/*border:1px solid #CCCCCC;
		background-color:#CCCC00;*/
		margin:-10px 4px 0 0;
		height:16px;
		padding:0;
		text-align:right;
			}

	.abajo a	{
		text-decoration:none;
		color:#666666;
			}

	.abajo a:hover{
		color:#000000;
			}

	.abajo a:active{
		outline:none;
			}

	#offScreen{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:2000%;
		background-color:#333333;
		opacity:0.8;
		filter: alpha(opacity=80);
			}

	#underrunWarning{
		font-size:10pt;
		position:absolute;
		top:120px;
		width:274px;
		left:50%;
		margin-left:-120px;
		padding:20px;
		background-color:#FFFFF0;
		border:3px solid #666F66;
		opacity:1;
		filter: alpha(opacity=100);
			}

	#underrunWarning em{
		color:#990000;
			}

	#underrunWarning a{
		font-size:11pt;
		display:block;
		width:80px;
		text-align:center;
		margin:20px auto 0;
			}

	.zeiten	{
		font-size:.8em;
		color:#333333;
			}



.schnellImg img {
    max-width: 32px;
}

.schnelllink {
    font-weight: 500;
    font-size: 16px;
    padding-top: 1px;
    float: left;
}
.schnellImg img:hover {
    opacity: 0.6;
}

.customer_namee {
    text-align: left;
    font-size: 16px;
}


.schnell_page select#dauerMni option {
    display: none;
}
.schnell_page select#dauerMni option:nth-child(5n+1) {
    display: block;
}

.schnell_page select#beginnM option {
    display: none;
}
.schnell_page select#beginnM option:nth-child(5n+1) {
    display: block;
}

.schnell_page select#endeM option {
    display: none;
}
.schnell_page select#endeM option:nth-child(5n+1) {
    display: block;
}

.internaal select#dauerM option {
    display: none;
}
.internaal select#dauerM option:nth-child(5n+1) {
    display: block;
}