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

body{
margin: 0;
text-align: center;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 62.5%; /* = 10px */
}

div#main_container{
width: 1000px;
height: auto;
margin: 0 auto 0 auto;
text-align: left;
}

.headerTwee {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight:normal;
}

div#logo{
width: 289px;
height: 65px;
margin: 10px 0 33px 0;
}

div#menuleft{
width: 20px;
height: 44px;
float: left;
background: url(afbeeldingen/menuleft.jpg) 0 0 no-repeat;
margin-bottom: 33px;
}

div#menu{
width: 936px;
height: 18px;
margin-bottom: 33px;
border-top: 1px solid #828081;
border-bottom: 1px solid #828081;
float: left;
word-spacing: 155px;
text-align: center;
padding: 12px;
}

div#menuright{
width: 20px;
height: 44px;
float: left;
background: url(afbeeldingen/menuright.jpg) 0 0 no-repeat;
margin-bottom: 33px;
}

a.menu{
font-size: 1.6em;
text-decoration: none;
}

a.menu:link, a.menu:visited{
color: #000000;
}

a.menu:hover, a.menu:active{
color: #5B308C;
}

div#main{
width: 588px;
height: 285px;
float: left;
margin: 0 20px 33px 0;
line-height: 16px;
font-size: 1.1em;
text-align:justify;
}

div#disclaimer{
width: 1000px;
float: left;
margin: 0 20px 33px 0;
line-height: 16px;
font-size: 1.1em;
text-align:justify;
column-count: 2;
}

h1{
color: #5B308C;
font-size:20px;
}

div#portfolioleft{
width: 18px;
height: 285px;
float: left;
background: url(afbeeldingen/portfoliobgleft.jpg) 0 0 no-repeat;
margin-bottom: 33px;
}

div#portfolio{
width: 356px;
height: 253px;
float: left;
margin-bottom: 33px;
border-bottom: 1px solid #A5A49C;
border-top: 1px solid #A5A49C;
background: url(afbeeldingen/portfoliobg.jpg) 0 0 repeat-x;
text-align: center;
padding-top: 30px;
}

.loadPorfolio{
background-image: url(afbeeldingen/loader.gif);
background-repeat:no-repeat;
}

img{
border: none;
}

div#portfolioright{
width: 18px;
height: 285px;
float: left;
background: url(afbeeldingen/portfoliobgright.jpg) 0 0 no-repeat;
margin-bottom: 33px;
position:relative;
z-index:-1;
}

.boxmain{
width: 225px;
height: auto;
float: left;
}

.boxtop{
width: 215px;
height: 5px;
background: url(afbeeldingen/boxbgtop.jpg) 0 0 no-repeat;
padding: 5px 0 0 10px;
}

.box{
width: 208px;
min-height: 133px;
background: url(afbeeldingen/boxbg.jpg) bottom left repeat-x;
border-left: 1px solid #A5A49C;
border-right: 1px solid #A5A49C;
color: #666666;
line-height: 15px;
padding: 7px 5px 5px 10px;
overflow:hidden;
}

.boxbottom{
width: 225px;
height: 10px;
background: url(afbeeldingen/boxbgbottom.jpg) 0 0 no-repeat;
margin-bottom: 33px;
}

.h2Diensten {
color: #5B308C;
font-size: 1.1em;
margin-top: 2px;
position:relative;
z-index:1;
}

img.mycnnct{
float: right;
}

#volgende{
float:left;
margin-left:-18px;
}

#slideshowContainer{
float:left;
margin-left:40px;
overflow:auto;
position:relative;
}

#vorige{
float:left;
margin-left:335px;
margin-top:-240px;
}

.txtLeesMeer{
display:none;
}

a.leesmeer{
font-style: italic;
color: #5B308C;
font-weight: bold;
}

a.leesmeer:link, a.leesmeer:visited{
text-decoration: none;
}

a.leesmeer:hover, a.leesmeer:active{
text-decoration: underline;
}

.box ul{
list-style: none;
margin: 8px 0 0 0;
padding: 0;
}

.box li{
background: url(afbeeldingen/bullit2.png) no-repeat 0 4px;
margin: 0 0 7px 0;
padding: 0 0 0 15px;
}

.box .uitgeschoven{
background: url(afbeeldingen/bullit.png) no-repeat 0 4px;
margin: 0 0 7px 0;
padding: 0 0 0 15px;
}

.boxspace{
width: 33px;
height: 165px;
float: left;
}

div#footermain{
width: 1000px;
height: auto;
clear: left;
}

