/*
 * Main colors:
 * - Almost Black: #050505;
 * - Casino Red: #151
 * - Casino Green: #151
 * - Gold: #FA0
 */


/* Elements
------------------------------*/
body {
    background: #000 url('bg.jpg') no-repeat center top;
    padding: 0;
    margin: 0;
    font-family: Georgia,"Times New Roman",Times,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.5em;
    color: #FDC649;
}

p {
    margin-bottom: 1em;
}

hr {
    color: #005DAB;
}

/* Links */
a {
    text-decoration: none;
    color: #005DAC;
}
a:hover {
    text-decoration: underline;
}

/* Headers */
h1 {
    display: block;
    text-align: center;
    color: #FFAA00;
    font-size: 22px;
    font-weight: normal;
    line-height: 1.5em;
    margin-bottom: 0.2em;
    margin-top: -10px;
}
h2 {
    color: #EE9900;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.16em;
    margin-bottom: 0.2em;
}
h3 {
    color: #005DAB;
    font-size: 18px;
    font-weight: bold;
    padding: 0.2em 0.2em 0.2em 0;
    line-height: 1.167em;
    margin-bottom: 0.2em;
}
h4 {
    color: #005DAB;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.5em;
    margin:0 0 0.428em 0;
}

/* Lists */
ul {
    list-style-type: disc;
    margin: 0 0 0 5px;
    padding: 0 1em;
}
ol {
    padding: 0 1em;
    margin-left: 5px;
    list-style-image: none;
    list-style-type: decimal;
}

/* Table */
table tbody {
	font-family: Verdana;
	font-size: 12px;
	line-height: 1.5em;
	color: #888;
	text-align: left;
}
table thead {
        font-weight: bold;
	padding: 2px;
	font-size: 12px;
	border-top: 1px solid #005DAB;
	border-bottom: 1px solid #005DAB;
}
th {
	font-weight: bold;
	padding: 2px;
	border-top: 1px solid #005DAB;
	border-bottom: 1px solid #005DAB;
}
td {
    margin: 0;
    padding: 0;
}

/* Structure of the page
------------------------------*/
#sitebl {
    background: transparent url("glow_l.png") left repeat-y;
    padding-left: 16px;
    overflow: hidden;
    margin: 126px auto 0 auto;
    width: 884px;
}
#sitebr {
    background: transparent url("glow_r.png") right repeat-y;					  
    width: 868px;
    padding-right: 16px;
    padding-top: 33px;
    overflow: hidden;
}
#header {
    width: 100%;
    height: 125px;
    text-align: center;
    overflow: hidden;
    background: #511 url("header_bg.png") right repeat;
    border-bottom: 2px solid #FC3;
    position: absolute;
    top: 0;
    left: 0;
}
#navigation {
    width: 100%;
    height: 33px;
    overflow: visible;
    border-top: 2px solid #A71;
    position: absolute;
    top: 127px;
    left: 0;
}

#colrightbg, #colmidbg, #colleftbg {
    float: left;
    width: 100%;
    position: relative;
    background-color: transparent;
}
#colrightbg {
    clear: both;
    overflow: hidden;
    background: #0B0B0B url("main_bg.jpg") top center repeat-x;
}
#colmidbg {
    right: 25%;
}
#colleftbg {
    right: 50%;
}

#col1, #col2, #col3 {
    float: left;
    position: relative;
    padding: 3px 0 0 0;
    overflow: hidden;
    min-height: 450px;
}
#col1 {
    width: 438px;			/* Midden, note Col1 wordt eerst gezien door search engines */
    left: 861px;			/* .75*sitewidth + col2_width + margin */
    padding: 5px;
    
}
#col2 {
    width: 210px;			/* Links */
    left: 203px;			/* .75*sitewidth-col1_width */
}
#col3 {
    width: 210px;			/* Rechts */
    left: 651px;			/* col1_left - col3_width + margin */
    line-height: 1.4em;
}

#footer {
    clear: both;
    width: 100%;
    font-size: 10px;
    background: #111 url("shadow_t.png") top repeat-x;
    border-top: 1px solid #FC3;
    border-bottom: 1px solid #FC3;
}

/* Header
------------------------------*/
#header img {
    margin: 0 auto 0 auto;
    position: relative;
    z-index: 99;
}
#header_slides{
    position: relative;
    width: 884px;
    height: 125px;
    margin: -125px auto;
    top: 0;
    z-index: 98;
}

/* Navigation bar
------------------------------*/
#navcontainer {
    margin: 0 auto 0 auto;
    width: 932px;
    background-color: #FA0;
}
#nav_content, #nav_left, #nav_right {
    float: left;
    height: 32px;
}
#nav_content {
    width: 868px;
    border-bottom: 1px solid #111;
    background: #FC3 url("nav_bg.png") top repeat-x;
}

