/* RESET */
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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, input,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}

:focus { outline: 0; }

ins { text-decoration: none; }

del { text-decoration: line-through; }

table {
border-collapse: collapse;
border-spacing: 0;
}


/* ALGEMEEN */
body {
background: #0e0b07;
font: 12px Arial;
color: #fff;
text-align: center;
}

#wrap {
width: 976px;
margin: 0 auto;
text-align: left;
position: relative;
}

#header {
background: url(images/header.png) no-repeat center top;
height: 81px;
padding-top: 173px;
z-index: 2;
position: relative;
top: 0;
left: 0;
}

#content {
position: relative;
top: -23px;
left: 7px;
margin-right: 8px;
width:972px;
color:#fff;
z-index: 1;
}

#footer {
clear: both;
text-align: right;
margin-top: -25px;
height: 25px;
font: 11px Arial;
color: #5c5c5c;
}

/* HEADER */
#header ul {
background: url(images/headerul.png) no-repeat bottom right;
width: 390px;
height: 81px;
float: right;
margin-right: -9px;
z-index: 2;
}

#header ul li {
display: inline;
margin-left: 144px;
color: #c43636;
font: 24px Arial;
height: 60px;
line-height: 60px;
}

#header ul .totaal { margin-left: 149px; }

#header span { display: none; }

/* MENU */
#menu {
position: relative;
top: -58px;
left: 0;
background: url(images/menu.png) no-repeat;
height: 49px;
width: 978px;
padding: 41px 0 0 15px;
z-index: 2;
margin-bottom: -58px;
}

#menu li {
display: inline-block;
padding: 0 17px 0 13px;
background: url(images/streepje.png) no-repeat right 6px;
height: 38px;
}

#menu li.last {
padding-right: 0;
background: none;
}

#menu a {
display: inline-block;
background: url(images/menu_items.png) no-repeat left top;
height: 38px;
float: left;
}

#menu a span { display: none; }

#menu a:hover { background-position: left -40px; }

#menu .home { width: 64px; }

#menu .info {
background-position: -93px 0px;
width: 111px;
}

#menu .over {
background-position: -234px 0px;
width: 100px;
}

#menu .aanmelden {
background-position: -363px 0px;
width: 173px;
}

#menu .inloggen {
background-position: -567px 0px;
width: 99px;
}

#menu .wachtwoord {
background-position: -706px 0px;
width: 216px;
}

#menu .info:hover { background-position: -93px -40px; }

#menu .over:hover { background-position: -234px -40px; }

#menu .aanmelden:hover { background-position: -363px -40px; }

#menu .inloggen:hover { background-position: -567px -40px; }

#menu .wachtwoord:hover { background-position: -706px -40px; }

/* CONTENT */
#content .left,  #content .middle, .content_am .left { margin-right: 7px; }

#content .content,
#content .t,
#content .b,
#content .b div {
background: transparent url(images/content.png) no-repeat top right;
}

.content {
position: relative;
padding: 5px 8px 0 5px;
min-height: 300px;
}

#content1 .content, #content2 .content {
min-height: 5px;
line-height: 14px;
}

#content .t {
position: absolute;
left: 0px;
top: 0px;
width: 8px; /* hoogte bovenste hoek */
margin-left: -8px;
height: 100%;
background-position: top left;
}

#content .b, #content1 .b, #content2 .b {
position: relative;
width: 100%;
background-position: bottom right;
}

#content .b,
#content .b div {
height: 8px; /* hoogte onderste hoek */
font-size: 1px;
}

#content .b div {
position: relative;
width: 8px; /* breedte onderste hoek */
margin-left: -8px;
background-position: bottom left;
}

.hd,
.bd,
.ft {
position: relative;
}

.wrapper {
position: static;
overflow: auto;
}

#content .wrapper { max-height: 1000px; }

/* CONTENT 1&2 */
#content1, #content2 { width: 312px; }

#content1 {
margin: 2px 0 2px 0;
color: #cac3b9;
}

#content1 strong { color: #dfdfdf; }

#content2 { color: #7a7877; }

#content1 .content,
#content1 .t,
#content1 .b,
#content1 .b div {
background: transparent url(images/content1.png) no-repeat top right;
}

#content2 .content,
#content2 .t,
#content2 .b,
#content2 .b div {
background: transparent url(images/content2.png) no-repeat top right;
}

#content1 .t, #content2 .t {
position: absolute;
left: 0px;
top: 0px;
width: 8px; /* hoogte bovenste hoek */
margin-left: -8px;
height: 100%;
background-position: top left;
}

#content1 .b, #content2 .b {
position: relative;
width: 100%;
background-position: bottom right;
}

#content1 .b, #content2 .b
#content1 .b div, #content2 .b div {
height: 8px; /* hoogte onderste hoek */
font-size: 1px;
}

#content1 .b div, #content2 .b div {
position: relative;
width: 8px; /* breedte onderste hoek */
margin-left: -8px;
background-position: bottom left;
}

#content1 .wrapper, #content2 .wrapper { max-height: 391px; }

#content .middle { width: 340px; }


/* INDEX ELEMENTS */
ul.middle li, #am2 li {
display: inline;
float: left;
}

ul.middle a, #am2 a {
display: block;
float: left;
width: 168px;
height: 167px;
}

.li1 a { background: url(images/voertuigenstelen.png) no-repeat right bottom; }

