A:link
{
	font-size: 10pt;
	color: #00B6DE;
	font-family: Verdana, 'Times New Roman' , Arial;
	text-decoration: none;
}

html, body, div, span, form, img
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	background: transparent;
}

img{
display: block;
}

#container
{
min-width: 980px;
max-width: 1440px;
*width: 980px;
margin: auto;
padding: 0 10px 0 10px;
}

#header{
overflow: auto;
}

/*header top*/
#header_top{
height: 70px;
}

#logo{
float: left;
margin: 24px 0 0 28px;
display: inline;
}

#melding{
float: left;
margin: 20px 0 0 20px;
display: inline;
}


#topmenu{
float: right;
}

#topmenu a{
font-size: 12px;
color: #00AFD8;
text-decoration:none;
}

.inloggen{
float: left;
padding: 0 30px 5px 30px;
border-left: 1px solid #00AFD8;
border-right: 1px solid #00AFD8;
text-decoration:none;
}

.inloggen a
{
	text-decoration:none;
}

.inloggen:hover{
background: #e5e5e5;
}

.taal{
float: left;
display: block;
padding: 0 5px 5px 5px;
border-right: 1px solid #00AFD8;
text-decoration:none;
}

.taal a
{
	text-decoration:none;
}

.taal:hover{
background: #e5e5e5;
}

/*menu*/
#header_menu{
overflow: hidden;
width: 100%;
*width: 980px;
float: left;
height: 26px;
background: url(../images/bg_menu.jpg) repeat-x;
}

#menu_items{
position: relative;
float: left;
left: 50%;
*left: 0;
}

.menu_item {
position: relative;
display: block;
float: left;
right: 50%;
*right: 0;
border-right: 1px solid #aaaaaa; 
}

td.menu_item{
height: 26px;
background: url(../images/bg_menu.jpg) repeat-x;
}
td.menu_item_act{
height: 26px;
background: url(../images/bg_menu.jpg) repeat-x;
}

.menu_item a{
display: block;
height: 23px;
padding: 3px 20px 0px 20px;
font-size: 14px;
color: #FFFFFF;
text-decoration:none;
}

.menu_item a:hover{
height: 23px;
color: #404040;
background: url(../images/bg_menu_over.jpg) repeat-x;
}

.menu_item_act {
position: relative;
display: block;
float: left;
right: 50%;
*right: 0;
border-right: 1px solid #aaaaaa; 
}

.menu_item_act a{
display: block;
height: 23px;
padding: 3px 20px 0px 20px;
font-size: 14px;
color: #00AFD8;
text-decoration:none;
}

.menu_item_act a:hover{
height: 23px;
color: #404040;
background: url(../images/bg_menu_over.jpg) repeat-x;
}


/*submenu*/
#header_submenu{
}

.submenu{
float: left;
/*width: 10%;*/
padding: 0 1% 0 1%;
border-left: 1px solid #00AFD8;
text-align: center;
}

.submenu:hover{
cursor: pointer;
background: #e5e5e5;
}

.submenu a{
font-size: 13px;
color: #00AFD8;
text-decoration:none;
}

.submenu_act{
float: left;
/*width: 10%;*/
padding: 0 1% 0 1%;
border-left: 1px solid #00AFD8;
text-align: center;
}

.submenu_act:hover{
cursor: pointer;
background: #e5e5e5;
}

.submenu_act a{
font-size: 13px;
color: #FF0000;
text-decoration:none;
}

#submenu-end{
border-right: 1px solid #00AFD8;
}

/*content*/
#content{
overflow: auto;
width: 975px;
margin: 20px auto 25px auto;
}

#content_fastforward{
overflow: auto;
width: 857px;
height:730px;
margin: 20px auto auto auto;
background: url('fastforward/register-site.jpg');
}

.fastforwardlogin
{
	margin: 438px auto auto 294px;
	width: 225px;
	height: 23px;
	border:none;
}

