/**
 * Developed by Congos Solutions
 * http://www.congos.nl/
**/

* {
	margin: 0;
	padding: 0;
}

body {
	font-family: "Tahoma", sans-serif;
	font-size: 9pt;
	color: #636262;
}

div#wrapper {
	width: 900px;
	margin: 0 auto;
	padding: 10px 0;
}

div#header {
	height: 162px;
}

h1 {
	display: none;
}

div#icons-top {
	float: right;
	width: 230px;
	height: 72px;
	margin-top: 89px;
}

div#icons-top ul {
	list-style-type: none;
}

div#icons-top li {
	float: right;
	display: block;
	width: 72px;
	height: 72px;
	text-align: center;
}

div#icons-top a {
	text-decoration: none;
	font-weight: bold;
	color: #636262;
}

div#slideshow {
	height: 149px;
	background: url("../images/slideshow-bg.png") center center no-repeat;
}

div#frame {
	position: absolute;
}

div#slideshow div.container {
	position: absolute;
	width: 204px;
	height: 122px;
	margin-top: 14px;
	visibility: hidden;
}

div#slideshow q {
	display: block;
	float: right;
	width: 230px;
	margin-top: 15px;
	font-family: "VAGRounded BT", cursive;
	font-size: 14pt;
	quotes: none;
	color: #ffffff;
}

div#menu {
	height: 36px;
	margin-top: 2px;
	background: url("../images/menu-bg.png") top center no-repeat;
}

div#menu ul {
	position: absolute;
	width: 900px;
	height: 36px;
	padding: 0;
	list-style-type: none;
}

div#menu li {
	float: left;
	display: block;
	height: 36px;
}

div#menu a {
	position: absolute;
	display: block;
	height: 36px;
	background-image: url("../images/menu-sprites.png");
	background-repeat: no-repeat;
}

div#menu span {
	display: none;
}

a#menu-home					{ left: 18px; width: 68px; background-position: -18px 0px; }
a#menu-bedrijfsinformatie	{ left: 89px; width: 152px; background-position: -89px 0px; }
a#menu-portfolio			{ left: 244px; width: 86px; background-position: -244px 0px; }
a#menu-diensten				{ left: 333px; width: 89px; background-position: -333px 0px; }
a#menu-nieuws				{ left: 425px; width: 78px; background-position: -425px 0px; }
a#menu-vacatures			{ left: 506px; width: 96px; background-position: -506px 0px; }
a#menu-contact				{ left: 605px; width: 81px; background-position: -605px 0px; }

a#menu-home:hover				{ background-position: -18px -36px; }
a#menu-bedrijfsinformatie:hover	{ background-position: -89px -36px; }
a#menu-portfolio:hover			{ background-position: -244px -36px; }
a#menu-diensten:hover			{ background-position: -333px -36px; }
a#menu-nieuws:hover				{ background-position: -425px -36px; }
a#menu-vacatures:hover			{ background-position: -506px -36px; }
a#menu-contact:hover			{ background-position: -605px -36px; }

a#menu-home.active					{ background-position: -18px -36px; }
a#menu-bedrijfsinformatie.active	{ background-position: -89px -36px; }
a#menu-portfolio.active				{ background-position: -244px -36px; }
a#menu-diensten.active				{ background-position: -333px -36px; }
a#menu-nieuws.active				{ background-position: -425px -36px; }
a#menu-vacatures.active				{ background-position: -506px -36px; }
a#menu-contact.active				{ background-position: -605px -36px; }

div#breadcrumbs {
	height: 29px;
	padding-left: 33px;
	font-size: 8pt;
	line-height: 29px;
	background: #ffffff url("../images/breadcrumbs-mag-glass.png") center left no-repeat;
}

div#main {
	min-height: 535px;
	margin-bottom: 5px;
	padding: 15px 25px 10px;
	background: #ffffff url("../images/main-bg.png") top center no-repeat;
}

div#column-left {
	float: left;
	width: 440px;
}

div#column-right {
	float: right;
	width: 370px;
}

div#column-full {
	width: 790px;
}

div.page-block {
	margin-bottom: 20px;
}

div.stripe-right {
	padding-bottom: 5px;
	background: url("../images/stripe.png") bottom right no-repeat;
}

div.stripe-left {
	padding-bottom: 5px;
	background: url("../images/stripe.png") bottom left no-repeat;
}

div.stripe-full {
	padding-bottom: 5px;
	background: url("../images/stripe-full.png") bottom center no-repeat;
}

div#zakelijke-it {
	padding-left: 65px;
	background: url("../images/icons/zakelijke_it.png") top left no-repeat;
}

div#nieuwe-website {
	padding-right: 65px;
	background: url("../images/icons/nieuwe_website.png") top right no-repeat;
}

div#webapplicatie {
	padding-left: 65px;
	background: url("../images/icons/webapplicatie.png") top left no-repeat;
}

div#nieuws {
	padding-left: 75px;
	background: url("../images/icons/news.png") top left no-repeat;
}

div#uitgelicht {
	padding-left: 75px;
	background: url("../images/icons/uitgelicht.png") top left no-repeat;
	background-position: 10px 0;
}

div#newsitems-wrapper {
	min-height: 450px;
}

div.newsitem-right {
	margin-bottom: 10px;
	padding: 0 0 5px 20px;
	background: url("../images/stripe-news.png") bottom right no-repeat;
}

div.newsitem-right img {
	float: left;
	margin: 8px 8px 0 0;
}

