* { 
padding: 0px; margin: 0px; 
}

body {
	background-color: #FFFFFF;
	background-image: url(images/body_background.png);
	background-repeat: repeat-x;
	background-color:#E6F2F9;
	margin: 0px;
	padding-top: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	line-height: 22px;
	color: #333333;
}

.main {
	position: relative;
	width: 825px;
	margin: 0 auto;
	padding: 0px;
	text-align: left;
}
tbody {
 font-family:  verdana, Helvetica, sans-serif;
 font-size: 11px;
 text-align:left;
 line-height: 20px;
 color: #000;
}

h1 {
 font-family: Verdana, Helvetica, sans-serif;
 font-size: 13px;
 font-weight: normal;
 text-align: left;
  letter-spacing:1px;
 }
h2 {
  letter-spacing:1px;
 font-family: Verdana, Helvetica, sans-serif;
 font-size: 13px;
 font-weight: bold;
 text-align: left;
 }
h3 {
 font-family: Verdana, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: normal;
 text-align: left;
 }
 
.block_content_news h1, .block_content_news h2, .block_content_news h4, .block_content_news span.head, .block_content_news h3, .block_content_news h5, .block_content_news h6{
 font-family: Verdana, Helvetica, sans-serif;
 font-size: 16px;
 font-weight: none;
 text-align: left;
  letter-spacing:1px;
  line-height:22px;
  margin-top:20px;
  padding-top:0px;
  float:left;
  width:100%;
    margin-bottom:5px;
	color: #999999;
 }
 
 .block_content_news h1{
 margin-top:5px;
 }
.block_content_news h4{
border:0px solid red;
}

 .block_content_news p{
margin-bottom:15px;
float:left;
width:100%;
 }
a{
 font-family: Verdana, Helvetica, sans-serif;
 font-style: normal;
 text-decoration: none;
 color:#004499;
 }
   .extra{
   position:relative;
   float:left;
   left:170px;
   margin:auto; 
   text-align:center; 
   margin-bottom:-30px;
   }
 .extra li a {
 font-family: Verdana, Helvetica, sans-serif;
 font-style: normal;
 text-decoration: none;
 line-height:30px;
 color: #999999;
 }
  .extra li{
  list-style-type:none;
 }
.block_content a:hover {
 text-decoration: underline;
 }

.wrapper { 
	position: relative;
	width: 1027px;
	margin: 0 auto;
	padding: 0px;
	text-align: left; 
	top:30px;
}

.header {
 color: #333;
 height:191px;
 width: 1027px;
 background-image: url(images/header.gif);
 background-repeat: no-repeat;
 border: 0px solid red;
 margin-bottom:0px;
 }
  
.header .Basic {
 background-image: url(images/head_Basic.jpg);
 }
 .header .Business {
 background-image: url(images/head_Business.jpg);
 }
 
.header .Professional {
 background-image: url(images/head_Professional.jpg);
 }
