.is-button {
	background: rgba(0, 102, 255, 1);
	background: -moz-linear-gradient(top, rgba(0, 102, 255, 1) 0%, rgba(0, 102, 255, 1) 68%, rgba(0, 91, 227, 1) 68%, rgba(0, 91, 227, 1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 102, 255, 1)), color-stop(68%, rgba(0, 102, 255, 1)), color-stop(68%, rgba(0, 91, 227, 1)), color-stop(100%, rgba(0, 91, 227, 1)));
	background: -webkit-linear-gradient(top, rgba(0, 102, 255, 1) 0%, rgba(0, 102, 255, 1) 68%, rgba(0, 91, 227, 1) 68%, rgba(0, 91, 227, 1) 100%);
	background: -o-linear-gradient(top, rgba(0, 102, 255, 1) 0%, rgba(0, 102, 255, 1) 68%, rgba(0, 91, 227, 1) 68%, rgba(0, 91, 227, 1) 100%);
	background: -ms-linear-gradient(top, rgba(0, 102, 255, 1) 0%, rgba(0, 102, 255, 1) 68%, rgba(0, 91, 227, 1) 68%, rgba(0, 91, 227, 1) 100%);
	background: linear-gradient(to bottom, rgba(0, 102, 255, 1) 0%, rgba(0, 102, 255, 1) 68%, rgba(0, 91, 227, 1) 68%, rgba(0, 91, 227, 1) 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#0066ff', endColorstr='#005be3', GradientType=0);
	padding: 6px 20px 6px 32px !important;
	border: none !important;
	font-size: 16px !important;
}

.is-button:before {
	position: absolute;
	content: "?";
	color: #ffffff;
	left: 5px;
	top: -1px;
	font-size: 26px;
}
/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1500; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
    background-color: #fefefe;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 80%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}
/* DEFAULT
------------------------------------------------------ */ 

html,body{
	width:100%: height:100%;
	margin:0; padding:0;
	overflow:auto;
	overflow-x:hidden;
	overflow-y:auto;}

body{
	background:#3f3f3f;
	font-family: "Trebuchet MS", Tahoma, Verdana;
	font-size:0.8em;
	overflow:auto;
	overflow-x:hidden;
	overflow-y:auto;
}

h1{
	margin:0; padding:0;
	position:absolute; left:50%; margin-left:-420px; top:150px; z-index:100;
	width:178px;
	height:185px;
	
}

h2{
	font-size:20px;
	line-height:20px; height:20px;
	margin:20px 0 10px 0;padding:0;
	color:#3f3f3f;
	border-bottom:1px solid #888;
}

h2 span{
	background:#fff;
	position:relative;
	top:3px;
	padding: 0 20px 0 0;
}

h2 span a{
	text-decoration:none;
}

h3{
	margin:0; padding:0;
	font-size:100%;
}

h4{
	margin:0; padding:0;
	font-size:90%;
}

h5{
	margin:0; padding:0;
	font-size:80%;
}

a{
	color:#508e99;
	text-decoration:underline;
}

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

td{
	line-height:22px;
}

.content li{
	line-height:22px;
	}

td.left{
	width:50px;
	font-weight:bold;
	color:#3f3f3f;
}

td strong{
	color:#3f3f3f;
	}
/* SECUNDARY NAV
------------------------------------------------------ */ 

div#nav-sec{
	height:49px;
	line-height:50px;	
	display:block; width:100%;
	background:#222;
	position:fixed; top:0;
	z-index:500;
	border-bottom:1px solid #666;
}

div#nav-sec div{
	width:850px;
	margin:auto;
}

div#nav-sec ul{
	margin:auto;
	padding:0;
	float:right;

}

div#nav-sec ul li{
	color:#fff;
	display:table-cell;
	list-style-type:none;	
	float:left;
}

div#nav-sec ul li a{
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	padding: 4px 20px 4px 30px;
	background-repeat:no-repeat;
	background-position: 10px 2px;
}

div#nav-sec ul li a:hover{
	text-decoration:underline;
}

div#nav-sec ul li a.selected{
	color:#e4c760;
}

div#nav-sec ul li a.home{
	background-image:url(../img/ico_home.png);
}
div#nav-sec ul li a.onze-organisatie{
	background-image:url(../img/ico_onze-organisatie.png)	;
}
div#nav-sec ul li a.vacatures{
	background-image:url(../img/ico_vacatures.png);
}
div#nav-sec ul li a.contact{
	background-image:url(../img/ico_contact.png);
	background-position:6px 8px;	
}

