/* ----------------------------------- */
/*                                     */
/* Reset styles                        */
/*                                     */
/* ----------------------------------- */

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, tt, var,
dl, dt, dd, fieldset, form, label, legend
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	background: transparent;
}

sub{
vertical-align: sub;
}

sup{
vertical-align: sup
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

strong {
	font-weight: bold;
}

em, i {
	font-style: italic;
}

/* ----------------------------------- */
/*                                     */
/* Default styles                      */
/*                                     */
/* ----------------------------------- */

.flashlink {
	display:none;
}

/* ----------------------------------- */
/*                                     */
/* Main styles                         */
/*                                     */
/* ----------------------------------- */

html {
	height: 100.01%;
	overflow-y: scroll;
}
body {
	height: 100%;
	background-color:#c7cbcc;
	background-image: url(/img/bg/bg_body.gif);
	background-repeat: repeat-x;
	background-position: top center;
}
.bodyform {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 18px;
	color: #2F438B;	
	background-image: none;
	background-color: #fff;
}

div {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 18px;
	color: #887f6f;
}
a {
	color: #58492f;
}
a:hover {
	color: #000000;
}

strong
{
	font-weight: bold;
}

input {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

/* ----------------------------------- */
/*                                     */
/* Div styles                          */
/*                                     */
/* ----------------------------------- */

h1,h2,h3,h4,h5,h6 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #000080;
	font-weight: bold;
}

#maincontainer {
	position: relative;
	width: 930px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto;
	overflow: auto;
	_overflow: visible;
	background-color:#ffffff;
	background-image:url(/img/bg/bg_maincontainer.gif);
	background-repeat:repeat-y;
}

#topcontainer {
	background-image:url(/img/header/header_bg.gif);
	background-repeat:repeat-x;
	padding-top:20px;
	width: 930px;
	height: 212px;
}

#middlecontainer {
	position: relative;
	width: 930px;
	margin: 0 auto;
	overflow: auto;
}

#logo {
	float: left;
	width: 170px;
	height: 106px;
	background-image: url(/img/bg/bg_logo.gif);
	background-repeat: no-repeat;
	overflow: hidden;
	text-indent: -1000px;
}

#menu {
	width: 930px;
	height:39px;
	background-color: #1e418f;
}


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

#menu ul li {
	margin:0;
	padding:0;
	float:left;
}

#menu ul li a {
	text-decoration: none;
	height:39px;
	display:block;
	text-indent:-1000em;
}


#knop_1 {
	background-image: url(/img/menu/menu_01.gif); /* home */
	width: 79px;
}
#knop_2 {
	background-image: url(/img/menu/menu_02.gif); /* performance */
	width: 179px;
}
#knop_3 {
	background-image: url(/img/menu/menu_03.gif); /* expert */
	width: 146px;
}
#knop_4 {
	background-image: url(/img/menu/menu_04.gif); /* consultancy & assesments */
	width: 130px;
}
#knop_5 {
	background-image: url(/img/menu/menu_05.gif); /* bootcamps */
	width: 116px;
}
#knop_6 {
	background-image: url(/img/menu/menu_06.gif); /* references */
	width: 118px;
}
#knop_7 {
	background-image: url(/img/menu/menu_07.gif); /* news */
	width: 72px;
}
#knop_8 {
	background-image: url(/img/menu/menu_08.gif); /* contact */
	width: 90px;
}

#shadow{
width:930px;
height:5px;
background-image:url(/img/header/menu_shadow.gif);
background-repeat:no-repeat;
}

#left{
float:left;
width:180px;
}

#submenu ul{
line-height:normal;
margin:0;
padding:0;
padding-left:17px;
list-style-image:url(/img/content/menu_pointer.gif);
}

#submenu ul li{
padding-bottom:5px;
}

#submenu ul li:hover, #submenu ul li:active{
list-style-image:url(/img/content/menu_pointer_over.gif);
}

#submenu a{
text-decoration:none;
color:#2f438b;
}

#submenu a:hover, #submenu a:active{
font-weight:bold;
}

#middle {
	float: left;
	width:730px;
}

#middle ul li, #middle ul{
	float:left;
	padding:0;
	margin:0;
	list-style:none;
	color:#2f438b;
}

#middle ul a{
	text-decoration:none;
	color:#1e418f;
}

#slideshow {
	float: left;
	width: 590px;
	height: 190px;
	color: #FFFFFF;
	background-color: #FFFFFF;
	overflow: hidden;
}

#breadcrumbs {
	padding-left:40px;
	float: left;
	font-size:9px;
}

#content {
	font-size:12px;	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	clear:both;
	color:#000000;
	padding:20px 15px 60px 40px;
}

#stats {
	display: none;
}

#footer {
	position: relative;
	width: 100%;
	margin: -20px 0 0 0;
	height: 20px;
	font-size: 0px;
	line-height: 0px;
	background-color:#c9cbcc;
}

#vlaggen{
padding-top:5px;
padding-left:15px;
}

