:focus {
	outline: 0;
}  

* {
	padding: 0;
	margin: 0;
	border: none;
}

/*rood*/
*, #menu a {
	color: #a53434;
}

/*groen*/
a:link, a:visited, h1, #menu a.actief {
	color: #1D753F;
}

/*orange*/
a:hover, a.actief, #menu a:hover {
	color: #D66C31;
}



/*STRUCTUUR*/
html, body {
	width: 100%;
	height: 100%;
	min-height: 100%;
	font-family: Georgia, sans-serif;
	font-size: 15px;
	line-height: 20px;
}

body {
	background: transparent url(../images/midden.png) repeat-y top center;
}

body.body {
	background: #899775 url(../images/bg.jpg) no-repeat scroll top center;
}


#wrapper {
	margin: 0 auto;
	position: relative;
	width: 960px;
}


/*wrapper*/
#header {
	margin-left: -67px;
	width: 1100px;
	height: 217px;
	background: transparent url(../images/header.png) no-repeat bottom center;
}

#content {
	position: relative;
	background: transparent url(../images/midden.png) repeat-y top center;
	padding-top: 0px;
}

#voet {
	width: 960px;
	height: 530px;
	font-size: 13px;
	background: transparent url(../images/voet.png) no-repeat top center;
}





/*header*/
#menu {
	padding-top: 140px;
	position: relative;
	margin: 0 auto;
	width: 806px;
	height: 80px;
	overflow: hidden;
	text-align: center;
}

#path {
	position: relative;
	margin: 5px auto 0 auto;
	width: 846px;
	display: none;
}





/*content*/

#hoofdkader {
	position: relative;
	margin: 0 auto;
	width: 856px;
	min-height: 500px;
	background: transparent	url(../images/trans.png) repeat top left;
}

.front #hoofdkader {
	background: none;
}

#tekst {
	position: relative;
	width: 560px;
	text-align: left;
	padding-bottom: 100px;
}

#marge {
	margin: 0 0px 0 15px;
	padding: 15px 0 20px 0;
}

.front #marge {
	margin: 0 0px 0 15px;
	padding: 0px 0 20px 0;
}

#rechts {
	position: absolute;
	top: 0;
	right: 0;
	width: 289px;
	overflow: hidden;
}

#ornament {
	position: absolute;
	bottom: 0;
	width: 856px;
	height: 80px;
	background: transparent	url(../images/ornament.png) no-repeat top center;
}


/*HOOFDMENU*/
#menu ul {
	margin: 0;
	padding: 0;
	text-align: left;
	list-style: none;
}

#menu li {
	margin: 0;
	padding: 0;
	float: left;
	height: 80px;
}

#menu a {
	display: block;
	font-size: 18px;
	text-align: center;
	overflow: hidden;
	line-height: 110px;
	height: 80px;
	padding: 0 25px;
}


#menuitem_0 a {
	background: transparent url(../images/home.png) no-repeat top center;
}
#menuitem_1 a {
	background: transparent url(../images/producten.png) no-repeat top center;
}
#menuitem_2 a {
	background: transparent url(../images/workshops.png) no-repeat top center;
}
#menuitem_3 a {
	background: transparent url(../images/recepten.png) no-repeat top center;
}
#menuitem_4 a {
	background: transparent url(../images/zorg.png) no-repeat top center;
}
#menuitem_5 a {
	background: transparent url(../images/contact.png) no-repeat top center;
}

}










/*PATH*/
#path {
	font-size: 22px;
}





/*FRONTITEM*/


div.frontitem {
	float: left;
	width: 280px;
	height: 310px;
	background: transparent url(../images/front_goudsbloem.png) no-repeat top center;
}

div.frontitem h2 {
	margin: 17px 30px 0 30px;
	font-size: 24px;
	text-align: center;
	font-family: "Copperplate";
	font-weight: normal;
}

