/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

body	 { 
	min-width: 1000px; 
	text-align: left; 
	margin: 0px; 
	font-size: 11px; 
	color: #000;
	background: url('images/bck_main.png') bottom center repeat-x fixed #000;
	font-family:Verdana, Arial, Helvetica, sans-serif;		  
}

/***************
**** COLUMNS ***
***************/

/* main columns */

.columns		{ width: 100%; }
.lastcol		{ margin-right: 0px !important; }
.col1-2			{ width: 484px; float: left; margin-right: 32px; }
.col1-3			{ width: 312px; float: left; margin-right: 32px; }
.col2-3			{ width: 656px; float: left; margin-right: 32px; }
.col1-4			{ width: 226px; float: left; margin-right: 32px; }
.col2-4			{ width: 484px; float: left; margin-right: 32px; }
.col3-4			{ width: 742px; float: left; margin-right: 32px; }

/* cols inside of main columns */

.col2-3 .col1-2		{ width: 312px; float: left; margin-right: 32px; }
.col2-3 .col1-3		{ width: 198px; float: left; margin-right: 31px; }
.col2-3 .col2-3		{ width: 427px; float: left; margin-right: 31px; }
.col3-4	.col1-3		{ width: 226px; float: left; margin-right: 32px; }
.col3-4	.col2-3		{ width: 484px; float: left; margin-right: 32px; }
.col3-4 .col1-4		{ width: 163px; float: left; margin-right: 30px; }
.col3-4 .col2-4		{ width: 356px; float: left; margin-right: 30px; }
.col3-4 .col3-4		{ width: 549px; float: left; margin-right: 30px; }

/* cols inside of fullboxes */

.content-box .col1-2	{ width: 468px; float: left; margin-right: 18px; }
.content-box .col1-3	{ width: 306px; float: left; margin-right: 18px; }
.content-box .col2-3	{ width: 630px; float: left; margin-right: 18px; }
.content-box .col1-4	{ width: 225px; float: left; margin-right: 18px; }
.content-box .col2-4	{ width: 468px; float: left; margin-right: 18px; }
.content-box .col3-4	{ width: 711px; float: left; margin-right: 18px; }

/* cols for boxes with sidebars */

.content-box .col1-2 .col1-2	{ width: 225px; float: left; margin-right: 18px; }
.content-box .col2-3 .col1-2	{ width: 306px; float: left; margin-right: 18px; }
.content-box .col3-4 .col1-2	{ width: 346px; float: left; margin-right: 19px; }
.content-box .col3-4 .col1-3	{ width: 225px; float: left; margin-right: 18px; }
.content-box .col3-4 .col2-3	{ width: 468px; float: left; margin-right: 18px; }

.sidebar1-2 .sidebar .col1-2	{ width: 214px; float: left; margin-right: 20px;}

/* cols for boxes(without sidebars only) inside of main columns */

.col1-2	.content-box .col1-2 	{ width: 210px; float: left; margin-right: 18px; }
.col2-3	.content-box .col1-2 	{ width: 296px; float: left; margin-right: 18px; }
.col2-3	.content-box .col1-3 	{ width: 192px; float: left; margin-right: 17px; }
.col2-3	.content-box .col2-3 	{ width: 401px; float: left; margin-right: 17px; }
.col2-4	.content-box .col1-2 	{ width: 210px; float: left; margin-right: 18px; }
.col3-4	.content-box .col1-2 	{ width: 339px; float: left; margin-right: 18px; }
.col3-4	.content-box .col1-3 	{ width: 220px; float: left; margin-right: 18px; }
.col3-4	.content-box .col2-3 	{ width: 458px; float: left; margin-right: 18px; }


/*******************************
**** DESIGN of content boxes ***
*******************************/

