/* CSS Document */

body
{
text-align:center;
background-color:#42433F;
color:#E1DEDB;
padding:0px;
margin:0px;
font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
font-size:14px;
}


#container
{
width:910px;
margin:0px auto;
text-align:left;
}

#header
{
position:relative;
width:910px;
height:130px;
}

#logo
{
background-image:url(images/img_header2012.gif);
background-repeat:no-repeat;
height:131px;
width:880px;
position:absolute;
left: 16px;
top: -1px;
}

#klik
{
height:130px;
width:104px;
position:absolute;
}

#menu
{
position:relative;
}

#menu a{
background-repeat:no-repeat;
text-indent:-5000px;
position:absolute;
height:26px;
top:102px;
}
#welkom
{
background-image:url(images/menu_home.gif);
width:49px;
left: 163px;
}

#welkom:hover, #welkom_active
{
background:url(images/menu_home.gif) 0px -26px;
width:49px;
left: 163px;
}

#fotoboek
{
background-image:url(images/menu_fotoboek.gif);
width:96px;
left: 220px;
}

#fotoboek:hover, #fotoboek_active
{
background:url(images/menu_fotoboek.gif) 0px -26px;
width:96px;
left: 220px;
}

#weeksuggestie
{
background-image:url(images/menu_weeksuggestie.gif);
width:121px;
left: 320px;
}

#weeksuggestie:hover, #weeksuggestie_active
{
background:url(images/menu_weeksuggestie.gif) 0px -26px;
width:121px;
left: 320px;
}

#spaaracties
{
background-image:url(images/menu_spaaracties.gif);
width:96px;
left: 447px;
}

#spaaracties:hover, #spaaracties_active
{
background:url(images/menu_spaaracties.gif) 0px -26px;
width:96px;
left: 447px;
}


#folders
{
background-image:url(images/menu_folders.gif);
width:61px;
left: 549px;
}

#folders:hover, #folders_active
{
background:url(images/menu_folders.gif) 0px -26px;
width:61px;
left: 549px;
}

#recepten
{
background-image:url(images/menu_recepten.gif);
width:76px;
left: 613px;
}

#recepten:hover, #recepten_active
{
background:url(images/menu_recepten.gif) 0px -26px;
width:76px;
left: 613px;
}

#bestelonline
{
background-image:url(images/menu_bestelonline.gif);
width:103px;
left: 694px;
}

#bestelonline:hover, #bestelonline_active
{
background:url(images/menu_bestelonline.gif) 0px -26px;
width:103px;
left: 694px;
}

#contact
{
background-image:url(images/menu_contact.gif);
width:65px;
left: 804px;
}

#contact:hover, #contact_active
{
background:url(images/menu_contact.gif) 0px -26px;
width:65px;
left: 804px;
}


#copy
{
font-size:11px;
margin-left:15px;
margin-top:10px;
}

#content_detail
{
position:relative;
width:877px;
background-color:#52534F;
margin-left:16px;
margin-top:22px;
padding-top:10px;
/*padding-left:10px;*/
padding-bottom:10px;
/*padding-right:10px;*/
}

#inhoud
{
padding-left:10px;
padding-right:10px;
margin-top:0px;
}

#inhoud img
{
border:2px solid #CC9900;
float:left;
margin-right:5px;
margin-left:5px;
}

/* HOMEPAGE */

#content_home
{
position:relative;
width:875px;
margin-left:16px;
margin-top:22px;
/*padding-top:10px;
padding-left:10px;
padding-bottom:10px;
padding-right:10px;*/
}

#leftnav
{
float: left;
width: 275px;
margin: 0;
padding: 5px;
background-color:#52534F;
}

#rightnav
{
float: right;
width: 275px;
margin: 0;
padding: 5px;
background-color:#52534F;
}

#middlenav
{
margin-left: 290px;
margin-right: 290px;
/*background-color:#52534F;*/
}

.homebox
{
    background-color:#52534F;
    margin-bottom: 6px;
    padding: 5px;
}

/* rotator in-page placement */
    div#rotator {
	/*position:relative;
	height:345px;
	margin-left: 15px;*/
	background-color:#52534F;
    margin-bottom: 6px;
    height: 210px;
    padding-top: 5px;
}

div#rotator ul {
	padding:0px;
	margin: 0px;
}
/* rotator css */
	div#rotator ul li {
	float:left;
	position:absolute;
	list-style: none;
}
/* rotator image style */	
	div#rotator ul li img {
	/*border:1px solid #52534F;
	padding: 4px;*/
	background: #52534F;
}
    div#rotator ul li.show {
	z-index:500;
}


#home_info
{
margin-left:15px;
margin-top:15px;
}

#fotowinkel
{
border:2px solid #FBB01B;
float:left;
}

#bruno
{
border:2px solid #FBB01B;
float:left;
}

#openingsuren
{
float:left;
margin-left:15px;
margin-top:209px;
}

#topwinkel
{
float:left;
margin-left:15px;
margin-top:209px;
}

/* CLASSES */

.clear
{
clear:both;
}

a:link, a:visited, a:hover, a:active
{
text-decoration:none;
color:#FBB01B;
}

h1
{
font-size:35px;
font-weight:normal;
font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
border-bottom:#42433F 3px solid;
padding-left:10px;
padding-bottom:10px;
}

h2
{
font-size:21px;
font-weight:bold;
color:#93bb3d;
margin-bottom:10px;
}

h3
{
margin-top:0px;
font-size:17px;
font-weight:bold;
margin-bottom:8px;
}

/* LIJSTEN */

.dagsuggestie
{
border-bottom:#42433F 3px solid;
padding-bottom:5px;
margin-bottom:0px;
padding-left:5px;
}

.dagsuggestie h2
{
margin-top:0px;
}

.dagsuggestie_active h2
{
margin-top:0px;
}

.dagsuggestie_active
{
border-bottom:#42433F 3px solid; padding-bottom:5px; background-color:#42433F;padding-left:5px; margin-top:0px; padding-top:5px;
}

.dagsuggestie img
{
float:right;
}

.dagsuggestie_active img
{
float:right;
}

.bestel
{
border-bottom:#42433F 3px solid;
padding-bottom:10px;
margin-bottom:0px;
padding-left:5px;
padding-top:10px;
}

.bestel h2
{
border:none;
border-bottom:none;
}

.clear
{
clear:both;
}

.bestel h3
{
margin-top:10px;
display:inline;
margin-right:20px;
}

.bestel img
{
margin:0px;
padding:0px;
}

#inhoud_bestel, #inhoud_dagreclame
{
padding-left:10px;
padding-right:10px;
margin-top:0px;
}

#inhoud_bestel img
{
margin-right:5px;
padding-left:5px;
border: 0px;
}

#inhoud_dagreclame img
{
border:2px solid #CC9900;
margin-right:5px;
margin-left:5px;
}

.bestel h2
{
border:none;
}

.noborder img
{
	border:none;
}

#dagreclameimg
{
	position:absolute; 
	left: 551px; 
	top: 9px; 
	width: 309px; 
	height: 206px;
}