body
{
				font-family:arial,sans-serif; 
				font-size:12px; 
				color:#000;
				background-color: #1e1e1e;
				text-align: center;
}		

a
{
		text-decoration: underline;
		color: #1c3300; 
}

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

h1 {
	
	font-family: Arial, sans-serif;
	font-size: 16px;
	color: #5c6811;
}
h2 {
	font-family: arial;
	font-size: 13px;
	color: #575757;
	margin-bottom: 0px;
}
h3 {
	font-size: 10px;
	color: #8a8a8a;
	display: inline;
}

hr {
  width: 95%;
  height:1px; 
  color: #cecece; 
  background: #cecece; 
  border: none;
  margin-bottom: 4px;
  margin-top: 2px;
}


a.directnaar {
	border-width:10;
	z-index:100;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}

.loginform { 
 width: 100px; 
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
 background-color: #ebebeb; 
 color: #000000; 
 border: 1px solid #000000; 
} 

.loginformbutton { 
 font: 13px Tahoma; 
 background-color: #3e3e3e; 
 color: #ff007e; 
 border: 2px solid #bebebe; 
 margin-left: 8px; 
 margin-top: 3px; 
 margin-bottom: 0px; 
}

.formulier_groen_input { 
 width: 150px; 
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
 background-color: #FFFFFF; 
 color: #000000; 
 border: 1px solid #000000; 
 margin: 0px;
 
} 

.formulier_groen_pulldown {
 width: 150px; 
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
 background-color: #FFFFFF;
 color: #000000;
 border: 1px solid #0f5e00;
}

.formulier_groen_button {
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
 background-color: #199600;
 color: #FFFFFF;
 margin-left: 0px;
 margin-top: 10px;
 margin-bottom: 0px;
}

.formulier_groen_tabel
{
		background: #FFFFFF; 
		padding: 2px;
		margin: 0px;
		padding-left: 0px;
		border: 0px solid #0f5e00;
}

.quicksearch { 
 height: 18px;
 width: 190px; 
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
 background-color: #ebebeb; 
 color: #6f6f6f; 
 border: 1px solid #969696; 
} 

#bandpagina_content {
	float: left;
	width: 630px;
}

#bandpagina_foto {
	float: left;
	width: 568px;
	overflow-x: scroll;
}


#bandpagina_links {
	float: left;
	width: 400px;	
	
}



#bandpagina_media {

	width: 380px;	
	float: left;	
		
}


#bandpagina_rechts {
	float: left;
	width: 200px;	
	
}

#bandpagina_rechts_info {
	float: left;
	width: 240px;	
	margin: 0px;
	padding: 0px;
}


#bandpagina_info {
	
	overflow: auto;
	padding-left: 15px;
	padding-right: 5px;
}

#bandpagina_agenda {
	float: left;
	padding-right: 10px;
	padding-left: 15px;
	height: 140px;
	width: 270px;
	overflow: auto;
	
	
}

#advertentie_links {
	margin: 60px 0 10px 10px;
	float: right;
	padding-right: 10px;
	padding-left: 15px;
		
	
}





#container {
margin: 0;
padding: 0;
width: 934px;
background-color: #000000;
}

.header_container {
text-align: right;
float: left;
margin: 0;
padding-right: 30px;
padding-top: 10px;
width: 913px;
height: 69px;
background-color: #000000;
background-image: url(img_bandnodig/header_row1.png);
}

#menu_container  {
float: left;
margin: 0;
padding: 0;
width: 943px;
height: 32px;
background-color: #000000;
background-image: url(img_bandnodig/menu.png);
}

#menu_zoeken_container  {
float: left;
margin: 0;
padding: 0;
width: 943px;
height: 31px;
background-color: #000000;
background-image: url(img_bandnodig/zoeken.png);
}

#breadcrumb_container {
float: left;
margin: 0;
padding: 0;
width: 943px;
height: 21px;
background-color: #FFFFFF;
background-image: url(img_bandnodig/breadcrumb.png);
}

#content_container {
float: left;
padding-bottom: 30px;
width: 943px;
background-color: #000000;
background-image: url(img_bandnodig/content.png);
}

#side_container {
float: left;
width: 243px;
text-align: left;
}

#login {
float: left;
width: 228px;
height: 100px;
margin-top: 15px;
padding-top: 50px;
padding-left: 15px;
text-align: left;
background-image: url(img_bandnodig/inloggen.png);
}

.zoekresultaat_exclusief_container {
	float: left;
	width: 637px;
	padding-bottom: 15px;	
}

.zoekresultaat_exclusief{	
	float: left;
	text-align: left;
	padding-right: 15px;
	padding-top: 25px;
	padding-left: 15px;
	margin-right: 3px;
	margin-top: 3px;
	height: 160px;
	width: 179px;
	background-image: url(img_bandnodig/zoekresultaat.jpg);	
} 



div.dropdown{
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #444444;    
	overflow: none;
	text-align: left;
	width: 443px;
	height: 45px;
	background-image: url(images/dropdown.jpg);
	padding-left: 7px;
	padding-top: 5px;
	margin-bottom: 10px;
}

