/*======================================
      WELCOME TO THE STYLESHEET
--------------------------------------   
      Author: Wouter Govaert
======================================*/

/**************************************\
|------------COLOR SCHEME--------------|
|--------------------------------------|
- black		#000
- white		#fff
\**************************************/


/**************************************/
/*              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, table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	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;
}

hr, p, ul, ol, dl, pre, blockquote, address
{
	margin-bottom: 1.6em;
}

/**************************************/
/*              TYPOGRAPHY            */
/**************************************/

html
{
	font-family: arial,helvetica, "microsoft sans serif" , sans-serif;
	font-size: 62.5%;
}
body
{
	font-size: 1.1em;
	line-height: 1.6em;
}
abbr[title], acronym[title], dfn[title]
{
	border-bottom: 1px solid #ccc;
	cursor: help;
}
sup
{
	vertical-align: super;
}
sub
{
	vertical-align: sub;
}
strong, th, thead td, h1, h2, h3, h4, h5, h6
{
	font-weight: bold;
}
cite, em, dfn
{
	font-style: italic;
}
code, kbd, samp, pre, tt, var, input[type='text'], input[type='password'], textarea
{
}
del
{
	color: #666;
	text-decoration: line-through;
}
ins, dfn
{
	border-bottom: 1px solid #ccc;
}
small, sup, sub
{
	font-size: 85%;
}
abbr, acronym
{
	font-size: 85%;
	letter-spacing: .1em;
	text-transform: uppercase;
}
a abbr, a acronym
{
	border: none;
}
abbr[title], acronym[title], dfn[title]
{
	border-bottom: 1px solid #ccc;
	cursor: help;
}

/* HEADERS AND PARAGRAPHS */

h1
{
	font-size: 1.9em;
}
h2
{
	font-size: 1.7em;
}
h3
{
	font-size: 1.5em;
}
h4
{
	font-size: 1.3em;
}
h5
{
	font-size: 1.2em;
}
h6
{
	font-size: 1em;
}
p
{
	margin: 0 0 1.5em;
}

/* TABLES */
table
{
}
th, td
{
}

/**************************************/
/*              FORMS                 */
/**************************************/

/* INPUT & TEXTAREA */
input, select,textarea
{
	cursor: pointer;
	font-size:1em;
}
input[type='text']
{
	cursor: text;
}
textarea, input, select
{
	padding: .3em .4em .15em .4em;
	
}

textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover
{
}
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus
{
}

/* FIELDSET & LABEL */
fieldset
{
	border: 1px solid #ccc;
	margin: 0 0 1.5em 0;
	padding: 1.4em;
}
legend
{
	font-size: 1.2em;
	font-weight: bold;
	padding-left: .8em;
	padding-right: .8em;
}
label
{
	font-weight: bold;
}

/* SELECT */
select
{
	padding: .1em .2em 0 .2em;
}
option
{
	padding: 0 .4em;
}

/**************************************/
/*              LISTS               */
/**************************************/

dt
{
	margin-bottom: .4em;
	margin-top: .8em;
}
ul
{
	list-style-type: disc;
	margin-left: 1.5em;
}
ul ul
{
	list-style-type: square;
}
ul ul ul
{
	list-style-type: circle;
}
ol
{
	list-style-position: outside;
	list-style-type: decimal;
	margin-left: 2.35em;
}
ol ol, ul ol
{
	margin-left: 2.5em;
}

/**************************************/
/*        NAVIGATION  AND LINKS       */
/**************************************/
a:link
{
	color: #36c;
	text-decoration: underline;
}
a:visited
{
	text-decoration: underline;
}
a:hover
{
	color: #c33;
	text-decoration: none;
}
a:active, a:focus
{
	text-decoration: underline;
	outline:0;
}
a
{
	padding: 0.3em 0 .1em 0;
	position: relative;
}

/**************************************/
/*              HEADER                */
/**************************************/

/**************************************/
/*            MAIN CONTENT            */
/**************************************/

/**************************************/
/*               FOOTER               */
/**************************************/

/**************************************/
/*            HELPER CLASSES          */
/**************************************/

.clearFix:after, .container:after
{
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
.clearFix, .container
{
	display: inline-block;
}
* html .clearFix, * html .container
{
	height: 1%;
}
.clearFix, .container
{
	display: block;
}
.clear
{
	clear: both;
}
*:first-child + html .clearFix
{
	display: block;
	zoom: 1;
}
* html .clearFix
{
	display: block;
	zoom: 1;
}
img.centered, .alignCenter, div.alignCenter
{
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignRight
{
	display: inline;
}
img.alignLeft
{
	display: inline;
}
.alignRight
{
	float: right;
}
.alignLeft
{
	float: left;
}
.caps
{
	font-size: 1.2em;
	font-variant: small-caps;
	font-weight: bold;
	letter-spacing: 1px;
	padding: 0 2px;
	text-transform: lowercase;
}
.small
{
	font-size: .8em;
	line-height: 1.875em;
	margin-bottom: 1.875em;
}
.large
{
	font-size: 1.2em;
	line-height: 2.5em;
	margin-bottom: 1.25em;
}
.hide
{
	display: none;
}
.quiet
{
	color: #666;
}
.loud
{
	color: #000;
}
.highlight
{
	background: #ff0;
}
.top
{
	margin-top: 0;
	padding-top: 0;
}
.bottom
{
	margin-bottom: 0;
	padding-bottom: 0;
}
.thin
{
	font-weight: lighter;
}
.info, .success, .notice, .error, .validation
{
	border: 1px solid;
	margin: 10px 0px;
	padding: 15px 10px 15px 50px;
	background-repeat: no-repeat;
	background-position: 10px center;
}
.info
{
	color: #00529B;
	background-color: #BDE5F8;
	background-image: url('../img/info.png');
}

.success
{
	color: #4F8A10;
	background-color: #DFF2BF;
	background-image: url('../img/success.png');
}
.notice
{
	color: #9F6000;
	background-color: #FEEFB3;
	background-image: url('../img/warning.png');
}
.error
{
	color: #D8000C;
	background-color: #FFBABA;
	background-image: url('../img/error.png');
}
.validation
{
	color: #D63301;
	background-color: #FFCCBA;
	background-image: url('validation.png');
}


.center
{
	text-align: center;
}

/*KOEN 30/4/2010*/
body
{
	background-color:#999999;
}

#placeholder-canvas
{
   width:750px;
   margin : 0 auto; /*Deze zorgt voor centreren!*/
	text-align:left;
	background-color:White;
	margin-top:188px;
}

#placeholder-header
{
	height:50px;
	background-color:#000000;
	background:url(../img/header.jpg);
	background-repeat:repeat-x;
	background-position:top left;
}

#placeholder-header a
{
	color:#FFFFFF;
	/*padding-left:570px;*/
}

#title-header
{
	height:10px; /*10 - 6 = 24*/
	background-color:#cccccc;
	color:#595959;
}

#placeholder-content-side
{
	width:295px; /*320 - 25 = 295*/
	color:#595959; /*#898989;*/
	padding-left:25px;
	padding-top:27px;
	float:left;
}

#placeholder-content-main
{	/*750 - 320 = 430*/
	width:399px; /*430 - 30 - 1 = 399*/
	padding:15px;
	float:left;
	border-left:solid 1px #000000;
	margin-bottom:10px;
}

h1
{
	font-size:17px;
	font-weight:bold;
}

.footer
{
	margin-bottom:15px;	
}