div#footer{
width: 400px;
color: #666666;
float: left;
}

div#footermenu{
width: 600px;
float: left;
text-align: right;
}

a.footer{
text-decoration: none;
}

a.footer:link, a.footer:visited{
color: #666666;
}

a.footer:hover, a.footer:active{
color: #5B308C;
}

/****************************************************** FORMULIER OPMAAK ************************************************/

#formDiv{
width:500px;
text-align:left;
float:left;
}

#formDivRight{
width:400px;
float:left;
font-size: 1.1em;
}

form{
padding: 15px;
}

label{
font-size: 1.1em;
float: left;
width: 150px;
text-align: right;
margin-right: 15px;
}

input{
background-color: #f5f5f5;
border-width: 1px;
border-style: solid;
border-color: #cccccc;
margin-bottom: 10px;
}

#verzenden{
border:none;
margin-left:125px;
background-image:url(afbeeldingen/verzenden.gif);
height:31px;
width:122px;
}

#verzenden:hover{
border:none;
margin-left:125px;
background-image:url(afbeeldingen/verzenden-hover.gif);
height:31px;
width:122px;
}

textarea{
width: 204px;
height: 100px;
background-color: #f5f5f5;
border-width: 1px;
border-style: solid;
border-color: #cccccc;
margin-bottom: 10px;
}

label { 
width: 10em; 
float: left; 
}

label.error{ 
float: none; 
color: red; 
padding-left: .5em; 
vertical-align: top; 
}

#foutmeldingen{
font-size: 1.1em;
color: red;
}

#foutmeldingen ul{
	list-style:none;	
}

#foutmeldingen ul li{
	padding: 0 0 0 5px;
}

/****************************************************** EINDE FORMULIER OPMAAK ******************************************/

/****************************************************** PORTFOLIO OPMAAK ************************************************/

div.txtportfolio{
width: 467px;
height: 400px;
float: left;
margin-bottom: 33px;
line-height: 16px;
font-size: 1.1em;
border-right: 1px solid #666666;
padding-right: 33px;
}

div.plaatjeportfolio{
width: 498px;
height: 400px;
text-align: center;
float: left;
margin-bottom: 33px;
}

div#menuportfolioleft{
float: left;
width: 75px;
height: 33px;
}

div#menuportfolio{
width: 850px;
height: 33px;
margin-bottom: 33px;
float: left;
color: #666666;
font-size: 1.3em;
text-align: center;
word-spacing: 29px;
}

div#menuportfolioright{
float: left;
width: 75px;
height: 33px;
}

a.menuportfolioleft{
position: absolute;
width: 75px;
height: 33px;
text-decoration: none;
}

a.menuportfolioleft:link, a.menuportfolioleft:visited{
background: url(afbeeldingen/portfolio/back.jpg) 0 4px no-repeat;
}

a.menuportfolioleft:hover, a.menuportfolioleft:active{
background: url(afbeeldingen/portfolio/back2.jpg) 0 4px no-repeat;
}

a.menuportfolioright{
width: 75px;
height: 33px;
text-decoration: none;
position: absolute;
}

a.menuportfolioright:link, a.menuportfolioright:visited{
background: url(afbeeldingen/portfolio/next.jpg) 66px 4px no-repeat;
}

a.menuportfolioright:hover, a.menuportfolioright:active{
background: url(afbeeldingen/portfolio/next2.jpg) 66px 4px no-repeat;
}

a.menuportfolio{
text-decoration: none;
}

a.menuportfolio:link, a.menuportfolio:visited{
color: #666666;
}

a.menuportfolio:hover, a.menuportfolio:active{
color: #5B308C;
font-weight: bold;
}

/****************************************************** EINDE PORTFOLIO OPMAAK ******************************************/

.loading{
background-repeat:no-repeat;
background-position:center center;
height:500px;
width:900px;
background-image: url(afbeeldingen/loader.gif);
text-align:center;
}

.verplicht{
font-size:11px;
color:#F00000;
}


/****************************************************** DIENSTEN OPMAAK ******************************************/

div#txtdiensten{
width: 181px;
float: left;
margin-right: 33px;
line-height: 16px;
font-size: 1.1em;
}

.dienst{
width: 240px;
height: 172px;
float: left;
margin-bottom: 33px;
}

.dienstenspace{
width: 33px;
float: left;
}

.dienstendownleft{
width: 20px;
height: 45px;
background: url(afbeeldingen/dienstendownleft.jpg) 0 0 no-repeat;
float: left;
margin-top: 127px;
}

