/****************************************************************************/
/*************** CASCADING STYLE SHEET VAN JOACHIM VAN SCHOOTE **************/
/****************************************************************************/

body {
	background:url(images/bg.png) #fff repeat-x;
	font-family:"Tahoma";
	line-height:18px;
	font-size:12px;
	color:#8a9c65;
	margin:0;
}

/****************************************************************************/
/********************************* CONTAINER ********************************/
/****************************************************************************/

#container {
	background:url(images/container.jpg) top center no-repeat;
	width:100%;
}

/****************************************************************************/
/********************************** HEADER **********************************/
/****************************************************************************/

#header {
	background:url(images/header.png) no-repeat;
	margin:0 auto;
	height:182px;
	width:928px;
}

#header .inner {
	padding:29px 70px 0 40px;
	position:relative;
	height:153px;
	width:818px;
}

/****************************************************************************/
/*********************************** LOGO ***********************************/
/****************************************************************************/

#header h1.logo {
	background:url(images/logo.png) no-repeat;
	text-indent:-6000px;
	display:block;
	height:92px;
	width:108px;
	float:left;
	padding:0;
	margin:0;
}

#header h1.logo a {
	display:block;
	height:92px;
	width:108px;
}

/****************************************************************************/
/********************************* TELEFOON *********************************/
/****************************************************************************/

#header .telefoon {
	background:url(images/header_telefoon.png) no-repeat;
	text-indent:-6000px;
	margin-top:26px;
	display:block;
	height:59px;
	width:300px;
	float:right;
}

/****************************************************************************/
/*********************************** MENU ***********************************/
/****************************************************************************/

#header ul.menu {
	list-style-type:none;
	position:absolute;
	bottom:14px;
	width:910px;
	padding:0;
	left:32px;
	margin:0;
}

#header ul.menu li {
	text-indent:-6000px;
	margin-right:17px;
	float:left;
}

#header ul.menu li a {
	display:block;
	height:30px;
}

#header ul.menu li.welkom a {
	background:url(images/menu_welkom.png) no-repeat;
	width:52px;
}

#header ul.menu li.ontwerp_aanleg_tuinen a {
	background:url(images/menu_ontwerp_aanleg_tuinen.png) no-repeat;
	width:162px;
}

#header ul.menu li.terrassen_opritten a {
	background:url(images/menu_terrassen_opritten.png) no-repeat;
	width:136px;
}

#header ul.menu li.snoeien_rooien_bomen a {
	background:url(images/menu_snoeien_rooien_bomen.png) no-repeat;
	width:181px;
}

#header ul.menu li.tuin_onderhoud a {
	background:url(images/menu_tuin_onderhoud.png) no-repeat;
	width:102px;
}

#header ul.menu li.realisaties a {
	background:url(images/menu_realisaties.png) no-repeat;
	width:71px;
}

#header ul.menu li.contact a {
	background:url(images/menu_contact.png) no-repeat;
	width:51px;
}

#header ul.menu li.current a,
#header ul.menu li a:hover {
	background-position:left bottom;
}

/****************************************************************************/
/*********************************** BODY ***********************************/
/****************************************************************************/

#body {
	background:url(images/body.png) repeat-y;
	padding:0 0 11px 0;
	margin:0 auto;
	width:928px;
}

#body h1 {
	text-indent:-6000px;
	margin:0 0 10px 0;
	display:block;
	height:36px;
	padding:0;
}

#body h1.ontwerp_aanleg_tuinen {
	background:url(images/h1_ontwerp_aanleg_tuinen.png) no-repeat;
}

#body h1.onze_realisaties {
	background:url(images/h1_onze_realisaties.png) no-repeat;
}

#body h1.welkom {
	background:url(images/h1_welkom.png) no-repeat;
}

#body h1.contact {
	background:url(images/h1_contact_ons.png) no-repeat;
}

#body h1.terassen-opritten {
	background:url(images/h1_terrassen_opritten.png) no-repeat;
}

#body h1.snoeien-rooien-bomen {
	background:url(images/h1_snoeien_rooien_bomen.png) no-repeat;
}

#body h1.tuin-onderhoud {
	background:url(images/h1_tuin_onderhoud.png) no-repeat;
}

#body .groen {
	color:#6d8e30;
}

/****************************************************************************/
/*********************************** FOTO ***********************************/
/****************************************************************************/

#body .foto {
	padding:0 0 3px 0;
	margin:0 auto;
	width:894px;
}

/****************************************************************************/
/*********************************** BALK ***********************************/
/****************************************************************************/

#body .balk {
	background:url(images/balk.png) no-repeat;
	padding:8px 0 0 584px;
	margin:0 0 0 -4px;
	height:45px;
	width:353px;
}

#body .balk a.bekijk_meer_realisaties {
	background:url(images/balk_bekijk_meer_realisaties.png) no-repeat;
	text-indent:-6000px;
	display:block;
	height:31px;
	width:307px;
}

#body .balk a:hover.bekijk_meer_realisaties {
	background-position:left bottom;
}

