body {
	margin: 0px;
	padding: 0px;
	background-color: #27387D;
	background-image: url(../img/backgrounds/body_bg.jpg);
	background-repeat: repeat-x;
	background-position: 0px 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 170%;
}

img {
	border: 0px;
}

p {
	margin: 0px;
	padding: 0px;
	margin-bottom: 10px;
}

a {
	text-decoration: none;
	font-weight: bold;
	color: #2C5986;
}

a:hover {
	color: #333333;
}

h1 {
	font-size: 20px;
	font-weight: bold;
	color: #336699;
	margin: 0px;
	padding: 0px;
	margin-top: 30px;
	margin-bottom: 10px;
}

div#top-dock {
	width: 100%;
	margin: auto;
	height: 50px;
	background: #ffffff;
	background-image: url(../img/dock-logo.png);
	background-position: center;
	background-repeat: no-repeat;
}

div#top-dock .inner {
	margin: 0 auto;
	padding: 12px 0;
	max-width: 960px;
}

ul.social {
	list-style: none;
	margin: 0;
	padding: 0;
	float: right;
}

ul.social li {
	display: inline;
}

ul.social li:hover {
	opacity: 0.75;
}

div#wrapper {
	width: 960px;
	margin: auto;
	clear: both;
}

div#header {
	width: 960px;
	height: 120px;/*	background-color: #2B5580;
	background-image: url("../img/backgrounds/header_bg.png");
	background-repeat: repeat-x;
*/
	background-image: url(../img/backgrounds/body_bg.png);
}

div#contentwrap {
	width: 958px;
	height: 662px;
	border: 1px solid #D4D4D4;
	background-color: #ffffff;
}

div#content-block {
	width: 946px;
	height: 650px;
	border: 1px solid #D4D4D4;
	margin-top: 5px;
	margin-left: 5px;
	background-image: url("../img/backgrounds/content_bg.png");
	background-repeat: repeat-x;
	background: #f0f0f0;
}

div#content-left {
	width: 663px;
	padding-left: 20px;
	float: left;
}

div#content-right {
	width: 263px;
	float: left;
	height: 650px;
	background-color: #E1E1E1;
	background-image: url(../img/backgrounds/nav_bg.png);
	background-repeat: repeat-y;
}

div#content-right a {
	display: block;
	width: 263px;
	height: 62px;
}

div#content-right a#welkom {
	background-image: url("../img/buttons/welkom.png");
}

div#content-right a#welkom:hover
 {
	background-image: url("../img/buttons/welkom_hover.png");
}

div#content-right a#welkom.selected,
div#content-right a#welkom.selected:hover {
	background-image: url("../img/buttons/welkom_selected.png");
}


div#content-right a#uitgangspunt {
	background-image: url("../img/buttons/uitgangspunt.png");
}

div#content-right a#uitgangspunt:hover {
	background-image: url("../img/buttons/uitgangspunt_hover.png");
}

div#content-right a#uitgangspunt.selected,
div#content-right a#uitgangspunt.selected:hover {
	background-image: url("../img/buttons/uitgangspunt_selected.png");
}

div#content-right a#clientele {
	background-image: url("../img/buttons/clientele.png");
}

div#content-right a#clientele:hover {
	background-image: url("../img/buttons/clientele_hover.png");
}

div#content-right a#clientele.selected,
div#content-right a#clientele.selected:hover {
	background-image: url("../img/buttons/clientele_selected.png");
}

div#content-right a#dienstverlening {
	background-image: url("../img/buttons/dienstverlening.png");
}

div#content-right a#dienstverlening:hover {
	background-image: url("../img/buttons/dienstverlening_hover.png");
}

div#content-right a#dienstverlening.selected,
div#content-right a#dienstverlening.selected:hover {
	background-image: url("../img/buttons/dienstverlening_selected.png");
}

div#content-right a#media {
	background-image: url("../img/buttons/media.png");
}

div#content-right a#media:hover
 {
	background-image: url("../img/buttons/media_hover.png");
}

div#content-right a#media.selected,
div#content-right a#media.selected:hover {
	background-image: url("../img/buttons/media_selected.png");
}


div#content-right a#contact {
	background-image: url("../img/buttons/contact.png");
}

div#content-right a#contact:hover {
	background-image: url("../img/buttons/contact_hover.png");
}

div#content-right a#contact.selected,
div#content-right a#contact.selected:hover {
	background-image: url("../img/buttons/contact_selected.png");
}

div.image-block {
	width: 303px;
	height: 97px;
	border: 1px solid #D4D4D4;
	margin-top: 20px;
	margin-right: 15px;
	margin-bottom: 10px;
	float: left;
	padding-left: 5px;
	padding-top: 5px;
	background-color: #F0F0F0;
	background-image: url(../img/backgrounds/image-block_bg.png);
	background-repeat: repeat-x;
}

div#last {

	margin-right: 0px;
}
#scroller {
    width: 643px;
    height: 650px;
    overflow: hidden;
}

#content {
    width: 643px;
	height: 1550px;
}

.slide {
	float: left;
	width: 643px;
	height: 650px;
}

a#logo {
	margin: auto;
}

div#header table {
	float: right;
	text-align: right;
	color: #ffffff;
	margin-right: 20px;
	margin-top: 11px;
	font-size: 10px;
	line-height: 140%;
	display: inline;
}

div#header table td {
	padding-left: 20px;
}

div#header table a,
div#header table a:hover {
	color: #ffffff;
}

div#header table a:hover {
	text-decoration: underline;
}

div#footer {
	border-top: 1px solid #7A82A5;
	padding: 10px 0 0;
	margin: 0 auto 10px;
	width: 960px;
	color: #7A82A5;
}
div#footer a:link, a:visited, a:hover {
	color: #7A82A5;
	font-weight: normal;
}
div#illustratie {
	width: 960px;
	height: 238px;
	z-index: 99;
	background-image: url(../img/illustratie.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin: auto;
}

/* Image Box */ 

.image-box .first {
	margin: 0 0 10px;
	border:0;
}

.image-box .image {
	float:left;
	background:#fff;
	margin: 0 10px 0 0;
	border:1px solid #D4D4D4;
	padding:1px;
	max-width:200px;
}

.image-box img {
	display:block;
	float:left;
}

.image-box .text {
	float:left;
	padding:2px;
	max-width:196px;
}

.image-box .last {
	margin: 0;
}

.image-box-vertical {
    float: right;
    width: 320px;
}

.image-box-vertical .image {
	background:#fff;
	margin: 10px 0 0 0;
	border:1px solid #D4D4D4;
	padding:1px;
    float: right;
}

.image-box-vertical .image img {
    display: block;
}

.image-box-vertical .image.large {
    width: 312px;
}

.image-box-vertical .image.small {
    width: 186px;
}

.image-box-vertical .text {
	padding:2px;
    float: right;
}

/* --------- */

#sponsorbox {
	float:left;
	width:643px;
}

#sponsorlist-wrapper {
	float:left;
    width: 300px;
}