/*kleuren
donkergrijs - 2b2b2b
*/
.tooltip {
	position:relative;
	left:0px; /*Moves it to the right beside the question mark*/
	top:-6px;
	display:none;

}
.input2 {width:100%;font-size: 12px;background:#fff none;border:0px solid #4d4d4d;text-indent:0px;color:#000;padding:-2px 0 0 0;margin:-2px -8px -2px -2px;font: arial;}
body#outgame #container  {background: #fff url('../grfx/outgame/container_bg.gif') bottom left no-repeat;width:960px;}
body#outgame #container #header {position:relative;width:960px;height:246px;background: #fff url('../grfx/outgame/header.gif') bottom left no-repeat}
body#outgame #container #header ul#nav {list-style-type:none;width:188px;position:absolute;margin:40px 0 0 3px;}
body#outgame #container #header ul#nav li {margin:0 0 2px 0;}
body#outgame #container #header ul#nav li a {display:block;line-height:28px;width:173px;padding:0 0 0 15px;height:28px;background: transparent url('../grfx/outgame/navbtn_bg.gif') top left no-repeat;text-decoration:none;}

body#outgame #container #content {position:relative;top:-30px;left:5px;min-height:375px;_height:375px;width:900px;margin:0 auto;}
body#outgame #container #content #waarvoor-speel-je {margin-top:0;margin-bottom:80px;}
body#outgame #container #content #het-verhaal {width:893px;left:-5px;}
body#outgame #container #content #het-verhaal p {padding:0 0 10px 0;}
body#outgame #container #content #left {position:relative;float:left;}
body#outgame #container #content #left .kader {width:325px;margin:0 0 40px 0;}
body#outgame #container #content #left .kader h1 {width:327px;background: transparent url('../grfx/outgame/h1_bg_left.gif') top left no-repeat}
body#outgame #container #content #left .kader h1#speler-login {background: transparent url('../grfx/outgame/h1_bg_left_speler_login.gif') top left no-repeat; text-indent:-999px;}


body#outgame table.formulier {background: transparent none;border:none;position:relative;}
body#outgame table.formulier td {border:0;position:relative;}
body#outgame table.formulier label {display:block;color:#fff;font-size:12px;}
body#outgame table.formulier input {width:175px;height:17px;background:#242424 none;border:1px solid #4d4d4d;text-indent:3px;color:#fff;padding:3px 0 0 0;}
body#outgame table.formulier input.submit {display:block;width:auto;height:24px;line-height:12px;text-decoration:none;color:#000;background:#fff url('../grfx/navlink_bg.gif') bottom left repeat-x;border:1px solid #d30054;margin:10px 0 0 0;cursor:pointer;padding:0 10px 0 10px; .margin-left:3px;}
body#outgame table.formulier input.submit:hover {background-image: url('../grfx/navlink_bg_active.gif');}
body#outgame a.forgot-password {display:inline-block;margin:10px 0 10px 10px;color:#fff;}
body#outgame table.formulier input.check {width:20px;border:0;background:transparent none;position:absolute;left:100px;margin:-10px 0 0 -10px; .margin:0 0 0 -18px;}
body#outgame table.formulier label.akkoord {text-align:left;}
body#outgame table.formulier label.akkoord a {color:#fff;}
body#outgame table.formulier input.submit-nu-aanmelden {display:block;width:283px;height:54px;line-height:12px;text-decoration:none;color:#000;background:#fff url('../grfx/outgame/nu_aanmelden.gif') bottom left repeat-x;margin:10px 0 30px 0;cursor:pointer;padding:0 10px 0 10px; .margin-left:3px;left:-70px;position:relative;border:0;}
body#outgame .big {font-size:12px;}
body#outgame a.nu-aanmelden {display:block;width:283px;height:54px;line-height:12px;text-decoration:none;overflow:hidden;text-indent:-999px;background:#fff url('../grfx/outgame/registreren.gif') bottom left repeat-x;position:relative;border:0;margin:20px auto 20px auto;}

body#outgame #container #content #right {position:relative;float:left;left:30px;}
body#outgame #container #content #right .kader {width:513px;margin:0 0 40px 0;}
body#outgame #container #content #right .kader h1 {width:527px;}
body#outgame #container #content #right .kader h1#waarvoor {background: transparent url('../grfx/outgame/h1_bg_right_waarvoor.gif') top left no-repeat; text-indent:-999px;}
body#outgame #container #content .kader {margin:0;width:523px;}
body#outgame #container #content .kader h1#registreer2 {width:527px;background: transparent url('../grfx/outgame/h1_bg_registreer.gif') top left no-repeat; text-indent:-999px;}
body#outgame #container #content .kader h1#verhaal {width:895px;background: transparent url('../grfx/outgame/h1_bg_verhaal.gif') top left no-repeat; text-indent:-999px;}
body#outgame #container #content .kader h1#registreer {width:527px;background: transparent url('../grfx/outgame/h1_bg_left_registreer.gif') top left no-repeat; text-indent:-999px;}
body#outgame #container #content .smal {width:325px;}
body#outgame #container #content #registreren {display:none;}
/* algemeen */
* {	margin: 0;padding:0; }
html, 
body { height: 100%; }

/*html {background:#2b2b2b url('../grfx/bg.png') top left;}*/
html {background:#000000;}
body {font-family: arial, verdana; font-size: 11px;background:transparent url('../grfx/container_bg.gif') top center repeat-y;}
#container { min-height: 100%; height: auto !important; height: 100%;width:962px;.width:961px;margin:0 auto -25px; background:transparent url('../grfx/container_bg.gif') top center repeat-y;}
.footer, .push {height: 25px; }

/* footer */
.footer {position:relative;background:#b8b1a7 url('../grfx/footer_bg.gif') top left repeat-x;width:959px;margin:0 auto;}
.footer p {position:relative;line-height:25px;padding:0 20px;text-align:center;}

.clear { clear: both; }
a { text-decoration: underline; color:#5b0909;  } 
a:hover { text-decoration:underline;color:#000000; }
a img {border:none;}

#left-column {position:relative;width:178px;float:left;}
#main-column {position:relative;width:605px;float:left;}
#right-column {position:relative;width:178px;float:left;z-index: 0;}

.button1 {background-color: #fff;color:#000;font: arial, verdana;background: url('../img/buttonbg.gif') repeat-x;border:1px solid;border-color: #d30054;padding:0 10px;}
.button2 {display:block;width:auto;height:24px;line-height:12px;text-decoration:none;color:#000;background:#fff url('../grfx/navlink_bg.gif') bottom left repeat-x;border:1px solid #d30054;margin:10px 0 0 0;cursor:pointer;padding:0 10px 0 10px; .margin-left:3px;}
.button2:hover {background-image: url('../grfx/navlink_bg_active.gif');}

.foutmelding{color:#c30000;font: arial, verdana;font-weight: bold;background: #ffeaea;border:1px solid;border-color: #c30000;}
.foutmelding table {background:#ffeaea;width:100%;border:1px solid;border-color: #c30000;}
.melding{color:#49982a;font: arial, verdana;font-weight: bold;background: #f1faee;border:1px solid;border-color: #49982a;}
.rood {color:#ff0000;}
.groen {color:#13cf40;}

#left-column h2{display:block;overflow:hidden;width:178px;height:35px;position:relative;left:1px;font-size:16px;color:#777;}
#right-column h2 {display:block;overflow:hidden;width:178px;height:35px;position:relative;left:0px;font-size:16px;color:#777;}

#left-column h2.algemeen {text-indent:-900px;background: transparent url('../grfx/titels/side/algemeen.png') top left no-repeat}
#left-column h2.callcredits {text-indent:-900px;background: transparent url('../grfx/titels/side/cc.png') top left no-repeat}
#left-column h2.persoonlijk {text-indent:-900px;background: transparent url('../grfx/titels/side/persoonlijk.png') top left no-repeat; height:36px;}
#left-column h2.familie {text-indent:-900px;background: transparent url('../grfx/titels/side/familie.png') top left no-repeat;}
#left-column h2.overige {text-indent:-900px;background: transparent url('../grfx/titels/side/overige.png') top left no-repeat;}
#right-column h2.criminaliteit {text-indent:-900px;background: transparent url('../grfx/titels/side/criminaliteit.png') top left no-repeat;height:41px;}
#right-column h2.locatie {text-indent:-900px;background: transparent url('../grfx/titels/side/locatie.png') top left no-repeat}
#right-column h2.casino {text-indent:-900px;background: transparent url('../grfx/titels/side/casino.png') top left no-repeat}
#right-column h2.statistieken {text-indent:-900px;background: transparent url('../grfx/titels/side/stats.png') top left no-repeat}
#left-column h2.admin {text-indent:-900px;background: transparent url('../grfx/titels/side/admin.png') top left no-repeat}

ul.side-nav {position:relative;left:5px;list-style-type:none;background:transparent url('../grfx/bottomline.png') bottom left no-repeat;padding:0 0 5px 0;margin:0 0 5px 0;}
#right-column ul.side-nav {position:relative;left:4px;list-style-type:none;background:transparent url('../grfx/bottomline_right.gif') bottom left no-repeat;padding:0 0 5px 0;margin:0 0 5px 0;}
ul.side-nav li {display:block;margin:3px 0;padding:0 0 0 10px;}
ul.side-nav li a {text-decoration:none;}


/* linkerkolom */
#left-column #tijd {height:100px;position:relative;}
#left-column #tijd p#current {position:absolute;top:30px;left:15px;font-size:36px;font-weight:bold;}
#left-column #tijd p#timezone {position:absolute;text-align:center;top:67px;color:#d30054;width:100%;font-size:18px;font-weight:bold;} 

/*rechterkolom */
#right-column #stats {min-height:145px;_height:145px;padding:10px 20px;}
#right-column #stats p {position:relative;height:20px;line-height:20px;}
#right-column #stats p img {position:relative;top:3px;margin:0 5px 0 0;}
#right-column #stats .bar {position:relative;height:13px;border:1px solid #000;background:#d4d4d4 none;margin:10px 0 0 0;}
#right-column #stats .bar p {position:absolute;top:0;left:5px;height:13px;line-height:13px;}
#right-column #stats .bar .procent {position:absolute;top:0;left:0;height:13px;background:#62cc08 url('../grfx/procent.gif') center left repeat-x;_overflow:hidden;}
#right-column #stats .bar .pro {position:absolute;top:0;left:0;height:13px;background:#08d4e2 url('../grfx/procent2.gif') center left repeat-x;_overflow:hidden;}

/* navigatiebalk */
#navigation {position:relative;top:-3px;height:30px;background:#d30054 url('../grfx/navigation_bg.gif') top left repeat-x;margin:0 0 10px 0;}
#navigation ul {position:relative;top:3px;left:20px;height:25px;list-style-type:none;display:block;}
#navigation ul li {float:left;background:#d30054 none;}
#navigation ul li a {display:block;_display:inline-block;margin:0 1px;padding:0 10px;height:25px;line-height:25px;font-size:12px;font-weight:bold;text-decoration:none;color:#000;background:#fff url('../grfx/navlink_bg.gif') top left repeat-x;border-left:1px solid #5b0909; border-right:1px solid #5b0909;}
#navigation ul li a.first {margin-left:4px;}
#navigation ul li a.last {margin-right:4px;}
#navigation ul li a:hover,
#navigation ul li a.active {background-image: url('../grfx/navlink_bg_active.gif');}

/* kaders */
.kader {position:relative;border:1px solid #d30054;width:580px;background:#000 none;margin:40px auto 10px auto;color:#fff;padding:10px 5px 0 5px;}
.kader h1 {position:absolute;left:-1px;top:-31px;display:block;height:37px;width:192px;overflow:hidden;color:#fff;font-weight:normal;font-size:18px;line-height:35px;background:#000 url('../grfx/kader_h1_bg.gif') top left no-repeat;padding:0 0 0 10px;}
.kader h1 a {color:#fff;}
.kader table {background:#ececec;width:100%;border:0px;margin:0 0 6px 0;}
.kader table td a {color:#5b0909;text-decoration:underline;}
.kader table th {color:#000;}
.kader table td a:hover {color:#000;text-decoration:underline;}
.kader table thead td {font-weight:bold;text-align:center;border:1px solid #5b0909;padding:3px;color:#5b0909;font-size:11px;}
.kader table tbody td {border:1px solid #5b0909;padding:3px;color:#5b0909;font-weight:normal;text-align:left;}
.kader table tbody td img {display:block;margin:0 auto;}
.kader table tbody td img.inline {display:inline;margin:0;}
.kader table tfoot td {border:1px solid #5b0909;padding:3px;color:#5b0909;font-weight:normal;text-align:right;}
.kader .text {position:relative;min-height:145px;_height:145px;background:transparent url('../grfx/textkader_bg.gif') bottom left repeat-x;padding:3px;}
.kader .text p {margin:0 0 15px 0;}
.kader .text a {color:#fff;}
.kader .text a:hover {text-decoration:none;color:#999;}
/* titels van kaders */
.kader h1.laatste-nieuws {background:url('../grfx/titels/laatste_nieuws.png');text-indent:-999px;}
.kader h1.activiteiten {background:url('../grfx/titels/activiteiten.png');text-indent:-999px;}
.kader h1.sms-berichten {background:url('../grfx/titels/sms_berichten.png');text-indent:-999px;}
.kader h1.forum {background:url('../grfx/titels/forum.png');text-indent:-999px;}
.kader h1.statistieken {background:url('../grfx/titels/statistieken.png');text-indent:-999px;}

.stiddakader {position:relative;border:1px solid #d30054;width:580px;background:#000 none;margin:40px auto 10px auto;color:#fff;padding:10px 5px 0 5px;}
.stiddakader h1 {position:absolute;left:-1px;top:-31px;display:block;height:37px;width:192px;overflow:hidden;color:#fff;font-weight:normal;font-size:18px;line-height:35px;background:#000 url('../grfx/kader_h1_bg.gif') top left no-repeat;padding:0 0 0 10px;}
.stiddakader h1 a {color:#fff;}
.stiddakader table {background:#ececec;border:0px;margin:0 0 6px 0;}
.stiddakader table td a {color:#5b0909;text-decoration:underline;}
.stiddakader table th {color:#000;}
.stiddakader table td a:hover {color:#000;text-decoration:underline;}
.stiddakader table thead td {font-weight:bold;text-align:center;border:1px solid #5b0909;padding:0px;color:#5b0909;font-size:11px;}
.stiddakader table tbody td {border:1px solid #5b0909;padding:3px;color:#5b0909;font-weight:normal;text-align:left;}
.stiddakader table tbody td img {margin:0 auto;}
.stiddakader table tbody td img.inline {margin:0;}
.stiddakader table tfoot td {border:1px solid #5b0909;padding:3px;color:#5b0909;font-weight:normal;text-align:right;}
.stiddakader .text {position:relative;min-height:145px;_height:145px;background:transparent url('../grfx/textstiddakader_bg.gif') bottom left repeat-x;padding:3px;}
.stiddakader .text p {margin:0 0 15px 0;}
.stiddakader .text a {color:#fff;}
.stiddakader .text a:hover {text-decoration:none;color:#999;}
.stiddakader h1.laatste-nieuws {background:url('../grfx/titels/laatste_nieuws.png');text-indent:-999px;}
.stiddakader h1.activiteiten {background:url('../grfx/titels/activiteiten.png');text-indent:-999px;}
.stiddakader h1.sms-berichten {background:url('../grfx/titels/sms_berichten.png');text-indent:-999px;}
.stiddakader h1.forum {background:url('../grfx/titels/forum.png');text-indent:-999px;}
.stiddakader h1.statistieken {background:url('../grfx/titels/statistieken.png');text-indent:-999px;}
.stiddakader .foutmelding{color:#c30000;font: arial, verdana;font-weight: bold;background: #ffeaea;border:1px solid;border-color: #c30000;}
.stiddakader .foutmelding table {background:#ffeaea;width:100%;border:1px solid;border-color: #c30000;}
.stiddakader .melding{color:#49982a;font: arial, verdana;font-weight: bold;background: #f1faee;border:1px solid;border-color: #49982a;}
.stiddakader .melding table {background:#f1faee;width:100%;border:1px solid;border-color: #49982a;}
.stiddakader .bod{background: #fefefe;}
.stiddakader .bod table {background:#eee;width:100%;}

.bar {position:relative;height:13px;border:1px solid #000;background:#d4d4d4 none;margin:10px 0 0 0;}
.bar p {position:absolute;top:0;left:5px;height:13px;line-height:13px;}
.bar .procent {position:absolute;top:0;left:0;height:13px;background:#62cc08 url('../grfx/procent.gif') center left repeat-x;_overflow:hidden;}
.bar .pro {color:ffffff;position:absolute;top:0;left:0;height:13px;background:#08d4e2 url('../grfx/procent2.gif') center left repeat-x;_overflow:hidden;}