/*
	Stylesheet for Koffie Machines International
*/

/* 	general settings	*/
body{
			margin-top: 		0px;
			background-color: 	#000000;
			font-family: 		Georgia, Verdana, Arial, Helvetica, sans-serif;
			font-size: 			12px;
			color: 				#000033;
			line-height:		18px;
}

img{
			border: 			0px;
}


a{
			font-family:		Arial, sans-serif;
			color:				#660000;
			font-weight:		bold;
			text-decoration: 	underline;
}
a:hover{
			text-decoration: 	none;
}

TABLE{
			border: 			0px;
			border-collapse: 	collapse;
}

/*	end general settings	*/


/*	headers	*/

h1{
			font-family: 		Georgia, Verdana, Arial, Helvetica, sans-serif;
			font-weight:		lighter;
			color:				#660000;
			margin:				0px;
			margin-bottom:		0px;
			padding:			0px;
			font-size:			24px;
}

h2{
			font-family: 		Georgia, Verdana, Arial, Helvetica, sans-serif;
			font-weight:		lighter;
			color:				#660000;
			margin:				0px;
			padding:			0px;
			font-size:			18px;
}

h3{
			font-family: 		Georgia, Verdana, Arial, Helvetica, sans-serif;
			color:				#660000;
			margin:				0px;
			padding:			0px;
			font-size:			15px;
			margin-bottom:		7px;
}
/*	end headers	*/



#wrapper{
		position: 				relative;
		width: 					780px;
		border-left:			1px solid black;
		border-right:			1px solid black;
		background: 			url(../images/bg.jpg) repeat;
		margin-left: 			auto;
		margin-right: 			auto;
}

#language{
		position:				relative;
		width:					765px;
		height:					17px;
		vertical-align:			middle;
		text-align:				right;
		padding-right:			15px;
		background-color: 		#000000;
		border-bottom:			1px solid #FFFFCC;
}
#language a{	color: 			#FFFFCC;
		font-family:			Arial, sans-serif;
		font-size:				10px;
		text-decoration: 		none;
}

#language a:hover{	
		text-decoration: 		underline;
}


/*	top	*/
#top{
		position:				relative;
		width:					780px;
		height:					325px;
		background: 			url(../images/bg_top.jpg) no-repeat top;
		border-top:				1px solid #000000;
}
#welkom{	
		position:				relative;
		width:					400px;
		height:					21px;
		padding-left:			70px;
		padding-top:			7px;
		font-size:				11px;
	}

#google {
		margin-top:				4px;
}

#menuspacer{
		position: 				relative;
		margin-left:			97px;
		margin-top:				83px;
}

.menu {
		position: 				relative;
		width: 					680px;
		height:					24px;
		font-size:				11px;
}


	.menu ul {
		display: 				inline;
		margin:					0px;
		padding: 				0px;
		list-style-type:		none;
	}
	.menu ul li {
		float: 					left;
		margin-left:			0px;
		padding-left:			8px;
		margin-right:			7px;
		background-image:		url(../images/menuline.gif);
		background-position:	left center;
		background-repeat:		no-repeat;

	}
	.menu ul a:active,
	.menu ul a:visited,
	.menu ul a:link,
	.menu ul a:focus {
	   	text-decoration: 		underline;
	}
	.menu ul a:hover {
	  	text-decoration: 		none;
	}

	.menu ul li.first {
		background:				none;
		margin-right:			0px;
	}

#intro{
		position: 				relative;
		width:					750px;
		height:					194px;
		margin-left:			15px;
		background:				url(../images/bg_introtext.gif) no-repeat left top;
}
#intro h1{
		font-family: 			Georgia, Verdana, Arial, Helvetica, sans-serif;
		font-weight:			lighter;
		color:					#660000;
		margin:					0px;
		margin-bottom:			0px;
		padding-top:			10px;
		padding-left:			89px;
		font-size:				26px;
}

#introtext{
		position:				relative;
		width:					730px;
		margin-top:				15px;
		margin-left:			10px;
		margin-bottom:			0;
}

#strik{
		position:				absolute;
		z-index:				15;
		background:				url(../images/strik.gif) no-repeat left top;
		top:					40px;
		left:					2px;
		height:					150px;
		width:					96px;
}

/*	end top	*/

/*	main	*/

/*	end main	*/

#main{
		position:				relative;
}

/*	bottom	*/
#bottom{	position:			relative;
		width:					780px;
		padding-top:			10px;
}

#bottomcontent{
		position: 				relative;
		width:					750px;
		height:					104px;
		margin-left:			15px;
		background:				url(../images/bg_bottomtext.gif) no-repeat left top;
}

#bottomtext{
		position: 				relative;
		width:					730px;
		padding-top:			8px;
		margin-left:			10px;
}