#content_fastforward2{
overflow: auto;
width: 857px;
height:730px;
margin: 20px auto auto auto;
background: url('fastforward/register-site3.jpg');
}

table.fastforwardtable
{
	margin: 230px auto auto 195px;
	width:430px;
}

td.fastforwardtd1
{
	width:75px;
	color:#00B6DE;
	font-size:14px;
}

.fastforwardtxt2
{
	width: 310px;
	height: 19px;
	border:none;
	background-color:#FFFFFF;
}

.fastforwardrbtn
{
	color:#FFFFFF;
	border:none;
}

.fastforwardsendbtn {
display: block;
width: 130px;
height: 76px;
background: url(fastforward/knop.jpg) repeat-x;
}

.fastforwardsendbtn a{
display: block;
height: 26px;
padding: 50px auto 0px auto;
font-size: 11px;
color: #FFFFFF;
text-decoration:none;
}

#content_fastforward3{
overflow: auto;
width: 857px;
height:730px;
margin: 20px auto auto auto;
text-align:center;
vertical-align:middle;
}



/*CSS HOME*/

#home #block01{
float: left;
width: 720px;
}

#home #block01 #flash
{
}

/*news*/
#home #news{
overflow: auto;
height: 92px;
margin: 15px 0 15px 0;
background: url(../images/bg_news.gif) repeat-x;
}

#home #block01 #news .title{
margin: 30px 0 0 10px;
font-size: 24px;
color: #00b6de;
}

#home #block01 #news .subtitle{
margin: 12px 0 0 10px;
color: #404040;
font-size: 10px;
}

/*articles*/
.article{
overflow: auto;
height:100%;
padding-bottom: 12px;
margin-bottom: 15px; 
border-bottom: 1px solid #BFBFBF;
}

.article_left{
float: left;
width: 525px;
margin-left: 10px;
display: inline;
}

.article_header{
margin-bottom: 10px;
}

.article_title{
font-size: 18px;
font-weight: bold;
color: #404040;
}

.article_date{
font-size: 11px;
color: #B3B3B3;
}

.article_content{
}

.article_content p{
color: #404040;
}

/*read more button*/
.article_more{
width: 85px;
display: inline-block;
margin-top: 5px;
padding: 2px;
background: #00b6de;
}

.article_more img{
float: left;
}

.article_more a{
float: left;
margin-left: 5px;
display: inline;
color: #FFFFFF;
font-size: 10px;
text-decoration:none;
}

.article_right{
float: right;
margin-right: 15px;
}


#home #block02{
float: left;
width: 220px;
margin-left: 30px;
display: inline;
}







/*login*/
#home #block02 #login{
margin-bottom: 10px;
}

#home #block02 #login .header{
overflow: auto;
height: 164px;
background: url(../images/bg_login.gif) repeat-x;
}

#home #block02 #login .header .title{
margin: 80px 0 0 10px;
font-size: 24px;
color: #00b6de;
}

#home #block02 #login .header .subtitle{
margin: 14px 0 0 10px;
}

#home #block02 #login .form{
overflow: auto;
padding: 10px;
}

#home #block02 #login .form .box{
margin-bottom: 10px;
}

#home #block02 #login .form .box input{
width: 190px;
margin: 0;
padding: 2px;
border: 1px solid #7f7f7f;
}

#home #block02 #login .form .vergeten a{
text-decoration: underline;
font-size: 11px;
color: #000000;
}

#home #block02 #login .form .button{
float: right;
margin-top: 10px;
display: inline;
}

#home #block02 #login .form .onthoud{
display: inline-block;
margin-top: 10px;
font-size: 10px;
}


/*articles*/
#home #block02 .article{
margin-bottom: 20px;
}

#home #block02 .article .header{
overflow: auto;
height: 100px;
background: url(../images/bg_rright_header.gif) repeat-x;
}

#home #block02 .article .header .title{
margin: 20px 0 0 10px;
font-size: 24px;
color: #00b6de;
}

#home #block02 .article .header .subtitle{
margin: 8px 0 0 10px;
font-size: 14px;
}

