/*////////////////////////////////////
CSS for www.postcodeloterij.nl
Copyright 2006 Nationale Postcode Loterij
Programming: Bas de Valk
/////////////////////////////////////*/

/* In this css file "Alternate Box Model Hack Technique 3" (ABMH3) is used to overcome Internet Explorer 5.x's bad box model.
   See http://css-discuss.incutio.com/?page=BoxModelHack, Alternate Box Model Hacks, Technique 3  for more info. */

body {
	font-size:62.5%;             /* Explained @ www.clagnut.com/blog/348/ */
	margin: 0px; padding: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	height: 100%;
}

p,h1,h2,h3,h4,h5,h6,form {
	margin: 0px; padding: 0px;
}
img {
	border: none;
}
div#containerMain1, div#containerMain2, div#containerMain3, div#containerMain4 {
	width: 966px;
	margin-right: auto; margin-left: auto; 	/* Centreer in midden van browservenster */
	position: relative;				
	/* position:relative zodat child-divs absoluut gepositioneerd kunnen worden t.o.v. deze div
	   Normaal zouden ze t.o.v. de linkerbovenhoek van de pagina gepositioneerd worden */
}
/* THIS IS FOR A BIG HEADER WITH NO SUBNAVIGATION */
#containerMain1 div#containerHeader {
	height: 427px;
	margin: 0px; padding: 0px;
	position: relative;
}
/* THIS IS FOR A BIG HEADER WITH SUBNAVIGATION */
#containerMain2 div#containerHeader {
	height: 427px;
	margin: 0px; padding: 0px;
}
/* THIS IS FOR A SMALL HEADER WITH SUBNAVIGATION */
#containerMain3 div#containerHeader {
	height: 221px;
	margin: 0px; padding: 0px;
}
/* THIS IS FOR A SMALL HEADER WITHOUT SUBNAVIGATION */
#containerMain4 div#containerHeader {
	height: 221px;
	margin: 0px; padding: 0px;
}

/*////////// NAVIGATIE //////////
Navigatie zit in unordered lists (<ul>)
Zet eerst alle menu-items (<li>) achter elkaar, verwijder de bullets etc.
Geef de <a>-tag als achtergrond-image het plaatje van de tab
Verwijder vervolgens de linktekst door de <strong>-tag onzichtbaar te maken (display: none)

Gebruik voor mouseOvers (hover) de CSS Sprite-methode
Zie oa 	http://www.designmeme.com/articles/hoverboxmenu/ en 
		http://www.alistapart.com/articles/sprites 
//////////////////////////////*/	

ul#nav {
	display: block;
	list-style: none;
	margin: 0px;
	padding: 0px 0px 0px 173px; /* Inclusief "Mijn Postcode Loterij" (ingelogd) */
	/* padding: 0px 0px 0px 321px; /* EXclusief "Mijn Postcode Loterij" (NIET ingelogd) */
	position: absolute;
	height: 35px;
	top: 57px;
	width: 793px !important;
	width /**/:966px; /* ABMH3 */
}

#nav li {
	float: left;
}

/* Bepaal opmaak van navigatiebuttons */
ul#nav a { 
	display: block; 
	padding-top: 35px; /* De tekst wordt zo buiten beeld geschoven */
	height: 0px !important;
	height /**/:35px;
	background-position: center top; 
	font: bold 1.2em/1em Arial, Helvetica, sans-serif; 
}

/* Stel voor iedere hoofdnavigatielink de breedte vast en bepaal welke button-image erbij hoort */
ul#nav li#bthome a.nav { width: 60px; background-image: url(../img/bt_home.gif); }
ul#nav li#btgoededoelen a.nav { width: 110px; background-image: url(../img/bt_goededoelen.gif); }
ul#nav li#btprijzen a.nav { width: 65px; background-image: url(../img/bt_prijzen.gif); }
ul#nav li#btuitslagen a.nav { width: 81px; background-image: url(../img/bt_uitslagen.gif); }
ul#nav li#bttelevisie a.nav { width: 41px; background-image: url(../img/bt_televisie.gif); }
ul#nav li#btspelletjes a.nav { width: 83px; background-image: url(../img/bt_spelletjes.gif); }
ul#nav li#btmijnpostcodeloterij a.nav { width: 92px; background-image: url(../img/bt_BuitenKans.gif); }
ul#nav li#btspeelmee a.nav { width: 87px; background-image: url(../img/bt_speelmee.gif); }
ul#nav li#btorganisatie a.nav { width: 96px; background-image: url(../img/bt_organisatie.gif); }

/* In plaats van verschillende images voor de verschillende 'states' van de buttons nemen we
   ??n image waarin de verschillende 'states' onder elkaar staan.
   Verschuif de achtergrondimage bij hover en igv 'active', zodat de button de juiste 'state' 
   toont. Dit heet de CSS sprite-methode (zie url in comment boven) */
   
