body{
	line-height : 110%;
	background-color : black;
	background-image : url('pics/foto.jpg');
	background-repeat : no-repeat;
	background-position : 50% 15%;
	font-family : verdana,geneva,arial;

	padding : 0px;
	margin : 0px;
	}

a{
	border : none;
	color:red;
	text-decoration:none;
	border-style:none;
	}


a:visited{
	border : none;
	border-style:none;

} 

a:active{

	color : blue;
	border : none;

} 

hr {
color : red;
}


table{
	font-family : verdana,geneva,arial;
	font-weight : 550;
	opacity:0.8;
	filter:alpha(opacity:80);

}


img { border : none;
}



div.kiestabel {
	position:absolute;
	top:50px;
	left : 15px;
	text-align : center;
	border:0px;
	background-color:transparant;
	padding : 0px;
	margin : 0px;
	opacity : 0.99;
	filter : alpha(opacity=99);
}


#kalendertabel {
	font-size : 10px;
	border-left : 1px solid white;
vertical-align : top;
	width : 450px;

	}
	
#kalendertabeli {
	font-size : 10px;
	border-left : 1px solid white;
	vertical-align : top;
	width : 450px;
	}




div.toon{
	text-align:left;
	background-color : #FFFF66;
	position:absolute;
	top:100px;
	left:0px;
	
	width:100%;
	height : 500px;

	
	border: 1px solid yellow;	
	visibility:hidden;
	padding : 0px;
	margin : 0px;
}




div.toonie{
	text-align:left;
	background-color :  #FFFF66;
	position:absolute;
	top:100px;
	left:0px;
	width:100%;
	height : 500px;
	padding : 0px;
	margin : 0px;
		border: 1px solid yellow;
	visibility:visible;
	padding : 0px;
	margin : 0px;
}

div.toon3{
	text-align:left;
	background-color :  #FFFF66;
	position:absolute;
	top:100px;
	left:0px;
	width:100%;
		height : 500px;
		border: 1px solid yellow;
	visibility:hidden;
	padding : 0px;
	margin : 0px;
}

div.toon22{
	line-height : 190%;
	text-align:left;
	font-family : verdana,geneva,arial;
		font-weight : 550;
	background-color : transparant;
	color:black;
	font-size:11px;
	position:absolute; 
	top : 157px;  
	left :140px;
	

	height : 450px;
	border:0;	
	visibility:hidden;
	padding : 0px;
	margin : 0px;
	opacity:0.75; 
	filter:alpha(opacity=75);
}




div.toon2{
	line-height : 190%;
	text-align:left;
	font-family : verdana,geneva,arial;
		font-weight : 550;
	background-color : transparant;
	color:black;
	font-size:11px;
	position:absolute; 
	top : 140px;  
	left :200px;
	bottom : 0px;
	width: 70%;
	height : 450px;
	border:0;	
	visibility:hidden;
	padding : 0px;
	margin : 0px;
	opacity:0.75; 
	filter:alpha(opacity=75);
}



div.toon21{
	line-height : 190%;
	text-align:left;
	font-family : verdana,geneva,arial;
		font-weight : 550;
	background-color : transparant;
	color:black;
	font-size:11px;
	position:absolute; 
	top : 190px;  
	left :200px;
	bottom : 0px;
	width: 60%;
	height : 450px;
	border:0;	
	visibility:hidden;
	padding : 0px;
	margin : 0px;
	
}


div.toon4{
	line-height : 130%;
	text-align:left;
	font-family : verdana,geneva,arial;
	font-weight : 550;
	background-color : transparant;
	color:black;
	font-size:11px;
	position:absolute; 
	top : 190px; 
	left :600px;
	bottom : 0px;
	width: 300px;
	height : 370px;
	border:0;	
	visibility:hidden;
	padding : 0px;
	margin : 0px;

	opacity:0.7;
	filter:alpha(opacity:70);



}



#aanpas_kalender{

	color:black;
	position:absolute;
	left:350px;
	top:150px;
	width:500px;
	z-index:99;
	visibility:hidden;
	

}

#menuJyo{
	opacity : 0.6;
	filter : alpha (opacity=60); 
	visibility:hidden;
font-family : verdana,geneva,arial;
font-weight : bold;
	position : absolute;
	left : 7px;
	top : 100px;
	width : 300px;
	visibility :hidden;
	text-align : left;
 border : none;
	
	
	
	}




#lijn {
	font-family : courier;arial;
	font-size : 40px;
	color : red;
	width : 100%;
	height : 96px;
	position : absolute;
	top : 0px;
	left : 0px;
	text-decoration : none;
	padding : 0px;
	margin : 0px;
	line-height : 0%;
 border-bottom : 5px solid red;
	
	}


#kikker{

	position : absolute;
	top : 3%;
	right : 15%;
	border-color : red;
	border-width : 5px;
	z-index : 99;
 border : none;
	}

