/* Reset Sytles - http://meyerweb.com/eric/tools/css/reset/ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend
 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
:focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* opmaak ibiz.be  */

body {
	color: #666; 
	font-size: 75%; 
	font-family: "verdana", Helvetica Neue, Helvetica, Arial, sans-serif;
	line-height: 1.5;
	background: transparent;
}

h3,h4,h5,h6 {
	color: #45342f;
}

h1 span {
	font-weight: bold;
}

h3 span {
	font-weight: bold;
}

h4 span {
	font-size:0.9em;
}

h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
}

br.clear {
	clear: both;
}

div.fixed {
	width: 950px !important;
}

img {
	padding: 3px; 
	border: 0px;
}

img.ToonLinks {
	float: left; 
	margin: 0 0.3em 0.1em 0.5em; 
	padding: 5px; 
}

img.ToonRechts {
	float: right; 
	margin: 0 0.5em 0.1em 0.3em; 
	padding: 5px;
}

a {
	text-decoration: none; 
	color: #666;
}

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

ul.links {
	list-style: none;
}

ul.links li {
	line-height: 2.5em;
	background: url(common/dots.gif) repeat-x left bottom;
}

ul.links li.first {}

p {
	line-height: 1.8em;
}

/* Hoofding */

#header {
	width:100%; 
	height:80px; 
	background: #222;
}

#header_inner {
	position: relative; 
	width: 950px;
	height:80px; 
	margin: 0 auto;
}

/* Logo */

#logo {
	padding:0;
}

#logo h1 {
	display: inline; 
	color: #e5e5e7; 
	font-size: 3.5em;
	font-weight:bold;
	text-transform:capitalize; 
	margin:0;
	padding:0;
}

#logo h1 a {
	color: #fff;
}

#logo h1 a:hover {
	text-decoration:none;
	color: #fff;
}

#logo h2 {
	color: #999;  
	font-size: 1.2em; 
	position: absolute; 
	top:55px; 
	left:5px;
}

/* Menu */
	
#menu {
	position: absolute; 
	right: 0em; 
	bottom: 0em; 
}

#menu ul {
	list-style: none;
}

#menu li {
	float: left;
}

#menu li a {
	margin-left: 0.7em; 
	display: block; 
	padding: 1.1em 0.9em 1.0em 0.9em;   
	color: #999; 
	font-weight: bold; 
	font-size: 1.0em;  
	text-decoration: none;
	text-transform: uppercase;
}

#menu li a:hover { 
	color: #fff; 
	background-color:#111; 
	text-decoration:none; 
}

#menu li a.active { 
	background-color: #0abbd2;  
	color: #fff;
}


/* Scroll text blok */

#subheader {background: #0abbd2 url(common/transparant.png) repeat-x left top;height:220px;}

#subheader_inner { margin: 0 auto; width: 950px;height:200px; padding-top:10px;}

#subheader_inner p {color: #fff; margin:0;padding-top:1.3em; font-size:1.5em;}

#subheader_inner a {color: #d3f9ff;}

#subheader_inner a:hover {color: #fff;text-decoration:underline;}

#subheader_inner img {border:0; padding-top:1.3em;}

/* Featured hoofding */
.stepcarousel{
	position: relative; 
	border: 0px;
	overflow: scroll; 
	width: 940px; 
	height: 180px; 
}

.stepcarousel .belt{
	position: absolute; 
	left: 0;
	top: 0;
	background-color:#0abbd2;
}

.stepcarousel .panel{
	float: left; 
	overflow: hidden; 
	margin: 0 35px; 
	width: 880px; 
}


/* Main */

#main {background: #fff url(common/bg-main.gif) repeat-x left top; min-height:900px;}

#main-inner {}

#main_inner p {margin-bottom: 1em;}

#main_inner .details {background: url(common/dots.gif) repeat-x left top ; }



#main_inner .details ul {margin-bottom: 1.0em;}

#main_inner .details li a {color:#0abbd2;}

#main_inner .details li a:hover {text-decoration:underline;}


#main_inner .klokje	{background-image: url(common/klokje.gif); background-position: 5px 0px; background-repeat: no-repeat; padding-left: 25px;}

#main_inner .ballon	{background-image: url(common/ballon.gif); background-position: 0px 0px; background-repeat: no-repeat; padding-left: 20px;}

