/***********************************************************
Title:     Main | Emile Blume - Netcreators.com
************************************************************/

/* Global reset v1.0 | 20081023 //////////////////////////////////////////////////////////////////////*/
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, strong, u, i, em, 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%;
	vertical-align: baseline;
	background:transparent;
}

a img { border: none; }
abbr, acronym, .help { border-bottom:1px dotted #333; cursor:help; }
blockquote, q { quotes:none;}
blockquote { margin: 0 0 1.3em 1.3em; }
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

dd { margin-left:1em;}
sup, sub { font-size:x-small; vertical-align:top; }
sub { vertical-align:bottom;}
table {	border-collapse:collapse; border-spacing:0; empty-cells:show; }

/* Base ////////////////////////////////////////////////////////////////////////////////*/
body { 
	background: #FFF;
	color: #000;
	font: normal 12px/1.5 Arial,Helvetica,sans-serif;
}

h1, h2, h3, h4, h5, h6 { 
	line-height: 1em;
	font-size: 1.1em;
	font-weight: 700; 
	margin-bottom: 0.6em; 
}
h1 { color:#FF8200; font-size: 1.6em; margin-bottom:1em; line-height:1.6em;}
h2 { color:#000; font-size:1.4em; margin-bottom:1em;line-height:1.4em;}
h3 { font-size:1.2em; line-height:1.2em;}
h4 { font-size:1.1em; }
h5 { font-size:1.1em; }

#c466 h2, #c471 h2 {
margin-top:20px;
}

p { font-size: 1em; margin-bottom:1.5em; }
pre, code, kbd, samp { font-size:1.5em; }
pre code { font-size:1em; }

a { color:#000; }
:focus { outline: thin dotted;}

hr {
	clear:both;
	background: #FFF;
	color: #FFF;
	border: 0;
	height: 1px;
}

ol, ul { 
	list-style:disc;
	margin: 0 0 1.3em 1.3em;
	padding: 0 0 0 1.3em;
}

ol { list-style: decimal;}
ol#voorwaarden { list-style: none;}

.hidden { display: none; }
.unhidden { display: block; }

td { height:auto; padding:0.3em; text-align:left;}
td p { margin:0; }
caption, th { padding:0.3em; }
caption { background:black; color:white; font-style:italic; }

/* Layout 3 cols ///////////////////////////////////////////////////////////////*/
#container {
	margin: auto;
	width: 962px;
	position: relative;	
}

#main, #alert, #left, #center, #right, #footer {
	float: left;
	display: inline; /* workaround for IE6*/
}

#description, #skip, .hide{ display: none;}

#header{
	background:#FFF url(../img/bg-dot.gif) repeat-x left bottom;
	height: 84px;
	position: relative;
	width: 962px;
}

/* Left  ////////////////////////////////////////////////////////////////////////*/
#left { background:#FFF; width: 177px;}

/* Center ///////////////////////////////////////////////////////////////////////*/
#center{	
	background:#FFF;
	padding:20px 0;
	/*
	min-height: 350px;
	height: auto !important;
	height: 350px;
	*/
	width: 450px;
}

/* Right ////////////////////////////////////////////////////////////////////////*/
#right { 
	margin:80px 0 0 25px;
	width: 310px;
}

/* Footer ////////////////////////////////////////////////////////////////////////*/
#footer{
	background:url(../img/bg-dot.gif) repeat-x left top;
	clear:both;
	padding:12px;
	height:30px;
	width: 938px;
}


/* Frames ////////////////////////////////////////////////////////////////////////*/
.frame-01 {
	background:#FFF;
	border:1px solid #FF8200;
	padding:12px 20px 0 20px;
	margin-bottom:1.5em;
}

.frame-01 {  background:none; border:1px solid #FF8200;}

/* Rounded corners ///////////////////////*/
.frame-float, .frame-balloon, #c436 {
	display:inline;
	float:left;
	padding-right:20px;
	background:#FFF;
	position:relative;
	width:290px;
}
#c436 { padding-top: 20px; padding-right: 30px;}
.corner { 
	background-image:url('../img/orange.gif');
	background-repeat:no-repeat;
	background-position:0 0;
	font-size: 0%;
	position: absolute; 
	height:4px;
	width: 4px; 
	z-index:100;
}
.alert .corner {background-image:url('../img/alert.gif'); }

.frame-inner { padding: 10px; float:left;}
.TL { top: 0; left: 0; background-position: 0 0; }
.TR { top: 0; right: 0; background-position: -4px 0; }
.BL { bottom: 0; left: 0; background-position: 0 -4px; }
.BR { bottom: 0; right: 0; background-position: -4px -4px; }

.frame-float h2 { color:#FF8200; font-size:1.5em;}
.frame-float h2 a  { color:#fff;}
.frame-float p, .frame-balloon p, .alert p { margin:0; }

.frame-balloon { background:#000; }
.frame-balloon p { color:#FFF; font-weight:bold; }
.frame-balloon a { color:#FF8200; }
.frame-balloon .corner {background-image:url('../img/black.gif');}
.frame-balloon .corner.BL { background-image:url('../img/black-bot.gif'); height:16px; width:16px; bottom:-16px; background-position:0 0;}

#center .frame-float { background:#FF8200; margin:0 10px 10px 10px; padding:0; width:300px; }
#center .frame-balloon { background:#000; margin:0 10px 30px 10px; padding:0; width:300px; }
#right .frame-balloon .frame-inner { margin:0 0 0 50px; }

/* Accessibility //////////////////////////////////////////*/
.mail { background:url(../img/accessibility/mail.png) no-repeat -2px 2px; padding-left:20px; }
.internal-link { background:url(../img/accessibility/internal-link.png) no-repeat -2px 2px; padding-left:12px; }
.external-link, .external-link-new-window { background:url(../img/accessibility/external-link.png) no-repeat -2px 2px; padding-left:20px; }
.external-link-new-window img { display:none; }

ul li a.internal-link { background:none; padding-left:0; } 


/* Alert boxes ////////////////////////////////////////////*/
#alert { border-left:10px solid #FFF; width:952px; }

#alert .frame-float { background:#FFD9D8 url(../img/alert-bot.gif) no-repeat left bottom; margin:0; padding:0; width:952px;}
#alert .frame-float .frame-inner {background:url(../img/alert-top.gif) no-repeat left top;  width:932px;}

.alert .frame-float { background:#FFD9D8 url(../img/alert-bot-small.gif) no-repeat left bottom; padding:0; width:100%;}
.alert .frame-inner { background:url(../img/alert-top-small.gif) no-repeat left top; width:290px;}


/* Machtigen tabel ////////////////////////////////////////////*/
.texticon {
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
	}
table#machtigen {
	margin-bottom: 2em;
	}
table#machtigen th{
	text-align: left;
	border-bottom: 1px solid #ddd;
	}
table#machtigen td{
	vertical-align: top;
	}
table#machtigen td.column1{
	width: 150px;
	text-align: right;
	font-weight: bold;
	padding-right: 1em;
	}
table#machtigen tbody td {
	border-bottom: 1px solid #ddd;
	}