/* CSS Document */

@import url(float_clearing.css);
@import url(lettertypes.css);
@import url(kleurgebruik.css);
@import url(kolommen.css);

* {margin:0;padding:0}

	/*
	------------------------------------
	Canvas
	------------------------------------ */		

html {
	overflow: -moz-scrollbars-vertical;
	}

body {
	color:#000;
	background:#ffffff url(../images/template/achtergrond/pagina_bg.gif) repeat-y top center;
	margin-left:auto;
  	margin-right:auto;
	margin-top:0px;
	}

#FlouArtistique
	{
	padding:0 0 0 0;
	height:190px;
	background:url(../images/template/achtergrond/flouartistique.jpg) repeat-x 0 0
	}

	/*
	------------------------------------
	PaginaOpmaak
	------------------------------------ */		

#PaginaOmslag
	{
	margin:0 auto;
	min-width:740px;
	text-align:left;
	position:relative;
	top:0
	}

#TekstPaginaOmslag
	{
	width:100%;
	position:relative;
	top:120px;
	padding:0 0 120px;
	margin:0 0 40px;
	overflow:hidden
	}

#InhoudsOmslag
	{
	margin:0 0 2px;
	width:100%;
	clear:left
	}

#InhoudsOmslag .sub1
	{
	background:no-repeat 25% bottom;
	width:100%;
	}

#Inhoud
	{
	width:69%;
	padding:0 3% 30px;
	float:right
	}


	/*
	------------------------------------
	Navigatie
	------------------------------------ */		

#Hoofdnavigatie
	{
	width:100%;
	position:absolute;
	z-index:10;
	top:160px;
	height:30px
	}

#Hoofdnavigatie ul
	{
	width:50%;
	margin:0 13% 0 auto;
	padding:0 0 0 1%
	}

#Hoofdnavigatie ul ul
	{
	width:165px;
	margin:0;
	padding:5px 0 8px;
	position:absolute;
	top:30px;
	border-top:solid 2px #000;
	color:#FFF;
	clear:left;
	background:#b94e88;
	display:none
	}

* html #Hoofdnavigatie ul ul
  	{
	width:1%
	}
	
#Hoofdnavigatie ul ul ul
	{
	display:none !important
	}

#Hoofdnavigatie ul ul li
	{
	float:none;
	display:block;
	width:165px;
	margin:0
	}

#startpagina
	{
	padding:0 42%;
	width:200px;
	height:160px;
	position:absolute;
	z-index:1000;
	top:0
	}

#startpagina a
	{
	width:200px;
	height:160px;
	}
	
#adres
	{
	position:absolute;
	top:15px;
	left:50px;
	padding:5px 0 0;
	z-index:1002;
	background: url(../images/template/navigatie/adres.gif) no-repeat 0 0;
	}

body.hasimages 
#startpagina
	{
	text-indent:-1000em
	}

	/*
	------------------------------------
	PaginaOpmaak breed
	------------------------------------ */		


body.wide #TekstPaginaOmslag
	{
	top:190px !important;
	padding:0 0 190px 0 !important
	}

body.wide #InhoudsOmslag
	{
	background:transparant;
	}
	
body.wide #InhoudsOmslag .sub1
	{
	background:transparent
	}

body.wide #Inhoud
	{
	width:97%;
	padding:20px 0 30px 3%;
	float:right
	}


	/*
	------------------------------------
	Navigatie lettertype
	------------------------------------ */		

#Hoofdnavigatie li:hover a,#Hoofdnavigatie li.active a
	{
	background-color:#eeeeee
	}

#PaginaOmslag #Hoofdnavigatie li:hover li a,#PaginaOmslag #Hoofdnavigatie li.active li a
	{
	background-color:transparent
	}

#PaginaOmslag #Hoofdnavigatie li li a:hover
	{
	background-color:#b3b8b0
	}

#Hoofdnavigatie a
	{
	padding:8px 20px 0;
	height:22px;
	display:block;
	float:left
	}

#Hoofdnavigatie ul ul a
	{
	padding:4px 10px;
	height:1%;
	float:none
	}

#Hoofdnavigatie ul ul a:hover,#Hoofdnavigatie ul ul a:visited:hover
	{
	background:#000
	}



#footer
	{
	float:left;
	width:100%;
	padding:15px 0;margin:0
	}


	/*
	------------------------------------
	Hoofdnavigatie_praktisch
	------------------------------------ */		


#Hoofdnavigatie_praktisch
	{
	position:absolute;
	top:0;
	right:50px;
	padding:5px 0 0;
	z-index:1002
	}


	/*
	------------------------------------
	Subnavigatie
	------------------------------------ */		

