/* De body, met een koele scrollbar */
body
{
	background			: #ffffff;
	margin				: 10px;
	padding				: 0px;
	top				: 0px;
	left				: 0px;
	border-style			: none;
	scrollbar-face-color		: #b2aea3;
	scrollbar-shadow-color		: #000000;
	scrollbar-highlight-color	: #000000;
	scrollbar-3dlight-color		: #000000;
	scrollbar-darkshadow-color	: #000000;
	scrollbar-track-color		: #ffffff;
	scrollbar-arrow-color		: #000000;
	scrollbar-base-color		: #ffffff;
}
/*
	scrollbar-* are IE specific and make it look so much better
	that I allow it to hinder 100% validation by validator.w3.org
*/

/* We willen alle fontjes goed :) */
html, body, h1, h2, h3, h4, div, p, ul, li, input, select {
	font-family			: Verdana, Helvetica, Arial, sans-serif;
	border                          : none;
	text-align                      : left;
	text-decoration			: none;
}

html, body, h1, h2, h3, h4, div, p, input, select, pre {
	margin                          : 0px;
	padding                         : 0px;
}

ul,li {
	margin-left			: 10px;
}

.outercontent
{
	width				: 100%;
	text-align			: center;
	min-width			: 800px;

	position			: absolute;
	top				: 50%;
	width				: 100%;
	margin-top			: -230px;
}

.marleenimage
{
	background-image		: url(gfx/marleen.jpg);
	background-position		: bottom left;
	background-repeat		: no-repeat;
}

.paddingcontent
{
	background-image		: url(gfx/gradient.jpg);
	background-repeat		: repeat-y;
	background-position		: top right;
	border				: 2px solid black;
}

/* De bovenkant */
.headerbalk
{
	border-bottom			: 2px solid black;
	padding-left			: 10px;
}

/* Zorgen dat we aan de rechterkant zitten */
.rightside
{
	margin-left			: 250px;
	margin-top			: 10px;
}

/* Het vlak waarin we onze text zetten + het menu onderaan */
.content
{
	height				: 400px;
	overflow			: auto;
}

/* Menubalkje */
.menubalk
{
	border-top			: 2px solid black;
}

/* Titel bovenaan de pagina (in het grijzig) */
h1
{
	color				: #a19e7f;
	font-weight			: bold;
	font-size			: medium;
}

/* Titel van de pagina */
h2
{
	font-weight			: bold;
	font-size			: large;
}

/* Subtiteltjes */
h3
{
	font-weight			: bold;
	font-size			: medium;
}

/* Een horizontale lijn */
hr
{
	background-color		: #050505;
	color				: #000000;
}

li
{
	display				: list-item;
}

input
{
	background-color		: #f5f5d5;
       	color				: #000000;
        border				: 1px solid #000000;
}

select
{
	background-color		: #f5f5f5;
	color				: #000000;
        scrollbar-face-color		: #eeeeee;
        scrollbar-shadow-color		: #000000;
        scrollbar-highlight-color	: #000000;
        scrollbar-3dlight-color		: #000000;
        scrollbar-darkshadow-color	: #000000;
        scrollbar-track-color		: #ffffff;
        scrollbar-arrow-color		: #000000;
        scrollbar-base-color		: #ffffff;
}

/* Links in het zwart */
a
{
	color				: #000000;
	background-color		: transparent;
}

/* Voor als we iets zonder een lijntje willen */
.nolines
{
	text-decoration			: none;
}

/* Underline links als we er overheen gaan */
a:hover, a.menu:hover
{
	text-decoration			: underline;
}

/* Linkjes in het menu */
a.menu
{
	color				: #000000;
	background-color		: transparent;
	text-decoration			: none;
}

/* Stukjes text moeten 10px afstand aan de onderkant */
div.text
{
	margin-bottom			: 10px;
}

/* No image borders please, that makes them ugly ;) */
img
{
	border				: none;
}