body,html {
		margin:0px;
		padding:0px;
		background:#565656;
		text-align:center;
		background-image: url(../images/bg.gif);
		background-repeat: repeat-y;
		background-position: top center;
font-size: 12px;
font-family:  Verdana, Arial, sans-serif, Helvetica;	
line-height:16pt;
color: #000000;
		}
	
	#frame {
		width:980px;
		margin-right:auto;
		margin-left:auto;
		height:100%;
		margin-top:0px;
		background:ffffff;
		padding:0px;
		position:relative;
		text-align:left;
		}
	
	#content
	{
	background:#ffffff;
	float:left;
	width:980px;
	}
	
.social
{
float:right;
padding:5px 0px 0px 5px;
}

.blok
{
width:550px;
margin-bottom:10px;
float:left;
}

.blok_package
{
width:176px;
height:340px;
margin-right:10px;
float:left;
	background-image: url(../images/blokjes/package.png);
		background-repeat: none;
}

.blok_package H2
{
position:absolute;
width:156px;
padding: 5px 10px 0px 10px;
line-height:20px;
color: #005c6a;
font-size:14px;
}

.blok_package .txt
{
position:absolute;
width:156px;
padding: 0px 10px 0px 10px;
margin-top:145px;
line-height:15px;
color: #ffffff;
font-size:12px;
}

.blok_package .bestelbutton
{
position:absolute;
width:125px;
margin-top:298px;
margin-left:25px;
line-height:16px;
color: #000000;
font-size:12px;
}

.blok_package .prijs
{
position:absolute;
width:140px;
text-align:right;
margin-top:100px;
margin-left:25px;
line-height:16px;
color: #ff0000;
font-weight:bold;
font-size:35px;
}

.blok_link
{
width:176px;
height:196px;
position:absolute;
z-index:10;
}


#contentcenter {
width:655px;
padding:0px;
float:left;
overflow:auto;
background:#ffffff;
	}
	

H1
{
font-size: 18px;
font-weight:bold;
font-family:  Verdana, Arial, sans-serif, Helvetica;	
color: #1e5276;
padding-bottom:15px;
}

H2
{
font-size: 12px;
font-weight:bold;
font-family:  Verdana, Arial, sans-serif, Helvetica;	
color: #1e5276;
padding-bottom:15px;
}
	
#kop
{
width:980px;
height:200px;
color:#ffffff;
background: #00788a;
float:left;	
}

#kop H1
{
color: #bdbebf;
}

#kopklik
{
position:absolute;
margin-top:35px;
right:15px;
display:block;
text-align:right;
z-index:100;
}

#kop .blok
{
width:980px;
height:200px;
float:left;	
background-image: url(../images/backgroundkop.png);
background-repeat: none;
color #ffffff;
line-height:20px;
font-size:12px;
}

#kop .blok .step
{
width:490px;
height:200px;
float:left;
}

#kop .blok .step .foto
{
width:200px;
height:200px;
text-align:center;
line-height:200px;
float:left;
}

#control { margin: 0px; position: relative; }
#control li { float: left; list-style: none; }
#control a { margin: 0px; padding: 0px 3px 2px 0; font-size:20px; color:#ffffff; text-decoration: none; line-height:35px;}
#control li.activeSlide a { color: #ffffff; font-size:30px; line-height:35px; }
#control a:focus { outline: none; }

#kop .blok .step .foto img {
    vertical-align: middle;
}

#kop .blok .step .foto span {
    display: inline-block;
    height:100px;
}

#kop .blok .step .textvak
{
width:270px;
margin: 10px 10px 10px 10px;
height:285px;
color #ffffff;
float:left;
}

#kop .blok .step .textvak H1
{
padding:5px 0px 10px 0px;
margin:0px;
font-size:18px;
color #ffffff;
font-weight:bold;
}

#kop .leesmeer
{
border:1px solid #01505c;
padding:5px;
font-size:11px;
line-height:13px;
width:80px;
position:absolute;
margin-top:150px;
margin-right:100px;
color: #01505c;
background: #ffffff;
}



#txt
{
width:890px;
float:left;
margin:0;
padding:0;	
}

#contentright {
width:200px;
padding:0px;
float:left;
overflow:auto;
background:#cccc;
background-image:url(../images/backright.jpg);
background-repeat: repeat-x;
	}
	
#contentleft {
width:325px;
height:100%;
padding:0px;
float:left;
overflow:none;
background:#ffffff;
background-image:url(../images/backright.jpg);
background-repeat: repeat-x;
	}
	
#contentportfolio {
width:390px;
padding:0px;
float:left;
overflow:auto;
background:#ffffff;
	}	
	
#contentheader {
		margin:0px;
		float:left;
		}
	
#contenttop {
		width:980px;
		height:100px;
		background-image: url(../images/achtergrondtitel.jpg);
		background-repeat: no-repeat;
		float:left;
		}
	
#navigatieheader {
		background:#fff;
		margin:0px;
		}
	