div.newsitem-right div.content {
	float: right;
	width: 625px;
}

div.newsitem-left {
	margin-bottom: 10px;
	padding: 0 0 5px 20px;
	background: url("../images/stripe-news.png") bottom left no-repeat;
}

div.newsitem-left img {
	float: right;
	margin: 8px 0 0 8px;
}

div.newsitem-left div.content {
	float: left;
	width: 625px;
}

div.newsitem-right h3, div.newsitem-left h3 {
	margin-left: -18px;
	padding-left: 20px;
	background: url("../images/bullet-news.png") center left no-repeat;
}

div.newsitem-right h3 em, div.newsitem-left h3 em {
	font-weight: normal;
	font-size: 10pt;
}

div#contact-block {
	float: left;
	width: 202px;
	height: 328px;
	margin: 15px 15px 0 0;
	padding: 13px 16px;
	font-weight: bold;
	background: url("../images/contact-block-bg.png") top center no-repeat;
	color: #ffffff;
}

div#contact-block a {
	color: #ffffff;
	font-weight: bold;
}

div#contact-form {
	float: left;
	width: 302px;
	height: 328px;
	margin: 15px 15px 0 0;
	padding: 13px 16px;
	font-weight: bold;
	background: url("../images/contact-form-bg.png") top center no-repeat;
	color: #ffffff;
}

div#contact-form h3 {
	color: #ffffff;
	text-align: center;
}

div#vacature-form {
	float: left;
	width: 732px;
	height: 428px;
	margin: 15px 15px 0 0;
	padding: 13px 16px;
	font-weight: bold;
	background: url("../images/vacature-form-bg.png") top center no-repeat;
	color: #ffffff;
}

div#vacature-form h3 {
	color: #ffffff;
	text-align: center;
}

div.diensten-right {
	margin-bottom: 10px;
	padding: 0 0 5px 20px;
	padding-bottom: 5px;
	background: url("../images/stripe-diensten.png") bottom right no-repeat;
}

div.diensten-left {
	margin-bottom: 10px;
	padding: 0 0 5px 20px;
	background: url("../images/stripe-diensten.png") bottom left no-repeat;
}

div#webdesign {
	padding-left: 65px;
	background: url("../images/icons/nieuwe_website.png") top left no-repeat;
}

div#webontwikkeling {
	padding-right: 65px;
	background: url("../images/icons/webontwikkeling.png") top right no-repeat;
}

div#webhosting {
	padding-left: 65px;
	background: url("../images/icons/webhosting.png") top left no-repeat;
}

div#footer {
	height: 49px;
	background: #ffffff url("../images/footer.png") top center no-repeat;
}

div#footer span {
	display: none;
}

div#footer p {
	color:#FFFFFF;
	line-height:23px;
	font-size:7pt;
	font-weight:bold;
	padding: 0 0 0 15px;
	margin: 0 0 0 0;
}

div#footer p a {
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:underline;
}

div#footer p a:hover {
	text-decoration:none;
	color:#FFFFFF;
}

img {
	border: none;
}

a {
	color: #319abe;
}

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

div#domein {
	font-size:14pt;
	text-align:center;
	font-weight:bold;
	text-decoration:underline;
}

h2 {
	margin: 10px 0;
	font-size: 16pt;
	font-weight: normal;
	color: #636262;
}

h3 {
	margin: 5px 0 0;
	font-size: 13pt;
	font-weight: normal;
	color: #636262;
}

h4 {
	margin: 10px 0;
	font-size: 10pt;
	font-weight: bold;
	color: #636262;
}

p {
	margin: 5px 0;
	line-height: 140%;
}

ul, ol {
	padding-left: 14px;
}

td, th {
	padding: 3px;
	text-align: left;
}

input, textarea {
	width: 100%;
}

div#main li {
	line-height: 140%;
}

ul.bullets {
	margin-left: 2px;
	list-style-image: url("../images/bullet-small-black.png");
}

hr.clear {
	visibility: hidden;
	clear: both;
}

img#page-icon {
	display: block;
	float: right;
	margin-right: -13px;
}

.page-icon-home {
	background: url("../images/icons/home.png") top right no-repeat;
}

table.newsimages {
	margin: 5px 0 5px 165px;
}

table.newsimages td {
	width: 132px;
	padding: 10px 15px 10px 0;
}

table.newsimages a {
	display: block;
}

table.newsimages img {
	display: block;
	border: 1px solid #636262;
}

div#portfolio-table-wrapper {
	min-height: 315px;
}

table#portfolio {
	margin: 10px auto;
	width: 704px;
}

table#portfolio td {
	width: 352px;
}

table#portfolio img {
	margin-top: 15px;
	border: 1px solid #636262;
}

div#portfolio-slideshow {
	clear: both;
	width: 757px;
	height: 246px;
	margin-bottom: 5px;
	border: 1px solid #636262;
}

div#portfolio-link {
	float: left;
}

div#portfolio-container {
	width: 759px;
}

div#portfolio-slideshow img {
	position: absolute;
	visibility: hidden;
}

div#portfolio-slideshow-controls {
	float: right;
	height: 25px;
}

div#uitgelicht span {
	display: block;
}

div#uitgelicht img {
	border: 1px solid #636262;
}

div.pagemenu {
	float: right;
	height: 16px;
	margin-top: 25px;
	padding-left: 20px;
	line-height: 16px;
	background: url("../images/bullet-page.png") left center no-repeat;
	color: #319abe;
}