body	{background:#010101; font:12px Verdana, Arial; color:#442C14;}
*	{margin:0; padding:0;}
a	{color:#70130e; text-decoration:none;}
a:hover	{color:#70130e; text-decoration:underline;}

#container	{width:850px; height:600px; background:url(./template/outgame/layout/background.jpg) no-repeat; margin:0px auto;}
#container h1.logo	{width:0px; height:120px; margin-top:-31px; display:block;}
#container h1.logo a 	{display:block; text-indent:-99999px;}

#logo	 {width:273px; height:76px; margin-left:87px; margin-top: 16px; background:url(../layout/logo.jpg) no-repeat; position:absolute;}
#logo_en {width:283px; height:76px; margin-left:87px; margin-top: 16px; background:url(../layout/logo-en.png) no-repeat; position:absolute;}

#logo_koningsdag {width:273px; height:76px; margin-left:87px; margin-top: 16px; background:url(../layout/logo-koningsdag.png) no-repeat; position:absolute;}
#logo_koningsdag_en {width:283px; height:76px; margin-left:87px; margin-top: 16px; background:url(../layout/logo-koningsdag-en.png) no-repeat; position:absolute;}

#logo_kerst {width:290px; height:83px; margin-left:87px; margin-top: 16px; background:url(../layout/logo-kerst.png) no-repeat; position:absolute;}
#logo_kerst_en {width:300px; height:83px; margin-left:87px; margin-top: 16px; background:url(../layout/logo-kerst-en.png) no-repeat; position:absolute;}

#background-top	{width:782px; height:40px; margin-top:-30px; margin-left:65px; background:url(template/outgame/layout/background_td_center_top.jpg) no-repeat;}
#background-content	{width:782px; height:389px; margin-left:65px; background:#E2DACF url(template/outgame/layout/background.jpg) no-repeat bottom;}
#background-bottom	{width:782px; height:39px; margin-left:65px; background:url(template/outgame/layout/bg_bottom.jpg) no-repeat;}

#background-welcome	{width:422px; height:77px; margin-left:75px; background:transparent;}
#background-welcome	.welcome-tekst1	{font-weight:bold; font-size:20px; padding-left:10px; margin-top: -399px;}
#background-welcome	.welcome-tekst2	{padding-left:10px; margin-top: -15px;}
#welcome-image	{width:100px; height:15px; margin-left:85px; margin-top:-96px;}

#background-login-top	{width:177px; height:11px; float:right; padding-right:3px; margin-top:0px; background:url(../layout/login_top.png) no-repeat;}
#background-login-top .inloggen-tekst	{float:left; padding-left:12px; margin-top:-20px; font-weight:bold;}
#background-login-top .playfree-tekst	{float:left; padding-left:10px; margin-top:-12px;}
#background-login-top .language-flags	{text-align:right; padding-right:10px; margin-top:-20px; height:28px;}
#background-login	{width:177px; height:auto; float:right; padding-right:0px; margin-top:3px; background:url(../layout/login_middle.png) repeat;}
#background-login	.login-tekst	{padding-left:8px; padding-top:4px;}
#background-login	.register-tekst	{padding-left:10px;}
#background-login	.verbannen-tekst	{text-align:center; padding-top:4px; color:#FF0000;}
#background-login fieldset	{background:none; border:none; margin-top:0px; margin-left:2px; line-height:100%}
#background-login fieldset label	{width:160px; margin-bottom:5px; display:block;}
#background-login fieldset input	{background:url(../layout/text_bg.png) repeat-x; border-top:1px solid #9a9383; border-right:1px solid #e6dfce; border-bottom:1px solid #f9f7f3; border-left:1px solid #a7a49e; height:19px; line-height:19px; padding:0px 2px 0px; margin-bottom:5px; color:#4E3228; font-size:12px; width:91%;}
#background-login fieldset input.button {width:88px; height:37px; margin-top:7px; margin-right:8px; border:none; background:url(../layout/login_button_brown.png) no-repeat right; display:block; float:right;}
#background-login fieldset input.button:hover {width:88px; height:37px; margin-top:7px; margin-right:8px; border:none; background:url(../layout/login_button_red.png) no-repeat right; display:block; float:right;}
#background-login p.ww-vergeten	{float:right; width:200px; height:16px; display:block; padding-top:10px; margin-right:-33px;}
#background-login p	{width:200px; display:block; padding-top:15px;}
#background-login-bottom	{width:177px; height:13px; float:right; padding-right:0px; margin-top:0px; background:url(../layout/login_bottom.png) no-repeat;}
#background-prices {margin-top:160px; margin-left:85px; float:left; position:absolute;} /*120px*/

#aanmelden-button {width:315px; height:65px; margin-top:260px; margin-left:85px; background:url(../layout/direct_gratis_spelen.png) no-repeat left; display:block; float:left;}
#aanmelden-button-en {width:315px; height:65px; margin-top:260px; margin-left:85px; background:url(../layout/play_for_free.png) no-repeat left; display:block; float:left;}

#trailer-button {width:92px; height:92px; float:left; margin-left:307px; margin-top:220px; background:url(../layout/trailer-button.png) no-repeat left; display:block; float:left;}
#trailer {width:211px; height:111px; float:left; margin-left:-313px; margin-top:103px; background:url(../layout/trailer.png) no-repeat left; display:block; float:left;}

#verbannen-button {width:315px; height:65px; margin-top:260px; margin-left:85px; background:url(../layout/je_bent_verbannen.png) no-repeat left; display:block; float:left;}
#verbannen-button-en {width:315px; height:65px; margin-top:260px; margin-left:85px; background:url(../layout/you_are_banned.png) no-repeat left; display:block; float:left;}

#background-lostpassword	{width:301px; height:161px; float:right; padding-right:15px; margin-top:-42px; background:url(../layout/background-login.png) no-repeat;}
#background-lostpassword	.lostpassword-tekst	{padding-left:10px; padding-top:15px;}
#background-lostpassword fieldset	{background:none; border:none; margin-top:0px; margin-left:2px; line-height:100%}
#background-lostpassword fieldset label	{width:160px; margin-bottom:5px; display:block;}
#background-lostpassword fieldset input	{width:160px; height:16px; padding:3px; border:none; background:#EFEBE3; color:#442C14; margin-bottom:5px; border-top: 1px solid #9a9383; border-right: 1px solid #e6dfce; border-bottom: 1px solid #f9f7f3; border-left: 1px solid #a7a49e;}
#background-lostpassword fieldset input.pass	{width:160px; height:24px; padding:2px; background:#DBD0B4; border:none; color:#442C14; margin-bottom:5px;  border-top: 1px solid #9a9383; border-right: 1px solid #9a9383; border-bottom: 1px solid #9a9383; border-left: 1px solid #9a9383;}

#background-register	{width:301px; height:320px; float:right; padding-right:15px; margin-top:-42px; background:url(../layout/background-register2.png) no-repeat;}
#background-register	.register-tekst	{padding-left:10px; padding-top:15px;}
#background-register fieldset	{background:none; border:none; margin-top:0px; margin-left:2px; line-height:100%}
#background-register fieldset label	{width:160px; margin-bottom:5px; display:block;}
#background-register fieldset input	{width:160px; height:16px; padding:3px; border:none; background:#EFEBE3; color:#442C14; margin-bottom:5px; border-top: 1px solid #9a9383; border-right: 1px solid #e6dfce; border-bottom: 1px solid #f9f7f3; border-left: 1px solid #a7a49e;}
#background-register fieldset input.aanmelden	{width:160px; height:24px; padding:2px; background:#DBD0B4; border:none; color:#442C14; margin-bottom:5px; border-top: 1px solid #9a9383; border-right: 1px solid #9a9383; border-bottom: 1px solid #9a9383; border-left: 1px solid #9a9383;}

#background-linkpartners	{width:301px; height:320px; float:right; padding-right:15px; margin-top:-42px; background:url(../layout/background-register2.png) no-repeat;}
#background-linkpartners	.linkpartners-tekst	{padding-left:12px; padding-top:13px;}

#background-footer {width:100%; color:#2F2F2F; margin-left:0px; margin-top:-27px; text-align:center;}
#background-footer a {font-family:Arial,Helvetica,sans-serif; font-size:12px; color:#2F2F2F !important; text-decoration:none;}
#background-footer a:hover {text-decoration:underline;}

#background-footer2 {width:100%; color:#2F2F2F; margin-left:0px; margin-top:463px; text-align:center;}
#background-footer2 a {font-family:Arial,Helvetica,sans-serif; font-size:12px; color:#2F2F2F !important; text-decoration:none;}
#background-footer2 a:hover {text-decoration:underline;}

#activation	{margin-top:-25px;}

/* MODAL CSS */
body.show-modal:after {content:""; position:fixed; top:0; right:0; bottom:0; left:0; background-color:#000; opacity:0.4; z-index:20;}
.modal {display:none; position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); width:90%; max-width:630px; z-index:200; border-radius:10px; background-color:#dbd0b3; box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);}
/* Modal Header */
.modal-header {text-align: left; color: #77350e; padding: 20px 20px 10px 20px;}
.modal-header .close {position:absolute; top:20px; right:20px;}
.modal-header .close:hover {cursor:pointer;}
/* Modal Body */

/* Modal Footer */
.modal-footer {padding:2px 16px; color:white;}

/* Modal Content */
.modal-content {position:relative; margin:auto; padding:0;}
.modal-body {margin-bottom:15px; margin-right:20px; padding:20px; text-align:left; color:#77350e; max-height:300px; overflow-y:scroll;}
.modal-body p {margin-bottom:20px;}
.modal-body2 {margin-bottom:15px; margin-right:20px; padding:20px; text-align:left; color:#77350e; max-height:300px;}
.modal-body2 p {margin-bottom:20px;}
.modal-body3 {margin-top:0px; margin-bottom:60px; margin-right:20px; padding:0px; text-align:center; color:#77350e; max-height:300px;}
/* MODAL CSS */

/* HIERONDER MOET IK NOG BEKIJKEN OF DAT MOET BLIJVEN OF NIET */
#header	{width:1024px; height:193px;}
#header h1.logo	{width:480px; height:90px; padding:14px 0 0 120px; display:block;}
#header h1.logo a 	{width:100%; height:100%; display:block; text-indent:-99999px;}
#header ul.menu	{width:600px; height:34px; margin:40px 40px 0 40px; line-height:34px; display:block;}
#header ul.menu li	{display:inline;}
#header ul.menu li a	{margin:0 5px; text-decoration:none;}
#header ul.menu li a:hover	{text-decoration:underline;}

#content-container	{width:1024px; height:400px;}
#intro-tekst	{width:260px; height:395px; margin:5px 0 0 10px; float:left;}
#intro-tekst h2	{padding-bottom:5px; font-size:12px;}
#intro-tekst p	{padding-bottom:10px;}
#intro-tekst h3.aanmelden	{width:105px; height:22px; background:url(images/aanmelden-button.png) no-repeat; display:block; margin:0 auto;}
#intro-tekst h3.aanmelden a	{width:100%; height:100%; display:block; text-indent:-99999px;}
#content	{width:240px; height:400px; margin:5px 0 0 96px;  float:left;}
#content h2	{padding-bottom:5px; font-size:12px;}
#content fieldset	{background:none; border:none; margin-top:20px;}
#content fieldset label	{width:200px; margin-bottom:5px; display:block;}
#content fieldset input	{width:200px; height:16px; padding:3px; background:#1a1a1a; border:none; color:#fff; margin-bottom:5px;}
#content fieldset input.button {width:200px; height:21px; background:url(images/login-button.png) no-repeat right; display:block; margin:0 40px 0 0; float:right;}
#content fieldset input.aanmelden {width:200px; height:21px; background:url(images/meld.png) no-repeat left; display:block; margin:0 40px 0 0; float:left;}
#content p.ww-vergeten	{width:200px; height:16px; display:block; padding-top:15px;}
#content p	{width:200px; display:block; padding-top:15px;}
#content fieldset input.pass	{width:205px; height:24px; padding:2px; background:#1a1a1a; border:none; color:#fff; margin-bottom:5px;}