/* - Concept & Design by Skipintro.nl - */
/* - Css, Html developed by Edwin Nollen - */

/* - Crazy floats in the header otherwise IEPNGFIX gives an error in IE': - */
/* - 'Children of positioned element are unclickable! - */


html {
	overflow: -moz-scrollbars-vertical;
	overflow-x: auto; 
	overflow-Y: scroll;
	}

html, body  {
	height: 100%;
	text-align: center; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	}

*, * focus {
	outline: none;
	margin: 0;
	padding: 0;
}

body { 
	background-color: #000000;
	margin: 0;
	padding: 0;
	background: url(../_img/bg.jpg) top center no-repeat #000000;
	}

.clear { clear: all;}
/* body#welkom { background-image: url(../_img/bg-croupier.jpg); } */
body#faq { background-image: url(../_img/bg-croupier-faq.jpg); }
body#answers { background-image: url(../_img/bg-croupier-faq.jpg); }
	
#page{
	width: 968px;
	margin: 0 auto;
	position: relative;
	text-align: left;
	}

	#welkom #header{ height: 485px; }
	#video #header{ height: 450px; }


	#header_inzet {
		width: 950px;
		margin: 0 auto;
		position: relative;
		}
	#header{
		width: 950px;
		height: 134px;
		margin: 0 auto;
		position: relative;
		}
		#speel {
			margin-left: 29px;
			margin-top: 66px;
			float: left;
			width: 182px;
			height: 90px;
			overflow:hidden;
			z-index: 10000;
			}
			#speel a {
				width: 182px;
				height: 90px;
				display: block;
				background: transparent url(../_img/logo-speel.png) no-repeat;
				behavior:url(iepngfix.htc);
				cursor: pointer;
				}
				#speel a span {
					display: none;
					}
		#logo {
			margin-top: 44px;
			width: 182px;
			height: 90px;
			z-index: 100000;
			
			}
			#logo a {
				width: 191px;
				height: 61px;
				display: block;
				background: transparent url(../_img/logo-holland-casino.png) no-repeat;
				behavior:url(iepngfix.htc);
				cursor: pointer;
				}
				#logo a span {
					display: none;
					}
		#flash {
			position: absolute;
			left: 0px;
			top:95px;
			width: 950px;
			
			}
		#flash p {
			color: #74da8e;
			}
		#inzetpagina {
			position: absolute;
			left: 0px;
			top: 140px;
			width: 950px;
			}
		#categories {
			padding-left: 5px;
			}
		#welkom #page #categories{
			height: 500px;
			}
		

/* - HOME - */
#welkom #header #intro {
	position: relative;
	top: 97px;
	left: 514px;
	width: 392px;
	}

#welkom #header #intro h1 {
	width: 392px;
	height: 41px;
	overflow:hidden;
	float: left;
	background: transparent url(../_img/txt-welkom.png) no-repeat;
	behavior:url(iepngfix.htc);
	margin-bottom: 10px;
	}
	
#welkom #header #intro h1 span {
	display: none;
	}

#welkom #header p {
	width: 387px;
	height: 95px;
	overflow:hidden;
	float: left;
	background: transparent url(../_img/txt-welkom-intro.png) no-repeat;
	behavior:url(iepngfix.htc);
	margin-bottom: 20px;
	
	}
#welkom #header p span,#welkom #header h2 span {
	display: none;
	}

#welkom #header h2.readon {
	background: none;
	width: 185px;
	height: 40px;
	float: left;
	margin-left: 96px;
	}

#welkom #header h2.readon a {
	display: block;
	width: 185px;
	height: 40px;
	overflow:hidden;
	background: transparent url(../_img/btn-begin.png) no-repeat;
	behavior:url(iepngfix.htc);
	cursor: pointer;
	
	}

#welkom #header h2.readon a:hover {
	background-position: 0 -40px;
	}
	
