body
	{
	margin:0px;
	padding:0px;
	background:url(../images/main-bg.gif) repeat-x #ffffff;
	font:12px/20px Arial, Helvetica, sans-serif;
	color:#505050;
	}

img
	{
	border: 0px;
	}

a:link, a:active, a:visited
	{
	text-decoration:underline;
	color:#0077c9;
	}
a:hover
	{
	text-decoration:none;
	color:#0077c9;
	}

h1, h2, h3, h4, h5, h6, form, ul, li, p
	{
	margin:0px;
	padding:0px;
	}

h1
	{
	padding:14px 0px;
	font-size:22px;
	font-weight:normal;
	}
h1.blue
	{
	font-size:16px;
	color:#02649e;
	font-weight: bold;
	padding: 0;
	margin: 0;
	}
h2
	{
	
	font-size:16px;
	/*color:#0058aa;*/
	color:#02649e;
	}
h3
	{
	color:#093e70;
	font-size:15px;
	}

h4
	{
	font-size:16px;
	color:#505050;
	}
	
.style1 {font-size: 12px}
.style2 {
	font:14px Arial, Helvetica, sans-serif;
	color:#757575;
	}
.style3 {
	font:15px Arial, Helvetica, sans-serif;
	color:#02649e;
	font-weight:bold;
	}
.style4 {
	color:#fe6600;
	}

input, select, textarea
	{
	font:12px Arial, Helvetica, sans-serif;
	color:#333333;
	}

#lsthoe
	{
	width: 240px;
	}

#container
	{
	width:864px;
	margin:auto;
	position:relative;
	padding-top:110px;
	}

#header
	{
	width:832px;
	height:85px;
	padding:25px 16px 0px 16px;
	background:	url(../images/header-bg.jpg) no-repeat;
	position:absolute;
	top:0px;
	left: 0;
	}

#logo
	{
	float:left;
	width:203px;
	}

.lang-section
	{
	float:right;
	background:url(../images/lang-bg.gif);
	width:128px;
	padding:8px 10px 0px 0px;
	height:20px;
	text-align:right;
	font:10px verdana, Arial, Helvetica, sans-serif;
	color:#586165;
	}
.lang-section span
	{
	padding:0px 3px;
	}
.lang-section a:link, .lang-section a:visited, .lang-section a:active
	{
	color:#586165;
	text-decoration:none;
	}
.lang-section a:hover
	{
	color:#5fa4c4;
	}

#topnav
	{
	float:right;
	width:532px;
	margin:12px 0px 0px 0px;
	background:url(../images/main-navigationbg.gif) repeat-x;
	}
#topnav li
	{
	float:left;
	font-weight:bold;
	list-style-type:none;
	font-size:14px;
	text-transform:uppercase;
	}
#topnav a:link, #topnav a:active, #topnav a:visited
	{
	float:left;
	text-decoration:none;
	padding:9px 13px 10px 13px;
	}
#topnav a:hover
	{
	color:#fe6600;
	}
#topnav .activenavtop a:link, #topnav .activenavtop a:visited, #topnav .activenavtop a:active
	{
	color:#fe6600;
	}
#topnav .offerte a:link, #topnav .offerte a:visited, #topnav .offerte a:active
	{
	text-decoration:underline;
	}
/*color:#66bf00; */
#content-container
	{
	clear:both;
	width:832px;
	padding:0px 16px 20px 16px;
	float:left;
	background:url(../images/content-container-bg.png);
	}
#content-inside
	{
	position:relative;
	width:832px;
	}

.welcome-block
	{
	float:left;
	width:588px;
	margin:219px 0 9px
	}
.welcome-block-txt
	{
	color:#505050;
	padding:6px 10px 0px 10px;
	font-size:13px;
	line-height:19px;
	width:560px;
	background:url(../images/welcome-mid-bg.gif) repeat-x bottom;
	border-left:1px solid #e2e2e2;
	border-right:1px solid #e2e2e2;
	}

.rqt-blk
	{
	float:right;
	background:url(../images/req-blk-bg.gif) no-repeat;
	height:308px;
	width:219px;
	padding:0px 11px;
	margin:219px 0 9px
	}