ul#nav a:hover	{ background-position: center -35px; } 			/* MouseOver */
ul#nav a.btactive { background-position: center -70px; }		/* Huidige (='actieve') pagina */

/* Opmaak van subnavigatie */
/* Geprobeerd subnav-ul te nesten in nav-ul, zoals 't hoort, maar dat leverde allerlei problemen op
   met IE 6 en lager, voornamelijk omdat ALLE links in subnav de breedte van de nav-link overnamen waar
   ze onder hingen. Width=auto hielp niet. */

ul#subnav {
	display: block; list-style: none;
	background: url(../img/subnav_bg.gif);
	margin: 0px; padding: 6px 15px 0px 177px;
	position: absolute; top: 92px; left: 0px;
	height: 20px !important;
	height /**/:25px;
	width: 774px !important;
	width /**/:966px;
	font: bold 1.2em/1em Arial, Helvetica, sans-serif;
}

#subnav li {
	display: inline;
	padding: 6px 0px 0px; margin: 0px;
}

ul#subnav a {
	/*border-left: 1px solid #FCD2D3;*/
	border-right: 1px solid #FCD2D3;
	border-collapse: collapse;
  background: url();
	line-height: 14px;
	padding: 0px 8px 0px;
}

ul#subnav a:link, ul#subnav a:visited		{ color: #FDE9EA; text-decoration: none; }
/*ul#subnav a:visited 	{ color: #EEEEEE; text-decoration: none; }*/
ul#subnav a:hover {
  background-color: #FCD2D3;
  color: #EE1C24;
  margin-left:-3px;
	padding-left:11px;
  line-height:14px;
  }
ul#subnav a:active {
  background-color: #FCD2D3;
  color: #EE1C24;
  margin-left:-3px;
	padding-left:11px;
	line-height:14px;
 }

/*ul#subnav a.active { text-decoration: underline; }*/
ul#subnav a.active,ul#subnav a.active:visited {
  background-color: #FCD2D3;
  color: #EE1C24;
  margin-left:-3px;
	padding-left:11px;
	line-height:14px;

}
/*///////////////////////////////*/


#logo {
	position: absolute; left: 17px; top: 23px; z-index: 2;
}

/* De visual bovenaan de pagina met de naam van de 'sectie' ('Prijzen', 'Uitslagen', etc) */

/* THIS IS FOR A BIG HEADER WITHOUT SUBNAVIGATION */
#containerMain1 h1#sectionHeader, #containerMain1 #sectionHeader {
	height: 336px; width: 966px;
	position: absolute; top: 93px;
	/* header image wordt middels inline css in pagina zelf bepaald. */
	margin: 0; padding: 0;
}

/* THIS IS FOR A BIG HEADER WITH SUBNAVIGATION */
#containerMain2 h1#sectionHeader {
	height: 311px; width: 966px;
	position: absolute; top: 92px;
	/* header image wordt middels inline css in pagina zelf bepaald. */
	margin: 0; padding: 0; z-index: -10;
}

#containerMain2 #sectionHeader {
	height: 311px; width: 966px;
	position: absolute; top: 117px;
	/* header image wordt middels inline css in pagina zelf bepaald. */
	margin: 0; padding: 0;
}

/* THIS IS FOR A SMALL HEADER WITH SUBNAVIGATION */
#containerMain3 h1#sectionHeader, #containerMain3 #sectionHeader {
	height: 107px; width: 966px;
	position: absolute; top: 118px;
	/* header image wordt middels inline css in pagina zelf bepaald. */
	margin: 0; padding: 0;
}
/* THIS IS FOR A SMALL HEADER WITHOUT SUBNAVIGATION */
#containerMain4 h1#sectionHeader, #containerMain4 #sectionHeader {
	height: 129px; width: 966px;
	position: absolute; top: 93px;
	/* header image wordt middels inline css in pagina zelf bepaald. */
	margin: 0; padding: 0;
}
h1#sectionHeader span {
	position: absolute;
	width: 100%;
	height: 100%;
}

/* Input */
input {
  color:#666666;
	font-size: 1.0em;
}

/* Zoekboxje */
form#search {
	position: absolute;
	top: 28px; right: 19px;
}
#search label {
	display: none;
}
input#zoek {
	width: 109px; height: 19px;
	margin: 0; padding: 2px 4px 0px 4px;
	font-size: 1.0em;
	border: none;
	background: url(../img/searchField_bg.gif) no-repeat left top;
}
input#submitSearch {
	margin: 0px 0px 0px 5px;
	vertical-align: top;
}

