*{
margin:0;
padding:0;
border:0
}
body{
color:#666666;
background:url(../images/bgr.jpg) #f2f2f2 repeat-x top fixed;
font:11px Tahoma,"Trebuchet MS","Lucida Grande","Myriad Web",Helvetica,Arial,sans-serif;
padding-bottom:30px;
}
a{
color:#666666;
text-decoration:underline
}
a:hover{
color:#333333
}
input,select,textarea{
border:#c1c2c2 1px solid;
padding:2px;
color:#000000;
font:11px arial,tahoma,sans-serif
}
select{
padding:1px
}
li{
list-style:none
}



/*--- STARTPAGINA LAYOUT ---*/

#centerbox{
position:absolute;
height:182px;
width:720px;
margin:-91px 0px 0px -360px;
top: 50%;
left: 50%;
}

.box{
	float: left;
	width: 330px;
	height: 181px;
	background: url(../images/box_main.png) no-repeat left bottom;
	margin-right: 20px;
}

.box-outer{
	background: url(../images/box_btmright.png) no-repeat right 6px;
	padding-bottom: 0%;
	height: 176px;
}

.box-inner{
	background: url(../images/box_topleft.png) no-repeat left top;
}

.box h2{
	background: url(../images/box_topright.png) no-repeat right top;
	padding-top: 5%;
}

.box h2,.box p{
	padding-right: 5%;
	padding-left: 5%;
}

.box p{
	text-align: center;
	font-size: 1.2em;
}

.box p a{
	text-decoration: none;
	color:#00437A;
}

.box p a.left{
	margin: 8px 5px 8px 35px;
}

.box p a.right{
	margin: 8px 35px 8px 5px;
}

.box p a:hover{
	text-decoration: underline;
}

.box p .img{
	margin-bottom: 15px;
}





/*--- GECENTREERDE LAYOUT ---*/
#centerwrap{
width:876px;
margin:0 auto;
background:url(../images/bgr2.png) no-repeat center top;
height:668px;
position:relative;
}
#content{
width:756px;
margin:0 auto;
height:668px;
overflow:hidden
}
/* \*/
#centerwrap{
margin:-335px 0 0 -430px;
position:absolute;
left:50%;
top:50%
}

#footer {
	height:18px;/*same height as margin bottom on body*/
	background:#fff;
	width:100%;
	position:fixed;
	bottom:0;
	left:0;
	text-align:center;
}
* html #footer {position:absolute}/*for ie*/
#footer a{
	padding-top: 0px;
	display: block;
	width: 100%;
	height: 100%;
	background: #999999; 
}
#footer a:hover{
	background: #333333; 
}

#language{
float: right;
margin-top: -20px;
margin-right: 40px;
color: #00437A;
}

#language a{
text-decoration: none;
color: #777;
}

#language a:hover{
text-decoration: none;
color: #00437A;
}

/*--- Titelbeeld ---*/
#title{
margin:18px 0 0;
height:358px
}


/*--- Menu + login ---*/
#menu{
padding:35px 45px 0 20px;
height:95px
}
#menu a{
text-decoration:none;
}
#menu a:hover{
text-decoration:none;
color: #00437A;
}
#menu a.active{
color: #00437A;
font-weight: bold;
}
#menu ul{
float:left;
padding:0 25px 0 25px;
}
#menu li{
margin:2px 0;
}


/* Login/zoekbtn */
#search{
padding:8px 10px 0 0;
float:right;
color: #00437A;
}
#search label{
float: left;
width: 115px;
text-align: right;
padding-right: 3px;
}
#search a.pink{
margin:0 0 0 15px;
text-decoration: none;
color: #e74787;
}
#search a.pink:hover{
text-decoration: underline;
}
#search a.blue{
text-decoration: underline;
color: #00437A;
}
#search a.blue:hover{
text-decoration: none;
}
#search input{
float:left
}
#search .inp{
width:165px;
background:url(../images/inp-bgr.gif) repeat-x top;

}
#search .btn{
margin:0 0 0 10px;
border:0
}