/* - HOME - Categorien - */
.cat, .active {
	width: 316px;
	height: 185px;
	float: left;
	margin-right: 5px;
	margin-bottom: 3px;
	cursor: pointer;
	background-position: top center;
	
	}
	.active {
		cursor: default;
		/*voor extra highlighting */
		/* background-position: 0 -185px; */
		/* punto banco voorbeeld active */
	}
			
	.hollandcasino { background-image: url(../_img/bg-cat-hollandcasino.gif);}
	.roulette  { background-image: url(../_img/bg-cat-roulette.gif);}
	.blackjack  { background-image: url(../_img/bg-cat-blackjack.gif);}
	.speelautomaat { background-image: url(../_img/bg-cat-speelautomaat.gif);}
	.puntobanco  { background-image: url(../_img/bg-cat-puntobanco.gif);}
	.croupier  { background-image: url(../_img/bg-cat-croupier.gif);}

		
	.cat div, .active div {
		margin-top: 4px;
		margin-left: 4px;
		margin-bottom: 0;
		line-height: 0;
		float: left;
		height: 150px;
		width: 308px;
		background-position: 0 -150px;
		}

			
	.hollandcasino div { background-image: url(../_img/cat-hollandcasino.jpg);}
	.roulette div { background-image: url(../_img/cat-roulette.jpg);}
	.blackjack div  { background-image: url(../_img/cat-blackjack.jpg);}
	.speelautomaat div { background-image: url(../_img/cat-speelautomaat.jpg);}
	.puntobanco div { background-image: url(../_img/cat-puntobanco.jpg);}
	.croupier div { background-image: url(../_img/cat-croupier.jpg);}

	.active div {
		background-position: 0 0;

		}

	.cat h3, .active h3{
		text-align: center;
		font-size: 13px;
		height: 27px;
		width: 316px;
		margin-top: 154px;
		overflow: hidden;
		}
		.cat h3 a, .active h3 a {
			color: #fff;
			text-decoration: none;
			height: 27px;
			width: 316px;
			overflow: hidden;
			display: block;
			line-height: 200px;
			background-repeat: no-repeat;
			background-position: top center;
			behavior:url(iepngfix.htc);
			cursor: default;
			}
	
		.welkom h3 a { background-image: url(../_img/cat-welkom-txt.png);}
		.hollandcasino h3 a { background-image: url(../_img/cat-hollandcasino-txt.png);}
		.roulette h3 a { background-image: url(../_img/cat-roulette-txt.png);}
		.blackjack h3 a { background-image: url(../_img/cat-blackjack-txt.png);}
		.speelautomaat h3 a { background-image: url(../_img/cat-speelautomaat-txt.png);}
		.puntobanco h3 a { background-image: url(../_img/cat-puntobanco-txt.png);}
		.croupier h3 a { background-image: url(../_img/cat-croupier-txt.png);}
		.slot h3 a { background-image: url(../_img/cat-slot-txt.png);}

		#categories .active h3 a {
			background-position: 0 -27px !important;
			}
			
/* - BREADCRUM IN FAQ & ANSWERS - */

#content p.breadcrums {
	color: #888888;
	margin: 20px 28px 38px 28px;
	}

#content p.breadcrums a {
	color: #888888;
	}

#content p.breadcrums a:hover {
	color: #fff;
	}
	
#content p.breadcrums span {
	padding: 0 6px;

	text-align: center;
	}
#content p.breadcrums a.off {
	color: #ffffff;
	cursor: default;
	text-decoration: none;
	}
	
/* - FAQ - */

#content {
	float: left;
	width: 594px;
	margin-left: 9px;
	
	behavior:url(iepngfix.htc);
	background-repeat: no-repeat;
	margin-bottom: 20px;
	}

.inzetpagina  {
	width: 950px !important;
	background-image: none !important;
	behavior: none !important;
	margin-bottom: 0 !important;
	background-color: transparent;
	line-height: 0;
	}
#content h1 {
		font-size: 14px;
		line-height: 18px;
		color: #fff;
		font-family: arial;
		margin: 0 21px;
		height: 40px;
		background:transparent url(../_img/bg-content-h1.png) no-repeat;
		behavior:url(iepngfix.htc);
		margin-top: 12px;
		margin-bottom: 12px;
		}	
		
		#content h1 span {
			display: none;
			}

#content p {
	color: #ffffff;
	font-size: 11px;
	font-family: verdana, arial;
	margin: 28px;
	}

