@charset "utf-8";
/* CSS Document */

body
{
	margin: 30px 0 0 0;
	padding: 0px;
	font: 11px Arial, Helvetica, sans-serif;
	color: #333333;
	line-height:17px;
	background-color:#fafafa;
	overflow-x: hidden;
}
ul{	
	padding:0px;
	margin:10px 0px 10px 0px;
	
}
li{
	padding:0px;
	margin:0px 0px 0px 25px;
	list-style:square;
	line-height:18px;
}
form{
	padding:0px;
	margin:0px;
}
input{
	width:225px;
	margin:0px;
	padding:0px;
	padding-left:5px;
	padding-top:4px;
	height:23px;
	border:none;
	color:#666666;
	background:url(../images/knoppen/background_form.jpg);
	border:solid 1px #c4c4c4;
}
select{
	width:232px;
	margin:0px;
	padding:0px;
	padding-top:4px;
	padding-left:5px;
	height:25px;
	border:none;
	background:url(../images/knoppen/background_form.jpg);
	border:solid 1px #c4c4c4;
}
.referentie_pagina{
	width:145px;
	margin:0px;
	padding:0px;
	height:20px;
	border:none;
	background:url(../images/knoppen/background_form.jpg);
	border:solid 1px #c4c4c4;
}

input.verzenden{
	position:relative;
	width:96px;
	height:22px;
	padding:0;
	
}
textarea{
	float:left;
	width:225px;
	margin:0px;
	padding:0px;
	padding-left:5px;
	padding-top:4px;
	height:66px;
	border:none;
	background:url(../images/knoppen/background_form_groot.jpg);
	border:solid 1px #c4c4c4;
	overflow:auto;
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}

h1
{
	margin:0 0 15px 0;
	font-size:17px;
	font-weight:normal;
	color:#4e4d4d;
}

h2
{
	position:relative;
	width:auto;
	margin-bottom:8px;
	font-size:12px;
	color:#000;
	font-weight:bold;
}

h3
{
	margin:0px;
	padding:0px;
	padding-bottom:15px;
	margin-bottom:10px;
	border-bottom:1px solid #d5d5d5;
	font-size:21px;
	color:#d60008;
	font-weight:normal;
}

h4
{
	padding:0px 0px 7px 0px;
	margin:0px 0px 8px 0px;
	font-size:18px;
	color:#d60008;
	font-weight:normal;
	border-bottom:1px solid #d5d5d5;
	
}

h5
{
	margin:0;
	font-size:18px;
	font-weight:normal;
	cursor:pointer;
	text-decoration:none;
	display:none;
}
h6
{
	color:#4e4d4d;
	font-size:14px;
	margin:0px;
	padding:0px;
	font-weight:bold;
	height:40px;
	
}

h6.rood
{
	font-size:13px; 
	font-weight:bold; 
	color:#d60008;
	height:20px;
}

h6.formkop
{
	float:left;
	width:600px;
	font-size:13px; 
	font-weight:bold; 
	color:#d60008;
	height:20px;
	margin-top:10px;
}

a
{
	color:#333333;
}
a.rood
{
	color:#d60008;
	text-decoration:none;
}
a.rood_bold
{
	color:#d60008;
	text-decoration:none;
	font-weight:bold;
}
a.rood_bold:hover
{
	color:#666666;
}
a.grijs
{
	color:#4e4d4d;
	text-decoration:none;
}
a.grijs:hover
{
	color:#d60008;
}
img{
	border:none;
}

.leesmeer
{
	color:#eb3b3c;
	text-decoration:none;
}

.leesmeer:hover
{
	color:#9b0505;
}

#container
{
	position: absolute;
	margin-left: -495px;
	left: 50%;
	width: 990px;
	height: auto;
}

.top
{
	position:relative;
	width:100%;
	height:28px;
	background:url(../images/bg_top.jpg) no-repeat;
}

.medewerker{
	background-image:url(../images/medewerkers/medewerker.png);
	height:172px;
	width:270px;
	float:left;
	display:inline;
	margin: 0px 20px 20px 0px;
}

.medewerker_foto{
	height:172px;
	width:100px;
	float:left;
	padding:10px 0px 0px 0px;

}
.medewerker_tekst{
	height:157px;
	width:150px;
	float:right;
	padding:20px 0px 0px 20px;
}

.header
{
	position:relative;
	width:100%;
	height:150px;
	background:url(../images/bg.jpg) repeat-y;
}

.logo
{
	position:absolute;
	width:316px;
	height:56px;
	left:13px;
	top:26px;
}

