/* style psycholoogviainternet.nl  19-10-2014 	*/

/*voor html5 voor oude IE etc*/
article, aside, figcaption, figure,footer, header, hgroup, nav, section {
  display: block;
}


/* defaults */
* {
   padding: 0;
   margin: 0;
}
/* NIET hieronder img, table, caption,tbody,tfoot thead, tr th,td */
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, 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 {
margin:0px;
padding:0px;
}

ul {
   list-style-position:outside;
   padding-left:2em;
   margin-bottom:1em;
   font-size:16px;
}
li{
	padding:4px 0;
}
p, blockquote, form, label,fieldset, address {
    margin-bottom: 4px;
}



/*
* { -webkit-font-smoothing: subpixel-antialiased; } 
*/
body {
	font: 15px "Helvetica Neue", Helvetica, Arial, sans-serif;
	background: url('../img_site/bg_gradient.png') repeat-x left top #CBCBCC;
	text-align: center;
	color:#666;
}

table {
	font: 14px 'Roboto',"Helvetica Neue", Helvetica, Arial, sans-serif;
	margin-bottom:7px;
	color:#333;
}
#extended_footer table{
	border:0;
	border-collapse:collapse;
	font: 12px arial,geneva;
	color:#333;
}
.box1{
border-right:1px solid #000066;
text-align:right;
padding-right:10px;
}
.box2{
text-align:left;
padding-left:10px;
}
.box4{
text-align:right;
padding-right:10px;
}

.box5{
border-left:1px solid #000066;
text-align:left;
padding-left:10px;
}

/* positionering */


#container {
	width: 1000px;
	margin: 10px auto 10px auto;
	padding: 5px 5px 5px 5px;
	/*
	-webkit-border-radius: 0.65em;
	-moz-border-radius: 0.65em;
	border-radius: 0.65em;
	*/
	border: 1px solid #ccc;
	background:#fff;
	text-align:left;
}


/*
#search_img{
	vertical-align:bottom;
}
*/

header {
	width:1000px;
	height:200px;
	background: #fff url(../img_site/bic-logo-def.png) no-repeat 200px 0px;
	-webkit-border-top-left-radius: 0.65em;
	-moz-border-top-left-radius: 0.65em;
	border-top-left-radius: 0.65em;
	-webkit-border-top-right-radius: 0.65em;
	-moz-border-top-right-radius: 0.65em;
	border-top-right-radius: 0.65em;
	margin: 0 0 0 0;
	border-bottom: #2b4278 solid 2px;
}
#headertitle{
position:relative;
top:60px;
left:50px;
width:650px;
height:90px;
}
#headertitle h1{
color: #2b4278;
font-weight:bold;
font-size:48px;
font-family: Lucida Grande,arial, verdana, helvetica, geneva, sans-serif;
}

#headersub{
position:relative;
//background:yellow;
top:64px;
left:412px;
width:300px;
height:20px;
}
#headersub h5{
text-align:right;
color: #a60a0d;
font-size:14px;
font-family: Lucida Grande,arial, verdana, helvetica, geneva, sans-serif;
}
#header_niplogo{
position:relative;
background: #fff url(../img_site/nip-logo-large.jpg) no-repeat 0px 0px;
top:-110px;
left:860px;
width:100px;
height:181px;
}	

#socialmedia1{
position:relative;
top:120px;
left:20px;
width:70px;
height:40px;
}
#socialmedia2{
position:relative;
top:10px;
left:14px;
width:70px;
height:40px;
}
#menustrook{
width:1000px;
height:36px;
overflow:hidden;
margin: 14px 0px 7px 0px;

border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border:0px solid #bbb;
}

#menustrook ul{
margin: 0;
padding: 0px 0px 4px 0px;
font: 14px Verdana;
list-style-type: none;
text-align: center; /* "left", "center", or "right" align menu */
/*
background:#ddd;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border:0px solid #bbb;
*/
}

#menustrook li{
display: inline;
margin: 0 5px;
padding 0 15px 0 15px;

}

#menustrook li a{
display:inline-block;
text-align:center;
text-decoration: none;
color:#fff;
padding: 4px 15px 4px 20px;
width:auto;
background:#5099ac;

}
#menustrook a:hover{
color:#222;background:#b5c4c3;
}


