/* CSS Document */
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
background-color: #ffffff;
background-image: url('images/menu/watermerk2.jpg'); background-repeat: no-repeat; background-position: -150px 50px;
margin: 0px;
padding: 20px;
width: 100%;

}

* {
margin:0; 
padding:0
}

img {
border: 0px;

	
}

b {
color: #000;
}




tr, td, input, textarea {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000
} 

a, a:visited, a:hover, a:active, {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
border-color: #000000;
text-decoration: none
}

.container {
text-align: left; 
width: 805px
}

.product-container {
text-align: left; 
width: 900px
}


.loading {
text-align: left; 
width: 200px
}

.enter {
margin: 0px auto;
width: 100px;
height: 100px
}

.header {
width: 800px;
height: 75px;
}

.menu {
float: left; 
width: 320px;

}

.content {
float: right; 
width: 405px;


}

.content-product {
float: right; 
width: 350px;

}


.negen-plaatjes-content {
float: right; 
width: 499px;



}

.negen-plaatjes-content img {
	
	border:2px solid #cccccc;


}

.cart {
	}

.cart img {
border: 0px;
}

.negen-plaatjes-content-winkelwagen {
		clear: both;	
float: bottom;
width: 380px;

}

.negen-plaatjes-content-winkelwagen img {
border: 0px;

}


.loading {
float: right; 
width: 400px
}


.links {
float: right; 
width: 400px; 
height: 450px; 
overflow-y:scroll;
overflow-x:hidden
}

.form {
float:left;
padding:0 10px 10px 10px;
background:#f3f3f3
}









/* winkelwagentje */

.winkelwagen {

margin-top: 50px;	
float: right; 
width: 305px
}


#msg {
display:none; 
position:absolute;
z-index:200;
background:url(images/arrow/msg_arrow.gif) left center no-repeat;
padding-left:500px
}

div.scroller { 
	/* modify width and height of scrolling section if necessary	*/		
	width: 400px; 
	height: 450px;
	overflow: hidden;
	border:1px dashed #cccccc
	}
	div.scroller div.section {
		/* modify width and height of each section as needed (should match the size of the scroller window)	*/		
		width:400px;
		height:450px;
		overflow:hidden;
		float:left	
		}
	div.scroller div.content {
		width: 10000px
		}

.clear { 
  clear: both



  } 

.scroll_vet{
color: #000;	
}

.slide {
	margin-left: 50px;
	position: absolute;
	top: 100;
	width: 300px;
	height: 300px;	
}

.inhoud-id p {
	width: 280px;
	padding: 5px 10px 0 10px;
	margin: 0;
	background: #E0EADF;
}

.inhoud-id h2 {
	width: 290px;
	margin-top: 29px;
	padding-left: 10px;
	background: #E0EADF;
}


div {}

#slide-body {
				margin: 0 auto 0 auto;
				width: 764px;
				background: #FFF;
			}

			#mySlideShow
			{
			width: 320px;
			height: 300px;
			}



h2 {
font-size: 17px;
color:gray;
}

#info {
	color: gray;
    width: 320px;
  
}
  
#info-bottom {
width: 310px;

}

#info-bottom-left {
	float: left;
    width: 100px;

}

#info-bottom-right {
  
	float: right;
	width: 100px;


}


#verzenden {
	color: gray;
    width: 230px;
}