/*** ESSENTIAL STYLES ***/
#nav_content ul, #nav_content ul * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
#nav_content ul {
	line-height:	1.0;
}
#nav_content ul ul {
	position:		absolute;
	top:			-999em;
	width:			13em; /* left offset of submenus need to match (see below) */
}
#nav_content ul ul li {
	width:			100%;
}
#nav_content ul li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
#nav_content ul li {
	float:			left;
	position:		relative;
}
#nav_content ul a {
	display:		block;
	position:		relative;
}
#nav_content ul li:hover ul,
#nav_content ul li.sfHover ul {
	left:			0;
	top:			32px; /* match top ul list item height */
	z-index:		99;
}
#nav_content ul li:hover li ul,
#nav_content ul li.sfHover li ul {
	top:			-999em;
}
#nav_content ul li li:hover ul,
#nav_content ul li li.sfHover ul {
	left:			13em; /* match ul width */
	top:			0;
}
#nav_content ul li li:hover li ul,
#nav_content ul li li.sfHover li ul {
	top:			-999em;
}
#nav_content ul li li li:hover ul,
#nav_content ul li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** SKIN ***/
#nav_content ul {
	float:			left;
	font-size: 14px;
	line-height: 26px;
	
}
#nav_content ul a {
	height: 27px;
	margin: 		2px 8px 2px 2px;
	background:		transparent url("bullet_yellow.png") center left no-repeat;
	padding-left: 18px;
	text-decoration:none;
}
#nav_content ul .b_clubs {
    background:		transparent url("bullet_clubs.png") center left no-repeat;
}
#nav_content ul .b_hearts {
    background:		transparent url("bullet_hearts.png") center left no-repeat;
}
#nav_content ul .b_spades {
    background:		transparent url("bullet_spades.png") center left no-repeat;
}
#nav_content ul .b_diamonds {
    background:		transparent url("bullet_diamonds.png") center left no-repeat;
}


#nav_content ul li li a {
    background-image: none;
    padding-left: 4px;
}
#nav_content ul a, #nav_content ul a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#111;
}
#nav_content ul li {
	background:		#FC3 url("nav_bg.png") top repeat-x;
	font-variant: small-caps;

}
#nav_content ul li li {
	background:		#FC3;
	border-right-style: none;
	font-variant: normal;
	border-top: 1px solid #FFE036;
	border-bottom: 1px solid #A71;
}
#nav_content ul li li li {
	background:		#FC3;
}
#nav_content ul li:hover, #nav_content ul li.sfHover {
    background:		#FE6 url("nav_bg_over.png") top repeat-x;
}
#nav_content ul li li.sfHover, #nav_content ul li li:hover,
#nav_content ul li li a:focus, #nav_content ul li li a:hover, #nav_content ul li li a:active {
	background:		#FE6 ; 
	background-image: none ;
	outline:		0;
}


/*** arrows **/
#nav_content ul a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
#nav_content ul ul .sf-sub-indicator { background-position:  -10px 0; }
#nav_content ul ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
#nav_content ul ul a:focus > .sf-sub-indicator,
#nav_content ul ul a:hover > .sf-sub-indicator,
#nav_content ul ul a:active > .sf-sub-indicator,
#nav_content ul ul li:hover > a > .sf-sub-indicator,
#nav_content ul ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}


#nav_left {
    width: 32px;
    background: transparent url("nav_left.png") top left no-repeat;
}
#nav_right {
    width: 32px;
    background: transparent url("nav_right.png") top right no-repeat;
}

/* Footer
------------------------------*/
#footer_links {
    overflow: hidden;
    margin: 16px auto 0 auto;
    border-left: 1px solid #222;
    border-right: 1px solid #000;
    width: 880px;
}
#footer_links .footer_col {
    float: left;
    width: 210px;
    padding: 4px;
    margin: 0;
    height: 130px;
    overflow: hidden;
    color: #888;
    border-left: 1px solid #000;
    border-right: 1px solid #222;
}
#footer_links .footer_col h2 {
    color: #999;
    margin: 0px 0px 4px 0px;
}
#footer_links .footer_col a {
    color: #888;
}
#footer_links .footer_col a:hover {
    color: #999;
    text-decoration: none;
}

/* Content
------------------------------*/
#col1 ul {
    margin-bottom: 1em;
    margin-left: 2em;
    list-style-type: circle;
}

/* Simple modal
------------------------------*/
#simplemodal-overlay {background-color:#000;}
#simplemodal-container {background-color:#333; border:8px solid #444; padding:12px;}


/* Buttons
------------------------------*/
.ad_button {
    width: 204px;
    height: 150px;
    border: 3px double #111;
    background: transparent url("header_bg.png") top left repeat;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}
.ad_button:hover {
    color: #000;
    border: 3px double #FA0;
    background-color: #A90;
}
.ad_button div.btntitle {
    width: 100%;
    float: left;
    font-size: 14px;
    height: 20px;
    font-weight: bold;
    text-align: center;
    color: #FA0;
    background-color: #111;
    position: absolute;
    bottom: 0;
}

#showvid {
    background: transparent url("movie_preview.jpg") top left no-repeat;
}
#verhuur_btn {
    background: transparent url("verhuur_casino_materiaal.jpg") top left no-repeat;
}
#arrangementen_btn {
    background: transparent url("casino_arrangementen.jpg") top left no-repeat;
}

/* Forms
------------------------------*/
.frm-bldr td {
    padding-right: 10px;
    padding-bottom: 10px;
    vertical-align: top;
}
.frm-bldr td:first-child label:after, .frm-bldr tr td span.false_label:after {
    content: ":"
}

/* Classes
------------------------------*/
.stext {
    font-size: 0.8em;
}
.ltext {
    font-size: 1.2em;
}