#leftbar {
	float: left;
	display:inline;
	width: 300px;
	border-color: #ddd;
	border-style: solid;
	border-width: 0px;
	/*
	-webkit-border-radius: 0.65em;
	-moz-border-radius: 0.65em;
	border-radius: 0.65em;
	*/
	margin: 15px 0 20px 52px;
	background:#fff;
	padding:4px;
	
}

#leftbar .newsbox h2 {
	background: #f7e7ce;
	padding: 5px 5px 4px 6px;
	border-bottom: none;
	margin: 0 -7px 5px -7px;
	color: #990033;
	-webkit-border-top-left-radius: 0.65em;
	-moz-border-top-left-radius: 0.65em;
	border-top-left-radius: 0.65em;
	-webkit-border-top-right-radius: 0.65em;
	-moz-border-top-right-radius: 0.65em;
	border-top-right-radius: 0.65em;
}

#mainbar .newsbox {
	background: #f6ecdd;
	padding: 7px 7px 1px 7px;
	margin: 0 0 21px 0;
	-webkit-border-top-left-radius: 0.65em;
	-moz-border-top-left-radius: 0.65em;
	border-top-left-radius: 0.65em;
	-webkit-border-top-right-radius: 0.65em;
	-moz-border-top-right-radius: 0.65em;
	border-top-right-radius: 0.65em;
	
}

#mainbar {
	float:left;
	display:inline;
	width: 600px;
	/*
	border-color: #ddd;
	border-style: solid;
	border-width: 0px;
	-webkit-border-radius: 0.65em;
	-moz-border-radius: 0.65em;
	border-radius: 0.65em;
	*/
	margin: 15px 0px 20px 40px;
	xbackground:#aaa;
}


#rightbar {
	float: right;
	display:inline;
	width:316px;
	border-color: #ddd;
	border-style: solid;
	border-width: 0px;
	/*
	-webkit-border-radius: 0.65em;
	-moz-border-radius: 0.65em;
	border-radius: 0.65em;
	*/
	margin: 15px 40px 20px 0;
	xbackground:lightgreen;
}
#breedbar{
	float:left;
	display:inline;
	width: 700px;
	/*
	border-color: #ddd;
	border-style: solid;
	border-width: 0px;
	-webkit-border-radius: 0.65em;
	-moz-border-radius: 0.65em;
	border-radius: 0.65em;
	*/
	margin: 15px 0px 20px 150px;
}
#youtubebar{
	float:left;
	display:inline;
	width: 560px;
	/*
	border-color: #ddd;
	border-style: solid;
	border-width: 0px;
	-webkit-border-radius: 0.65em;
	-moz-border-radius: 0.65em;
	border-radius: 0.65em;
	*/
	
	margin: 15px 0px 20px 220px;
}

#footer{
	
	-webkit-border-bottom-left-radius: 0.65em;
	-moz-border-bottom-left-radius: 0.65em;
	border-bottom-left-radius: 0.65em;
	-webkit-border-bottom-right-radius: 0.65em;
	-moz-border-bottom-right-radius: 0.65em;
	border-bottom-right-radius: 0.65em;
	
	color:#fff;	
	font-size: 10px;
	font-family:verdana;
	/*
	background: #ffffff url(../img_site/footer.gif) no-repeat left top;
	*/
	background:#5099ac;
	text-align: center;
	width: 1000px;
	height: 26px;
	margin: 30px 0 0px 0px;
}
#footer p{
padding-top:6px;
color:#eee;
}
#footer a{
color:#eee;
}

#extended_footer{
	height:auto;
	text-align: center;
	background: #ffffff url(../img_site/vlieger_grijs_100.png) no-repeat center top;
	border-bottom: 1px solid #aaa;
}

#mainbar p,#breedbar p {
color: #666;
line-height: 1.4em;
text-align: left;
margin-bottom:0.9em;
font-size:16px;
}
#leftbar p, #rightbar p {
color: #333;
line-height: 1.3em;
text-align: left;
margin-bottom:0.9em;
font-size:15px;
}
/* om centering te forceren gebruik class midden (in alle drie bars) */
#leftbar .midden,#mainbar .midden,#rightbar .midden {text-align:center;}

