/* CSS Document */
body,html{
	margin: 0px;
	padding: 0px;
	font-family: arial, helvetica, geneva;
	font-size: 11pt;
	background-color: #bbbbbb;
	color: #000000;
	scrollbar-face-color: #565656;
	scrollbar-shadow-color: #fffffff;
	scrollbar-highlight-color: #fffffff;
	scrollbar-3dlight-color: #fffffff;
	scrollbar-darkshadow-color: #fffffff;
	scrollbar-track-color: #fffffff;
	scrollbar-arrow-color: #fffffff;
}

a.navi {font-size: 18px; text-decoration: none; }
a.navi:link, a.navi:visited, a.navi:active { color: #8b8b8b; }
a.navi:hover { color: #ffffff; text-decoration: none;}

a.navi_active:hover, a.navi_active:visited, a.navi_active:link, a.navi_active:active {color: #ffffff; font-size: 18px; text-decoration: none;}

a.navi_sub {font-size: 12px; text-decoration: none;}
a.navi_sub:link, a.navi_sub:visited, a.navi_sub:active { color: #a6a6a6; }
a.navi_sub:hover { color: #ffffff; text-decoration: none;}

a.navi_sub_active:hover, a.navi_sub_active:visited, a.navi_sub_active:link, a.navi_sub_active:active {color: #ffffff; font-size: 12px; text-decoration: none;}

a:link,a:visited,a:visited { color: #446699; text-decoration: none;}
a:hover { color: #003366; text-decoration: underline;}

form{
	margin: 0px;
	padding: 0px;
}
 table {
      font-size: 9pt;
	    font-family: arial, verdana, tahoma;
	    border: 0;
      }

 input, textarea{
	font-size: 9pt;
	font-family: arial, verdana, tahoma;
	border: 1px outset #000000;
	background: #bbbbbb;
	margin: 4px 0px 4px 0px;
}
img {
   border: 1px;
   border-color: #ffffff;
}

h1{
	text-decoration:none;
	color: #a3001a;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 30px;
	font-weight: bold;
	padding-left: 0px;
}
h2{
  text-decoration:none;
	color: #ffffff;
	margin-top: 2px;
	margin-bottom: 0px;
}
h4{
	text-decoration:none;
	color: #a3001a;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 22px;
	font-weight: bold;
	padding-left: 0px;
}
#wrapper{
	background: URL('images/bg_top.gif') top center no-repeat;
}
#banner{
	background-image: URL('images/back_center.gif');
	height: 241px;
	width: 950px;
	overflow: hidden;
}
#titel {
	margin-top: 199px;
	margin-left: 254px;		 
}
#container{
  background-color: #FFFFFF;
	width: 950px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}
#maincon{
	background-color: #FFFFFF;
	width: 950px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	height: auto;	
}
#mainpopup{
	background-color: #FFFFFF;
	width: 720px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	height: auto;
	padding: 3px;
	
}
#nav{
  float: left;
	width: 192px;
  margin-left: 36px;
  background:#003366;
	color: #bbbbbb;
	overflow: hidden;
	}
#navi{
	text-align: right;
	padding: 4px 25px 15px 0;
	color:#BBBBBB;
	overflow: hidden;
	}
#navi_sub{
	padding: 3px 0 4px 0;
	}	
#main {
  min-height: 300px;
 	margin-right: 30px;
	padding: 26px;
	background-color: #ffffff;
	overflow: hidden;
}
table.gray {
  border-collapse: collapse; 
  }
table.gray td, table.gray tr, table.gray th {
  border: 1px solid #bbbbbb;
  text-align: left;
  }
 
  
ul.kalender, ul.nieuws, ul.palmares {
  margin-left: 0px;
  padding: 0px;
}
ul.kalender li, ul.nieuws li, ul.palmares li {
	list-style-type:none;
	color: #565656;
  float: left;
	margin: 4px 4px 0 0;
	text-align: center;
  background-color: #bbbbbb;
  overflow: hidden;
  }