div.frontitem div.tekst {
	margin: 120px 30px 0 30px;
	height: 98px;
	overflow: hidden;
}

a.frontitem {
	float: right;
	margin: 12px 30px 0 0;
}

#front1 {
	background: transparent url(../images/front_goudsbloem.png) no-repeat top center;
}

#front2 {
	background: transparent url(../images/front_piet.png) no-repeat top center;
}

#front3 {
	background: transparent url(../images/front_hoeve.png) no-repeat top center;
}

#front4 {
	background: transparent url(../images/front_kruiden.png) no-repeat top center;
}

#front5 {
	background: transparent url(../images/front_werk.png) no-repeat top center;
}

#front6 {
	background: transparent url(../images/front_producten.png) no-repeat top center;
}



/*FOOTER*/
#plantjes {
	position: relative;
	margin: 0 auto;
	width: 856px;
	height: 190px;
	background: transparent	url(../images/plantjes.jpg) no-repeat bottom center;
}

#footer {
	position: absolute;
	bottom: 320px;
	height: 20px;
	width: 960px;
	
	text-align: center;
}







/*OPMAAK*/
a {
	text-decoration: none;
}

#tekst a {
	text-decoration: underline;
}

h1, h2, h3, h4 {
	font-weight: normal;
	margin-bottom: 5px;
}

h1 {
	font-size: 24px;
	margin-bottom: 15px;
}

h2 {
	font-size: 15px;
	font-weight: bold;
}

ul, ol {
	list-style-position: inside;
	list-style-type: disc;
	margin: 10px 0;
	padding-left: 15px;
}

.hidden {
	display: none;
}

table, tr, td {
	border: 1px solid #000;
}

table {
	border-spacing: 0px;
}

td {
	padding: 3px;
}







/*FOTOALBUM*/

#fotoalbum {
	position: relative;
	margin: 0 auto;
	width: 100%;
	padding-top: 20px;
	text-align: center;
}

.kader {
	position: relative;
	margin: 15px;
	width: 135px;
	height: 135px;
	float: left;
	overflow: hidden;
}






/*CONTACT FORM------------------------------------------------------------------------------------------*/
#contact {
	overflow:visible;
	clear: both;
	margin-top: 30px;
}


#contact .rij {
	display: block;
	clear: both;
	margin-bottom: 4px;
}

#contact label {
	float: left;
	width: 7em;
	padding: 3px;	
}

#contact input{
	width: 210px;
	text-align: left;
	padding: 3px 3px;
	font-family: Verdana;
	font-size: 11px;
	
}

#contact textarea {
	width: 210px;
	height: 140px;
	padding: 3px 3px;	
	font-family: Verdana;
	font-size: 11px;
}

#contact input.button, #verstuur {
	width: 7em;
	margin-top: 10px;
	text-align: center;
	cursor: pointer; 
	font-size: 11px;
	background-color: #fff;
	height: 22px;
}

#contact input.button:hover, #verstuur:hover {
	color: #FFFFFF;
	background-color: #a53434;
}

#contact .hidden {
	display: none;
}






.clear, .clearer {
	clear: both;
}


/*modules*/
/*fotokaders*/

.fotokader {
	width: 289px;
}

.fotokader_t {
	background: transparent url(../images/kader_t.png) no-repeat top center;
	height: 16px;
}

.fotokader_m {
	background: transparent url(../images/kader_m.png) repeat-y top center;
}

.fotokader_b {
	background: transparent url(../images/kader_b.png) no-repeat top center;
	height: 16px;
}

.fotokader img {
	margin: 0 0 0 16px;
}

.fotokader p {
	margin: -10px 15px 0 15px;
	font-style: italic;
	font-size: 13px;
	color: #222;
}

/*SUBMENU*/
#submenu li ul {
	margin: 0 0 10px 0;
}

#submenu li ul li {
	list-style: circle inside;
}

#submenu li ul li a {
	font-size: .9em;
	font-style: italic;
}