/* old bottom, with newsletter
#bottomcontent{
		position: 		relative;
		width:			740px;
		height:			185px;
		margin-left:		15px;
		margin-top:		15px;
		padding-left:		10px;
		background:		url(../images/bg_bottom.jpg) no-repeat left top;
		border-bottom:		1px solid #660000;
}*/

/* news letter area */
#newslettertext{
		position:				relative;
		width:					240px;
		margin-top:				8px;
		float:					left;
}

#newsletterform{
		position:				relative;
		width:					200px;
		margin-top:				8px;
		padding-left:			30px;
		float:					left;
		font-size:				12px;
		color:					#660000;
		font-family:			Verdana, Arial;
		font-weight:			bold;
}

.inputholder{
		position:				relative;
		padding-bottom:			5px;
}

.textbox{
		border:					1px solid #660000;
}

#newsletterbutton{
		position:				relative;
		padding-top:			5px;
		width:					153px;
		text-align:				right;
}
/* 	end news letter area*/

#bottommenu{
		position:				relative;
		width:					750px;
		padding-top:			4px;
		margin-left:			15px;
}


/*	end bottom	*/

/* h1 container */
.title{		
		position:				relative;
		padding-top:			11px;
}
	/*home page*/
	#keuzecontainer{
		position:				relative;
		width:					740px;
		height:					76px;
		margin: 				3px auto 30px auto;
		text-align:				center;
		}

	.keuze{
		position:				relative;
		margin-right:			41px;
		float:					left;
	}
	.keuze-last{
		position:				relative;
		margin:					0px;
		float:					left;
	}

	#leveranciers{
		position:				relative;
		margin-top:				15px;
		margin-left:			15px;
		width:					750px;
		height:					265px;
		background:				url(../images/bg_leveranciers.jpg) no-repeat left top;
		padding-left:			11px;
	}
	.leverancier{
		position:				relative;
		float:					left;
		background:				url(../images/bg_leverancier.gif) no-repeat left top;
		height:					210px;
		width:					226px;
		margin-right:			10px;
		vertical-align:			middle;
		padding-left:			10px;
		padding-top:			10px;
	}
	#leverancier_container{
		position:				relative;
		width:					750px;
		margin-top:				14px;
	}
	.leverancier_logo{
		position:				relative;
		margin-bottom:			5px;
		padding:				0px;
		height:					36px;
	}

	/*	end home page	*/


	/*	pages watercooler huren, kopen & proef	*/

	#introsub{
		position:				relative;
		width:					725px;
		height:					76px;
		margin-left:			55px;
		margin-top:				20px;
		margin-bottom:			0px;
	}

	#introsub_image{
		position:				relative;
		width:					190px;
		float:					left;
	}
	
	#introsub_image_home{
		position:				relative;
		width:					110px;
		float:					left;
	}
	
	#introsub_text{
		position:				relative;
		margin-left:			15px;
		width:					470px;
		height:					76px;
		float:					left;
	}
	#introsub_text_home{
		position:				relative;
		margin-left:			15px;
		width:					510px;
		height:					76px;
		float:					left;
	}

	.overzicht{
		position:				relative;
		height:					290px;
		width:					672px;
		background:				url(../images/bg_overzicht.jpg) no-repeat left top;
		margin-left:			55px;
		margin-top:				15px;
		padding-left:			10px;
	}
	.overzicht_leverancier{
		position: 				relative;
		float:					left;
		padding-top:			10px;
		height:					280px;
		width:					170px;
	}
	.overzicht_machine{
		position:				relative;
		float:					left;
		height:					290px;
		width:					150px;
		margin-left:			10px;
		background:				url(../images/bg_overzicht_machine.gif) no-repeat;
		background-position:	0px 33px;
	}
	.overzicht_machine_name{
		position:				relative;
		height:					33px;
		padding-top:			9px;
	}
	.overzicht_machine_afb{
		position:				relative;
		height:					157px;
		padding-top:			15px;
		text-align:				center;
	}
	.overzicht_machine_prijs{
		position:				relative;
		height:					30px;
		padding-top:			4px;
		padding-left:			10px;
		margin-top:				12px;
		color:					#660000;
		font-weight:			bold;

	}
	.prijs{
		color:					black;
		font-size:				14px;
	}
	.paddingleft10{
		padding-left:			10px;
	}

	/*	end pages watercooler huren, kopen & proef	*/

	/*	leverancier pages*/
	/*	uses a lot from huren, kopen & proef pages*/

	#introsub_leverancier{
		position:				relative;
		float:					left;
		background:				url(../images/bg_leverancierlogo.gif) no-repeat;
		padding-top:			15px;
		padding-left:			15px;
		width:					195px;
		height:					76px;
	}

	.leverancier_lefttext{
		position: 				relative;
		float:					left;
		height:					280px;
		width:					170px;
	}

	/*	end leverancier pages*/


	/*	product pages	*/
	#product{
		position:				relative;
		/*height:				260px;*/
		width:					672px;
		background:				url(../images/bg_product.jpg) no-repeat left top;
		margin-left:			55px;
		margin-top:				15px;
		padding-left:			10px;
		overflow:				auto;
	}

	#product ul{
		list-style-image: 		url(../images/bullet.gif);
		margin:					0px;
		margin-bottom:			8px;
		padding-left: 			17px;
	}
	#product li{
		margin-bottom:			6px;
	}

	#product_info{
		position:				relative;
		float:					left;
		width:					170px;
	}
	#product_name{
		position:				relative;
		height:					26px;
		padding-top:			8px;
	}
	#product_text{
		position: 				relative;
		float:					left;
		padding-top:			8px;
		width:					165px;
	}
	#product_container{
		position:				relative;
		float:					left;
		height:					260px;
		width:					300px;
		margin-left:			10px;
		background:				url(../images/bg_product_machine.gif) no-repeat left top;
		background-position:	0px 44px;
	}

	#product_afb{
		position:				relative;
		float:					left;
		margin-top:				44px;
		padding-top:			15px;
		padding-left:			10px;
		padding-right:			10px;
	}
	#product_dranken{
		position:				relative;
		float:					left;
		margin-top:				44px;
		padding-top:			10px;
	}
	.first {
		padding-right:			10px;
	}
	#product_prijs{
		position:				absolute;
		top:					214px;
		left:					0px;
		height:					31px;
		width:					300px;
	}
	#product_prijs form{
		margin:					0px;
		padding:				0px;
	}
	#prijsregel{
		position:				relative;
		float:					left;
		width:					209px;
		height:					31px;
		padding-top:			13px;
		font-size:				12px;
		color:					#660000;
	}

	.zwart{
		color:					#000000;
		font-size:				14px;
		font-weight:			bold;
	}

	#product_bestel{
		position:				relative;
		float:					left;
		padding-top:			13px;
		width:					88px;
		height:					31px;
	}
	#product_bestel input{
		margin:					0px;
		padding:				0px;
	}


	#product_voorwaarden{
		position:				relative;
		float:					left;
		margin-left:			10px;
		margin-top:				33px;
		padding-top:			20px;
		height:					195px;
		width:					165px;
	}

	/*	end product pages	*/