.content-box			{ border-width: 1px; border-style: solid; border-color: #DDDDDD #DDDDDD #C4C4C4 #DDDDDD; background: #FFFFFF; margin-bottom: 30px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px;}
.content-box .box-header	{ min-height: 36px; background: url('images/bck_header.png') top center repeat-x; position: relative; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px;}
.content-box .box-body		{ border: 2px solid #FFFFFF; background: #F5F5F5; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px;}
.content-box .box-wrap		{ padding: 20px 20px 10px 20px; }
.box-header h2			{ color: #333333; line-height: 24px; margin-bottom: 0px; padding: 7px 20px 9px 20px; background: url('images/rule.gif') bottom left repeat-x; font-size:12px; }
.box-header .tabs		{ position: absolute; top: 7px; right: 10px; }
.box-header .tabs li		{ float: left; margin-left: 3px; font-size: 11px; line-height: 20px; font-weight: bold; }
.box-header .tabs li a		{ background: url('images/button_glas2.png') center center repeat-x #EEEEEE; border: 0px solid #FFFFFF; display: block; color: #333333; text-decoration: none; padding: 2px 15px 2px 15px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; }
.box-header .tabs li a:hover	{ background: #FFFFFF; text-decoration: none; }
.box-header .tabs li.active a	{ color: #FFFFFF; background: url('images/button_glas1.png') center center repeat-x #4DB800; border: 0px solid #333333; }
.box-header .tabs li a.selected	{ color: #FFFFFF; background: url('images/button_glas1.png') center center repeat-x #4DB800; border: 0px solid #333333; }

/* sliding boxes and tabs */

.box-slide-head span.slide-but,
.box-slide-head td.slide-but span	{ display: block; text-indent: -9999px; width: 26px; height: 24px; background: url('images/but_slide.png') center center no-repeat !important; cursor: pointer; }
.box-slide-head td.slide-but		{ background: none; }
td.box-slide-body 			{ background: #F0f0f0 !important; } 
.box-header.box-slide-head .slide-but	{ position: absolute; top: 7px; right: 5px; }
.box-header.box-slide-head .tabs	{ right: 36px; }


#container{
	position:relative;
	margin:0px auto 10px auto;	
	text-align:left;
	width:1024px;
}

#navigation{
	width:1000px;
	left:0;
	background:#CACACA;	
	z-index: 10;
}
#navigation ul{
	margin-left:11px;	
	display:block;
	margin-bottom:0;
	z-index: 10;
}
#navigation li{
	position:relative;
	float:left;	
	padding-right:8px;
	list-style-type:none;
	margin-left:0;
	z-index: 10;
	line-height:34px;
	text-transform:uppercase;
	color:#fff;
	font-size:13px;
}
#navigation li a{
	position:relative;
	/*background:url("images/menubg.gif") no-repeat left;*/
	display:block;
	float:left;
	padding:0 5px;
	color:#fff;
	font-size:13px;
	line-height:34px;
	height:36px;
	text-transform:uppercase;
	z-index: 10;
}
#navigation li a:hover, #navigation li a.active, #navigation li.current_page_item a, #navigation li.current_page_parent a, #navigation li.current_page_ancestor a{
	color:#E1D299;
	text-decoration:none;	
}
/*
#navigation li ul{
	display:none;	
	background:#414143;
	padding-bottom:11px;
	padding-top:3px;
}
#navigation li:hover ul{
	z-index:100;
	position:absolute;
	width:265px;
	display:block;
	top:32px;
	left:-11px;
	border-left:1px solid #000;
	border-right:1px solid #000;
	border-bottom:3px solid #000;
	padding-bottom:0;
}
#navigation li ul li{
	position:relative;
	float:none;
	list-style-type:none;
	list-style-position:inside;
	color:#e68e38;
	background:none;
	border-bottom:1px solid #fff;
	clear:both;
	display:block;
}
#navigation li ul li a{
	*text-indent:-10px;
	text-transform:none;
}
#navigation li ul li a, #navigation li.current_page_item ul li a, #navigation li.current_page_parent ul li a, #navigation li.current_page_ancestor ul li a{
	background:none;	
	color:#fff;
	float:none;
	font-size:13px;
	height:13px;
	padding-bottom:20px;
	font-weight:bold;
}
#navigation li ul li a:hover, #navigation li ul li.current_page_item a{
	background:none;	
	color:#fff;
}
#navigation li ul li a:hover{
	text-decoration:underline;	
}
#navigation li ul li ul{
	display:block;	
	position:relative !important;
	top:0px !important;
	border:none !important;
	margin-left:11px !important;
	padding:0 !important;
	width:230px !important;
}
#navigation li ul li ul li{
	list-style-type:none;
	list-style-position:inside;	
	border:none;
	border-top:1px solid #fff;
}
#navigation li ul li ul li a, #navigation li ul li.current_page_item ul li a{
	font-weight:normal !important;
	margin-left:14px;
	color:#fff;
	width:100%;
}
#navigation ul li ul li.current_page_parent a, #navigation ul li ul li.current_page_ancestor a{
	background:none;	
}
#navigation ul li ul li.current_page_item a:hover{
	color:#fff;	
}
*/

.error {
	text-decoration: none;
	color: #FF0000;
}

.tablecontent {
	padding: 0 0 0 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;	
	margin: 0;
	padding-top: .2em;
}


#framearea {
	width: 1000px;
	height: 600px; 
	margin-bottom: 10px;
}
.framebody {
	overflow: auto;
	width: 1000px;
	height: 600px;
	background-color:#FFFFFF;
}

.mailbar {
	background-image: url(images/mailerbar-bg.gif);
	background-repeat: no-repeat;
	height: 60px;
	width: 514px;
	margin-right: auto;
	margin-left: auto;
}
.baritems {
	padding-top: 10px;
	padding-left: 7px;
	text-align: left;
}
.statusbox {
	background-color: #FFFFFF;
	position: absolute;
	left: 50%;
	width: 514px;		
	margin-left: -257px;
	height: 0px;		
}
.percentbox {
	background-color: #FFFFFF;
	position: absolute;
	left: 50%;
	width: 514px;
	margin-left: -257px;
	height: 90px;
	font-family: "Trebuchet MS", Arial, Helvetica;
	font-size: 24px;
	font-weight: bold;
	color: #999999;
	text-align: center;
}


* {
	margin: 0;
	padding: 0;
}

form {
}

fieldset {
	border: none;
}

legend {
	display: none;
}

h1, h2, h3 {
	margin: 0;
	color: #990100;
}

h2 {
	margin-bottom: .5em;
	font-size: 1.8em;
}

h3 {
	margin-bottom: 1em;
	font-size: 1em;
}

p, blockquote, ul, ol {
	margin-bottom: 1.5em;
	line-height: 1.8em;
}

p {
}

blockquote {
}

ul {
	margin-left: 2em;
	list-style: square;
}

ul li {
}

ol {
	margin-left: 2em;
}

ol li {
}

a {
	color: #990100;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	color: #414142;
}

img {
	border: none;
}

/* Boxed Style */

.vraag {
	width:650px;
	font-family: Arial;
	background: url(images/img07.gif) no-repeat;
	margin-bottom: 1em;
	padding-left:2px;	
	height:29px;
	overflow:hidden;
	cursor:pointer; }

.vraag .title {
	height: 29px;
	padding: 11px 0 0 27px;
	text-transform: uppercase;
	font-size: 1.2em;
	color: #FFFFFF;
}

.vraag2 {
	width:220px;
	font-family: Arial;
	background: url(images/img03.gif) no-repeat;
	margin-bottom: 1em;
	padding-left:2px;	
	height:40px;
	overflow:hidden;
	cursor:pointer; }
		
.vraag2 .title {
	height: 29px;
	padding: 11px 0 0 27px;
	text-transform: uppercase;
	font-size: 1.2em;
	color: #FFFFFF;
}
.antwoord {
	position:relative;
	width:650px;
	border:0px solid #FFF;
	background-color:#FFF;
	visibility:hidden;
	height:0px;
	overflow:hidden; }
	
.antwoord2 {
	position:relative;
	width:220px;
	border:0px solid #FFF;
	background-color:#FFF;
	visibility:hidden;
	height:0px;
	overflow:hidden; }	
	
.antwoordInhoud {	
	position:relative;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:8pt;	
 }
.boxed {
	margin-bottom: 1em;
	background: url(images/img03.gif) no-repeat;
}

.boxed .title {
	height: 29px;
	padding: 11px 0 0 27px;
	text-transform: uppercase;
	font-size: 1.2em;
	color: #FFFFFF;
}

.boxed .content {
	padding: 10px;
}

/* Boxed Style 2 */

.boxed2 {
	margin-bottom: 1em;
	background: url(images/img07.gif) no-repeat;
}

.boxed2 .title {
	height: 29px;
	padding: 11px 0 0 27px;
	text-transform: uppercase;
	font-size: 1.2em;
	color: #FFFFFF;
}

.boxed2 .content {
	padding: 10px;
}


/* Header */

#header {
	width: 1000px;
	height: 95px;
	margin: 0 auto;
	background: url(images/logo.png) no-repeat #fff;
	
}

