/*****************************************************************************************
	** Basis 																				**
	*****************************************************************************************/
	
	* {
		margin:0px;
		padding:0px;
	}
	
	a {
		text-decoration: none;
		color: #003D71;
		font-weight: bold;	
	}
	
	img {
		border: 0;
	}
	
	h1 {
		font-family: Tahoma, Arial, serif;
		font-size: 30px;
		font-weight: bold;
		font-style: italic;
		text-transform: uppercase;
		color: #F3C017;	
		border-bottom: 2px dotted #F3C017;
		margin: 10px 20px;
	}
	
	div#page h2 {
		font-family: Trebuchet, Tahoma, Arial, serif;
		font-size: 17px;
		font-weight: bold;
		font-style: italic;
		text-transform: uppercase;
		color: #003D71;
	}
	
	div#page h3 {
		color: #999999;
		font-size: 14px;
		text-transform: uppercase;
	}
	
	body {
		font-size:12px;
		color:#666666;
		font-family:  arial, verdana, sans-serif;
	}
	
	div#background {
		background: #003D71 url('../images/layout/background/background.jpg') no-repeat center 0;
		height: 100%;
		width: 100%;
		z-index: 1;
		position: fixed;
		display: block;
		left: 0;
	}
	
	div#centerThis {
		width:910px;
		position: relative;
		margin:0px auto;
		z-index: 2;
		
	}
	
	div#logo {
		width:260px;
		height:77px;
		margin:0;
		position: absolute;
		left: 15px;
		top: 25px;
		z-index: 8;
	}
	
	div#header {
		width:700px;
		height:466px;
		margin:0;
		background-color:transparent;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 3;
	}
	
	div#mainmenu {
		background:transparent url('../images/layout/mainmenuBg.png') no-repeat 0 0;
		float:left;
		margin:0px;
		width:220px;
		height: 280px;	
	}
		
	div#submenu {
		float:left;
		margin: 0;
		width:220px;
		margin-bottom: 8px;		
	}	
	
	div#submenuHeader {
		height: 26px;
	}
	
	div#columnWrapper {
		width:910px;
		margin:0px;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 5;
		
	}

	div#firstColumn {
		width:221px;
		margin:186px 0 0 0;
		float:left;
	}
	
	div#dividerColumn1 {
		width: 0px;
		height: 100%;
		float: left;
		margin: 0;
	}

	div#secondColumn {
		width:460px;
		margin:466px 0 0 0;
		float:left;
	}
	
	div#secondLongColumn {
		width:679px;
		margin:466px 0 0 0;
		float:left;
	}
	
	div#dividerColumn2 {
		width: 0px;
		height: 100%;
		float: left;
		margin: 0;
	}
	
	div#thirdColumn {
		width:220px;
		margin:0px;
		float:left;
	}
	
	div#thirdShortColumn {
		width:220px;
		top: 0px;
		left: 680px ;
		height:466px;
		margin:0px;
		position: absolute;
		overflow: hidden;
	}
	
	div#page {
		width:460px;
		background-color: #FFFFFF;
		float:left;
	}
	
	div#pageLong {
		width:679px;
		background-color: #FFFFFF;
		float:left;
	}
	
	div#content {
		margin: 0px 20px 10px;
		width: 420px;
		float: left;
		line-height: 1.8;
	}
	
	div#contentLong {
		margin: 0px 20px 10px;
		width: 639px;
		float: left;
		line-height: 1.8;
	}
	
	div#footer {
		width:460px;
		height:20px;
		margin:0px;
		background-color:transparent;
		float:left;
		font-size:9px;
		color:#FFFFFF;
		text-align:right;
		line-height:20px;
	}

	div#footer a {
		color:#FCFCFC;
		text-decoration:none;
		padding:0 5px;
	}
	
	/** equalHeights van de kolommen - height wordt dynamisch bepaald **/
	
	div#firstFlex {
		background: transparent url('../images/layout/block-links-transparant-bg.png') repeat-y 0 0;
	}
	
	div#secondFlex {
		background-color: #FFFFFF;
	}
	
	div#thirdFlex {
		background: transparent url('../images/layout/block-links-transparant-bg.png') repeat-y 0 0;
	}
	
	/*****************************************************************************************
	** Blokken 																				**
	*****************************************************************************************/	

	div.block {
		display:block;
		float:left;
		width:221px;
		margin:0px;	
	}

	div.blockNoCufon {
		display:block;
		float:left;
		width:221px;
		margin:0px;	
	}



	div.block h2 {
		font-size:13px;
		font-weight:bold;
		margin:0px;
	}
	
	div.block p {
		font-size:11px;
		margin:0px 0px 0px 0px;
	}	
	
	/**********************
	** Custom Styles     **
	/**********************/
	
	/** links **/
	div.links-geel {
		background: transparent url('../images/layout/block-links-geel-bg.png') no-repeat 0 0;
	}
	
	div.links-geel h2{
		margin: 25px 0 0 30px;
		text-transform: uppercase;
		font-size:13px;
		color: #003D71;
	}
	
	div.links-transparant {
		background: transparent url('../images/layout/block-links-transparant-bg.png') no-repeat 0 0;
		height: 110px;
	}
	
	/** rechts **/	
	
	div.rechts-geel {margin-bottom: -2px;}
	div.rechts-geel h2 {
		background: transparent url('../images/layout/block-rechts-geel-bg.png') no-repeat 0 0;
		height: 49px;
		width: 201px;
		margin: 0;
		text-transform: uppercase;
		font-size:13px;
		color: #003D71;
		padding: 25px 0 0 25px;
		line-height: 20px;
	}
	
	div.rechts-blauw h2 {
		background: transparent url('../images/layout/block-rechts-blauw-bg.png') no-repeat 0 0;
		height: 49px;
		width: 201px;
		margin: 0;
		text-transform: uppercase;
		font-size:13px;
		color: #FFFFFF;
		padding: 25px 0 0 25px;
	}
	
	div.rechts-blauw-hap h2 {
		background: transparent url('../images/layout/block-rechts-blauw-bg2.png') no-repeat 0 0;
		height: 49px;
		width: 201px;
		margin: 0;
		text-transform: uppercase;
		font-size:13px;
		color: #FFFFFF;
		padding: 25px 0 0 25px;
	}
	
	/* Overig */
	
	#contactBlok {
		color: #FFFFFF;
		font-weight: bold;
		margin: 15px 35px;
		font-size:13px;
	}
	
	#contactBlock.cufon {
		height: 18px;
	}
	
	.yellow {
		color: #F3C017;	
		height: 20px;
	}


	.blue {
		color: #F3C017;	
		height: 20px;
	}
	
	.baksheeshDiv {
		height: 6px;
	}

	/*****************************************************************************************
	** Menu 																				**
	*****************************************************************************************/
	
	div#mainmenu ul {
		display:block;
		float:left;	
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;
		margin: 4px 0 0 20px;		
	}
	
	div#mainmenu ul li {
		list-style-type:none;
		position:relative;
		display: inline;		
	}	
	
	div#mainmenu ul li a {
		padding:0 10px;
		width: 161px;
		float:left;
		line-height:24px;
		font-size:14px;
		font-weight:bold;
		color:#FFFFFF;
		display:block;
		text-decoration:none;
		text-transform: uppercase;
	}
	
	div#mainmenu ul li a.current {
		width: 161px;
		color: #003D71;
		background: #F3C017;
		height: 18px !important;
		padding-top: 6px;
	}
	
	div#mainmenu ul li a {
		height: 18px !important;
		padding-top: 6px;
	}
	
	div#mainmenu a:hover {
		background: #F3C017;
	}

	div#mainmenu h2 {
		margin: 25px 0 0 30px;
		text-transform: uppercase;
		font-size:14px;
		color: #F3C017;
	}
	
	div#submenu ul {
		display:block;
		float:left;	
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;
		margin: -7px 0 0 20px;		
	}
	
	div#submenu ul li {
		list-style-type:none;
		position:relative;
		display: inline;
	}	
	
	div#submenu ul li a {
		padding:6px 10px 0;
		width: 161px;
		float:left;
		line-height:24px;
		font-size:12px;
		font-weight:bold;
		color:#FFFFFF;
		display:block;
		text-decoration:none;
		text-transform: uppercase;
		height: 18px !important;
	}
	
		
	div#submenu a:hover {
		background: #003D71;
	}


	/*****************************************************************************************
	** Contact, Offerte formulier & GoogleMaps												**
	*****************************************************************************************/

	form#form {
		width:420px;
		float:left;
		display:block;
		margin:2px;
	}
	div.formrecord {
		clear:both;
		margin:2px;
	}
	
	div.formrecord label {
		display:block;
		float:left;
		width:130px;
		margin:2px;
	}
	
	div.formrecord INPUT[type="text"] {
		width:280px;
	}
	
	div.formrecord textarea {
		width:280px;
		height:150px;
	}
	
	div.formrecord sup {
		margin-right:150px;
	}
	
	.right {
		text-align:right;
	}
	
	.attention {
		background-color:#FFCFCF;
	}
	
	div#googledirectionsPrint {
		width:420px; 
		float:left; 
		clear:both; 
		margin:0 0 10px 0; 
		text-align:center;
		display:none;
	}
	
	div.googledir {
		width:420px;
	}
	
	/*****************************************************************************************
	** Nieuws																				**
	*****************************************************************************************/
	
	.nieuwsDatum {
		font-family: Trebuchet, Tahoma, Arial, serif;
		font-size: 16px;
		font-weight: bold;
		font-style: italic;
		color: #999999;
		padding: 5px 0 30px;
	}
	
	.nieuwsContent {
		padding-bottom: 20px;
		margin-bottom: 20px;
	}
	
	.newsPic {
		max-width: 150px;
	}
	
	.newsPicDiv {
		width: 150px;
		float: left;
		margin: 8px 15px 10px 0px;
	}
	
	.newsPicDivPic {
		width: 150px;
	}
	
	.newsPicDivLink {
		width: 150px;
		font-family: arial, tahoma, serif;
	}
	
	.newsPicDivMain {
		float: left;
		margin-top: 30px;
	}

	.newsPicMain {
		float: left;
		max-width: 420px;
	}
	
	.leesmeer {
		margin-top: 20px;
		float: right;
		font-weight: bold;
	}
	
	/*****************************************************************************************
	** Etalage																				**
	*****************************************************************************************/
	
	.etalageDetails {
		text-transform: uppercase;
		font-size: 12px;
	}
	
	.product-list-item {
		border-bottom: 1px dotted #003D71;
		margin: 0 0 10px;
		padding-bottom: 10px;
	}	
	
	.product-list-item h3 {
		margin-bottom: 10px;	
	}
	
	.product-single-item-text {
		margin: 10px;
		color: #003D71;
	}
	
	.product-single-item-images {
		margin: 10px;
	}
	
	.categorie-text {
		background-color:#F3C017;
		margin-bottom:30px;
		padding:10px;	
	}
	
	.categorie-text h4 {
		text-transform: uppercase;	
		color: #003D71;
	}
	
	div#crumblepath a, div#crumblepath {
		font-family: Trebuchet, Tahoma, Arial, serif;
		font-size: 12px;
		font-weight: normal;
		text-transform: uppercase;
		text-decoration: none;
		color: #003D71;
		margin-bottom: 20px;
	}
	
	div#crumblepath a:hover {
		font-weight: bold;
	}
	
	div#omschrijving  {
		margin:0 0 20px 0;
	}
	
	div#omschijving_onder {
		margin:20px 0 0 0;
	}
	
	.prijsList {
		font-weight: bold;
		font-size: 11px;
		text-transform: uppercase;
		text-align: right;
		margin-right: 25px;
	}
	
	.prijsDetails {
		font-weight: bold;
		font-size: 11px;
		text-transform: uppercase;
		text-align: right;
		margin-right: 25px;
	}
	
	
	/*****************************************************************************************
	** Pagination																			**
	*****************************************************************************************/
	
	div.pagination {
		padding: 3px;
		margin: 3px auto;
		text-align: center;
		
	}

	div.pagination a {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #003D71;
		text-decoration: none; /* no underline */
		color: #003D71;
	}

	div.pagination a:hover, div.pagination a:active {
		border: 1px solid #F3C017;
		color: #003D71;
	}
	
	div.pagination span.current {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #003D71;
		font-weight: bold;
		background-color: #003D71;
		color: #F3C017;
	}
	
	div.pagination span.disabled {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #999999;
		color: #999999;
	}
	
	
	/*****************************************************************************************
	** Blok nieuwbrief aanmelden 															**
	*****************************************************************************************/
	div.block-nieuwsbrief {
		display:block;
		float:left;
		width:200px;
		color:#ffffff;
		margin:0px;
		padding:10px;
		background-color:#003D71;	
	}

	div.block-nieuwsbrief p {
		margin:0 10px 10px 10px;
		padding:0 0 10px 0;
	}	

	div.block-nieuwsbrief input.formfield {
		width:195px;
		margin:4px 0px 0px 0px;
	}

	div.block-nieuwsbrief input.submitbutton {
		margin:2px 2px 0px 0px;
		float:right;
	}