.dienstendownright{
width: 20px;
height: 45px;
background: url(afbeeldingen/dienstendownright.jpg) 0 0 no-repeat;
float: left;
margin-top: 127px;
}

.dienstendown{
width: 200px;
height: 43px;
background: #5A328B;
float: left;
border-top: 1px solid white;
border-bottom: 1px solid #666666;
margin-top: 127px;
}

a.diensten{
width: 240px;
height: 172px;
color: #FFFFFF;
font-size: 1.4em;
line-height: 38px;
text-decoration: none;
float: left;
}
/*
a.web:link, a.web:visited{
 background: url(afbeeldingen/web.jpg) 0 0 no-repeat;
}

a.web:hover, a.web:active{
background: url(afbeeldingen/web2.jpg) 0 0 no-repeat;
}

a.graphic:link, a.graphic:visited{
background: url(afbeeldingen/graphic.jpg) 0 0 no-repeat;
}

a.graphic:hover, a.graphic:active{
background: url(afbeeldingen/graphic2.jpg) 0 0 no-repeat;
}

a.advice:link, a.advice:visited{
background: url(afbeeldingen/advice.jpg) 0 0 no-repeat;
}

a.advice:hover, a.advice:active{
background: url(afbeeldingen/advice2.jpg) 0 0 no-repeat;
}

a.seo:link, a.seo:visited{
background: url(afbeeldingen/seo.jpg) 0 0 no-repeat;
}

a.seo:hover, a.seo:active{
background: url(afbeeldingen/seo2.jpg) 0 0 no-repeat;
}

a.foto:link, a.foto:visited{
background: url(afbeeldingen/foto.jpg) 0 0 no-repeat;
}

a.foto:hover, a.foto:active{
background: url(afbeeldingen/foto2.jpg) 0 0 no-repeat;
}

a.cms:link, a.cms:visited{
background: url(afbeeldingen/cms.jpg) 0 0 no-repeat;
}

a.cms:hover, a.cms:active{
background: url(afbeeldingen/cms2.jpg) 0 0 no-repeat;
}
*/
div .preloaded-images {
   position: absolute;
   overflow: hidden;
   left: -9999px; 
   top: -9999px;
   height: 1px;
   width: 1px;
}

div#txtdienstweb{
background: url(afbeeldingen/dienstwebbg.jpg) no-repeat 0 0;
padding: 10px;
width: 594px;
height: 358px;
float: left;
margin: 0 0 33px 0;
line-height: 16px;
font-size: 1.1em;
}

div#txtdienstgraphic{
background: url(afbeeldingen/dienstgraphicbg.jpg) no-repeat 0 0;
padding: 10px;
width: 594px;
height: 358px;
float: left;
margin: 0 0 33px 0;
line-height: 16px;
font-size: 1.1em;
}

div#txtdienstseo{
background: url(afbeeldingen/dienstseobg.jpg) no-repeat 0 0;
padding: 10px;
width: 594px;
height: 358px;
float: left;
margin: 0 0 33px 0;
line-height: 16px;
font-size: 1.1em;
}

div#txtdienstfoto{
/* background: url(afbeeldingen/dienstfotobg.jpg) no-repeat 0 0; */
padding: 10px;
width: 594px;
height: 358px;
float: left;
margin: 0 0 33px 0;
line-height: 16px;
font-size: 1.1em;
}

div#txtdienstadvice{
background: url(afbeeldingen/dienstadvicebg.jpg) no-repeat 0 0;
padding: 10px;
width: 594px;
height: 358px;
float: left;
margin: 0 0 33px 0;
line-height: 16px;
font-size: 1.1em;
}

div#txtdienstcms{
background: url(afbeeldingen/dienstcmsbg.jpg) no-repeat 0 0;
padding: 10px;
width: 594px;
height: 358px;
float: left;
margin: 0 0 33px 0;
line-height: 16px;
font-size: 1.1em;
}

.dienstklein{
width: 162px;
height: 117px;
float: left;
margin-bottom: 14px;
}

.dienstkleintotaal{
width: 338px;
height: 393px;
float: left;
margin-right: 48px;
}

.dienstenspacekleinverticaal{
width: 14px;
float: left;
}

.dienstendownleftklein{
width: 14px;
height: 30px;
background: url(afbeeldingen/smalldownleft.jpg) 0 0 no-repeat;
float: left;
margin-top: 87px;
}

.dienstendownrightklein{
width: 14px;
height: 30px;
background: url(afbeeldingen/smalldownright.jpg) 0 0 no-repeat;
float: left;
margin-top: 87px;
}