#logojmb{

	position : absolute;
	top : 450px;
	right : 2px;
	z-index:99;
 border : none;
	}



	
#home{
	
	position:absolute;
	top : 190px;
	left : 115px;
	font-family : "Bank Gothic";
	border-right : 1px solid white;
	padding : 10 px;
	text-align : right; 
	visibility : hidden;
	
	
	}

h1,h2,h3{
	font-weight:normal;
	color:black;
	font-family : verdana,geneva,arial;
}
h1{
	font-size:15px;
	text-align : center;
	
}
h3{
	margin: 20px 0px 2px 0px;
}

h2{
font-size:15px;
	text-align : left;
	
	
}
h4 { 
	text-align : center;
}




input.kiesknop {
	width : auto;
	height : 30px;
	text-align :center;
	opacity : 0.8;
	filter:alpha(opacity=80);
	border-style: none;
	cursor : pointer;
	background-color:transparent;
	z-index:99;
	border : none;
	

}

input.kiesknop:focus{
	border : none;
}



#lid {
background-image: url(pics/leden.gif);
background-repeat : no-repeat;
background-position: right top;
width:140px;
height:40px;
 border : none;}

#opzet {
background-image: url(pics/opzet.gif);
background-repeat : no-repeat;
background-position: right top;
width:155px;
height:40px;
 border : none;}

#repertoire {
background-image: url(pics/repertoire.gif);
background-repeat : no-repeat;
background-position: right top;
width:130px;
height:40px;
 border : none;}
#foto_video {
background-image: url(pics/fotovideo.gif);
background-repeat : no-repeat;
background-position: right top;
width:115px;
height:40px;
 border : none;}
#pers {
background-image: url(pics/pers.gif);
background-repeat : no-repeat;
background-position: right top;
width:125px;
height:40px;
 border : none;}

#concerten  {
background-image: url(pics/concerten.gif);
background-repeat : no-repeat;
background-position: right top;
width:115px;
height:40px;
 border : none;}


#fartners  {
background-image: url(pics/fartners.gif);
background-repeat : no-repeat;
background-position: right top;
width:140px;
height:40px;
 border : none;}



table {
	width : 60%;
	padding-bottom : 10px;
	padding-top : 0px;
	font-size : 11px;
	text-align : left;
	border-left : white;
	}
	
col.col1{
	width : 30px;
	font-family : "Bank Gothic";
	vertical-align : middle;	
	}
#jani {
background-image: url(pics/jan.gif);
background-repeat : no-repeat;
backbround-position : left bottom;
width : 57px;
border-style : none;
text-decoration : none;

}



#febi {
background-image: url(pics/feb.gif);
background-repeat : no-repeat;
width : 57px;
 border : none;}
#maa {
background-image: url(pics/mar.gif);
background-repeat : no-repeat;
width : 57px;
 border : none;}
#apri {
background-image: url(pics/apr.gif);
background-repeat : no-repeat;
width : 57px;
 border : none;}
#mei {
background-image: url(pics/may.gif);
background-repeat : no-repeat;
width : 57px;
 border : none;}
#juni {
background-image: url(pics/jun.gif);
background-repeat : no-repeat;
width : 57px;
 border : none;
}
#juli {
background-image: url(pics/jul.gif);
background-repeat : no-repeat;
width : 57px;
 border : none;
}
#augi {
background-image: url(pics/aug.gif);
background-repeat : no-repeat;
width : 57px;
 border : none;
}
#sepi {
background-image: url(pics/sep.gif);
background-repeat : no-repeat;
width : 57px;
 border : none;

}
#okt {
background-image: url(pics/oct.gif);
background-repeat : no-repeat;
width : 57px;
 border : none;

}
#novi {
background-image: url(pics/nov.gif);
background-repeat : no-repeat;
width : 57px;
 border : none;

}
#deci {
background-image: url(pics/dec.gif);
background-repeat : no-repeat;
width : 57px;
 border : none;}


#jyo {
background-image: url(pics/yjo.gif);
background-repeat : no-repeat;
background-border : none;
width : 57px;

text-decoration : none;
position : relative;
top : 11px;
 border : none;
}


#agenda {
background-image: url(pics/agenda.gif);
background-repeat : no-repeat;
width : 115px;
 border : none;


}
#music {
background-image: url(pics/music.gif);
background-repeat : no-repeat;
width : 90px;
position : relative;
top : 11px;
 border : none;
}
#contact {
background-image: url(pics/contact.gif);
background-repeat : no-repeat;
width : 120px;
position : relative;
top : 11px;
 border : none;
}


#login{

width : 80px;
height : 30px;
text-align : right;
position : absolute;
top : 58px;
right : 10px;
 border : none;
}

#nieuws {
background-image: url(pics/nieuws.gif);
background-repeat : no-repeat;
width : 110px;
position : relative;
top : 11px;
 border : none;
}

