/* css document	- kleine beeldschermen */

body {
	background-color:	white;
	background-image:	url(../images/net.jpg);	
	overflow:			auto;
	margin:				0; 
	padding:			0; 
	font-family:		verdana,arial;
	font-size:			13px;
	line-height:		150%;
	behavior: 			url("csshover3.htc");
}

h1 {
	font-family:		arial,verdana;
	font-size:			22px;
	color:				white;
	padding:			0px 0px 5px 0px;
}

h2 {
	font-family:		arial,verdana;
	font-size:			14px;
	font-weight:		bold;
	color:				white;
	margin:				10px 0px 0px 0px;
}

h3 {
	font-style:			italic;
	font-weight:		bold;
	font-size:			13px;	
	color:				white;
	margin:				10px 0px 0px 0px;
}

p {
	color:				white; 
	margin:				0;
}

a{
	font-size:			13px;	
	font-weight:		bold;
	text-decoration:	none;
}

a:link, a:visited, a:active {
	color: 				#192869;
	text-decoration: 	none;
}

hr{
	border:				0;
	color:				white;
	background-color:	white;
	width:				100%;
	height:				1px;
}

div.kader { 
	position:			relative;
	margin-left:		auto;
	margin-right:		auto;
	height:				600px;
	width:				1000px;
}

div.menu {
	background-color:	transparent;
	position: 			absolute;
	top:				70px;
	left:				44px;
	height:				50px;
	width:				920px;
	z-index:			5;
}

div.submenu {
	background-color:	transparent;
	position: 			absolute;
	top:				125px;
	left:				50px;
	height:				450px;
	width:				200px;
	padding:			16px 20px 0px 20px; 
	z-index:			2;
	text-align:			right;
}

div.tekst {
	background-color:	#192869;
	position: 			absolute;
	overflow:			auto;
	top:				130px;
	left:				300px;
	min-height:			400px;
	width:				590px;
	padding:			10px 30px 40px 30px; 
	z-index:			1;
}

div.tekst table {
	width:				100%;
	border-collapse:	collapse;
	border:				none;
}

div.tekst table tr {
}

div.tekst table td {
	color:				white;	
	vertical-align:		top;
	font-size:			13px;
	line-height:		110%;
}	

div.impressie {
	background-color:	Transparent;
	position: 			absolute;
	top:				130px;
	left:				50px;
	height:				320px;
	width:				860px;
	padding:			0px 20px 0px 20px; 
	z-index:			1;
}

div.impressie table {
	width:				100%;
}

div.impressie table td {
	padding:			15px;
}	

div.impressie img {
	height:				100px;
}


div.maint {
	background-color:	transparent;
	position: 			absolute;
	top:				130px;
	left:				50px;
	height:				40px;
	width:				250px;
	padding:			0px 0px 0px 0px; 
	z-index:			1;
}

img.dobbers {
	position: 			absolute;
	top:				-80px;
	left:				-260px;
	width:				1800px;
	z-index:			9;
}

img.logo {
	position: 			absolute;
	top:				-18px;
	left:				707px;
	width:				250px;
	z-index:			9;
}

div.rot {
	background-color:	transparent;
	position: 			absolute;
	overflow:			hidden;
	top:				130px;
	left:				300px;
	min-height:			450px;
	width:				650px;
	padding:			0px; 
	z-index:			3;
}

div.rot img {	
	position: 			absolute; 
	top: 				0px;
	left:				0px;
	width: 				650px; 
	height: 			450px;
	z-index:			4; 
}

div.foto { 
	position:			absolute;
	top:				130px;
	left:				45px;
	height:				450px;
	width:				920px;
	z-index:			2;
}

div.foto table {
	background:			transparent;
}

div.foto table td {
	height:				122px;
	width:				122px;
	pagging:			0; 
	margin:				0;
	border:				none;
	center:				center;
	text-align:			center;
	font-family:		arial,verdana;
	font-size:			14px;
	font-weight:		bold;
	color:				white;
}

div.foto img {
	height:			80px;
	width:			80px;
	border-style:		none;
}

div.fotoShow { 
	position:			absolute;
	background:			#A5C300;
	top:				130px;
	left:				45px;
	height:				450;
	width:				920px;
	z-index:			3;
	center:				center;
	text-align:			center;	
	visibility:			hidden;
}

div.fotoShow table {
	position:			absolute;
	background:			transparent;
	top:				10px;
	left:				0px;
	height:				400px;
	width:				900px;	
}

div.fotoShow table td {
	height:				420px;
	padding:			10px; 
	center:				center;
	text-align:			center;				
}

div.fotoShow img {
	vertical-align:		middle;
	height:				400px;
	border:				none;
}