body, html {
	height: 100%; 
	width: 100%;	
	margin: 0px;
	padding: 0px;
	background-color: #eeeded;
	font-family: "Tahoma";
	font-size: 11px;
	color:#333333;
	vertical-align:top;
}
table, td, tr {
	vertical-align:top;
	}
p { 
	text-align:justify
	}
h1 {
	font: 12px Verdana; font-weight: bold
	}
.producten-pic-left {
	float: left;
	padding-right: 6px;
	padding-top: 5px
	}
.producten-pic-right {
	float: right;
	padding-left: 16px;
	padding-top: 40px;
	clear: both
	}
h2 {
	color: #666666;
	font-size: 16px;
	margin-bottom: 0px;
}
h3 {
	font-weight:bold;
	color: #dedede;
	font-size: 13px;
	margin-top: 0px
	}
a {
	color: #000000;
	text-decoration: none;
	}
a:hover {
	color: #000000;
	text-decoration: underline;
	}
a.blue, a:hover.blue {
	color: #50818C;
	text-decoration: none}
a:hover.blue {
	text-decoration: underline}
input, submit, textarea, reset {
	border: 1px solid #CCC;
	font-family: "Tahoma";
	font-size: 11px;
	color:#333333;
	}
.no-border, img{
	border: none
	}
ul {
	list-style-position: outside;
	list-style-type: none;
	}
.blue {
	color:#50818C; 
	font-weight: bold} 
.accent {font: x-small Verdana; color:#50818C; text-transform: uppercase; font-weight: bold} 
.left {text-align:left}

.spacer-port1, .spacer-port2, .spacer-port3 {
	vertical-align: top}
.spacer-port1 {
	width: 90px;
	}
.spacer-port2 {
	width: 220px;
	height: 40px
	}
.spacer-port3 {
	width: 130px;
	height: 130px; 
	}
/* ----------------------- CONTAINERS  ----------------------- */
#main, #top, #top-pic, #pic-onder, #content, #navigatie {
	width: 765px;
	height: auto;
	margin-right: auto;
	margin-left: auto;
}
#top {
	position: absolute;
	height: 26px;
	color: #b5aea4;
	font-size:10px;
}
#top-pic, #pic-onder {
	position: absolute;
	top: 26px;
	height: 131px;
	z-index: 10;
	background-image:url(images/pic_top.gif);
	background-repeat:no-repeat
}
#pic-onder {
	top: 374px;
	height: 17px;
	background-image:url(images/grijs_onder.gif);
}
#content {
	position: absolute;
	width: auto;
	height: inherit;
}
#navigatie {
	position: absolute;
	height: 233px;
	top: 157px;
	z-index:11;
}
#volgende {
	width: 85px;
	height: 25px;
	position: absolute;
	right: 28px;
	bottom: 20px;
	}
#vorige {
	width: 85px;
	height: 25px;
	position: absolute;
	left: 182px;
	bottom: 20px;
	}
#footer {
	text-align:center;
	padding-top: 5px
}	
/* ----------------------- CONTAINERS  ----------------------- */

/* ----------------------- NAVIGATIE TOP  ----------------------- */
	#top ul {
		margin: 0px;
		padding: 0px;
		list-style-position: outside;
		list-style-type: none;
	}
	#top ul li {
		float: left;
	}
	#top ul li a {
		text-decoration: none;
		font-weight: normal;
		color: #808080;
		display: block;
		padding-right: 0px;
		padding-left: 5px;
	}
	#top ul li a:hover {
		font-weight:normal;
		color: #000000;
	}
/* ----------------------- NAVIGATIE TOP  ----------------------- */

/* ----------------------- NAVIGATIE TOP-2  ----------------------- */
	#top-pic ul {
		position:absolute;
		margin: 0px;
		padding: 0px;
		bottom: 38px;
		left: 20px;
		list-style-position: outside;
		list-style-type: none;
	}
	#top-pic ul li {
		float: left;
	}
	#top-pic ul li a {
		text-decoration: none;
		font-weight: normal;
		color: #808080;
		display: block;
		padding-right: 0px;
		padding-left: 5px;
	}
	#top-pic ul li a:hover {
		font-weight:normal;
		color: #000000;
	}
/* ----------------------- NAVIGATIE TOP  ----------------------- */

/* ----------------------- NAVIGATIE LINKS  ----------------------- */
	#navigatie ul {
		font-family: Century Gothic, Verdana;
		font-size: 0pt;
		color: #0097b4;
		width: 213px;
		height: 217px;
		margin-left: -40px;
		padding-left: 40px;
	}
	#navigatie li {
		background-repeat:no-repeat;
		height: 31px;
	}
	#navigatie a {
		text-decoration: none;
		color: #0097b4;
		display: block;
		height: 28px;
		padding-top:3px
	}
	#navigatie .tools {
		height: 28px;
	}
	#navigatie .voorstelling a:hover, .webdesign a:hover, .webhosting a:hover, .drukwerk a:hover, .portfolio a:hover {	
		height: 28px;
		padding-top:3px;
		width: 213px;
		padding-left: -41px;
		background-repeat: no-repeat;
	}
	#navigatie .blank {
		background-image:url(images/bg_nav.gif)}
	#navigatie .blank2 {
		background-image:url(images/bg_nav2.gif)}

	#navigatie .voorstelling {
		background-image:url(images/bg_nav_voorstelling.gif)}
	#navigatie .voorstelling a:hover, #navigatie .voorstelling-activ {
		background-image:url(images/bg_nav_voorstelling_ho.gif)}
	#navigatie .webdesign {
		background-image:url(images/bg_nav_webdesign.gif)}
	#navigatie .webdesign a:hover, #navigatie .webdesign-activ {
		background-image:url(images/bg_nav_webdesign_ho.gif)}
	#navigatie .webhosting {
		background-image:url(images/bg_nav_webhosting.gif)}
	#navigatie .webhosting a:hover, #navigatie .webhosting-activ {
		background-image:url(images/bg_nav_webhosting_ho.gif)}
	#navigatie .drukwerk {
		background-image:url(images/bg_nav_drukwerk.gif)}
	#navigatie .drukwerk a:hover, #navigatie .drukwerk-activ {
		background-image:url(images/bg_nav_drukwerk_ho.gif)}
	#navigatie .portfolio {
		background-image:url(images/bg_nav_portfolio.gif)}
	#navigatie .portfolio a:hover, #navigatie .portfolio-activ {
		background-image:url(images/bg_nav_portfolio_ho.gif)}
/* ----------------------- NAVIGATIE LINKS  ----------------------- */


/* ----------------------- CONTENT ----------------------- */
#td-content {
	width: 453px;
	min-height: 410px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 8px;
	background-color: #FFFFFF
}
#td-content-left {
	width: 213px;
	background-image:url(images/bg_left.gif);
	background-repeat:no-repeat;
}
#td-content-right {
	width: 59px;
	background-image:url(images/bg_right.gif);
	background-repeat:no-repeat;
}
#teaser {
	position: absolute;
	width: 183px;
	height: auto;
	padding-top: 20px;
	padding-left: 15px;
}
#teaser a {
	text-decoration: underline;
}
#teaser .radio {
	border: none;
}
#webhosting td {
	text-align:center;
	border: 1px solid #666666;
	padding: 2px}
/* ----------------------- CONTENT ----------------------- */