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

html {
	height:100%;
	width:100%;
	overflow: -moz-scrollbars-vertical;
	}
body {
	margin:0 0 0 0;
	width:100%;
	height:100%;
	text-align:center;
	background-color:#FFF;
	}
	
img, div{ behavior: url(css/iepngfix.htc);}
img {border:0px solid #000000;}
	
body, table, th, td, p, input, textarea, select {
	font-family: Arial, Verdana,Helvetica, Sans-serif;
	font-size:11px;
	color:#616262;line-height:15px;
	}
	
a, a :focus {outline:none;text-decoration:none;color:#8f9090;}
a:hover{text-decoration:underline;}

h1 {font-size:15px;line-height:16px;margin:0 0 10px 0;}
h2 {font-size:11px;line-height:16px;color:#3a53a5;margin:0 0 5px 0;}
h3 {font-size:12px;line-height:16px;color:#3a53a5;margin:0 0 5px 0;}
b {font-size:11px;line-height:16px;color:#3a53a5;margin:0 0 5px 0;}

/* ============================================================	*/ 
/* ========	LAYOUT BLOCKEN  	===============================	*/
/* ============================================================	*/ 

#container {
	position:relative;
	margin:0 auto 0 auto;
	width:960px;

	text-align:left;
	background-color:#FFF;
	


	}
/* ============================================================	*/ 
/* ========	homeTopContent 	  	===============================	*/
/* ============================================================	*/ 
div.homeblock{
	position:relative;
	float:left;
	height:220px;
	width:153px;
	margin-top:80px;
	overflow:hidden;
	border:none;
	background: url('../gfx/border.jpg') ;
}
div.homeblock .blockimg{
	height:164px;
	width:152px;
	overflow:hidden;
	margin:0px 0px 0px 1px;
	background:#fff;
}

div.homeblock .blockimg img{
	padding-top:17px;
}


div.homeblock .header{
height:35px;
padding-left:10px;
overflow:hidden;
width:152px;
background:#fff;
}
div.homeblock a.readmore{
position:relative;
float:left;
display:block;
height:21px;
width:153px;
background:url('../gfx/button-readmore.gif')
}

div.homeblock h3{
display:block;
color:#3a53a5;
text-transform:uppercase;
padding-left:15px;
background:url('../gfx/h1-bg.gif') no-repeat 0 9px;
padding-top:9px;
font-size:14px;

}




/* ============================================================	*/ 
/* ========	TopContent 	  	===============================	*/
/* ============================================================	*/ 

div.TopContent{
position:relative;
float:left;
height:300px;
background:#fff;
margin-bottom:25px;
}

div.TopContent .block{
	height:300px;
	width:153px;
	width:255px;	
}



div.block{
position:relative;
float:left;
width:255px;
border-left:1px solid #fff;
overflow:hidden;
background:url('../gfx/blocktxt-bgn.jpg');

}

div.blockimg{
margin-top:65px;
position:relative;
height:130px;
overflow:hidden;
text-align:center;
}
div.blockimg img{
height:130px;
}


div.blocktxt{
height:74px;
padding:0 10px 0 25px;
}

div.blocktxts{
position:relative;
float:left;
height:100px;
width:110px;
padding:0 10px 0 25px;
margin-bottom:20px;
}


div.header{
height:35px;
padding-left:10px;
overflow:hidden;
}

div.headertop{
float:left;
height:35px;
width:235px;
padding-left:10px;
margin-top:30px;
}

.block .headertop h1{
width:140px;
overflow:hidden;


}

h1, h3{
display:block;
color:#3a53a5;
text-transform:uppercase;
padding-left:15px;
background:url('../gfx/h1-bg.gif') no-repeat;
}


a.readmore{
position:relative;
float:left;
display:block;
height:21px;
width:255px;
background:url('../gfx/button-readmore.gif')
}
/* ============================================================	*/ 
/* ========	rightContent		===============================	*/
/* ============================================================	*/
div.rightContent{
position:relative;
float:right;
width:500px;
_height:300px;
min-height:300px;

margin-bottom:25px;
}

div.rightContent .headertop h1{
width:460px;
overflow:hidden;
white-space:pre-wrap;
}




div.rightContent .blocktxt{
position:relative;
float:left;
width:450px;
margin-bottom:25px;
height:auto;
}

div.complogo{
	position:relative;
	float:left;
	width:225px;
	height:100px;
	text-align:center;
	}

div.complogo img{
}

div.prologo{
	position:absolute;
	top:-50px;
	right:10px;
	height:50px;
	/*float:right;
	padding:0 0 10px 10px;
	clear:right;*/

}



a.datasheet{
position:relative;

display:block;
text-indent:25px;
line-height:30px;
margin:15px 15px 0 0;
background:url('../gfx/datasheet.gif') no-repeat center left ;
}

a.pricelist{
margin:15px 15px 0 0;
position:relative;
float:left;
display:block;
text-indent:25px;
line-height:30px;
background:url('../gfx/pricelist.gif') no-repeat center left ;
}



/* ============================================================	*/ 
/* ========	bottomContent		===============================	*/
/* ============================================================	*/

div.bottomContent{
position:relative;
float:left;
margin-bottom:40px;
padding-left:25px;
}

div.bottomContent .blocktxt{
background-image:none;
_height:150px;
min-height:150px;
}
/*
ul{
font-size:11px;line-height:16px;color:#3a53a5;margin:5px 0;font-weight:bold;}

li{font-weight:normal;
list-style:none;
margin-left:0px;
text-indent:15px;
background:url('../gfx/link-dot.gif') no-repeat left center;
}
*/
ul {
	margin:0 0 0 0;
	padding:0 0 0 0;
	list-style:disc inside;
	}
li {
	margin:0 0 0 0;
	padding:0 0 0 0;
	/*color:#3a53a5;*/
	font-size:11px;
	line-height:16px;
	}



div.bottomContent .blocktxt a:hover{
color:#3a53a5;}


a.readmoretxt{
position:relative;
display:block;
float:left;
color:#3a53a5;
line-height:21px;
text-transform:uppercase;
font-weight:bold;
}


div.login {
	position:relative;
	float:left;
	width:165px;
	z-index:100;
	}

/* ============================================================	*/ 
/* ========	news				===============================	*/
/* ============================================================	*/
	
div.newsContent{
position:relative;
float:right;
width:500px;
margin-bottom:25px;
_height:300px;
min-height:300px;
}
div.newsContentblock{
position:relative;
float:left;
width:470px;
padding-left:10px;
margin-bottom:15px;
border-bottom:1px solid #ededed;
}
div.newsContent .headertop{
width:460px;
margin-bottom:0px;
}


div.newsContent h2{
}

div.newsContentblock p{
margin:5px 0;
}
div.newsitem{
position:relative;
float:left;
width:470px;
padding-left:10px;
margin-bottom:15px;
}
div.newstxt{
padding-left:15px;
}


div.newsitem p{
margin:5px 0;
}

.date{
	color:#8f9090;
	border-left:1px solid #cbcbcb;
	font-weight:bold;
	padding-left:10px;
	margin-left:10px;
}
div.newsContent a.readmoretxt{
position:relative;
display:block;
float:right;
color:#3a53a5;
line-height:21px;
text-transform:uppercase;
font-weight:bold;
padding-right:10px;
margin-right:15px;
background: url('../gfx/txt-readmore.gif') no-repeat right center;
}
div.visual{
	position:relative;
	float:right;
	clear:right;
	padding:5px;

}
/* ============================================================	*/ 
/* ========	navigatie				===============================	*/
/* ============================================================	*/

div.navigatie{
position:relative;
float:left;
height:67px;
overflow:hidden;
width:960px;}

div.topnav {
	position:relative;
	float:left;
	height:28px;
	width:960px;
	font-weight:bold;
	}

div.topnav a{
	position:relative;
	float:right;
	display:inline;
	line-height:28px;
	color:#3a53a5;
	margin:0px 17px 0 3px;
	text-decoration:none;
	font-size:12px;

	}
	
	
div.pagenav {
	position:relative;
	float:left;
	width:960px;
	height:39px;
	border-top:1px solid black;
	background:url('../gfx/pagenav-bg.jpg');
	padding-right:50px;
	overflow:hidden;

	}
div.pagenav a{
	display:inline;
	line-height:39px;
	height:39px;
	float:right;
	position:relative;
	text-transform:capitalize;
	color:#fff;
	text-indent:10px;
	margin:0px 17px 0 3px;
	background:url('../gfx/pagenavbutbg.gif') 0px 15px   no-repeat;

}
	
div.pagenav a:hover{
	color:#e02030;
	background:url('../gfx/pagenavbutbg-o.gif') 0px 15px   no-repeat;
		text-decoration:none;

	}


	
/* ============================================================	*/ 
/* ========	CONTENTBLOCK		===============================	*/
/* ============================================================	*/

div.contentBlock {
	position:relative;
	float:left;
	height:100%;
	width:960px;


	}

div.sidebar {
	position:relative;
	float:left;
	width:190px;
	height:300px;
	background:url('../gfx/sidebar-bg.jpg') no-repeat;
	z-index:100;
	}
div.sidebarnews {
	position:relative;
	float:left;
	width:450px;
	height:300px;
	background:url('../gfx/sidebar-news-bg.jpg') no-repeat;
	z-index:100;
	}
	
	
div.logo{
	position:absolute;
	top:-42px;
	left:0px;
	width:233px;
	height:94px;

}
div.logo img{
	width:233px;
	height:94px;
}

	
	
/* ============================================================	*/ 
/* ========	FOOTER				===============================	*/
/* ============================================================	*/

div.footer {
	position:relative;
	float:left;
	width:960px;
	height:25px;
	color:#c2c2c2;
	background:url('../gfx/footer-bg.jpg')
	}
	
div.footerleft{
	position:relative;
	float:left;
	width:200px;
	line-height:25px;
	margin-left:15px;
	}
	
div.footerright{
text-align:right;
	position:relative;
	float:right;
	height:25px;
	width:75px;
	line-height:25px;
	margin-right:15px;

	}
div.footer a{
	position:relative;
	display:block;
	color:#c2c2c2;
	}
/* ============================================================	*/ 
/* ========	form				===============================	*/
/* ============================================================	*/


td{line-height:16px;padding-right:15px; vertical-align:top;}


.input{

	width:90%;
	border:1px solid #3a53a5;

}

.textarea{
	width:90%;
	border:1px solid #3a53a5;
		height:80px;
		overflow:auto;

}

.submit{
	width:116px;
	height:21px;

	border:0px none;
	cursor:hand;
	margin:10px 0;
	background:url('../gfx/contact-send.gif')
}

.imgHand {
	cursor: hand;
}