@charset "utf-8";
/* CSS Document */

#debug
	{
		float: left;
		padding: 100px 0px 0px 0px;
		width: 900px; 
		overflow: auto;
	}

.debug
	{
		float: left;
		padding: 100px 0px 0px 0px;
		width: 900px; 
		overflow: auto;
	}





#main
	{
		padding: 0px 15px 15px 15px;
		position: relative;
	}


#header
	{
		padding: 0px 0px 0px 0px;
		height: 75px;
		background: #ffffff url(/images/logo-VU.jpg) no-repeat right top;
		position: relative;

	}
#header h1
	{
		line-height: 45px;
		color: #000;
	}
	
#header #menu a
	{
		color: #255e83;
		font-weight: bold;
		text-decoration: none;
	}
#header #menu a:hover
	{
		color: #cccccc;

	}



#tableheading
	{
		padding: 3px 3px 3px 3px;
		background-color: #e3e3e3;
		position:relative;
		height: 25px;
	}

#filters
	{
		float: left;
	}
#administrator
	{
		float: right;
		padding-right: 25px;
		background: transparent url(/images/icon_bewerken.png) no-repeat right 5px;
		height: 25px;
		cursor: pointer;
		line-height: 25px;
		
	}

#account
	{
		float: right;
		padding-right: 25px;
		height: 25px;
		cursor: pointer;
		line-height: 25px;
	}




#inventarisatiem_maintable
	{
		background-color: #e5e5e5;
		position:relative;

	}
#inventarisatiem_maintable table
	{
		width: 100%;
	}






form label
	{
		display: block;
		color:#2E6E9E;
		
	}
	
form input
	{
		display: block;
		width: 200px;
		
	}
input[type=checkbox]
	{
		width: auto;
		display: inline;
	}
form label.checkbox
	{
		display: inline;
		color:#2E6E9E;
	}
	

#datagrid td
	{
		border-right: #b5d5ea 1px solid;
		border-left: #b5d5ea 1px solid;
		border-top: none;
		border-bottom: #b5d5ea 1px solid;
		cursor: pointer;
		color: #255e83;
		font-size: 13px;
		white-space: nowrap;
	}

#datagrid thead td
	{
		height: 180px;
		width: 30px;
		background-color:#b5d5ea;
		color: #255e83;
	}


#datagrid thead td div.table_header_container
	{
		position: relative;
		height: 180px;
		width: 30px;
		margin: 5px auto 5px auto;
	}
	
#datagrid thead td div.table_header
	{
		-webkit-transform: rotate(-90deg); 
		-moz-transform: rotate(-90deg);	
		-ms-transform: rotate(-90deg);
		-o-transform: rotate(-90deg);
		transform: rotate(-90deg);
		height: 30px;
		width: 180px;
		text-align: left;
		position: absolute;
		line-height: 30px;
		top: 75px;  /* = width/2 - height/2 vanwege 90 graden kantelen*/
		left: -75px; /* = -width/2 + height/2 vanwege 90 graden kantelen*/
		z-index: 10;
		
	}

#datagrid tbody td
	{
		padding: 5px;
	}
#datagrid tbody td.odd
	{
		background-color: #f3f3f3;
		border-color: #cccccc;
	}

#datagrid tbody td.even
	{
		background-color: #dbdbdb;
		border-color: #cccccc;
	}




#datagrid thead td.coltype2
	{
		background-color:#4a98cd;
		color: #ffffff;
		border-color: #4a98cd;
	}
	
#datagrid tbody td.odd.coltype2
	{
		background-color: #e5e5e5;
		border-color: #aaaaaa;
	}

#datagrid tbody td.even.coltype2
	{
		background-color: #cecece;
		border-color: #aaaaaa;
	}




#datagrid thead td.coltype3
	{
		background-color:#255e83;
		color: #ffffff;
		border-color: #255e83;
	}
	
#datagrid tbody td.odd.coltype3
	{
		background-color: #cccccc;
		border-color: #9d9d9d;
		color: #1d4865;
	}

#datagrid tbody td.even.coltype3
	{
		background-color: #b8b8b8;
		border-color: #9d9d9d;
		color: #1d4865;
	}







/*


tbody tr.highlight td.odd
	{
		background-color: #cecece;
	}
tbody tr.highlight td.even
	{
		background-color: #cecece;
	}


tbody tr.highlight td.odd.coltype2
	{
		background-color: #b8b8b8;
	}
tbody tr.highlight td.even.coltype2
	{
		background-color: #b8b8b8;
	}
	

	
tbody tr.highlight td.odd.coltype3
	{
		background-color: #878787;
	}
tbody tr.highlight td.even.coltype3
	{
		background-color: #878787;
	}


*/





#datagrid tbody tr.highlight td.odd
	{
		background-color: #d3e1ea;
	}
#datagrid tbody tr.highlight td.even
	{
		background-color: #d3e1ea;
	}


#datagrid tbody tr.highlight td.odd.coltype2
	{
		background-color: #d3e1ea;
	}
#datagrid tbody tr.highlight td.even.coltype2
	{
		background-color: #d3e1ea;
	}
	

	
#datagrid tbody tr.highlight td.odd.coltype3
	{
		background-color: #d3e1ea;
	}
#datagrid tbody tr.highlight td.even.coltype3
	{
		background-color: #d3e1ea;
	}





#datagrid td.Status div.status
	{
		width: 15px;
		height: 15px;
		font-size: 0px;
		position: relative;
	}


#legenda
	{
		display: none;
	}
.legend
	{
		position: absolute;
		top: 0px;
		left: 20px;
		z-index: 100;
		background-color:#ffffff;
		border: dotted #09C 1px;
		font-size: 10px;
		padding: 10px;
		display: none;
		
		-moz-box-shadow: 10px 10px 5px #888;
		-webkit-box-shadow: 10px 10px 5px #888;
		box-shadow: 10px 10px 5px #888;
	}
.legend div
	{
		float: left; 
		margin-bottom: 5px;
		margin-right: 20px;
		white-space: nowrap;
	}
.legend div div
	{
	margin-right: 5px; 
	width: 15px; 
	height: 15px; 
	float: left;
	}


#datagrid td.Plattegrond, 
#datagrid td.Rapport,
#datagrid td.Aanmelden_voor_sanering
	{
		text-align: center;
	}



#datagrid td.small
	{
		width: 1%;
	}

#datagrid td.addrow
	{
		text-align: right;
	}



#datagrid td.bewerken
	{
		width: 1%;
	}
#datagrid td div.bewerken
	{
		width: 32px;
		height: 24px;
		font-size: 0px;
		background: transparent url(/images/icon_bewerken.png) no-repeat center 3px;

	}


.htmlpage
	{
		padding: 20px;
		background-color:#d3d3d3;
	}