/* Header > Logo */

#logo {
	float: left;
	padding: 50px 0 0 0;
}

#logo h1 {
	text-transform: uppercase;
	font-size: 2em;
	text-indent:-12345em;
}

#logo h2 {
	margin: 0;
	text-transform: uppercase;
	font-size: 1.2em;
	text-indent:-12345em;
}

#logo a {
	text-decoration: none;
	color: #ffffff;
	
}

/* Header > Top Menu */

#topmenu {
	float: right;
}

#topmenu ul {
	margin: 0;
	padding: 45px 0 0 0;
	list-style: none;
	line-height: normal;
}

#topmenu li {
	display: inline
}

#topmenu a {
	display: block;
	float: left;
	margin: 0 0 0 20px;
	padding: 0 0 0 15px;
	text-transform: uppercase;
	text-decoration: none;
	font-size: x-small;
	font-weight: bold;
	color: #000;
}

#topmenu a:hover {
	text-decoration: underline
}

#topmenu1 {
	background: url(images/img04.gif) no-repeat left center;
}

#topmenu2 {
	background: url(images/img05.gif) no-repeat left center;
}

#topmenu3 {
	background: url(images/img06.gif) no-repeat left center;
}

/* Menu */

#menu {
	width: 1000px;
	height: 35px;
	margin: 0 auto;
	background: url(images/menubg.jpg) repeat-x;
}


