 /* ALGEMEEN */

html { height:100%; }

body,td,titel,div,textarea { font-family: "Trebuchet MS", Tahoma, Verdana, Arial; font-size: 12px; line-height: 12pt; }

body {
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: fixed;

	scrollbar-3dlight-color:#000000;
	scrollbar-arrow-color:#000000;
	scrollbar-darkshadow-color:#FFFFFF;
	scrollbar-face-color:#FFFFFF;
	scrollbar-highlight-color:#ffffff;
	scrollbar-shadow-color:#000000;
	scrollbar-track-color:#FFFFFF;
	
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	background-color:#000000;
	height:100%;
	padding: 0px;
}

a, a:visited, a:active		{color: #eb4704; font-weight:bold; text-decoration: none;}
a:hover						{color: #fffed6; font-weight:bold; text-decoration: none; cursor: hand;}


td { text-align:left; vertical-align:top}

.witregel { height: 20px;}
.ReactieText	{
color: #ffffff;
}
.vet 	{ font-weight:bold;}
.twaalf {font-size: 12px;}
.veertien {font-size: 14px;}
.zestien {font-size: 16px;}
.achttien {font-size: 18px;}
.twintig {font-size: 20px;}
.tweeentwintig {font-size: 22px;}
.vierentwintig {font-size: 24px;}
.zesentwintig {font-size: 26px;}
.achtentwintig {font-size: 28px;}

.regel8px { line-height: 8px;}
.regel14px { line-height: 14px;}
.regel16px { line-height: 16px;}
.regel18px { line-height: 18px;}
.regel20px { line-height: 20px;}
.regel22px { line-height: 22px;}
.regel24px { line-height: 24px;}
.regel26px { line-height: 26px;}
.regel28px { line-height: 28px;}
.regel30px { line-height: 30px;}
.regel32px { line-height: 32px;} 
.regel34px { line-height: 34px;} 

.oranje 	{ color:#ec4605; }
.lichtgeel 	{ color:#fffed6; }
.wit 		{ color:#FFFFFF; }
.grijs 		{ color:#cccccc; }

.hoofdletter { text-transform: uppercase; }

.letterafstand4 {letter-spacing: 0.4pt;}

.schuin { font-style:italic;} 

/* TABELLEN */



.basisTdLeft {text-align: center; width: 20px;}
.basisTdmain { width: 960px; }
.basisTdRight {text-align: center; width: 20px;}

/* HEADER */
.headerTable { 
	width: 960px;
	height: 338px;
	background-attachment: scroll;
	background-image: url(../images/foto1.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.headerTdTitel { width: 737px; height: 49px; }
.headerTdlogoIkon { width: 158px; height: 49px;}
.headerTdNPOmenu { width: 65px; height: 49px; text-align:right;}

.headerTdDatum { width: 960px; height: 25px; text-align:right; vertical-align: bottom; color: #bb3d1b; font-weight:normal; font-size: 16px; padding-right: 12px; letter-spacing: 0.4pt; }

.headerTdDynButtons {width:960px; height:264px; }

#divDynButtons { position:relative; left:0px; top:0px; width:960px; height:264px;  z-index:1; }
#divDynButCom { position:absolute; left:481px; top:-2px; width:151px; height:119px; z-index:2; }
#divDynButMag { position:absolute; left:792px; top:-14px; width:131px; height:122px;  z-index:3; }
#divDynButVer { position:absolute; left:596px; top:10px; width:141px; height:101px;  z-index:4; }


/* TAG CLOUD */
.wolkTable  {width:960px; height: 92px; max-height:92px;}

.tekstwit
{
color:white;
}
.wolkTd {	text-align: justify; 
			text-align-last: justify;
			vertical-align:middle;  
			padding-left: 30px; 
			padding-right: 30px; 
			padding-top: 9px; 
			padding-bottom: 20px; 
			color:#FFFFFF;
			font-weight: bold;
			line-height: 30px;
 			max-height:80px;
			}

a.wolk, a.wolk:visited, a.wolk:active	{color: #ffffff; font-weight:bold; text-decoration: none;}
a.wolk:hover							{color: #bc3d1c; font-weight:bold; text-decoration: none;}


/* ITEMS HOME */

.itemsTable  {width:960px; height: 196px;}

.itemsTd15	{width:15px;}
.itemsTd300	{width:300px;}

.item1Table  {width:300px; height: 274px;}

.bckItemHome1 { background-attachment:scroll; background-image: url(../images/bckItemHome1.gif); background-position:left top;}
.bckItemHome3 { background-attachment:scroll; background-image: url(../images/bckItemHome3.gif); background-position:left top;}

.fotoRechts { text-align: right;}




#itemsDiv1 {
position:relative; left:0px; top:0px; width:960px; height:335px; z-index:1;
}
#itemsDiv2 {
position:absolute; left:0px; top:20px; width:960px; height:285px; z-index:2;
}
#itemsDiv3 {
position:absolute; left:0px; top:0px; width:960px; height:335px; z-index:3;
}
#itemsDiv4 {
position:absolute; left:0px; top:20px; width:960px; height:285px; z-index:4;
}


/* HET VERMOEDEN */

#itemsDivFoto1 {
position:relative; left:0px; top:0px; width:300px; height:146px; z-index:5;
}
#itemsDivFoto2 {
position:absolute; left:2px; top:0px; width:150px; height:146px; z-index:6;
}
#itemsDivFoto3 {
position:absolute; left:29px; top:0px; width:150px; height:146px; z-index:7;
}
#itemsDivFoto4 {
position:absolute; left:74px; top:0px; width:150px; height:146px; z-index:8;
}
#itemsDivFoto5 {
position:absolute; left:149px; top:0px; width:150px; height:146px; z-index:8;
}
#itemsDivVolgendeUitzending {
position:absolute; left:0px; top:115px; width:300px; height:36px; z-index:9;
}

#itemsDivVolgendeLuxUitzending {
position:absolute; left:0px; top:0px; width:300px; height:36px; z-index:9;
}
#infoUitzending { position:absolute; height:126px; width:165px; top:0px; left:2px; padding-left: 14px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; background:#FFFFFF; visibility:hidden; z-index:20;}