.rqt-blk h3
	{
	text-transform:uppercase;
	padding:14px 0px 12px 52px;
	}
.rqt-blk label
	{
	float:left;
	text-align:right;
	width:55px;
	padding:0px 7px 0px 0px;
	}
.rqt-blk input
	{
	margin:0px 0px 3px 0px;
	float:left;
	background:url(../images/input-bg.gif);
	border:1px solid #e1e1e1;
	padding:4px 5px;
	width:145px;
	}
.rqt-blk textarea
	{
	margin:0px 0px 8px 0px;
	float:left;
	background:url(../images/textarea-bg.gif) repeat-x bottom #fff;
	border:1px solid #e1e1e1;
	padding:4px 5px;
	width:208px;
	height:60px;
	}
.rqt-blk .chkinput
	{
	float:left;
	background:none;
	border:0px solid #e1e1e1;
	padding:0px;
	width:20px;
	}
.ser-mid-txt a {
	color:#505050;
	text-decoration:none
	
	
}
.ser-mid-txt
	{
	border-left:1px solid #e2e2e2;
	border-right:1px solid #e2e2e2;
	float:left;
	width:806px;
	padding:0px 12px;
	font-size:13px;
	color:#505050;
	background:url(../images/ser-bg.gif) repeat-x #f1f1f1;
	}
.ser-mid-txt h1
	{
	padding-top:5px;
	padding-bottom:5px;
	}

.webdesign-blk
	{
	float:left;
	width:240px;
	padding-right:10px;
	background:url(../images/website-design-bg.gif) no-repeat;
	}
.webdesign-blk ul
	{
	padding:18px 0px 10px 14px;
	}
.webdesign-blk li
	{
	list-style-type:none;
	padding-bottom:5px;
	}

.webdevelop-blk
	{
	float:left;
	width:246px;
	padding-right:10px;
	background:url(../images/web-development-bg.gif) no-repeat;
	}
.webdevelop-blk ul
	{
	padding:18px 0px 10px 14px;
	}
.webdevelop-blk li
	{
	list-style-type:none;
	padding-bottom:5px;
	}

.varia-blk
	{
	float:left;
	width:240px;
	padding-right:10px;
	background:url(../images/varia-bg.gif) no-repeat;
	}
.varia-blk ul
	{
	padding:18px 0px 10px 14px;
	}
.varia-blk li
	{
	list-style-type:none;
	padding-bottom:5px;
	}

.ser-divider
	{
	background:url(../images/divider.gif) no-repeat center;
	float:left;
	width:24px;
	height:190px;
	}

.btt-grey
	{
	float:left;
	background:url(../images/bottom-section-bg.gif) no-repeat;
	width:241px;
	height:186px;
	margin-top:9px;
	padding:10px 15px;
	}	
.btt-grey ul {
	list-style-type: none;
	background:url(../images/green-arrow.gif) no-repeat 0px 5px;
	}
.btt-grey li {
	padding-bottom: 5px;
	padding-left: 12px;
}
.btt-grey h2
	{
	color:#505050;
	padding:0px 0px 15px 20px;
	}
.btt-grey p
	{
	padding:0px 0px 10px 0px;
	}

.marrgt
	{
	margin-right:9px;
	}
.marlft
	{
	padding-left:80px;
	}
.carbg
	{
	background:url(../images/bottom-section-bg-rgt.gif) no-repeat;
	}
.clrbth
	{
	clear:both;
	}
.fltlft
	{
	float:left;
	}
	
.topleft
	{
	position:absolute;
	left:0;
	top:0
	}
.fltrgt
	{
	float:right;
	text-align: right;
	}

.txtsml
	{
	font-size:11px;
	}

.txtblue
	{
	color:#02649e;
	}
.txtgreen
	{
	color:#66bf00;
	}
.greytxt
	{
	color:#a5a5a5;
	}
.txtred
	{
	color:#ff0000;
	}

.txtblk
	{
	color:#505050;
	}

#footer
	{
	float:left;
	width:828px;
	background:url(../images/footerbg.jpg) no-repeat;
	height:75px;
	padding:10px 18px;
	font-size:11px;
	color:#a5a5a5;
	}