#main_inner {position: relative; width: 950px; margin: 0 auto; padding-top: 0px; padding-bottom:25px;}

#main_inner h3,h4 {position: relative; }

#main_inner h3 {color:#0abbd2;font-size: 1.8em; padding: 0 0 0.1em 0; margin: 0 0 0.5em 0;}

#main_inner h3 a {color:#0abbd2;}
#main_inner h3 a:hover {text-decoration:none;}

#main_inner h4 {font-size: 1.2em; color:#35302c; padding-bottom: 0.5em; margin-bottom: 1.3em; margin-top: 0.95em;}

#main_inner h5 {font-size: 2.0em; color: #363636; padding-top:0.5em; font-weight: bold;
	letter-spacing: -2px;margin-bottom: 0.5em;}

#main_inner table {margin-bottom: 1.5em; border-collapse: collapse;	text-align: left; width: 100%;}

#main_inner table tr.thead {color: #fff;	background: #f03b02 url('a8.gif') top left repeat-x;	border-right: solid 1px #fff; font-weight: bold; text-align: center; line-height: 2.5em; padding: 0.5em;}

#main_inner table td {padding: 0.5em;}

#main_inner table tr.rowA {	background: #F8F8F8 url('common/a6.gif') top left repeat-x;	border-top: solid 1px #fff; color: inherit;}

#main_inner table tr.rowB {background: #d9cece url('common/a7.gif') top left repeat-x;	border-top: solid 1px #fff; color: inherit;}

#main_inner table td {text-align: center;}

#main_inner table tr.rowA th {padding-left: 1.5em;	text-transform: uppercase;}

#main_inner table tr.rowB th {padding-left: 1.5em;	text-transform: uppercase;}


tbody tr.over td, tbody tr:hover td {
		background: #b8ffff;
background-image: url(common/shadow.png);
background-repeat: repeat-x;
color: #363636;

		}



tbody tr.over+tr td {

		background-repeat: repeat-x;
		}
		
tbody tr.over th, tbody tr:hover th {
		background: #b8ffff;
background-image: url(common/shadow.png);
background-repeat: repeat-x;
color: #363636;
cursor:auto;
		}

tbody tr.over th a, tbody tr:hover th a {
		
color: #fff;
		}
		
tbody tr.over+tr th {

		background-repeat: repeat-x;
		}		
#main_inner .article a {color:#0abbd2;}
#main_inner .article a:hover {text-decoration:underline;}
#main_inner .article {margin:10px 15px 0 15px;}
	
#main_inner .details {height:20px;margin:0; padding: 1.0em 0 0 0; list-style: none;}

#main_inner .details li {margin: 0px 5px 2px 0px;	display: inline;}

#main_inner .article .introduction {border-bottom: 1px solid #E4E4E4;	line-height: 20px;font-size: 115%;}
	
#main_inner .article .link {text-align: right;}
	
#main_inner .article .gallery {}
	
#main_inner .article .gallery img {border: 1px solid #EEEEEE; padding: 3px; margin: 3px;}	


