/*	-------------------------------------------------------------
	Bennyneymand.nl
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Description:	Base setup styles
	Filename:		base.css
	Version:		2.0
	Date:			June 18, 2009 
	-------------------------------------------------------------	*/



/*	-------------------------------------------------------------
	HTML Tags
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	html {
		overflow: hidden;
		height: 100%; }

	body {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
    overflow:hidden;	  
    overflow-x: auto;
    font-family: Verdana, Arial, Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size:12px;
    color: #fff;
  	background:url(../Afbeeldingen/links-rechtsachtergrond.gif) top left repeat; }
	
  body {
      behavior: url(css/hover.htc); }
  
  table {
    font-size: 12px;  }
    
  a {
    border: none;
    color: #fff; }
    
	img {
 		border: 0px; }

  table {
    font-family: Verdana, Arial, Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px; }
    
  div.getekend{ 
	  font-size:7pt;
  	color:red; }
    

/*	-------------------------------------------------------------
	Layout - voor het centreren van de pagina
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
  
	#wrapper {
		height: 100%;
		width: 950px;
		text-align: left;
		margin: 0 auto;
		overflow: hidden;
		position: relative;
    background: #000;
		border: #FFFFFF 0px solid;
		z-index:0; }
	
	#header {
		width: 950px;
		height: 213px;
		background:url(../img/header.jpg) top left no-repeat;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 25; }
		
  ul#menu {
    width: 930px; 
    margin: 0;
    padding: 0 0 0 20px;
    line-height: 29px;
    list-style: none;
    background: #000;
    position: absolute;
    top: 179px;
    left: 0; }
  
  * html ul#menu {
    width: 950px; }
    
  #menu li {
    padding: 0 10px 0 0;
    float: left;
    position: relative;
    background: url(../Afbeeldingen/kop_r2_c3.jpg) top right no-repeat; }
  
  #menu li:hover ul {
    left: 0; }
    
  #menu ul {
    width: 150px; 
    background: #290b03;
    color: #fff;
    list-style: none;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 25px;
    left: -999em; }
  
  #menu ul li {
    float: none;
    padding: 0 0 0 5px;
    background: #290b03; }

  * html #menu ul li {
     height: 15px; }
     
  #menu ul li a {
    text-indent: 0;
    color: #c00;
    text-decoration: none; }

  #menu ul li a:hover {    
    color: #fff; }
    
  #menu a {
    display: block;
    text-indent: -999em; }
    
  #menu #aktueel {
    width: 59px;
    background: url(../Afbeeldingen/kop_r2_c2.jpg) top left no-repeat; }

  #menu #aktueel:hover {  
    background: url(../Afbeeldingen/kop_r2_c2_f2.jpg) top left no-repeat; }

  #menu #biografie {
    width: 35px;
    background: url(../Afbeeldingen/kop_r2_c4.jpg) top left no-repeat; }

  #menu #biografie:hover {  
    background: url(../Afbeeldingen/kop_r2_c4_f2.jpg) top left no-repeat; }

  #menu #teksten {
    width: 59px;
    background: url(../Afbeeldingen/kop_r2_c6.jpg) top left no-repeat; }

  #menu #teksten:hover {  
    background: url(../Afbeeldingen/kop_r2_c6_f2.jpg) top left no-repeat; }

  #menu #fotos {
    width: 48px;
    background: url(../Afbeeldingen/kop_r2_c8.jpg) top left no-repeat; }

  #menu #fotos:hover {  
    background: url(../Afbeeldingen/kop_r2_c8_f2.jpg) top left no-repeat; }      
    
  #menu #multimedia {
    width: 83px;
    background: url(../Afbeeldingen/kop_r2_c10.jpg) top left no-repeat; }

  #menu #multimedia:hover {  
    background: url(../Afbeeldingen/kop_r2_c10_f2.jpg) top left no-repeat; }
    
  #menu #interactief {
    width: 73px;
    background: url(../Afbeeldingen/kop_r2_c12.jpg) top left no-repeat; }

  #menu #interactief:hover {  
    background: url(../Afbeeldingen/kop_r2_c12_f2.jpg) top left no-repeat; }
    
  #menu #gastcolumnist {
    width: 98px;
    background: url(../Afbeeldingen/kop_r2_c14.jpg) top left no-repeat; }

  #menu #gastcolumnist:hover {  
    background: url(../Afbeeldingen/kop_r2_c14_f2.jpg) top left no-repeat; }            

  #menu #discografie {
    width: 82px;
    background: url(../Afbeeldingen/kop_r2_c16.jpg) top left no-repeat; }

  #menu #discografie:hover {  
    background: url(../Afbeeldingen/kop_r2_c16_f2.jpg) top left no-repeat; }            

  #menu #webshop {
    width: 70px;
    background: url(../Afbeeldingen/kop_r2_c18.jpg) top left no-repeat; }

  #menu #webshop:hover {  
    background: url(../Afbeeldingen/kop_r2_c18_f2.jpg) top left no-repeat; }            

  #menu #links {
    width: 47px;
    background: url(../Afbeeldingen/kop_r2_c20.jpg) top left no-repeat; }

  #menu #links:hover {  
    background: url(../Afbeeldingen/kop_r2_c20_f2.jpg) top left no-repeat; }            

  #menu #in-memoriam {
    width: 93px;
    background: url(../Afbeeldingen/kop_r2_c22.jpg) top left no-repeat; }

  #menu #in-memoriam:hover {  
    background: url(../Afbeeldingen/kop_r2_c22_f2.jpg) top left no-repeat; }            

  #menu #contact {
    padding: 0;
    background: none; }
    
  #menu #contact {
    width: 62px;
    background: url(../Afbeeldingen/kop_r2_c24.jpg) top left no-repeat; }

  #menu #contact:hover {  
    background: url(../Afbeeldingen/kop_r2_c24_f2.jpg) top left no-repeat; }            
    
	#LeftColumn {
		height:100%; 
		width:171px;
		position:absolute;
		top:0px;
		left:0px; }
	
	#LeftColumnTop {
		height:128px;
		width:171px;
		position:absolute;
		top:0px;
		left:0px;
    display: none; }
	
	#LeftColumnMenu {
		height:100%;
		width:171px;
		background-color:#FFFFFF;
		padding: 0; }
	
	#LeftColumnBottom {
		margin:0px;
		padding:0px;
		width:171px;
		height:30px;
		position:absolute;
		bottom:0px;
		left: 0px;
    display: none; }
	
	#MidColumn {		
		width:950px; /*827 846px;*/
		height:100%;
		position:absolute;
		top:0px;
		left: 0; }
	
	#MidColumnHeader {
		width:1017;
		height:128px;
		position:absolute;
		top:0px;
		left:0px; }
	
	#MidColumnHeaderMidPartProducts {
		width:689px;
		height:128px;
		top:0px;
		left:0px;
		position:absolute; }
	
	#MidColumnBottom {
		width:998px;
		position:absolute;
		height:29px;
		line-height: 29px;
		bottom:0px;
    color:#20306c;
    font-weight:bold;
    border:#663399 0px solid; }
 

	#MidColumnBottom a {
		padding: 0 0 0 428px; 
		color: #20306c; }
		
			
	#MidColumnMid {
		position:absolute;
		top:213px;
		bottom:0px;
		z-index:0;
		width:950px;
		overflow:auto;
    overflow-x: hidden;
    background: url(../Afbeeldingen/achtergrond1.jpg) 253px 200px fixed;     
		padding:0px; }
	
	*html #MidColumnMid	{
		position:absolute;
		top:0px;
    bottom: 0;
		height:100%;
		z-index:0;
		border-top: #FFFFFF 213px solid;
		overflow:auto;
    overflow-x: hidden;
		z-index:0; }
	
  #MidColumnBottomrightPart {
    height: 100%;
    width: 100%;
    position: absolute;
    right: 0;
    background: url(../media/site/icon-list.jpg) bottom right no-repeat; }
    
	#MidColumnContent {
		position:absolute;
		top:0px;
		left:0;
		height:100%;
    width: 580px;
    font-size: 12px;
    padding-top: 15px;
		padding-left:25px;
		padding-right:5px;
    padding-bottom: 20px; }
	
	*html #MidColumnContent {
		position:absolute;
		top:0;
		left:0;
		height:100%; }
	
	#MidColumnRight {
  		position:absolute;
  		top:0px;
  		right: 0;
  		width:220px;
  		height:100%;
  		margin:0;
  		padding: 120px 0 0 0; }
	
  .banner {
    width: 200px;
    padding: 0 0 14px 0;
    margin: 0 0 50px 0;
    background: url(../img/kader-onder.gif) bottom left no-repeat; }
  
  * html .banner {  
    padding: 0 0 20px 0; }
  
  .banner .banner-content {
    text-align: left;
    font-size: 10px;
    padding: 10px 10px 0 10px;
    background: #fcc;    
    border-left: 1px solid #f00; 
    border-right: 1px solid #f00; }
  
  * html .banner .banner-content {
    margin: -2px 0 0 0;  
    padding: 8px 8px 0 8px; } 
    
  .banner .banner-content img {
    display: block; 
    margin: 0 auto; }

  #content { 
    width: 680px;
    height: 500px; }
    
	#LeftColumnSolo {
		width:171px;
		height:19px;
		margin: 0 0 0 6px;
		line-height: 19px;
		text-indent: 3px;
		background-image:url(../media/site/BUT-left_SOLO.jpg);
		background-repeat:no-repeat; }
	
	#LeftColumnProd	{
		width:171px;
		height:100px;
		background-repeat:no-repeat; }
	
	#LeftColumnInfo {
		width:171px;
		height:115px; }
	
	#NavigationTitle {
    color:#FFFFFF;
    font-weight:bold;
    text-decoration:none;
    height:19px;
    width:165px;
    padding: 0 0 0 6px;
    font-size:12px; }
		
	#sitemap-button {
		height: 19px;
		width: 59px;
		line-height: 19px;
		color: #fff;
		text-indent: 6px;
		text-decoration: none;		
		display: block;
		float: left;
    text-indent: 0;
		font-weight: 700;
		padding: 0 0 0 5px;
		margin: 0 6px 0 0;
		background: #003b77; /*url(../media/site/sitemap.jpg) top left no-repeat;*/ }	
	
	#search-button {
		height: 19px;
		width: 51px;
		line-height: 19px;
		color: #fff;
		text-decoration: none;
		text-indent: 5px;
		display: block;
		float: left;
		font-weight: 700;		
    text-align: center;
    text-indent: 0;    
		margin: 0 6px 0 0;	
		background: #003b77; /*url(../media/site/search.jpg) top left no-repeat;*/ }
  
  h1 {
    font-size: 14px; }
    
  .kop {
    height: 57px; }    

  #kop-aktueel {
    text-indent: -999em;     
    background: url(../Afbeeldingen/kop_actueel.gif) top left no-repeat; }

  #kop-bio {
    text-indent: -999em;     
    background: url(../Afbeeldingen/kop_biografie.gif) top left no-repeat; }

  #kop-teksten {
    text-indent: -999em;     
    background: url(../Afbeeldingen/kop_teksten.gif) top left no-repeat; }

  #kop-fotos {
    text-indent: -999em;     
    background: url(../Afbeeldingen/kop_fotos.gif) top left no-repeat; }

  #kop-multimedia {
    text-indent: -999em;     
    background: url(../Afbeeldingen/kop-multimedia.gif) top left no-repeat; }

  #kop-interactief {
    text-indent: -999em;     
    background: url(../Afbeeldingen/kop_interactief.gif) top left no-repeat; }

  #kop-gastcolumnist {
    text-indent: -999em;     
    background: url(../Afbeeldingen/kop-gastcolumnist.gif) top left no-repeat; }

  #kop-discografie {
    text-indent: -999em; 
    background: url(../Afbeeldingen/kop_discografie.gif) top left no-repeat; }

  #kop-webshop {
    text-indent: -999em;     
    background: url(../Afbeeldingen/kop_webshop.gif) top left no-repeat; }
 
  #kop-links {
    text-indent: -999em;     
    background: url(../Afbeeldingen/kop_links.gif) top left no-repeat; }

  #kop-in_memoriam {
    text-indent: -999em;     
    background: url(../Afbeeldingen/kop_in_memoriam.gif) top left no-repeat; }

  #kop-contact {
    text-indent: -999em;     
    background: url(../Afbeeldingen/kop_boekingen.gif) top left no-repeat; }
    
  #login {
    position: absolute;
    top: 10px;
    right: 20px;
	display:none;
  }