/*#######################################################*/
/*                     reset HTML-elementen              */
/*#######################################################*/
html,
body,
img,
a,
div,
span,
hr,
p,
ul,
ol,
li,
h1,
h2,
h3,
h4,
table,
tr,
th,
td,
form,
fieldset,
label,
object,
embed,
param,
script,
noscript
	{
	margin: 0;
	padding: 0;
	border: 0;
	}
	
a,
a img,
a:hover img
	{
	text-decoration: none;
	}
	
a:hover
	{
	text-decoration: underline;
	cursor: pointer;
	}	

a:focus
	{
	outline: none;
	-moz-outline-style: none;
	}



/*#######################################################*/
/*                     css via tinymce                   */
/*#######################################################*/
.plaatje-links
	{
	display: block;
	float: left;
	margin: 5px 10px 5px 0;
	}

.plaatje-rechts
	{
	display: block;
	float: right;
	clear: left;
	margin: 5px 0 5px 10px;
	}

.plaatje-midden
	{
	display: block;
	text-align: center;
	margin: 10px auto;
	clear: both;
	}
	

	
/*#######################################################*/
/*                     floats                            */
/*#######################################################*/
.lfloat
	{
	float: left;
	}		
	
.rfloat
	{
	float: right;
	}
	
.lclear
	{
	clear: left;
	}		
	
.rclear
	{
	clear: right;
	}	

.clear
	{
	margin: 0 0 -1px 0;
	padding: 0;
	clear: both;
	height: 1px;
	font-size: 1px;
	line-height: 1px;
	}


/*#######################################################*/
/*                     basis                             */
/*#######################################################*/	
body
	{
	font-family: "Lucida Grande",Verdana,sans-serif;
	font-size: 12px;
	line-height: 150%;
	padding: 15px 0;
	text-align: center;
	}

#container
	{
	margin: 0 auto;
	width: 960px;
	text-align: left;
	min-height: 500px;
	}
	
#header		
	{
	width: 948px;
	margin: 0 0 10px 0;
	}

#content
	{
	margin: 15px 12px 0 12px;
	background: url(../beeld2/bg_content_n.gif) 0 0 repeat-y;
	}
	
#footer
	{
	width: 948px;
	line-height: 32px;
	text-align: right;
	font-size: 10px;
	color: #777;
	background: url(../beeld2/bg_footer.png) 12px 0 no-repeat;
	}	

		
	

/*#######################################################*/
/*                     tekstlogo                         */
/*#######################################################*/		
a#rdl
	{
  	position: relative;
	width: 280px;
	height: 30px;
	float: right;
	text-indent: -9000px;
	text-decoration: none;
	background: url(../beeld2/bg_remkedelange.gif) 0 0 no-repeat;
	}
	
a#rdl span
	{
	display:none;
	}	

#film a#rdl
	{	
	background-position: 0 -30px;
	}
	
#wijn a#rdl
	{	
	background-position: 0 -60px;
	}
	
#amerika a#rdl
	{	
	background-position: 0 -90px;
	}
	
#diversen a#rdl
	{	
	background-position: 0 -120px;
	}
	
#blog a#rdl
	{	
	background-position: 0 -180px;
	}	


a#rdl:hover,
#film a#rdl:hover,
#wijn a#rdl:hover,
#amerika a#rdl:hover,
#diversen a#rdl:hover,
#blog a#rdl:hover
	{	
	background-position: 0 -150px;
	}

a#rdl:hover span
	{
	display: block;
	position: absolute;
	white-space: nowrap;
	top: 27px;
	left: 30px;
	background: #fffcd1;
	border: 1px solid #999;
	color: #151515;
	padding: 0 2px;			
	z-index: 100;
	text-indent: 0;
	font-size: 11px;
	}



/*#######################################################*/
/*                     hoofdnavigatie                    */
/*#######################################################*/			
ul#hoofdnavigatie
	{
	width: 960px;
	list-style-type: none;
	}

ul#hoofdnavigatie li
	{
	display: inline;
	float: left;
	margin: 0 0 0 12px;
	}

ul#hoofdnavigatie li a
	{
	display: block;
	height: 145px;
	width: 225px;
	text-indent: -9000px;
	background: url(../beeld2/bg_navigatie.jpg) 0 0 no-repeat;
	opacity: 0.92;
	}
	
ul#hoofdnavigatie li a.gedimd
	{
	opacity: 0.4;
	}

ul#hoofdnavigatie li a.nav_films
	{
	background-position: 0 0;
	}
	
ul#hoofdnavigatie li a.nav_wijn
	{
	background-position: 0 -145px;
	}
	
ul#hoofdnavigatie li a.nav_amerika
	{
	background-position: 0 -290px;
	}
	
ul#hoofdnavigatie li a.nav_diversen
	{
	background-position: 0 -435px;
	}
	
ul#hoofdnavigatie li a.actief
	{
	opacity: .99;
	}	

ul#hoofdnavigatie li a:hover
	{	
	opacity: .99;
	}
	

	
/*#######################################################*/
/*                     aankeilers homepage               */
/*#######################################################*/			
ul#aankeilers
	{
	width: 960px;
	list-style-type: none;
	}

ul#aankeilers li
	{
	display: inline;
	float: left;
	margin: 0 0 0 12px;
	}

ul#aankeilers li ul
	{
	height: 82px;
	width: 225px;
	background: url(../beeld2/bg_aankeilers.gif) 0 0 no-repeat;
	list-style-type: none;
	}
	