#home #block02 .article .content{
padding: 10px;
}

#home #block02 .article .content p{
color: #404040;
line-height: 18px;
}



/*CSS ARTIKEL*/
#artikel #block01{
float: left;
width: 720px;
}

#artikel #block01 #flash{
}

/*news*/
#artikel #news{
overflow: auto;
height: 92px;
margin-bottom: 30px;
background: url(../images/bg_news.gif) repeat-x;
}

#artikel #block01 #news .title{
margin: 30px 0 0 10px;
font-size: 24px;
color: #00b6de;
}

#artikel #block01 #news .subtitle{
margin: 12px 0 0 10px;
color: #404040;
font-size: 10px;
}

/*articles*/
#artikel #block01 .article{
position: relative;
overflow: auto;
padding-bottom: 12px;
}

#artikel #block01 .article .left{
float: left;
width: 525px;
margin-left: 10px;
display: inline;
}

#artikel #block01 .article .left .header{
margin-bottom: 10px;
}

#artikel #block01 .article .left .header .title{
font-size: 18px;
font-weight: bold;
color: #404040;
}

#artikel #block01 .article .left .header .date{
font-size: 11px;
color: #B3B3B3;
}

#artikel #block01 .article .left .content{
}

#artikel #block01 .article .left .content p{
line-height: 18px;
color: #404040;
margin-bottom: 15px;
}

#artikel #block01 .article .left .content img{
margin-top: 50px;
}

#artikel #block01 .article .right{
float: right;
margin-right: 15px;
}


#artikel #block02{
float: left;
width: 220px;
margin-left: 30px;
display: inline;
}

/*login*/
#artikel #block02 #login{
margin-bottom: 10px;
}

#artikel #block02 #login .header{
overflow: auto;
height: 164px;
background: url(../images/bg_login.gif) repeat-x;
}

#artikel #block02 #login .header .title{
margin: 80px 0 0 10px;
font-size: 24px;
color: #00b6de;
}

#artikel #block02 #login .header .subtitle{
margin: 14px 0 0 10px;
}

#artikel #block02 #login .form{
overflow: auto;
padding: 10px;
}

#artikel #block02 #login .form .box{
margin-bottom: 10px;
}

#artikel #block02 #login .form .box input{
width: 190px;
margin: 0;
padding: 2px;
border: 1px solid #7f7f7f;
}

#artikel #block02 #login .form .vergeten a{
text-decoration: underline;
font-size: 11px;
color: #000000;
}

#artikel #block02 #login .form .button{
float: right;
margin-top: 10px;
display: inline;
}

#artikel #block02 #login .form .onthoud{
display: inline-block;
margin-top: 10px;
font-size: 10px;
}


/*articles*/
#artikel #block02 .article{
margin-bottom: 20px;
}

#artikel #block02 .article .header{
overflow: auto;
height: 100px;
background: url(../images/bg_rright_header.gif) repeat-x;
}

#artikel #block02 .article .header .title{
margin: 20px 0 0 10px;
font-size: 24px;
color: #00b6de;
}

#artikel #block02 .article .header .subtitle{
margin: 8px 0 0 10px;
font-size: 14px;
}

#artikel #block02 .article .content{
padding: 10px;
}

#artikel #block02 .article .content p{
color: #404040;
line-height: 18px;
}



/*CSS PRODUCTEN*/
#producten .block{
float: left;
width: 220px;
margin-right: 30px;
}

#producten .block .header{
height: 164px;
}

#producten .block .header .title{
height: 100px;
padding-left: 10px;
*height: 90px;
*padding-top: 10px;
display: table-cell;
vertical-align: bottom;
font-size: 24px;
color: #00b6de;
}

#producten .block .header .subtitle{
margin: 22px 0 0 10px;
padding-right:10px;
font-size: 10px;
}

#producten .block #header01{
background: url(../images/bg_producten_block01.gif) repeat-x;
}