.dienstendownklein{
width: 134px;
height: 28px;
background: #5A328B;
float: left;
border-top: 1px solid white;
border-bottom: 1px solid #666666;
margin-top: 87px;
}

a.dienstenklein{
width: 162px;
height: 117px;
color: #FFFFFF;
font-size: 1.2em;
line-height: 28px;
text-decoration: none;
float: left;
}

.dienstenklein{
width: 162px;
height: 117px;
color: #FFFFFF;
font-size: 1.2em;
line-height: 28px;
text-decoration: none;
float: left;
}


/*
a.webklein:link, a.webklein:visited{
background: url(afbeeldingen/smallweb.jpg) 0 0 no-repeat;
}

a.webklein:hover, a.webklein:active{
background: url(afbeeldingen/smallweb2.jpg) 0 0 no-repeat;
}

.websiteActive{
background: url(afbeeldingen/smallweb2.jpg) 0 0 no-repeat;	
}

a.graphicklein:link, a.graphicklein:visited{
background: url(afbeeldingen/smallgraphic.jpg) 0 0 no-repeat;
}

a.graphicklein:hover, a.graphicklein:active{
background: url(afbeeldingen/smallgraphic2.jpg) 0 0 no-repeat;
}

.grafischActive{
background: url(afbeeldingen/smallgraphic2.jpg) 0 0 no-repeat;	
}

a.adviceklein:link, a.adviceklein:visited{
background: url(afbeeldingen/smalladvice.jpg) 0 0 no-repeat;
}

a.adviceklein:hover, a.adviceklein:active{
background: url(afbeeldingen/smalladvice2.jpg) 0 0 no-repeat;
}

.adviesActive{
background: url(afbeeldingen/smalladvice2.jpg) 0 0 no-repeat;	
}

a.seoklein:link, a.seoklein:visited{
background: url(afbeeldingen/smallseo.jpg) 0 0 no-repeat;
}

a.seoklein:hover, a.seoklein:active{
background: url(afbeeldingen/smallseo2.jpg) 0 0 no-repeat;
}

.seoActive{
background: url(afbeeldingen/smallseo2.jpg) 0 0 no-repeat;	
}

a.fotoklein:link, a.fotoklein:visited{
background: url(afbeeldingen/smallfoto.jpg) 0 0 no-repeat;
}

a.fotoklein:hover, a.fotoklein:active{
background: url(afbeeldingen/smallfoto2.jpg) 0 0 no-repeat;
}

.fotografieActive{
background: url(afbeeldingen/smallfoto2.jpg) 0 0 no-repeat;	
}

a.cmsklein:link, a.cmsklein:visited{
background: url(afbeeldingen/smallcms.jpg) 0 0 no-repeat;
}

a.cmsklein:hover, a.cmsklein:active{
background: url(afbeeldingen/smallcms2.jpg) 0 0 no-repeat;
}

.mycnnctActive{
background: url(afbeeldingen/smallcms2.jpg) 0 0 no-repeat;	
}
*/


/****************************************************** EINDE DIENSTEN OPMAAK ******************************************/

/****************************************************** CNNCT OPMAAK ******************************************/
div#txtcnnct{
width: 341px;
float: left;
margin-right: 33px;
line-height: 16px;
font-size: 1.1em;
}

#boxTopCnnct{
	background-image: url(afbeeldingen/boxTopMycnnct.jpg);
	height: 16px;
	width: 618px;
	float:right;
}
#boxContentCnnct{
	border-left: solid 1px #aaa9a9;
	border-right: solid 1px #aaa9a9;
	width: 616px;
	height: auto;
	float:right;

}
#boxDownCnnct{
	background-image:url(afbeeldingen/boxDownMycnnct.jpg);
	height:16px;
	width:618px;
	float:right;
}

/***** TABEL OPMAAK *****/
#tblCnnct{
	width:100%;
	margin:0px;
	padding:0px;	
}

.tbl_center {
	text-align:center;
}

.tbl_left{
	text-align:left;
}

#tblCnnct tr:hover{
	background-color:#eceaea;
}

#tblCnnct th{
	border-bottom:solid 1px #aaa9a9;
	padding-left:10px;
	padding-right:10px;
}

#tblCnnct td{
	border-bottom:solid 1px #aaa9a9;
	padding:0px;
	margin:0px;
}

#tblCnnct td a{
	border:none;
}

#tblCnnct p{
	padding-left:10px;
	font-size: 1.1em;
}




/***** EINDE TABEL OPMAAK *****/

#readers{
	color:#5B308C;
	font-size:14px;
	padding-left:10px;
}