/*--- Logo ---*/
#logo{
float:left;
margin:35px 0 0 27px;
}


/*--- Nieuwsitems in mainpage ---*/
#news{
padding:35px 50px 0 0;
float:right;
}
#news h4{
padding:0 0 5px 0;
color:#e64487;
font-size:12px;
font-weight:normal
}
#news ul{
width:260px;
overflow: auto;
height: 100px;
padding-right: 10px;
margin: 0;
}
#news li{
clear: both;
margin:2px 0;
padding: 0px;
}
#news li i{
float: left;
margin:0px;
}
#news li span{
float: left;
padding:0 10px 0 15px;
width:130px;
overflow: hidden;
margin:0px;
}
#news li em{
float: left;
margin:0px;
}


/*--- COMPANY ---*/
#companybox{
margin:18px 0 0;
height:358px;
}

#companybox h4 {
	padding-left: 17px;
	padding-right: 17px;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 100%;
	background: #f0f0f0;
	color: #00437A;
	font-weight: bold;
	font-size: 1.3em;
	clear: both;
}
#companybox p.blocleft {
	position: relative;
	margin-left: 17px;
	margin-right: 13px;
	margin-top: 28px;	
	width: 314px;
	color: #00437A;
	float: left;
	height: 250px;
	line-height: 15px;
}

#companybox p.blocright {
	position: relative;
	margin-top: 28px;
	margin-right: 13px;	
	width: 314px;
	color: #00437A;
	height: 250px;	
	float: right;
	line-height: 15px;
} 
 

/* NIEUWSPAGINA */
#newsbox {
margin:18px 0 0;
height:358px;

}
#newsbox h4 {
padding-left: 17px;
padding-right: 17px;
padding-top: 10px;
padding-bottom: 10px;
width: 100%;
background: #f0f0f0;
color: #00437A;
font-weight: bold;
font-size: 1.3em;
clear: both;
}

#newsbox h3 {
margin: 28px 0 0 17px;
color: #00437A;
font-weight: bold;
font-size: 1.3em;
width: 310px;
float: left;
}

#newsbox h3 span{
margin-left: 15px;
}

#newsbox .customp{
position: relative;
float: left;
width: 310px;
margin: 10px 0 0 17px;
}

#newsbox .img{
position: relative;
margin-top: 28px;
float: right;
}

#newsbox .imgbox{
position: relative;
margin-top: 28px;
float: right;
width: 380px;
min-height: 300px;
text-align: right;
}

#newsbox a{
width: auto;
text-decoration: none;
float: left;
clear: both;
}
#newsbox a:hover{
color: #00437A;
}
#newsbox .goback{
margin-top: 10px;
color: #00437A;
}
#newsbox .goback:hover{
color: #e64487;
}

#newsbox ul{
width:300px;
margin-top: 28px;
margin-left: 17px;
}
#newsbox li{
clear: both;
margin: 2px 0;
font-size: 1.2em;
width: auto;
}
#newsbox li i{
float: left;
}
#newsbox li a{
text-decoration: none;
}
#newsbox li a:hover{
color: #00437A;
}
#newsbox li span{
float: left;
padding: 0 10px 0 15px;
width:130px;
overflow: hidden;
}
#newsbox li em{
float: left;
}


/* PRODUCTPAGINA */
#productbox {
margin:18px 0 0;
height:358px;
}
#productbox h4 {
padding-left: 17px;
padding-right: 17px;
padding-top: 10px;
padding-bottom: 10px;
width: 100%;
background: #f0f0f0;
color: #00437A;
font-weight: bold;
font-size: 1.3em;
clear: both;
}

#productbox ul{
float:left;
width:160px;
margin-top: 28px;
margin-left: 17px;
}
#productbox li{
clear: both;
margin:2px 0;
font-size: 1.2em;
}



/* ALFALISTPAGINA */
#alfalistbox {
margin:18px 0 0;
height:358px;
}
#alfalistbox h4 {
display: block;
padding-left: 17px;
padding-right: 17px;
padding-top: 10px;
padding-bottom: 10px;
background: #f0f0f0;
color: #00437A;
font-weight: bold;
font-size: 1.3em;
clear: both;
height: 17px;
}