#producten .block #header02{
background: url(../images/bg_producten_block02.gif) repeat-x;
}

#producten .block #header03{
background: url(../images/bg_producten_block03.gif) repeat-x;
}

#producten .block #header04{
background: url(../images/bg_producten_block04.gif) repeat-x;
}

#producten .block .content{
margin-top: 20px;
padding: 10px;
}

#producten .block .content p{
line-height: 18px;
}


/*CSS DIENSTEN*/
#diensten .block{
float: left;
width: 220px;
margin-right: 30px;
}

#diensten .block .header{
height: 164px;
background: url(../images/bg_diensten_block.gif) repeat-x;
}

#diensten .block .header .title{
height: 150px;
padding-left: 10px;
*height: 90px;
*padding-top: 10px;
display: table-cell;
vertical-align: bottom;
font-size: 24px;
color: #00b6de;
}

#diensten .block .content{
margin-top: 20px;
padding: 10px;
line-height: 18px;
}

#diensten .block .content ul{
margin: 0;
padding: 5px;
}

#diensten .block .content li{
list-style-position: outside;
list-style-image: url(../images/img_bullet02.gif);
line-height: 18px;
margin-bottom: 10px;
}



/*CSS OVERAC*/
#overac .block .header{
height: 164px;
background: url(../images/bg_overac_block.gif) repeat-x;
}

#overac .block .header .title{
height: 150px;
padding-left: 10px;
display: table-cell;
vertical-align: bottom;
font-size: 24px;
color: #00b6de;
}

#overac .block .content{
margin-top: 20px;
padding: 10px;
}

#overac .block .content p{
line-height: 18px;
margin-bottom: 15px;
}

#overac .block .content p img{
float: right;
margin: 0 0 10px 10px;
}

.boxMelding
{
	margin-top: 20px;
	padding: 10px;
	margin-bottom: 10px;
	color: #00B6DE;
}

/*formulier*/
#overac .block .box{
margin-bottom: 10px;
}

#overac .block .box p{
margin:0;
}

#overac .block .box input{
width: 190px;
margin: 0;
padding: 2px;
border: 1px solid #7f7f7f;
}

#overac .block .box textarea{
width: 190px;
height: 150px;
margin: 0;
padding: 2px;
}

#overac .block .button{
float: right;
margin-right: 8px;
}

#overac .block .vacatures_box .header{
margin-top: 30px;
height: 50px;
background: url(../images/bg_overac_vacatures_header.gif) repeat-x;
}

#overac .block .vacatures_box .header .title{
height: 0;
font-size: 18px;
color: #000000;
padding: 15px;
}

#overac .block .vacatures_box #vacatures{
margin-top: 1px;
padding: 10px;
background: url(../images/bg_overac_vacatures.gif) #88d5ed repeat-x top;
border-bottom: 2px solid #616b6e;
}

#overac .block .vacatures_box #vacatures ul{
margin: 0;
padding: 5px;
}

#overac .block .vacatures_box #vacatures li{
list-style-position: outside;
list-style-image: url(../images/img_bullet03.png);
line-height: 18px;
margin: 0 0 10px 10px;
}

#overac .block .vacatures_box #vacatures a{
text-decoration: none;
color: #000000;
}

#overac .block .vacatures_box #vacatures a:hover{
text-decoration: none;
color: #FFFFFF;
}

#overac .block .vacature{
margin-top: 15px;
}

#overac .block .vacature a{
text-decoration: underline;
color: #000000;
}

#overac #block01{
float: left;
width: 460px;
}

#overac #block02{
float: left;
width: 225px;
margin-left: 30px;
display: inline;
}

#overac #block03{
float: left;
width: 225px;
margin-left: 30px;
display: inline;
}




/*CSS KLANT WORDEN*/
#klantworden .block{
float: left;
width: 470px;
}

#klantworden .block .header{
height: 164px;
background: url(../images/bg_klantworden.gif) repeat-x;
}

