/* CSS Document */

/* REGULAR COMMANDS */
html{ height: 100%;}
body{ height: 100%; min-height: 100%; margin:0px; padding:0px; color:#484848; font-size:0.8em; font-family:Arial, Verdana, Helvetica, sans-serif; text-decoration:none; background:url(../images/bg.jpg) fixed repeat-x bottom #18a7d2;}
body a{ text-decoration:none; color:#0082d1; font-weight:bold;}
body a:hover{ text-decoration:underline; color:#0082d1; font-weight:bold;}

.clear{clear:both;} .clear2{clear:both; height:0px;} img{border:0px;} ul, lu{list-style:none;}

/* HOMEPAGE */

#formaanmelden {
	padding:10px;
	border: 1px solid #CCCCCC;
	background-color: #F0F0F0;
}
#formaanmelden2 {
	padding:10px;
	border: 1px solid #cf9300;
	background-color: #e0b800;
}
.title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 19px;
	color: #cf9500;
	line-height: 21px;
}.title2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #cf9500;
	line-height: 14px;
}
.title22 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	line-height: 16px;
}
.title222 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 23px;
	color: #ffffff;
	line-height: 26px;
}
#container{ position:relative; width:978px; margin:0 auto; height:auto !important; height:100%; min-height:100%; background:url(../images/bg_container.jpg) repeat-y;}

#container #top{ position:relative; width:978px; height:312px; background:url(../images/bg_top.jpg) no-repeat; z-index: 4000}
#container #top h1{ position:absolute; width:0px; height:0px; display:hidden; text-indent:-3000px; margin:0px; padding:0px;}
#container #top #mijnmenu{ margin-left:700px; width:278px; padding:48px 0px 0px 0px; color:#FFF;}
#container #top #mijnmenu h3{ margin:0; padding:0; font-size:1.0em;}
#container #top #mijnmenu h3 a{ color:#cf9200; text-decoration:underline;}
#container #top #mijnmenu h3 a:hover{ text-decoration:normal;}
#container #top #mijnmenu ul{ display:block; width:136px; padding:15px 0px 0px 0px; margin:0px; float:left; font-family:arial; font-size:0.85em;}
#container #top #mijnmenu ul.first li{ line-height:25px;}
#container #top #mijnmenu ul.first li.leven{ background:url(../images/hart.gif) no-repeat left; padding-left:28px;}
#container #top #mijnmenu ul.first li.leven span{ font-weight:bold;}
#container #top #mijnmenu ul.first li.bericht{ background:url(../images/envelop.gif) no-repeat left; padding-left:28px;}
#container #top #mijnmenu ul.first li.bericht a{color:#ffd800; text-decoration:underline; font-weight:bold;}
#container #top #mijnmenu ul.first li.aandeel{ background:url(../images/stati.gif) no-repeat left; padding-left:28px;}
#container #top #mijnmenu ul.first li.aandeel span{ font-weight:bold;}
#container #top #mijnmenu ul.first li.cash{ background:url(../images/cash.gif) no-repeat left; padding-left:28px;}
#container #top #mijnmenu ul.first li.bank{ background:url(../images/bank.gif) no-repeat left; padding-left:28px;}
#container #top #mijnmenu ul.first li.call{ background:url(../images/mobiel.gif) no-repeat left; padding-left:28px;}
#container #top #mijnmenu ul.first li.call span{ font-weight:bold; color:#4fd9ff;}
#container #top #mijnmenu ul.second { padding-top:18px;}
#container #top #mijnmenu ul.second li{ line-height:16px;}
#container #top #mijnmenu ul.second li a{ font-weight:normal; color:#FFF;}

#container #top p.server{ position:absolute; top:249px; right:0px; display:block; margin:0px; padding:0px; font-size:0.9em;}
#container #top p.server strong{ font-weight:bold;}

#container #top #menu { position:absolute; display:block; top:275px; z-index: 3000}
#container #top #menu ul {list-style:none; margin:0px; padding:0px 0px 0px 4px; float:left;}
#container #top #menu ul li{display:block; float:left;}
#container #top #menu ul li a{ float:left; display:block; cursor: pointer; cursor: hand; font-weight:bold; color:#000; height:33px; background:url(../images/bg_li.jpg) no-repeat right; padding-right:2px;}
#container #top #menu ul li.first a:hover{ background:url(../images/bg_lifirst.jpg) no-repeat left;}
#container #top #menu ul li a.last{ background:none;}
#container #top #menu ul li a:hover{ background:url(../images/bg_liover.jpg) no-repeat right; font-weight:bold; text-decoration:none; color:#fff; }
#container #top #menu ul li a span{ float:left; display:block; cursor: pointer; cursor: hand; padding:7px 24px 0px 24px; display:block; height:26px; }
#container #top #menu ul li a:hover span{ background:url(../images/bg_span.jpg) no-repeat top; }
#container #top #menu ul li.last a{ background:none;}
#container #top #menu ul li.last a:hover{ background:url(../images/bg_liover.jpg) no-repeat right; font-weight:bold; text-decoration:none; color:#fff; }

