/* ============================================================	*/ 
/* ========	HTML STANDAARDEN  	===============================	*/
/* ============================================================	*/ 

html, body {
	height:100%;
}
body {
	margin:0;
	padding:0;
	text-align:center;
	color:#0D1E68;
	background-color:#FFFFFF;
	background:#FFF url(../gfx/back_gradient.jpg) repeat-x left top;
	}
body, table, th, td, p, input, textarea, select {
	font-family:Arial, Helvetica, Sans-serif;
	font-size:11px;
	}
h1, h2, h3, h4, h5, h6, p {
	margin:0 0 0 0;
	}
img,
a img {
	border:0px solid black;
	}
a {}
a:hover {}
h1 {}
h2 {font-size:12px;}
h3 {}
h4 {}
h5 {}
h6 {}	
p {
	margin-bottom:10px;
	line-height:16px;
	}
	
ol {}
ul {}
li {}
li li {}

label {
	
	}
br.cB {clear:both;margin-top:17px;}
/* ============================================================	*/ 
/* ========	LAYOUT BLOCKEN  	===============================	*/
/* ============================================================	*/ 

#container {
	position:relative;
	margin:0 auto 0 auto;
	width:770px;
	min-height:100%;
	height:100%;
	text-align:left;
	background:#FFF url(../gfx/container_back.jpg) repeat-y left top;
	}
	/* mozilla hax \*/
html>body #container {
    height:auto;
	}
	/* mozilla hax */
#containerHead {
	background:transparent url(../gfx/container_backhead.jpg) repeat-x left top;
	}
.contentBlock {
	margin:0 10px 0 9px;
	}
/* ============================================================	*/ 
/* ========	HEADER				===============================	*/
/* ============================================================	*/

.header {
	position:relative;
	padding:56px 0 0 3px;
	margin-bottom:10px;
	text-align:right;
	background:transparent url(../gfx/head_top.jpg) no-repeat left top;
	overflow:hidden;
	}
.headFoot {
	font-size:1px;
	height:3px;
	background:transparent url(../gfx/headnews_foot.jpg) no-repeat left top;
	}
div.logo {
	position:relative;
	float:left;
	margin-top:-35px;
	}
div.header .visual {
	position:relative;
	}
.headNews {
	position:relative;
	height:60px;
	background:transparent url(../gfx/headnews_back.jpg) repeat-y left top;
	}

.newsKop {
	position:absolute;
	top:25px;
	left:13px;
	width:95px;
	height:13px;
	z-index:10;
	}
.newsItems {
	padding-left:134px;
	}
.newsItems .newsBlock {
	float:left;
	width:285px;
	}

.newsItems a {
	display:block;
	margin:5px;
	padding-left:10px;
	color:#FFF;
	text-decoration:none;
	background:transparent url(../gfx/link_star_red.gif) no-repeat 0px 4px;
	}
.newsItems a:hover {
	text-decoration:underline;
	}
/* ============================================================	*/ 
/* ========	NAVIGATIE			===============================	*/
/* ============================================================	*/

div.navigatie {
	position:relative;
	float:left;
	padding-top:18px;
	width:126px;
	min-height:400px;
	background:#112569 url(../gfx/navback.jpg) repeat-y left top;
	}
/*\*/
* html body div.navigatie {height:400px;}
/* */
div.navigatie a {
	display:block;
	margin-bottom:3px;	}
/* ============================================================	*/ 
/* ========	FOOTER				===============================	*/
/* ============================================================	*/

div#footer {
	position:absolute;
	bottom:-1px;
	left:0;
	height:24px;
	width:770px;
	clear:both;
	background:#112569 url(../gfx/footer_back.jpg) no-repeat left bottom;
	}
div#footer .footerText {
	text-align:right;
	padding:7px 30px 0px 0px;
	}
	div#footer .footerText a {
	color:#FFF;
	text-decoration:none;
	margin-left:20px;
	}
	div#footer .footerText a:hover {
	text-decoration:underline;
	}

.vpt {
	position:absolute;
	bottom:35px;
	left:25px;
	width:44px;
	height:37px;
	z-index:25;
	}
.presa {
	position:absolute;
	bottom:35px;
	left:85px;
	width:35px;
	height:33px;
	z-index:25;
	}
.cyberhoist {
	position:absolute;
	width:115px;
	height:100px;
	
	bottom:80px;
	left:15px;
	}
/* ============================================================	*/ 
/* ========	CONTENTBLOCK		===============================	*/
/* ============================================================	*/


.mainContent {
	position:relative;
	margin:0 0 25px 3px;
	padding:10px 0 10px 10px;
	width:612px;
	overflow:hidden;
	background-color:#AEC1FF;
	background:#AEC1FF url(../gfx/main_back.jpg) repeat-x left top;
	}
/*\*/
* html body .mainContent {
	margin-left:126px;
	width:622px;
	}
/* */
	
.gradiBlockTable {
	clear:both;
	}
.gradiBlockTable td {
	width:1%;
	vertical-align:top;
	}
	
.gradiBlock {
	position:relative;
	margin:0 10px 10px 0;
	padding:10px 5px 10px 10px;
	min-height:120px;
	background:transparent url(../gfx/back_block.jpg) repeat-x left top;
	}

/*\*/
* html body .gradiBlock {
	height:130px;
	}