#klantworden .block .header .title{
height: 100px;
padding-left: 10px;
display: table-cell;
vertical-align: bottom;
font-size: 24px;
color: #00b6de;
}

#klantworden .block .header .subtitle{
margin: 22px 0 0 10px;
}

#klantworden .block .content{
margin-top: 20px;
padding: 10px;
}

#klantworden .block .content p{
line-height: 18px;
margin-bottom: 15px;
}

#klantworden .block .content a{
text-decoration: underline;
color: #000000;
}

/*formulier*/
#klantworden .block .box{
margin-bottom: 10px;
}

#klantworden .block .box p{
float: left;
width: 150px;
margin:0;
}

#klantworden .block .box input{
width: 285px;
margin: 0;
padding: 2px;
border: 1px solid #7f7f7f;
}

#klantworden .block .box textarea{
width: 285px;
height: 150px;
margin: 0;
padding: 2px;
}


#klantworden .block .button{
float: right;
margin-right: 8px;
}


#klantworden #block01{
}

#klantworden #block02{
display: inline;
margin-left: 30px;
}



/*CSS VACATURES*/
#vacatures .block{
float: left;
}

#vacatures .block .header{
overflow: auto;
height: 92px;
background: url(../images/bg_vacatures.gif) repeat-x;
}

#vacatures .block .header .title{
margin: 30px 0 0 10px;
font-size: 24px;
color: #00b6de;
}

#vacatures .block .header .subtitle{
margin: 12px 0 0 10px;
color: #404040;
font-size: 10px;
}

#vacatures .block .content{
margin-top: 20px;
padding: 10px;
}

#vacatures .block .content p{
line-height: 18px;
margin-bottom: 15px;
}

#vacatures .block .content a{
text-decoration: underline;
color: #000000;
}

#vacatures #block01{
width: 560px;
}

#vacatures #block02{
margin-left: 30px;
width: 380px;
}

.vacatures_overzicht{
margin-top: 30px;
border-bottom: 1px solid #d9d9d9;
}

.vacatures_overzicht ul{
margin: 0;
padding: 0;
}

.vacatures_overzicht li{
width: 250px;
padding: 5px;
list-style-position: inside;
list-style-image: url(../images/img_bullet02.gif);
line-height: 18px;
margin: 0 0 10px 10px;
}

.vacatures_overzicht li a{
text-decoration: underline;
color: #000000;
}

.vacatures_overzicht li:hover{
list-style-image: url(../images/img_bullet03.png);
background-color: #00b6de;
cursor: pointer;
}

.vacatures_overzicht li a:hover{
list-style-image: url(../images/img_bullet03.png);
background-color: #00b6de;
cursor: pointer;
}



/*formulier*/
#vacatures .block .box{
margin-bottom: 10px;
overflow: hidden;
}

#vacatures .block .box p{
float: left;
width: 150px;
margin:0;
}

#vacatures .block .box input{
width: 200px;
margin: 0;
padding: 2px;
border: 1px solid #7f7f7f;
}

#vacatures .block .box select{
width: 200px;
margin: 0;
padding: 2px;
border: 1px solid #7f7f7f;
}

#vacatures .block .box textarea{
width: 200px;
height: 200px;
margin: 0;
padding: 2px;
}

#vacatures .block .button{
float: right;
margin-right: 8px;
}




/*footer*/
.footer{
overflow: auto;
margin: auto;
width: 920px;
padding: 25px;
background: url(../images/bg_footer.gif) repeat-x top #939598;
}

.footerblock{
float: left;
width: 20%;
}

.footerblock div{
}

.footerblock a{
float: left;
clear: left;
font-size: 11px;
color: #000000;
}

.footerblock a:hover{
color: #00AFD8;
}


/*subfooter*/
.subfooter{
margin: auto;
width: 970px;
height: 60px;
background: url(../images/bg_subfooter.gif) repeat-x top;
}

.subfooter p{
padding: 5px 0 0 25px;
}

.subfooter a{
font-size: 10px;
color: #404040;
}