/* headers general (dus mainbar)*/
h1 { color: #2b4278; font-weight: bold; font-size: 24px; font-family: 'Lucida Grande',arial, verdana, helvetica, geneva, sans-serif;text-align:left; padding-bottom:8px;}
h2 { color: #2b4278; font-weight: bold; font-size: 18px; font-family: 'Lucida Grande', arial, verdana, helvetica, geneva, sans-serif;text-align:left; padding-bottom:4px;}
h3 { color: #2b4278; font-weight: bold; font-size: 16px; font-family: 'Lucida Grande', arial, verdana, helvetica, geneva, sans-serif;text-align:left; padding-bottom:4px;}
h4 { color: #2b4278; font-weight: bold; font-size: 15px; font-family: 'Lucida Grande', arial, verdana, helvetica, geneva, sans-serif;text-align:left; padding-bottom:4px;}
h5 { color: #2b4278; font-weight: bold; font-size: 14px; font-family: 'Lucida Grande', arial, verdana, helvetica, geneva, sans-serif;text-align:left;padding-bottom:4px;}
h6 { color: #2b4278; font-weight: bold; font-size: 14px; font-family: verdana, helvetica, geneva, sans-serif ;text-align:left;
margin-bottom:4px;
padding:2px;
background:#d2ad9b;
}

/* headers left en rightbar*/
#leftbar h1,#rightbar h1 { color: #2b4278; font-weight: bold; font-size: 20px; font-family: 'Lucida Grande', arial, verdana, helvetica, geneva, sans-serif;text-align:left; padding-bottom:8px;}
#leftbar h2,#rightbar h2 { color: #2b4278; font-weight: bold; font-size: 16px; font-family: 'Lucida Grande', arial, verdana, helvetica, geneva, sans-serif;text-align:left; padding-bottom:4px;}
#leftbar h3,#rightbar h3 { color: #2b4278; font-weight: bold; font-size: 15px; font-family: 'Lucida Grande', arial, verdana, helvetica, geneva, sans-serif;text-align:left; padding-bottom:4px;}
#leftbar h4,#rightbar h4 { color: #2b4278; font-weight: bold; font-size: 14px; font-family: 'Lucida Grande', arial, verdana, helvetica, geneva, sans-serif;text-align:left; padding-bottom:4px;}
#leftbar h5,#rightbar h5 { color: #2b4278; font-weight: bold; font-size: 13px; font-family: 'Lucida Grande', arial, verdana, helvetica, geneva, sans-serif;text-align:left;padding-bottom:4px;}
#leftbar h6,#rightbar h6 { color: #2b4278; font-weight: bold; font-size: 13px; font-family: verdana, helvetica, geneva, sans-serif ;text-align:left;
margin-bottom:4px;
padding:2px;
background:#d2ad9b;
}

/* a element */
a:link, p a:link { color: #8b0000; text-decoration: none;display: inline; margin-left: 0px; padding-left: 0px; }
a:active, p a:active { color: black; text-decoration: none;display:inline; margin-left: 0px; padding-left: 0px;}
a:visited, p a:visited { color: #8b0000; text-decoration: none ;display: inline; margin-left: 0px; padding-left: 0px; }
a:hover, p a:hover { color: #8b0000; text-decoration: underline ;display: inline; margin-left: 0px; padding-left: 0px; }

a.linkint, p a.linkint {
	background: url(../img_site/intlink.gif) no-repeat 0px 0px;
	padding-left:19px;
	text-decoration:none;
}
a:hover.linkint, p a:hover.linkint {
	background: url(../img_site/intlink.gif) no-repeat 3px 0px;
	padding-left:19px;
	text-decoration:underline;
}
a.linkext, p a.linkext {
	background: url(../img_site/globe.gif) no-repeat 0px 0px;
	padding-left:19px;
	text-decoration:none;
}
a:hover.linkext, p a:hover.linkext {
	background: url(../img_site/globe.gif) no-repeat 3px 0px;
	padding-left:19px;
	text-decoration:underline;
}

/* opmaak	*/

.redtext {
	color: #b22222;
}

.redtextbold {
	color: #b22222;
	font-weight:bold;
}
#mainbar .welkomkader,#leftbar .welkomkader,#rightbar .welkomkader{
color:#333;
margin: 0 0 20px 0;
padding: 5px;
border-color: green;
	border-style: solid;
	border-width: 1px;
background:#d6e5e8;
}
#mainbar .kader,#breedbar .kader {
color:#333;
margin: 0 0 10px 0;
padding: 5px;
border-color: #ddd;
	border-style: solid;
	border-width: 2px;
	-webkit-border-radius: 0.65em;
	-moz-border-radius: 0.65em;
	border-radius: 0.65em;
background:#eee;
}
#leftbar .kader,#rightbar .kader {
color: #333;
margin: 0 0 10px 0;
padding: 4px;
border-color: #ddd;
	border-style: solid;
	border-width: 2px;
	-webkit-border-radius: 0.65em;
	-moz-border-radius: 0.65em;
	border-radius: 0.65em;
background:#eee;
}

#rightbar .ok_kader{

margin: 0 0 10px 0;
padding: 5px;
border-color: #ddd;
	border-style: solid;
	border-width: 2px;
	-webkit-border-radius: 0.65em;
	-moz-border-radius: 0.65em;
	border-radius: 0.65em;
background:#eee;
}
#rightbar .ok_kader p{
font-size:14px;
}


#leftbar .f9,#mainbar .f9,#rightbar .f9 { font-size:9px; }
#leftbar .f10,#mainbar .f10,#rightbar .f10 { font-size:10px; }
#leftbar .f11,#mainbar .f11,#rightbar .f11 { font-size:11px; }
#leftbar .f12,#mainbar .f12,#rightbar .f12 { font-size:12px; }
#leftbar .f13,#mainbar .f13,#rightbar .f13 { font-size:13px; }
#leftbar .f14,#mainbar .f14,#rightbar .f14 { font-size:14px; }
#leftbar .f16,#mainbar .f16,#rightbar .f16 { font-size:16px; }
#leftbar .f18,#mainbar .f18,#rightbar .f18 { font-size:18px; }
#leftbar .f20,#mainbar .f20,#rightbar .f20 { font-size:20px; }
#leftbar .f22,#mainbar .f22,#rightbar .f22 { font-size:22px; }

.f14{font-size:14px}


.clear {
    clear:both;
    height:1px;
    overflow:hidden;
}

hr{
	text-align:center;
	background:#c3c7cd;
	color:#c3c7cd;
	margin:5px auto 10px auto;
	width: 90%;
}

hr.divisor{
	text-align:center;
	background:#c3c7cd;
	color:#c3c7cd;
	margin:5px auto 10px auto;
	width: 90%;
}




hr.clearer {
	line-height: 0px;
	height: 0px;
	visibility: hidden;
	margin:0 0 0 0;
	clear: both;
}

/*
img {
border: 0px solid #e03420;
}
*/
.withbottommargin img {
margin-bottom:10px;
}

img.links{
	float: left;
	margin: 0px 9px 9px 0px;
	padding: 3px;
	border: 1px solid green;
}
img.links_clear {
	margin: 0px 9px 9px 0px;
	padding: 3px;
	border: 1px solid green;
}

iframe.links_clear {
	padding: 3px;
	border: 1px solid green;
}

img.rechts {
	float: right;
	margin: 0px 0px 0px 5px;
	padding: 3px;
	border: 1px solid green;	
}
.subscript_rechts{
	float:right;
	font-size:11px;
}
img.rechts_clear {
	display:block;
	text-align: right;
	margin: 0px 0px 9px auto;
	padding: 3px;
	border: 1px solid green;
}

img.midden {
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding: 3px;
	border: 1px solid green;
}

/* aanpassing lineheight voor ge<br>-de lines binnen td */
td{
	line-height:1.3em;
	vertical-align:top;
}

/*lijsten (ul) */
#mainbar .lijst1{
	list-style-image: url(../img_site/bulletsquaresmall.gif);
	margin-left:1em;
	color: #505050;
	line-height: 1.3em;
	padding-bottom:5px;
	font-size:15px;
}

#leftbar .lijst1,#rightbar .lijst1{
	list-style-image: url(../img_site/bulletsquaresmall.gif);
	margin-left:1em;
	color: #505050;
	line-height: 1.3em;
	padding-bottom:5px;
	font-size:14px;
}
blockquote{
margin:0 30px 1em 30px;
padding:5px;
background:#f0f0f0;
border: 2px solid #ddd;
}

