/* Global Settings */

body {background:#FFF url(../images/img01.gif) repeat-x;font:normal small Arial, Helvetica, sans-serif;}

 * {margin:0;padding:0}


/* Headings */

h1,h2,h3 {margin:0}

h1 {color:#000000; margin-top:.5em; margin-bottom:.3em; font-family:Arial, Helvetica, sans-serif; font-size:1.7em; font-weight:normal;}

h2 { color:#666; margin-top:1em; margin-bottom:.5em; font-family:Arial, Helvetica, sans-serif; font-size:1.3em; font-weight:normal;}

h3 { margin-bottom:1em; font-family:Arial, Helvetica, sans-serif; font-weight:normal; padding:10 10 10 10px; color:#7C7C7C;}


/* Common Formatting */

p {font-family:normal small Arial, Helvetica, sans-serif;font-size:10pt;line-height:1.5em;text-decoration:none;font-weight:lighter;color:#555}

blockquote,ul,ol {font-family:normal small Arial, Helvetica, sans-serif;margin-bottom:1.5em;line-height:1.8em;font-weight:lighter;}

ul {font-family:normal small Arial, Helvetica, sans-serif;margin-left:2em;list-style:none;color:#555;font-weight:lighter;}

ol {margin-left:2em;list-style:lower-alpha;color:#555;}

hr { height: 0; border-style: dashed; border-width: 1px 0 0 0; border-color:#DDD; }

strong {font-weight:bold;}


/* Links */

a {color:#207bc4; text-decoration:underline; font-weight:lighter;}

a:hover { text-decoration:none;}


/* Forms */

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

#form #inputtext2 { width:400px; height:200px; margin-bottom:.5em; border:1px solid #CCC; font:normal small Arial, Helvetica, sans-serif; color:#999; padding:2px 5px}

#dob_day, #dob_month, #dob_year {background:#fff;font-size:12pt;color:#AAAAAA;padding:3px;border-top:1px solid #CCCCCC;border-left:1px solid #CCCCCC;border-right:1px solid #999999;border-bottom:1px solid #999999; }
#dob_day:hover,#dob_month:hover,#dob_year:hover{border:1px solid #529fc8;}
#dob_day:focus,#dob_month:focus,#dob_year:focus{border:1px solid #529fc8;}

#permission {color:#fff; background-color:#3399cc;}

textarea  { background:#fff; font-family:Arial, Helvetica, sans-serif; font-size:12pt; color:#AAAAAA; margin-left:auto;margin-right:auto;margin-top:5px;margin-bottom:10px;padding:5px;border-top:1px solid #CCCCCC;border-left:1px solid #CCCCCC;border-right:1px solid #999999;border-bottom:1px solid #999999;
-moz-border-radius: 8px;-webkit-border-radius: 8px;border-radius:8px;}

input  {background:#fff;font-size:12pt;color:#AAAAAA;padding:3px;border-top:1px solid #CCCCCC;border-left:1px solid #CCCCCC;border-right:1px solid #999999;border-bottom:1px solid #999999; -moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px}

input:focus, input:hover {border:1px solid #529fc8;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px}


/* Social buttons */


/* Navigation element left */


.navleft {
	width:250px;
	margin-left:0px;
	float:left;
}

.navleft_link {
	background:url(../images/navleft.jpg);
	width:200px;
	height:30px;
	font-size:0.9em;
	text-transform:uppercase;
	margin-left:0px;
	padding-left:10px;
	padding-top:10px;
	border:1px solid #FFF;
	border-radius:8px;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	transition:all 0.3s ease;
}

.navleft_link:hover {
	width:250px;
	opacity: 0.8;
}


.introtext {
	float:right;
	}


/* Top Navigation */

#tabs {float:none;width:900px;margin-left:15%;margin-right:auto;height:30px;margin-bottom:none;}
.unselected {font-size:12px;float:left;position:relative;background:url(../images/paper2.jpg) repeat-x;width:140px;height:25px;border-top-left-radius: 15px 10px;border-top-right-radius: 15px 10px;opacity:0.85;}
.selected {font-size:14px;float:left;position:relative;background:url(../images/paper2.jpg) repeat-x;width:160px;height:25px;border-top-left-radius: 15px 10px;border-top-right-radius: 15px 10px;margin-right:2px;font-weight:lighter; color:#000;text-decoration:none;-moz-box-shadow: 3px 0px 6px #BBB;
-webkit-box-shadow: 3px 0px 6px #BBB;;box-shadow: 3px 0px 6px #BBB;}
#tabs li { display: block; padding: 15px 30px 5px 20px; line-height: 25px; margin:0px 2px 0px 2px;text-align: center}
#tabs a {font-weight:lighter; color:#000;text-decoration:none;}



#nav { float:none; width:900px; height: 35px; margin-left:auto; margin-right:auto;}
#nav li { float: left; position: relative; }
#nav li a { display: block; padding: 15px 30px 5px 20px; line-height: 25px; font-size:11pt; font-weight:lighter; color:#FFF; text-decoration:none; font-family:normal small Arial, Helvetica, sans-serif; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);}
#nav li a { display: block; padding: 15px 30px 5px 20px; line-height: 25px; font-size:11pt; font-weight:lighter; color:#FFF; text-decoration:none; font-family:normal small Arial, Helvetica, sans-serif; text-shadow: 0px 1px 0px #006;}
#nav li ul { display: none; position: absolute; top: 40px; left: -26px; width: 220px; background:#FFF;}
#nav li:hover ul { display: block; border-top:1px solid #CCCCCC;border-left:1px solid #CCCCCC;border-right:1px solid #999999;border-bottom:1px solid #999999;}
#nav li ul li { float: none; background:#FFF; -webkit-transition-property: background; -webkit-transition-duration:0.4s; -webkit-transition-timing-function: ease;}
#nav li ul li:hover { background:#e3f1f8; color:#FFF;}
#nav li ul li a { display: inline-block; color:#666; font-size:10pt; text-decoration:none; text-shadow:none; -webkit-transition-property: color; -webkit-transition-duration:0.4s; -webkit-transition-timing-function: ease;}
#nav li ul li a:hover { text-decoration:none;}
.nav_login { font-size:8px; text-transform:uppercase; padding:0px; color:#FFF;color: rgba(255, 255, 255, 0.7);-moz-transition-property: background; -moz-transition-duration:0.4s; -moz-transition-timing-function: ease;-webkit-transition-property: background; -webkit-transition-duration:0.4s; -webkit-transition-timing-function: ease;}
.nav_login:hover {background:#4092bd; -moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}


 
.spacer {
	width:250px;
}
 
legend {
display:none
}

.mainheader {
color:#000000;
margin-top:.5em;
margin-bottom:.3em;
font-family:Arial, Helvetica, sans-serif;
font-size:2.0em;
font-weight:normal;
}

.subheader {
font-family:normal small Arial, Helvetica, sans-serif;
font-size:12pt;
line-height:1.5em;
text-decoration:none;
font-weight:lighter;
color:#000
}

verplicht {
color:#FF0000;
font-size:14px
}

.boxed {
margin-bottom:1em;
background:url(../images/paper2.jpg);
border-radius:8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-moz-box-shadow: 3px 2px 6px #BBB;
-webkit-box-shadow: 3px 2px 6px #BBB;;box-shadow: 3px 2px 6px #BBB;
}

.boxed .title {
height:29px;
text-transform:none;
text-decoration:none;
text-shadow: 0px 2px 1px #FFF;
margin-top:.2em;
font-weight:300;
font-size:12pt;
color:#333;
padding:11px 0 0 15px
}

.ad {
margin-bottom:1em;
border:1px solid #EEE;
padding-left:10px;
background-color:#FFFFCC;
}

.boxed2 {
padding-top:10px;
padding-bottom:15px;
padding-left:10px;
padding-right:10px;
background-color:#FFF;
border-right:1px solid #CCC;
border-bottom:1px solid #CCC;
border-top:1px solid #EEE;
border-left:1px solid #EEE;
}

.titlebold {
font-weight:400;
font-size:12pt;
color:#000;
}

.boxed .content {
padding:10px
}

#header {
width:900px;
height:85px;
margin:0 auto
}

#logo {
float:left;
width:500px;
padding:5px 0 0
}

#logo h1 {
text-transform:none;
font-size:24pt;
font-weight:400
}

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

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

#topmenu {
float:right
}

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

#topmenu a {
display:block;
float:left;
text-transform:none;
text-decoration:none;
font-size:x-small;
font-weight:400;
color:#7c7c7c;
margin:0 0 0 0px;
padding:0 0 0 15px
}

.tabsmenuclass ul {
width:900px;
height:40px;
margin:0 auto
}

.tabsmenuclass a {
display:block;
float:left;
height:26px;
text-transform:none;
text-decoration:none;
font-weight:400;
font-size:12pt;
color:#FFF;
padding:14px 18px 0 20px
}

.tabsmenuclass a:hover,.tabsmenuclass a.selected {
text-decoration:none;
background:url(../images/img11.gif) repeat-x;
color:#7c7c7c
}

.tabsmenucontentclass {
clear:left;
width:900px;
height:0px;
margin:auto;
padding:15px
}

.tabsmenucontentclass ul {
list-style:none;
line-height:normal;
margin:0
}

.tabsmenucontentclass li {
display:inline;
margin-right:1em
}

.tabsmenucontentclass a {
display:block;
float:left;
height:26px;
text-transform:none;
text-decoration:none;
border-bottom:1px solid #EEE;
font-weight:400;
font-size:12pt;
color:#3399cc;
padding:8px 18px 0 20px
}

.tabsmenucontentclass a:hover {
text-decoration:none;
color:#7c7c7c
}

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

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

#welcome {
padding:0px 0 1.5em
}

#welcome img {
float:left;
margin:5px 10px 5px 0px;
}

.breadcrumbs p{
width:400px;
font-size:12px;
background-color:#FFFFEE;
padding:5px 5px 5px 5px;
}

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

.contentblock {
padding:5px 15px 5px 0px;
width:270px;
float:left;
}

.bluefield {
background-color: #e3f1f8;
margin-top:10px;
padding:10px;
border-radius:8px;-moz-border-radius: 8px;-webkit-border-radius: 8px;
-moz-box-shadow: 3px 2px 6px #BBB;-webkit-box-shadow: 3px 2px 6px #BBB;;box-shadow: 3px 2px 6px #BBB;
}


/* Frontpage research module */

.research {background: url(../images/paper2.jpg) repeat-x;margin:5px;padding:10px;-moz-border-radius: 8px;-webkit-border-radius: 8px;border-radius: 8px;-webkit-transition: background-color 0.2s ease;-moz-transition: background-color 0.2s ease;transition: background-color 0.2s ease;}

.research:hover {background-color: #e3f1f8;}

.research_details {float:right;width:150px;font-size:10px;}

.more {background: url(../images/more.png) no-repeat 0 0;height:15px;margin:10px;text-decoration:none;color:#666;font-size:1.1em;}

.more:hover {background: url(../images/more.png) no-repeat 0 -17px;height:15px;margin:10px;}




fieldset {
background-color: #e3f1f8;
margin-top:10px;
padding: 10px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}

fieldset p {
font-size:11pt;
}

label {
display:block;
color:#7c7c7c;
font-size:16px;
}

.note {
background-color:#FFFFCC;
padding:10px;
margin-top:10px;
border-radius:8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}


#email, #password {
width:180px;
height:20px;
margin-bottom:.5em;
font:normal small Arial, Helvetica, sans-serif;
color:#999;
padding:2px 5px
}

#su_email, #su_password, #password_confirm, #bug_link, #bug_email {
height:25px;
width: 220px;
background:#fff;
font-family:Arial, Helvetica, sans-serif;
font-size:12pt;
color:#AAAAAA;
margin-left:auto;
margin-right:auto;
margin-top:5px;
margin-bottom:10px;
padding:5px;
}



#inputsubmit1 {
float:left;
width:80px;
height:25px;
margin-right:0.2em;
color:#000;
background:#3399cc url(../images/btn_bgs.png) no-repeat 0 -90px;
font:normal small Arial, Helvetica, sans-serif;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}

#inputsubmit2 {
float:none;
width:100px;
height:20px;
margin-right:7px;
color:#FFF;
background:#3399cc url(../images/btn_bgs.png) no-repeat 0 -45px;
font:normal small Arial, Helvetica, sans-serif;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}

.inputgreen {
width:120px;
height:30px;
color:#FFF;
background:#3399cc url(../images/btn_bgs.png) no-repeat 0 0;
font:normal small Arial, Helvetica, sans-serif;
border-top:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
border-right:1px solid #999999;
border-bottom:1px solid #999999;
}	

.inputgreenlarge {
width:200px;
height:45px;
color:#FFF;
background:#3399cc url(../images/btn_bgs.png) no-repeat 0 0;
font:'Arial, Helvetica, sans-serif' 20px;
border:none;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}	

.inputgreenlarge:hover {
width:200px;
height:45px;
color:#FFF;
font:'Arial, Helvetica, sans-serif' 20px;
background:#3399cc url(../images/btn_bgs.png) no-repeat 0 -180px;
border:none;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}	

.inputbluelarge {
width:200px;
height:45px;
color:#FFF;
background:#3399cc url(../images/btn_bgs.png) no-repeat 0 -45px;
font:'Arial, Helvetica, sans-serif' 20px;
border-top:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
border-right:1px solid #999999;
border-bottom:1px solid #999999;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}

.inputbluelarge:hover {
width:200px;
height:45px;
color:#FFF;
background:#3399cc url(../images/btn_bgs.png) no-repeat 0 -225px;
font:'Arial, Helvetica, sans-serif' 20px;
border-top:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
border-right:1px solid #999999;
border-bottom:1px solid #999999;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}	

.inputgrey {
width:120px;
height:30px;
color:#000;
background:#3399cc url(../images/btn_bgs.png) no-repeat 0 -90px;
font:normal small Arial, Helvetica, sans-serif;
border-top:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
border-right:1px solid #999999;
border-bottom:1px solid #999999;
}


#login p {
padding-top:.2em;
font-family:Arial, Helvetica, sans-serif;
font-size:x-small;
}

#login label {
font-size:12px;
padding-bottom:5px;
padding-left:5px;
}

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

#updates li {
margin-bottom:1em
}

#updates h3 {
font-size:small;
font-family:Arial, Helvetica, sans-serif;
margin:0;
padding:0 0 0 10px;
color:#7C7C7C;
}

#updates p {
line-height:normal;
font-family:Arial, Helvetica, sans-serif;
font-size:.85em;
color:#555;
margin:0;
padding:0 0 0 10px
}


#footer,.push {
height:160px;
clear:both;
background:#FFF
}


#center {
width:900px;
height:200px;
margin:0 auto
}