input.login {color:#666666;font-size: 1.0em;border:none;background:url(../img/inputLogin_bg.gif) no-repeat;width:127px;height:19px;padding:2px 5px 0px 5px;margin:2px 0;}

/*///// LAYOUT /////*/

#containerContent {
	position: relative; /* zorgt dat rechterkolom ook in ie5.x bovenop headerimage staat ipv eronder */
	z-index: 10;
	width: 928px !important;
	width /**/:966px; /* ABMH3 */
	padding: 0px 19px 0px; margin: 0;
	
	background: #E2F2FE url(../img/page_bgverloop.jpg) repeat-x bottom;
}
div#columnLeft {
	width: 185px !important; 
	width /**/:192px; /* ABMH3 */ 
	margin: 14px 0px 0px 0px; padding: 0px 7px 0px 0px;
	float: left;
}
div#columnMiddle {
	width: 530px !important;
	width /**/:544px; /* ABMH3 */
	margin: 14px 0px -14px 0px;
	padding: 0px 7px;
	float: left;
}
#containerMain1 div#columnRight {
	position: relative; /* zorgt dat rechterkolom ook in ie5.x bovenop headerimage staat ipv eronder */
	width: 185px !important;
	width /**/:192px; /* ABMH3 */
	float: left;
	margin: -300px 0px 0px 0px; /* Steekt bovenin de header-image */
	padding: 0px 0px 0px 7px;
}
#containerMain2 div#columnRight {
	position: relative; /* zorgt dat rechterkolom ook in ie5.x bovenop headerimage staat ipv eronder */
	width: 185px !important;
	width /**/:192px; /* ABMH3 */
	float: left;
	margin: -280px 0px 0px 0px; /* Steekt bovenin de header-image */
	padding: 0px 0px 0px 7px;
}
#containerMain3 div#columnRight {
	position: relative; /* zorgt dat rechterkolom ook in ie5.x bovenop headerimage staat ipv eronder */
	width: 185px !important;
	width /**/:192px; /* ABMH3 */
	float: left;
	margin: -85px 0px 0px 0px; /* Steekt bovenin de header-image */
	padding: 0px 0px 0px 7px;
}
#containerMain4 div#columnRight {
	position: relative; /* zorgt dat rechterkolom ook in ie5.x bovenop headerimage staat ipv eronder */
	width: 185px !important;
	width /**/:192px; /* ABMH3 */
	float: left;
	margin: -85px 0px 0px 0px; /* Steekt bovenin de header-image */
	padding: 0px 0px 0px 7px;
}
div#columnMiddleLeft {
	float: left;
	width: 258px !important; /* 265-7 */
	width /**/:265px; /* ABMH3 */
	margin: -7px 0px 0px;
	padding: 0px 7px 0px 0px;
}
div#columnMiddleRight {
	float: left;
	width: 258px !important; /* 265-7 */
	width /**/:265px; /* ABMH3 */
	padding: 0px 0px 0px 7px;
	margin: -7px 0px 0px;
}
.clear {
	clear: both;
}


/* KRUIMELPAD */
/* IS KOMEN TE VERVALLEN 
ul#crumbtrail {
	display: block;
	list-style: none;
	margin: 0px;
	padding: 6px 12px 0px 12px;
}
#crumbtrail li {
	display: inline;
	font: 1.0em Verdana, Arial, Helvetica, sans-serif;
}
*/

/*///// BLOKJES (KADERTJES) //////*/
/* Eerst defini?ren we de algemene kenmerken die voor ALLE kadertjes gelden */
.kadertje { padding: 0px 12px 0px; margin: 7px 0px 28px; }
span.bottom,span.top { display: block; height: 7px; clear:both;}
span.top { margin: 0px -12px 0px; position: relative; top: -7px; }
span.bottom { margin: 0px -12px 0px; position: relative; top: 7px; }
/* De onder- en bovenkant van de kadertjes is deels transparant, zodat het blauwverloopje 
op de achtergrond er in de ronde bochtjes doorheen kan schijnen. Maar: dan zie je 
de achtergrond van het kadertje zelf (inclusief de lijntjes aan de zijkant) 
er ook doorheen schijnen. Daarom laten we span.bottom 7 pixels onder het kadertje zakken
en span.top 7 pixels erboven. */

/* Nu worden we steeds specifieker... */
/* Er zijn drie formaten kadertjes:
185 pixels breed (linker- en rechterbalk),
258 pixels breed (middendeel, twee kadertjes naast elkaar)
530 pixels breed (middendeel, ??n kadertje over de volle breedte)

De basistoestand van alle kadertjes is als volgt:
Witte achtergrond, lichtgrijze border */

.w185 {
	width: 161px !important; /* 185px - padding (2x12px) */
	width /**/:185px;
	background: url(../img/kadertje_185_grey-white_bg.gif) repeat-y top;
}