.header .left {
 color: #333;
 height: 189px;
 width: 865px;
 float:left;
 border: 0px solid red;
 }
 .header .right {
 position:relative;
 color: #333;
 top:62px;
 left:0px;
 height: 127px;
 width: 125px;
 float:left;
 border: 0px solid red;
 }
 
 .bel_terug {margin-top:10px; margin-left:-6px; margin-bottom:8px; background-color: #F2F2F2; width:138px; height:44px; border:0px solid #CCCCCC;  font-size:14px; font-weight:bold; cursor:pointer; background-image: url(images/bel_terug_fade.jpg);}
 .bel_terug:hover {background-image: url(images/bel_terug.jpg);}
 
 
 .send_info {margin-top:10px; margin-left:0px; margin-bottom:8px; background-color: #F2F2F2; width:210px; height:44px; border:0px solid #CCCCCC;  font-size:14px; font-weight:bold; cursor:pointer; background-image: url(images/send_info_fade.jpg);}
 .send_info:hover {background-image: url(images/send_info.jpg);}

.tmenucontainer {
 position: relative;
 top:0px;
 margin-right:-137px;
 text-align:right;
 border:0px solid orange;
  width:615px;
  float:right;
 }
.tmenucontainer  ul {
 position: relative;
 top:0px;
 float:right;
 list-style-type: none;
 }
.tmenucontainer li {
 float: left;
 list-style-type: none;
 text-align: left;
 border: 0px solid orange;
 margin-left:2px;
 background-image: url(images/button_background.jpg);
 background-repeat: repeat-x; 
 background-position:left;
 }

 .tmenucontainer a {
 width:150px;
 text-decoration:none;
 letter-spacing:0px;
 font-size:12px;
 font-weight:normal;
 line-height:23px;
 padding-right:0px;
 padding-left:0px;
 display:block;
  border-right:0px solid #999999;
  color:#004499;
  text-indent:10px;
  float:left;
 }
.tmenucontainer a:hover, .tmenucontainer a.active  {
 text-decoration: none;
  color: #333333;
 }



.text1 {
 width:655px;
 border:0px solid orange;
 float:right;
 position:relative;
 top:30px;
 margin:0px;
 font-size: 12px;
 height:150px;
 } 

.text {
 width:635px;
 height:109px;
 border: 0px solid blue;
 float:left;
 margin:0px;
 position:relative;
 top:15px;
  text-align:justify;
} 
.text table, .text ul{
width:100%;
border:1px solid green;
 float:left;
 list-style-type:none;
}
.text table{
margin-left:20px;
margin-top:10px;
}

.text ul li, .text ul li a{
 float:left;
 display: list-item;
 text-indent:5px;
 height:20px;
 color:#555555;
 font-weight:bold;
} 

.text ul li a{
 cursor:pointer;
} 
 .text table tr td a{
 float:left;
 display: block;
 width:175px;
 cursor:pointer;
 border:1px dashed #F7F7F7;
} 
.text ul li a span{
position: absolute;
left:140px;
top:0px;
 font-weight: normal;
} 
.text ul li a:hover, .text table tr td a:hover{
text-decoration: none;
background-color: #F2F2F2;
} 

.text table tr td{
width:33%;
 float:left;
 text-align:center;
 border:0px solid;
  font-size: 12px;
} 

.text h1 {
position:relative;
top:1px;
text-indent:1px;
line-height:22px;
font-size:17px;
letter-spacing:2px;
font-weight: normal;
 width:100%;
 border:0px solid;
 padding-bottom:5px;
 margin-bottom:5px;
 float:left;
 color: #555555;
 }
.text h1.voorpagina {
left:20px;
margin-top:22px;
 padding:0px;
 width:100%;
 height:26px;
 font-size:16px;
 letter-spacing:0px;
 }
 
  .text h1 {
left:20px;
margin-top:22px;
 padding:0px;
 width:100%;
 height:26px;
 font-size:16px;
 letter-spacing:0px;
 } 
 .text h1.voorpagina_optie {
left:20px;
margin-top:5px;
 padding:0px;
 width:100%;
 height:26px;
 font-size:16px;
 letter-spacing:0px;
 } 
.text span { 
color:#FF0DC8; 
 } 
 .text span.grijs { 
color: #777777; 
 } 
 
 .text .opties {width:600px; margin-left:20px; font-size:11px; line-height:18px;}
 

.block_small a.block_small_knop span, .block_small a.block_small_knop_2 span { 
color:#FF0DC8;
 } 
 .hoofdgroepen{
float:left;
top:0px;
border: 0px solid red;
 width:1090px;
 position: relative;
}

.block_small {
 float: left;
 border: 0px solid;
 width:159px;
 top:0px;
 }
 
 .block_small_background{
 background-image: url(images/block_small_background.gif);
 background-repeat: repeat-y;
 float: left;
 margin-top:2px;
 border: 0px solid;
 width:159px;
  margin-bottom:10px;
 }
.block_small .block_top{
 background-image: url(images/block_small_top.gif);
 background-repeat: no-repeat; 
 float: left;
 position:relative;
 top:-2px;
 border: 0px;
 width:159px;
 padding-top:9px;
 }
.block_main{
 float: left;
 border: 0px solid red;
 width:684px;
  margin-left:0px;
 }
 
 .block_main_background{
 background-image: url(images/block_background.gif);
 background-repeat: repeat;
 float: left;
 border: 0px solid;
 top:3px;
 margin-top:3px;
 width:683px;
 }
 
 .block_main_background_news{
 background-image: url(images/block_background_news.gif);
 background-repeat: repeat;
 float: left;
 border: 0px solid;
 margin-top:3px;
 width:683px;
 }
 
.block{
 float: left;
 margin-top:0px;
 position:relative;
 top:-3px;
 border: 0px solid red;
 width:227px;
 }
 
.block_news{
 float: left;
 margin-top:-3px;
 border: 0px;
 width:455px; 
 margin-left:0px;
 }
 
 .block .block_normal{
 background-image: url(images/block_head.gif);
 background-repeat: no-repeat;
  background-position:0 0 0 0;
 float: left;
 border: 0px solid;

 padding-top:17px;
  width:227px;
 }
 
  .block_news .block_normal_news{
 background-image: url(images/block_head_news.gif);
 background-repeat: no-repeat;
 background-position:0 0 0 0;
 float: left;
 border: 0px solid;
 margin-top:-3px;
position:relative;
left:1px;
 padding-top:10px;
  width:455px;
 }
 
.center .block{
margin-left:1px;
margin-right:1px;
 }
 
.block#center{
margin-left:1px;
margin-right:1px;
 }
 
.block .Basic{
 background-image: url(images/block_basic.gif);
 background-repeat: no-repeat;
 float: left;
 border: 0px solid green;
 padding-top:172px;
  width:227px;

}

.block .Business{
 background-image: url(images/block_business.gif);
 background-repeat: no-repeat;
 float: left;
 border: 0px solid;
 padding-top:172px;
  width:227px;
}

.block .Professional{
 background-image: url(images/block_professional.gif);
 background-repeat: no-repeat;
 float: left;
 border: 0px solid red;
 padding-top:172px;
  width:227px;
}
.block a.block{
position:relative;
margin-top: -172px;
height:172px;
 border: 0px solid red;
 width:227px;
 
}

#\1Basic{
 background-image: url(images/block_basic.gif);
 background-repeat: no-repeat;
 float: left;
 border: 0px solid;
 padding-top:158px;
  width:227px;
}

