/* CSS Document */

/* Algemeen */

body {
text-align:center;
margin:0px;
padding:0px;
background:url(../images/bg.gif) repeat-x;
background-color:ffcc01;
font-family: Trebuchet MS;
font-size: 12px;
color: #000000;

}

a:link {
	color: #000000;
}
a:visited {
	color: #000000;
}
a:hover {
	color: #000000;
}
a:active {
	color: #000000;
}

#container {
width:1000px;
height:1500px;
padding: 0px;
margin:0 auto 0 auto;
}

/*Links*/

#links {
float:left;
padding:0px;
width:345px;

}

#maronLogo {
float:left;
margin-top:30px;
margin-left:61px;
padding:0px;
}

#openingstijden {
float:left;
margin-left:83px;
margin-top:49px;
height:165px;
width:247px;
}

#openingstijdenMid{
background-image:url(../afbeeldingen/openingstijdenbg.jpg);
text-align:left;
padding-left:18px;
padding-top:12px;
max-width:247px;

}

#adres {
float:left;
margin-left:83px;
margin-top:26px;
height:165px;
width:247px;
}

#adresMid{
background-color:ffd530;
text-align:left;
padding-left:18px;
padding-top:12px;
max-width:247px;
}

/*Rechts*/

#rechts {
float:left;
padding:0px;
width:600px;
margin-left:12px;
height:1650px;

}

#collecties {
margin-top: 38px;
margin-left:20px;
float:left;
display:inline;
}


#content {
float:left;
margin-left:20px;
margin-top:9px;
width:557px;
height:1530px;
background-image:url(../images/contentbg.jpg);
background-color:ffd731;
text-align:left;

}

#contentmid
{
margin-left:20px;
margin-top:-20px;
float:left;
}

.collectieItem{
float:left;
margin-left:10px;
margin-top:35px;
margin-right:30px;
width:226px;
height:181px;
background-color:white;
display:inline;
}

.collectieItem img{
border:3px solid white;
cursor:pointer;
}

.collectieItem img:hover{
		/*IE*/ filter: alpha(opacity=80);	
		/* CSS3 standard */	opacity: 0.8;	
		/* Mozilla FF */	-moz-opacity: 0.8;
}