#footerlinks { 
margin:0;
padding:0;
width:900px;
float:left;
}

.links {
float: left;
width: 200px;
margin-top:10px;
padding-left:10px;
border-left: 1px solid #FFF;
}


fieldset,img {
border:none
}



#topmenu li,.tabsmenuclass li {
display:inline
}

#login a,#updates a {
color:#7c7c7c;
text-decoration:none
}

#footerlinks a {
color:#666;
text-decoration:none
}

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

#footerlinks h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
font-weight:normal;
color:#666
} 

#msg {display:none; position:absolute; z-index:200; background:url(../mijn/images/msg_arrow.gif) left center no-repeat; padding-left:7px}
#msgcontent {display:block; background:#f3e6e6; border:2px solid #924949; border-left:none; padding:5px; min-width:150px; max-width:250px}

/* FormCheck tipbox */

/* tipbox :
	table : 
		tl		: top left
		t		: top
		tr		: top right
		l 		: left
		r		: right
		bl		: bottom left
		b		: bottom (with mark)
		br		: bottom right
		c		: center
	components : 
		a.close	: close button
		err		: errors div
		p		: error line
*/

.fc-tbx .tl{
	background: url('../images/tl.png') no-repeat;
}
.fc-tbx .t{
	background: url('../images/t.png') repeat-x;
	height: 16px;
}
.fc-tbx .tr{
	background: url('../images/tr.png') no-repeat;
}
.fc-tbx .l{
	background: url('../images/l.png') repeat-y;
	width : 16px;
}
.fc-tbx .r{
	background: url('../images/r.png') repeat-y;
	width: 16px;
}
.fc-tbx .bl{
	background: url('../images/bl.png') no-repeat;
}
.fc-tbx .b{
	background: url('../images/b.png') no-repeat;
	height: 25px;
}
.fc-tbx .br{
	background: url('../images/br.png') no-repeat;
}
.fc-tbx .c{
	background: url('../images/c.png') repeat;
}
.fc-tbx a.close {
	float: right;
	background: url('../images/close.png') no-repeat;
	position: relative;
	margin-left: 5px;
	display: block;
	width: 10px;
	height: 10px;
	cursor: pointer;
}
.fc-tbx .err {
	float: left;
}
.fc-tbx p {
	width : auto;
	display: block;
	font-size: 10px;
	font-family: tahoma, verdana, "sans-serif";
	margin : 0;
	padding : 0;
	border : 0;
	color : #FFF;
}