div.knop a  {
	text-decoration: none;
   }


div.knop{
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #444444;    
	overflow: none;
	text-align: left;
	width: 220px;
	height: 30px;
	background-image: url(images/knop.png);
	padding-left: 10px;
	padding-top: 10px;
	margin-bottom: 10px;
}


div.knop_side a  {
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #323232;   
	text-decoration: none;
   }


div.knop_side{
	 
	float: left;
	overflow: none;
	text-align: left;
	width: 190px;
	height: 30px;
	background-image: url(images/knop_side.png);
	padding-left: 10px;
	padding-top: 10px;
	margin-bottom: 10px;
}




#content{
float: left;
margin: 0;
padding-top: 5px;
padding-left: 15px;
width: 685px;
}




#add_container{
float: left;
margin-top: 15px;
text-align: center;
width: 670px;
}


/* TEKSTVAK GROOT*/

.tekstvak_groot{
	float: left;
	overflow: none;
	text-align: left;
	width: 670px;
	margin-top: 15px;
	padding-bottom: 10px;
	border-width: 1px;
	border-style: solid;	
	border-color: #d1d1d1;
	background: #FFFFFF;
}


.tekstvak_header{
	float: left;
	overflow: none;
	text-align: left;
	width: 655px;
	padding-left: 15px;
	padding-top: 13px;
	height: 47px;
	background-image: url(img_bandnodig/tekstvak_header.png);
	background-color: #FFFFFF;
	color: #FFFFFF;
}

.tekstvak_half_header{
	float: left;
	overflow: none;
	text-align: left;
	width: auto;
	padding-left: 15px;
	padding-top: 13px;
	height: 47px;
	background-image: url(img_bandnodig/tekstvak_header.png);
	background-color: #FFFFFF;
	color: #FFFFFF;
}

.tekstvak_content{
	float: left;
	overflow: none;
	text-align: left;
	padding-left: 12px;
	padding-right: 40px;
	width: 94%;	
}

.tekstvak_side{
	float: left;
	overflow: none;
	text-align: left;
	width: 223px;
	padding-bottom: 20px;
	padding-top: 20px;
	padding-left: 15px;
	border-bottom: thin dotted #444444;	
}

.tekstvak_half{
	float: left;
	overflow: none;
	text-align: left;
	width: 328px;
	padding-bottom: 10px;
	border-width: 1px;
	border-style: solid;	
	border-color: #d1d1d1;
	margin-top: 15px;
	background: #FFFFFF;
}


#left_container{
	float: left;
	overflow: none;
	text-align: left;
	width: 328px;
	margin: 0;
	margin-right: 7px;
}

#right_container{
	float: left;
	overflow: none;
	text-align: left;
	width: 328px;
	margin: 0;
	margin-left: 7px;
}




































.premium_tabel{
  width: 100%;
  
  padding: 5px;
 
}

.premium_tabel_td1 {
  width: 40%;
  font-weight: bold;
  margin-top: 5px;
  border-bottom: thin dotted #cecece;
  padding-right: 5px;
  padding-left: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
 
}


.premium_tabel_td2 {
  width: 30%;
  text-align: center;
  border-bottom: thin dotted #cecece;
  margin-top: 5px;
  padding-bottom: 5px;
  padding-bottom: 5px;
}



.table_agenda{
  width: 100%;
  
  padding: 5px;
 
}

.table_agenda_td {
  width: 20%;
  margin-top: 5px;
  border-bottom: thin dotted #cecece;
  padding-right: 5px;
  padding-left: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
 
}

.table_bandpagina_info{
  width: 97%;
  
 
 
}


.table_bandpagina_info_td{
  margin-top: 5px;
  border-bottom: thin dotted #cecece;
  padding-right: 5px;
  padding-left: 5px;
  padding-top: 7px;
  padding-bottom: 7px;
 
}





table.pagetable  {
	font-size: 1em;
	margin-bottom: 5px;
	
	width: 100%;
	
	}

table.pagetable tr  {
	
	height: 2.5em;	
   } 
table.pagetable td  {
   color: #384654;
   padding-top: 2px;
   padding-bottom: 2px;
   padding-left: 5px;
   padding-right: 5px;
   }
table.pagetable a  {
   color: #384654;
   }
table.pagetable th.pagepos  {
   text-align: center;
   }


th.pageicon  {
   width: 16px;
   }

td.pagepos  {
   text-align: center;
   }
tr.row1  {
   background-color: #f1f1f1;
   }
tr.row2  {
	
	background: #fbfbfb;
   }  

   
tr.row1hover  {
	background: #d0d0d0;
   }
tr.row2hover  {
	background: #d0d0d0;
   }
td.pageicon  {
   background-color: #fff !important;
   }
td.icons_wide {
	width: 25px;
	}


	
	
/* MENU*/