#mainbar .agendaitem{
color:#303030;
font: 13px Arial, Geneva, Helvetica, sans-serif;

margin: 0 0 15px 0;
padding: 0;
border-color: #ddd;
	border-style: solid;
	border-width: 2px;
	-webkit-border-radius: 0.65em;
	-moz-border-radius: 0.65em;
	border-radius: 0.65em;
background:#e9e2d8;
}

.table_agendaitem{
width:100%;
border:0;
border-collapse:collapse;
margin-bottom:0px;
}

.topline_td {
background:#ddd;
background-color:#ddd;
color:#111;
padding:2px 5px 2px 5px;
}

.botline_td {
background:#ddd;
background-color:#ddd;
color:#111;
padding:2px 5px 0px 5px;
}
.agendacontent_td{
padding-left:4px;
}

.lowheight_td{
height:10px;
}
.who{
font-weight:bold;
font-size:105%;
line-height:140%;
color:#000066;
padding-bottom:5px;

}
.wparts{
font-size:90%;
padding-bottom:5px;
}
.pixelstrook{
height:1px;
}

#mainbar .kader {
color:#454545;
margin: 0 0 10px 0;
padding: 5px;
border-color: #ddd;
	border-style: solid;
	border-width: 2px;
	-webkit-border-radius: 0.65em;
	-moz-border-radius: 0.65em;
	border-radius: 0.65em;
