img
{
	border: 0px;
}
* {
	padding: 0px;
	margin: 0px;
	font-family: verdana;
	vertical-align: top;
}
body {
	text-align: center;
	background-color: #E9E9E9;
}

/* ---------- image viewer box ---------- */
#img_container 
{
	text-align: center;
	font-size: 0.8em;
 	margin: 20px;
	background-color: #F8F8F8;
	border: solid 1px #D3D3D3;
}

#img_container td
{
	text-align: center;
	vertical-align: middle;
}

#img_container h1
{
	font-size: 1.5em;
	font-weight: bold;
	color: #FFBA00;
}

#img_container .small
{
	font-size: 0.7em;
	color: #999999;
}

/* ---------- omringende box ---------- */

#container 
{
 	margin: 10px auto;
	width:814px;
	min-height: 500px;
	text-align:left;
	background-color: #F8F8F8;
	border: solid 1px #D3D3D3;
}

/* ---------- header ---------- */

#top
{ }
#top #header
{
	background: url(layout_imgs/header.jpg);
	background-position:  50% 0%;
	background-repeat: no-repeat;
	height: 77px;
	overflow: hidden;
}
#top #navigatie
{
	height: 25px;
	padding-left:8px;
}

/* ---------- midden rechts (inhoud) ---------- */

#main
{
	float: right;
	text-align: justify;
	color: #595959;
	font-size: 0.8em;
}
#main #highlight
{
	width:624px;
	margin-right: 11px; /* 17-6 (6px=schaduw in img) */
}
#main #content
{
	width: 612px;
	background-color: #ffffff;
	border: solid 1px #D7D7D7;
	overflow: hidden;
	margin-top: 10px;
	margin-right: 17px;
	margin-left: 6px;
}
#main #content #inhoud /* oogly fix */
{
	padding:20px;
	padding-top:10px;
	padding-bottom:10px;
}

/* ---------- midden links (menu/links) ---------- */

#menu
{
	border: none;
	float: right;
	width: 177px;
	font-size: 10px;
	color: #595959;
	overflow: hidden
}
#menu #login, #forum, #nieuws, #media, #previews, #reviews, #features, /*#cheats,*/ #zoeken
{
	padding: 10px;
	padding-top:25px;
	padding-left: 25px;
	min-height: 81px;
}
#menu #login
{
	padding-top:0px;
	background: url(layout_imgs/menu_login.jpg) no-repeat 100% 0%;
}
#menu #forum
{	background: url(layout_imgs/menu_forum.jpg) no-repeat 100% 0%;	}
#menu #nieuws
{	background: url(layout_imgs/menu_nieuws.jpg) no-repeat 100% 0%;	}
#menu #media
{	background: url(layout_imgs/menu_media.jpg) no-repeat 100% 0%;	}
#menu #previews
{	background: url(layout_imgs/menu_previews.jpg) no-repeat 100% 0%;	}
#menu #reviews
{	background: url(layout_imgs/menu_reviews.jpg) no-repeat 100% 0%;	}
#menu #features
{	background: url(layout_imgs/menu_features.jpg) no-repeat 100% 0%;	}
/*#menu #cheats
{	background: url(layout_imgs/menu_cheats.jpg) no-repeat 100% 0%;	}*/
#menu #zoeken
{	background: url(layout_imgs/menu_zoeken.jpg) no-repeat 100% 0%;	}




/* ---------- onderkant ---------- */

#voet
{
	clear:right;
	text-align:center;
	color: #0f0f0f;
	font-size: 0.6em;
}
#copyright
{
	padding-bottom:5px;
	font-size: 10px;
}

/* ---------- BS ---------- */

#inhoud h1
{
	font-size: 1.5em;
	font-weight: bold;
	color: #FFBA00;
}
#inhoud h2
{
	font-size: 1.1em;
	font-weight: bold;
	color: #000000;
}

#inhoud .datum , .aantalreacties
{
	font-size: 0.7em;
	color: #999999;
}
#reacties
{
	color: #828282;
	margin-left: 30px;
}
#reacties .datum
{
	border-top: solid 1px #999999;
}
#reacties .bericht
{
	padding-bottom: 10px;
}