.w185flash {
	padding: 0px 0px 0px;
}
.w185 span.top {
	background: url(../img/kadertje_185_grey-white_top.gif) no-repeat top;
}
.w185 span.bottom {
	background: url(../img/kadertje_185_grey-white_bottom2.gif) no-repeat bottom;
}

.w530 {
	width: 506px !important; /* 530px - padding (2x12px) */
	width /**/:530px;
	background: url(../img/kadertje_530_grey-white_bg.gif) repeat-y top;
}
.w530 span.top {
	background: url(../img/kadertje_530_grey-white_top.gif) no-repeat top;
}
.w530 span.bottom {
	background: url(../img/kadertje_530_grey-white_bottom.gif) no-repeat bottom;
}

.w530nobg {
	width: 506px !important; /* 530px - padding (2x12px) */
	width /**/:530px;
}

.w258 {
	width: 234px !important; /* 258px - padding (2x12px) */
	width /**/:258px;
	background: url(../img/kadertje_258_grey-white_bg.gif) repeat-y top;
}
.w258 span.top {
	background: url(../img/kadertje_258_grey-white_top.gif) no-repeat top;
}
.w258 span.bottom {
	background: url(../img/kadertje_258_grey-white_bottom.gif) no-repeat bottom;
}

/* Dit zijn styles die afwijken van de standaard-npl-styles t.b.v. de januaricampagne*/
.w185.gold {
	width: 161px !important; /* 185px - padding (2x12px) */
	width /**/:185px;
	background: url(../img/kadertje_185_goldbg_bg.gif) repeat-y top;
}
.w185.gold span.top { background: url(../img/kadertje_185-goldbg_top.gif) no-repeat top;}
.w185.gold span.bottom { background: url(../img/kadertje_185-goldbg_bottom.gif) no-repeat bottom;}

/* Kadertjes kunnen ook andere kleuren hebben... */
/* BLAUWE rand, WITTE achtergrond */
.w185.blueborder { background: url(../img/kadertje_185_blue-white_bg.gif); }
.w185.blueborder span.top { background: url(../img/kadertje_185_blue-white_top.gif) no-repeat top; }
.w185.blueborder span.bottom { background: url(../img/kadertje_185_blue-white_bottom2.gif) no-repeat bottom; }

/* ORANGE rand, WITTE achtergrond */
.w185.orangeborder { background: url(../img/kadertje_185_orange-white_bg.gif); }
.w185.orangeborder span.top { background: url(../img/kadertje_185_orange-white_top.gif) no-repeat top; }
.w185.orangeborder span.bottom { background: url(../img/kadertje_185_orange-white_bottom.gif) no-repeat bottom; }

/* ORANGE rand, WITTE achtergrond */
.w258.orangeborder2 { background: url(../img/kadertje_258_orange-white_bg.gif); }
.w258.orangeborder2 span.top { background: url(../img/kadertje_258_orange-white_top.gif) no-repeat top; }
.w258.orangeborder2 span.bottom { background: url(../img/kadertje_258_orange-white_bottom.gif) no-repeat bottom; }

/* RED rand, WITTE achtergrond */
.w185.redborder { background: url(../img/kadertje_185_red-white_bg.gif); }
.w185.redborder span.top { background: url(../img/kadertje_185_red-white_top.gif) no-repeat top; }
.w185.redborder span.bottom { background: url(../img/kadertje_185_red-white_bottom.gif) no-repeat bottom; }

/* RED rand, WITTE achtergrond */
.w185.greenborder { background: url(../img/kadertje_185_green-white_bg.gif); }
.w185.greenborder span.top { background: url(../img/kadertje_185_green-white_top.gif) no-repeat top; }
.w185.greenborder span.bottom { background: url(../img/kadertje_185_green-white_bottom.gif) no-repeat bottom; }

