html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1;
color: black;
background: white;
}
ol, ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
html,body {text-align:center;font:11px Verdana,Helvetica,sans-serif; line-height:18px;}
p,td,th {font:11px Tahoma,Helvetica,sans-serif; line-height:18px; letter-spacing:1px}
body {background:#fff;margin:0}
a, a:link, a:visited { color:#000; text-decoration:none}
h1, h2{font-size:14px;margin:10px 0px;font-weight:bold}
h3{font-size:13px;margin:10px 0px 0px 0px;font-weight:bold}
img {border:0}
#container { width:930px; margin-left:auto;margin-right:auto; border:1px solid #efeaf6; text-align:left; padding:10px; margin-bottom:10px}
#logo { position:relative;left:265px; top:10px; width:320px; overflow:hidden}
#logo h1 { margin:0}
#logo span { display:none}
#header-blocks { height:240px; margin-top:-20px}
#header-blocks h2,#header-blocks h1{font-size:14px;font-weight:bold;margin:0}
.header-block { width:310px; height:240px; float:left; overflow:hidden }
.header-block.left { background:#f8eee0;}
.header-block.center {background: #9b6835 url(/images/background-header-center.gif) repeat-x; color:#FFFFFF}
.inner { padding:30px 25px}
.block .header h2{font-weight:bold;font-size:12px;margin:0}
#header-blocks ul { margin-top:10px}
#header-blocks ul li { background:url(/images/bullet.png) no-repeat 0px 6px; padding-left:14px}
#header-blocks .left ul li { background:url(/images/bullet2.png) no-repeat 0px 6px; }
#header-blocks .center ul li a { color:#FFFFFF; font-weight:bold}
#header-blocks .center .inner div a { color:#FFFFFF; font-weight:bold; padding-top:10px; display:block}
#header-blocks .left ul li a { color:#9b6835; font-weight:bold}
#header-blocks ul li a:hover { text-decoration:underline}
#top-links { float:right}
#top-links ul li { float:left; border-right:1px solid #000; padding:0px 5px; line-height:12px}
#top-links ul li.last { border:0px}
#top-links ul li a {color:#000 }
#columns{clear:both;margin-top:10px;border-top:0px solid #9a7db9;padding-top:0px}
#column-left,#column-center, #column-right{width:300px;float:left;margin-right:15px}
#column-left-wide{float:left;width:615px;margin-right:15px}
#column-center{width:300px}
#column-right{margin-right:0}
#footer { clear:both; margin-top:10px; border-top:5px solid #996633; padding-top:5px}
.block { margin-bottom:10px; clear:both}
.block .header { background:#996633 url(/images/background-header.gif) repeat-x; padding:4px; color:#fff }
.block .header h2 { font-weight:bold}
.block .content { background-color: #f8eee0; padding:4px}
.block .content ul li a:hover { text-decoration:underline}
span.tip { font-weight:bold}
span.new { font-weight:bold; color:#FF0000}
.guide { clear:both; display:block}
form div.row { display:block; clear:both; margin-bottom:2px}
form div.row label { float:left; width:110px; padding:2px 0px}
form div.row input { width: 180px}
form div.row textarea { width: 180px}
.description { display:none}
#simplemodal-overlay {background-color:#666;}
#simplemodal-container {background-color:#fff; border:8px solid #9b6835; padding:10px; text-align:left }
#dialog { background:#FFF; padding:10px; text-align:left; width:630px; display:none}
#simplemodal-container h2 {margin:10px 0; font-size:20px}
#simplemodal-container h3 {margin:10px 0; font-size:15px}
#simplemodal-container h3 a { text-decoration:underline; color:#9b6835; font-weight:bold}
#simplemodal-container .screenshot { float:right; margin-left:8px; margin-bottom:8px}
#dialog #pop-information {float:left; width:310px}
#dialog #pop-information .header {padding:6px 8px; background-color:#e3edf6; margin-bottom:8px}
#dialog .header h2 {margin:0; font-size:15px}
#dialog h2.small {font-size:15px;margin-top:20px; margin-bottom:5px;}
#dialog #pop-information .content {background:url(/images/popup-background-left.gif) repeat-x; padding:8px}
#dialog #pop-login {float:right; width:310px}
#dialog #pop-login .header {padding:6px 8px; background-color:#f3f3f3; margin-bottom:8px}
#dialog #pop-login .content {background:url(/images/popup-background-right.gif) repeat-x; padding:8px}
#dialog #pop-agree {clear:both; border:1px solid #ccc; padding:8px 20px 20px 20px}
#dialog #btnJoin3 {margin:0;padding:0; background:url(/images/background_button_join_popup.gif) no-repeat; width:270px; height:31px; float:right; border:none; color:#FFFFFF; font-weight:bold;}
#dialog #pop-info { font-size:10px;margin:10px 0px}
#dialog .membership td { font-weight:bold}
#dialog #promotion {background:url(/images/popup-bar.gif) no-repeat; padding:14px; text-align:center; font-weight:bold; color:#FFFFFF; font-size:16px; margin-bottom:10px}
table { background-color: #9b6835}
table td,table th { padding:3px}
table tbody th { text-align:left; background-color:#f8eee0}
table thead th { text-align:center; background-color:#9b6835; color:#fff; font-weight:bold}
table tbody td { text-align:center; background:#fff}
.txt a { color:#400080; font-weight:bold}
#promo-zoeken { width:300px; float:right; text-align:right; clear:right; margin-top:26px; font-size:11px; line-height:14px}
#promo-zoeken a { float:right; display:block; background:url(/images/hhinnl-button.png) no-repeat; text-align:center; padding:5px; width:85px;; color:#fff; font-weight:bold; text-transform:uppercase; font-size:13px; margin-left:10px; line-height:20px}
#leaderboard{clear:both;margin-top:10px;border-top:0px solid #9a7db9;padding-top:0px}