.banner
{
	position:absolute;
	width:172px;
	height:56px;
	right:19px;
	top:10px;
	background:url(../images/banner_bg.jpg) no-repeat;
	padding:24px 16px 14px 170px;
	color:#7a7a7a;
}

.menu
{
	position:absolute;
	width:100%;
	height:36px;
	bottom:0;
	left:18px;
	background:url(../images/bg_menu.jpg) no-repeat;
}

.knop
{
	position:relative;
	float:left;
	width:auto;
	height:36px;
}

.home_bg
{
	position:relative;
	width:100%;
	height:383px;
	background:url(../images/home_bg.jpg) no-repeat;	
}

.projecteninbeeld
{
	position:absolute;
	width:auto;
	height:20px;
	left:53px;
	bottom:10px;
	font-size:19px;
	font-weight:bold;
	color:#d60008;
	font-weight:normal;
}

.home_content
{
	position:absolute;
	width:220px;
	height:auto;
	top:48px;
	left:53px;
	line-height:20px;
}

.home_content_rechts
{
	position:absolute;
	width:430px;
	height:253px;
	right:30px;
	top:20px;
}

.home_content_box
{
	position:relative;
	float:right;
	width:185px;
	height:33px;
	padding:89px 0px 15px 25px;
	text-decoration:none;
	color:#4e4d4d;
	font-size:15px;
}

.home_content_box2
{
	position:relative;
	float:right;
	width:185px;
	height:40px;
	padding:82px 0px 15px 25px;
	text-decoration:none;
	color:#4e4d4d;
	font-size:15px;
}

.home_content_box:hover
{
	color:#d60008;
}

.home_content_box2:hover
{
	color:#d60008;
}

.home_bg_bottom
{
	position:relative;
	width:100%;
	height:83px;
	padding-top:9px;
	background:url(../images/home_bg_bottom.jpg) no-repeat;
}

.home_bg_bottom2
{
	position:relative;
	width:100%;
	height:138px;
	padding-top:9px;
	background:url(../images/home_bg_bottom2.jpg) no-repeat;
}

.fix
{
	position:relative;
	float:left;
	width:34px;
	height:83px;
}
.background_nieuws
{
	
	float:left;
	width:658px;
	height:85px;
	background:url(../images/home_bg_blok.jpg) no-repeat;
	border:1px solid red;
}

.referenties_logo
{
	position:relative;
	float:left;
	width:163px;
	height:76px;
	left:34px;
	top:20px;
	background:url(../images/home_bg_blok2.jpg) no-repeat;
}

.referenties_tekst
{
	position:relative;
	float:left;
	width:275px;
	height:56px;
	padding-top:10px;
	padding-left:30px;
}

.nieuws_tekst
{
	position:relative;
	float:left;
	width:460px;
	height:auto;
	padding-top:10px;
	padding-left:25px;
	line-height:16px;
	color:#666666;
}

.vervolg_header
{
	position:relative;
	width:950px;
	height:162px;
	background:url(../images/diensten_header.jpg);
	padding-left:40px;
}
.vervolg_header_overons
{
	position:relative;
	width:950px;
	height:162px;
	background:url(../images/header_over_ons.jpg);
	padding-left:40px;
}

.overons_header
{
	position:relative;
	width:950px;
	height:162px;
	background:url(../images/overons_header.jpg);
	padding-left:40px;
}

.vervolg_header_box
{
	position:relative;
	float:left;
	width:165px;
	height:auto;
	left:60px;
	top:110px;
	margin-right:60px;
	text-align:center;
	text-decoration:none;
}

.vervolg_bg
{
	position:relative;
	width:100%;
	height:auto;
	background:url(../images/bg.jpg);
}

.vervolg2
{
	position:relative;
	width:100%;
	height: 1%;
	overflow:hidden;
	padding-top:20px;
	background:url(../images/vervolg_bg.jpg) bottom left no-repeat;
}

.vervolg_menu
{
	position:relative;
	float:left;
	width:160px;
	height:auto;
	padding-left:30px;
	padding-right:40px;
}

a.vervolg_menu_knop
{
	width:150px;
	height:20px;
	padding-left:10px;
	padding-top:3px;
	border-bottom:1px solid #d5d5d5;
	text-decoration:none;
	display:inline-block;
	
	
}
a.active{
	width:150px;
	height:20px;
	padding-left:10px;
	padding-top:3px;
	border-bottom:1px solid #d5d5d5;
	text-decoration:none;
	display:inline-block;
	background:url(../images/knoppen/background_vervolg_menu.jpg);
}