.subfooter a:hover{
color: #00AFD8;
}

.copyright{
float: left;
font-weight: bold;
}

.disclaimer{
float: left;
margin-left: 540px;
}







img
{
	border:0px;
	margin:0px,0px,0px,0px;
}

.imgbtn
{
	border:0px;
	margin:0px,0px,0px,0px;
}

.tabknop
{
	vertical-align:middle;
}


.titeloverzicht
{
	font-weight: bold;
	background-color: darkgray;
	text-align: center;
}

		
.alert
{
	font-size: 10px;
	font-family: Verdana, 'Times New Roman' , 'Courier New';
	text-decoration: underline overline;
}
.scroll
{
	overflow: scroll;
	width: 1024px;
}

td
{
	font-family:Verdana;
}

.dg
{
	width:100%;
}

.gerygrid
{
	width:100%;
}

/* GERYGRID : TABELLEN BIJ BESTEL, BASKET, PROMO, INFO,... */
/* headers van tabellen bij bestel, promo's, basket, ... (brede header) */
.gerygridheader
{
	font-weight: bold;
	font-size: 12px;
	font-family: Verdana, 'Times New Roman' , 'Courier New';
	height: 50px;
	background-color: #00B6DE;
	vertical-align:middle;
	color:#FFFFFF;
}

/* headers van meeste infopagina's (smallere header) */
.gerygridheadersmall
{
	font-weight: bold;
	font-size: 12px;
	font-family: Verdana, 'Times New Roman' , 'Courier New';
	height: 25px;
	background-color: #00B6DE;
	color:#FFFFFF;
}

/* achtergrond van de headers */
.gerygridheaderrow
{
	background-color: #00B6DE;
	height: 30px;
	vertical-align: middle;
}

/* item 1 */
.gerygriditem1
{
	background-color: Silver;
	font-family: Verdana;
	font-size:12px;	
}

/* links op item 1 */
.gerygriditem1 a
{
	color:Black;
}

/* item 2 */
.gerygriditem2
{
	background-color: White;
	font-family: Verdana;
	font-size:12px;	
}

/* links op item 2 */
.gerygriditem2 a
{
	color:Black;
}

.gerygridnavigator_puntjes
{
	font-weight: normal;
	font-size: 12pt;
	color: #FFFFFF;
	font-family: Verdana, 'Times New Roman' , 'Courier New';
}

.gerygridhyperlink
{
	font-weight: normal;
	font-size: 10pt;
	cursor: hand;
	font-family: Verdana, 'Times New Roman' , 'Courier New';
	text-decoration: underline;
	color:#000000;
}

.gerygridnavigator_inactive
{
	font-weight: normal;
	font-size: 12pt;
	color: #FFFFFF;
	font-family: Verdana, 'Times New Roman' , 'Courier New';
}

.gerygridnavigator_active
{
	font-weight: bold;
	font-size: 9pt;
	text-transform: uppercase;
	color: FFFFFF;
	font-style: italic;
	font-family: Verdana, 'Times New Roman' , 'Courier New';
}

.gerygridcontent
{
	font-size: 12px;
	color: #000000;
	font-family: Verdana, 'Times New Roman' , 'Courier New';
}

/* paging-balk en cijfer van de gekozen pagina */
/* moet #ff0033 worden */
.gerygridpagingbalk
{
	background-color:#00B6DE;
	text-align:right;
	vertical-align:middle;
	color:#FFFFFF;
	font-family: Verdana;
	font-size:12px;
}

/* cijfers op de paging-balk */
.gerygridpagingbalk a
{
	color:#FFFFFF;
	font-family: Verdana;
	font-size:12px;
}

.errorlabel
{
	font-family: Verdana;
	font-weight:bold;
	color: #ff0033;
	font-size:10px;	
}

.tblInfoBorder
{
	border-color:#00B6DE;
	border-style: solid;
	border-width:1px;
}

.KleurLink
{
	color:#00B6DE;
	font-family: Verdana;
	font-size:10px;	
}