body {
	/*font-family: Arial, Tahoma,Verdana,Times New Roman, Helvetica, sans-serif; 
	font-size:13px;*/	
	font: 11px/16px "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", verdana, arial, helvetica;
	word-spacing: 1px;
	color: #454545;
	margin: 0 auto 0 auto;
	padding:0px;
	width: 768px;
	background: url(../img/bag.gif) #c0c0c0 repeat-y 50%;	

}

a:link, a:hover, a:visited, a:active {
	color:#808080;
}

h1{
	font-family: Arial;
	font-size: 14px;
	margin-bottom: 5px;
	color: #bb0000;
	text-transform:uppercase;
}

h3 {
	padding:0 0 10px 0;
	margin:0 0 10px 0;
}

h2{
	margin: 20px 0 0 5px;
	border-bottom: 1px solid #E8E3D2;
}

label,input,textarea,select,submit {
	display: block;
	width: 100px;
	float: left;
	margin-bottom: 5px;
}textarea {
	margin: 2px 0 0 0;
	width: 556px;
}select {
	width: 184px;
}label {
	text-align: left;
	width: 50px;
	margin: 0 0 0 10px;
	border: 0;
}br {
	clear: left;
}
span {
	display: block;
	width:100px;
	float: left;
	margin: 0;
	padding: 0;
}
#header_top, #header_bottom, #header {
	background-repeat: repeat-x;
	width: 768px;
}#header_top {
	height: 16px;
	background: url(../img/header_top.gif) top;
}#header_bottom {
	height: 17px;
	background: url(../img/header_bottom.gif) top;
}

.lights {

}

.menu {
	clear: both; 
}

#lights1, #lights2 {
	height: 118px;
	background-repeat: repeat-x;
	float: left;
}#lights1 {
	width: 210px;
	background: url(../img/lights_1.gif) top;
}

#menu_left, #menu, #menu_right {
	float: left;
	height: 448px;
}#menu_left {
	width: 22px;
	background: url(../img/menu_left.gif);
}#menu {
	width: 120px;

}#menu_right {
	width: 68px;
	background: url(../img/menu_right.gif);
}#menu_corner {
	float: left;
	width: 79px;
	height: 58px;
	background: url(../img/menu_corner.gif);
}

#kader1{
	background: url(../img/kader.gif) no-repeat top;
	position: absolute;
	width: 421px;
	height: 299px;
	padding: 30px;
	margin-top: -890px;
	margin-left: 260px;	
}#kader21{
	background: url(../img/kader.gif) top;
	background-repeat: no-repeat;
	position: absolute;
	width: 421px;
	margin-top: 30px;
	height: 299px;
	padding: 30px;

}#kader4{
	background: url(../img/kader-zwart.gif) top;
	background-repeat: no-repeat;
	z-index: 2;	
	position: absolute;
	width: 539px;
	height: 466px;
	padding: 10px 0 0 30px;
	margin-top: -912px;
	margin-left: 195px;
}#kader3{
	background: url(../img/kader-wit.gif) top;
	background-repeat: no-repeat;
	position: absolute;
	z-index: 2;	
	width: 539px;
	height: 466px;
	padding: 10px 0 0 30px;
	margin-top: -912px;
	margin-left: 195px;
}#kader22{
	background: url(../img/kader.gif) top;
	background-repeat: no-repeat;
	width: 481px;
	height: 359px;
	margin-top: -5px;
	margin-left: 56px;
	position: absolute;
	z-index: 2;
}
#scroll1 {
	overflow: auto;
	width: 435px;
	height: 248px;	
	margin-top: -20px;
}#scroll2 {
	overflow: auto;
	width: 443px;
	height: 378px;	
	margin-top: -20px;
	padding:0 5px 0 82px; 

}


#scroll3{
	overflow: none;
	height: 288px;	
	width: 430px;
	padding: 0 10px 0 30px;
	margin-top: 22px;
	position: absolute;
}

#polaroid{
	position: absolute;
	width: 568px;
	margin-top: 300px;
    z-index: 1;
}