#Subnavigatie
	{
	width:20%;
	padding:10px 3% 160px 2%;
	float:left
	}

#Subnavigatie ul
	{
	display:block;
	clear:left;
	list-style-type:none;
	height:1%;
	margin:0
	}
	
#Subnavigatie a
	{
	padding:1px
	}

#Subnavigatie li
	{
	margin:0;
	padding:0 0 5px 10px;
	background:url(../images/template/icons/block_gray.gif) no-repeat 0 7px
	}

#Subnavigatie li li
	{
	padding:0 0 4px 10px;
	background:url(../images/template/icons/arrowhead_gray.gif) no-repeat 2px 7px
	}

#Subnavigatie ul ul
	{
	margin:5px 0 0;
	display:none
	}


	/*
	------------------------------------
	Footer
	------------------------------------ */		

#footer
	{
	float:left;
	width:100%;
	padding:15px 0;margin:0
	}

#footerInhoudMidden
	{
	width:45%;
	float:left;
	margin:0 2%;
	text-align:right;
	}

#footerInhoudRechts
	{
	width:45%;
	float:right;
	padding:0 2%
	}

	/*
	------------------------------------
	Opsomming
	------------------------------------ */		

ul.horizontal li
	{
	float:left;
	list-style-type:none;
	margin:0 12px 0 0;
	white-space:nowrap
	}

ul.plain li
	{
	list-style-type:none;
	}

.listDoubleColumns ul ul li,.listTripleColumns ul ul li,#navFeatures ul,#Hoofdnavigatie li,#search ul
	{margin:0}
	
#stagePanorama,#Subnavigatie .expanded ul,#Hoofdnavigatie li:hover ul,#Hoofdnavigatie li.active ul
	{
	display:block
	}

.imageReplacement a
	{
	text-indent:-1000px;
	overflow:hidden;
	background-repeat:no-repeat;
	display:block
	}

.imageReplacement a:link,.imageReplacement a:visited
	{
	background-position:0 0
	}

.imageReplacement a:hover,.imageReplacement a:visited:hover,#startpagina.active
	{
	background-position:0 100%
	}


	/*
	------------------------------------
	Tekstblok
	------------------------------------ */	
	
#RubriekFoto
	{
	position:relative;
	padding:0 0 0;
	width:100%;
	overflow:hidden;
	margin-bottom:0px
	}
	
#RubriekFoto .overlay
	{
	float:left;
	position:absolute;
	left:20%;
	z-index:1
	}

#RubriekFoto .base
	{
	float:right;
	display:block;
	width:100%;
	overflow:hidden
	}
	
#RubriekFoto .base img
	{
	display:block;
	float:right
	}
	
#RubriekTitel
	{
	margin:0 0 10px;
	padding:5px 10px 5px 20px;
	background:#B4271C;
	float:left;
	position:relative;
	left:-20px
	}

#activiteiten_top_break 
	{
	background:url(../images/rubrieken/activiteiten.gif) no-repeat top;
	margin-left:105px;
	padding:0 0 5px 0;
	height:45px;
	}

#artikels_top_break 
	{
	background:url(../images/rubrieken/artikels.gif) no-repeat top;
	margin-left:375px;
	padding:0 0 5px 0;
	height:63px;
	}

#info_top_break 
	{
	background:url(../images/rubrieken/info.gif) no-repeat top;
	margin-left:25px;
	padding:0 0 5px 0;
	height:67px;
	}

#recepten_top_break 
	{
	background:url(../images/rubrieken/recepten.gif) no-repeat top;
	margin-left:425px;
	padding:0 0 5px 0;
	height:63px;
	}

#top_break 
	{
	background:url(../images/back_top.gif) repeat-x top;
	margin:auto;
	padding:0 0 0 0;
	width:104%;
	height:19px;
	}

#bot_break 
	{
	background:url(../images/back_bot.gif) repeat-x bottom;
	margin:auto;
	padding:0 0 0 0;
	margin-top:250px;
	width:104%;
	height:18px;
	}
	
.InhoudFooter
	{
	background:url(../images/template/lijnen/gray_dotted.gif) repeat-x 0 0;
	padding:15px 0 0;
	width:100%;
	float:left
	}

a.back,a.more
	{
	width:150px;
	display:block;
	clear:left;
	line-height:1
	}

a.back
	{
	background:url(../images/template/icons/arrow_large_left.gif) no-repeat 0 0;
	padding:4px 0 6px 35px
	}

a.more
	{
	background:url(../images/template/icons/arrow_small.gif) no-repeat 0 1px;
	padding:2px 2px 2px 22px
	}