#enter{
background-image: url(pics/enter.gif);
background-repeat : no-repeat;
background-color : transparent;
width : 90px;
height : 25px;
border: none;
	cursor : pointer;
 border : none;
}



input.kiesrknop:hover {
	border : none;
	
}
	







	
	
	
	
div.lijn{
 	width : 100%;
 	height : 95px;
 	border-bottom : 5px solid red;
 	background-color : #FFFF99; }
	
	
td.toonconcerten{

	padding : 3px;

	vertical-align : top;
	margin : 10px;

	}
	
td.menu{

width : 25%;

	}
td.klein{
font-size : 11px;
text-align : right;
background-color : #FFFF99;
border : #FFFF99;
color : grey;
vertical-align : top;
margin : 0px;
padding : 0px;
}

td.toonblog{
background-color : white;

}

td.begroeting{
text-align : left;

vertical-align : top;
padding-left : 8px;
padding-top : 0px;
border : none;
color : red;
font-size : 12px;

}
	

div.toonprofiel{

	float : right;
	width : 70%;
	height : 70%;
	margin-top : 35px;

	}

div.toonconcerten{
	position : absolute;
	left : 290px;
	top : 35px;
	width : 50%;
	text-align : left;
	vertical-align : top; 
	border : 2px solid #FFFF99;

	
	}


div#logos{

position:absolute;
bottom : 0px;
right : 0px;
padding : 0 px;
z-index : 99;
background-color : transparent;
margin : 5px;
opacity : 0.5;
fliter : alpha(opacity=50); 
text-align:right;
}	

	
#aanpaskalender{

	color:black;
	float : left;
	margin-left : 15px;
	margin-top : 35px;
	width:240px;
	background-color : #FFFF99;
}

table.aanpas{
	width : 100%;

	}
table.toonconcerten {
	width : 100%;
	padding : 5px;
	font-size : 13px;
}

table.menu{

	float : left;
	height : 80px;
	margin-top : 15px;
	margin-left : 10px;
	vertical-align : bottom;
	width : 80%;
	text-align : center;
	padding-right : 0px;
	}

table.toonblog{
width : 92%;
margin-top : 10px;
margin-left : 4%;
margin-right : 4%;
background-color : #FFFF99;
border : 2px solid #FFFF99;
font-size : 13px;
z-index : 99; 
}
	
div.onderwerp{
float : left;
margin-top : 15px;
margin-bottom : 0px;
margin-left : 15px;

overflow : hidden;
font-size : 13px;
line-height ; 130%;
width : 240px;
height : 18px;
background-color : #FFFF99;
padding : 2px;
}

div.vakje{
float : right;
margin-top : 15px;
margin-bottom : 0px;
margin-left : 0px;
margin-right : 0px;
background-color : white;
width : 31px;
height : 22px;
}

div.aanhangsel{
float : left;
margin-top : 0px;
margin-left  : 15px;
height : 10px;

background-color : grey;
padding : 0px;

}

div.toonblog{
float : left;
margin-left : 0px;
margin-top : 35px;
margin-right : 20%;
margin-bottom : 0px;
background-color : #FFFF99;
width : 80%;
z-index: 98;
}

div.achtertoonblog{
float : left;
margin-left : 0px;
margin-top : 0pxpx;
margin-right : 20%;
margin-bottom : 10px;
background-color : #FFFF99;
width : 80%;
height : 350px;
z-index : 97;
}

div.leeg {
	margin-top :20px;
	margin-left : 0px;
	margin-right : 0px;
	padding : 0px;
	}

#logolinks{
float : right;
margin : 5px;
padding : 0px;
}

input.verwijder {
	background-image: url(pics/verwijder.jpg);
	background-repeat : no-repeat;
	background-position: center;
	width:66px;
	height:14px;
	float : bottom;
	vertical-align : bottom;
	border : 0px;
	}
	
input.verwijder2 {
	background-image: url(pics/verwijder.jpg);
	background-repeat : no-repeat;
	background-position: center;
	width:66px;
	height:14px;

	border : 0px;
	margin : 0px;
	padding : 0px;
	}
	
input.voegtoe {
	background-image: url(pics/voegtoe.jpg);
	background-repeat : no-repeat;
	background-position: center;
	width:70px;
	height:18px;
	float : left;
	margin-bottom : 0px;
	
	}

input.invoeg {
	
	width:180px;
	height:15px;
	float : right;
	margin-bottom : 0px;
	
	}
	

input.invoegblog {
	
	width:180px;
	height:15px;
	float : left;
	margin : 0px;
	color:red;
	font-size : 13px;
	border : 0px;
	}
	
textarea.blog{
	width : 100%;
	height :50px;
	border : 0;
	margin : 0px;
	
	}
#kruisje {
	background-image: url(pics/kruisje.gif);
	background-repeat : no-repeat;
	background-position: center;
	width : 155px;
	height: 10px;
	float : left;
	margin-bottom : 0px;
	vertical-align : middle;
	border : 1px solid white;
	cursor : pointer;
	}