#container #top #rightmenu { position:absolute; display:block; top:275px; right:0px;}
#container #top #rightmenu ul{ margin:0px; padding:0px 4px 0px 0px; list-style:none; }
#container #top #rightmenu ul li{ float:left; display:block;}
#container #top #rightmenu ul li a{ float:left; display:block; color:#FFF; font-size:0.9em; padding:9px 16px 0px 16px; height:24px;}
#container #top #rightmenu ul li a:hover{ background:url(../images/bg_liover.jpg) no-repeat; text-decoration:none;}
#container #top #rightmenu ul li.last a:hover{ background:url(../images/bg_liright.jpg) no-repeat right;}

#container #content {width:976px; padding:0px 0px 100px 2px; position:relative;}
#container #content .banners{width:972px; height:65px; padding:6px 0px 0px 0px; border:1px solid #063b67; background:#12436c;}
#container #content .banners ul{list-style:none; margin:0px; padding:0px; text-align:center;}
#container #content .banners ul li{display:inline; margin-right:12px;}
#container #content .banners ul li.last{margin-right:0px;}
#container #content .banners ul a:hover img{width:120px; height:60px; filter:alpha(opacity=60); opacity:0.6;}

/* placeholder for usermenu...small space */
#container #content .usermenuspace{width:972px; height:5px; margin-top:2px; overflow:hidden;}

#container #content .usermenu{width:972px; height:169px; background:url(../images/bg_usermenu.jpg) no-repeat; margin-top:2px; overflow:hidden;}
#container #content .usermenu .categorie {position:relative; background:url(../images/bg_ulusermenu.jpg) no-repeat right; height:10px; padding:4px 10px 0px 0px; float:left;}
#container #content .usermenu .categorie h3{color:#476282;font-size:1.2em; font-weight:bold; margin:0px; padding:0px 0px 8px 24px;}
#container #content .usermenu .categorie h3.behind{position:absolute; top:10px; left:18px; color:#071f41; padding:0px;}
#container #content .usermenu .categorie ul{ position:relative; list-style:none; margin:0px; padding:0px 0px 0px 7px;}
#container #content .usermenu .categorie ul li{ float:left; display:block; position:relative;}
#container #content .usermenu .categorie ul li a{ padding:3px 0px 0px 11px;  height:18px; float:left; display:block; font-size:0.85em; color:#FFF; font-family:arial; font-weight:normal;}
#container #content .usermenu .categorie ul li a:hover{ text-decoration:none; border-bottom:dashed 1px #0d2c57; background:url(../images/bg_liover.gif) no-repeat left; height:17px;}

#container #content .usermenu .categorie ul.algemeen{width:153px;}
#container #content .usermenu .categorie ul.algemeen li a{width:64px;}
#container #content .usermenu .categorie ul.call{width:93px;}
#container #content .usermenu .categorie ul.call li a{width:81px;}
#container #content .usermenu .categorie ul.promo{width:96px;}
#container #content .usermenu .categorie ul.promo li a{width:84px;}
#container #content .usermenu .categorie ul.locaties{width:138px;}
#container #content .usermenu .categorie ul.locaties li a{width:56px;}
#container #content .usermenu .categorie ul.casino{width:90px;}
#container #content .usermenu .categorie ul.casino li a{width:78px;}
#container #content .usermenu .categorie ul.overige{width:89px;}
#container #content .usermenu .categorie ul.overige li a{width:78px;}
#container #content .usermenu .categorie ul.families{width:194px;}
#container #content .usermenu .categorie ul.families li a{width:72px;}
#container #content .usermenu .categorie ul.families li.big a{width:100px;}
#container #content .usermenu .nopic {background:none;}

#container #content #left{ float:left; background:url(../images/bg_content.jpg) no-repeat; width:608px; line-height:18px; padding:16px 15px 0px 15px;}
#container #content #left strong{ color:#cf9200; font-weight:bold;}
#container #content #left p{ margin:0px; padding:0px 0px 18px 0px;}
#container #content #left h2{ margin:0px; padding:0px 0px 18px 0px; color:#071f41; font-weight:bold; font-size:2.0em;}

#container #content #right{ float:right; width:334px; padding:0px 2px 0px 0px;}
#container #content #right a.geen{ color:#FFF; font-family:arial; font-size:0.9em; width:300px; height:38px; padding:5px 17px 0px 17px; background:url(../images/bg_geen.jpg) no-repeat; overflow:hidden; display:block;}
#container #content #right a.geen strong{ color:#000; font-weight:bold;}
#container #content #right a.geen em{ color:#FFF; font-weight:bold; text-decoration:underline; font-style:normal;}
#container #content #right a.geen span{ color:#000; font-weight:bold; text-decoration:underline;}
#container #content #right a:hover.geen{ text-decoration:none;}