div#nav-sec ul li a.english{
	background-image:url(../img/ico_uk.gif);
	background-position:6px 8px;	
}

div#nav-sec ul li a.nederlands{
	background-image:url(../img/ico_nl.gif);
	background-position:6px 8px;
}

/* BACKGROUND SLIDESHOW
--------------------------------------------------*/

div.slideshow{
	position:absolute; left:50%; margin-left:-840px; z-index:10; 
	width:1680;
	top:50px;
	height:302px;
}

/* SLIDESHOW JQUERY
--------------------------------------------------*/


div.jquery-header{
	position:absolute; left:50%; margin-left:-840px; z-index:10; 
	width:1680px;
	top:50px;
	height:302px;
	background:URL(/img/bg_header_jquery.jpg) center repeat-x !important;
}

div.jquery-header ul{
	height:302px;
	width:850px;
	margin:auto;
	padding:0;
}

div.jquery-header ul li{
	height:302px;
	width:850px;	
	margin:0; padding:0;
	list-style-type:none;
	text-align:center;
	line-height:30px;
	background:transparent;
}

div.jquery-header ul li.bike{background:url(/img/slideshow/jquery-headers/bike.png) no-repeat center right;}
div.jquery-header ul li.boxing{background:url(/img/slideshow/jquery-headers/boxing.png) no-repeat center right;}
div.jquery-header ul li.hokje{background:url(/img/slideshow/jquery-headers/hokje.png) no-repeat center right;}
div.jquery-header ul li.marvin{background:url(/img/slideshow/jquery-headers/marvin.png) no-repeat center right;}
div.jquery-header ul li.rubix{background:url(/img/slideshow/jquery-headers/rubix.png) no-repeat center right;}
div.jquery-header ul li.tshirt{background:url(/img/slideshow/jquery-headers/tshirt.png) no-repeat center right;}
div.jquery-header ul li.tux{background:url(/img/slideshow/jquery-headers/tux.png) no-repeat center right;}

div.quote{
	font-family:"RotisSansSerif56";
	font-size:200%;
	background:transparent;
	color:#3f3f3f;	margin:126px 0 0 0;
}

div.three-rows{
	color:#3f3f3f;	margin:111px 0 0 0;	
}


div.attributes {
	margin:100px 0 0 0;	
	font-weight:bold;
}

div.quote-by{
	font-family:"RotisSansSerif55";
	font-size:90%;
	color:#3f3f3f;
	margin:10px 0 0 0;
}

/* PRIMARY NAV
--------------------------------------------------*/

div.nav-prim{
	background:url(../img/bg_nav-prim.jpg) top center repeat-x #fff;
	height:50px;
	margin-top: 352px;
	text-align:center;

}

div.nav-prim ul{
	margin:auto; padding:0;
	white-space:no-wrap;
}

div.nav-prim ul li{
	list-style-type:none;
	display:inline;
	margin:0 25px 0 0;
	padding:0;
}

div.nav-prim ul li img{
	border-style:none;
}

div.nav-prim ul li.last{
	margin-right:0px !important;
}

div.nav-prim ul li a.netwerken img{
	width:266px; height:50px;
	background:url(../img/btn_pci.png);
}

div.nav-prim ul li a.netwerken-select img{
	width:266px; height:50px;
	background:url(../img/btn_pci_select.png);
}

div.nav-prim ul li a.netwerken:hover img{
	background:url(../img/btn_pci_hover.png)
}

/* english */

div.nav-prim-en ul li a.netwerken img{
	background-image:url(../img/btn_netwerken_en.png) !important;
}

div.nav-prim-en ul li a.netwerken-select img{
	background-image:url(../img/btn_netwerken_en_select.png) !important;
}

div.nav-prim-en ul li a.netwerken:hover img{
	background-image:url(../img/btn_netwerken_en_hover.png) !important;
}


div.nav-prim ul li a.infrastructuur img{
	width:268px; height:50px;
	background:url(../img/btn_ciso.png);
}

div.nav-prim ul li a.infrastructuur-select img{
	width:268px; height:50px;
	background:url(../img/btn_ciso_select.png);
}