#content {
	height: 1140px;
	width: 768px;
	background: url(../img/bg.gif) #000 no-repeat top right;
}

#mailing {
	position: absolute;
	z-index: 2;
	height: 581px;
	width: 283px;
	top: 722px;
	background: url(../img/mailing_list.gif) top;
	background-repeat: no-repeat;
}

#poll{
	position: absolute;
	z-index: 2;	
	width: 291px;
	height: 735px;
	margin: 0 0 0 -9px;
	
	background: url(../img/poll.gif) no-repeat;
}

ul li {
	position: relative;
	}
li ul {
	position: absolute;
	left: 149px;
	top: 0;
	display: none;
	}
ul li a {
	display: block;
	text-decoration: none;
	color: #777;

	border-bottom: 0;
	}
	/* Fix IE. Hide from IE Mac \*/
	#polaroid ul li { float: left; }
	* html ul li a { height: 1%; }
	/* End */
ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 120px;
	border-bottom: 0px solid #ccc;
	}

#float-right {
	float: right;
	position: relative;
	background: url(../img/rechts_kader.gif);
	background-repeat: no-repeat;
	margin: 0 0 -200px 0px;
	padding: 30px 0 0 30px;
	width: 141px;
	height: 209px;
	top: -135px;
}



#float-right li {
	width: 100px;
	text-decoration: none;
	}	
	


#menu li {
	width: 120px;
	text-decoration: none;
	}	
	
#l1 a:link, #l1 a:visited {
	height: 33px;
	display: block;
	background: url(../img/menu_left/1.gif) top center;
}#l1 a:hover {
	background: url(../img/menu_left/1.gif) 0px 33px;
}#l2 a:link, #l2 a:visited {
	height: 33px;
	display: block;
	background: url(../img/menu_left/2.gif) top center;
}#l2 a:hover {
	background: url(../img/menu_left/2.gif) 0px 33px;
}#l3 a:link, #l3 a:visited {
	height: 33px;
	display: block;
	background: url(../img/menu_left/3.gif) top center;
}#l3 a:hover {
	background: url(../img/menu_left/3.gif) 0px 33px;
}#l4 a:link, #l4 a:visited {
	height: 33px;
	display: block;
	background: url(../img/menu_left/4.gif) top center;
}#l4 a:hover {
	background: url(../img/menu_left/4.gif) 0px 33px;
}#l5 a:link, #l5 a:visited {
	height: 33px;
	display: block;
	background: url(../img/menu_left/5.gif) top center;
}#l5 a:hover {
	background: url(../img/menu_left/5.gif) 0px 33px;
}#l6 a:link, #l6 a:visited {
	height: 33px;
	display: block;
	background: url(../img/menu_left/6.gif) top center;
}#l6 a:hover {
	background: url(../img/menu_left/6.gif) 0px 33px;
}#l7 a:link, #l7 a:visited {
	height: 33px;
	display: block;
	background: url(../img/menu_left/7.gif) top center;
}#l7 a:hover {
	background: url(../img/menu_left/7.gif) 0px 33px;
}#l8 a:link, #l8 a:visited {
	height: 33px;
	display: block;
	background: url(../img/menu_left/8.gif) top center;
}#l8 a:hover {
	background: url(../img/menu_left/8.gif) 0px 33px;
}#l9 a:link, #l9 a:visited {
	height: 33px;
	display: block;
	background: url(../img/menu_left/9.gif) top center;
}#l9 a:hover {
	background: url(../img/menu_left/9.gif) 0px 33px;
}#l10 a:link, #l10 a:visited {
	height: 33px;
	display: block;
	background: url(../img/menu_left/10.gif) top center;
}#l10 a:hover {
	background: url(../img/menu_left/10.gif) 0px 33px;
}#l11 a:link, #l11 a:visited {
	height: 33px;
	display: block;
	background: url(../img/menu_left/11.gif) top center;
}#l11 a:hover {
	background: url(../img/menu_left/11.gif) 0px 33px;
}#l12 a:link, #l12 a:visited {
	height: 33px;
	display: block;
	background: url(../img/menu_left/12.gif) top center;
}#l12 a:hover {
	background: url(../img/menu_left/12.gif) 0px 33px;
}#l13 a:link, #l13 a:visited {
	height: 33px;
	display: block;
	background: url(../img/menu_left/13.gif) top center no-repeat;
}#l13 a:hover {
	background: url(../img/menu_left/13.gif) 0px 33px;
}

