/*    ___________________________   -->
<!-- |                            | -->
<!-- | Basing:  Alexander IJbema  | -->
<!-- | E-Mail: alex2004@home.nl   | -->
<!-- |____________________________| -->	*/

/*###############
#	ALGEMEEN	#
###############*/
body, html, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, form { margin: 0; padding: 0; }
html { font: 12px Tahoma, Arial, Verdana, sans-serif; }
body { background-color: #000; color: #cecccc; }

/* Algemene classnames
------------------------------------------------------------------*/
.wrapper { overflow: hidden; }
.overflow { overflow: hidden; }
.nomargin, .nom { margin: 0; }
.nopadding .nop { padding: 0; }
.nomp { margin: 0; padding: 0; }

.block { display: block; }
.inline { display: inline; }

.center { display: block; margin: auto; }

.hide, .hidden { visibility: hidden; }
.invisible { display: none; }

.f-left { float: left; }
.f-right { float: right; }

.clear { clear: both; }
.cleft { clear: left; }
.cright { clear: right; }

.rood { color: #FF0000; }
.ice { color: #87CEFA; }
.wit { color: #FFFFFF; }
.zwart { color: #000000; }

.tcenter { text-align: center; }
.tleft { text-align: left; }
.tright { text-align: right; }

.vbottom { vertical-align: bottom; }
.vmiddle { vertical-align: middle; }
.vtop { vertical-align: top; }

.absolute { position: absolute; }
.relative { position: relative; }

.bold, .b, .strong { font-weight: bold; }
.em, .italic, .i { font-style: italic; }
.normal { font-weight: normal; }
.u, .underline { text-decoration: underline; }
.small { font-size: 11px; }

.default { cursor: default; }
.pointer { cursor: pointer; }
a img { border: none; }
fieldset.none {
	border: none;
	margin: 0;
	padding: 0;
}
/*##############
#	LAYOUT	   #
##############*/

/* CONTAINER
------------------------------------------------------------------*/
div#container {
	width: 1000px;
	margin: 0 auto;
}

/* LOGO
------------------------------------------------------------------*/
p#logo {
	background: url(http://www.harrypottertimes.com/img_test/logo.png) no-repeat;
	width: 1000px;
	height: 247px;
}

/* KOLOMMEN
------------------------------------------------------------------*/
div#kolommen {
	margin-top: 3px;
}
div#kolom-links {
	float: left;
	width: 196px;
	margin-left: 1px;
	margin-right: 6px;
}
div#kolom-midden {
	float: left;
}
div#kolom-rechts {
	float: right;
	width: 196px;
	margin-right: 4px;
}
/* HOOFDMENU
------------------------------------------------------------------*/
ul#hoofdmenu {
	background: url(http://www.harrypottertimes.com/img_test/bg-hoofdmenu.png) no-repeat;
	width: 565px; height: 34px;
	list-style: none;
	padding-top: 10px;
	padding-left: 27px;
}
ul#hoofdmenu li {
	float: left;
	height: 19px;
	padding-right: 10px;
	margin-right: 10px;
	background: url(http://www.harrypottertimes.com/img_test/bg-hoofdmenuli.png) no-repeat right;
}
ul#hoofdmenu li.laatste {
	margin-right: 0;
	background: none;
}
ul#hoofdmenu li a {
	float: left;
	color: #cecccc;
	font-size: 16px;
	text-decoration: none;
}
/* NAVIGATIE
------------------------------------------------------------------*/
div.navigatie {
	background: url(http://www.harrypottertimes.com/img_test/bg-navigatie.png) no-repeat bottom;
	margin-bottom: 10px;
}
div.navigatie h2 {
	background: url(http://www.harrypottertimes.com/img_test/bg-navigatie.png) no-repeat top;
	font-size: 12px;
	color: #fff;
	text-align: center;
	padding-top: 8px;
	padding-bottom: 5px;
}
/* MENU
------------------------------------------------------------------*/
ul.menu {
	list-style: none;
	margin-left: 10px;
	padding-bottom: 10px;
}
ul.menu li {}
ul.menu li a {
	color: #3366FF;
	text-decoration: none;
}

/* FOOTER
------------------------------------------------------------------*/
div#footer {
	width: 990px;
	margin: 0 auto;
	background: url(http://www.harrypottertimes.com/img_test/bg-footer.png) repeat-x top;
	padding-top: 10px;
	text-align: center;
	margin-bottom: 10px;
}
/* CONTENT
------------------------------------------------------------------*/
div.content {
	width: 565px;
	margin-left: 14px;
	margin-bottom: 20px;
	margin-top: 10px;
	line-height: 18px;
}
div.content a {
	color: #3366FF;
	text-decoration: none;
}
div.content li{
	margin-left: 20px;
}
/* INPUT, TEXTAREA, SELECT
------------------------------------------------------------------*/
input, textarea, select  
	{
	background-color : #000000;
	padding: 1px;
	border: 1px solid #3366FF;
	color:#FFFFFF;
	}
.kopfieldset 	{
font-size: 8pt;
color: #FFFFFF;
font-weight: bold; 
text-decoration: none; 
letter-spacing: 1px;
}
legend
{
	padding: 0.2em 0.5em;
	border:1px solid #FFFFFF;
}
.background_a 
	{
	background-color:#333333;
	}
.background_b 
	{
	background-color:#000000;
	}
#zwerkbal_plaatje {
	background: url(http://www.harrypottertimes.com/img_test/zwerkbal.jpg) no-repeat;
	width: 580px;
	height: 364px;
}
#gk_plaatje {
	background: url(http://www.harrypottertimes.com/img_test/gk.jpg) no-repeat;
	font-size: 8;
	color: #FFFFFF;
	width: 580px;
	height: 364px;
}