.ajax_loader {
	background : url('../images/ajax-loader.gif') no-repeat center;
	width : 200px;
	height : 150px;
}


/* FormCheck validation div */

.fc-error {
	border : 1px solid #888;
	margin-top : 5px;
	background-color : #EAEAEA;
}
.fc-error p {
	margin : 5px;
	color : #A00;
}

#slideshow-container { width:210px; height:100px; position:relative; }
#slideshow-container img { display:block; position:absolute; top:0; left:0; z-index:1; }

.onderzoek ul
{list-style-image:url(../images/pijltje.gif);
}

.tool-tip {
	color: #fff;
	width: 139px;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
	background: url(bubble.png) top left;
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(bubble.png) bottom right;
}
 
.custom-tip {
	color: #000;
	width: 130px;
	z-index: 13000;
}
 
.custom-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #3E4F14;
	padding: 8px 8px 4px;
	background: #C3DF7D;
	border-bottom: 1px solid #B5CF74;
}
 
.custom-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: #CFDFA7;
}


   /*---------- bubble tooltip -----------*/

a.tt{

    position:relative;

    z-index:24;
}

a.tt span{ display: none; }



/*background:; ie hack, something must be changed in a for ie to execute it*/

a.tt:hover{ z-index:25; background:;}

a.tt:hover span.tooltip{

    display:block;

    position:absolute;

    top:0px; left:0;

	padding: 15px 0 0 0;

	width:200px;

	color:#7c7c7c;

	font-size:13px;

	font-weight:lighter;

    text-align: center;

	filter: alpha(opacity:90);

	KHTMLOpacity: 0.90;

	MozOpacity: 0.90;

	opacity: 0.90;

}

a.tt:hover span.top{

	display: block;

	padding: 30px 8px 0;

    background: url(../images/bubble.gif) no-repeat top;

}

a.tt:hover span.middle{ /* different middle bg for stretch */

	display: block;

	padding: 0 8px; 

	background: url(../images/bubble_filler.gif) repeat bottom; 

}

a.tt:hover span.bottom{

	display: block;

	padding:3px 8px 10px;

    background: url(../images/bubble.gif) no-repeat bottom;

}