/*****************************************************************************************
	** Basis 																				**
	*****************************************************************************************/
	
	* {
		margin:0px;
		padding:0px;
	}
	
	h1 { font-size:18px; }
	h2 { font-size:16px; color:red; margin:15px 0 0 0}
	h3 { font-size:14px; font-weight:bold;}

	p { margin:5px 0 15px 0;}
	
	img { border:0px; }

	div.clear { clear:both; }
	
	

	body {
		font-size:12px;
		color:#000000;
		font-family:arial, verdana, sans-serif;
		background: #fefaca url('../images/layout/background.jpg') repeat-x;
	}
	
	div#centerThis {
		width:960px;
		margin:0px auto;
		/* visibility: hidden; */
	}
	
	div#shadow-top{
		width:960px;
		height:22px;
		margin:0;
		background:url('../images/layout/shadow_top.png') no-repeat;
		float:left;
	}
	
	div#shadow-bottom {
		width:960px;
		height:22px;
		margin:0;
		background:url('../images/layout/shadow_bottom.png') no-repeat;
		float:left;
	}	
	
	div#canvas {
		width:960px;
		background-color:#FFFFFF;
		float:left;
		padding:10px 0;
	}
	
	div#header {
		width:940px;
		height:240px;
		margin:0 10px 0px 10px;
		background-color:#FAFAFA;
		float:left;
	}
	
	div#visual {
		width:940px;
		height:240px;
		margin:0 10px 0px 10px;
		background-color:#FAFAFA;
		float:left;
		overflow:hidden;	
	}
	
	div#slideshow {
	}

	div#mainmenu {
		background-color:#FF0000;
		float:left;
		margin:0px 10px 0px 10px;
		width:928px;
		height:24px;
		padding:6px;
		background:url('../images/layout/mainmenu_background.jpg') repeat-x;		
	}
		
	div#submenu {
		float:left;
		margin:0px 10px 0px 10px;
		width:940px;
				
	}	
	
	div#columWrapper {
		width:940px;
		margin:0px 10px 10px 10px;
		float:left;
		z-index:10;
}

	div#firstColum {
		width:220px;
		margin:10px 20px 10px 0;
		float:left;
	}

	div#secondColum {
		width:460px;
		margin:10px 0px;
		float:left;
	}

	div#secondColum ul {
		margin:4px 0 0 15px;
	}

	div#secondColum img {
		margin:6px;
	}

	div#fotoalbum img {
		margin:2px;
	}
	
	div#thirdColum {
		width:220px;
		margin:10px 0 10px 20px;
		float:left;
	}	
	
	div#footer {
		width:940px;
		height:20px;
		margin:0px 10px;
		background:#FF0000 url('../images/layout/footer_background.jpg') repeat-x;
		float:left;
		font-size:9px;
		color:#FFFFFF;
		text-align:center;
		line-height:20px;
	}
	
	div#footer a{
		color:#FFFFFF;
		text-decoration:none;
	}

	
	
	/*****************************************************************************************
	** Blokken 																				**
	*****************************************************************************************/	

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

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

	.yellowblock {
		display:block;
		float:left;
		width:200px;
		color:#000000;
		margin:0px 0px 10px 0px;
		background-color:#F6EB13;
		padding:10px;
	}
	
	.yellowblock h2 {
		color:#FD1001;
		margin:0 0 3px 0;
		font-size:14px;
		font-weight:bold;
	}
	
	.yellowblock ul {
		margin: 0 0 7px 15px;
	}	
	
	.yellowblock ul li a{
		color:#000000;
		text-decoration:none;
	}
	
	.yellowblock ul li a:hover{
		color:#000000;
		text-decoration:underline;
	}

	div.buttoncontainer {
		display:block;
		float:left;
		width:220px;
		color:#000000;
		margin:0px 0px 10px 0px;
		
	}

	/*****************************************************************************************
	** Menu 																				**
	*****************************************************************************************/
	
	div#mainmenu ul {
		display:block;
		float:left;	
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;		
	}
	
	div#mainmenu ul li {
		list-style-type:none;
		position:relative;
		display: inline;
	}	
	
	div#mainmenu ul li a {
		padding:0 10px;
		height:24px;
		float:left;
		line-height:24px;
		font-size:16px;
		color:#FFFFFF;
		display:block;
		text-decoration:none;
	}
	
	div#mainmenu ul li a:hover,
	div#mainmenu ul li a.current {
		background-color:#FFFFFF;
		color:#FF0000;
	}

	

	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;
		background-color:red;
	}
	
	div#submenu ul li a:hover,
	div#submenu ul li a.current {
		background-color:white;
		color:red;
	}

    
	#mainmenu li:hover {
		visibility:		inherit; /* fixes IE7 'sticky bug' */
	}
	#mainmenu li:hover ul,
	#mainmenu li.sfHover ul {
		left:			-83px;
		top:			0px; /* match top ul list item height */
		z-index:		900;
		width:0px;
		float:left;
		position:relative;
	}
	ul#mainmenu li:hover li ul,
	ul#mainmenu li.sfHover li ul {
		top:			-999em;
	}
	
	div#mainmenu ul li ul {
		background:none;
		left: -20px;
		list-style: none;
		padding:25px 0 0 0;
		position: absolute;
		top: -999em;		
		z-index:999;
	}
	
	div#mainmenu ul li ul li {
		background-color:#fc0000;
		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;
		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:white;
		color:red;
	}
	
	#menuSubItems {
		width:200px;
		height:15px;
		text-decoration:none;
		color:#000;
	}
	
	#menuSubItems a {
		text-decoration:none;
		color:#000;
	}

    /* formulier */
    input#antispam {
        display:none;
    }  
    
    div#form-left {
        width:230px;
        height:135px;
        float:left;
    }
    div#form-right {
        width:230px;
        height:135px;
        float:left;
    }
    
    div#form-right textarea {
        height:105px;
    } 
    
    div.formrecord {
        margin:10px 0;
    }
    
    div.formrecord label {
        display:block;
    } 
    
    div#form_submit {
        clear:both;
        margin-top:10px;
        float:right;
        margin-right:45px;
    }
    
    /* landings pages */
    h3 { 
    font-size: 16px; 
    margin: 15px 0 0 0;
    }
    .yellowblock h3 {
        color: #FF0000;
        margin: 0 0 3px 0;
        font-size: 14px;
        font-weight: bold;
    }
    .bel {
        background-color: #F6EB13;
        padding: 10px;
        text-align: center;
        font-size: 16px;
        font-weight: bold;
    }
    .bel h3 {
        color: #FF0000;
        margin: 0 0 3px 0;
        font-size: 18px;
        font-weight: bold;
    }
    p a:link,
    p a:active,
    p a:hover,
    p a:visited{
        color:black;
        text-decoration:none;
    }
    
    /* fotos */

	ul#ul-left {
		float:left;
		width:210px;
	}

	ul#ul-right {
		float:right;
		width:210px;
	}
    
    div.thumb {
        width:130px;
        float:left;
        padding:5px;
        border:1px solid black;
        margin-right:10px;
        margin-bottom: 10px;
    }

	a#ahrefbtn1{
		background-color:#F6EB13;
		color:#FD1001;
		display:block;
		float:left;
		margin-right:5px;
		padding:8px 3px;
		width:100px;
		text-align:center;
		font-size:14px;
	}
	a#ahrefbtn1:hover{
		background-color:#FD1001;
		color:#F6EB13;
	}


	a#ahrefbtn2 {
		background-color:#F6EB13;
		display:block;
		color:#FD1001;
		float:left;
		margin-left:5px;
		padding:8px 2px;
		width:100px;
		text-align:center;
		font-size:14px;
	}
	
	a#ahrefbtn2:hover{
		background-color:#FD1001;
		color:#F6EB13;
	}

	a.ahrefbtn {
		background-color:#F6EB13;
		display:block;
		color:#FD1001;
		padding:8px 10px;
		text-align:center;
		font-size:14px;
	}
	
	a.ahrefbtn:hover{
		background-color:#FD1001;
		color:#F6EB13;
	}
	
	div#introconflict {
	z-index:0;
	position:relative;
	}

	div#kunstgras {
		background-color:#F6EB13;
		font-size:14px;
		padding:10px;
		width:200px;
		color:#FD1001;
	}

	div#span {
		color:#FD1001;
	}

	div#soortengrastapijt {
		float:left;
		margin:0px 0 10px 0;
		padding:20px 0 20px 0px;
		border-bottom: 1px dotted #FD1001;
	}

	div#soortengrastapijt ul {
		float:left;
		width:230px;
	}
	
	div#soortengrastapijt h3 {
		font-size:10px; 
		margin:10px 0 5px 0;
	}
	div#soortengrastapijt h2 {
		color:#FD1001;
		font-family:arial;
		font-size:16px;
		margin:20px 0 20px 0;
	}
	
	div#soortengrastapijt img {
		float:right;
		margin:0 10px 0 0;
		border:1px solid #FD1001;
	
	}
	div#kunstgraspic {
		float:left;
		text-align:center
	}
	div#kunstgraspic img {
		float:left;
		text-align:left;
		width:200px;
		margin:0 10px 0 0 ;
	}	

	div#kunstgraspic p {
		float:left:
		margin:0;
	}
	
	div#grastapijt ul {
		margin:20px 20px 20px 30px;
	}

	div#grastapijt a {
		border-bottom:1px dotted #FD1001;
		text-decoration:none;
		color:#000;
	}

	div#grastapijt img {
		margin-top:40px;
	}

	div#installatie-grastapijt ul {
		list-style-type:none;
		margin:0;
		padding:0;
	}

	div#installatie-grastapijt li {
		margin:20px 0 0 0;
	}

	div#grastapijt-afbeelding {
		display:block;
		float:left;
		margin:5px 0 5px 0;
		z-index:10;
		position:relative;
	}
	div#grastapijt-transparent {
		float:left;	
		margin:2px;
		width:220px;	
	}