/* */
.gradiBlock h1 {
	font-size:12px;
	margin-bottom:3px;
	color:#384999;
	}
.gradiBlock img {
	display:block;
	border-top:1px solid #999;
	border-right:1px solid #EEE;
	border-bottom:1px solid #EEE;
	border-left:1px solid #999;
	}
.gradiBlock a {
	color:#384999;
	text-decoration:none;
	}
.gradiBlock a:hover {
	color:#384999;
	text-decoration:underline;
	}
.gradiBlock a.leesVerder {
	display:block;
	position:absolute;
	bottom:10px;
	right:5px;
	width:60px;
	height:14px;
	color:#FFF;
	margin-left:5px;
	font-size:10px;
	text-align:center;
	text-decoration:none;
	background-color:#2E4BAC;
	
	z-index:50;
	}
.gradiBlock a.leesVerder:hover {
	background-color:#FFF;
	color:#2E4BAC;
	text-decoration:none;
	}
.gradiBlock ul {
	margin:10px 0 10px 20px;
	padding:0;
	list-style:none;
	}
.gradiBlock ul li {
	position:relative;
	margin:0 0 0 0;
	padding:1px 0 2px 15px;
	list-style:none;
	background:transparent url(../gfx/link_star_red.gif) no-repeat 0px 5px;
	}
.nieuws ul li {
	border-bottom:1px dashed #FFF;
	padding:2px 0 3px 15px;
	}

.categorie .gradiBlock A {
	margin:0;
	padding:0;
	}
	
.categorie {
	background:transparent url(../gfx/back_block.jpg) repeat-x left top;
	width:600px;
	overflow:hidden;
	}
.categorie .gradiBlock {
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background:none;
	min-height:120px;
	}
.categorie .gradiBlock img {
	margin:5px 1px 0px 2px;
	padding:0px 0px 0px 0px;
	width:114px;
	_width:112px;
	
	display:block;
	float:left;
	}

.categorie .intro {
	margin-left:150px;
	/*float:left;*/
	/*margin-left:140px;*/
	margin-bottom:10px;
	margin-top:10px;
	}
.homeIntro {
	margin-left:160px;
	}
.homeImage {
	 float:left;
	 width:150px;
	 }
	 
#lblBody img {
	clear:left;
	margin-right:10px;
	}

.imageBlock {
	float:left;
	margin-right:10px;
	margin-bottom:5px;
	}
	
.imgHand {
	cursor:hand;
	border:none;
	}
	
/* ronalds schuld */
.gradiBlock a img {
	border:0px solid black;
	}

/* ============================================================	*/ 
/* ========	APPARATUUR		  	===============================	*/
/* ============================================================	*/ 

.apparatuur {
	
	}
.apparatuur th,
.apparatuur td {
	text-align:left;
	vertical-align:top;
	padding:0 10px 10px 0px;
	}
.apparatuur td.image{
	padding:0 0 10px 10px;
	}
.downloadContainer {
	Float:right;
	width:120px;
	margin-right:15px;
	height:100px;
	text-align:center;
	
	}

.downloadContainer img {
	border:0px;
	display:block;
	float:none;
	}
/* ============================================================	*/ 
/* ========	FORMULIEREN		  	===============================	*/
/* ============================================================	*/ 

form {
		margin:0px;
		}
.formgrid {
		}
.formGrid td {
		}
.formGrid .nameCell {
	}
.formGrid .inputCell {
		}
input,
select {
	vertical-align:middle;
	}
.typeText {
	display:block;
	width:300px;
	padding-left:5px;
	xmargin-bottom:10px;
	color:#FFF;
	font-weight:normal;
	border-top:1px solid #E9EEFF;
	border-right:1px solid #7A97F8;
	border-bottom:1px solid #7A97F8;
	border-left:1px solid #E9EEFF;
	background-color:#3855B6;
	}
div.typeText {
	padding:3px;
	}
.typeButton {
	display:block;
	margin-bottom:10px;
	color:#FFF;
	font-weight:normal;
	border-top:1px solid #7A97F8;
	border-right:1px solid #E9EEFF;
	border-bottom:1px solid #E9EEFF;
	border-left:1px solid #7A97F8;
	background-color:#3855B6;
	cursor:pointer;
	}
label {
	vertical-align:middle;
	}
select.select {
	display:block;
	margin-bottom:10px;
	color:#FFF;
	font-weight:normal;
	border-top:1px solid #7A97F8;
	border-right:1px solid #E9EEFF;
	border-bottom:1px solid #E9EEFF;
	border-left:1px solid #7A97F8;
	background-color:#3855B6;
	}
textarea.textarea {
	display:block;
	margin-bottom:10px;
	color:#FFF;
	font-weight:normal;
	border-top:1px solid #E9EEFF;
	border-right:1px solid #7A97F8;
	border-bottom:1px solid #7A97F8;
	border-left:1px solid #E9EEFF;
	background-color:#3855B6;
	overflow:auto;
	padding-left:5px;
	}
.formGrid h2 {
	font-size:12px;
	font-weight:normal;
	}
span.radio {
	display:block;
	margin-bottom:2px;
	}
	
	
.appVisuals {
	width:140px;
	text-align:right;
	}
.appVisuals img {
	display:block;
	margin-bottom:35px;
	
	}