#contentfooter {
		background:#005c6a;
		margin:0;
		width:100%;
		font-size: 12px;
		color:#ffffff;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		overflow:auto;
		float:left;
		border-bottom	: 1px solid #e4e4e4; 
}
.footerleft
{
padding-left:20px;
line-height:25px;
font-family: Verdana, Arial, Helvetica, sans-serif;
overflow:auto;
float:left;
color:#ffffff;
font-size: 11px;
}


#navigatie
{
color 	: #005c96;
height:35px;
width:980px;
float:left;
	background-image:url(../images/backmenu.png);
	background-repeat: repeat-x;
	border-top: 1px solid #00788a;
}



#jsddm
{	margin: 0;
	padding: 0;
	width:980px;	
	}
	
	#jsddm li
	{	
	 display 		: block;
	 float: left;
		list-style: none;
		font: 12px Tahoma, Arial}

	#jsddm li a
	{	display 		: block;
				height 			: 35px;
				text-align 		: left;
				line-height: 35px;
				width:92px;
				padding-right:5px;
				padding-left:10px;
				background: #cacaca;
				color:#005c6a;
				background-image:url(../images/backmenu.png);
				background-repeat: repeat-x;
				font-size: 13px;
				font-family:  Verdana, Arial, sans-serif, Helvetica;	
				
				text-decoration	: none;
				padding-top 	: 0px;
				
				border-right: 1px solid #00788a;
				margin 			: 0 0px 0 0px;
				}

	#jsddm li a:hover
	{	
	 
				background: #ffffff;
				color:#000000;
				background-image:url(../images/backmenu_over.png);
				background-repeat: repeat-x;
	 }
		
		#jsddm li ul
		{	margin: 0;
			padding: 0;
			position: absolute;
			z-index:100;
			visibility: hidden;
		}
		
		#jsddm li ul li
		{	float: none;
			display: inline}
		
		#jsddm li ul li a
		{	
			
			display 		: block;
				height 			: 25px;
				text-align 		: left;
				line-height: 25px;
				padding-left:10px;
				width:115px;
				background: #cacaca;
				background-image:url(../images/backmenu.png);
				background-repeat: repeat-x;
				margin-bottom:3px;
				color:#1e5276;
				border:0px;
				font-size: 11px;
				font-family:  Verdana, Arial, sans-serif, Helvetica;	
				
				text-decoration	: none;
				padding-top 	: 0px;
				margin 			: 2px 0px 0px 0px;
		}
		
		#jsddm li ul li a:hover
		{	
		 
		 		background: #ffffff;
				background-image:url(../images/backmenu_over.png);
				background-repeat: repeat-x;
				color:#000000;}

.tabNavigation li { 
                                float: left; 
                                line-height: 22px;
								width:100px;
								height 			: 22px;
								text-align 		: center;
								background: #bebfc1;
                                color:#1e5276;
								font-size: 11px;
								border-bottom: 1px solid #bdbebf;
								font-family: Verdana, Arial, Helvetica, sans-serif;
								text-decoration: none;
                                list-style-type: none;
                        } 

  #whois { 
height:55px;
                        } 


                        #plesk { 
height:55px;
                        } 


                        #webmanager { 
height:55px;

                        } 


                        .clear { clear: both;} 


                        .containers { 


                         width: 250px; 


                        } 
                        .selected a { 
                         color:#000000;
						 font-size: 11px;
						 font-weight:bold;
						 font-family: Verdana, Arial, Helvetica, sans-serif;	                  
                        } 
                        