/* Search */
input.contact{background: #f03c01; url('common/n3.gif') repeat-x; color: #fff; border: solid 1px #A94B4B;  height: 2.5em; cursor:hand; align:center;}

input.button {background: #cc0000; url('common/n3.gif') repeat-x; color: #fff; border: solid 1px #A94B4B; font-weight: bold; text-transform: lowercase;  height: 2.5em; cursor:hand;}

.dns {margin-left: 33px;}

input.text {border: solid 1px #F1F1F1; padding: 0.5em;}

input.text2 {border: solid 1px #ddd; padding: 0.5em; width:300px;font-size: 1.2em;}

input.whisper {border: none;width:25px;}

#search {position: relative; width: 100%; margin-bottom: 2.0em;}

#search input.text {position: absolute; top: 0em; left: 0em; width: 9.5em;}

#search input.button {position: absolute; top: 0em; right: 0em; min-width: 2.0em; max-width: 2.5em;}

/* LAYOUT - 3 COLUMNS */

	/* Primary content */
	
	#primaryContent_3columns
	{
	position: relative;
	margin-right: 33.2em;

	}
	
	#columnA_3columns
	{
	position: relative;
	float: left;
	width: 100%;
	margin-right: -33.2em;
	padding-right: 1em;
	margin-top:20px;
	}
	
	/* Secondary Content */
	
	#secondaryContent_3columns
	{
	float: right;
margin-top:13px;

	}
	
	#columnB_3columns
	{
	width: 13.5em;
	float: left;
	padding: 0em 1.5em 0.5em 2em;
	}
	
	#columnC_3columns
	{
	width: 14.5em;
	float: left;
	padding: 0em 0em 0.5em 1.5em;
	}

#columnC_3columns a {}


#websites_banner {height: 208px; margin-bottom: 2.0em;}	
#websites_banner img {border: 0px;}	


.linkerzijde {float: left; color:#ddd;}

.linkerzijde a {color:#fff;}

.linkerzijde a:hover{color:#cc0000;}


.rechterzijde {float: right;color:#ddd;}

.rechterzijde a {color:#fff;}

.rechterzijde a:hover{color:#cc0000;}

img.preview {float: left; margin-top: 0.2em;border:#ccc 5px solid; with:510px; margin-bottom: 15px;padding:0px; display:block;}

img.floatTR {float: right; margin-left: 1.0em; margin-top: 1.0em; padding:0px;}
img.floatTR-small {float: right; margin-left: 1.1em;margin-top: 0.6em;padding:0px;}

img.floatTL {float: left; margin-right: 1.5em; margin-bottom: 1.5em; margin-top: 1.0em;border:#ccc 5px solid;padding:0px;}


ul.links  li a {background-image: url(Icons/drukwerk.gif);	background-position: 0px 0px; background-repeat: no-repeat;	padding-left: 20px;	 text-transform: uppercase;}

ul.links  li a:hover {background-image: url(Icons/drukwerk2.gif);	background-position: 0px 0px; background-repeat: no-repeat;}


ul.links2 {list-style: none;}

ul.links2 li {line-height: 2em;}

ul.links2 li.first {}

ul.links2  li a	{font-size: 1.0em;}
	
ul.linksFeeds {list-style: none;}

ul.linksFeeds li {line-height: 2em;}

ul.linksFeeds li.first {}

ul.linksFeeds  li a	{background-image: url(Icons/rss.gif); background-position: 0px 0px; background-repeat: no-repeat; padding-left: 20px;}




		
input .text
{
border: solid 1px #333;
width: 260px;
font-size: 1.0em;
padding: 0.25em 0.25em 0.25em 0.25em;
background-color: #ec008c;
}


input .text2
{
border: solid 1px #333;
width: 450px;
font-size: 1.0em;
padding: 0.25em 0.25em 0.25em 0.25em;
background-color: #ec008c;
}

caption {

	font-size:1.2em;
	font-weight:bold;
	color: #333;
	text-align:left;
	margin:0;
	padding:0.5em 0.25em;


	}
	


textarea {width: 490px; height: 20em;border: solid 1px #ddd;

padding: 0.25em 0.25em 0.25em 0.25em;
overflow: hidden;}

input .domainName{
border: dotted 0px #e8e9e9;
font-size: 1.0em;
padding: 0.25em 0.25em 0.25em 0.25em;
background-color: #ccc;
}

.thumbnail
{
width: 160px;
float: left;
margin: 0.75em 0.75em 0.75em 0.75em;

}

ul.ontwerpers  li  {background-image: url(Icons/drukwerk.gif);	background-position: 0px 0px; background-repeat: no-repeat;	padding-left: 20px;	font-size: 1.0em;}




#columnA_3columns ol  {color:#999999;}

#columnA_3columns ol  li {margin-left:30px;}

#columnA_3columns ol  li a {line-height:2.2em; display:block;}

#columnA_3columns ol  li a:hover{}


#siteachtergrond {}

#zwevend
	{
	clear:both;
	width: 31.0em;
	float: left;
	padding: 0em 0.5em 0.5em 2em;

	}

#zwevend h2 {color:#2e001b;margin-top:5px;}


.vet {

font-weight:bold;
}

#secondaryContent_3columns h4  {font-size: 1.8em;text-transform: capitalize; color:#0abbd2;margin-bottom:0px; border:none;} 

#columnA_3columns ul.overzicht {padding-left:20px;margin-top:15px; list-style:disc; color:#f03b02;}

#columnA_3columns ul.overzicht li {
padding-left: 10px;	
font-size: 1.0em;
line-height:2.2em;}



.content {padding:15px;}

.box {
	margin-bottom:25px;
}

.lees-meer {float:right;
background-color:#f03b02; padding:5px;margin-bottom:10px;
}



.invulformulier, .domeinnaam-check {text-align:center;}

fieldset {
	background: #ecfdff;
	padding:10px;
	position:relative;

}




form {  
  font:100% verdana,arial,sans-serif;
  margin: 0;
  padding: 0;

}

form fieldset {
  / * clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
   
  margin: 0;

}

form fieldset legend {
	font-size:1.1em; 
                       
}

#front-contact fieldset {
	border:1px solid #0abbd2;
	padding:10px;
	position:relative;
	background:none;

}

#front-contact input {margin-bottom:0;}

form input {margin-bottom:10px;}
form label { 
	display: block;  
	float: left; 
	width: 125px; 
	padding: 0; 
	margin: 0 10px 0 0; 
	text-align: right; 
line-height:2.5em;
}




form input#reset {
	margin-left:0px; 
}

textarea { overflow: auto; }

form small {
	display: block;
	margin: 0 0 5px 160px; 
	padding: 1px 3px;
	font-size: 88%;
}

form .required{font-weight:bold;} 

form br {
	clear:left; 
}


#informatie-blok {margin-top:25px;border-top: 1px #0abbd2 solid; border-bottom: 1px #0abbd2 solid;background:#d3f9ff; height:270px;}

#informatie { margin: 0 auto; width: 950px;height:200px;}

#informatie p {color: #0abbd2; margin:0;padding-top:1.4em;}

#informatie h4  {font-size: 1.8em;text-transform: capitalize; color:#0abbd2;margin-bottom:10px; padding-top:15px;border:none;}

#informatie li a {text-transform: none;}
#info-links {
	width: 56%; 
	float:left;
}

#info-rechts {
	width: 40%; 
	float:right; 
	text-align:left;
}

#webdesign-blok {
	height:450px;
}

#webdesign h4  {
	font-size: 1.8em;
	text-transform: capitalize; 
	color:#0abbd2;
	margin-bottom:10px; 
	padding-top:15px;
	border:none;
}

#webdesign { 
	margin: 0 auto; 
	width: 950px;
	height:200px;
}

#webdesign li a {text-transform: none;}

#webdesign-links {
	width: 40%; 
	float:left;
}

#webdesign-rechts {
	width: 56%; 
	float:right; 
	text-align:left;
}

#webdesign-rechts .gallery {
	margin-top:5px;
}

#webdesign-rechts .gallery img {
	width:220px;
	border: 1px solid #f26619;
	padding: 5px;
	margin: 15px;
}
	