a.vervolg_menu_knop:hover
{
	width:150px;
	height:20px;
	padding-left:10px;
	padding-top:3px;
	border-bottom:1px solid #d5d5d5;
	text-decoration:none;
	display:inline-block;
	background:url(../images/knoppen/background_vervolg_menu.jpg);
}

.vervolg_inhoud
{
	position:relative;
	float:left;
	width:720px;
	height:auto;
	min-height: 500px;
	padding-bottom: 70px;
	z-index:0;
}
.zoek_menu{
	width:183px;
	height:280px;
	background:url(../images/referenties/zoek_menu_background.jpg);
	margin-left:20px;
	padding:25px 0px 0px 30px;
}
.kleur_knop{
	margin-left:-6px;
	margin-top:7px;
	width:159px;
	height:35px;
	cursor:pointer;
}
.zoek_knop{
	margin-left:-4px;
	margin-top:1px;
	width:157px;
	height:33px;
	cursor:pointer;
}
.close_colorp {
	position:absolute; 
	right:0; 
	top:0; 
	z-index:1; 
	cursor:pointer;
}
#colorp {
	overflow:hidden; 
	position:absolute; 
	z-index:1;
	width: 300px; 
	height: 290px; 
	left:180px; 
	top:250px; 
	display:none;
}
.top_balk{
	text-align:right;
	height:22px;
	background:#e9e9e9;
	width:690px;
	padding:3px 7px 0px 3px;
	margin-bottom:15px;
}
.vervolg_inhoud_referenties{
	position:relative;
	float:left;
	width:700px;
	height:auto;
	margin-left:20px;
}
/*.referenten{
	width:325px;
	height:119px;
	padding-right:35px;
	padding-bottom:20px;
	float:left;
	position:relative;
}
.referentie_details{
	width:338px;
	height:auto;
	margin-top:5px;
	border:solid #d5d5d5 1px;
	position:relative;
}
.referentie_details2{
	width:207px;
	height:auto;
	margin-top:5px;
	border:solid #d5d5d5 1px;
}

.naam_plaats{
	width:326px;
	height:9px;
	padding:0px 6px 8px 6px;
	border-top:1px solid #FFF;
	text-align:center;
}*/
.referenten{
	width:210px;
/*	height:167px;
*/	
	height:auto;
	padding-right:35px;
	padding-bottom:10px;
	float:left;
}
.referenten2{
	width:210px;
	height:167px;
	padding-right:35px;
	padding-bottom:10px;
	float:left;
}
.referenten img
{
	border:1px solid #D5D5D5;
	width:208px;
	height:74px;
}
.referentie_details{
	width:207px;
	height:95px;
	margin-top:5px;
	border:solid #d5d5d5 1px;
}
.referentie_details2{
	width:207px;
	height:175px;
	margin-top:1px;
	border:solid #d5d5d5 1px;
	background:url(../images/info_bg.jpg) bottom repeat-x;
}
.testimon{
	width:195px;
	padding:6px;
}


.klantreactie {
	width:207px;
	height:165px;
	border:solid #d5d5d5 1px;
}

.wsft{
	height:203px;
}

.wsft_details {
	height: 120px;
}
.wsft_details2 {
	height: 240px;
}

.naam_plaats{
	width:195px;
	height:9px;
	padding:6px;
}
.naam_plaats_2{
	width:195px;
	height:9px;
	padding:6px;
}

.ref_tekst {
	height:100px;
	margin-left:2px;
	width:230px;
	position:absolute;
	right:0;
	top:0;
}
.ref_foto {
	width:100px;
	height:100px;
}
.achtergrond_knoppen {
	position:relative;
	width:213px;
	height:122px;
	margin-right:15px;
	float:left;
	display:inline;
	margin-top:28px;
}

.zoeken {
	background-image:url(../images/referenties/zoek_knop.png);
	width:157px;
	height:33px;
	border:0;
	cursor:pointer; 
}

.tekst_knoppen {
	width:210px;
	position:absolute;
	left:50%;
	top:85px;
	text-align:center;
	margin-left:-105px;
}

.formulier {
	background-image: url(../images/knoppen/background_form_grootst.png);
	background-repeat:no-repeat;
	width:695px;
	height:auto;
	min-height: 350px;
	float: left;
	padding: 20px;
}
.formulier_inhoud{
	width:677px;
	height:auto;
	left:20px;
	top:15px;
}
.float_naam{
	float:left;
	width:195px;
	margin-top:6px;
}
.float_veld{
	position:relative;
	float:left;
	width:400px;
	margin-bottom:4px;
}
.float_veld2{
	position:relative;
	float:left;
	width:400px;
	margin-bottom:4px;
}
.float_zin{
	position:relative;
	float:left;
	width:700px;
}