.footerlink
	{
	font-size:12px;
	text-align:center;
	/*color:#3e4a54;*/
	color:#757575;
	padding-bottom:25px;
	}
.footerlink a:link, .footerlink a:visited, .footerlink a:active
	{
	color:#757575;
	text-decoration:none;
	}
.footerlink a:hover
	{
	text-decoration:underline;
	}
.footerlink span
	{
	padding:0px 15px;
	}
.copy a:link, .copy a:visited, .copy a:active
	{
	color:#a5a5a5;
	}
.copy a:hover
	{
	text-decoration:none;
	}
	
.bottom
	{
	padding-top: 10px;
	}

.maintop
	{
	background:url(../images/main-topbg.jpg) center top no-repeat;
	}

.content-lftrgt-pannel
	{
	float:left;
	width:832px;
	background:url(../images/inner-lftrgt-bgcuv.gif) repeat-y right;
	margin:219px 0 0;
	}
#content-container .content-contact-pannel
	{
	margin-top: 10px;
	}

.lftrgt-pannel-bottom
	{
	background:url(../images/grad-bg-lftrgt.gif) no-repeat bottom left;
	float:left;
	width:832px;
	}

.inner-lftpnnl
	{
	float:left;
	width:245px;
	}
.inner-lftpnnl-txt
	{
	padding:0px 10px;
	float:left;
	width:225px;
	color:#505050;
	}
.inner-lftpnnl-txt p
	{
	padding:15px 0px 0px 0px;
	font-size:13px;
	}

.inner-rgtpnnl
	{
	float:right;
	width:578px;
	}
.bluetab
	{
	background:#ffffff;
	float:left;
	width:578px;
	}
.bluetab li
	{
	display:inline;
	font:bold 15px Arial, Helvetica, sans-serif;
	list-style-type:none;
	}
.bluetab li a:link, .bluetab li a:visited, .bluetab li a:active
	{
	float:left;
	color:#505050;
	text-decoration:none;
	background:url(../images/blue-tab-lft-nor.gif) no-repeat left top;
	padding:0px 0px 0px 10px;
	}
.bluetab li a:link span, .bluetab li a:visited span, .bluetab li a:active span
	{
	cursor:pointer;
	float:left;
	background:url(../images/blue-tab-rgt-nor.gif) no-repeat right top;
	padding:8px 13px 6px 3px;
	}
.bluetab li a:hover
	{
	color:#FFFFFF;
	background:url(../images/blue-tab-lft.gif) no-repeat left top;
	}
.bluetab li a:hover span
	{
	background:url(../images/blue-tab-rgt.gif) no-repeat right top;
	}
.bluetab li.blue-activenav a:link, .bluetab li.blue-activenav a:visited, .bluetab li.blue-activenav a:active
	{
	color:#FFFFFF;
	background:url(../images/blue-tab-lft.gif) no-repeat left top;
	}
.bluetab li.blue-activenav a:link span, .bluetab li.blue-activenav a:visited span, .bluetab li.blue-activenav a:active span
	{
	background:url(../images/blue-tab-rgt.gif) no-repeat right top;
	}

.contactform
	{
	float:left;
	width:548px;
	color:#505050;
	padding:0px 10px 0px 20px;
	}
.contactform label
	{
	float:left;
	font-size:12px;
	color:#505050;
	width:114px;
	padding:2px 0px 0px 0px;
	}
.contactform input
	{
	margin:0px 0px 10px 0px;
	float:left;
	background:url(../images/input-bg.gif) repeat-x bottom #ffffff;
	border:1px solid #e1e1e1;
	padding:4px 5px;
	width:228px;
	}
.contactform select
	{
	margin:0px 0px 10px 0px;
	float:left;
	width:249px;
	}
.contactform textarea
	{
	margin:0px 0px 10px 0px;
	float:left;
	background:url(../images/textarea-bg-contactpage.gif) repeat-x bottom #ffffff;
	border:1px solid #e1e1e1;
	padding:4px 5px;
	width:228px;
	height:80px;
	}
.contactform .chkinput
	{
	float:left;
	margin:0px 0px 10px 0px;
	background:none;
	border:0px;
	padding:0px;
	width:20px;
	}

