body{
background:					#600 url(img/bg.gif) fixed;
color:						#fff;
font-size:					12px;
font-family:				verdana, arial, helvetica, sans-serif;
/* let op dat text-align de div op zijn plek houdt voor ie.   */
text-align:					center;
}

/* dit is de div om de andere divs   */
div#wrapper{
width:						880px;
margin-left:				16%;
margin-right:				16%;
border:						2px solid #fc6;
background:					#600;
padding:					3px;
text-align:					left;
scrollbar-arrow-color:		#cf0;
scrollbar-face-color:		#c00;
scrollbar-highlight-color:	#cff;
scrollbar-3dlight-color:	#cc0;
scrollbar-shadow-color:		#0ff;
scrollbar-darkshadow-color:	#088;
scrollbar-track-color:		#ffa500;
height:						auto;
}

div#tr{
}

/* het vaak live muziek dingetje  */
div#vlm{
position:					absolute;
top:						25px;
left:						880px;
padding:					0px;
margin:						0px;
text-align:					center;
width:						147px;
height:						147px;
}

div#kerst{
position:					absolute;
top:						250px;
left:						820px;
padding:					0px;
margin:						0px;
text-align:					center;
width:						150px;
height:						150px;
z-index: 10;
}

div#quiz{
position:					absolute;
top:						160px;
left:						260px;
padding:					0px;
margin:						0px;
text-align:					center;
width:						147px;
height:						147px;
}

div#singeliertekst{
position:					absolute;
top:						25px;
left:						350px;
padding:					0px;
margin:						0px;
text-align:					center;
width:						343px;
height:						83px;
}

div#lindeboom{
position:					absolute;
top:						400px;
left:						155px;
padding:					0px;
margin:						0px;
text-align:					center;
width:						40px;
}

div#singeliercard{
	position:					relative;
	top:						-130px;
	left:						570px;
	padding:					0px;
	margin:						0px;
	text-align:					center;
	width:						234px;
	height: 144px;
}

div#pint{
	position:					relative;
	top:						-120px;
	left:						400px;
	padding:					0px;
	margin:						0px;
	text-align:					center;
	width:						234px;
	height: 144px;
}


/* de header-div met het logo erin  */
div#header{
top:						0px;
height:						180px;
width:						100%;
padding:					0px;
margin:						0px;
text-align:					center;
float:						center;
}

/* de div met het navigatiedeel   */

div#sidebar{
top:						700px;
width:						125px;
padding:					0px;
margin-top:					0px;
margin-left:				3px;
float:						left;
}

/* de div waarin de inhoud afkomstig van navigatie in terecht komt   */
div#content{
top:						90px;
width:						700px;
margin-left:				8px;
margin-top:					0px;
padding:					0px;
float:						left;
font-family:				verdana, arial, helvetica, sans-serif;
font-size:					12px;
font-style:					normal;
line-height:				normal;
font-weight:				normal;
font-variant:				normal;
color:						#fc6;
}

div#roken{
font-family:				verdana, arial, helvetica, sans-serif;
font-size:					12px;
font-style:					normal;
}

/* de footer-div, alleen voor copyrightnote gemaakt.    */
div#footer{
color:						#fc6;
clear:						both;
height:						5%;
width:						700px;
border-width:				1px 0 0 0;
border-style:				solid;
border-color:				#fc6;
vertical-align:				middle;
padding:					0;
margin-left:				auto; 
margin-right:				auto;
}

/* linkjes op de site worden volgens onderstaande specs getoond */
a:link{
text-decoration:			underline;
color:						#fc6;
}

a:visited{
text-decoration:			underline;
color:						#fc6
}

a:hover{
text-decoration:			underline;
color:						#fff;
}

a:active {
text-decoration:			none;
}

a:link img{
text-decoration:			none;
border:						0px;
}

a:visited img{
text-decoration:			none;
border:						0px;
}

/* gelinkte plaatjes gedragen zich op de onderstaande manier, dit geldt ook voor de sidebarplaatjes */
a:hover img{
text-decoration:			none;
border:						0px;
}

a:active img{
text-decoration:			none;
border:						0px;
}

/* de knoppen posities */
.b_voorpagina a:hover{
position:					relative;
left:						0px;
padding:					0px;
margin:						1px;
}