#\1Business{
 background-image: url(images/block_business.gif);
 background-repeat: no-repeat;
 float: left;
 border: 0px solid;
 padding-top:158px;
  width:227px;
}

#\1Professional{
 background-image: url(images/block_professional.gif);
 background-repeat: no-repeat;
 float: left;
 border: 0px solid;
 padding-top:158px;
  width:227px;
}
.block_small .block_content
{
position:relative;
left:10px;
 width:137px;
 border:0px solid;
 float:left;
 text-align: justify;
 margin-bottom:0px;
}

.block .block_content
{
position:relative;
left:7px;
 width:214px;
 border:0px solid;
 float:left;
 text-align: justify;
}

.block_news .block_content_news
{
position:relative;
left:10px;
 width:433px;
 border:0px solid;
 float:left;
 text-align: justify;
}

.home
{
position: relative;
top:0px;
left:0px;
width: 150px;
float:left;
display: block;
border: 0px solid red;
text-align:center;
}


.home a
{
position: relative;
top:0px;
left:0px;
height:186px;
width: 150px;
display: block;
float:left;
border: 0px solid red;
cursor:pointer;
text-align:center;
}

.home a span{position:relative; top:140px; font-size:20px; color: #C2D7ED;text-decoration:none;}
.home a:hover span{position:relative; top:140px; font-size:30px; color: #C2D7ED; text-decoration:none;}


a.soortplaatje
{
position: relative;
margin-top:-172px;
left:0px;
height:158px;
width:227px;
border:0px solid red;
display: block;
overflow:hidden;
}

.block .block_content object, .block .block_content embed
{
position: relative;
 width:218px;
 height:190px;
 float:left;
 margin-left:0px;
 margin-bottom:15px;
}
.block .block_content embed
{
left:-6px;
}

.block .block_content img
{
float:left;
position:relative;
top:0px;
left:0px;
 padding:0px;
  margin-bottom:0px;
    margin-top:0px;
}

.block_content h1, .block h4
{
position:relative;
margin-top:0px;
font-size:12px;
line-height:15px;
letter-spacing:0px;
font-weight:bold;
 width:100%;
 border:0px solid;
 text-align: right;
 padding-bottom:20px;
 float:left;
 text-align:center;
}

.block_content h1.mainpage
{
margin-top:-10px;
padding-bottom:10px;
}

.block_content h1 a, .block_content h2 a, .block_content h3 a, .block_content h4 a
{
letter-spacing:0px;
text-align:left;
font-weight:bold;
}


.block h2, .block h3, .block h5 
{
margin-top:20px;
margin-bottom:20px;
padding-top:7px;
left:-3px;
font-size:12px;
line-height:18px;
letter-spacing:0px;
font-weight:bold;
 width:211px;
 border:0px solid;
 float:left;
 display:block;
 text-align:center;
}
.block_small h6, .block_small h7, .block_small h8
{
margin-top:10px;
margin-bottom:10px;
padding-top:7px;
left:-1px;
font-size:11px;
line-height:15px;
letter-spacing:0px;
font-weight:bold;
 width:141px;
 border:0px solid;
 text-align: right;
 float:left;
 display: inline;
 text-align:center;
 background-image: url(images/title_small.jpg);
 background-repeat: no-repeat;
}

.block_small a.block_small_knop
{
top:0px;
margin-left:-2px;
font-size:12px;
font-weight: normal;
 width:147px;
 border:0px solid;
 height:32px;
 float:left;
 text-align:left;
}
.block_small a.block_small_knop_2, .referenties .referentie a.block_small_knop_2
{
position:relative;
left:-5px;
font-size:12px;
font-weight: normal;
 width:149px;
 border:0px solid;
 height:27px;
 float:left;
 text-align:center;
 background-image: url(images/block_small_knop_2.gif);
 background-repeat: no-repeat;
 background-position: center top;
 padding-top:0px;
 top:3px;
margin-bottom:10px;
 margin-top:8px;
 border-top:0px solid #A4A5A6;
  border-bottom:0px solid #A4A5A6;
}

.block_small a.block_small_onder_knop
{
position:relative;
top:10px;
left:0px;
font-size:12px;
font-weight: normal;
 width:159px;
 border:0px solid;
 height:29px;
 float:left;
 text-align:center;
 background-image: url(images/block_small_onder_knop.gif);
 background-repeat: no-repeat;
 background-position:0 0px;
 padding-top:1px;
 }
 

.block_small ul li a span { 
color:#004499; 
 } 
 
 .pagina{
 position:relative;
left:0px;
 width:206px;
 border:0px solid;
 float:left;
 text-align: justify;
 }
 
.pagina .block_content h1, .pagina .block_content h2, .pagina .block_content h3{ 
color:#333333; 
font-size: 13px;
 } 
  .block_content span.groot { 
color:#333333; 
font-size: 12px;
 } 
 
.Basic span, .Basic a, #Basic a, #Basic span, #Basic a span, .block_small ul li a span.basic, a span.basic
{ 
color:#436500;
 } 
.Business span, .Business a, #Business a, #Business a span, .block_small ul li a span.business, a span.business
{ 
color:#9E6200;
 } 
.Professional span, .Professional a, #Professional a, #Professional a span, .block_small ul li a span.professional, a span.professional
{ 
color:#A10E23;
 } 

 
.block_content ul, .block_content_news ul
{
position:relative;
left:0px;
 border:0px solid;
 padding:0px;
 margin:0px;
 float:left;
 text-align:left;
 width:100%;
 }
 


.block_content ul li, .block_content_news ul li {
 list-style-type: none;
 list-style-position: inherit;
 display: block;
 float:left;
 border:0px solid;
 vertical-align: middle;
 margin-left:0px;
  left:4px;
  margin-bottom:5px; 
  width:100%;
  border: 0px solid red;
 }
 .block_content ul li a{
cursor:pointer;
 }
 
.block_small .block_content ul li {
 width:157px;
 position:relative;
 left:-9px;
 text-indent:4px;
 height:24px;
  }
 
 .block_content ul li a:hover{
 border:1px #FFFFFF solid;
 text-decoration:none;  
 padding:0px;
 height:24px;
 }
 
.block_content ul li a {
  text-decoration: none;
  font-size:11px;
  padding:1px;
  top:-2px;
  left:-3px;
   border-bottom: #cccccc solid 0px; 
   display:block;
   height:24px;
    background-image: url(images/li_gradient.jpg); 
 background-repeat: no-repeat;
 background-position:right;
  }
  
    .block_content ul li.product_list {
	float:left;
	background:none;
	height:100%;
	position:relative;
	left:0px;
	margin:0px;
	padding:0px;
  }
  
    .block_content ul li.product_list ul.product_list{
	float:left;
  }
      .block_content ul li.product_list ul.product_list li{
	float:left;

  }
  .block_content ul  li.product_list ul.product_list li a {
    background-image: none;
	float:left;	
		width:155px;

  }
  
.block_main .block_content ul li a {
  font-size:12px;
    width:223px;
	height:24px;
	text-indent:6px;
	position:relative;
	left:-6px;
  }

.block_content ul li a span {
   left:3px;
   padding-right:3px;
  }
 
.block_content li a:hover, .block_content a.kleur
{
//background-color: none; // #A9D993;
background-image: url(images/li_gradient_hover.jpg); 
 background-repeat: no-repeat;
cursor: pointer;
}
li.selected a { font-style:italic;}
li.selected2 a { font-weight:bold;}
.basic .block_content li a:hover, .block .basic .block_content a.kleur, li.basic a:hover, ul.basic a:hover, #Basic li a:hover, #Basic li.selected a, li.basic a.selected
{
background-color: none; // #A9D993;
background-image: url(images/li_gradient_basic.jpg); 
 background-repeat: no-repeat;
cursor: pointer;
}
.business .block_content li a:hover, .block .business .block_content a.kleur, li.business a:hover, ul.business a:hover, #Business li a:hover, #Business li.selected a, li.business a.selected
{
background-color: none; //#FEF5C3;
background-image: url(images/li_gradient_business.jpg); 
 background-repeat: no-repeat;
cursor: pointer;
}
.professional .block_content li a:hover, .block .professional .block_content a.kleur, li.professional a:hover, ul.professional a:hover, #Professional li a:hover, #Professional li.selected a, li.professional a.selected
{
background-color: none; // #FFCBCD;
background-image: url(images/li_gradient_professional.jpg); 
background-repeat: no-repeat;
 background-position:top right;
cursor: pointer;
}


.block_content ul.besparen li{
 list-style-type: none;
 vertical-align:top;
 position: relative;
 top:-4px;
cursor: auto;
 display: list-item;
 color:#000000;
}
.block_content ul.besparen li a{
 list-style-type: none;
 color: #888888;
 text-decoration:underline;
}

.block_content ul.besparen li span{
color: #888888;
}
.block_content span.grijs{
color: #888888;
}

.block_content ul.count li, .block_content_news ul.count li{
 list-style-type: none;
 float:left;

}
.block_content ul.count li a{
  top:-1px;
  }

.foot{
 background-image: url(images/block_foot.gif);
 background-repeat:no-repeat;
 background-position: bottom right;
 float: left;
 border: 0px solid;
 width:683px;
 padding-bottom:10px;
 margin-left:1px;
 margin-right:1px;
 margin-top:0px;
 }
.foot_news{
 background-image: url(images/block_foot_news.gif);
 background-repeat:no-repeat;
 background-position: bottom right;
 float: left;
 border: 0px solid;
 width:683px;
 padding-bottom:7px;
 margin-left:1px;
 margin-right:1px;
 }
 
.referentie{
width:130px;
 border:0px solid red;
 float:left;
 overflow: hidden;
 padding-bottom:0px;
 margin-bottom:20px;
}
.referentie ul{
list-style-type:none;
list-style: none;
padding:0px;
margin:0px;
left:0px;
 float:left;
 display: list-item;
 width:100%;
 height:20px;
 color:#555555;
}
.referentie li{
list-style-type:none;
list-style: none;
padding:0px;
margin:0px;
left:4px;
 float:left;
 display: list-item;
 width:100%;
 height:20px;
 color:#555555;
}
.referenties {
 border:0px solid red;
 margin:0px;
 padding:0xp;
}
.referenties ul li.referentie{
 height:170px;
 border:0px solid red;
 float:left;
 background-position:top right;
}
.referenties img{
margin-top:3px;
 border:0px solid #666666;
 width:157px;
  margin-bottom:0px;
  padding:0px;
  border:0px solid #FFFFFF;
  float:left;
}
.referentie a{ 
 float:none;
 font-family:verdana, Arial, Helvetica, sans-serif;
 cursor:pointer;
}

.footer { 
 width: 100%;
 height: 35px;
 color: #333;
 background-image: url(images/foot.gif);
 background-repeat:no-repeat;
 background-position:0px 5px;
 margin-top: 70px;
 letter-spacing:1px;
 margin-bottom:0px;
 padding: 0px;
 position:relative;
 top:0px;
 float:left;
}
.footertext {
 position: relative;
 width: 100%;
 top: 7px;
 text-align: center;
 margin: 0px;
 padding: 0px;
 border: 0px solid orange;
 color: #000;
 }
 .footertext a {
  color: #333;
  text-decoration: none;
  }
.footertext a:hover {
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  }

textarea{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	height:100px;
	width:206px;
	float:left;
	border:1px groove;
	}
.block table{
border-spacing:0px 0px;
empty-cells:show;
table-layout: fixed;
padding-bottom: 0px;
margin-right:0px;
width:206px;
float:left;
}

.block table tr td {
	border:0px solid;
	vertical-align:top;
	text-align:left;
	}
	
table.prijzen tr td {
	background-color: #E1FFE1;
}
.block table tr{
margin:0px;
padding:0px;
}
table tr td img{

	border:0px solid;
	vertical-align:top;
	margin-right:1px;
	padding-right:1px;
}
table tr td input.checkbox{
	width:30px;
	height:13px;
	padding:0px;
	border:0px;
	cursor:pointer;
}
table tr td input.klein{
	width:33px;
	padding:0px;
	border:0px;
	background:#FFFFFF;
	border:1px solid #CCCCCC;
}
form.formulier {
	width:100%;
      color: #333;
      padding-bottom: 0px;
	  position: relative;
	  left:0px;
	  float:left;
      }      
            
form.formulier fieldset {
      border: none;
      border-top: 0px solid #C9DCA6;
      border-bottom: 0px solid #C9DCA6;
      margin-top: 0px;
      margin: 0px 0 0;
      background: none;
      }
       
form.formulier fieldset legend {
      padding: 0 0 0px;
      font-weight: normal;
      }
      
form.formulier fieldset label {
      width: auto;
      }

.contact input.radio {
	width:20px;
	padding:0px;
	border:0px;
	cursor:pointer;
}

.contact .buttons{
width:206px;
border:0px solid;
}

.contact table.buttons tr td{
border:0px solid;
font-size:9px;
}
table tr td.geld{
text-align:right;
}
table tr td.totaal{
text-align:right;
border-top:1px solid;
}
table tr td.klein{
font-size:9px;
}
.contact table.buttons tr td.left{
width:70px;
}
.contact input{
	width:206px;
	height:18px;
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	border:1px groove;
	margin-bottom:1px;
	padding:1px;
	float:left;
}
input.contact{
	width:206px;
	height:18px;
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	border:1px solid #CCCCCC;
	margin-bottom:12px;
	padding:1px;
	float:left;
	color: #666666;
}

input.submit{
	width: 206px;
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	height:22px;
	cursor: pointer;
	margin-top:3px;
	padding:0px;
}
input.submit:hover{
	font-weight:normal;
	color:#666666;
	cursor: pointer;
	
	}
.comics{
width:220px;
margin-top:-12px;
padding:0px;
margin-bottom:5px;
float:left;
}

.comics span{
top:10px;
left:10px;
float:left;
font-size: 12px;
}

.comics img, .comics a{
border:0px;
width:217px;
padding:0px;
margin-left:-2px;
}

.error{
border:0px solid;
position:absolute;
top:-90px;
left:20px;
color: #FF0DC8;
height:0px;
}	
.clear { clear: both; background: none; }