ul#nav, ul#nav ul  {
   list-style-type: none;
   margin: 0;
   padding: 0;
}
ul#nav{
	
  	padding-left:10px;
   }
ul#nav ul  {
	border-top: 1px solid #C8D3D7;
	border-right: 1px solid #C8D3D7;
	border-bottom: 1px solid #ADC0C7;
	border-left: 1px solid #A5B9C0;
   }
ul#nav li  {
   float: left;
   margin: 0px;
   padding: 0px;
   }	
ul#nav a  {
	text-decoration: none;
	display: block;
   }
ul#nav li a  {
	font-size: 1em;
	font-weight: normal;
	color: #000;
    padding: 8px 15px 9px;
	display: block;
	border-right: 1px solid #a6a6a6;
 }  
ul#nav li:hover, ul#nav li.cssHover, ul#nav a.module:hover, ul#nav a.first_module:hover ,ul#nav li .selected:hover,ul#nav ul li a:hover  {
 background: #dfdfdf;
 color: #000;
   } 
ul#nav li a.selected  {
	background:  url(images/nav.png) repeat-x left 0px;
	color: #000000;
	font-weight: bold;	
   }
ul#nav li ul a  {
	text-align: left;
	margin: 0px;
	position: relative;
	padding: 6px 10px 6px 15px;
	font-weight: normal;
	color: #000;
	border-top: 0 none;
	border-right: 0 none;
	border-left: 0 none;
   }
ul#nav li ul  {
	background: #F3F5F5;
	margin: 0px;
	padding: 0px;
	position: absolute;
	width: auto;
	height: auto;
	display: none;
	position:absolute;
	z-index:999;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #374B51;
	/*
	Info:
	The opacity property is  CSS3, however, will be valid when the CSS 3 specifications are official. Until then the validator of course will say it’s not valid because it isn’ yet part of any official standards. 
	1) http://jigsaw.w3.org/css-validator
	2) More Options chose CSS3 
	3) is full validate ;)
	*/
opacity:0.95;/* CSS 3 */
}
ul#nav li li  {
   float: none;
   margin: 0px;
   padding: 0px;
}
ul#nav li:hover ul ul, ul#nav li.cssHover ul ul  {
   display: none;
   }
ul#nav li:hover ul, ul#nav li.cssHover ul  {
   display: block;
    }

	
	
/* MENU ZOEKEN */

ul#nav_zoeken, ul#nav_zoeken ul  {
   list-style-type: none;
   margin: 0;
   padding: 0;
}
ul#nav_zoeken{
	
  	padding-left:10px;
   }
ul#nav_zoeken ul  {
	border-top: 1px solid #C8D3D7;
	border-right: 1px solid #C8D3D7;
	border-bottom: 1px solid #ADC0C7;
	border-left: 1px solid #A5B9C0;
   }
ul#nav_zoeken li  {
   float: left;
   margin: 0px;
   padding: 0px;
   }	
ul#nav_zoeken a  {
	text-decoration: none;
	display: block;
   }
ul#nav_zoeken li a  {
	font-size: 1em;
	font-weight: normal;
	color: #dcdcdc;
    padding: 8px 15px 9px;
	display: block;
	border-right: 1px solid #363636;
 }  
ul#nav_zoeken li:hover, ul#nav_zoeken li.cssHover, ul#nav_zoeken a.module:hover, ul#nav_zoeken a.first_module:hover ,ul#nav_zoeken li .selected:hover,ul#nav_zoeken ul li a:hover  {
 background: #7e7e7e;
 color: #000;
   } 
   
ul#nav_zoeken li.active {
 background: #4c4c4c;
 color: #000;
   }    
   
   

ul#nav_zoeken li a.selected  {
	background:  url(images/nav_zoeken.png) repeat-x left 0px;
	color: #000000;
	font-weight: bold;	
   }
ul#nav_zoeken li ul a  {
	text-align: left;
	margin: 0px;
	position: relative;
	padding: 6px 10px 6px 15px;
	font-weight: normal;
	color: #FFF;
	border-top: 0 none;
	border-right: 0 none;
	border-left: 0 none;
   }
ul#nav_zoeken li ul  {
	background: #F3F5F5;
	margin: 0px;
	padding: 0px;
	position: absolute;
	width: auto;
	height: auto;
	display: none;
	position:absolute;
	z-index:999;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #374B51;
	/*
	Info:
	The opacity property is  CSS3, however, will be valid when the CSS 3 specifications are official. Until then the validator of course will say it’s not valid because it isn’ yet part of any official standards. 
	1) http://jigsaw.w3.org/css-validator
	2) More Options chose CSS3 
	3) is full validate ;)
	*/
opacity:0.95;/* CSS 3 */
}
ul#nav_zoeken li li  {
   float: none;
   margin: 0px;
   padding: 0px;
}
ul#nav_zoeken li:hover ul ul, ul#nav_zoeken li.cssHover ul ul  {
   display: none;
   }
ul#nav_zoeken li:hover ul, ul#nav_zoeken li.cssHover ul  {
   display: block;
    }