#faq #content ul {margin-bottom: 190px;}

#content ul {
	border-top: solid 1px #666666;   
	border-bottom: solid 1px #888888;
	color: #f2f0e4;
	font-size: 13px;
	font-family: verdana, arial;
	margin: 0 28px;
	list-style-type: none;
	margin-bottom: 50px;
	}

#content li {
	border-top: solid 1px #666666;   
	border-bottom: solid 1px #888888;
	color: #f2f0e4;
	list-style-type: none;
	}

#content li a {
	color: #f2f0e4;
	padding: 6px 10px;
	display: block;
	text-decoration: none;
	background-image:url(../_img/bg-faq-content-li.gif);
	background-repeat: no-repeat;
	background-position: 513px 10px;
	}

#content li a:hover {
	background-color: #1e1e20;
	}
	
#content #contentFooter {
	width: 594px;
	height: 20px;
	background-image: url(../_img/bg-faq-content-bottom.png);
	behavior:url(iepngfix.htc);
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: bottom left;
	position: relative;
	bottom: -20px;
	display:none;
	}
	
/* - ANSWERS - */

#accordion {
	border-top: solid 1px #1e1e20;   
	border-bottom: solid 1px #1e1e20;
	color: #f2f0e4;
	font-size: 11px;
	font-family: verdana, arial;
	margin: 0 28px;
	margin-bottom: 50px;
	}

#accordion a {
	border-top: solid 1px #333333;   
	border-bottom: solid 1px #1e1e20;
	background: #1e1e20 url(../_img/bg-answers-toggle_container-h2.gif) no-repeat 513px 11px;
	font-size: 11px;
	font-weight: normal;
	font-family: verdana;
	color: #c1c1c1;
	text-decoration: none;
	display: block;
	padding: 7px 10px 8px 10px;
	}

#accordion a:hover {
	color: #ffffff;
	background-color: #1e1e20;
	}

#accordion .selected {
	background-color: #1e1e20;

	border-bottom: solid 1px #444444;
	background-position: 513px -24px;
	}

#accordion a.selected:hover {
	background-color: #1e1e20;
	}

#accordion div {
	padding: 0;
	overflow: hidden;
	clear: both;
	margin: 0;
	padding: 0;
	width: 538px;
	background: #1e1e20 ;
	}

#accordion div p{
	padding: 10px 18px 14px 18px;
	margin: 0;
	line-height: 18px;
	}

#accordion div ul, #accordion div ul li {
	border-width: 0;
	
	line-height: 18px;
	font-size: 11px;
	}
	
#content #accordion div ul {
	margin-bottom: 18px;
	}

#content #accordion div ul li {
	margin-left: 18px;
	list-style-type: disc;
	}

#content #accordion div a {
	color: #c1c1c1;
	padding: 0;
	background-color: transparent;
	text-decoration: underline;
	margin:0;
	display: inline;
	border-width: 0;
	}

#content #accordion div a:hover {
	color: #ffffff;
	background-color: transparent;
}


/* - ASK - */

