/* general default settings
------------------------- */
body{
	font-family: Verdana;
	font-size: 13px;
	margin:0px;
	/*	visibility:hidden;*/
}

img{
	border:0;
}

object{
	cursor: default;
}

embed{
	cursor: default;
}

p{
	margin: 0px;
}

form{
	margin:0px;
	display:inline;
}
	
table {
	display:block;
}

/* Containers
--------------------*/
#mainbox{
	/*  main rectangle that contains al others.. */
	margin:auto;
	width:980px;
	height:600px;
	clear:both;
}

#logobox{
	background: url(../gfx/topslice.jpg) no-repeat left;
	width:980px;
	height:135px;
}

#leftspacer{
	width:76px;
	height:430px;
	background: url(../gfx/leftopslice.gif) no-repeat top;
	float:left;
}


#leftbox{
/* contains logo on top and a darker gray gradient background */	
	width:162px;
	float: left;
	height:450px;
	background: url(../gfx/leftbackground.jpg) no-repeat top;
	}

#midbox{
/*	contains left content image light gradient top down to white*/
	width:251px;
	float:left;
	height:430px;
	background: url(../gfx/lightgray_gradient.gif) repeat-x top;
	padding-left:5px;
}

#rightbox{
/*	contains text on a darker grey gradient top down to white*/
	width:234px;
	float:left;
	height:430px;
	background: url(../gfx/darkgraygradient.jpg) repeat-x top;
	padding:10px;
	color:#3F4778;
	font:12px Tahoma, "Trebuchet MS", serif;
	line-height: 120%;
}
#midbox .title{
	position:relative;
	top:-20px;
	color:black;
	font-weight:bold;
	display:block;
	margin-bottom:10px;
}

#midbox .intro{
	position:relative;
	top:-20px;
	display:block;
	margin-bottom:10px;
}
#midbox .content{
	position:relative;
	top:-20px;
	font-weight:normal;
}

#rightbox .title{
	position:relative;
	top:-20px;
	color:black;
	font-weight:bold;
	display:block;
	margin-bottom:10px;

}

#rightbox .intro{
	position:relative;
	top:-20px;
	display:block;
	margin-bottom:10px;
}
#rightbox .content{
	position:relative;
	top:-20px;
	font-weight:normal;
}

#modulesbox{
/*	contains modules on a white background*/
	width:220px;
	float:left;
	height:489px;
	position: relative;
	top:-59px;
	background-color: #FFFFFF;
	margin-left:5px;
}


.newsBoxTop{
	padding-left:6px;
	padding-top:6px;
	display:block;
	width:214px;
	height:150px;
	font-size:11px;	
	background-image: url(../gfx/NewsTop.gif);
	background-repeat: no-repeat;
	margin-bottom:5px;
}
.newsBoxTop a,
.newsBoxTop a:visited{
	color:black;
	text-decoration: none;
}
.newsBoxTop .link{
	width:100%;
	text-align:right;
}

.newsBoxTop .link a:hover{
	text-decoration:underline;
}
	
.newsBoxTop .title{
	color:#214778;
	font-size:14px;
	font-weight:bold;
	display:block;
}

.newsBoxMid{
	padding-left:6px;
	padding-top:6px;
	padding-right:3px;
	display:block;
	width:211px;
	height:81px;
	font-size:10px;	
	background-image: url(../gfx/NewsMid.gif);
	background-repeat: no-repeat;
	margin-bottom:5px;
}

.newsBoxMid a,
.newsBoxMid a:visited{
	color:black;
	text-decoration: none;
}

.newsBoxMid .link{
	width:100%;
	text-align:right;
	font-weight: bold;
}

.newsBoxMid .link a:hover{
	text-decoration:underline;
}
	
.newsBoxMid .title{
	color:#214778;
	font-size:14px;
	font-weight:bold;
	display:block;
}

.newsBoxBottom{
	padding-left:6px;
	padding-top:6px;
	display:block;
	width:214px;
	height:51px;
	font-size:10px;	
	background-image: url(../gfx/NewsBottom.gif);
	background-repeat: no-repeat;
	margin-bottom:5px;
}