background:#eee;
}


.splash_left {
	float: left;
	margin: 15px 0 0 40px;
	
}
.splash_right {
	float: right;
	margin: 15px 40px 0 0;
}
.splash_left,.splash_right{
	display:block;
	width: 410px;
	border-color: green;
	border-style: solid;
	border-width: 1px;
	-webkit-border-radius: 0.4em;
	-moz-border-radius: 0.4em;
	border-radius: 0.4em;
	background:#fff;
	padding:20px;
	min-height:160px;
}	
#container .splash_left p,#container .splash_right p{
	font: 18px 'Roboto','Helvetica Neue',Arial;
}
.splash_left h1,.splash_right h1{
color:green;
}
.grad{
background-image:url(../img_site/gradient-blue.png);
background-repeat:repeat-x;
}

.leesmeer{
	font-size:14px;
	color:green;
}

a.block {
    display: block;
    cursor: pointer;
}

a.block span,
a.block em {
    color: #08c;
    cursor: pointer;
}

a.block:hover {
    text-decoration: none;
}

a.block:hover span,
a.block:hover em {
    color: #08c;
    text-decoration: underline;
}

#subnav1{
float:left;
width:186px;
margin: 0 0 20px 0;
padding:0;
border:1px solid #b0b0b0;
font: 13px "Lucida Grande" Arial;
color:#505050;
}
#subnav2{
float:right;
width:186px;
margin: 0 0 20px 0;
padding:0;
border-top:1px solid #b0b0b0;
border-right:1px solid #b0b0b0;
border-bottom:1px solid #b0b0b0;
font: 13px "Lucida Grande" Arial;
color:#505050;
}

#subnav1 ul,#subnav2 ul{
width:100%;
margin: 0;
padding: 0px 0px 0px 0px;
font-family: "Lucida Grande","Lucida Sans",Arial;
font-size:13px;
color:#505050;
list-style-type: none;
overflow:hidden;
//background:#ddd;
}

#subnav1 li,#subnav2 li{
font-family: "Lucida Grande","Lucida Sans",Arial;
font-size:13px;
color:#505050;
margin: 0;
padding: 0px 0 0 0;
background:#d5e6e8;
border-bottom:1px solid #b0b0b0;
}

#subnav1 li a,#subnav2 li a{
font-family: "Lucida Grande","Lucida Sans",Arial;
font-size:13px;
width:186px;
height:20px;
display:inline-block;
text-align:left;
text-decoration: none;
color:#505050;
padding: 5px 0 0 3px;
background:#d5e6e8;
}

#subnav1 a:hover,#subnav2 a:hover{
color:#222;background:#b5c4c3;
}
#subnav1 li.lastitem,#subnav2 li.lastitem{
border-bottom:0px;
}




/*
ul{
list-style-type:none;
margin:0;
padding:0;
overflow:hidden;
width:130px;
}

li{
float:left;
}

a:link,a:visited{
display:inline-block;
width:120px;
font-weight:bold;
color:#FFFFFF;
background-color:#98bf21;
text-align:center;
padding:4px;
text-decoration:none;
text-transform:uppercase;
}

a:hover,a:active{
background-color:#7A991A;
}
*/