#alfalistbox h4 p{
position: relative;
display: block;
float: left;
}

#alfalistbox h4 p.dontfind{
float: right;
margin-right: 3px;
font-size: 11px;
font-weight: normal;
}

#alfalistbox ul{
float:left;
width:165px;
margin-top: 28px;
margin-left: 17px;
}
#alfalistbox li{
clear: both;
margin:2px 0;
font-size: 1.2em;
}
#alfalistbox ul.alfabet{
float:left;
width:100%;
margin-top: 28px;
clear: both;
}
#alfalistbox ul.alfabet li{
display: inline;
list-style-type: none;
margin-right: 5px;
font-size: 1.3em;
font-weight: bold;
}
#alfalistbox ul.alfabet li a{
text-decoration: none;
}
#alfalistbox ul.alfabet li a:hover{
color: #00437A;
text-decoration: underline;
}
#alfalistbox ul.alfabet li a.active{
color: #00437A;
text-decoration: underline;
}

#alfalistbox .last{
margin-left: 74px;
}
#alfalistbox ul.alfabet li .pager{
margin-left: 10px;
font-size: 11px;
font-weight: normal;
}
#alfalistbox ul.alfabet li .pager a{
text-decoration: none;
color: #00437A;
}
#alfalistbox ul.alfabet li .pager a:hover{
color: #e64487;
}


/* CONTACTPAGINA */
#contactbox {
margin:18px 0 0;
height:358px;
}
#contactbox h4 {
padding-left: 17px;
padding-right: 17px;
padding-top: 10px;
padding-bottom: 10px;
width: 100%;
background: #f0f0f0;
color: #00437A;
font-weight: bold;
font-size: 1.3em;
clear: both;
}

#contactbox .title{
color: #00437A;
font-weight: bold;
}

#contactbox p{
float: left;
width: 170px;
margin: 28px 0 0 17px;
font-size: 1.1em;
line-height: 15px;
}

#contactbox p.formbox{
float: right;
width: auto;
margin-top: 0px;
}

#contactbox form{
position: relative;
float: left;
width: auto;
margin: 28px 10px;
}

#contactbox label{
float: left;
width: 80px;
}

#contactbox input.txt{
float: left;
width: 200px;
margin-bottom: 3px;
}

#contactbox textarea{
float: left;
width: 200px;
margin-bottom: 3px;
}

#contactbox button{
float: left;
}


/* CODELEC PAGINA */
#codelecbox {
margin:18px 0 0;
height:358px;
}
#codelecbox h4 {
padding-left: 17px;
padding-right: 17px;
padding-top: 10px;
padding-bottom: 10px;
width: 100%;
background: #f0f0f0;
color: #00437A;
font-weight: bold;
font-size: 1.3em;
clear: both;
}

#codelecbox p {
position: relative;
margin-left: 17px;
margin-right: 17px;
margin-top: 28px;	
width: 310px;
color: #00437A;
float: left;
height: 250px;
}
#codelecbox a {
color: #00437A;
text-decoration: none;
}
#codelecbox a:hover {
text-decoration: underline;
}

#codelecbox #mimg {
position: relative;
margin-top: 28px;	
float: right;
}

#codelecbtm{
padding:35px 50px 0 0;
float:right
}

#codelecbtm h4{
padding:0 0 5px 0;
color:#e64487;
font-size:12px;
font-weight:normal
}
#codelecbtm ul{
float:left;
width:140px;
}

#codelecbtm li{
clear: both;
margin:2px 0
}