.texttabs
{
color:#000000;
padding-left:20px;
margin-top:10px;
font-size: 10px;
line-height: 14px;
color: #1e5276;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
	
			
			
#logo
{
height:100px;
width: 590px;
padding-top:0px;
padding-left:0px;
text-align:middle;
float:left;
}

#kopnavigatie
{
width:375px;
margin-right:15px;
height:100px;
text-align:right;
display:block;
float:right;
}

.kopstep
{
line-height:65px;
padding:5px;
float:left;
}
			
P
{
padding-bottom:10px;
}

.text
{
font-size: 12px;
font-family:  Verdana, Arial, sans-serif, Helvetica;	
color: #000000;
}

.nieuwsdatum
{
font-size: 8pt;
font-family:  Verdana, Arial, sans-serif, Helvetica;	
color: #1e5276;	
}


#padding
{
padding-top:15px;
padding-left:20px;
padding-right:20px;
padding-bottom:15px;
}

#paddingport
{
padding-top:15px;
padding-left:0px;
padding-right:0px;
padding-bottom:15px;
}

#padding UL
{
margin-left:20px;	
}

#padding span
{
margin-bottom:15px;	
}

#paddingnieuws
{
padding-top:15px;
padding-left:20px;
padding-right:10px;
}

.nieuws:link, .nieuws:visited, .nieuws:active { color: #000000; text-decoration: none; font-weight:normal; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:18px; display:block; background-image: url(../images/icoon/nieuws.gif); background-repeat:no-repeat; background-position:center left; padding:0 0 0 20px; margin-bottom:2px; }
.nieuws:hover { color: #1e5276; text-decoration: none; background-image: url(../images/icoon/nieuws_over.gif); margin-bottom:2px; }

.portfolio { min-height:175px; border-bottom:1px solid #000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:14px; margin-bottom:5px; margin-top:5px;padding:5px; }

.portfolio:hover { background:#f2f2f2; margin-bottom:5px; margin-top:5px; padding:5px; }

.quicklinks:link, .quicklinks:visited, .quicklinks:active { color: #000000; text-decoration: none; font-weight:normal; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:18px; display:block; background-image: url(../images/icoon/quicklinks.gif); background-repeat:no-repeat; background-position:center left; padding:0 0 0 20px; margin-bottom:2px; }
.quicklinks:hover { color: #1e5276; text-decoration: none; background-image: url(../images/icoon/quicklinks_over.gif); margin-bottom:2px; }

.adres
{
color: #000000; text-decoration: none; font-weight:normal; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:15px; display:block; padding:0 0 0 0px;
}

.portpic
{
margin-left: 0px;
}

.portkop
{
margin-left: 20px;
}

.porttext
{
margin-left: 20px;
}

.portitem {  
    height:  275px;  
    width:   390px;  
    padding: 0;  
    margin:  0;
} 

.pics {  
    height:  130px;  
    width:   890px;  
    padding: 0;  
    margin:  0;  
} 

#slideshow {  
    min-height:  450px;  
    width:   390px;  
    padding: 0;  
    margin:  0;
} 
 
.pics img {   
    background-color: #eee;  
    width:  890px; 
    height: 130px; 
    top:  0; 
    left: 0 
} 
pre{display:none;} 

.field{
color: #116983;
background: #cccccc;
border:1px solid #000000;
font-size: 11px;
font-family:  Verdana, Arial, sans-serif, Helvetica;	
}

.button{
color: #000000;
background: #ffffff;
border:1px solid #116983;
font-size: 12px;
font-family:  Verdana, Arial, sans-serif, Helvetica;	
}

.veld
{
color: #116983;
width:250px;
	font-size: 12px;
height:18px;
line-height:18px;
	border:1px solid #cccccc;
font-family:  Verdana, Arial, sans-serif, Helvetica;	
}

.offer
{
width:550px;
padding:0px;
float:left;
font-size: 12px;
line-height: 25px;
font-family:  Verdana, Arial, sans-serif, Helvetica;	
background:#ffffff;
}

.offertitel
{
width:550px;
padding:0px;
padding-left:3px;
float:left;
font-size: 12px;
line-height: 25px;
font-family:  Verdana, Arial, sans-serif, Helvetica;	
background-color:#e4e4e4;
}

.offerlinks
{
width:275px;
padding:0px;
padding-left:3px;
float:left;
font-size: 12px;
font-family:  Verdana, Arial, sans-serif, Helvetica;	
overflow:auto;
background:#ffffff;
}

.offerrechts
{
width:275px;
padding:0px;
float:left;
font-size: 11px;
font-family:  Verdana, Arial, sans-serif, Helvetica;	
overflow:auto;
background:#ffffff;
}

.textklein{
color: #000000;
	font-size: 10px;
font-family:  Verdana, Arial, sans-serif, Helvetica;	
}

a:link{
text-decoration: none;
color: #1e5276;
}

a:visited{
text-decoration: none;
color: #1e5276;
}

a:hover
{
text-decoration: none;
color: #cccccc;
}

.faqshow {
  width: 550px;
  padding:0px;
}
.faqshow h3 {
   margin: 0;
  background: #1f557b;
  border-bottom:1px solid #e4e4e4;
  color:#ffffff;
  cursor: pointer;
  padding-left:3px;
  font-size: 14px;
  font-weight:bold;
  line-height:25px;
font-family:  Verdana, Arial, sans-serif, Helvetica;	
}

.faqshow h4 {
   margin: 0;
  background: #e4e4e4;
  border-bottom:1px solid #1f557b;
  padding-left:3px;
  font-size: 12px;
  cursor: pointer;
  font-weight:bold;
  line-height:25px;
font-family:  Verdana, Arial, sans-serif, Helvetica;	
}
.faqshow div {
  padding-left:3px;
  font-size: 12px;
  line-height:18px;
font-family:  Verdana, Arial, sans-serif, Helvetica;	
}

.faqshow .faq1 {
padding:0;
}

.faqshow .faq2 {
padding:0;
}

.faqshow .faq3 {
padding:0;
}

.faqshow .faq4 {
padding:0;
}

#image_wrap {
	text-align:left;
	position:relative;
	float:left;
	z-index:1;
	width:625px;
		float:left;
	
	height:416px;
}

#image_wrap IMG
{
border:1px solid #ccc;
}

#imagenext
{
position:absolute;
margin-left:591px;
margin-top:180px;
z-index:100;
}

#imageprev
{
position:absolute;
margin-left:1px;
margin-top:180px;
z-index:100;
}


#projecten
{
width:625px;
height:416px;
margin-bottom:15px;
float:left;
}