.rgt-content-com
	{
	float:left;
	width:538px;
	font:13px/18px Arial, Helvetica, sans-serif;
	padding:8px 20px 0px 20px;
	color:#505050;
	}
.rgt-content-com .small
	{
	font-size:11px;
	}
.rgt-content-com p
	{
	padding:0px 0px 14px 0px;
	}
.rgt-content-com li, .rgt-content-com ul
	{
	margin:0px 0px 0px 10px;
	}

.servnav
	{
	padding:0px 10px;
	float:left;
	width:225px;
	}
.servnav h3
	{
	color:#505050;
	padding:10px 0px 9px 45px;
	background:url(../images/website-design-heading-bg.gif) no-repeat;
	}
.servnav ul
	{
	padding:10px 0px 28px 0px;
	}
.servnav li
	{
	list-style-type:none;
	padding:0px 0px 5px 10px;
	}
.servnav li a:link, .servnav li a:visited, .servnav li a:active
	{
	text-decoration:none;
	color:#0077c9;
	}
.servnav li a:hover
	{
	text-decoration:underline;
	color:#0077c9;
	}
.servnav .active a:link, .servnav .active a:visited, .servnav .active a:active, .servnav .active a:hover
	{
	text-decoration:underline;
	}
.port-heading
	{
	margin:10px 0px 0px 0px;
	float:left;
	padding:8px 0px 8px 35px;
	width:797px;
	background:url(../images/portfolio-heading-bg.gif) no-repeat;
	}

.port-content-pnnl
	{
	float:left;
	width:800px;
	padding:10px 15px;
	border-left:1px solid #e2e2e2;
	border-right:1px solid #e2e2e2;
	background:url(../images/grad-com-port.gif) repeat-x bottom;
	}

.port-content-pnnl2
	{
	float:left;
	width:600px;
	padding:10px 115px;
	border-left:1px solid #e2e2e2;
	border-right:1px solid #e2e2e2;
	background:url(../images/grad-com-port.gif) repeat-x bottom;
	}
	
.port-content-pnnl3
	{
	float:left;
	width:600px;
	font:bold 18px Arial, Helvetica, sans-serif;
	color:#fe6600;
	padding:180px 115px;
	}
	
.port-content-pnnl div.quotebox {
	float: right; 
	width:430px;
	color:#505050;
	padding:10px 200px;
	margin-top: 10px;
	margin-bottom: 25px;
}

.port-content-pnnl img.quoteimgleft {
	float: left; 
	margin: -10px 10px 0px -50px; 
	padding: 0px;

}

.port-content-pnnl img.quoteimgright {
	float: right; 
	margin: -10px -50px 0px 15px;  
	padding: 0px;
}

.port-content-pnnl div.intro {
	float: right; 
	width:630px;
	color:#505050;
	padding:10px 100px;
	margin-top: 10px;
}

.port-toplft
	{
	float:left;
	background:url(../images/portfolio-lfttop-bg.gif) no-repeat;
	width:217px;
	height:180px;
	padding:15px;
	}
.port-toplft h3
	{
	background:url(../images/arrow-blue.gif) no-repeat;
	padding-left:20px;
	font-family: Arial, Helvetica, sans-serif;
	color: #0077c9;
	}
.port-toplft h3 a:link, .port-toplft h3 a:active, .port-toplft h3 a:visited
	{
	text-decoration:none;
	}
.port-toplft ul
	{
	padding:5px 0px 15px 25px;
	}
.port-toplft li
	{
	color:#0c9fc4;
	list-style-type:none;
	}
.leesverder
	{
	text-align:right;
	font-size:11px;
	line-height:20px;
	float:right;
	}
.leesverder a:link, .leesverder a:visited, .leesverder a:active
	{
	background:url(../images/btn-lees-bg.gif) no-repeat;
	width:79px;
	height:20px;
	float:right;
	padding-right:8px;
	color:#0077c9;
	text-decoration:none;
	}
.leesverder a:hover
	{
	color:#0061a3;
	background:url(../images/btn-lees-bg-over.gif) no-repeat;
	}

.conbtn-style
	{
	float:left;
	}