.itemsDatumVet { font-size:23px; font-weight:bold; padding-left: 14px; padding-top: 8px;}
.itemsTijdZender { font-size:17px; padding-left: 14px; padding-top: 8px; font-weight:normal;}
.itemsLinkTd { padding-left: 14px; }
.itemsLijnen { padding-bottom: 26px; }




/* LUX MAGAZINE */
#itemsAfleveringen {
position:relative; left:0px; top:0px; width:300px; height:79px; z-index:1;
}
#alleAfleveringen { position:absolute; height:38px; width:200px; left:0px; left:0px; visibility:hidden; z-index:20;}

.itemsKerkvanNL{ font-size:16px; font-weight:bold; padding-left: 14px; padding-top: 8px; text-transform: uppercase; color:#FFFFFF;}
.itemsKerkdienst{ font-size:22px; font-weight:bold; padding-left: 14px; padding-top: 8px; color:#FFFFFF; line-height: 20px;}
.itemsKerkvanNL2{ font-size:16px; font-weight:bold; padding-left: 14px; padding-top: 8px; text-transform: uppercase; color:#cc340d;}
.itemsKerkdienst2{ font-size:22px; font-weight:bold; padding-left: 14px; padding-top: 8px; color:#cc340d; line-height: 20px;}


/* BLOG */
#itemsBlog {
position:relative; left:0px; top:0px; width:300px; height:146px; z-index:1;
}
#infoBlog { position:absolute; height:188px; width:200px; top:0px; left:14px; background:#FFFFFF; visibility:hidden; z-index:20; padding-left: 14px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px;}

a.itemslink, a.itemslink:visited, a.itemslink:active	{color: #000000; font-weight:bold; text-decoration: none;}
a.itemslink:hover										{color: #ffffff; font-weight:bold; text-decoration: none;}

a.itemslink2, a.itemslink2:visited, a.itemslink2:active	{color: #ffffff; font-weight:bold; text-decoration: none;}
a.itemslink2:hover										{color: #bc3d1c; font-weight:bold; text-decoration: none;}

.itemsBlogNaamVet { font-size:23px; font-weight:bold; padding-left: 14px; padding-top: 8px; width: 154px; line-height: 22px;}
.itemsBlogIntro{ font-size:15px; padding-left: 14px; padding-top: 8px; width: 154px; line-height: 22px;}


/*     VERVOLG         */

body.vervolg {
	background-attachment: scroll;
	background-image: url(../images/BCKvermoedenStaart.jpg);
	background-repeat:repeat-y;
	}
	
body.vervolgblauw {
	background-attachment: scroll;
	background-image: url(../images/BCKluxmagStaart.jpg);
background-repeat:repeat-y;
	}
	.basisTableLux { width: 1000px; height: 100%; 	
              background-image: url(../images/BCKluxmagTable.jpg); 
              background-repeat: no-repeat;
	background-position: center top;
	}
	
	.basisTableVermoeden { width: 1000px; height: 100%; 	
              background-image: url(../images/BCKvervolgTable.jpg); 
              background-repeat: no-repeat;
	background-position: center top;}

#divHetVermoeden	  { position:absolute; left:0px; top: 0px; width:505px; height:119px; z-index:4; }

.introTable  {width:960px; height: 141px;}

.introTd {	vertical-align:middle;  
			padding-left: 255px; 
			padding-right: 190px; 
			padding-top: 14px; 
			font-size:16px; 
			color:#FFFFFF;
			font-weight: bold;
			line-height: 20px;
			letter-spacing: 0.3pt;
			}
			
.gastenTable  {width:960px;}

.gastenTd45   {width:45px;}
.gastenTd150  {
			width:150px;	
			height: 250px;
			}
		.menuLeft
		{
		    width:150px;	
			background-attachment: scroll;
			background-image: url(../images/bckZoeken.jpg);
			background-repeat: repeat-y;
			background-position: left top;
		}
.gastenTd36   {width:36px;}
.gastenTd550  {
				width:550px;
				background-color:#000000;
				color:#FFFFFF;
				padding-left: 30px;
				padding-top: 12px
				
				}
.gastenTd12   {width:12px;}
.gastenTd152  {	width:152px; 
				height: 125px;}
.gastenTd15   {width:15px;}


td.gast a:link, td.gast a:visited {display: block; width: 152px; height: 55px; color: #ffffff; text-decoration: none; font-size:14px;
				padding-left: 13px;}
td.gast a:hover {background: #fffdd6; color: #000000; text-decoration: none; font-size:14px;
				padding-left: 13px;}

.volgendeGastenTable  {width:152px; height: 55px;}

.zoekenTable  	{width:150px; height: 250px;}
.zoekenTd24 	{width:150px; height: 24px;}
.zoekenTd25 	{width:150px; height: 25px; padding-left: 9px; padding-top: 2px}
.zoekenTd28 	{width:150px; height: 28px; padding-top: 4px}
.zoekenTd12 	{width:150px; height: 12px;}
.zoekenTd30		{width:150px; height: 30px;}
.zoekenTd6 		{width:150px; height: 6px;}

 
.uitgelichtTable   	{width: 550px;}
.uitgelichtTdNaam   {width: 550px; height: 45px; vertical-align:middle;}
.uitgelichtTdFoto	{width: 170px;}
.uitgelichtTdtekst	{width: 380px;}

a.meerlezen, a.meerlezen:visited, a.meerlezen:active 	{color: #fffed6; text-decoration: none; font-size:13px;}
a.meerlezen:hover   	{color: #eb4704; text-decoration: none; font-size:13px;}	

.lijstTable   	{width: 550px;}
.lijstTdNaam   	{width: 550px; height: 45px; vertical-align:middle;}
.lijstTdFoto	{width: 95px;}
.lijstTdTekst	{width: 455px;}

a.naam, a.naam:visited, a.naam:active 	{color: #fffed6; text-decoration: none; font-size:16px;}
a.naam:hover   	{color: #eb4704; text-decoration: none; font-size:16px;}		


.lijstnavigtatieTable	{width: 520px;}
.lijstnavigtatieTdLeft	{width: 200px; text-align:left;}
.lijstnavigtatieTdMiddle{width: 150px; text-align:center;}
.lijstnavigtatieTdRight {width: 200px; text-align:right; padding-right: 25px;}



.gastartikelTable  {width:960px;}

.gastartikelTd35   {width:35px;}
.gastartikelTd160  {width:160px;}
.gastartikelTd36   {width:36px;}
.gastartikelTd550  {
				width:550px;
				background-color:#000000;
				color:#FFFFFF;
				padding-left: 30px;
				padding-top: 12px;
				padding-right: 28px	;
				}
.gastartikelTd12   {width:12px;}
.gastartikelTd152  {	width:152px; 
				height: 125px;}
.gastartikelTd15   {width:15px;}

/* Citaat */
.gastartikelTd550-2  {
				width:550px;
				color:#FFFFFF;
				padding-left: 30px;
				padding-top: 12px;
				padding-right: 28px	;
				}
				
.gastartikelTd550-2 P  {
				color:#FFFFFF;
				
				}


/* LUX Magazine */

body.vervolgblauw {
	background-attachment: scroll;
	background-image: url(../images/BCKluxmagStaart.jpg);

	}
	

#divLuxMagazine	  { position:absolute; left:0px; top: 0px; width:505px; height:119px; z-index:4; }

.quote {width: 375px; }

/* beeld */
.gastartikelTd550-3  { width:550px; background-color:#000000;}


/* Tooltip */

.ToolText{position:relative;  z-index: 1;}
.ToolTextHover{position:relative;}
.ToolText span{display: none;}

.ToolTextHover span{
  display:block;
  position:absolute;
  border:1px solid black;
  top:+2em;
  left:150px;
  min-width: 250px;
  background-color:#FFFFFF; color:#000000;
  text-align: left;
  padding: 10px;
  z-index: 100;
} 

.ToolText2{position:relative; }
.ToolText2Hover{position:relative;}
.ToolText2 span{display: none;}
.ToolText2Hover span{
  display:none;
  position:absolute;
  border:1px solid black;
  top:10em;
  left:10px;
  max-width: 200px;
  background-color:#FFFFFF; color:#000000;
  text-align: left;
  vertical-align:top;
  padding: 10px;
}
a.veertien, a.veertien:visited, .veertiena:active		{color: #fffed6; font-weight:bold; text-decoration: none; font-size:14px;}
a.veertien:hover						{color: #eb4704; font-weight:bold; text-decoration: none; cursor: hand; font-size:14px;}

/**/

#outerBlokken
{
    position:relative; 
    top:0px;
}

#overlay
{
    position: absolute;
    top:0px;
    width:960px;
    height:335px;
    z-index:2;
}
.blok
{
    float:left;
    margin-top:15px;
    width:300px;
    height:285px;
    cursor:pointer;   
    
}
.blokin
{
    width:300px;
    height:285px;
    cursor:pointer;   
}
.blokBackground
{
     background-image:url('../images/bckItemHome1.gif');
}
.blok div
{
        padding:20px;
        font-size:15px; line-height: 22px;

}

.blok1
{
  margin-left:16px;
}
.blok2
{
  margin-left:14px;

}
.blok3
{
   margin-left:13px;

}


#blokkenZonderTekst
{
  position: absolute;
  top:0px;
  width:960px;
  height:335px;
  z-index:1;
}

#blokkenMetTekst
{
  position: absolute;
  top:0px;
  width:960px;
  height:335px;
  z-index:3;
}
#blokkenVoorLink
{
  position: absolute;
  top:0px;
  width:960px;
  height:335px;
  z-index:5;
}
.menuhoofd div
{
    padding:10px;
    color: White;
    font-size:14px;
    line-height:30px;
    
}
.menusub div
{
    padding:10px;
    color: White;
    font-size:12px;
    line-height:18px;
    
}
.menu
{
    font-weight:bold;
}
.menu a, .menu a:link, .menu a:visited
{
    text-decoration:none;
    color: White;
 }
  .menu a:hover
  {
      color:black;
  }
  
  .zoekTitel
  {
      width:150px;
      float:left;
      margin-top: 6px;
      
      margin-right:10px;
  }
  
  .zoekDivVeld
  {
      width:300px;
      float:left;
       margin-top: 4px;
  }
  
  .zoekVeld
  {
      width:250px;
  }
  
  .navigateButtons
  {
      border:0px;
      background-color:Transparent;
      color:#fffed6;
      font-size:12px;
      font-weight:bold;
      cursor:pointer
  }
  
  .formButtons
  {
      border: solid 1px #fffed6;
      background-color:Transparent;
      color:#ffffff;
      font-size:14px;
      font-weight:bold;
      cursor:pointer
  }