/* ORANGE achtergrond */
.w185.orange { background: #FE7A0B; }
.w185.orange span.top { background: url(../img/kadertje_185_orange_top.gif) no-repeat top; }
.w185.orange span.bottom { background: url(../img/kadertje_185_orange_bottom.gif) no-repeat bottom; }
.w185.orange h2 { margin-bottom: 20px; }

/*THIS IS FOR THE BOXES WITH A BIRD OR BUTTERFLY ON TOP OF THE BOX*/
.topImg.bird, .topImg.butterfly { background:url(../img/bird_bg.gif) no-repeat;height:95px;margin: 0 -12px -5px;padding:0px; position: relative; top:-14px; display: block; clear:both; }
.topImg.butterfly { background:url(../img/butterfly_bg.gif) no-repeat;height:95px;}
.topImg h2 {position:relative;top:23px;left:10px;color:#FFFFFF;}

/*EMPTY BOX TO IMPLEMENT A FLASH OR AN IMAGE*/
.boxPlHoContainer {margin:7px 0 14px;padding:0;}
.boxPlHo {position: relative; top: -7px;margin:0;padding:0;}

.boxPlHo a:link { text-decoration: none; }
.boxPlHo a:visited { text-decoration: none; }
.boxPlHo a:hover { text-decoration: underline; }
.boxPlHo a:active { text-decoration: underline; }


/* FOOTER */
div#footer {
	
	background: url(../img/page_bottom.gif) no-repeat top;
	
	padding: 18px 18px 0px;
	font: 0.9em/1.3em Arial, Helvetica, sans-serif;
	height: 35px !important;
	height /**/:53px;
	color: #666666;
}
ul#corporatenav {
	display: block;
	float: right;
	list-style: none;
	margin: 0px; padding: 0px 12px 0px 0px;
	color: #003399;
	width: 206px !important;
	width /**/:205px;
}
#corporatenav a:link { text-decoration: none; }
#corporatenav a:visited { text-decoration: none; }
#corporatenav a:hover { text-decoration: underline; }
#corporatenav a:active { text-decoration: underline; }

#footer p#address {
	width: 655px !important;
	width /**/:704px;
	padding: 0px 0px 0px 12px;
	float: left;
	display: block;
}
#corporatenav li {
	display: inline;
}