#ask {
	margin-right: 9px;
	float: right;
	width:345px;
	height: 535px;
	background:transparent url(../_img/bg-ask.png) no-repeat;
	behavior:url(iepngfix.htc);
	}

	#ask h1 {
		font-size: 14px;
		line-height: 18px;
		color: #a9ead6;
		font-family: arial;
		margin: 0 21px;
		height: 40px;
		width: 253px;
		background:transparent url(../_img/bg-ask-h1.png) no-repeat;
		behavior:url(iepngfix.htc);
		margin-top: 12px;
		margin-bottom: 12px;
		}	
		
		#ask h1 span {
			display: none;
			}
			
	#ask p {
		font-size: 13px;
		line-height: 18px;
		color: #ffffff;
		margin: 0 21px;
		}
		
	#ask .form {
		background: transparent url(../_img/bg-form.gif) no-repeat;
		background-position: bottom center;
		}
		
	#ask .askingfrm {
		background: transparent url(../_img/bg-form-top.gif) no-repeat;		
		width: 303px;
		top: 123px;
		left: 21px;
		font-size: 11px;
		color: #ffffff;
		font-family: verdana, arial;
		padding-top: 24px;
		margin: 20px 21px;
		padding-bottom: 20px;
		}
		
		#ask .askingfrm label {
			display: block;
			margin: 14px 28px 7px 28px;
			}
		
		#ask .askingfrm .input, #ask .askingfrm .textarea, #ask .askingfrm select {
			border: solid 1px #000000;
			width: 241px;
			margin-left: 26px;
			font-size: 11px;
			color: #ffffff;
			font-family: verdana, arial;
			background: #000000 url(../_img/bg-form-input.gif) repeat-x;
			padding: 3px 0 5px 5px;
			}
			
		#ask .askingfrm select {
			padding: 3px 5px 5px 5px;
			width: 246px;
			}	
			
		#ask .askingfrm a.submit {
			width: 115px;
			height: 25px;
			margin-top: 17px;
			margin-left: 24px;
			display: block;
			background: transparent url(../_img/bg-form-submit.gif) repeat-x;
			}

		#ask .askingfrm a.submit:hover {
			background-position: 0 -40px;
			}

		#ask .askingfrm .submit span {
			display: none;
			}

    #ask .askingfrm .focusField{
		border: solid 1px #1e1e20;
    }
    #ask .askingfrm .idleField{
		border: solid 1px #1e1e20;		
    }	
    
    #ask .error {
    	width: 303px;
    	left: 21px;
    	margin-top: -30px;
    	background-color: #000000;
    	/*display: none;*/
    	}
		#ask .error p {
			padding: 4px 6px 6px 6px;
			font-size: 11px;
			line-height: 14px;
			margin: 0px;
			}
    
/* - INFO - */
#info {
	clear: all;
	margin: 7px 9px 0 9px;
	border-top: solid 1px #031c15;
	float: left;
	height: 170px;
	width: 950px;
	text-align: center;
	color: #87cfb8;
	font-size: 11px;
	}
		
#info .hr {
	border-top: solid 3px #ffc312;
	padding-bottom: 10px;
	}

#info .box {
	float: left;
	text-align: left;
	width: 470px;
	height: 187px;
	background: transparent url(../_img/bg-info.png) no-repeat;
	behavior:url(iepngfix.htc);
	}
	
#info .box1 {
	float: left;
	text-align: left;
	width: 470px;
	height: 187px;
	background: transparent url(../_img/bg-info1.png) no-repeat;
	behavior:url(iepngfix.htc);
	}
	
#info .box2 {
	float: left;
	text-align: left;
	width: 470px;
	height: 187px;
	background: transparent url(../_img/bg-info2.png) no-repeat;
	behavior:url(iepngfix.htc);
	}
	
#info #boxBets{
	float: right;	
	}
#info .hr hr {
	display: none;
	}	

#info .box h2 {
	color: #fff;
	font-size: 14px;
	margin-left: 60px;
	margin-top: 22px;
	}
	
#info .box p {
	margin: 14px 20px;
	line-height: 18px;
	color: #fff;
	}
	
#info p.readon {
	}
	
#info p.readon a {
	display: block;
	height: 40px;
	width: 185px;
	margin-left: 370px;
	background: transparent url(../_img/btn-verder.png) no-repeat;
	behavior:url(iepngfix.htc);
	overflow: hidden;
	line-height: 999px;
	margin-top: 132px;
	cursor: pointer;
	}
	
#info p.readon a:hover {
	background-position: 0 -40px;
	}
	
#info p a:hover {
	color: #fff;
	}
	
/* - FOOTER - */

#footer  {
	clear: ;
	margin: 20px 9px 0 9px;
	border-top: solid 0px #ffffff;
	float: left;
	height: 100px;
	width: 950px;
	text-align: center;
	color: #444444;
	font-size: 11px;
	}
		
#footer .hr {
	border-top: solid 3px #ffc312;
	padding-bottom: 20px;
	}
		
#footer .hr hr {
	display: none;
}	
	
#footer a {
	font-family: arial;
	color: #444444;
	text-decoration: none;
	font-weight: bold;
	margin: 0 6px;
}
	
#footer a:hover {
	color: #ffffff;
}