.logos_tekst{
	float:left;
	height:210px;
	width:355px;
	display:inline;
}

.logos{
	float:left;
	height:175px;
	width:200px;
	display:inline;
	margin-top:35px;
	padding-left:150px;
}

.cms_prijs{
	float:left;
	width:270px;
	border-right:1px solid #d5d5d5;
	border-bottom:1px solid #d5d5d5;
	padding-top:5px;
	padding-bottom:20px;
	height:120px;
}

.cms_details{
	float:left;
	width:407px;
	padding-left:40px;
	border-bottom:1px solid #d5d5d5;	
	padding-top:5px;
	padding-bottom:20px;
	height:120px;
}
.tabbladen_container{
	position:absolute;
	height:25px;
	right: 0px;
	top: 7px;	
}
.cap{
	position:absolute;
	top:0px;
	left:270px;
}
.tabblad{
	width:155px;
	height:20px;
	background:url(../images/knoppen/tabblad_background.jpg);
	float:left;
	text-align:center;
	padding-top:5px;
}
.tabblad_sluiter{
	width:160px;
	height:20px;
	background:url(../images/knoppen/tabblad_background.jpg);
	float:left;
	text-align:center;
	padding-top:5px;
}
.tabblad_link{
	color:#7f7f7f;
	text-decoration:none;
}
.datum_tijd{
	float:left;
	width:117px;
}

.partner_links
{
	float: left;
	width: 250px;
	padding: 6px;
	border: 1px solid #cdcdcd;
	display: block;
	text-align: center;
	margin-bottom: 10px;
}

.partner_rechts
{
	float: left;
	width: 250px;
	padding: 6px;
	border: 1px solid #cdcdcd;
	display: block;
	text-align: center;
	margin-left: 10px;
	margin-bottom: 10px;
	display: inline; /* Oplossing Floatbug IE 6.0 */
}
.farbtastic {
  position: relative;
}
.farbtastic * {
  position: absolute;
  cursor: crosshair;
}
.farbtastic, .farbtastic .wheel {
  width: 195px;
  height: 195px;
}
.farbtastic .color, .farbtastic .overlay {
  top: 47px;
  left: 47px;
  width: 101px;
  height: 101px;
}
.farbtastic .wheel {
  background: url(http://mediaversa.nl/images/farbtastic/wheel.png) no-repeat;
  width: 195px;
  height: 195px;
}
.farbtastic .overlay {
  background: url(../images/mask.png) no-repeat;
}
.farbtastic .marker {
  width: 17px;
  height: 17px;
  margin: -8px 0 0 -8px;
  overflow: hidden; 
  background: url(../images/marker.png) no-repeat;
}

input.error {
	float:left;
	background:#FFE2E1;
}
label.error {
	position:relative;
	float:right;
	color:#cc1519;
	margin-right:40px;
	margin-top:4px;
}
#hideshow{
	position:absolute;
	z-index:1;
	width:411px;
	height:299px;
	right:1px;
	top: 53px;
	visibility:hidden;
}
.kaart_groot{
	position:absolute;
	width:411px;
	height:299px;
	right:0px;
	top: 52px;
	margin:0 0 30px 30px;
	border: 1px solid black;
	border:1px solid #df7676;
}
.nijmegen{
	position:absolute;
	font:11px Arial, Helvetica, sans-serif;
	font-weight:bold;
	left: 330px;
	top: 2px;
}
.wijchen{
	position:absolute;
	font:11px Arial, Helvetica, sans-serif;
	font-weight:bold;
	left: 280px;
	top: 15px;
}
.zaltbommel{
	position:absolute;
	font:11px Arial, Helvetica, sans-serif;
	font-weight:bold;
	left: 70px;
	top: 20px;
}
.oss{
	position:absolute;
	font:11px Arial, Helvetica, sans-serif;
	font-weight:bold;
	left: 210px;
	top: 39px;
}
.heesch{
	position:absolute;
	font:11px Arial, Helvetica, sans-serif;
	font-weight:bold;
	left: 190px;
	top: 65px;
}
.shertogenbosch{
	position:absolute;
	font:11px Arial, Helvetica, sans-serif;
	font-weight:bold;
	left: 105px;
	top: 80px;
}
.heeswijk_dinther{
	position:absolute;
	font: 11px Arial, Helvetica, sans-serif;
	font-weight:bold;
	left: 145px;
	top: 112px;
}
.schijndel{
	position:absolute;
	font:11px Arial, Helvetica, sans-serif;
	font-weight:bold;
	left: 150px;
	top: 137px;
}
.veghel{
	position:absolute;
	font:11px Arial, Helvetica, sans-serif;
	font-weight:bold;
	left: 208px;
	top: 145px;
}
.boxtel{
	position:absolute;
	font:11px Arial, Helvetica, sans-serif;
	font-weight:bold;
	left: 110px;
	top: 155px;
}
.tilburg{
	position:absolute;
	font:11px Arial, Helvetica, sans-serif;
	font-weight:bold;
	left: 5px;
	top: 172px;
}
.sintoedenrode{
	position:absolute;
	font:11px Arial, Helvetica, sans-serif;
	font-weight:bold;
	left: 155px;
	top: 175px;
}
.eindhoven{
	position:absolute;
	font:11px Arial, Helvetica, sans-serif;
	font-weight:bold;
	left: 160px;
	top: 250px;
}
.uden{
	position:absolute;
	font:11px Arial, Helvetica, sans-serif;
	font-weight:bold;
	left: 240px;
	top: 117px;
}
.gemert{
	position:absolute;
	font:11px Arial, Helvetica, sans-serif;
	font-weight:bold;
	left: 255px;
	top: 184px;
}
.venray{
	position:absolute;
	font:11px Arial, Helvetica, sans-serif;
	font-weight:bold;
	left: 370px;
	top: 210px;
}
.helmond{
	position:absolute;
	font:11px Arial, Helvetica, sans-serif;
	font-weight:bold;
	left: 250px;
	top: 222px;
}
.boxmeer{
	position:absolute;
	font:11px Arial, Helvetica, sans-serif;
	font-weight:bold;
	left: 355px;
	top: 125px;
}

