body {
		background-image:	url(../img_kuper/menu_100-2.jpg);
		background-repeat: 	repeat-x;
		background-position:0 105px;
		padding: 			0;
		margin: 			0;
		font-family: 		Arial,Verdana, sans serif;
		line-height:				22px;

}

h2 {
		color:				#4c3b52;
		font-size:			20px;
		margin: 			20px 10px 5px 10px;
}

h3 {
		color:				#4c3b52;
		font-size:			16px;
		margin: 			20px 10px 5px 10px;
}

p {
		color:				#424242;
		margin:				0 15px 10px 15px;
		font-size: 			12px;
}

a {
		color:				#424242;
		text-decoration: 	none;
}

a :hover{
		color:				#cccccc;
}


img {
		border:				none;
}

p.contact {
		font-size:			12px;
		float: 				right;
		margin-right:		80px;
		
}

#logo {
		margin:				15px auto 15px auto;
		background-color: 	#ffffff;
		padding:			0px;
		width:				900px;
		border:				none;
}

.hidden {
		position:			absolute;
		left:				-10000px;
		top:				auto;
		width:				0px;
		height:				0px;
		overflow:			hidden;
}

.logo {
		margin-left:		5px;
}

#menuTopLine {
		margin:				0 auto 0 auto;
		background-color: 	#40711b;
		height:				5px;
		width:				900px;
		border-bottom:		1px solid #3a5f1e;
		}

ul#promo {
		margin:				15px auto 0 auto;
		padding:			0;
		width:				900px;
		height:				120px;
		list-style: 		none;
}

#content {
		margin:				0px auto 0 auto;
		padding:			0;
		width:				900px;
}

#content ul li{
		color:				#424242;
		margin:				0 15px 0 15px;
		font-size: 			12px;
}

#boxGradient550 {	
		margin:				0 auto 0 auto;	
		padding:			0;
		height:				12px;
		background-image:	url(../img_kuper/box_top550.jpg);
		background-repeat: 	no-repeat;	
		width:				550px;
}

#boxGradient340 {
		margin:				0 auto 0 auto;	
		padding:			0;
		height:				12px;	
		background-image:	url(../img_kuper/box_top340.jpg);
		background-repeat: 	no-repeat;	
		width:				340px;
}

#boxGradient900 {
		margin:				0 auto 0 auto;	
		padding:			0;
		height:				12px;	
		background-image:	url(../img_kuper/box_top900.jpg);
		background-repeat: 	no-repeat;	
		width:				900px;
}

.photoLargeLeft {
		margin:				0 0 10px 10px;	
		padding:			0;
		float: 				left;
		width:				200px;
		height:				150px;
		border:				1px solid #aaa1ac;		
}

.photoLargeRight {
		margin:				50px 30px 10px 10px;	
		padding:			0;
		float: 				right;
		width:				200px;
		height:				150px;
		border:				1px solid #aaa1ac;		
}

.photoSmallRight {
		margin:				0 10px 10px 0;
		padding:			0;
		float: 				right;
		width:				100px;
		height:				75px;
		border:				1px solid #aaa1ac;		
}

.photoSmallLeft {
		margin:				0 10px 10px 10px;
		padding:			0;
		float: 				left;
		width:				100px;
		height:				75px;
		border:				1px solid #aaa1ac;		
}

/* box
 * float boxen op de index
 */

#boxLeft {
		float: 				left;
		margin:				0 auto 5px auto;
		background-color: 	#ffffff;
		width:				550px;
}

#boxRight {
		float: 				right;
		margin:				0 auto 5px auto;
		background-color: 	#ffffff;
		width:				340px;
}

/* VERHUUR CUSTOM CSS STYLES
 * float boxen voor de verhuur afdeling
 */

#rentalLeft {
		float: 				left;
		margin:				0 auto 5px auto;
		padding:			10px;
		background-color: 	#ffffff;
		width:				400px;
		height:				220px;
}

#rentalRight {
		float: 				right;
		margin:				0 auto 5px auto;
		padding:			10px;
		background-color: 	#ffffff;
		width:				400px;
		height:				220px;
}

#rentalRight .photo, #rentalLeft .photo {
		margin:				0 15px 10px 0;	
		padding:			0;
		float: 				left;
		width:				200px;
		height:				150px;
		border:				1px solid #aaa1ac;		
}

.r_options {
		text-align: 		center;
		padding: 			0 10px 0 10px;
}

.ri_photo {
		width:				200px;
		height:				150px;
		border:				1px solid #aaa1ac;	
}