ul.kalender li.date, ul.nieuws li.date,ul.palmares li.date {
width: 100px;
padding: 8px 0 8px 0;
}
ul.kalender li.data,ul.nieuws li.data,ul.palmares li.data {
width: 510px;
padding: 16px 0 0 0;
}
ul.kalender a:link, ul.kalender a:visited, ul.kalender a:active, 
ul.nieuws a:link, ul.nieuws a:visited, ul.nieuws a:active,
ul.palmares a:link, ul.palmares a:visited, ul.palmares a:active { color: #ffffff;  }
ul.kalender a:hover,
ul.nieuws a:hover,
ul.palmares a:hover { color: #000000; text-decoration: none; }

ul.foto {
  margin: 0px;
  padding: 0;
  }
ul.foto li {
	list-style-type:none;
	margin: 4px 0 0 6px;
	color: #565656;
  float: left;
	text-align: center;
  background-color: #bbbbbb;
  overflow: hidden;
  }
ul.foto li.date {
  width: 100px;
  padding: 8px 0 8px 0;
  }
ul.foto li.data {
  width: 367px;
  padding: 16px 0 0 0;
  } 
ul.foto li.pic {
  width: 104px;
  margin: 4px 0 4px 6px;
  padding: 16px 0 0 0;
  background-color: #ffffff;
  }   
img.foto {
	margin: 4px 0 4px 6px;
	padding: 0;
	border: 0px;
  background-color: #ffffff;
  } 
ul.foto a:link, ul.foto a:visited, ul.foto a:active { color: #ffffff;  }
ul.foto a:hover { color: #000000; text-decoration: none; }

ul.sound {
  margin: 0;
  padding: 0;
  }

ul.sound li {
  list-style-type:none;
  margin-top: 10px;
	color: #565656;
  float: left;
  width: 390px;
  padding: 8px;
	text-align: center;
  background-color: #bbbbbb;
  overflow: visible;
  }
ul.sound a:link, ul.sound a:visited, ul.sound a:active { color: #ffffff;  }
ul.foto a:sound { color: #000000; text-decoration: none; }


#soundplayer {
  margin: 10px 0 0 2px;
  font-size: 12px;
	float: right;
	padding: 8px 2px 8px 2px;
	width: 220px;	
	overflow: hidden;
	background-color: #a3001a;
	color: #ffffff;
	text-align: center;
	
  }

ul.contact {
  margin-left: 0px;
	padding: 0;  
}
ul.contact li {
	list-style-type:none;
	color: #bbbbbb;
  float: left;
	margin: 4px;
	text-align: center;
  background-color: #a3001a;
  height: auto;
  width: 230px;
  padding: 8px;
  overflow: hidden;
}
ul.contact li a { color: #ffffff; text-decoration: none;}
ul.contact li a:hover { color: #ffffff; text-decoration: underline;}

ul.contact a:link, ul.contact a:visited,ul.contact a:active{ color: #ffffff;  }
ul.contact a:hover { color: #000000; text-decoration: none; }

ul.leden {
  width: 300px;
	list-style-type:none;	
	margin: 10px;
	padding: 0px;
	font-size: 13px;
	float: left;
  }

ul.leden li {  
  height: auto;
  float: left;
  padding: 5px;	
  margin-top: 2px;
  }
  
li.lid {
  width: 157px;
  background-color: #a3001a;
  color: #ffffff;
  text-align: right;
  }
li.instrument {
  width: 123px;
  background-color: #bbbbbb;
  color: #565656;
  text-align: right;
  }
li.blank {
  background-color: #ffffff;
  color: #ffffff; 
  }
div.fotoright {
	float: right;
	height: auto;
	width: auto;
	padding: 0 0 4px 8px;
	overflow: hidden;
	text-align: center;
	font-size: 11px;
	color: #565656;
	}
div.fotoleft {
	float: left;
	height: auto;
	width: auto;
	padding: 0 8px 4px 0;
	overflow: hidden;
	text-align: center;
	font-size: 11px;
	color: #565656;
	}

#pic {
  text-align: center;
  background-color: #a3001a;
  padding: 8px;
}

table.picture{
  text-align: center;
  overflow: visible;
  }

table.picture td { 
  vertical-align: middle;
  padding: 6px;
  }
#mainbox{
  padding: 20px;
  color: #ffffff;
  background-color: #a3001a;
  float: left;
  width: 550px;
  overflow: hidden;
  text-align: center;
	}
#loginbox{
  padding: 20px;
  background-color: #a3001a;
  float: left;
  width: 150px;
  overflow: hidden;
  text-align: center;
	}
div.mediaboxleft {
  margin: 4px 10px 4px 0;
	float: left;
	font-size: 12px;
	padding: 0px 8px 0px 8px;
	width: 255px;	

	overflow: hidden;
	background-color: #a3001a;
	color: #ffffff;
	text-align: center;
  }
div.mediaboxleft a { color: #ffffff; text-decoration: none;}
div.mediaboxleft a:hover { color: #ffffff; text-decoration: underline;}
div.mediaboxleft input, textarea {border: 0px; background: #ffffff;}

div.mediaboxright {
  margin: 4px 4px 4px 10px;
	float: right;
	font-size: 12px;
	padding: 8px 8px 8px 8px;
	width: 220px;	
	overflow: hidden;
	background-color: #a3001a;
	color: #ffffff;
	text-align: center;
  }
div.mediaboxright a, div.mediaboxright a:visited, div.mediaboxright a:active { color: #ffffff; text-decoration: none;}
div.mediaboxright a:hover { color: #ffffff; text-decoration: underline;}
div.mediaboxright input, textarea {border: 0px; background: #ffffff;}

#sponsor {
  margin: 0 0 0 20px ;
  float: right;
	padding: 0;
	overflow: hidden;
	background-color: #ffffff;
  }

div.titel {
  width: auto;
  padding: 2;
	overflow: hidden;
	background-color: #003366;
	font-size: 10px;
  }  
table.titel {
  width: 100%;
  color: #ffffff;
}  
span.right {
  text-align: right;
  float: right;
}
#footer{
  margin-top: 3px;
	text-align: center;
  font-size: 11pt;
	color: #565656;
	width: 950px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}  
#footer a {text-decoration: none; }
#footer a:link,#footer a:visited,#footer a:active { color: #ffffff;  }
#footer a:hover { color: #000000;  }