/* Bestel */
#col_left {
	position:					relative;
	width:						400px;
	margin:						28px 0 0 18px;
}
#col_left form {
	margin:						0px;
	padding:					0px;
}
#col_left input {
	margin:						0px;
	padding:					0px;
}
#col_left td {
	height:						25px;
	width:						200px;
	vertical-align:				top;
}
.col_left_header{
	height:						30px;
	background:					#FFEFBF url(../images/bg_formheader.gif) no-repeat;
}
.col_left_header h2{
	font-family: 				Georgia, Verdana, Arial, Helvetica, sans-serif;
	font-weight:				bold;
	color:						#FFFFCC;
	margin-left:				10px;
	padding-top:				5px;
	font-size:					16px;
}

.col_left_box {
	border-left:				1px solid #AEB763;
	border-right:				1px solid #AEB763;
	border-bottom:				1px solid #AEB763;
	padding:					12px;
	margin-bottom:				30px;
	background:					#FFEFBF url(../images/bg_bestel.gif) repeat;
}

	#checkboxakkoord{
	position:					relative;
	padding:					0px;
	margin-left:				10px;
	margin-bottom:				30px;
	}

#col_left input.text {
	width:						170px;
	border:						1px solid #660000;
}
#col_left select {
	width:						127px;
	border:						1px solid #660000;
}
#col_right {
	position:					absolute;
	left:						444px;
	top:						0;
	width:						280px;
	border:						1px solid #AEB763;
	padding:					inherit	12px 10px;
	background:					#FFEFBF url(../images/bg_bestel.gif) repeat;
}
#col_right ul,
#ingr_standaard {
	list-style-image: 			url(../images/bullet.gif);
	padding-top:				8px;
	margin:						0px;
	margin-bottom:				8px;
	padding-left : 				17px;
}
#ingr_optioneel {
	margin:						0;
	padding:					0;
	list-style-type:			none;
}
#submit_button_box {
	text-align:					right;
}

/* Voorwaarden */
#voorwaarden{
	background-color:			#FFFFFF;
	padding:					30px;
	background: 				url(../images/bg.jpg) repeat;
}

/* /Bestel */

/* Bedankt */

#bedankt{
	position:					relative;
	margin:						28px 0 0 18px;
	height:						300px;
}

#linklijst {
	position:					relative;
	padding:					30px 0 20px 55px;
	height:						100px;
	width:						725px;
}

#blok1 {
	position:					relative;
	width:						171px;
	float:						left;
}

#blok1 h2{
	padding-bottom:				4px;
}

#blok1 a{
	color:						#675F54;
}