/*TOP BOTTOM BORDERS*/
.BoBoOrange {border-bottom:solid 1px #FE7A0B;margin-bottom:2px;}
.BoBoGrey {border-bottom:solid 1px #999999;margin-bottom:2px;padding-bottom:1px;}
.BoToGrey {border-top:solid 1px #999999;margin-top:2px;padding-top:1px;}
.BoBoBlack {border-bottom:solid 1px #000000;margin-bottom:2px;padding-bottom:1px;}

/*DIVIDERS*/
div.diviOrange {border-top:1px solid #FE7A0B;	margin:4px 0 6px 0;padding:0;}
div.diviGrey {border-top:1px solid #CCCCCC;	margin:5px 0;padding:0;}

/*TEXT STYLES*/
.txtRed {color:#EE1C24;}
.txtBlue {color:#1A64BB;}
.txtOrange {color:#FE7A0B;}
.txtWhite {color:#FFFFFF;}
.txtLightGrey {color:#CCCCCC;}
.txtGrey {color:#999999;}
.txtMediumGrey {color:#666666;}
.txtDarkGrey {color:#3F3F3F;}
.txtSmall {font-size:1.0em;}
.txtXSmall {font-size:0.9em;}

/*BACKGROUND STYLES*/
.bgOrange {background:#FE7A0B;}
.bgRed {background:#EF1C25;}

/*LINKS*/
.linkMore {text-align:right;margin-top:10px;}
.linkMore a:link, .linkMore a:visited		{ font-weight:bold;color:#666666;text-decoration:none; }
.linkMore a:hover, .linkMore a:active	{ font-weight:bold;color:#666666;text-decoration: underline;  }

.linkHeader a:link, .linkHeader a:visited		{ font-weight:bold;color:#003397;text-decoration:none; }
.linkHeader a:hover, .linkHeader a:active	{ font-weight:bold;color:#003397;text-decoration: underline;  }

.linkBlue a:link, .linkBlue a:visited		{ font-weight:normal;color:#003397;text-decoration:none; }
.linkBlue a:hover, .linkBlue a:active	{ font-weight:normal;color:#003397;text-decoration: underline; }

.linkGrey a:link, .linkGrey a:visited		{ font-weight:bold;color:#999999;text-decoration:none; }
.linkGrey a:hover, .linkGrey a:active	{ font-weight:bold;color:#999999;text-decoration: underline; }

.linkZoekPagina a:link, .linkZoekPagina a:visited, .linkDarkGrey a:link, .linkDarkGrey a:visited	{ font-weight:bold;color:#666666;text-decoration:none; }
.linkZoekPagina a:hover, .linkZoekPagina a:active, .linkDarkGrey a:hover, .linkDarkGrey a:active	{ font-weight:bold;color:#666666;text-decoration: underline; }

p.zoekPaginaLeft {float:left;width:130px;}
p.zoekPaginaMiddle {float:left;width:226px;text-align:center;}


/*STYLES FOR INPUT FIELDS*/
/* Zoekboxje */
/* Wijzigingen op 17/4/2007 door Bas de Valk (bas.de.valk@postcodeloterij.nl) wegens vergroting searchbox: */
form#search {
	position: absolute;
	top: 30px; right: 28px;              /* Gewijzigd 17/4/2007 */
}
#search label {
	display: none;
}

input#zoek {
	width: 168px; height: 21px;          /* Gewijzigd 17/4/2007 */
	margin: 0; padding: 2px 6px 0px 6px; /* Gewijzigd 17/4/2007 */
	font-size: 1.2em;                    /* Gewijzigd 17/4/2007 */
	border: none;
	background: url(../img/searchField_bg_BIG.gif) no-repeat top right; /* Gewijzigd 17/4/2007 */
}

input#submitSearch {
	margin: 0px 0px 0px 2px; /* Gewijzigd 17/4/2007 */
	vertical-align: top;
}

input.koopLot {background:url(../img/inputLot_bg.gif) no-repeat; width:131px; height:24px; margin: 4px 0 10px 0; padding:0 0 0 5px; border:none; font:normal 20px Courier New,Courier, monospace; letter-spacing:10px; }
div.koopLot {padding-top:5px;}

input.koopLot2 {background:url(../img/inputLot2_bg.gif) no-repeat; width:157px; height:29px; margin: 0; padding:0 0 0 5px; border:none; font:normal 25px Courier New,Courier, monospace; letter-spacing:11px; }
.btnKoopLot2 {margin-left:8px;vertical-align:top;}

div.login {margin-top:5px;}
div.login a:link, div.login a:visited {font:0.9em Verdana, Arial, Helvetica, sans-serif;}
div.login a:hover, div.login a:active {font:0.9em Verdana, Arial, Helvetica, sans-serif;color:#FFFFFF}
div.login input {float:right;}

input.nieuwsbrief {color:#666666;border:solid 1px #CCCCCC;padding:4px 0 5px 2px;font-size: 10px;vertical-align:middle;width:122px;margin:8px 0 0 0;}
.nieuwsbriefBtn {
float:left;
margin:6px 0pt 0pt 5px;
vertical-align:middle;
}

div.zoeken {padding-top:5px;}
input.zoeken {color:#666666;border:solid 1px #1A64BB;padding:4px 0 5px 2px;font:normal 13px Courier New, Courier, monospace;vertical-align:middle;width:209px;margin:2px 0 0 0;}
.zoekenBtn {vertical-align:middle;margin:2px 0 0 5px;}
img#submitSearch {
	margin: 0px 0px 0px 2px;
	vertical-align: top;
}

.checkBoxTxt {width:450px;float:left;margin:2px 0 8px 0;}
input.checkBox {float:left;margin-right:5px;}
input.checkBox2 {vertical-align:middle;}

input.w50 {width:50px;}
input.w150 {width:150px;}
input.w100 {width:100px;}
input.w180 {width:180px;}
input.w200 {width:200px;}

input.w74 {width:74px;}
input.w146 {width:146px;}
input.w206 {width:206px;}
input.w236 {width:236px;}

input.formular, input.fieldDis, input.fieldError, textarea, select.formular {
  color:#3F3F3F;
  border-bottom:solid 1px #AAAAAA;
  border-right:solid 1px #AAAAAA;
  border-top:none;
  border-left:none;
  background:#F4F4F4;
  padding:1px 2px 0 2px;
  margin:1px 0 5px 0;
  font:normal 14px Courier New, Courier, monospace;
  /*letter-spacing:0.2em; GEWIJZIGD 10-05-07 door B de Valk */
}

input#Voorletters,
input#Tussenv{
	width:38px !important;
}

.formular #Postcode {
  letter-spacing:0.2em;
  background:#F4F4F4 url(../img/inputPostcodedivider.gif) no-repeat;
}

input.fieldDis {
  border: solid 1px #F4F4F4;
  color:#9B9B9B;
  background:#F4F4F4;
  margin:1px 0 5px 0;
  }
  
input.fieldError {
  border-bottom:solid 1px #EE1C24;
  border-right:solid 1px #EE1C24;
  background:#FFFFFF;
}

div.formularError {background:#FDE8E9;padding:5px 0;margin:0 0 5px 0;}

label.nonMandatory {color:#666666;}

div.indicator, div.indicatorNarrow {float:left;width:140px;margin:2px 0 0 0;padding:0;}
div.indicatorNarrow {width:105px;}
div.formular, div.formularNarrow, div.formularWide {width:366px;margin:0 0 10px 0;padding:0;float:left;}
div.formularNarrow {width:180px;}
div.formularWide {width:506px;}
div.indicator.topSpace {margin-top:14px; clear:both;}
div.inputMultiple {float:left;margin:0;padding-right:2px;}

/* css voor prefill */

div.prefilled {
  display: none;
}

/*STUFF*/
.zoekResultatenTxt{width:400px;}
img.zoekDetails {vertical-align:middle;width:11px;height:11px;}

.lotenFlash {float:left;margin-right:40px;}
/* ONDERSTAANDE REGELS GEWIJZIGD DOOR BAS DE VALK */
.lotenRadio {width:220px; padding: 0 40px;}
.lotenRadio label { display: none; }
input#kansen2keer { margin: 0 75px; }

/* EINDE WIJZIGING */
input.lotenRadioBtn {margin:0 45px;padding:0;}

.logosGoedeDoelen {margin:0 15px;}

.toolTip {vertical-align:top;margin:2px 0 0 2px;}

.ContMidAlterAlignLeft{float:left;width:220px;}
.ContMidAlterAlignRight{float:right;width:220px;}

.right {float:right;}

.image {margin:0 0 5px 0;}

.imgTxtRight {
float:right;
margin:0 0 10px 10px;
}

.imgCaption {
color:#666666;
}

span.spaceLingoRi {padding-right:20px;}
span.spaceLingoLeRi {padding:0 12px;}

div.galery {margin-bottom:6px;}
img.galery {margin-right:6px;}

.btnImg {float:right;margin-top:5px;}

div.mijnGeg {border-top:solid 1px #FE7A0B;padding-top:3px;margin-top:2px;font-size:1.3em;font-weight:bold;}
div.mijnGeg img {float:right;margin-right:30px;padding:2px 0;}
.mijnGegTopLef {float:left;margin-top:6px;font-size:1.0em;}
.mijnGegTopRight {float:right;margin-top:6px;font-size:1.0em;}

.galeryPopup {font: 1.1em/1.2em Verdana, Arial, Helvetica, sans-serif;width:682px;z-index:21;position:absolute;top:162px;left:148px;background:#FFFFFF;padding:15px 0;border:solid 1px #CCCCCC;}
.galeryBg {width:966px;height:850px;background-color:#000000;opacity:0.8;filter:alpha(opacity=80);z-index:20;position:absolute;}
.galeryBtn {position:absolute;top:150px;left:0px;z-index:6;width:682px;}
/*TABLES*/
table.lot {width:100%;}
table.lot td, table.lot th {padding:2px 0;}
table.lot th {border-bottom:solid 1px #999999;}

table.prijs {width:100%;}
table.prijs td, table.prijs th {padding:0 0 3px 0;font-size:0.9em;}
table.prijs th {width:37px;font-weight:normal;}
table.prijs .miCol {width:50px;font-weight:bold;font-size:1.0em;}

table.lingo {width:100%;margin:8px 0;}
table.lingo th, table.lingo td {font-size:1.1em;padding:8px 7px;}
table.lingo th {color:#EF1C25;text-align:left;}
table.lingo td {color:#FFFFFF;border-right:solid 1px #FFFFFF;}

table.galery {text-align:center;}
table.galery td {border: solid 1px #CCCCCC;vertical-align:bottom;width:120px;height:120px;text-align:center;}
table.galery img {margin:4px 0;padding:0;border:0;}

/*ZOEKRESULTATEN*/
.searchNoDetail{
  height: 18px;
  overflow: hidden;
}

.faq_searchNoDetail{
  height: 14px;
  overflow: hidden;
}

.searchDetail .faq_searchDetail{
  overflow: visible;
}

/* INDENT */
p.indent {
  margin-left: 1.0em;
  text-indent: -0.9em;
}

/* NOTBOLD */
.notbold {
  font-weight: normal;
}

/* TOOLTIPS (?) */

#spmTooltip {
  position: absolute;
  display: block;
  left: 0px;
  top: 0px;
  width: 221px;
  height: 91px;
  background: url("../img/tool_tip_spm.png");
  visibility: hidden;
  z-index: 345;
  margin: 0 0 0 0;
  padding 0 0 0 0;
}

.spmTooltipBox {
  margin: 4px 4px 28px 4px;
  padding: 2px 2px 2px 2px; 
}

/* ltTooltip (uitslagen) */

.lotenFirstColumn_norm {
  width: 30%;
  color: #3F3F3F;
  background-color: white;
  font-weight: normal;
}

.lotenFirstColumn_over {
  width: 30%;
  color: white;
  background-color: red;
  font-weight: bold;
}

.lotenSecondColumn_norm {
  width: 70%;
  color: black;
  background-color: white;
  font-weight: normal;
}

.lotenSecondColumn_over {
  width: 70%;
  color: white;
  background-color: red;
  font-weight: bold;
}

#ltTooltip {
  position: absolute;
  display: block;
  left: 0px;
  top: 0px;
  width: 317px;
  height: 266px;
  background: url("../img/tooltip_loten.gif");
  visibility: hidden;
  z-index: 345; 
}

#ltTooltipFrame {
  width: 100%;
  height: 100%;
  border: none;
}

#ltTooltipWindow {
  width: 317px;
  height: 266px;
}

.ltTooltipBox {
  margin: 8px 4px 8px 80px;
  padding: 4px 4px 4px 4px; 
}

.ltTooltipHeader {
  font-size:1.2em; 
  font-weight:bold; 
  color:#3F3F3F;
}

.ltTooltipLot { 
  font-size:1.6em; 
  font-weight:bold; 
  color:white; 
  margin-top:2px;
}

.ltTooltipImage {
  margin-top:6px;
}

.ltTooltipMain {
  font-size:1.2em; 
  color:#FF0000; 
  margin-top: 2px;
}

.ltTooltipFooter1 {
  font-size:1.0em; 
  margin-top: 4px
}

.ltTooltipFooter2 {
  font-size:0.9em; 
  margin-top: 2px
}

/* GEWIJZIGD door Bas de Valk op 27 april 2007 */
/* I.v.m. te klein uitvallen van tekst in lists */

div#containerContent ol {
	padding: 0;
	margin: 0;
	margin-left: 2.5em;
}
div#containerContent ul {
	padding: 0;
	margin: 0;
	margin-left: 2.5em;
}
div#containerContent li {
	font: 1.1em/1.4em Verdana, Arial, Helvetica, sans-serif;
}
/* Einde wijziging */

#Aantalloten input {
/* margin-left: 40px;*/
margin-right: 72px;
}

#Aantalloten {
color:white;
padding-left: 40px;
}

#columnMiddle #kiesloten img {
	display: block; 
	float: left;
}

.homepage-banner input {
	padding-left: 5px;
	font: bold 28px Courier New,Courier, monospace; letter-spacing:15px;
}

.homepage-banner #fpPostcode-homepage {
	position: absolute;
	top: 387px;
	left: 239px;
	z-index: 130; 
}

.homepage-banner #fpHuisnr-homepage {
	position: absolute;
	top: 387px;
	left: 454px;
	z-index: 130; 
}

.homepage-banner .btnImg {
	position: absolute;
	top: 375px;
	left: 606px;
	z-index: 130; 
}

.homepage-banner #Postcode-homepage {
	background: transparent url(../img/postcode.gif) no-repeat;
	width: 192px;
	height: 33px;
	border: 0px;
}

.homepage-banner #Huisnr-homepage {
	background: transparent url(../img/huisnummer.gif) no-repeat;
	width: 126px;
	height: 33px;
	border: 0px;
}

.kleinGelukQuote {
  padding-right: 38px;
  padding-left: 38px;
  font-style: italic;
  color: #555;
  background: url('../img/aanhalingsteken_sluiten.gif') no-repeat right bottom;
  padding-bottom: 5px;
  position: relative;
}

.kleinGelukQuote span {
  background: url('../img/aanhalingsteken_open.gif') no-repeat;
  height: 22px;
  width: 29px;
  position: absolute;
  top: 2px;
  left: 3px !important;
  left: -35px;
  left/**/:/**/-35px;
}

#isImageRow img {
	border: 1px solid #CCC;
}
/* CSS voor overlay Mijn Postcode Loterij */
.backgroundGray {
	position: absolute;
	left: 0px;
	top: 0px;
	height: 100%;
	width: 100%;
	filter: alpha(opacity=75);
	opacity: .75;
	color: black;
	layer-background-color: black;
	background-color: black;
	z-index: 97;
}
.backgroundGray2 {
	position: absolute;
	left: 0px;
	top: 0px;
	height: 100%;
	width: 100%;
	z-index: 98;
}
.containerMain {
	width: 966px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
.containerHeader {
	height: 221px;
	margin: 0px; padding: 0px;
}
.containerContent {
	position: relative;
	z-index: 10;
	width: 928px !important;
	width /**/:966px; /* ABMH3 */
	padding: 0px 19px 0px; margin: 0;
}
.columnLeft {
	width: 185px !important; 
	width /**/:192px; /* ABMH3 */ 
	margin: 14px 0px 0px 0px; padding: 0px 7px 0px 0px;
	float: left;
}
.columnMiddle {
	position: relative;
	width: 530px !important;
	width /**/:544px; /* ABMH3 */
	margin: 14px 0px -14px 0px;
	padding: 0px 7px;
	float: left;
}
.columnRight {
	position: relative;
	width: 185px !important;
	width /**/:192px; /* ABMH3 */
	float: left;
	margin: -85px 0px 0px 0px;
	padding: 0px 0px 0px 7px;
}
.imgClose {
	position: absolute;
	left: 512px;
	top: 8px;
	cursor: pointer;
	cursor: hand;
}

/* lotcode opmaak t.b.v. januaricampagne */
.lotcode {
	padding: 0; padding-top: 6px; padding-left: 5px;
	margin: 0; margin-top: 6px; margin-bottom: 8px;
	border: none;
	width: 151px;
	height: 25px;
	background: url(../img/input_bg.gif) no-repeat left;
	font-size: 18px; line-height: 18px;
	color: #EE1C24;
	font-weight: bold;
	letter-spacing: 3px;
}