.newsBoxBottom .title{
	color:#214778;
	font-size:14px;
	font-weight:bold;
	display:block;
}

.newsBoxBottom a,
.newsBoxBottom a:visited{
	color:black;
	text-decoration: none;
}

.newsBoxBottom .link{
	font-weight: bold;
}
.newsBoxBottom .link a:hover{
	text-decoration:underline;
}
	

#leftfooterbox{
	clear:both;
	margin-left:85px;
	position:relative;
	bottom:55px;
	font-size:11px;
	color:gray;
	width:145px;
	letter-spacing: -1px;
}

#leftfooterbox a,
#leftfooterbox a:visited
{
	text-decoration:none;
	color:gray;
}
#leftfooterbox a:hover{
	color:black;
}

#rightfooterbox{
	clear:both;
	margin-left:515px;
	position:relative;
	bottom:67px;
	font-size:11px;
	color:gray;
	width:445px;
	letter-spacing: -1px;
	}

#rightfooterbox a,
#rightfooterbox a:visited
{
	text-decoration:none;
	color:gray;
}
#rightfooterbox a:hover{
	color:black;
}


#pagineringsBox{
	display:block;
	width:245px;
	position:relative;
	bottom:20px;
	font-size:10px;
	color:#3F4778;
}
#pagineringsBox a,
#pagineringsBox a:visited,
#pagineringsBox a:hover{
	color:#3F4778;
	text-decoration: none;

}
#pagineringsBox .volgende{
	clear:both;
	float:right;
}

#pagineringsBox .vorige{
	clear:both;
	float:left;
}

#copyrightbox{
margin:auto;
width:980px;
text-align:center;
font-size:6px;
}

#imgbox{
	clear:left;
	float:left;
	position:relative;
	bottom:0px;
}

.demoimage{
	margin-top:150px;
}
.doubledemoimage{
	margin-top:20px;
}

.gb{
font-size:11px;
	height:430px;
	overflow: auto;
}
.gb .tiny{
	font-size:8px;
	font-weight: normal;
}
.gbItem{
	width:450px;
	padding-top:2px;
	margin-top:5px;
}

.gbMessage{
	background: url(../gfx/gbmessage.gif) no-repeat top;
	width:440px;
	max-height: 150px;
	overflow: auto;
	padding-left:10px;
	padding-top:5px;
	
	/*border-bottom: 1px solid #B0C4DE;*/
}

.gbUsrname{
	background: url(../gfx/gbmessageb.gif) no-repeat top;
	font-weight: bold;
	width:450px;
	text-align:center;
	padding-top:5px;
	height:20px;
}

.clear{
	clear:both;
}

.contact{
	font-size:11px;
	display:block;
	float:left;
	width:260px;
	position:relative;
	right:10px;
	text-align:left;
	padding-left:2px;
}

.contact input
{
	font-size:11px;
}
.contact select{
	font-size:11px;
}
.contact .text{
		font-size:11px;
}

.contact .activetext{
	background-color:#ADD8E6;
	font-size:11px;
}
.contact .smal{
	width:5px;
}

.prodTbl{
	
}

.prodImage{
	position:relative;
	bottom:20px;
	float:left;
}

.prodImage span{
	height:80px;
	width:60px;
	padding:5px;
	/*
	border: 1px double Lime;
	*/
	text-align:center;
	cursor: pointer;
	float:left;
	display:block;
	margin:2px;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);-moz-opacity: 0.4;
	background-image: url(../gfx/product_achtergrond.jpg);
	background-repeat:  no-repeat;
}	

.prodImage .over{
	/*
	border: 1px double lime;
	padding:5px;
	*/
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);-moz-opacity: 1;
	/*
	background-color: #DDFFDE;
	*/
}

.prodImage img{
	width:60px;
}


.prodName{
	clear:left;
	font-weight: bold;
}

.prodText{
	font-size:11px;
	clear:both;
}