/* CSS Document */

/* -------------------------- base structure ----------------------- */
body{
	margin: 0;
	padding: 0;
	text-align: center;
	background-color:#f3f3f3;
	background-image:url(../images/bg_wit.jpg);
	background-position:center top;
	background-repeat:repeat-y;
}
#container, #taalkeuze{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height:1.5em;
	color: #666;
	width: 780px;
	margin: 0 auto;
	text-align: left;
}
#taalkeuze{
	background-image:url(../images/taalkeuze_bg.jpg);
	background-position:200px;
	background-repeat:no-repeat;
	height:550px;
	/*min-height:550px;*/
}
#keuzes{
	margin-left:35px;
	margin-top:40px;
}
#header{
	width:780px;
	background-image:url(../images/bg_header.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	height:136px;
/*	border:1px solid #000;*/
}
#coll-l{
	float:left;
	margin-left:15px;
/*	margin-top:20px;*/
	margin-top:0px;
	width:173px;
	background-image:url(../images/boxleft_borders.jpg);
	background-position:left top;
	background-repeat:repeat-y;
/*	border:1px solid #000;*/
}

#coll-r{
	float:right;
	margin-right:10px;
/*	margin-top:20px;*/
	margin-top:0px;
	width:139px;
/*	border:1px solid #000;*/
}

#content{
	margin-left:229px;
	margin-right:189px;
	margin-top:-20px;
/*	border:1px solid #eee;*/
}
#content_detail{
	margin-left:229px;
	margin-right:10px;
	margin-top:-20px;
/*	border:1px solid #000;*/
}
#content_centerpart{
	margin-left:0px;
	margin-right:0px;
	margin-top:0;
	margin-bottom:0;
/*	border:1px solid #eee;*/
}

#footer{
	text-align:right;
	clear:both;
	padding:5px 15px 10px 15px;
	font-size:0.85em;
/*	border:1px solid #000;*/
}



/* -------------------------- einde basisstructuur ----------------------- */

/* -------------------------- menus ----------------------- */

#nav{
	padding: 0;
	margin: 0;
	list-style: none;
}

#nav li{
	float: left;
	position: relative;
}

#nav li a{
	width:105px;
	height:30px;
	padding-top:6px;
	text-align:center;
	vertical-align:middle;
	text-decoration:none;
	font-size:0.9em;
	line-height:1.2em;
	display:block;
	color:#ffffff;
	background-image:url(../images/menu/b_off.gif);
	background-position:left top;
	background-repeat:no-repeat;
}
#nav li:hover a, #nav li.over a{
	background-image:url(../images/menu/b_over_bl.gif);
}
#nav li a.active{
	color:#0FA1b8;
	background-image:url(../images/menu/b_on.gif);
}


#nav li ul {
	display: none;
	position: absolute;
	top:36px;
	left:-43px;
}

#nav li:hover ul, #nav li.over ul{
	display:block;
	background-color:#FFF;
	z-index:99;
}

#nav li li{
	list-style-type:none;
/*	display:block;*/
	float:none;
}

#nav li li a{
	color:#FFF;
/*	font-weight:bold;*/
/*	font-size:0.9em;*/
	font-size:8pt;
/*	display:block;
	margin:0;*/
	margin-left:2px;
	border:1px solid #fff;
	background-color:#A4A5A7;
/*	background-color:#0FA1B8;*/
	padding:2px 5px;
/*	text-align:center;*/
	text-align:left;
	text-decoration:none;
	background-image:none;
/*	height:25px;*/
	width:auto;
/*	min-width:100px;
	max-width:150px;*/
	height:auto;
}

#nav li:hover li a, #nav li.over li a{
	background-image:none;
}
#nav li li a:hover{
	background-color:#0FA1B8;
/*	background-color:#A4A5A7;*/
/*	background-image:url(../images/menu/bg_uitklap.gif);
	background-position:left top;
	background-repeat:repeat-x;*/
}

#l-content .submenu{
	border-top:1px solid #ccc;
	margin-top:10px;
}
#l-content .submenu ul{
	margin:0;
	padding:0;
}
#l-content .submenu li{
	list-style-type:none;
}
#l-content .submenu li a{
	display:block;
	border-bottom:1px solid #ccc;
	color:#777;
	font-size:8pt;
	text-decoration:none;
/*	text-align:center;
	text-align:left;*/
	padding-left:5px;
}
#l-content .submenu li a:hover{
	background-color:#F1AF56;
	color:#fff;

}
#l-content .submenu li.on a{
	background-color:#fc9200;
	background-image:url(../images/bg_orange.jpg);
	background-position:left top;
	background-repeat:repeat-y;
	color:#fff;
}
#keuzes li{
	list-style-type:none;
}
#keuzes li a{
	color:#999;
	padding-left:15px;
	background-image:url(../images/keuzebull_off.jpg);
	background-position:left center;
	background-repeat:no-repeat;
	text-decoration:none;
}
#keuzes a:hover{
	color:#f90;
	background-image:url(../images/keuzebull_on.jpg);
}
/* -------------------------- end menus ----------------------- */

/* -------------------------- layout ----------------------- */

#langswitch{
	margin-left:600px;
	margin-right:30px;
	padding-top:10px;
	height:34px;
	text-align:right;
	color:#fff;
}

#l-content{
	background-image:url(../images/boxleft_top.jpg);
	background-repeat:no-repeat;
	padding-top:10px;
	padding-left:1px;
	padding-right:2px;
	padding-bottom:10px;
}