.slogan
{
	position:relative;
	float:right;
	width:auto;
	height:20px;
	right:60px;
	margin:9px 0 6px 0;
	font-size:17px;
	color:#fff;
	font-weight:normal;
}

/*Hosting paketten */

.hosting_container_blokken
{
	width:210px;
	height:280px;
	padding-right:30px;
	padding-bottom:10px;
	float:left;
	margin-bottom: 10px;
}

#tooltip{
	position:absolute;
	width:180px;
	height:auto;
	border:1px solid #DFDFDF;
	background:#f7f5d1;
	padding:10px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	display:none;
	z-index:1;
	margin-top:20px;
	background:url(../images/info_bg.jpg) repeat-x bottom;
	background-color:#FFFFFF;
}	

.seo-ul {
	margin-top:0;
	margin-bottom:0;
}

.actietekst {
	color:#d60008;
	font-weight:bold;
	
}

.clear{
	clear: left;
}

.adresgegevens {
	position:absolute;
	width:444px; 
	color:#9f9f9f; 
	font-size:10px; 
	bottom:20px;
	right:0px; 
}

.adresgegevens2 {
	position:relative;
	float:right;
	width:444px; 
	color:#9f9f9f; 
	font-size:10px; 
	padding:8px 0 20px 0;
}

.emaillink {
	color:#9f9f9f;
}

.pakketprijs {
	font-size:18px;
	font-weight:bold;
	color:#CC0000;
}

.formuitleg {
	position:relative;
	float:left;
	width:390px;
	height:auto;
	padding:5px;
	margin-right:300px;
	margin-bottom:8px;
	background-color:#F8F8F8;
}

.bestelling {
	position:absolute;
	width:240px;
	height:auto;
	right:0;
	padding:10px;
	background-color:#F8F8F8;
}

.nieuws_inhoud {
	position:relative;
	float:left;
	width:430px;
	height:auto;
}

.nieuws_images {
	position:relative;
	float:left;
	width:404px;
	height:283px;
	top:2px;
	margin-left:30px;
	padding:15px;
	background:url(../images/nieuws_images_bg.jpg);
}

.nieuws_images_col {
	position:relative;
	float:left;
	width:202px;
	height:auto;
}

.nieuws_image {
	position:relative;
	float:left;
	width:auto;
	height:auto;
	margin-right:4px;
	margin-bottom:4px;
}

.zoekmachineoptimalisatie-ref-box {
	position:relative;
	float:left;
	width:223px;
	height:120px;
	margin-right:15px;
	margin-top:15px;
	border:1px solid #d5d5d5;
}

.zoekmachineoptimalisatie-ref-title {
	position:relative;
	width:215px;
	height:21px;
	padding:2px 0 0 8px;
	font-weight:bold;
	background-color:#e9e9e9;
}

.zoekmachineoptimalisatie-ref-tekst {
	position:relative;
	width:215px;
	height:auto;
	padding:2px 0 0 8px;
}