#menu .first a {
	padding-left: 0;
	background: none;
}

/* Content */

#content {
	width: 1000px;
	margin: 0 auto;
	padding: 20px 0;
}

/* Content > Main */

#main {
	float: left;
	width: 760px;
}

/* Content > Main > Example */

#example {
}

/* Content > Main > Welcome */

#welcome {
	margin: 0 0 3em 0;
	padding: 10px 0 1.5em 0;
	border-bottom: 1px solid #CCCCCC;
}

/* Content > Sidebar */

#sidebar {
	float: right;
	width: 220px;
}

/* Content > Sidebar > Login */

#login {
}

#login label {
	display: block;
}

#login #inputtext1, #login #inputtext2 {
	width: 180px;
	margin-bottom: .5em;
	padding: 2px 5px;
	border: 1px solid #CCCCCC;
	font: normal small Arial, Helvetica, sans-serif;
	color: #999999;
}

#login #inputsubmit1 {
	float: right;
	width: 60px;
	margin-right: 7px;
	border: 1px solid #CCCCCC;
	border-top-color: #FFFFFF;
	border-left-color: #FFFFFF;
	font: normal small Arial, Helvetica, sans-serif;
}

#login p {
	margin: 0;
	padding-top: .2em;
	font-size: x-small;
}

/* Content > Sidebar > Updates */

#updates {
}

#updates ul {
	margin: 0;
	list-style: none;
}

#updates li {
	margin-bottom: 1em;
}

#updates h3 {
	margin: 0;
	padding: 0 0 0 10px;
	font-size: x-small;
}

#updates p {
	margin: 0;
	padding: 0 0 0 10px;
	line-height: normal;
	font-size: .85em;
}

#updates a {
	text-decoration: none;
}

/* Content > Mainbar > Diversen */

#createtable {
}

#createtable label {
	display: block;
}

#createtable #inputtext1, #login #inputtext2 {
	width: 180px;
	margin-bottom: .5em;
	padding: 2px 5px;
	border: 1px solid #CCCCCC;
	font: normal small Arial, Helvetica, sans-serif;
	color: #999999;
}

#createtable #inputsubmit1 {
	float: left;
	margin-right: 7px;
	border: 1px solid #CCCCCC;
	border-top-color: #FFFFFF;
	border-left-color: #FFFFFF;
	font: normal small Arial, Helvetica, sans-serif;
}

#createtable p {
	margin: 0;
	padding-top: .2em;
	font-size: x-small;
}


/* Content > Sidebar > Partners*/

#partners {
}

/* Footer */

#footer {
	clear: both;
	width: 700px;
	margin: 0 auto 2em auto;
	border-top: 1px solid #CCCCCC;
}

/* Footer > Legal */

#legal {
	margin: 0;
	padding: 8px;
	text-align: center;
	font-size: x-small;
}

#legal a {
	font-weight: bold;
}

/* Footer > Links */

#links {
	margin: 0;
	padding: 10px;
	text-align: center;
}