#pol_erwin a:link, #pol_erwin a:visited {
	position: absolute;
	display: block;
	float: left;
	height: 128px;	
	width: 118px;
	padding: 0;
	margin-top: 12px;
}#pol_baldar a:link, #pol_baldar a:visited {
	position: absolute;
	display: block;	
	float: left;
	height: 118px;	
	width: 102px;
	margin: 23px 0 0 120px;
}#pol_boris a:link, #pol_boris a:visited {
	position: absolute;
	display: block;		
	float: left;
	height: 129px;	
	width: 118px;
	margin: 20px 0 0 220px;	
}#pol_peter a:link, #pol_peter a:visited {
	position: absolute;
	float: left;
	height: 126px;	
	width: 113px;
	margin: 14px 0 0 338px;		
}

#polaroid ul{
	margin: 0;
	padding: 0;
}

textarea {
	background-color: #FFFFFF;	
	margin: 2px 0 0 0;
	width: 353px;
	height: 100px;
}

img.right {
	float: right;
}

h3.downloads{
	font: 18px verdana,"Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", arial, helvetica;
	color: #ffdf0f;
	margin: 0;
	padding: 10px 0 0 0;
	margin-left: 30px;	
}
.downloads,.downloads a:link, .downloads a:visited, .downloads a:active {
	color: #fff;
}
.downloads a:hover{
	color: #FF0000;
}
ul.downloads {
	margin-left: 30px;
}

#bgpeter{
	position: absolute;
	margin-left: -50px; 
	width: 501px;
	height: 440px;
	background: url(../img/polaroids/peter.gif);
}

#bgboris{
	position: absolute;
	margin-left: -108px; 
	margin-top: -39px;
	width: 551px;
	height: 426px;
	background: url(../img/polaroids/boris.gif);
}

#bgerwin{
	position: absolute;
	margin-top: -40px;
	margin-left: -10px;
	width: 451px;
	height: 428px;
	background: url(../img/polaroids/erwin.gif);
}

#bgbaldar{
	position: absolute;
	margin-left: -34px; 
	margin-top: -39px;
	width: 420px;
	height: 429px;
	background: url(../img/polaroids/baldar.gif);
}

form {
	position: absolute;
	top: 100px;
	left: 60px;
}

input.text{
	border-top: 1px solid #636162; 
	border-bottom: 1px solid #A8A6A7; 
	border-left: 1px solid #636162; 
	border-right: 1px solid #A8A6A7; 
	color: #666666;
	margin-bottom: 20px;
	height: 13px;
	width: 130px;
	font: 10px Verdana;
}

input.button{
	position: absolute;
	top: 38px;
	left: 145px;
	width: 16px;
	height: 16px;
}

#knoppenphoto{
	margin: 20px 0 0 50px;
}

#knoppenphoto li{
	list-style: none;
	margin-bottom: 29px;
}
#bandphoto a{
	background: url(../img/photoband.gif);
	width: 278px;
	height: 48px;
	display: block;
}#bandphoto a:hover{
	background: url(../img/photoband.gif) 0 48px;		
}#livephoto a{
	background: url(../img/photolive.gif);
	width: 278px;
	height: 48px;
	display: block;
}#livephoto a:hover{
	background: url(../img/photolive.gif) 0 48px;		
}#latestphoto a{
	background: url(../img/photolatest.gif);
	width: 278px;
	height: 48px;
	display: block;
}#latestphoto a:hover{
	background: url(../img/photolatest.gif) 0 48px;		
}#randomphoto a{
	background: url(../img/photorandom.gif);
	width: 305px;
	height: 48px;
	display: block;
}#randomphoto a:hover{
	background: url(../img/photorandom.gif) 0 48px;	
}