div.nav-prim ul li a.infrastructuur:hover img{
	background:url(../img/btn_ciso_hover.png);
}

/* english */

div.nav-prim-en ul li a.infrastructuur img{
	background-image:url(../img/btn_ciso.png) !important;
}

div.nav-prim-en ul li a.infrastructuur-select img{
	background-image:url(../img/btn_ciso_select.png) !important;
}

div.nav-prim-en ul li a.infrastructuur:hover img{
	background-image:url(../img/btn_ciso_hover.png) !important;
}

div.nav-prim ul li a.security img{
	width:266px; height:50px;
	background:url(../img/btn_security.png);
}

div.nav-prim ul li a.security-select img{
	width:266px; height:50px;
	background:url(../img/btn_security_select.png);
}

div.nav-prim ul li a.security:hover img{
	background:url(../img/btn_security_hover.png);
}


/* CONTENT CONTAINER
--------------------------------------------------*/

div.container{
	background:#fff;
}


/* CONTENT 
--------------------------------------------------*/

div.content{
	width:850px;
	margin:auto;
}


div.content p{
	margin:0; padding:0;
	line-height:25px;
}


/* CONTENT LEFT
--------------------------------------------------*/

div.content-left{
	float:left;
	width:266px;
	padding:25px 0 0 0;
	margin:0 0 50px 0;
}

div.content-left ul{
	margin:0; padding:0;
}

div.content-left ul li{
	margin:0; padding:0;
	list-style-type:none;
	line-height:25px;
}

div.content-image{
	width:266px;
	height:184px;
	background:url(../img/tmp/amsterdam.jpg) no-repeat;
}


div.content-left ul li a{
	padding:0 0 0 50px;
	font-size:150%;
	font-weight:bold;
	background:url(../img/ico_dot.png) no-repeat 15px 5px;
}

div.content-left ul li a:hover{
	background:url(../img/ico_arrow.png) no-repeat 15px 5px;
}

div.content-left ul li a.selected{
	background:url(../img/ico_arrow.png) no-repeat 15px 5px;
	text-decoration:none;
	color:#3f3f3f;
}

/* CONTENT RIGHT
--------------------------------------------------*/

div.content-right{
	float:right;
	width:559px;
	padding:25px 0 0 0;
	margin:0 0 50px 0;
}

div.intro{
	padding:25px;
	font-size:150%;
	color:#fff;
	height: 134px; /* -50 px padding */
	line-height:35px;
	font-style: italic;7
}

div.intro p{
	padding:0; margin:0;
}

div.homepage{
	background:#3f3f3f;
}

div.netwerken{
	background:#508e99;
}
div.infrastructuur{
	background:#e4c760;
	color:#3f3f3f !important;
}
div.security{
	background:#b86923;
}


/* FOOTER CONTAINER
--------------------------------------------------*/

div.footer-container{
	height:100px;
	line-height:100px;
	display:block;
	clear:both;	
	background:url(../img/bg_footer.jpg) repeat-x top;
}


/* FOOTER
--------------------------------------------------*/

div.footer{
	width:850px;
	margin:auto;
	font-size:85%;
}


/* LEFT
--------------------------------------------------*/

div.footer-left{
	float:left;
	width:266px;
}

div.footer-left ul{
	margin:0; 
	padding:0;
}

div.footer-left ul li{
	list-style-type:none;
	padding:0; margin:0 10px 0 0;
	display:inline;
	line-height:100px;
}

div.footer-left ul li img{
	position:relative;
	top:15px;
}


/* FOOTER RIGHT
--------------------------------------------------*/

div.footer-right{
	float:right;
	width:559px;
	text-align:right;
}

div.footer-right ul{
	margin:0; padding:0;
}

div.footer-right ul li{
	list-style-type:none;
	padding:0; margin:0;
	display:inline;
	color:#fff;
}

div.footer-right ul li a{
	color:#fff;
}

/* HOMEPAGE
--------------------------------------------------*/

div.clients ul{
		margin:0; padding:0;
		display:inline;
	}
	
div.clients ul li{
		margin:0 20px 0 0 ; padding:0;
		float:left;
		list-style-type:none;
	}


#currentTitle {
	float: right;
	font-size: 24px;
	font-weight: bold;
	color: #bababa;
	text-transform: uppercase;
	margin-top: 35px;
}

#mainContent {
	position: relative;
	padding-top: 1px;
}