ul#aankeilers li ul li
	{
	float: none;
	margin: 0;
	}
	

ul#aankeilers li ul.aankeilers_films
	{
	background-position: 0 -53px;
	}
	
ul#aankeilers li ul.aankeilers_wijn
	{
	background-position: 0 -188px;
	}
	
ul#aankeilers li ul.aankeilers_amerika
	{
	background-position: 0 -323px;
	}
	
ul#aankeilers li ul.aankeilers_diversen
	{
	background-position: 0 -458px;
	}
	
ul#aankeilers li ul li a
	{
	display: block;
	line-height: 24px;
	height: 24px;
	padding: 0 10px;
	font-size: 10px;
	}
	
ul#aankeilers li ul.aankeilers_films li a
	{
	color: #901cfc;
	}
	
ul#aankeilers li ul.aankeilers_wijn li a
	{
	color: #bd1717;
	}
	
ul#aankeilers li ul.aankeilers_amerika li a
	{
	color: #ffaf03;
	}
	
ul#aankeilers li ul.aankeilers_diversen li a
	{
	color: #fc5d00;
	}	

ul#aankeilers li ul li a:hover
	{
	text-decoration: none;
	color: #fff;
	}
	
ul#aankeilers li ul.aankeilers_films li a:hover
	{
	background: #901cfc;
	}
	
ul#aankeilers li ul.aankeilers_wijn li a:hover
	{
	background: #bd1717;
	}
	
ul#aankeilers li ul.aankeilers_amerika li a:hover
	{
	background: #ffaf03;
	}
	
ul#aankeilers li ul.aankeilers_diversen li a:hover
	{
	background: #fc5d00;
	}
	


/*#######################################################*/
/*                     content                           */
/*#######################################################*/	
/* kolommen */
#kol1,
#kol2,
#kol2-3,
#kol4
	{
	width: 460px;
	float: left;
	color: #151515;
	border-top: 1px solid #eaeaea;
	background: url(../beeld2/gradient_l.gif) 91px 0 no-repeat;
	font-size: 11px;
	padding: 0 1px 10px 1px;
	min-height: 305px;
	}

#kol1
	{
	width: 223px;
	background: url(../beeld2/gradient_l_n.gif) 1px 0 no-repeat;
	float: left;
	font-size: 12px;
	}

	
#kol2-3
	{
	margin: 0 0 0 12px;
	font-size: 12px;
	}
	
#kol4
	{
	width: 223px;
	float: right;
	background: url(../beeld2/gradient_r_n.gif) 1px 0 no-repeat;
	font-size: 12px;
	}	
	
.marge
	{
	padding: 10px;
	}
	
#kol1a
	{
	width: 205px;
	float: left;
	line-height: 130%;
	}

#kol1b
	{
	width: 205px;
	float: right;
	line-height: 130%;
	}
	
#kol1b a
	{
	color: #bd1717;
	}	

#kol1 .marge a
	{
	color: #901cfc;
	}


#kol2 .marge a
	{
	color: #6FBE2B;
	}
	
#kol4 .marge a
	{
	color: #6FBE2B;
	}	
	
/* koppen */
#kol1 h1,
#kol2 h1,
#kol2-3 h1,
#kol4 h1,
#kol1 h2,
#kol2 h2,
#kol2-3 h2,
#kol4 h2
	{
	text-transform: uppercase;
	font-size: 13px;
	font-weight: bold;
	color: #151515;
	min-height: 24px;
	line-height: 24px;
	}
	
/* lijsten */
#kol1 ul,
#kol2 ul,
#kol2-3 ul,
#kol4 ul,
#kol1 ol,
#kol2 ol,
#kol2-3 ol,
#kol4 ol,
	{
	margin: 0;
	padding: 0 0 0 15px;
	}	
	
/* nieuwstitems */
ul#nieuwsitems
	{
	list-style-type: none;
	padding: 0 0 10px 0;
	}
	
ul#nieuwsitems li
	{
	margin: 0 0 15px 0;
	}	
	
ul#nieuwsitems li h3
	{
	font-size: 12px;
	color: #BD1717;
	}
	

/*#######################################################*/
/*                     zoekformulier                     */
/*#######################################################*/	
#zoekformulier
	{
	display: none;	/* wordt zichtbaar gemaakt mbv javascript */
	float: left;
	/*padding: 3px 0 0 12px;*/
	}

#zoekwoord
	{
	outline: none;
	width: 155px;
	height: 16px;
	background: #FFF;
	border: 1px solid #CFCFCF;
	color: #333;
	font-size: 11px;
	}
	
#zoekwoord
	{
	border: 1px solid #777;
	}	

#submit
	{
	width: 40px;
	background: #777;
	border: 1px solid #777;
	color: #FFF;
	font-size: 11px;
	display: inline-block;
	}
	
#submit:hover
	{
	background: #000;
	border: 1px solid #000;
	}	

ul#zoekresultaten,
ul#aankeilers_blog
	{
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
	
#kol2 .marge ul#zoekresultaten li a
	{
	text-decoration: none;
	display: block;
	color: #777;
	}
	
#kol2 .marge ul#zoekresultaten li a:hover
	{	
	color: #FFF;
	background: #777;
	}
	
ul#aankeilers_blog li a
	{
	text-decoration: none;
	display: block;
	color: #6FBE2B;
	}
	
ul#aankeilers_blog li a:hover
	{	
	color: #6FBE2B;
	background: #E4F3D8;
	}	
	
.datum_aankeiler
	{
	font-size: 10px;
	text-transform: uppercase;
	}
