@charset "UTF-8";
/* CSS Document */

body {
	background: url("./images/bg.jpg") repeat top left;
	color: #6b6b6b;
}


.clear {
	clear: both;
}


#container {
	width: 1013px;
	height: auto;
	margin: 30px auto;
	color: #98874e;
	font-size: 14px;
	font-family: Verdana;
}


#header {
	width: 100%;
	height: auto;
	color: #6b6b6b;
}
	#header a
	{
		color: #6b6b6b;
	}

	#header-tekst {
		float: left;
		width: 33%;
	}
		#header-tekst p {
			padding: 47px 0px 0px 0px;
			line-height: 18px;
		}
	
	#header-logo {
		float: left;
		width: 33%;
		text-align: center;
	}
	
	#header-contact {
		float: left;
		width: 33%;
		text-align: right;
	}
		#header-contact p {
			padding: 47px 0px 0px 0px;
			line-height: 18px;
		}


#menu_balk {
	margin: 20px auto;
	background: url("./images/menu_balk.png") no-repeat;
	width: 1013px;
	height: 50px;
}
	#menu_balk ul {
		float: left;
	}
		#menu_balk ul li {
			float: left;
		}
			#menu_balk ul li .first {
				height: 18px;
			}
			
			#menu_balk ul li .first:hover {
				background: url("./images/home_hover.png") no-repeat;
				height: 18px;
				margin-top: 0px;
				padding-top: 18px;
			}
		
			#menu_balk ul li a {
				margin-top: 2px;
				float: left;
				color: #FFF;
				text-decoration: none;
				padding: 16px;
				border-right: 1px solid #FFF;
			}
			
			#menu_balk ul li a:hover {
				background: #f39d0c;
			}

#content {
	width: 1013px;
	height: auto;
	margin: 0 auto;
}

#links {
	float: left;
	width: 292px;
	margin: 0px 10px 0px 0px;
}
	#titel {
		background: url("./images/titel_kort.png") no-repeat;
		height:51px;
		width: 292px;
	}
		#titel p {
			color: #FFF;
			padding: 22px;
		}
		
	#bestelling {
		background: url("./images/content_kort.png") repeat-y;
		height: auto;
		width: 292px;
	}
		#bestelling p {
			padding: 15px;
		}
		
		#bestelling hr {
			height: 0px;
			border: 0px;
			margin: 0 auto;
			padding: 0px;
			background: url("./images/lijn.png");
			width: 268px;
			height: 13px;
		}
		
	#onderkant {
		background: url("./images/footer_kort.png") no-repeat;
		width: 292px;
		height: 26px;
	}

#rechts {
	float: right;
	width: 710px;
}


	#banner {
		background: url("./images/banner.png") no-repeat;
		height: 349px;
		width: 710px;
		margin: 0px 0px 20px 0px;
	}
	
	#content_veld {
		width: 710px;
		margin: 0px;
		padding: 0px;
		word-spacing: 4px;
	}
		#content_veld p{
			font-size: 12px;
			line-height:normal;
		}
		
		#content_veld ul  {
			font-size: 12px;
			list-style: circle;
			margin: 0px 0px 0px 20px;
			line-height:normal;
		}
		
		#content_veld a{
			font-size: 12px;
			color: #f39d0c;
		}
		
		#content_veld_top{
			background: url("./images/content_top.png") no-repeat;
			width: 710px;
			height: 17px;
			padding: 0px;
			margin: 0px;
		}
		
		#content_veld_inhoud{
			background-color: #FFF;
			width: 676px;
			padding: 0px 17px 0px 17px;
			margin: 0px;
			line-height: normal;
		}
		
		#content_veld_bottem{
			background: url("./images/content_bottem.png") no-repeat;
			width: 710px;
			height: 17px;
			padding: 0px;
			margin: 0px;
		}

	#actie_balk {
		background: url("./images/actie_balk.png") no-repeat;
		height: 62px;
		width: 710px;
		margin-top: 20px;
	}
		#actie_balk p {
			padding: 21px;
			font-size: 20px;
		}
		
	.blok {
		width: 346px;
		height: 248px;
		float: left;
	}
		.blok p {
			color: #FFF;
			padding: 20px;
			font-size: 25px;
			line-height: 27px;
		}
	
		.groen {
			background: url("./images/blok_groen.png");
			margin-right: 18px;
		}
		
		.oranje {
			background: url("./images/blok_oranje.png");
		}
	