.grad {
	background-image: linear-gradient(bottom, rgb(255,255,255) 0%, rgb(245,245,245) 100%);
	background-image: -o-linear-gradient(bottom, rgb(255,255,255) 0%, rgb(245,245,245) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(255,255,255) 0%, rgb(245,245,245) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(255,255,255) 0%, rgb(245,245,245) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(255,255,255) 0%, rgb(245,245,245) 100%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(255,255,255)),
		color-stop(1, rgb(245,245,245))
	);
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 200px;
}

.post {
	position: relative;
	z-index: 10;
	border-bottom: 1px dashed #b2b2b2;
	margin: 0px 30px 20px 30px;
	padding: 10px 0px 20px 0px;
	text-align: left;
}

.postTitle {
	font-size: 24px;
	color: #434343;
	font-weight: normal;
	margin: 15px 0px;
	padding: 0px;
}

.postMeta {
	color: #434343;
	text-transform: uppercase;
	height: 30px;
}

.postMeta .positions, .postMeta .closeDate {
	float: left; 
	margin-right: 30px;
}

.postMeta .location {
	float: left;
}

.postMeta .location span, .postMeta .closeDate span {
	text-transform: capitalize;
}

.postDescription {
	color: #6d6d6d;
	font-size: 15px;
	line-height: 18px;
}

.readMore, .applyLink, .backLink {
	margin: 15px 0px 10px 0px;
	text-transform: uppercase;
	font-size: 15px;
	display: block;
}

.backLink {
	float: left;
	margin: 20px;
	position: relative;
	z-index: 100;
}

#footer {
	height: 40px;
	position: relative;
}

.tribeLogo {
	float: right;
	margin: 10px 30px;
	width: 148px;
	height: 20px;
}

.tribeLogo img {
	border: 0px;
}

.linkedInApply {
	float: right;
}

form {
	width: 400px;
	border: 1px solid #dddddd;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background: #ffffff;
	padding: 20px;
}

form label {
	width: 130px;
	display: block;
	float: left;
	margin-top: 5px;
}

.info {
	margin: 2px 0px 2px 130px;
	padding: 0px;
	font-size: 11px;
	font-style: italic;
	color: #777777;
}

.input input[type=text], .input textarea {
	width: 250px;
	-moz-box-shadow: 5px 5px 5px 5px #ff000;
	-webkit-box-shadow: 5px 5px 5px 5px #ff000;
	box-shadow: 5px 5px 5px 5px #ff000;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #aaaaaa;
	padding: 4px;
	margin: 3px 0px;
}



.socialLinks {
	float: right;
	width: 260px;
}

.socialLinks .facebook, .socialLinks .twitter, .socialLinks .google, .socialLinks .linkedIn {
	margin-left: 5px;
	float: left;
}

.socialLinks .facebook {
	width: 60px;
}

.socialLinks .twitter {
	width: 80px;
}	

.jobPostings {
	position: relative;
	z-index: 100;
	text-align: left;
	margin: 40px;
}

.jobPostings .posting {
	border-bottom: 1px dashed #cccccc;
	padding-bottom: 20px;
	color: #565656;
	font-size: 14px;
	line-height: 22px;
}

.view .attributes { clear: left; padding: 5px 0px; margin: 10px 0px; font-size: 12px; font-weight: bold; width: 100%; }
.view .attributes dl { margin: 0px; padding: 5px; }
.view .attributes dt { float: left; margin: 0px 10px 0px 0px; padding: 0px; display: block;  }
.view form { margin: 20px 0px; }

.view .input { padding: 5px 0px; font-size: 11px; }
.view .input label { width: 150px; font-weight: bold; display: block; margin-left: 10px; font-size: 12px; }
.view .input input, .view .input textarea { width: 250px; margin-left: 10px; }
.view .input textarea { border: 1px solid #C2B6A9; box-shadow: 0px 1px 0px 1px #E2E2E2 inset; border-radius: 2px; color: #424242; }
.view .input input[type=file] { border: 0px; }

.view .applyButton, .view .applyWithLinkedInButton { width: 200px; float: left; margin-right: 10px; margin-top: 20px; }
.btn_rule .btn_green_large, .view .applyButton a { display: block; background: #333333; padding: 8px 5px; text-align: center; text-decoration: none; color: #ffffff; font-weight: bold; width: 180px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 0px; cursor: pointer; }