/*

	13.07.2009, dogan

	©2009 Tanyel Dogan, alle Rechte vorbehalten

*/
.demo1{
	border:1px solid rgb(240,240,240);
	border-left-color:rgb(153,153,153);
	border-top-color:rgb(153,153,153);
	background-color:white;
	font-family:Verdana,Arial Unicode MS;
	font-size:11px;
	position:relative;
	margin-bottom:15px;
}

.demo1_skey_container{
	margin-top:-0.5em;
	margin-bottom:5px;
}
	.demo1_but_start_search{
		border:1px solid rgb(240,240,240);
		border-right-color:rgb(153,153,153);
		border-bottom-color:rgb(153,153,153);
		background-color:rgb(204,204,204);
		width:19px;
		height:19px;
		cursor:pointer;
		background-image:url(icon-lupe.gif);
		background-repeat:no-repeat;
		background-position:center center;
	}
	.demo1_but_cancel_search{
		border:1px solid rgb(240,240,240);
		border-right-color:rgb(153,153,153);
		border-bottom-color:rgb(153,153,153);
		background-color:rgb(204,204,204);
		width:19px;
		height:19px;
		cursor:pointer;
		background-image:url(icon-lupe-x.gif);
		background-repeat:no-repeat;
		background-position:center center;
	}



.demo1_head{
	background-color:rgb(204,204,204);
	width:100%;
	height:21px;
	overflow:hidden;
}
	.demo1_info{
		border:1px solid rgb(240,240,240);
		border-right-color:rgb(153,153,153);
		border-bottom-color:rgb(153,153,153);
		background-color:white;
		height:17px;
		padding:2px 6px 0 5px;
		white-space:nowrap;
		font-weight:bold;
		cursor:default;
	}
	.demo1_but_psize{
		border:1px solid white;
		border-right-color:rgb(153,153,153);
		border-bottom-color:rgb(153,153,153);
		background-color:rgb(204,204,204);
		height:17px;
		padding:2px 5px 0 5px;
		font-weight:bold;
		cursor:pointer;
	}
	.demo1_but_psize_on{
		border:1px solid rgb(102,153,255);
		border-right-color:rgb(0,0,0);
		border-bottom-color:rgb(0,0,0);
		color:white;
		background-color:rgb(0,51,153);
		height:17px;
		padding:2px 5px 0 5px;
		font-weight:bold;
		cursor:pointer;
	}
	.demo1_pbut_container{
		width:100%;
		height:21px;
		overflow:hidden;
		position:relative;
	}
		.demo1_pbut_slider{
			position:absolute;
			left:0px;
			top:0px;
		}
		.demo1_pbut{
			border:1px solid rgb(180,217,252);
			border-right-color:rgb(45,54,63);
			border-bottom-color:rgb(45,54,63);
			color:white;
			background-color:rgb(110,147,182);
			height:17px;
			padding:2px 4px 0 4px;
			cursor:pointer;
			font-weight:bold;
		}
		.demo1_pbut_on{
			border:1px solid white;
			border-right-color:rgb(153,102,102);
			border-bottom-color:rgb(153,102,102);
			color:black;
			background-color:rgb(255,204,0);
			height:17px;
			padding:2px 4px 0 4px;
			cursor:pointer;
			font-weight:bold;
		}
	.demo1_pbut_green{
		border:1px solid rgb(102,204,102);
		border-right-color:rgb(0,102,0);
		border-bottom-color:rgb(0,102,0);
		background-color:rgb(0,153,0);
		background-repeat:no-repeat;
		width:19px;
		height:19px;
		cursor:pointer;
	}
	.demo1_pbut_first{
		background-image:url(lw-pbut-first.gif);
		background-position:5px 6px;
	}
	.demo1_pbut_prev{
		background-image:url(lw-pbut-prev.gif);
		background-position:6px 6px;
	}
	.demo1_pbut_next{
		background-image:url(lw-pbut-next.gif);
		background-position:6px 6px;
	}
	.demo1_pbut_last{
		background-image:url(lw-pbut-last.gif);
		background-position:5px 6px;
	}


.demo1_thead{
	width:100%;
	height:20px;
	position:relative;
	left:0px;
	top:0px;
	overflow:hidden;
	z-index:200;
}
	.demo1_cols_container{
		position:absolute;
		height:20px;
	}

	.demo1_colbut{
		border:1px solid white;
		border-right-color:rgb(153,153,153);
		border-bottom-color:rgb(153,153,153);
		background-color:rgb(230,230,230);
		white-space:nowrap;
		height:18px;
		padding:0px 3px 0 3px;
		line-height:17px;
		position:absolute;
		overflow:hidden;
		cursor:pointer;
	}
	.demo1_colbut_act{
		border:1px solid white;
		border-right-color:rgb(153,153,153);
		border-bottom-color:rgb(153,153,153);
		background-color:rgb(184,204,224);
		font-weight:bold;
		white-space:nowrap;
		height:18px;
		padding:0px 3px 0 3px;
		line-height:17px;
		position:absolute;
		overflow:hidden;
		cursor:pointer;
	}
		.demo1_collabel_asc{
			height:18px;
			white-space:nowrap;
			background-image:url(lw-cbut-po.gif);
			background-repeat:no-repeat;
			background-position:right center;
		}
		.demo1_collabel_desc{
			height:18px;
			white-space:nowrap;
			background-image:url(lw-cbut-pu.gif);
			background-repeat:no-repeat;
			background-position:right center;
		}
			.demo1_clabel{
				white-space:nowrap;
			}

.demo1_tbody{
	width:100%;
	height:250px;
	/*BEACHTE: die negative margin -20px rückt tbody unter thead und verdeckt die erste Reihe in dtable*/
	margin-top:-20px;
	overflow:auto;
	z-index:100;
}
.demo1_tbody .tr1 td{
	vertical-align:top;
	border-right:1px solid rgb(204,204,204);
	border-bottom:1px solid rgb(204,204,204);
}
.demo1_tbody .td1{
	background-color:rgb(245,250,255);
}