#credits-blok {
	margin:0; 
	background:#222; 
	height:4.5em;
}

#credits { 
	margin: 0 auto; 
	width: 950px;
	padding-top:1.5em;
}

#credits-links {
	width: 49%; 
	float:left;
}

#credits-rechts {
	width: 49%; 
	float:right; 
	text-align:right;
}

/* Footer */
#footer-blok {
	height:500px; 
	border-bottom: 1px #d3f9ff solid; 
	margin-top:25px; 
	background: #0abbd2 url(common/bg-contact.gif) no-repeat center top;
}

#footer {
	margin: 0 auto; 
	text-align: left; 
	clear: both;
	width: 950px;
	padding-top: 35px;
}

#footer h2
{
	color:#d3f9ff;
	font-size:2.0em;
	font-weight: bold;
	padding-top:25px;
}

.footer-links
{
color:#fff;
width:550px;
float:left;
text-align:left;
margin-bottom:40px;
}

.footer-rechts
{
text-align:justify;
width:375px;
float:right;
color:#d3f9ff;
margin-bottom:50px;
}


#front-contact input
{
border: solid 1px #ddd;
width:190px;
font-size: 1.2em;
padding: 0.50em;
vertical-align:middle;
}


#front-contact textarea
{
border: solid 1px #ddd;
height: 210px;
width: 500px;
padding: 0.50em;
font-size: 1.1em;
font-family: "verdana", Helvetica Neue, Helvetica, Arial, sans-serif;
	line-height: 1.2;
}
p#lelijkespambot{
  position: absolute;
  left:-2000px;
}