.conbtn-style a:link, .conbtn-style a:active, .conbtn-style a:visited
	{
	float:left;
	background:url(../images/btn-verstuur-bg.gif) no-repeat;
	font:bold 12px Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#FFFFFF;
	width:77px;
	height:21px;
	text-align:center;
	padding:3px 0px 0px 0px;
	}
.conbtn-style a:hover
	{	
	background:url(../images/btn-verstuur-bg-over.gif) no-repeat;
	}

.flashheader-home
	{
	float:right;
	width:578px;
	height:210px;
	color:#505050;
	font:12px Arial, Helvetica, sans-serif;
	line-height:15px;
	top:0;
	right:0;
	position:absolute
	}
.flashheader-home li
	{
	list-style-type:none;
	padding-bottom:5px;
	background:url(../images/arrow-blue.gif) no-repeat;
	padding-left:18px;
	}
.flashheader-home p
	{
	padding-bottom:5px;
	}
#flash-head1
	{
	background:url(../images/flash-banner.jpg) no-repeat;
	width:378px;
	height:135px;
	padding:75px 25px 0px 175px;
	}
#flash-head2
	{
	background:url(../images/flash-banner2.jpg) no-repeat;
	width:378px;
	height:135px;
	padding:75px 25px 0px 175px;
	}
#flash-head3
	{
	background:url(../images/flash-banner3.jpg) no-repeat;
	width:378px;
	height:135px;
	padding:75px 25px 0px 175px;
	}
#warning
	{
		font-weight:bold;
		color:#CC0000;
	}
.formlabels
	{
	
	clear:left;
	padding:0px;
	padding-top:0px;
	padding-bottom:0px;
	}

.reportErr
	{
		font-size: 10px;
		color:#f00;
		margin-left:363px;
	}
.clrlft
	{
	clear:both;
	}

.headerrgt
	{
	
	width:578px;
	position:absolute;
	right:0;
	top:0;
	}
	
/*-------------- Portfolio -------------*/

.highslide-container div {
	font-family: Verdana, Helvetica;
	font-size: 10pt;
}
.highslide-container table {
	background: none;
}
.highslide {
	outline: none;
	text-decoration: none;
}
.highslide img {
	border: 0px;
}
.highslide:hover img {
	border-color: gray;
}
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide-gallery .highslide-active-anchor img {
	border-color: black;
	visibility: visible;
	cursor: default;
}
.highslide-image {
	border-width: 2px;
	border-style: solid;
	border-color: white;
	background: gray;
}
.highslide-wrapper, .highslide-outline {
	background: white;
}
.glossy-dark {
	background: #111;
}

.highslide-image-blur {
}
.highslide-number {
	font-weight: bold;
	color: gray;
	font-size: .9em;
}
.highslide-caption {
	display: none;
	font-size: 1em;
	padding: 5px;
	/*background: white;*/
}
.highslide-heading {
	display: none;
	font-weight: bold;
	margin: 0.4em;
}
.highslide-dimming {
	position: absolute;
	background: black;
}
a.highslide-full-expand {
   background: url(../js/graphics/fullexpand.gif) no-repeat;
   display: block;
   margin: 0 10px 10px 0;
   width: 34px;
   height: 34px;
}
.highslide-loading {
	display: block;
	color: black;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	padding: 3px;
	border: 1px solid white;
	background-color: white;
	padding-left: 22px;
	background-image: url(../js/graphics/loader.white.gif);
	background-repeat: no-repeat;
	background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
	padding: 2px;
	color: silver;
	text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
	color: white;
	background-color: gray;
}
.highslide-move, .highslide-move * {
	cursor: move;
}

.highslide-viewport {
	display: none;
	visibility: hidden;
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: none;
	left: 0;
	top: 0;
}
.highslide-overlay {
	display: none;
}
.hidden-container {
	display: none;
}
/* Example of a semitransparent, offset closebutton */
.closebutton {
	position: relative;
	top: -15px;
	left: 15px;
	width: 30px;
	height: 30px;
	cursor: pointer;
	background: url(../js/graphics/close.png);
	/* NOTE! For IE6, you also need to update the highslide-ie6.css file. */
}
.caption {
	font-size: 10px;
}

#topnav ul {
	padding-left:7px;
	
}