input, textarea
{
	border: 1px solid;
	font-size: 12px;
}
hr
{
	border: none;
	margin:10px;
	border-top: solid 1px;
}

p.inleiding
{
	font-weight: bold;
}

#top #header .hoofd_link 
{
     display:block;
     width:150px;
     height:70px;
	 margin-left: 20px;
}
#menu input.veld
{
	width: 120px;
	height:13px;
	font-size: 10px;
	color: #595959;
	background-color: #ffffff;
	border: 1px solid #A5A5A5;
}
#menu input.knop, input.knop_uitloggen, #inhoud input.knop
{
	color: #595959;
	background-color: #ffffff;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #A5A5A5;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #A5A5A5;
	width: 60px;
	height:17px;
	font-size: 10px;
}
#menu input.knop_uitloggen
{
	width: 120px;
}
#menu input.doos
{
	border: none;
	height: 12px;
	padding: 0px;
	margin: 0px;
}
#inhoud input.knop
{
	width: 500px;
}
#inhoud textarea, input
{
	color: #595959;
	background-color: #ffffff;
	border: 1px solid #A5A5A5;
}

#inhoud ul, ol
{
	margin-left:30px;
	margin-right:20px;
}

#inhoud blockquote
{
	margin: 20px;
	padding: 5px;
	font-style:italic;
	border:1px solid #D4D4D4;
	color: #797979;
}

#inhoud .error
{
	color: #FF0000;
}

/* ---------- Tables ---------- */
.paginaselectie
{
   display:block;
	border:1px solid #BFBFBF;
	margin:4px;
	padding:2px;
	margin-left:0px;
	float:left;
	background: url(layout_imgs/tbl/b.jpg) repeat-x 50%;
}

table.tabel
{
	font-family:verdana;
	border-collapse:SEPERATE;
	border-top:1px solid #BFBFBF;
	border-left:1px solid #BFBFBF;
	width:550px;
	text-align:left;
}
table.tabel td, table.tabel th
{
	padding-left:5px;
	padding-right:5px;
	border-left: solid 1px #FFFFFF;
	border-right: solid 1px #BFBFBF;
}

table.tabel tr.a
{
	background: url(layout_imgs/tbl/a.jpg) repeat-x 50%;
}
table.tabel tr.a td
{
	background-color:#FAFAFA;
	border-bottom:solid 1px #DDDDDD;
	border-top:solid 1px #FFFFFF;
}

table.tabel tr.b
{
	background: url(layout_imgs/tbl/b.jpg) repeat-x 50%;
}
table.tabel tr.b td
{
	background-color:#F3F3F3;
	border-bottom:solid 1px #D8D8D8;
	border-top:solid 1px #FFFFFF;
}

table.tabel th
{
	background: url(layout_imgs/tbl/h.jpg) repeat-x 50%;
	border-bottom:solid 1px #D8D8D8;
	border-top:solid 1px #FFFFFF;
}


/* ---------- Linkage ---------- */
a:link {color: #FFBA00; font-weight: bold; text-decoration: none; }
a:visited {color: #FFBA00; font-weight: bold; text-decoration: none; }
a:active {color: #FF0000; }
a:hover {color: #5E4500; }

#inhoud a:link {color: #FFBA00; }
#inhoud a:visited {color: #FFBA00; }
#inhoud a:active {color: #FF0000; }
#inhoud a:hover {color: #5E4500; }

#inhoud .tabel a:link {color: #707070; font-weight: normal;}
#inhoud .tabel a:visited {color: #9A9A9A; font-weight: normal;}
#inhoud .tabel a:active {color: #FF0000; }
#inhoud .tabel a:hover {color: #000000; }

#menu a:link, #copyright a:link {color: #707070; }
#menu a:visited, #copyright a:visited {color: #ADADAD; }
#menu a:active, #copyright a:active {color: #FF0000; }
#menu a:hover, #copyright a:hover {color: #000000; }


/* ---------- Admin BS ---------- */
.adminh1
{
	font-size: 1.2em; 
}