/*****************************************************************************************
	** Basis 																				**
	*****************************************************************************************/
	
	* {
		margin:0px;
		padding:0px;
	}
	
	h1 {
		display:block;  
		margin:0px 0px 5px 10px;  
		clear:both;
		font-size:30px;
	}
	
	h2 {
		display:block;  
		margin:0px 0px 5px 0px;  
		clear:both;
		font-size:16px;
	}

	img {
		border:0px;
	}
	
	.right {
		text-align:right;
	}	
	.clear {
		clear:both;
	}
	
	body {
		font-size:12px;
		color:#000000;
		font-family:arial, verdana, sans-serif;
		background: #000000 url(../images/layout/background.jpg) repeat-x;
	}
	
	div#centerThis {
		width:980px;
		margin:0px auto;
		position:relative;
	}
	
	div#headermenu {
		float:left;
		height:56px;
		width:960px;
		margin-top:10px;
		padding:0px;
		/*background: #000000 url(../images/layout/logo.jpg) no-repeat 100% 0%; */
	}
	
	div#mainmenu {
		height:56px;
		width:750px;
		padding:0 0 0 10px;
		background:#000000;	
		float:left;
	}
	
	div#logo {
		float:right;
		height:56px;
		margin:0px;
		padding:0px;
		width:200px;

	}

	div#slogan {
		background-color:#e4391a;
		position:absolute;
		left:20px;
		letter-spacing:2px;
		line-height:40px;
		margin:20px 0 0 0;
		top:490px;
		width:620px;
	}	

		div#slogan h2 {
			font-size:28px;
			text-align:center;
			color:#FFF;
		}
		
		div#slogan h3 {
			font-size:24px;
			text-align:center;
		}
	
	div#content {
		float:left;
		min-height:250px;
		width:960px;
		background-color:#FFFFFF;
		margin-top:10px;
		padding:0px 10px 10px;		
	}	

	div#footer {
		width:980px;
		height:20px;
		margin:3px 0px 0px 0px;
		float:left;
		font-size:9px;
		color:#8b8686;
		text-align:center;
		line-height:20px;
	}
	
	div#footer a {
		color:#8b8686;
		text-decoration:none;
	}

	div#home-attention {
		float:left;
		background-color:#c59c04;
		height:50px;
		width:640px;
		margin:10px 0 0 0;
		color:#FFFFFF;
	}

	div#homeIntro {
		float:left;
		width:310px;
	}

	div#home-attention-text {
		height:50px;
		width:100%;
		margin:0;
		line-height:50px;
		color:#FFFFFF;
		font-size:26px;
		text-align:center;
	}

	div#home-attention a {
		color:#AF0028;
		display:block;
		height:50px;
		line-height:50px;
		text-align:center;
	}

	

	/*****************************************************************************************
	** menu 																				**
	*****************************************************************************************/	
	#mainmenu ul {
		margin:0px 0px 0px -7px;
		padding:0px;
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;
		display:block;
		float:left;
	}
	
	#mainmenu ul li{
		position:relative;
		float:left;
	}		
	
	#mainmenu ul li a {
		color:#ffffff;
		padding:10px 7px 0px 7px;
		font-size:15px;
		height:30px;
		display:block;
		text-decoration:none;
	}	
	
	#mainmenu ul li a:hover {
		background-color:#c59c04;
		/* background:url(../images/layout/menu_active_arrow.jpg) no-repeat 50%; */

	}
	
	#mainmenu ul li a.current {
		background:url(../images/layout/mainmenu_active_arrow.jpg) no-repeat 50% #c59c04;
	}
	
	#submenu ul {
		margin:10px;
		padding:10px 0px;
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;
		display:block;
		float:left;
		width:220px;
		background-color:#000000;
	}
	
	#submenu ul li{
		float:right;
		width:210px;
		padding:0px 0px 0px 10px;

	}		
	
	#submenu ul li a {
		color:#ffffff;
		padding:3px 10px 10px 10px;
		font-size:13px;
		height:12px;
		display:block;
		text-decoration:none;
	}	
	
	#submenu ul li a:hover {
		background-color:#c59c04;
		/* background:url(../images/layout/menu_active_arrow.jpg) no-repeat 50%; */

	}
	
	#submenu ul li a.current {
		background:url(../images/layout/submenu_active_arrow.jpg) no-repeat 0% 0% #c59c04;
	}	
	
	#mainmenu li:hover {
		visibility:		inherit; /* fixes IE7 'sticky bug' */
	}
	#mainmenu li:hover ul,
	#mainmenu li.sfHover ul {
		left:			0;
		top:			2.5em; /* match top ul list item height */
		z-index:		999;
	}
	ul#mainmenu li:hover li ul,
	ul#mainmenu li.sfHover li ul {
		top:			-999em;
	}
	
	div#mainmenu ul li ul {
		background:none;
		left: -1px;
		list-style: none;
		padding:25px 0 0 0;
		position: absolute;
		top: -999em;		
		z-index:999;
	}
	
	div#mainmenu ul li ul li {
		background-color:#C59C04;
		float:left;
		list-style-type:none;
		margin:0;
		position: relative;	
		text-align:left;
	}	

	div#mainmenu ul li ul li a {
		color:#FFF;
		border-right: 1px solid #FFF;
		border-left: 1px solid #FFF;
		border-bottom: 1px solid #FFF;
		display:block;
		float:left;		
		font-size:14px;
		font-weight:bold;
		padding-left:10px;
		text-decoration:none;
		width:180px;
	}
	#mainmenu ul li ul li a:hover, #mainmenu ul li ul li a:visited:hover {
		//color:#FFF;
		background:#000;
	}





	/*****************************************************************************************
	** Slideshow																			**
	*****************************************************************************************/
	div#visual {
		height:365px;
		width:620px;
		float:left;
		margin:0px 10px 10px 10px;
		z-index:1;
		overflow:hidden;
	}

	div#slideshow { 
		float:left;
		z-index:10; 
		position:relative;
	}

	div#slideshow img{ 
		float:left;
	}

	div#visual_overlay {
		position:absolute;
		background:url(../images/layout/slideshow-overlay.png) no-repeat;
		height:365px;
		width:620px;
		float:left;
		z-index:99;
	}
	
	div#smallslideshow {
		width:300px;
		height:180px;
		overflow:hidden;
		float:left
	}
	

	/*****************************************************************************************
	** Etalage																				**
	*****************************************************************************************/
	div.product-list-item {
		background-color:#c59c04;
		height:230px;
		width:220px;
		margin:10px;
		float:left;
		color:#FFFFFF;	
	}
	
	div.product-list-item h2 {
		color:#ffffff;
		padding:5px 10px;
	}

	div.product-list-item h2 a:link,
	div.product-list-item h2 a:active,
	div.product-list-item h2 a:visited {
		color:#FFFFFF;
	}
	
	div.product-list-item p {
		padding:5px 10px 0px 10px;
		color:#FFFFFF;
	}	
	
	div.product-list-item p a {
		color:#FFFFFF;
	}
		
	div.product-list-item p a:link,
	div.product-list-item p a:visited {
		color:#000000;
		text-decoration:underline;
	}

	div.product-single-item-text {
		width:180px;
		margin:10px;
		float:left;
		background-color:#FFFFFF;
	}
	
	div.product-single-item-text a,
	div.product-single-item-text p a {
		color:#000000;
	}
		
	div.product-single-item-text a:link,
	div.product-single-item-text a:visited,
	div.product-single-item-text p a:link,
	div.product-single-item-text p a:visited {
		color:#000000;
		text-decoration:underline;
	}	
	
	div.product-single-item-images {
		width:700px;
		margin:10px;
		float:left;
		background-color:#FFFFFF;
	}

	div.product-image {
		width:123px;
		height:123px;
		overflow:hidden;
		border:2px solid #000000;
		margin:5px;
		float:left;
	}

	
	/*****************************************************************************************
	** home + gewone pagina's																**
	*****************************************************************************************/		
	div#twoColOne {
		width:240px;
		float:left;
		/* background-color:#FF0000; */
		min-height:300px;
	}
	
	div#twoColTwo {
		width:720px;
		float:left;
		/* background-color:#FF00FF; */
		min-height:300px;
	}
	
	div.colTwoColumn {
		float:left;	
		width:220px;
		height: auto;
	}

	div#twoColTwo-intro {
		width:380px;
		float:left;
		/* background-color:#FFBBFF; */
		min-height:100px;
		margin:10px;
	}	
	
	div#twoColTwo-slideshow {
		width:300px;
		float:left;
		/* background-color:#FFAAFF; */
		min-height:100px;
		margin:10px;
	}

	div#bigContent {
		width:960px;
		float:left;
		/* background-color:#FF00FF; */
		/* min-height:300px; */
	}

	div#homeContent {
		width:960px;
		float:left;
		/* background-color:#FF00FF; */
		min-height:300px;
	}	

	div#top-wrapper {
		float:left;
		margin-top:10px;
		/* min-height:450px; */
		width:640px;
	}
	
	div#intro {
		width:280px;
		min-height:190px;
		margin:10px 10px 0px 10px;
		padding:10px 10px 0px 10px;
		float:left;
	}
		
	div#intro p{
		margin:3px 0px 10px 0px;
	}
	
	div#intro ul {
		margin:3px 0px 10px 15px;
	}	

	div#bottom-wrapper {
		float:left;
	}	
	
	div.bottom-box {
		background-color:#c59c04;
		height:335px;
		width:300px;
		margin:10px 10px 20px 10px;
		float:left;
		color:#FFFFFF;
	}
	
	div.bottom-box h2 {
		padding:10px;
		color:#FFFFFF;
		font-weight:bold;
		font-size:22px;
	}	
	
	div.bottom-box p {
		padding:10px 10px 0px 10px;
		color:#FFFFFF;
	}	
	
	div.bottom-box p a {
		color:#FFFFFF;
	}
		
	div.bottom-box p a:link,
	div.bottom-box p a:visited {
		color:#000000;
		text-decoration:underline;
	}

	.addMarginHorizontal {
		margin:0px 10px;
	}

	div.addMarginHorizontal h2 {
		margin:30px 0 0 0;
	}

	div.addMarginHorizontal h3 {
		margin:10px 0 0 0;
	}

	div.addMarginHorizontal p {
		margin:0 0 8px 0;
	}

	.addMarginHorizontal ul {
		margin:5px 5px 5px 15px;
	}
	
	.addMargin {
		margin:10px;
	}


	.blockOneThird {
		width:220px;
		float:left;
		margin:5px 10px 5px 0;
	}

	.blockOneThird p {
		margin:3px 0 7px 0;
	}

	.blockOneThird h3 {
		padding:0;
		margin:0 0 5px 0;
	}

	.blockOneThird img {
		padding:0;
		margin:5px 0;
	}

	.contentrow {
		float:left;
		margin:0 0 20px 0;
		padding:0px;
	}
	
	/*****************************************************************************************
	** Landingpages																			**
	*****************************************************************************************/
	
	div.contentColumn{
		width: 280px;
		min-height:190px;
		margin: 0 10px;
		float:left;
	}
	
	div.contentColumn h2{
		margin-top: 0px;
	}

	div#offerteLink{
		float:left;
		margin:10px 0 0 0;
	}
	
	div#offerteLink ul {
		list-style-type:none;
		margin:0;
	}

	div#offerteLink ul li {
		background-color:#B28A17;
		display:block;
		float:left;
		height:40px;
		line-height:40px;
		margin: 0 0 10px 0;
		text-align:center;
		width:240px;
	}

	div#offerteLink ul li a {
		color:#FFFFFF;
		font-size:16px;
		text-decoration:none;
	}

	div.contentColumn p img, div.contentColumn img {
		border: 1px solid black;
		float:left;
		margin: 3px 3px 3px 0;
	}

	div.contentColumn a {
		color:#000;
		font-weight:bold;
	}


	/*****************************************************************************************
	** Kruimelpad					 														**
	*****************************************************************************************/
	div#crumblepath {
		float:left;
		clear:both;
		margin:4px 10px;
		color:#000000;
	}
	
	div#crumblepath a {
		text-decoration:none;
		color:#000000;
	}
	
	div#crumblepath a:hover {
		text-decoration:underline;
		color:#000000;
	}	
	
	/*****************************************************************************************
	** Contact en Offerte formulier 														**
	*****************************************************************************************/

	div#contact-form {
		float:left;
		width:550px;
	}

	div#contact-info {
		float:left;
		width:300px;
	}

	form#form {
		width:475px;
		float:left;
		display:block;
	}
	div.formrecord {
		clear:both;
		margin:2px;
	}
	
	div.formrecord label {
		display:block;
		float:left;
		width:160px;
		margin:2px;
	}
	
	div.formrecord INPUT[type="text"] {
		width:300px;
	}
	
	div.formrecord textarea {
		width:300px;
		height:150px;
	}

	div.formrecord select {
		width:300px;
	}
	
	div.formrecord sup {
		margin-right:110px;
	}
	
	.right {
		text-align:right;
	}
	
	.attention {
		background-color:#FFCFCF;
	}

	input#id_captcha {
		width:100px;
	}

	.captureit {
		display:none;
	}



	/* MainItem Page & Items */

	div.mainitem-article {
		float:left;
		margin:0 10px 10px 10px;
		width:700px;
	}

	div.mainitem-examples {
		float:left;
		margin:10px 0;
		width:720px;
	}

	p.mainitem-examples-detaillink {
		float:left;
		margin:0 0 5px 0;
		width:710px;
		text-align:center;		
	}

	p.mainitem-examples-detaillink a,
    p.mainitem-examples-detaillink a:active,
    p.mainitem-examples-detaillink a:visited {
		text-decoration:none;
		color:#E4391A;
		font-size:18px;
		text-decoration:underline;
	}

	div.mainitem-examples-example {
		float:left;
		margin:10px;
		width:340px;
	}



	div.mainitem-alsolook {
		float:left;
		margin:40px 0 15px 10px;
		width:700px;
		border:1px solid #C0C0C0;
		padding:10px 0;
	}

	div.mainitem-alsolook h2,
	div.mainitem-alsolook p {
		margin: 0 0 10px 10px;
	}

	div.mainitem-alsolook-examples {
		float:left;
		margin:0 0;
		width:700px;
	}

	div.mainitem-alsolook-examples-example {
		float:left;
		margin:10px;
		width:155px;
	}

	p.mainitem-alsolook-detaillink {
		float:left;
		margin:0 0 5px 0;
		width:680px;
		text-align:right;		
	}

	p.mainitem-alsolook-detaillink a {
		text-decoration:none;
		color:#000000;
	}


	div#bigfooter {
		background-color:#B28A17;
		float:left;
		width:980px;
	}

	div#footer-links {
		color:#FFFFFF;
		width:280px;
		float:left;
		font-size:11px;
		margin:20px 0 20px 30px;
		padding:0;
	}

	ul.populair {
		float:left;
		margin:0 10px 0 0;
		list-style-type:none; 
		width:130px;
	}

	ul.populair li a {
		color:#FFFFFF;
		text-decoration:none;
	}

	ul.populair li a:hover {
		color:#FFFFFF;
		text-decoration:underline;
	
	}



	div#footer-contact {
		color:#FFFFFF;
		width:200px;
		float:left;
		margin:20px 0 20px 30px;
		padding:0 0 0 30px;
		border-left:1px solid #000000;
		height:160px;
	}

	div#footer-links h3,
	div#footer-referentie h3,
	div#footer-contact h3 {
		margin:0 0 10px 0;
		color:#000000;
		font-size:16px;
	}





	div#home-attention-wrapper {
		float:left;
		margin:0;
		width:960px;
	}

	div#home-attention-wrapper ul {
		list-style-type:none;
	}

	div#home-attention-wrapper ul li {
		background-color:#B28A17;
		display:block;
		float:left;
		height:40px;
		margin:10px;
		line-height:40px;
		text-align:center;
		width:300px;

	}

	div#home-attention-wrapper ul li a {
		color:#FFFFFF;
		font-size:16px;
		text-decoration:none;
	}

	div#home-cats-wrapper {
		float:left;
		margin:0;
		width:960px;
	}

	div.home-cat-wrapper {
		background-color:#B28A17;
		float:left;
		height:230px;
		margin:10px;
		width:220px;		
	}	
	
	div.home-cat-title {
		float:left;
		height:30px;
		width:220px	
	}
	
	div.home-cat-title a:link,
	div.home-cat-title a:visited,
	div.home-cat-title a:active {
		color:#FFFFFF;
	}

	div.home-cat-title h2 {
		color:#FFFFFF;
		margin:4px 0 0 5px;	
	}
	
	div.home-cat-image {
		background-color:#8F6B00;
		float:left;
		height:100px;
		width:220px			
	}
	
	div.home-cat-smalltext {
		float:left;
		height:75px;
		width:220px			
	}

	div.home-cat-smalltext p {
		color:#FFFFFF;
		margin:8px;		
	}

	div.home-cat-detaillink {
		float:left;
		height:25px;
		width:204px;
		padding:0 8px;
		text-align:right;	
	}

	div.home-cat-detaillink a {
		color:#FFFFFF;
		text-decoration:underline;
	}

	/*****************************************************************************************
	** Offerte formulier 2010																**
	*****************************************************************************************/

	input#input_small{
		width:234px;	
	}

	span.captchavraag{
		float:left;
		padding: 3px 5px 0 0;
	}

	div.offerteform label{
		font-weight:bold;
		float:left;
	}

	div.offerteform textarea{
		width:250px;
	}

	select#id_advies{ 
		width:254px;
	}

	select#id_dikte, select#id_breedte { 
		width:70px;
	}

	div#box {
		border: 1px solid #000000;
		display:block;
		float:left;
		padding:5px;
	}
	
	div.offerteform {
		clear:both;
		display:block;
		float:left;
		margin: 10px;
		width:254px;
		padding:5px;
	}
	
	div.offerteform input[type="text"]{
		float:left;
		width:250px;
	}
	
	div#column1 {
		float:left;
		width:270px;
	
	}
	
	div#column2 {
		float:left;
		width:270px;
		margin: 0 0 0 120px ;
	
	}

	div#form_woonruimte input[type="text"]{
		margin-left:16px;
	}

	div#form_typewoning input[type="text"]{
		margin-left:16px;
	}

	.attention {
		background-color:#FFA6A8;
	}

	/*****************************************************************************************
	** Referenties																			**
	*****************************************************************************************/

	div.referentieWrapper {
		background-color:#C59C04;
		float:left;
		height:150px;
		margin: 0 10px 10px 0;
		overflow:hidden;
		padding:10px;
		width:440px;
	}

	div.referentieAfbeelding {
		min-height:50px;
		width:100px;
		float:left;
		margin:30px 5px 0 0;
	}

	div.referentieNaam {
		float:left;
		padding: 0 5px 5px 0;
		width:330px;
	}

	div.referentieBericht {
		float:left;
		font-style:italic;
		margin:10px 0 0 0;
		width:330px;
	}

	div#footer-referentie {
		color:#FFFFFF;
		width:330px;
		float:left;
		margin:20px 0 20px 30px;
		padding:0 0 0 30px;
		border-left:1px solid #000000;
		height:160px;
	}

	div#footer-referentie-afbeelding{
		float:left;
		margin: 3px 10px 0 0;
		width:100px;
		min-height:50px;
	}

	div#footer-referentie-bericht{
		float:left;
		min-height:100px;
		width:200px;
	}

	p.linktoreferentie {
		text-align:right;
		margin:10px 0 0 0;
		width:330px;
		float:left;
		clear:both;
	}

	p.linktoreferentie a {
		color:#FFFFFF;
		text-decoration:none;
	}

	p.linktoreferentie a:hover{
		color:#FFFFFF;
		text-decoration:underline;
	}
	
	/*****************************************************************************************
	** Aanbiedingen																			**
	*****************************************************************************************/
	
	div.aanbiedingWrapper {
		background-color:#B28A17;
		float:left;
		padding:20px;
		width:900px;
		margin: 0 0 20px 0;
	}
	
	div.aanbiedingAfbeelding {
		float:left;
		padding:0 20px 0 0;
	}
	
	div.aanbiedingTitel {
		font-size:18px;
		font-weight:bold;
	}
	
	div.aanbiedingOmschrijving {
		margin:2px 0 0 0;
	}
	
	div.aanbiedingPrijs {
		float:right;
		margin-top:25px;
	}
	
	div.aanbiedingVan {
		float:left;
		margin:5px 5px 0 5px;
	}
	
	div.aanbiedingVanPrijs {
		color:#C00;
		float:left;
		font-size:20px;
		text-decoration:line-through;
	}
	
	div.aanbiedingVoor {
		float:left;
		margin:5px 5px 0 5px;
	}
	
	div.aanbiedingExtraRegel{
		float:left;
		font-style:italic;
		padding: 5px 0 0 0;
	}
	
	div.aanbiedingVoorPrijs {
		color:#FFF;
		float:left;
		font-size:20px;
		font-weight:bold;
	}
	
	div.aanbiedingPrijsstelling {
		float:left;
		margin:5px 5px 0 5px;
	}