/*****************************************************************************************
	** Basis 																				**
	*****************************************************************************************/
	
	* {
		margin:0px;
		padding:0px;
	}
	
	body {
		background-color: #FFFFFF;
		color:#000000;
		font-family:arial, verdana, sans-serif;
		font-size:14px;
	}
	
	div#head {
		height:100px;
		margin:0px auto;
		width:960px;
	}	
	
	div#logo {
		background:#FFFFFF url('../images/layout/logo.jpg') no-repeat 0 0;
		float:left;
		height:100px;
		margin:0 10px;
		width:280px;
	}
	
	div#mainmenu {
		float:right;
		height:100px;
		margin:0px 10px;
		overflow:hidden;
		width:640px;	
	}	
	
	div#logo a {
		display:block;
		height:100px;
		width:280px;
	}

	div#tile {
		background:#DA1D10 url('../images/layout/main.jpg') no-repeat 50% 50%;
		height:200px;
		width:100%;
	}
	
	div#contentWrapper {
		float:left;
		left: 50%;
		margin-left: -480px;
		/* margin:0px auto; */
		min-height:200px;		
		position:relative;
		width:960px;
	}

	h1 {
		display:block;
		font-size:30px;
		margin:10px 10px 20px 10px;
		width:940px;
	}
	
	h2 {
		margin:0 0 6px 0;
		font-size:21px;
	}	
	
	div#col700 {
		float:left;
		margin:0 10px;
		min-height:25px;
		width:700px;
	}

	div#col700 p {
		margin:0 0 10px 0;
	}
	
	div#col220 {
		float:left;
		margin:0 10px;
		min-height:25px;
		width:220px;
	}

	div.contentrow {
		background:#FFFFFF url('../images/layout/dottedline.gif') repeat-x 0 0;
		padding:20px 0 20px 0;
		clear:both;
		float:left;
		width:100%;
	}
	
	.clear {
		clear:both;
	}
	
	
	/*****************************************************************************************
	** DIENSTEN 																			**
	*****************************************************************************************/
	div.diensten-list {
		width:340px;
		float:left;
		margin:0 0 20px 0;
	}
	
	div.diensten-list p {
		line-height:18px;
	}	
	
	div.diensten-list a {
		text-decoration:none;
		color:#DA1D10;
	}

	div.diensten-list ul {
		margin:0 0 0 15px;
	}
	
	
	/*****************************************************************************************
	** PORTFOLIO 																			**
	*****************************************************************************************/
	div#accordion h3 {
		background:#FFFFFF url('../images/layout/dottedline.gif') repeat-x 0 0;
		padding:20px 0 20px 0;
		float:left;
		width:700px;
		outline: 0;
	}
	
	div#accordion h3 a {
		color:#000000;
		text-decoration:none;
		overflow:hidden;
		width:700px;
		outline: 0;
	}
	
	div.portfolio-listitem {
		background-color:#DA1D10;
		width:220px;
		float:left;
		margin:0 0 20px 0;
		height:250px;
		overflow:hidden;
	}
	
	div.portfolio-listitem-withmargin {
		background-color:#DA1D10;
		width:220px;
		float:left;
		margin:0 20px 20px 0;
		height:250px;
		overflow:hidden;
	}

	div.portfolio-listitem h4,
	div.portfolio-listitem-withmargin h4 {
		color:#FFFFFF;
		float:left;
		margin:10px 0 4px 6px; 
		width:214px;
	}

	div.portfolio-listitem-image {
		width:220px;
		height:145px;
		float:left;
		background-color:#000000;
	}

	p.portfolio-listitem-text {
		width:210px;
		float:left;
		padding:0 5px 5px 5px;
		display:block;
		float:left;
		line-height:14px;
		color:#FFC4BF;
		/* font-size:12px; */
	}

	p.portfolio-listitem-text a {
		text-decoration:none;
		color:#000000;
		font-style:italic;
	}	
	
	div.portfolio-cat-list {
		float:left;
		width:700px;
		padding:0 0 20px 0;
		overflow:hidden;
	}

	a.terug {
		color:#DA1D10;
		text-decoration:none;
	}
	

	
		
	
	/*****************************************************************************************
	** Lose blokken/kolomen 																**
	*****************************************************************************************/		
	div.col233 {
		float:left;
		width:233px;
	}	
	
	div.col200 {
		float:left;
		width:200px;
	}
	
	div.col340 {
		float:left;
		width:340px;
	}

	div.col340padding {
		float:left;
		width:340px;
		padding:0 20px 0 0;
	}	
	
	div.col360 {
		float:left;
		width:360px;
	}	
		
	div.col500 {
		float:left;
		width:500px;
		margin:0;
	}
	

	.right {
		text-align:right;
	}
	
	
	/* --------------------------------------
	div#header {
		width:890px;
		height:250px;
		margin:5px 5px 0px 5px;
		background-color:#FAFAFA;
		float:left;
	}
	

		
	div#submenu {
		background-color:#3F71D2;
		float:left;
		margin:0px 5px;
		width:890px;		
	}	
	
	div#columWrapper {
		width:890px;
		margin:0px;
		float:left;
		background-color:#FFFFFF;
		margin:0px 5px;
	}

	div#firstColum {
		width:230px;
		margin:5px;
		float:left;
	}

	div#secondColum {
		width:645px;
		margin:5px 5px 5px 0px;
		float:left;
	}
	
	div#footer {
		width:890px;
		height:20px;
		margin:0px 5px 5px 5px;
		background-color:#002AA7;
		float:left;
		font-size:9px;
		color:#FFFFFF;
		text-align:center;
		line-height:20px;
	}
	------------------------------------- */
	
	
	/*****************************************************************************************
	** Blokken 																				**
	*****************************************************************************************/	

	div.block {
		display:block;
		float:left;
		width:200px;
		color:#000000;
		margin:0px 0px 10px 0px;	
		padding:10px;
		background-color:#DDDDDD;		
	}

	div.block h1 {
		font-size:13px;
		font-weight:bold;
		margin:2px 0px;
	}
	
	div.block p {
		font-size:11px;
		margin:0px 0px 2px 0px;
	}	


	/*****************************************************************************************
	** Contact 																				**
	*****************************************************************************************/
	
	label {
		clear:both;
		display:block;
		float:left;
		width:100%;
	}
	
	input.contact_input {
		width:180px;
		margin:0 0 5px 0;
	}
		
	input.contact_captcha {
		width:60px;
		margin:0 20px 5px 0;
		float:right;
	}
	
	span.captchavraag {
		float:left;
		font-style:italic;
		margin:0 0 0 10px;
		color:#222222;
	}	
	
	div.col500 textarea {
		width:500px;
		height:133px;
		margin:0 0 5px 0;
	}
	
	div.formrecordsubmit {
		width:700px;
		float:left;
	}
	
	div.contact_subscript {
		margin:3px 40px 0 320px;
		font-size:9px;
		color:#666666;
		float:left;
		display:block;
	}

	input.submitbtn {
		padding:0 8px;
		background-color:#DA1D10;
		color:#FFFFFF;
		border:0px solid;
		float:right;
	}
	
	.attention input,
	.attention textarea {
		border:1px solid #FF0000;
	}	

	/*****************************************************************************************
	** Menu 																				**
	*****************************************************************************************/
	
	div#mainmenu ul {
		display:block;
		float:right;	
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;		
	}
	
	div#mainmenu ul li {
		display: inline;
		list-style-type:none;
		position:relative;
	}	
	
	div#mainmenu ul li a {
		color:#000000;
		display:block;	
		height:100px;
		float:left;
		font-size:18px;
		font-weight:bold;
		line-height:170px;
		overflow:hidden;
		padding:0 15px;
		text-decoration:none;
	}
	
	div#mainmenu ul li a:hover,
	div#mainmenu ul li a.current {
		background-color:#DA1D10;
		color:#FFFFFF;
	}
	

	div#submenu ul {
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;		
	}
	
	div#submenu ul li {
		list-style-type:none;
		position:relative;
		display: inline;
	}	
	
	div#submenu ul li a {
		padding:0 10px;
		height:25px;
		float:left;
		line-height:22px;
		font-size:12px;
		font-weight:bold;
		color:#FFFFFF;
		display:block;
		text-decoration:none;
	}
	
	div#submenu ul li a:hover,
	div#submenu ul li a.current {
		background-color:#3579fd;
	}