/****************************************************************************/
/******************************** FULLWIDTH *********************************/
/****************************************************************************/

#body .fullwidth {
	padding:10px 0 40px 0;
	position:relative;
	margin-left:17px;
}

body.home #body .fullwidth {
	background:url(images/fullwidth_home.png) no-repeat;
	padding-left:215px;
	width:675px;
}

#body .fullwidth a.klimop {
	background:url(images/klimop.png) no-repeat;
	text-indent:-6000px;
	position:absolute;
	cursor:pointer;
	display:block;
	height:347px;
	width:275px;
	left:-93px;
	bottom:0;
}

#body .fullwidth a:hover.klimop {
	background-position:left bottom;
}

/****************************************************************************/
/******************************* REALISATIES ********************************/
/****************************************************************************/

#body .fullwidth .realisaties .item {
	padding:13px 18px 0 13px;
	margin:0 10px 10px 0;
	background:#e6ecd9;
	line-height:16px;
	color:#8a9c65;
	height:95px;
	width:408px;
	float:left;
}

#body .fullwidth .realisaties .item .img {
	background:url(images/fullwidth_realisaties.png) right center no-repeat;
	width:155px;
	float:left;
}

#body .fullwidth .realisaties .item .omschrijving {
	width:240px;
	float:right;
}

#body .fullwidth .realisaties .item .omschrijving p.datum {
	font-weight:bold;
	color:#6d8e30;
	margin:0;
}

#body .fullwidth .realisaties .item .omschrijving h4 {
	font-size:14px;
	color:#456705;
	padding:0;
	margin:0;
}

#body .fullwidth .realisaties .item .omschrijving h4 a {
	color:#456705;
}

#body .fullwidth .kolom {
	margin-right:20px;
	width:315px;
	float:left;
}

/****************************************************************************/
/********************************** CONTENT *********************************/
/****************************************************************************/

#body .content {
	padding-left:46px;
	padding-top:15px;
	width:580px;
	float:left;
}

#body .content h2 {
	font-size:12px;
	color:#436503;
	padding:0;
	margin:0;
}

/****************************************************************************/
/********************************** SIDEBAR *********************************/
/****************************************************************************/

#body .sidebar {
	margin-right:17px;
	width:250px;
	float:right;
}

#body .sidebar h3 {
	text-indent:-6000px;
	margin:0 0 20px 6px;
	display:block;
	height:15px;
	padding:0;
}

#body .sidebar h3.enkele_realisaties {
	background:url(images/h3_enkele_realisaties.png) no-repeat;
}

/****************************************************************************/
/*********************************** BLOCK **********************************/
/****************************************************************************/

#body .sidebar .block {
	padding:20px 0 20px 44px;
	background:#e6ecd9;
}

/****************************************************************************/
/******************************** REALISATIES *******************************/
/****************************************************************************/

#body .sidebar .block .realisaties .item {
	background:url(images/sidebar_realisaties.png) no-repeat;
	padding:5px 0 0 5px;
	margin-bottom:14px;
	height:87px;
	width:148px;
}

/****************************************************************************/
/********************************** FOOTER **********************************/
/****************************************************************************/

#footer {
	background:url(images/footer.png) no-repeat;
	margin:0 auto;
	height:93px;
	width:928px;
}

#footer .inner {
	padding:0 17px 0 17px;
	position:relative;
	height:93px;
	width:894px;
}

#footer .schop {
	background:url(images/footer_schop.png) no-repeat;
	position:absolute;
	bottom:-40px;
	height:324px;
	width:196px;
	right:-44px;
}

#footer .box {
	height:76px;
	float:left;
}

#footer .box.geregistreerd_aannemer {
	background:url(images/footer_geregistreerd_aannemer.png) 34px 13px #679339 no-repeat;
	padding:0 0 0 218px;
	width:415px;
}

#footer .box.geregistreerd_aannemer ul.contact {
	list-style-type:none;
	padding:12px 0 0 0;
	padding:0;
    margin-top:10px;
}

#footer .box.geregistreerd_aannemer ul.contact li {
	font-weight:bold;
	font-size:13px;
	display:block;
	width:170px;
	float:left;
	color:#fff;
}

#footer .box.geregistreerd_aannemer ul.contact li a {
	color:#bdd58a;
}

#footer .box.copyright {
	background:#bdd58a;
	padding-left:15px;
	color:#6d8735;
	width:235px;
	float:right;
}

#footer .box.copyright p {
	margin-top:10px;
}

#footer .box.copyright b {
	color:#83aa17;
}

/****************************************************************************/
/********************************** OVERIG **********************************/
/****************************************************************************/

.clearfix:after {
	visibility:hidden;
	display:block;
	content:".";
	clear:both;
	height:0;
}

img {
	border:none;
}

p {
	margin-top:0;
}

a {
	text-decoration:none;
    outline: none;
}

.formulier 
{
	background: #FAFAFA;
	border: solid 1px #a4a39f;
	color: #111111;
	font-size: 14px;
	font-family: Georgia;
	padding: 3px;
}