#vlaggen a{
text-decoration:none;
}

#submenu{
padding:20px 15px;
}

#banner{
	cursor:pointer;
	padding-top:5px;
	height:87px;
	width:238px;
	text-align:center;
}

.banner_wrapper{

}

#right{
width:238px;
float:right;
}

#right_menu{
color:#2F438B;
padding:15px 0;
width:213px;
border-bottom:#8fa0c7 solid 1px;
border-left:#8fa0c7 solid 1px;
border-right:#8fa0c7 solid 1px;
margin:0 auto;
line-height:normal;
}

#right_menu a{
font-weight:bold;
text-decoration:none;
color:#2F438B;
}

#right_menu a:hover, #right_menu a:active{
color:#e03188;
}

#right_menu ul li{
margin-top:0px;
list-style-image:url(/img/banners/list_image.gif);
padding-bottom:5px;
}

#right_menu ul li:hover{
margin-top:0px;
list-style-image:url(/img/banners/list_image_over.gif);
}

#right_menu_header{
margin-top:15px;
height:40px;
line-height:normal;
text-align:center;
}

#footer_container{
width:930px;
margin:0 auto;
}

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

#bottom_menu ul li{
color:#FFFFFF;
display:inline;
float:right;
}

#bottom_menu a{
color:#FFFFFF;
text-decoration:none;
}

.spacer{
padding:0 5px;
}

/*
CONTACT FORM
*/

#contactform label, #infoform label{
	color:#004c99;
	float:left;
	display:block;
}

label input {
	margin: -2px 0 0 0;
	vertical-align: middle;
	border: 0px !important;
}

#contactform, #infoform {
	float: left;
	width:660px;
	padding: 0 0 30px 0;
}

#contactform p, #infoform p {
	float: left;
	margin:0;
	padding:5px 0;
	width:660px;
}

#contactform a, #infoform a {
	text-decoration:none;
	float:right;
}

#contactform .melding, #infoform .melding {
	color:#ff0000;
	margin:0 0 10px 0;
}

#contactform input, #contactform textarea, #infoform input, #infoform textarea{
	border:1px solid #004c99;
	color:#004c99;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	width:650px;
	padding:0 4px;
}

#contactform input, #infoform input{
	height:18px;
}

#contactform textarea, #infoform textarea{
	overflow:auto;
	height:150px;
	resize: none;
}

#flash_header{
	width:930px;
	height:168px;
}

#submenu ul li ul{
	padding-top:5px;
	padding-left:30px;
}

.nieuws_detail_balk{
	position:relative;
	width:227px;
	height:30px;
}

#Kontakt_62{
	background-image:url(/img/menu/de_menu_08.gif);
	width: 90px;
}

.banner_mingle {
	margin-left: 16px;
	margin-bottom: 20px;
}

.banner_mingle a {
	display: block;
	width: 147px;
	height: 160px;
	background: url(/img/banners/banner_blind_vertrouwen.jpg);
}

.banner_mingle a span {
/*	text-indent: -1000px;*/
	display: none;
}


/***********************************************

Social media

***********************************************/

#right_menu.twitter ul, #right_menu.twitter ul li {
	margin: 0;
	padding: 0;
	list-style:none;
	list-style-image: none;
}
#right_menu.twitter ul li {
	padding: 0 15px 15px 15px;	
}
#right_menu.twitter ul li a {
	font-weight: normal;
}
#right_menu.twitter ul li a:hover {
	font-weight: bold;
	color: #2F438B;
}
#right_menu.twitter ul li a:hover span {
	font-weight: normal;
}

.twitterlink {
	margin: 0 0 15px 10px;	
}

span.lightgrey {
	display: inline;
	color:#ccc;
}

.linkedin {
	display: block;
	width: 72px;
	height: 19px;
	background-image: url(/img/content/linkedin.gif);	
}

/***********************************************

Spel formulier

***********************************************/

p.kopje {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0 0 5px 0;
	color: #1E418F;
	background-color: #fff;
	font-weight: bold;
}

p.plattetekst {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #000;
	background-color: #fff;
	padding: 0 0 25px 0;
}

.blokheader {
	height: 40px;
    line-height: normal;
    margin-top: 15px;
    text-align: center;
}
.blogupdate {
	 border-bottom: 1px solid #8FA0C7;
    border-left: 1px solid #8FA0C7;
    border-right: 1px solid #8FA0C7;
    color: #2F438B;
    line-height: normal;
	margin: 0 auto 40px auto;
    padding: 15px;
    width: 183px;
}
.blogupdate a {
	color: #2F438B;
	text-decoration: none;
}
.blogupdate a:hover {
	font-weight: bold;
}
.blogupdate a:hover span {
	font-weight: normal;
}

.spelbanner {
	display: block;
	float: left;
	width: 147px;
	height: 75px;
	margin: 0 0 0 16px;
	background-image: url(/img/banners/banner-spel.jpg);
}