/*****************************************************************************************
    ** Basis                                                                                 **
    *****************************************************************************************/
    
    * {
        margin:0px;
        padding:0px;
    }
	
	a,
	a:active,
	a:visited {
		color:#F00;
	}
	
	img { 
		border:none; 
	}
	
    body {
		background:url(../images/layout/background.jpg) repeat-x #000000;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
    }
	
	div#header-wrapper {
		background:url(../images/layout/header.png) no-repeat top center;
		width:960px;
		margin-top:30px;
		float:left;
	}
	
	div#header-wrapper div#logo {
		margin-top:10px;
		margin-left:25px;
		float:left;
	}

	div#visual {
		float:left;
		width:960px;
		overflow:hidden;
		height:285px;
	}

	div#slideshow {
		float:left;
		width:960px;
		overflow:hidden;
		height:285px;
	}
	
	div#header {
		background-color:#515358;
		height:35px;
		float:left;
		width:890px;
		margin:5px 0 0 35px;
	}
	
	div#header img{
		position:relative;
		top:-32px;
	}
	
	div#highlights {
		float:left;
		height:275px;
		width:910px;
		padding:30px 10px 50px 40px;
		background:url(../images/layout/highlights.png) no-repeat;
	}
    
	div#centerThis {
		float:left;
		left:50%;
		margin-left:-485px;   
		position:relative;
		width:970px;
		padding:0 5px 0 5px;
		clear:both;
	}
    
	div#centerThis p {
		margin-bottom:10px;
	}

    div#mainmenu {
        height:140px;
		width:600px;
		float:left;
    }
        
    div#submenu {
        background-color:#3F71D2;
        float:left;
        padding:0px 5px;
        width:890px;        
    }    
    
    div#columnWrapper {
		background:#515358;
		float:left;
		width:830px;
		margin-left:35px;
		padding:0 30px 30px 30px;
		color:#FFFFFF;
    }
	
	div#firstColumn {
		float:left;
		height:auto;
		width:550px;
		margin:0 30px 0 0;
		color:#FFF;
	}
	
	div#firstColumn li {
		list-style-image: url(../images/layout/list-bullet.png);
		margin: 0 0 0 12px;
	}

	div#firstColumn  h1 {
		margin-bottom:10px;
		font-size:14px;	
	}
	
	div#secondColumn {
		float:left;
		height:auto;
		width:250px;
		text-align:left;
		padding:10px 0 0 0;
	}
	
	div#secondColumn ul {
		list-style:square;
		margin:0 0 0 20px;
		text-decoration:none;
	}
    
		
	div#secondColumn ul li a {
		color:#FFF;
		font-weight:bold;
		text-decoration:none;
	}
	
		div#secondColumn ul li a:hover {
		text-decoration:underline;
	}
	
	div#footer {
		background:url(../images/layout/footer.png) no-repeat;
		height:155px;
		width:900px;
		margin-bottom:20px;
		float:left;
		padding:70px 0 0 60px;
	}
	
	div#footer div.footer-block {
		width:270px;
		height:150px;
		float:left;
		margin-right:30px;
	}
	
	div#footer div.footer-block ul {
		list-style:square;
	}
	
	div#footer div.footer-block ul li a,
	div#footer div.footer-block ul li a:active,
	div#footer div.footer-block ul li a:visited {
		color:#000000;
		font-weight:bold;
		text-decoration:none;
	}
	
	div#footer div.footer-block ul li a:hover {
		text-decoration:underline;
	}
	
	a.creator-link,
	a.creator-link:active,
	a.creator-link:visited {
		float:left;
		display:block;
		text-align:center;
		color:#FFFFFF;
		width:960px;
		margin-bottom:10px;
		font-size:10px;
		text-decoration:none;
	}
	
	a.creator-link:hover {
		text-decoration:underline;
	}
	
		table#subsidietabel > td {
		float:left;
		padding:5px;
		width:20%;
	}
	
	table#subsidietabel td {
		padding:5px;
	}
	
	table#subsidietabel a {
		color:#FFF;
	}
	
	.altColor {
		background-color:#3E3E3E;
	}
	
	/*****************************************************************************************
	** Blokken 																				**
	*****************************************************************************************/	

	div#highlights div.block {
		float:left;
		width:250px;
		height:260px;
		background:#C90000;
		margin-right:30px;
		padding:10px;
		color:white;
		position:relative;
	}
	
	div#highlights div.block h3 {
		width:250px;
		text-align:center;
		margin-bottom:10px;
	}
	
	div#highlights div.block img {
		margin-bottom:10px;
	}

	div#highlights div.block a,
	div#highlights div.block a:active,
	div#highlights div.block a:visited {
		color:white;
		text-decoration:none;
	}
	
	div#highlights div.block a:hover {
		text-decoration:underline;
	}
	
	div#highlights div.block a.read-more,
	div#highlights div.block a.read-more:active,
	div#highlights div.block a.read-more:visited {
		position:absolute;
		bottom:10px;
		color:white;
		font-style:italic;
		text-decoration:none;
	}
	
	div#highlights div.block a.read-more:hover {
		text-decoration:underline;
	}
	
	div#footer div.block {
		width:270px;
		height:150px;
		float:left;
		margin-right:30px;
	}
	
	div#footer div.block ul {
		list-style:square;
	}
	
	div#footer div.block ul li a,
	div#footer div.block ul li a:active,
	div#footer div.block ul li a:visited {
		color:#000000;
		font-weight:bold;
		text-decoration:none;
	}
	
	div#footer div.block ul li a:hover {
		text-decoration:underline;
	}

	div.adres-footer {
		color:#8F8F8F;
		float:left;
		margin-top:-40px;
	}

	/*****************************************************************************************
	** Menu 																				**
	*****************************************************************************************/
	
	div#mainmenu ul {
		list-style:none;
		float:right;
		margin:27px 0 0 0;
		position: relative;	
	}
	
	div#mainmenu ul li {
		float:left;
		background:url(../images/layout/seperator.jpg) no-repeat 100% 55px;
		padding:0 10px 0 0;
		margin:0 0 0 5px;
		position: relative;
	}
	
	div#mainmenu ul li:last-child {
		background:none;
	}
	
	div#mainmenu ul li a,
	div#mainmenu ul li a:active,
	div#mainmenu ul li a:visited {
		display:block;
		color:white;
		text-decoration:none;
		font-weight:bolder;
		font-size:12px;
		text-transform:uppercase;
		height:25px;
		padding:0 0 3px 0;
	}
	
	div#mainmenu ul li a:hover,
	div#mainmenu ul li a.current {
		text-decoration:underline;
	}

	div#mainmenu ul li:hover ul,
	div#mainmenu ul li.sfHover ul {
	  top: 17px;
	}	
	
	div#mainmenu ul li ul {
		background-color:#BF0000;
		left: -1px;
		list-style: none;
		margin:0;
		padding:10px 0 20px 0;
		position: absolute;
		top: -999em;		
		width: 200px;
		z-index:999;
	}
	
	div#mainmenu ul li ul li {
		background:none;
		float:left;
		list-style-type:none;
		margin:0;
		position: relative;	
		text-align:left;
	}	

	div#mainmenu ul li ul li a {
		border-bottom:1px solid #FFFFFF;
		color:#FFFFFF;
		display:block;
		float:left;		
		font-size:12px;
		font-weight:normal;
		height:25px !important;
		line-height:22px !important;
		margin:0 5px 0 5px;
		padding:3px 15px 3px 15px !important;
		text-decoration:none;
		width:150px;
	}
	
	div#mainmenu ul li ul li a:hover,
	div#mainmenu ul li ul li a.current {
		background:transparent url(../images/layout/menu_arrow_sub.png) no-repeat 0 50%;
	}
	
	/*****************************************************************************************
	** Etalage																				**
	*****************************************************************************************/
	
	div#products{
		float:left;
		width:550px;
	}
	
	img.product-listview-thumb{
		float:left;	
		width:110px;
		margin:0 10px 0 0;
	}
	
	div.product-listview-wrapper{
		float:left;
		border-bottom:1px solid #727377;
	}
	
	div.product-listview-wrapper h2{
		font-size:16px;
		margin:5px 0 5px 0;
	}
	
	div.product-listview-wrapper p{
		float:left;	
		
	}
	
	div.product-listview-wrapper-omschrijving{
		float:left;
		min-height:90px;
		width:430px;
		margin: 0 0 5px 0;
	}
	
	div.product-listview-wrapper p.details{
		display:block;
		float:left;
		height:20px;
		text-align:right;
		width:550px;
		margin:0 0 5px 0;
	}
	
	div.product-listview-wrapper p.details a {
		background-color:#3e3e3e;
		color:#FFFFFF;
		height:20px;
		line-height:20px;
		padding:3px 15px;
		text-decoration:none;
	}
	
	/*****************************************************************************************
	** FORMULIER																			**
	*****************************************************************************************/
	form#reserveerform{
		float:left;	
	}
	
	textarea,
	select,
	input {
		background-color:#5f636b;
		border:1px solid #34363b;
		color:#FFF;
	}
	
	div.formblock_large {
		width:530px;
		float:left;
		margin:0 15px 20px 0;
	}

	div.formblock_small {
		width:305px;
		float:left;
		margin:0 0 20px 0;
		min-height:320px;
	}

	textarea.opmerking {
		width:250px;
		height:248px;
		margin:20px 0 0 0;
	}

	div.formblock {
		width:415px;
		float:left;
		margin:0 0 0 0;	
	}

	div.formblock h3,
	div.formblock_large h3 {
		margin:0 0 10px 0;
	}

	div.formblock p,
	div.formblock_large p {
		float:left;
		margin:0 0 5px 0;
	}

	div.formblock label {
		display:block;
		float:left;
		width:130px;
		margin:0 0 6px; 0;	
	}

	div.formblock input[type=text],
	div.formblock select {
		display:block;
		float:left;
		width:250px;	
	}

	div.offerterow {
		float:left;
		margin:0 0 5px 0;
	}

	div.offerterowproducten {
		float:left;
		margin:0 0 5px 0;
		padding:0 0 5px 0;
		border-bottom:1px dotted #CCCCCC;
	}
	
	div.offerterow-aantal {
		float:left;
		width:45px;
		margin:0 4px 0 0;
	}

	div.offerterow-breedte {
		float:left;
		width:55px;
		margin:0 4px 0 0;	
	}

	div.offerterow-hoogte {
		float:left;
		width:55px;
		margin:0 4px 0 0;	
	}

	div.offerterow-glassoort {
		float:left;
		width:160px;
		margin:0 4px 0 0;	
	}

	div.offerterow-glasdikte {
		float:left;
		width:60px;
		margin:0 4px 0 0;	
	}

	div.offerterow-ventilatierooster {
		float:left;
		width:85px;
		margin:0 4px 0 0;	
	}

	div#formblock_01 {
		
	}

	div#formblock_03 {
		
		
	}

	div#formblock_04 {
		padding:10px 0 0 0;
	}

	div#formblock_05 {
		padding:10px 0 0 0;
		float:left;
		width:260px;
	}
	
	div#formblock_05 h3 {
		margin:0 0 10px 0;
	}

	div#formblock_06 {
		float:left;
		text-align:right;
		width:798px;
	}	

	div#msg {
		background-color:#c9e6ff;
		float:left;
		width:850px;
		clear:both;
		padding:20px;
		margin:10px 0;
		border:1px solid #0465b7;
	}

	div#msg ul {
		margin:5px 0 5px 15px;
	}
	
	input.captureit {
		display:none;
	}
	
	/*****************************************************************************************
	** CONTACTFORMULIER 																	**
	*****************************************************************************************/
	
	div#contactLeft {
		float:left;
		width:400px;
		padding: 20px 0 0 0;
	}
	
	div#contactRight {
		margin: 0 0 0 40px;
		float:left;
		width:300px;
		padding: 20px 0 0 0;
	}
	
	div.formrecord label {
		width:100px;
		float:left;
	}
	
	div.formrecord input {
		width:298px;
		float:left;
	}
	
	div.formrecord textarea {
		width:298px;;
		height:150px;
		float:left;
	}
	
	div.formrecord {
		width:400px;
		float:left;
		margin:2px 0 2px 0;
	}
	
	div.formrecord INPUT[type="submit"] {
		width:75px;
		float:right;
	}
	
	div#googleMapLocation {
		display:block;
		float:left;
	}

	div#googlemap {
		color:#000;
	}


	
	div#googledirectionsPrint {
		width:100%; 
		float:left; 
		clear:both; 
		margin:0 0 10px 0; 
		text-align:center;
		display:none;
	}
	
	div#googledirectionsPrint a{
		font-size:14px;
	}
	
	div.googledir {
		width:810px;
		background-color:#D1D0CD;
		border: 1px solid black;
		padding:5px;
	}
	
	div#googledirectionsform {
		float:left;	
		width:830px;
		border-top: 1px solid #727377;
		margin: 20px 0 0 0;
		padding: 20px 0 0 0;
		color:#333;
	}
	
	div#googledirectionsform h2{
		color:#FFF;
		margin: 0 0 10px 0;
	}

	/*****************************************************************************************
	** Aanbieding 																			**
	*****************************************************************************************/
	
	div#aanbiedingContainer {
		margin:5px;
		clear:both;
	}
	
	div#aanbiedingContainer h1 {
		margin:3px;
		font-size:18px;
	}
	
	div.aanbiedingDeel {
		margin:5px;
	}
	
	div#aanbiedingPrinter {
		text-align:right;
	}
	
	div#hidecontent{
		visibility: hidden;
		width: 100%;
		height: 100%;
		position: absolute;
		z-index: 899;
		top: 0;	
		left: 0;	
		background: #666; 
		opacity: 0.65;
		-moz-opacity: 0.65; 
		filter:alpha(opacity=65); 
	}
	
	div#poster {
		display: none;
		width: 100%;
		position: absolute;
		z-index: 999;
		top: 0;	
		left: 0;	
		background: transparent;	
	}
	
	div#poster_inner {
		width:  1000px;
		height: 600px;
		margin: 50px auto;
	}

	/*****************************************************************************************
	** PROJECTEN																			**
	*****************************************************************************************/
	
	div#projecten-knop { 
		float:right;
		text-align:right;
	}
	
	div#projecten-knop a {
		color:#fff;
		background-color:#3E3E3E;
		text-decoration:none;
		padding:7px;
	}
	

	.project-container {
		float:left;
	}

	.project-block {
		float:left;
		border-bottom:1px solid #727377;
		width:550px;
		margin:0 0 40px 0;
	}

	.project-image {
		float:left;
		width:150px;
		display:block;
		margin:0 10px 0 0;
	}
	
	.project-text {
		float:left;
		width:280px;
		height:120px;
	}

	.project-title {
		float:left;
		width:280px;
	}
	
	.project-omschrijving {
		float:left;	
		width:350px;
		height:100px;
		margin:30px 0px 0px 0px;
	}
	
	.project-leesmeer {
		float:right;
		width:550px;
		margin:0 0 10px 0;
	}

	.project-leesmeer a {
		color:#fff;
		text-decoration:none;
		padding:5px;
		width:75px;
		background-color:#3E3E3E;
		float:right;
	}
	
	
	div#projectpagina {
		float:left;
		width:550px;
	}
	
	div#projectpagina h1 {
		margin:0 0 10px 0;
	}

	.projectpagina-pic {
		float:left;
		width:115px;
		margin:0 22px 0 0;
	}
	div#projectpagina-pic-container {

		float:left;
	}

	.projectpagina-omschrijving {
		float:left;
		width:500px;
	}
	
	.projectpagina-nopic-omschrijving {
		float:left;
		width:550px;
	}
	
	div#projectpagina-terugbutton {
		float:left;
		width:550px;
		margin-top:20px;
	}

	div#projectpagina-terugbutton a {
		color:#fff;
		text-decoration:none;
		padding:5px;
		background-color:#3E3E3E;
		float:left;

	}