@charset "utf-8";
/* standard */

* {
	margin: 0;
	padding: 0;
}
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, menu, dir,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
body {
	background:#CCC;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
	font-family: arial;
}
ol, ul {
	list-style: none;
}
img {
        border: none;
    }

	/*site*/
	#wrapper {
		width: 100%;
		margin: auto;
		position: relative;	
	}

		/*header*/
		#header {
			width: 990px;
			height: 155px;
			margin: 0 auto;
			background: white;	
		}
		#logo {
			width: 990px;
			height: 155px;	
			}
		#logo a {
			text-decoration: none;
			color: black;
			}
		#logo a:hover {
			text-decoration: none;
			color: #747272;
			}
		
		/*header random*/
		#logo_random {
			width: 473px;
			height: 155px;
			float: left;
			}
		#header_random_img {
			width: 517px;
			height: 155px;
			float: right;
			/*position: absolute;
			margin-left: 360px;
			background: url(images/header_illustration.png) no-repeat;*/
			}
	
	/*navigation*/
	#navigation {
		background: black;
		height: 30px;
		width: 990px;
		margin: 0 auto;
		font-size: 22px;
		}
	#navigation_inner {
		width: 990px;
		margin: 0 auto;
		}
		#menu-hoofdnavigatie {
			width: 750px;
			height: 40px;
			margin: 0 auto;
			}
		ul#menu-hoofdnavigatie.menu {
			text-align:right;
			position: absolute;
			margin-left: 10px;
			}
		#menu-hoofdnavigatie > li {
			list-style: none;
			float: left;
			margin-right: 2px;
			position: relative;
			}
		#menu-hoofdnavigatie > li > a {
			font-family:Arial, Helvetica, sans-serif;
			margin: 0 5px 0 5px;
			display:block;
			text-decoration:none;
			color: white;
			}
		#menu-hoofdnavigatie > li > a:hover {
			text-decoration: none;
			color: #e90f8a;	
			}
		#menu-hoofdnavigatie.menu li.current_page_item a {
			color: #e90f8a;
			}
		/*submenu*/
		
		ul.sub-menu{width:100px;margin-left:2px}
		#menu-hoofdnavigatie ul.sub-menu li{background-color:transparent;padding-left:0;margin:0}
		#menu-hoofdnavigatie ul.sub-menu li > a{background:#233137}
		#menu-hoofdnavigatie ul.sub-menu li:hover > a{background:#233137}
		#menu-hoofdnavigatie ul :hover ul{display:block}
		#menu-hoofdnavigatie li:hover li{float:none}

			/*content*/
			#content {
			width: 990px;
			height: auto;
			position: relative;
			background: white;
			margin-right: auto;
			margin-left: auto;
			}
			#content p {
				font: 12px arial;
				padding: 0 15px 15px;
			}
			#content h1 {
				font-size: 28px;
				font-weight:bold;
				padding: 5px 15px 0 15px;
			}
			#content h2 {
				font-size: 22px;
				font-weight:bold;
				padding: 15px;
	
			}
			#content h3 {
				font-size: 18px;
				font-weight:bold;
				padding: 15px;
	
			}
			/*link on page*/
			#content a {
				color: blue;	
			}
			
			#content a:hover {
				color: black;
				font-weight: bold;
			}
			/*homepagina*/
			#content_main {
				width: 990px;
				height: 300px;
				background: black;
			}
			div#blok1 { /*ontwerp*/
				float: left;
				width: 492px;
				height: 145px;	
			}
			div#blok2 { /*fotografie*/
				float: right;
				width: 492px;
				height: 145px;	
			}
			div#blok3 { /*kunst*/
				float: left;
				width: 492px;
				height: 145px;	
			}
			div#blok4 { /*contact*/
				float: right;
				width: 492px;
				height: 145px;	
			}
			
			/*contactblok*/
			#info {
				width: 250px;
				height: 80px;
				position: absolute;
				top: 40px;
				right: 120px;
				border: 1px solid;
				font: 14px arial;
				padding-left: 5px;
				padding-right: 5px;
				padding-top: 10px;
			}
			
			/*catablog*/
			div.catablog-navigation {
				font: 12px arial;
				margin: 5px 0 0;
				padding-left: 15px;
				padding-bottom: 10px;
			}

			/*contactform*/
			p#ll.linklove {
				display: none;
			}
			.cform input.backbutton, .cform input.resetbutton, .cform input.sendbutton.sendbutton {
				width: 250px;
				padding: 8px;
				margin: 5px 10px 0 65px;
				font: 12px arial;
			}
			.cform label span {
				font: 12px arial;	
			}

			textarea#cf_field_7.area {
				width: 290px;
			}
			.cform textarea, .cform input {
				width: 290px;
			}
			.cform select {
				width: 208px;
			}
			ol.cf-ol li.cf-box-title {
				font: 12px arial;
				padding-left: 0;
			}
			li#li--8.cf-box-title {
				width: 150px;
				padding: 0;
				float: left;
				font-weight: normal;
				letter-spacing:normal;
			}
			li#li--8items.cf-box-group {
				width: 250px;
				float: right;
			}
			
			/*footer*/
			#footer {
				background: black;
				width: 990px;
				height: 30px;
				margin: 0 auto;
				padding-top: 15px;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 12px;
				color: #FFF;
				text-align:center;
			}
			#footer_inner {
				background: url(images/footer_potlood.png) no-repeat;
				width: 960px;
				height: 100px;
				margin: 0 auto;	
			}