#l-content .tekst{
	padding:0 10px;
}

.box-r{
	margin-bottom:10px;
	background-image:url(../images/boxright_bg.jpg);
	background-position:left 10px;
	background-repeat:repeat-y;
}
.box-r .content{
	padding:0 10px;
}
.box-r .content ul{
	list-style-type:none;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 10px;
	margin-right: 0px;
	padding: 0;
	text-align:left;
}
.box-r .content ul li a{
	color:#999;
/*	background-image:url(../images/keuzebull_off.jpg);
	background-position:left center;
	background-repeat:no-repeat;*/
	text-decoration:none;
}
.box-r .content a:hover{
	color:#f90;
/*	background-image:url(../images/keuzebull_on.jpg);*/
}
#logo_qfor{
	text-align:center;
	margin-top:-3px;
}
#logo_fbook{
	width:100px;
	text-align:center;
	border:1px solid #aaa;
}
.box-r .input-tekst{
	width:115px;
	font-size:0.8em;
	color:#999;
	margin-top:3px;
	margin-bottom:3px;
	border:1px solid #ccc;
}
.box-r .input-submit{
	margin-top:3px;
	margin-bottom:3px;
	background-color:#7f7f7f;
	color:#FFF;
	font-size:0.85em;
	font-weight:bold;
	padding:3px;
	border:0;
	cursor:pointer;
}

.case {
	padding: 5px 15px;
	background-color:#d7d7d7;
}

/* -------------------------- einde layout ----------------------- */

/* -------------------------- typografie ----------------------- */
h1{
	font-size:1.4em;
	color:#0fa1b8;
/*	color:#09c;*/
	font-weight:normal;
	margin-top:0;
	padding-top:0;
}

h2{
	display:block;
	font-size:1.1em;
	color:#09c;
	padding-top:15px;
	background-image:url(../images/stippellijn.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	font-weight:normal;
	margin-bottom:0;
	padding-bottom:0;
}

h3{

}

#l-content h3{
	font-size:1.2em;
	font-weight:normal;
}

.box-r h3{
	color:#09c;
	font-size:1.05em;
	font-weight:normal;
	margin-top:0;
	margin-bottom:5px;
}

.case h3{
	font-size:2.2em;
	color:#fff;
	font-weight:normal;
	margin-top:0;
	padding-top:10px;
}

#coll-r .tekst{
	color:#09c;
}

.small{
	font-size:0.9em;
}
/*
p{
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
	text-align:left;
}
*/
/* -------------------------- einde typografie ----------------------- */

/* -------------------------- links ----------------------- */
a {
	color:#f90;
}

#langswitch a{
	color:#fff;
	text-decoration:none;
}
#langswitch a.on, #langswitch a:hover{
	color:#F90;
}

a.meer{
	text-decoration:none;
}
#footer a{
	color:#666;
	text-decoration:none;
}
#footer a:hover{
	color:#09c;
}

/* -------------------------- end links ----------------------- */

/* -------------------------- Aide ----------------------- */
.floatleft{
	float:left;
}
.floatright{
	float:right;
}

/* -------------------------- fin aide ----------------------- */

/* ------------------------ Tables, ... OLD Styles ------------------------- */
TABLE {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	margin:0;
	padding:0;
	text-align:left;
}
TABLE.bred, TABLE.bred_bgwhite {
	margin:0;
	padding:0;
	border: 1px solid #999;
}
TABLE.bred {
	background-color:#ebebeb;
}

TD.o2 {font-size:2px}
TD.o4 {font-size:4px}
TD.o7 {font-size:7px}
TD.sz7 {font-size:7pt}

P.reptxt {text-align:justify}
.text_blue{color:#09c;}
.text_orange{color:#ff9900;}
.star {color: #ff0000; font-size:9pt;}
.subsstar {color: #ff0000; font-size:8pt;}
.txtinfo {color:#999}
.bgcol_miblue {background-color:#09c;}
.sz7pt {font-size:7pt}

A.text {color:#666}
A:hover.text {color:#f90}

A.list {color:#666; font-size: 8pt}
/*A:link.list {font-size: 8pt}
A:visited.list {font-size: 8pt}
A:active.list {font-size: 8pt}*/
A:hover.list {font-size: 8pt; color:#f90}

A.stat {color:#666; font-size: 8pt; text-decoration: none}
/*A:link.stat {color:#003c78}
A:visited.stat {color:#003c78}
A:active.stat {color:#003c78}*/
A:hover.stat {font-size: 8pt; color:#f90}

A.footerland {font-size: 9pt; text-decoration: none}
/*A:link.footerland {color:#003c78}
A:visited.footerland {color:#003c78}
A:active.footerland {color:#003c78}*/
A:hover.footerland {font-size: 9pt;}

SELECT {
	font-family: Arial, Helvetica, sans-serif;
  color: #666;
	font-size:8pt;
}
INPUT {
	font-family: Arial, Helvetica, sans-serif;
  color: #666;
	font-size:8pt;
}
INPUT.searchbtn {
	font-size: 10pt;
	font-weight: bold;
	color:#666;
/*	background-color: rgb(0,70,120);*/
	cursor: hand;
}
INPUT:hover.searchbtn {
	color:#f90;
}
TEXTAREA {
	font-family: Arial, Helvetica, sans-serif;
  color: #666;
	font-size:8pt;
}
/* ------------------------ End Formbase ------------------------- */