@charset "utf-8";
/* CSS Document */
body {
	font-family: Arial, Helvetica, sans-serif;
}
a:link {
	color: #c6ddee;
	text-decoration: none;
}
a:visited {
	text-decoration: underline;
	color:#b0b0b0;
}
a:hover {
	text-decoration: none;
	color: 5915a8;
}
a:active {
	text-decoration: none;
	background:#d1581a;
}
.linkkleur {
	text-decoration: underline;
}
#container {
	margin:auto;
	background-image: url(images/achtergrond.jpg);
	background-repeat: no-repeat;
	width:960px;
	height:768px;
	-webkit-box-shadow: 5px 5px 65px #242729;
	-moz-box-shadow: 5px 5px 65px #242729;
	box-shadow: 5px 5px 65px #242729;
}
#wrapper {
	margin:auto;
	width:960px;
	height:768px;
	-webkit-box-shadow: 5px 5px 65px #242729;
	-moz-box-shadow: 5px 5px 65px #242729;
	box-shadow: 5px 5px 65px #242729;
	background:#eaeaea;
}

#logo {
	width:310px;
	height:190px;
	float:left;
	position:relative;
	margin-left:30px;
}
/*navigatie*/
#navigatie {
	width:600px;
	height:auto;
	float:right;
	position:relative;
}
#navigatie ul {
	margin:0;
	margin-left:235px;
}
#navigatie li {
	width:70px;
	height:50px;
	padding-top:20px;
	float:left;
	color:#c6ddee;
	list-style:none;
	text-align:center;
	margin-left:2px;
	background-color:#594f46;
	-moz-border-radius-bottomright: 18px;
	-moz-border-radius-bottomleft:18px;
	-webkit-border-radius: 0 0 18px 18px;
	border-radius: 0 0 18px 18px; 
}

/*content*/
#mainfoto {
	width:960px;
	height:400px;
	position:relative;
	float:left;
	margin-top:30px;
	background-image: url(images/mainfoto.jpg);
	background-repeat: no-repeat;
}
#tekstcirkel {
	width: 350px;
	height:350px;
	position:absolute;
	margin-top:55px;
	margin-left:30px;
}
#tekstcirkel h3 {
	margin:32px 52px 10px 70px;
}
#tekstcirkel span {
	margin:0px;
	font-size:110%;
	color:#242729;
}
#tekstcirkel p {
	margin:10px 42px 0px 70px;
	
}
#wrap {
	width:960px;
	height:400px;
	float:left;
}
/*footer*/
#footer {
	width:930px;
	height:100px;
	float:left;
	background:#242729;
	margin-top: 48px;
	padding-left:30px;
	clear:left;
}
#footer ul {
	margin:0;
}
.adres {
	width:200px;
	height:90px;
	border-right-width: 2px;
	border-right-style: dotted;
	border-right-color: #c6ddee;
	border-left-width: 2px;
	border-left-style: dotted;
	border-left-color: #c6ddee;
	margin-left:30px;
	float:left;
	padding-top:10px;
}
.contact {
	width:202px;
	height:75px;
	border-right-width: 2px;
	border-right-style: dotted;
	border-right-color: #c6ddee;
	margin-left:30px;
	float:left;
	padding-top:25px;
}
#footer li {
	list-style:none;
	color:#b0b0b0;
}
/*portfolio*/
#main, #maintekst {
	width:960px;
	height:400px;
	float:left;
	position:relative;
	margin-top: 30px;
	margin-right: 0;
	margin-bottom: 0;
	overflow: auto;
}

.wrap, .kolom {
     float:left;
	 position:relative;
	 width:260px;
	 height:168px;
	 margin:30px 0 0 37px;
	 overflow:hidden;
	 background:#594e45;
}
.kolom {
	background:none;
	height:400px;
}
.wrap table {
	margin:4px 0px 0 5px;
	list-style:none;
	border:#d1581a solid 2px;

}
.wrap h3 {
	font-size:125%;
	margin-left:17px;
	margin-top:15px;
}
.wrap h5 {
	font-size:80%;
	margin-left:17px;
	margin-right:10px;
	color:#fafafa;
	letter-spacing: 0.1em;
	font-weight: lighter;
}
#main img {
	 top:0;
	 left:0;
	 margin-left:5px;
	 margin-top:5px;
	 position:absolute;
	 border:none;
}
/*nodale tab*/
.tabbed_content {
	width: 465px;
	margin:30px 0 0 247px;
}
.tabs {
	height: 63px;
	position: relative;
	float:none;
	background:#242729;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
.tabs .moving_bg {
	background-color:#594e45;
	left: 0;
	padding: 15px;
	padding-bottom: 29px;
	position: absolute;
	width: 125px;
	z-index: 190;
	-moz-border-radius: 20px;
	border-radius: 20px;	
}
.tabs .tab_item {
	float: left;
	padding: 15px;
	height:33px;
	width: 125px;
	color: #c6ddee;
	text-align: center;
	z-index: 200;
	position: relative;
	cursor: pointer;
	-moz-border-radius: 20px;
    border-radius: 20px;	
}

.tabbed_content .slide_content {
	overflow: hidden;
	padding: 20px 0 20px 0px;
	position: relative;
	width: 475px;
	height:250px;
}
.tabslider {
	width: 5000px;
}

.tabslider ul {
	float: left;
	width: 465px;
	height:250px;
	margin: 0px;
	padding: 0px;
	padding-right:10px;
	border-bottom:4px solid #242729;
}

.tabslider ul a {
	color: #333;
	text-decoration: none;
}

.tabslider ul a:hover {
	color: #242729;
}

.tabslider ul li {
	padding-bottom: 7px;
	list-style:none;
}
/*colofon*/
#colofon {
	width:960px;
	height:400px;
	float:left;
	position:relative;
	margin-top:30px;
	overflow: auto;
}
#colofon table {
	margin:40px 0 0 247px;
	width:465px;
	border: 1px solid #d1581a;
}
#colofon table a:link {
	color: #594e45;
	text-decoration: underline;
}
#colofon table img {
	float:left;
	margin-left:2px;
	border:none;
}
.zwart, .bruin, .blauw, .oranje, .grijs {
	width:140px;
	top:0;
	left:0;
	color:#242729;
	position:absolute;
	margin-left:720px;
	margin-top:70px;
	display:none;
	padding-left:20px;
	background:#242729;
	color:#fafafa;
}
.zwart {
	background:#242729;
}
.bruin  {
	background:#594e45;
}
.oranje {
	background:#d1581a;
}
.blauw {
	background:#c6ddee;
	color:#242729;
}
.grijs {
	background:#eaeaea;
	color:#242729;
}
#black:hover .zwart, #brown:hover .bruin, #blue:hover .blauw, #orange:hover .oranje, #grey:hover .grijs {
	display:block;
}
/*straks*/

#toekomst {
	margin:40px 0 0 247px;
	width:465px;
	border: 1px solid #d1581a;
}
#toekomst p {
	margin:15px;
}