.ri_title {
		font-size:			18px;
		font-weight:		bold;
		color:				#424242;
		margin:				0 15px 10px 5px;		
}

.category_number {
		font-size:			16px;
		font-weight:		bold;
		color:				#424242;
		margin:				0 15px 10px 5px;
}

.ri_photoLargeLeft {
		margin:				0 0 10px 15px;	
		padding:			0;
		float: 				left;
		width:				280px;
		height:				210px;
		border:				1px solid #aaa1ac;		
}

.ri_description {
		font-size:			12px;
		color:				#424242;
		margin:				5px;	
		padding: 			5px;
}

.ri_price {
		font-size:			14px;
		color:				#424242;
}

.ri_price {
		font-size:			14px;
		color:				#424242;
}

.euro {
		font-size:			20px;	
}

.reserveren {
		padding: 			0;
		margin: 			0;
		width: 				142px;
		height: 			69px;
		float: 				right;
		background: 		url(../img_kuper/reserveren.png) top left no-repeat;
}

.reserveren:hover {
		background: 		url(../img_kuper/reserveren2.png) top left no-repeat;
}

.category {
		padding: 			0;
		margin: 			0;
		width: 				142px;
		height: 			69px;
		float: 				right;
		background: 		url(../img_kuper/bekijken.png) top left no-repeat;
}

.category:hover {
		background: 		url(../img_kuper/bekijken2.png) top left no-repeat;
}

#rental ul{
		margin:				0;
		padding:			0;
}

#rental li{
		list-style: 		none;
		padding:			3px;
}

#rental label {
		width:				120px;
		line-height:		1.8;
}

input {
		float:				right;
		padding:			2px;
		border:				1px solid #aaa1ac;
}

.submitButton {
		border:				1px solid #ffffff;
		padding: 			0;
		margin: 			0;
		width: 				108px;
		height: 			40px;
		float: 				right;
		background: 		url(../img_kuper/aanvragen.png) top left no-repeat;
}

.submitButton:hover {
		background: 		url(../img_kuper/aanvragen2.png) top left no-repeat;
}

.ri_right {
		float: 				right; 
		width: 				500px;
}

.ri_left {
		float: 				left;
		width: 				350px;
}



/* Clear div om floats te clearen
 */

#clear {
		clear: 				both;
}

/* Footer
 * footer website + link naar fusiox
 */

#footer {
		background-image:	url(../img_kuper/bottom.jpg);
		background-repeat: 	no-repeat;
		margin:				20px auto 0 auto;
		padding: 			0 15px 0 15px;
		width:				870px;
		height:				25px;
}

#footer p {
		margin: 			0;
		padding:			0;
		line-height:		25px;
		color: 				#ffffff;
		font-weight:		bold;
		font-family: 		Arial, sans serif;
		font-size:			10px;	
}

#footer .left {
		float: 				left;
}

#footer a {
		color:				#ffffff;
		text-decoration: 	none;
}

#footer a:hover{
		color:				#333333;
}

#reference {
		margin:				5px auto 0 auto;
		padding: 			0 5px 0 0;
		width:				895px;
		height:				25px;
}

#reference p {
		margin: 			0;
		line-height:		20px;
		color: 				#aaaaaa;
		font-weight:		bold;
		font-family: 		Arial, sans serif;
		font-size:			10px;
		float:				right;
}

#reference img {
		vertical-align:		middle;
}

/* Menu css 
 * stijl voor het bovenste menu op de vodoz website
 */

ul#menu {
		margin:				0 auto 0 auto;
		padding:			0 6px 0 6px;
		background-image:	url(../img_kuper/menu_bg.jpg);
		background-repeat: 	no-repeat;		
		height:				38px;
		width:				888px;
		border-top:			1px solid #5db919;
		font-size: 			12px;
		text-decoration: 	none;
}

ul#menu li{
		display: 			block;
		float: 				left;
		text-align: 		center;
		margin: 			0;
		padding: 			0;
}


ul#menu li a {
		display: 			block;
		float: 				left;
		height:				30px;
		text-align:			center;
		color: 				#ffffff;
		text-decoration: 	none;
		padding: 			8px 14px 0 14px;
}

ul#menu li a.active {
		background:			#5db919;
		color: 				#ffffff;
}

ul#menu li a:hover {
		/*background: 		#5dc13a;*/
		background:			#5db919;
		color: 				#ffffff;	
}

a.active {
		font-weight: 		bold;
}