.li2 a {
background: url(images/actiefforum.png) no-repeat left bottom;
width: 160px;
margin: 0 0 3px 2px;
}

.li3 a { background: url(images/organizedcrime.png) no-repeat right 1px; }

.li4 a {
background: url(images/marktplaats.png) no-repeat left bottom;
width: 160px;
margin: 0 0 3px 2px;
}

#content form {
display: block;
height: 147px;
width: 272px;
background: url(images/form.png) no-repeat top left;
padding: 10px;
margin-bottom: 3px;
}

form input {
display: inline-block;
width: 249px;
background: url(images/input.png) no-repeat top left;
margin-bottom: 10px;
font: 14px Arial;
color: #aeaaa4;
padding: 0 0 0 20px;
height: 43px;
line-height: 40px;
}

form .inloggen, form .aanmelden {
padding: 0;
text-align: center;
cursor: pointer;
height: 43px;
}

form .aanmelden {
width: 149px;
background: url(images/aanmelden.png) no-repeat top left;
color: #e1ff87;
}

form .inloggen {
width: 115px;
background: url(images/inloggen.png) no-repeat top left;
}

.signup {
display: block;
height: 118px;
width: 292px;
background: url(images/signup.png) no-repeat top left;
}

/* AANMELDEN */
.content_am {
position: relative;
top: -22px;
left: 7px;
z-index: 1;
color: #b4aea6;
}

#am1 { width: 595px; }

#am2 {
width: 362px;
margin-right: 5px;
}

#am2 ul { margin: 0 10px; }

.content_am .content { padding: 7px 4px 0 0; }

.content_am .content,
.content_am .t,
.content_am .b,
.content_am .b div {
background: transparent url(images/content_am.png) no-repeat top right;
}

.content_am .t {
position: absolute;
left: 0px;
top: 0px;
width: 8px; /* hoogte bovenste hoek */
margin-left: -8px;
height: 100%;
background-position: top left;
}

.content_am .b {
position: relative;
width: 100%;
background-position: bottom right;
}

.content_am .b,
.content_am .b div {
height: 8px; /* hoogte onderste hoek */
font-size: 1px;
}

.content_am .b div {
position: relative;
width: 8px; /* breedte onderste hoek */
margin-left: -8px;
background-position: bottom left;
}

.content_am .wrapper { max-height: 1000px; }

.content_am form p {
color: #c6c4c1;
font-size: 11px;
}

.content_am form a { color: #c6c4c1; }

.content_am form a:hover { text-decoration: none; }

#am1 .right { width: 292px; }

.content_am form {
display: block;
padding-top: 6px;
background: url(images/formam_top.png) no-repeat top left;
}

.content_am fieldset {
padding: 3px 10px 0 10px;
background: url(images/formam.png) no-repeat left bottom;
width: 272px;
}

.content_am input.last { margin-bottom: 5px; }

.am { background: url(images/ambg.png) repeat-x left 232px; }

/* H's */
#content h1, #statistics h2, .content_am h1 { text-indent: -1000px; }

.directinloggen {
height: 36px;
width: 169px;
background: url(images/directinloggen.png) no-repeat top left;
margin: 6px 0 10px 0;
}

.meerinfo {
height: 30px;
width: 139px;
background: url(images/meerinfo.png) no-repeat top left;
margin: 4px 0 5px 0;
}

.nieuwsteleden {
height: 30px;
width: 166px;
background: url(images/nieuwsteleden.png) no-repeat top left;
}

.linkpartners {
height: 29px;
width: 141px;
background: url(images/linkpartners.png) no-repeat top left;
}

.spelstatistieken {
height: 30px;
width: 167px;
background: url(images/spelstatistieken.png) no-repeat top left;
}

.welkompowerblinq {
height: 29px;
width: 177px;
background: url(images/welkompowerblinq.png) no-repeat top left;
margin: 6px 0 8px -4px;
}

.directaanmelden {
height: 32px;
width: 157px;
background: url(images/directaanmelden.png) no-repeat top left;
}

/* STATISTICS */
#statistics {
min-height: 339px;
background: url(images/statisticsbg.png) no-repeat center top;
padding: 23px 20px 0 20px;
}

#statistics .left,
#statistics .middle,
#statistics .right {
width: 33%;
min-height: 239px;
}

#statistics .left,
#statistics .middle { background: url(images/statisticsborder.png) no-repeat 292px center; }

#statistics h2 { margin-bottom: 25px; }

#statistics table { width: 268px; }

#statistics td, #statistics th {
border-bottom: 1px solid #302E2A;
border-top: 1px solid #22201C;
height: 31px;
padding: 0 0 6px 3px;
vertical-align: bottom;
text-align: left;
}

#statistics .right a, #statistics td { color: #514e4a; }

#statistics .right a:hover { text-decoration: none; }


#statistics .left a, #statistics td { color: #514e4a; }

#statistics .left a:hover { text-decoration: none; }

/* FOOTER */
#footer li { display: inline; }

#footer a {
text-decoration: none;
color: #5c5c5c;
padding-right: 3px;
border-right: 1px solid #514e4a;
}

#footer a:hover {
text-decoration: underline;
color: #7a7a7a;
}

/* OTHER */
.left, .middle { float: left; }

.right { float: right; }

.clear { clear: both; }

#content .alinea, .content_am p { padding-bottom: 12px; }