#container #content #right .nieuws{ width:334px; background:url(../images/bg_laatstebottom.jpg) no-repeat bottom; overflow:hidden;}
#container #content #right .nieuws h3{ margin:0px; padding:10px 0px 0px 16px; width:318px; height:32px; background:url(../images/bg_laatste.jpg) no-repeat; display:block; font-size:1.4em; color:#3d2b06; font-weight:bold;}
#container #content #right .nieuws ul{ font-size:0.9em; margin:0px; padding:0px 0px 6px 8px; list-style:none;}
#container #content #right .nieuws ul li{ width:305px; height:21px; padding:4px 0px 0px 13px; background:url(../images/bg_nieuws.jpg) no-repeat; display:block; margin:2px 0px 2px 0px;}
#container #content #right .nieuws ul li.top{ color:#FFF; font-weight:bold; width:305px; height:24px; background:url(../images/bg_oranje.jpg) no-repeat; margin-bottom:0px;}
#container #content #right .nieuws ul li a{ color:#3d2b06; text-decoration:none; font-weight:normal; cursor: pointer; cursor: hand;}
#container #content #right .nieuws ul li span {width:66px; display:block; float:left;}

#container #footer{ z-index:1; background:url(../images/bg_bottom.jpg) no-repeat; font-size:0.85em; width:918px; height:50px; padding:50px 30px 0px 30px; overflow: block; position:absolute; bottom: 0; }
#container #footer p{ float:left; width:300px; margin:0px; padding:0px; color:#FFF;}
#container #footer ul{ z-index:1; float:right; margin:0px; padding:0px; height:20px;}
#container #footer ul li{ float:left; display:block; height:20px;}
#container #footer ul li a{ color:#FFF; background:url(../images/bg_footerli.jpg) no-repeat right; padding:0px 14px 0px 12px;}
#container #footer ul li.last a{ color:#FFF; background:none; padding:0px 0px 0px 14px;}



#container #top #menu ul li{display:block; float:left;}
#container #top #menu ul li a{ float:left; display:block; cursor: pointer; cursor: hand; font-weight:bold; color:#000; height:33px; background:url(../images/bg_li.jpg) no-repeat right; padding-right:2px;}
#container #top #menu ul li.first a:hover{ background:url(../images/bg_lifirst.jpg) no-repeat left;}
#container #top #menu ul li a.last{ background:none;}
#container #top #menu ul li a:hover{ background:url(../images/bg_liover.jpg) no-repeat right; font-weight:bold; text-decoration:none; color:#fff; }
#container #top #menu ul li a span{ float:left; display:block; cursor: pointer; cursor: hand; padding:7px 24px 0px 24px; display:block; height:26px; }
#container #top #menu ul li a:hover span{ background:url(../images/bg_span.jpg) no-repeat top; }
#container #top #menu ul li.last a{ background:none;}
#container #top #menu ul li.last a:hover{ background:url(../images/bg_liover.jpg) no-repeat right; font-weight:bold; text-decoration:none; color:#fff; }


/*Drop-down menu*/
#nav2 {white-space:nowrap /*IE hack*/; float:left; width:900px; border:none; position: absolute; top: 275px; display: block;} /*Color navigation bar normal mode*/
#nav2 ul {list-style-type:none; list-style:none; margin:0px; padding:0px 0px 0px 4px; float:left;display: block; z-index: 3}
#nav2 ul li {float:left; z-index:auto !important /*Non-IE6*/; z-index:4 /*IE6*/; /*border-right:solid 1px rgb(14,49,91); */; display: block }
#nav2 ul li a {float:none !important /*Non-IE6*/; float:left /*IE-6*/; display:block; height:2.8em; line-height:2.8em; padding:0 16px 0 16px; text-decoration:none; font-weight:bold; color: rgb(0,0,0);}
#nav2 ul li ul {display:none; border:none;}

/*Non-IE6 hovering*/

#nav2 ul li:hover {position:relative;} /*Sylvain IE hack*/
#nav2 ul li:hover a {color:#FFFFFF;} /*Color main cells hovering mode*/
#nav2 ul li:hover ul {display:block; width:10.0em; position:absolute; z-index:5; top:2.7em; margin-top:0.1em; left:0; text-indent: 0;}
#nav2 ul li:hover ul li a {white-space:normal; display:block; width:10.0em; z-index:6; height:auto; line-height:1.3em; margin-left:-1px; padding:4px 16px 4px 16px; border-left:solid 1px rgb(14,49,91); border-bottom: solid 1px rgb(14,49,91); background-color:rgb(6,97,141); font-weight:normal; color:rgb(255,255,255); } /*Color subcells normal mode*/
#nav2 ul li:hover ul li a:hover {background-color:rgb(14,170,211); text-decoration:none; z-index:7;} /*Color subcells hovering mode*/