#footer {
	background: url("./images/footer.png") no-repeat;
	height: 115px;
	width: 1010px;
	margin-top: 20px;
}
	#footer p {
		color: #FFF;
		font-size: 11px;
		padding:70px 0px 0px 20px;
	}
	
form
{
	margin: 0 auto;
	width: 710px;
}
	
label
{
	float: left;
	width: 150px;
	text-align: right;
	margin-right: 15px;
}

input
{
	background-color: #aab41e;
	border-width: 1px;
	border-style: solid;
	border-color: #6b6b6b;
	padding: 5px;
	margin-bottom: 10px;
	color: #FFF;
	width: 240px;
}

.radio
{
	width: auto;
}

.submit
{
	background-color: #aab41e;
	border-width: 1px;
	border-style: solid;
	border-color: #6b6b6b;
	padding: 5px;
	margin-bottom: 10px;
	color: #FFF;
	width: auto;
}

textarea
{
	width: 250px;
	height: 100px;
	background-color: #aab41e;   
	border-width: 1px;
	border-style: solid;
	border-color: #6b6b6b;   
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;   
	margin-bottom: 10px;
}

.categorieGroen
{
  background-color: #aab41e;
  color: #FFFFFF;
	width: 300px;
	margin-left: 8px;
	margin-right: 8px;
	margin-bottom: 8px;
	padding: 10px;
	float: left;
	display: block;
  /* BORDER RADIUS */  
  -moz-border-radius: 15px;  
  -webkit-border-radius: 15px;  
  border-radius: 15px;  
}

.categorieOranje
{
  background-color: #f39d0c;
  color: #FFFFFF;
  width: 300px;
  margin-left: 8px;
  margin-right: 8px;
  margin-bottom: 8px;
  padding: 10px;
  float: left;
  display: block;
  /* BORDER RADIUS */  
  -moz-border-radius: 15px;  
  -webkit-border-radius: 15px;  
  border-radius: 15px;  
}

p.smalltekst
{
  font-size: 8px;
}

/* Bestel formulier */
.bestel_block
{
	height: 100px;
	margin: 0px;
	padding: 0px;
}

.optionBlock
{
  width: 100px;
  height: 100px;
  margin: 5px;
  background-repeat:no-repeat;
  background-position:center center;
  border: 1px solid #AAB41E;
  /* BORDER RADIUS */  
  -moz-border-radius: 15px;  
  -webkit-border-radius: 15px;  
  border-radius: 15px;
  float: left;
}

.listOptions
{
  margin-top: -50px;
  margin-left: 85px;
  padding: 10px;
  visibility: hidden;
  position: absolute;
  background: #98874E;
  color: #FFFFFF;
  z-index:1;
  
  /* BORDER RADIUS */  
  -moz-border-radius: 15px;  
  -webkit-border-radius: 15px;  
  border-radius: 15px;  
}

.listOptionsItem ul
{
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}

.listOptionsItem li
{
  list-style-type: none;
  margin: 0px;
  margin-left: -20px;
  padding: 0px;
}

.listOptionsItem li:hover
{
  list-style-type: none;
  background: #AAB41E;
  margin: 0px;
  margin-left: -20px;
  padding: 0px;
}

.bestelaantal
{
  padding: 5px;
  margin: 10px;
  color: #AAB41E;
  width: 80px;
  font-size: 60px;
  text-align: center;
  border: 0px;
  background: #FFFFFF;
}

.aantalbuttons
{
	padding-top: 11px;
	width: 40px;
	height: 90px;
	float: left;
}

.bestel_button
{
	width: 100px;
	height: 100px;
	background-color: #aab41e;
	border-width: 1px;
	border-style: solid;
	border-color: #6b6b6b;
	padding: 5px;
	margin-left: 15px;
	margin-top: 5px;
	color: #FFF;
	float: left;
	/* BORDER RADIUS */  
   -moz-border-radius: 15px;  
   -webkit-border-radius: 15px;  
   border-radius: 15px;
}