.b_agenda a:hover{
position:					relative;
left:						0px;
padding:					0px;
margin:						1px;
}

.b_prikbord a:hover{
position:					relative;
left:						0px;
padding:					0px;
margin:						1px;
}

.b_fotoboek a:hover{
position:					relative;
left:						0px;
padding:					0px;
margin:						1px;
}

.b_links a:hover{
position:					relative;
left:						0px;
padding:					0px;
margin:						1px;
}

.b_contact a:hover{
position:					relative;
left:						0px;
padding:					0px;
margin:						1px;
}

.b_prijslijst a:hover{
position:					relative;
left:						0px;
padding:					0px;
margin:						1px;
}

.b_drankenkaart a:hover{
position:					relative;
left:						0px;
padding:					0px;
margin:						1px;
}

.b_borrels a:hover{
position:					relative;
left:						0px;
padding:					0px;
margin:						1px;
}

.b_darten a:hover{
position:					relative;
left:						0px;
padding:					0px;
margin:						1px;
}

.b_poker a:hover{
position:					relative;
left:						0px;
padding:					0px;
margin:						1px;
}

.b_pubquiz a:hover{
position:					relative;
left:						0px;
padding:					0px;
margin:						1px;
}

.b_voetbal a:hover{
position:					relative;
left:						0px;
padding:					0px;
margin:						1px;
}

.b_speciaalbier a:hover{
position:					relative;
left:						0px;
padding:					0px;
margin:						1px;
}

.b_wijnkaart a:hover{
position:					relative;
left:						0px;
padding:					0px;
margin:						1px;
}

.b_singeliercard a:hover{
position:					relative;
left:						0px;
padding:					0px;
margin:						1px;
}

.b_video a:hover{
position:					relative;
left:						0px;
padding:					0px;
margin:						1px;
}

.b_sponsor a:hover{
position:					relative;
left:						0px;
padding:					0px;
margin:						1px;
}

td, tr, table{
font-family:				verdana, arial, helvetica, sans-serif;
font-size:					12px;
text-align:					left;
width:						100px;
height:						100px;
padding:					10px;
}

table.tagenda, td.tagenda, tr.tagenda{
font-family:				verdana, arial, helvetica, sans-serif;
font-size:					12px;
text-align:					left;
width:						600px;
height:						20px;
padding:					2px;
border:						1px solid #fc6;
border-collapse:			collapse;
margin:						1px 1px 1px 1px;
}

table.twijn, td.wijn, tr.twijn{
font-family:				verdana, arial, helvetica, sans-serif;
font-size:					12px;
text-align:					left;
width:						850px;
padding:					2px;
margin:						1px 1px 1px 1px;
}
table.tdarten, td.tdarten, tr.tdarten{
font-family:				verdana, arial, helvetica, sans-serif;
font-size:					12px;
text-align:					left;
width:						auto;
height:						20px;
padding:					1px;
border:						#fc6 1px solid;
border-collapse:			collapse;
}

table.troken, td.troken, tr.troken{
font-family:				verdana, arial, helvetica, sans-serif;
font-size:					12px;
text-align:					left;
width:						550px;
padding:					1px;
color:						#fc6;
}

table.tpoker, td.tpoker, tr.tpoker{
font-family:				verdana, arial, helvetica, sans-serif;
font-size:					12px;
text-align:					left;
width:						150px;
height:						20px;
padding:					1px;
border:						#fc6 1px solid;
border-collapse:			collapse;
}

table.tvoetbal, td.tvoetbal, tr.tvoetbal{
font-family:				verdana, arial, helvetica, sans-serif;
font-size:					12px;
text-align:					left;
width:						500px;
height:						16px;
padding:					1px;
border:						#fc6 1px solid;
border-collapse:			collapse;
}

th{
font-size:					12px;
}

td{
font-size:					12px;
}

p{
font-size:					12px;
}

strong{
font-size:					12px;
}

form#lichtkrant{
}

#lichtkrant{
text-align:					center;
position:					relative;
top:						-6px;
}

input#lichtkrant{
color:						#fc6;
background-color:			#600;
border:						0 0 0 0;
border-width:				0px;
|