/* DOWNLOADS PAGINA */
#downloadbox {
margin:18px 0 0;
height:358px;
}
#downloadbox h3 {
padding-left: 17px;
padding-right: 17px;
padding-top: 10px;
padding-bottom: 10px;
width: 100%;
background: #f0f0f0;
color: #00437A;
font-weight: bold;
font-size: 1.3em;
clear: both;
}

	#downloadbox h4{
	padding: 10px 17px 10px 17px;
	width: 335px;
	background: #e64487;
	color: #fff;
	font-weight: bold;
	font-size: 1.3em;
	float: left;
	text-align: center;
	margin-top: 8px;
	}	
	
	#downloadbox .boxleft{
		position: relative;
		float: left;
		width: 342px;
		border: 1px solid #00437A;
		border-width: 0 1px 0 0;
		height: 240px;
		margin-top: 8px;
		padding: 0px 17px 0;						
	}
	#downloadbox .boxright{
		position: relative;
		float: left;
		width: auto;
		height: 240px;
		margin-top: 8px;
		padding: 0px 17px 0;				
	}	
		#downloadbox ul {
		position: relative;
		margin-left: 5px;
		float: left;
		}
		#downloadbox .boxright ul {
		margin-left: 13px;
		}
			#downloadbox ul li{
			background: url("../images/dl_arrow.jpg") no-repeat left 0px;
			padding: 0 0 0 20px;
			width: auto;
			margin-bottom: 7px;
			}
			#downloadbox ul li a {
			color: #00437A;
			text-decoration: none;
			font-size: 12px;
			line-height: 15px;			
			}
			#downloadbox ul li a:hover {
			text-decoration: underline;
			}
			#downloadbox .pager{
			position: absolute;	
			width: 100px;
			left: 270px;
			font-size: 1.2em;
			bottom: 2px;
			text-align: right;	
			}
				#downloadbox .pager a{	
				color: #ccc;
				text-decoration: none;
				}
	 			#downloadbox .pager a:hover{
				color: #aaa;
				text-decoration: none;
				}
 
/* ACCOUNTPAGINA */
#accountbox {
margin:18px 0 0;
height:358px;
}

#accountbox h4 {
padding-left: 17px;
padding-right: 17px;
padding-top: 10px;
padding-bottom: 10px;
width: 100%;
background: #f0f0f0;
color: #00437A;
font-weight: bold;
font-size: 1.3em;
clear: both;
}

#accountbox p{
float: left;
width: 350px;
margin: 28px 20px;
font-size: 1.1em;
}

#accountbox ul{
float: left;
list-style-type:decimal;
margin: 0;
}

#accountbox p.formbox{
width: auto;
margin-top: 0px;
float: left;
}

#accountbox form{
position: relative;
float: right;
width: auto;
margin: 28px 5px 0 0;
}

#accountbox label{
float: left;
width: 90px;
}

#accountbox input.txt{
float: left;
width: 180px;
margin-bottom: 3px;
}

#accountbox textarea{
float: left;
width: 180px;
margin-bottom: 3px;
}

#accountbox button{
float: left;
}


/* PWD VERGETEN PAGINA */
#forgotbox {
margin:18px 0 0;
height:358px;
}
#forgotbox h4 {
padding-left: 17px;
padding-right: 17px;
padding-top: 10px;
padding-bottom: 10px;
width: 100%;
background: #f0f0f0;
color: #00437A;
font-weight: bold;
font-size: 1.3em;
clear: both;
}

#forgotbox .title{
color: #00437A;
font-weight: bold;
}

#forgotbox p{
float: left;
width: auto;
margin: 28px 0 0 17px;
font-size: 1.1em;
}


#forgotbox form{
position: relative;
float: left;
width: 800px;
margin: 28px 0 0 17px;

}

#forgotbox .errmsg{
color: #ff0000;
font-weight: bold;
float: left;
width: auto;
margin: 18px 0 0 17px;
}

#forgotbox label{
float: left;
width: 80px;
}

#forgotbox input.txt{
float: left;
width: 200px;
margin-bottom: 3px;
}

#forgotbox textarea{
float: left;
width: 200px;
margin-bottom: 3px;
}

#forgotbox button{
float: left;
}

 
 
/*--- Varia ---*/
.fix{
clear:both;
line-height:1px;
height:1px
}
.br{
background:url(../images/vl-dot.gif) repeat-y right
}

br{
clear: both;
}