#extramenu{
	display: block;
	position: absolute;
	width: 370px;
	height: 24px;
	margin: 205px 0 0 237px;
}#extramenu1{
	position: absolute;
	background: url(../img/smallmenu/hoekje.jpg);
	width: 8px;
	height: 24px;
}#extramenu2 a:link, #extramenu2 a:visited{
	display: block;
	position: absolute;
	background: url(../img/smallmenu/myspace.jpg) top center;
	left: 8px;
	width: 81px;
	height: 24px;
}#extramenu2 a:hover{
	background: url(../img/smallmenu/myspace.jpg) 0px 24px;
}#extramenu3 a:link, #extramenu3 a:visited{
	display: block;
	position: absolute;
	background: url(../img/smallmenu/ongekendtalent.jpg) top center;
	left: 89px;
	width: 138px;
	height: 13px;			
}#extramenu3 a:hover{
	background: url(../img/smallmenu/ongekendtalent.jpg) 0px 13px;
}#extramenu4 a:link, #extramenu4 a:visited{
	position: absolute;
	background: url(../img/smallmenu/musicfrom.jpg) top center no-repeat;
	left: 89px;
	top: 13px;
	width: 138px;
	height: 11px;				
}#extramenu4 a:hover{
	background: url(../img/smallmenu/musicfrom2.jpg) top center no-repeat;
}#extramenu5 a:link, #extramenu5 a:visited{
	position: absolute;
	background: url(../img/smallmenu/home.jpg) top center;
	left: 227px;
	width: 35px;
	height: 13px;
}#extramenu5 a:hover{
	background: url(../img/smallmenu/home.jpg) 0px 13px;
}#extramenu6 a:link, #extramenu6 a:visited{
	position: absolute;			
	background: url(../img/smallmenu/media.jpg) top center;
	left: 262px;
	width: 38px;
	height: 13px;			
}#extramenu6 a:hover{
	background: url(../img/smallmenu/media.jpg) 0px 13px;
}#extramenu7 a:link, #extramenu7 a:visited{
	position: absolute;			
	background: url(../img/smallmenu/weblinks.jpg) top center;
	left: 300px;
	width: 50px;
	height: 13px;			
}#extramenu7 a:hover{
	background: url(../img/smallmenu/weblinks.jpg) 0px 13px;
}#extramenu8 a:link, #extramenu8 a:visited{
	position: absolute;			
	background: url(../img/smallmenu/log.jpg) top center;
	left: 350px;
	width: 20px;
	height: 13px;			
}#extramenu8 a:hover{
	background: url(../img/smallmenu/log.jpg) 0px 13px;
}#extramenu9 a:link, #extramenu9 a:visited{
	position: absolute;			
	background: url(../img/smallmenu/videored.gif) top center no-repeat;
	left: 227px;
	top: 13px;
	width: 143px;
	height: 11px;			
}#extramenu9 a:hover{
	background: url(../img/smallmenu/video.gif) top center no-repeat;
}

#heavensdevils{
	position: absolute;
	margin: -63px 0 0 -110px; 
	width: 559px;
	height: 460px;
	background: url(../img/The-Heavens-Devils.gif);
}

#musicplayer{
	position: absolute;
	margin: -63px 0 0 -110px; 
	width: 559px;
	height: 460px;
}#flashplayer{
	position: absolute;
	top: 380px;
	left: 350px;
}img{
	border: 0;
}

#kader33,#kader43{
	position: absolute;
	width: 452px;

	padding-left: 300px;
	background: #fff;
	color: #000;	
}#kader43{
	background: #000;
	color: #fff;
}

#opvkader4,#opvkader3{
	position: absolute;
	width: 752px;
	height: 300px;
	background: #000;
	margin: 955px 0 0 0;
}#opvkader3{
	background: #fff;
}

#rand{
	position: absolute;
	background: url(../img/rand.gif) top center no-repeat;
	width: 18px;
	height: 924px;
	top: 0;
	margin: 1109px 0 0 750px;
}
