/* DEFAULT */




html, body, form, a, ul, ol, li, div, br, button, textarea, h1, h2, h3, h4, h5, strong, img {
	margin: 0;
	padding: 0;
	border: 0;
}

html , body {	height: 100%; background-color: #e9e9e9; text-align: center; }

/* HTML REDEFINED TAGS */

body {
	font-family: Arial, Verdana, Helvetica;
	font-size: 0.8em;
	color: #303030;
}

fieldset {
	border: 1px solid #e8e8e8;
	margin-bottom: 15px;
}

legend {
	background-color: #A8B0CF;
	font-weight: bold;
	color: #fff;
	padding: 5px 10px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

input, textarea, select, button {
	border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
	border: 1px solid #cccccc;
	padding: 3px;
	color: #474747
}

.iframe { border: 1px solid #000; width: 680px; height: 500px; }

input[type="submit"], input[type="reset"], input[type="button"], button {
    cursor: pointer;
    background-color: #11b31c;
    border-color: #0c9b16;
    color: #fff;
    padding: 5px;
} 
input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, button {
    background-color: #0fa219;
} 

h1 {
	color: #485cb3;
	font-size: 1.6em;
	margin: 6px 8px 0 0px;
	font-weight: normal;
}

h2 {
	color: #7b88aa;
	font-size: 1.2em;
}

acronym {
	cursor: help;
}

a {
	color: #000;
}

a.external {
	background: url(/img/icon/external-link.png) no-repeat 100% 0;
	padding: 0 15px 0 0;
}


/* MAIN STRUCTURE */

#container {
	background-color: #f2f2f2;
	width: 985px;
	height:auto !important;
	margin:0 auto;
	min-height: 1600px;
	position:relative;
	text-align: left; 
}

#container_header {
	width: 985px;
	height:auto !important;
	margin:0 auto;
	min-height:100%;
	position:relative;
	text-align: left; 
}

.sky { text-align: right; width: 100%; padding-top: 15px; height: 90px; }

#header-sky {
	min-width: 985px;	
	height: 191px;
	background: white url('/img/header-bg.png') repeat-x left;
}

#header {
	min-width: 985px;	
	height: 96px;
}

	#header-sky #left, #header #left {
		float: left;
		padding: 0;
		margin-left: -8px;
	}
		#header-sky #left a, #header #left a {
			display: block;
		}
		#header-sky #left #header_logo, #header #left #header_logo {
			display: inline;
			width: 215px;
			height: 80px;
		}
	#header-sky #right, #header #right {
		float: right;
		width: 750px;
	}

#nav { color: #e6e9f3; margin-top: 19px; height: 46px; padding: 12px 11px 0 22px; background: url("/img/nav/nav-main-bg.png") repeat-x; border: 1px solid #7e87a4; -moz-border-top-left-radius: 4px; -moz-border-top-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; font-family: Verdana, Arial, Helvetica; }
#nav #nav-btns a { font-weight: bold; text-decoration: none; float: left; color: #e6e9f3; }
#nav #nav-btns .nav-php-forum { display: block; padding-left: 36px; margin-right: 24px; width: 43px; height: 34px; background: url("/img/nav/php-forum.png") no-repeat; background-position: 0 0; }
#nav #nav-btns .nav-php-boeken { display: block; padding-left: 38px; margin-right: 24px; width: 43px; height: 34px; background: url("/img/nav/php-boeken.png") no-repeat; background-position: 0 0; }
#nav #nav-btns .nav-php-scripts { display: block; padding-left: 41px; margin-right: 18px; width: 46px; height: 34px; background: url("/img/nav/php-scripts.png") no-repeat; background-position: 0 0; }
#nav #nav-btns .nav-php-tutorials { display: block; padding-left: 41px; margin-right: 28px; width: 46px; height: 34px; background: url("/img/nav/php-tutorials.png") no-repeat; background-position: 0 0; }
#nav #nav-btns .nav-php-vacatures { display: block; padding-left: 33px; margin-right: 48px; width: 38px; height: 34px; background: url("/img/nav/php-vacatures.png") no-repeat; background-position: 0 0; }
#nav #nav-btns a:hover { background-position: 0 -34px; color: #ffffff; }
#nav #nav-btns li { list-style-type: none; float: left; border-right: 1px dotted #172763; margin-right: 20px }
#nav #nav-btns li:last-child { border: 0; }

#nav-loginfo { float: right; margin-top: -8px; }
#nav-loginfo div { margin: 0; padding: 0; }
#nav-loginfo #login { font-size: 0.8em; float: right; }
#nav-loginfo #login .btn { float: left; background: url("/img/nav/btn.png") 0 0; width: 144px; height: 17px; padding-top: 3px; text-align: center; text-transform: uppercase; }
#nav-loginfo #login .btn:hover { background: url("/img/nav/btn.png") 0 20px; }
#nav-loginfo #login .btn a { display: block; color: #ffffff; text-decoration: none; }
#nav-loginfo #login div { margin: 0 0 4px 3px;  }
#nav-loginfo #login .loggedin { margin-top: 4px; }
#nav-loginfo #login a { color: #e6e9f3; }

#search { clear: both; float: right; background: #4e5b7c; width: 378px; height: 27px; border: 1px solid #4e5b7c; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
#search form { margin: 0; padding: 4px 0 0 4px; }
#search input { background: #ffffff url("/img/nav/zoek-icon.png") no-repeat 4px 50%; padding-left: 22px; float: left; width: 316px; height: 12px; border-left: 1px solid #3f4d6f; border-bottom: 1px solid #3f4d6f; border-top: 0; border-right: 0; font-size: 0.9em; }
#search .submit, #search .submit { width: 19px; height: 19px; margin-left: 5px; float: left; font-size: 0.7em; border: none; background: transparent url('/img/nav/zoek-button.png') no-repeat 0 0; outline-style: none; }
#search .submit:hover, #search .submit:hover { background: transparent url('/img/nav/zoek-button.png') no-repeat 0 -19px ; }
	
#subnav { position: relative; margin-top: -5px; width: 100%; height: 41px; background: url("/img/nav/subnav-bar-bg.png") repeat-x; }
#subnav h2 { font-size: 1em; }
#subnav #loginmenu-vertical { display: none; }
#subnav ul { margin: 5px 0 0 20px; float: left; }
#subnav ul, #subnav li { list-style-type: none; }
#subnav ul li a, #subnav ul li ul li a { text-decoration: none; }
#subnav ul li { display: block; position: relative; z-index: 999; float: left; width: 148px; border: 1px solid #909dc4; text-transform: uppercase; height: 19px; padding: 4px 6px; background: url("/img/nav/subnav-btn-bg.png"); border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
#subnav ul li a { color: #e4e7f1; background: url("/img/nav/subnav-btn-arrow.png") center right no-repeat; }
#subnav ul li:hover ul { display: block }
#subnav ul li ul { display: none; margin: 8px 0 0 -7px; background-color: #747f9d; padding: 0; border: 1px solid #747f9d; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
#subnav ul li ul li { display: block; background: #747f9d; padding: 5px 3px 5px 12px; margin: 0; font-size: 0.9em; text-transform: lowercase; border: 0; width: 220px; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; }
#subnav ul li ul li .time { font-size: 0.9em; color: #d9deec; margin-right: 8px; }
#subnav ul li ul li a { background: none; }
#subnav #mijnacc a, #subnav #reactions a, #subnav #forum a, #subnav #scripts a, #subnav #tutorials a { padding-right: 15px; }
#subnav ul li ul li:hover { background-color: #636e8c; }
#subnav #actief, #subnav #moderate-options, .signup, #search { display: none; }
#subnav .expand, #subnav .live { margin: 11px 10px 0 0; }
#subnav .live { margin-right: -5px; }

/* custom sizes */
#subnav #mijnacc { width: 120px; }
#subnav #reactions { width: 86px; }
#subnav #scripts { width: 105px; }
#subnav #tutorials { width: 120px; }

#subnav .view-new { float: left; text-transform: uppercase; color: #e4e7f1; padding: 10px 0 0 10px; }

#breadcrumb { margin: 15px 0 12px 12px; font-size: 0.9em; border-bottom: 1px dotted #919191; height: 25px; width: 960px; }
#breadcrumb ul { margin: 0; padding: 0; }
#breadcrumb ul li { float: left; list-style-type: none; padding: 0 15px 0 10px; background: url("/img/nav/breadcrumb-arrow.png") 100% 40% no-repeat; }
#breadcrumb ul .noarr { background: none; }
#breadcrumb ul li a { text-decoration: none; color: #919191; }
#breadcrumb .contract { display: none; }

#home { padding-top: 10px; text-align: left; }
#home h3, .sepcats h3 { font-size: 0.9em; color: #fff; font-weight: normal; background: url("/img/nav/nav-main-bg.png") repeat-x; border: 1px solid #7e87a4; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;  padding: 2px 10px; }
#home h3 a { color: #fff; text-decoration: none; }
#home ul { margin: 5px 0 10px 0; padding: 5px 10px; border: 1px solid #c8c8c8; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
#home ul li { list-style-type: none; text-align: left; line-height: 1.7em; }
#home ul li a { text-decoration: none; }
#home ul li a:hover { color: #485cb3; }

#home #nieuws, #home #timeline, #home #links { float: left; }

#home #nieuws { width: 340px; text-align: left; }
#home #nieuws .artikel { height: auto; border-bottom: 1px dotted #ced3e0; margin-bottom: 20px; }
#home #nieuws .artikel h2 { margin-bottom: 4px; font-weight: normal; font-size: 1.3em; }
#home #nieuws .artikel h2 a { text-decoration: none; color: #172758; }
#home #nieuws .artikel img { float: left; margin-right: 6px; border: 1px solid #c9cee1; padding: 2px; }
#home #nieuws .add-news { margin: 0; padding: 0; float : right; background-color: #e4e4e4; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; font-size: 0.8em; padding: 0 5px; }
#home #nieuws .add-news a { text-decoration: none; }
#home #nieuws .add-news .blue { color: #465cb1; font-weight: bold; }
#home #nieuws .nieuws-rss { margin: 0; padding: 0; float: right; font-size: 0.8em; padding: 0 5px; }
#home #nieuws .more { margin-bottom: 10px; }
#home #nieuws .more a { text-decoration: none; }
#home #nieuws .more a:hover { color: #485cb3; }

/* #home #nieuws .featured { padding: 18px 18px 2px 18px; border: 1px solid #919ab6; -webkit-border-radius: 4px; border-radius: 4px; -moz-border-radius: 4px; } */

#home #timeline { width: 190px; margin: 0 24px; }
#home #timeline .timeline { padding: 1px 10px 10px 10px; background-color: #f3f4f7; font-size: 0.9em; line-height: 1.7em; }		
#home #timeline #poll .antwoorden img.pollbar, .antwoorden img .pollbar {min-width:5px;box-shadow: 0px 0px 2px 1px #000;} {min-width:5px;box-shadow: 0px 0px 2px 1px #000;}
.pollbox {margin: 5px 0 10px 0; padding: 5px 10px; border: 1px solid #c8c8c8; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }

#home #links { width: 336px; }
#home #links .bonquebg, .sepcats .bonquebg {  }
#home #links .boek { height: 126px; border-bottom: 1px dotted #ced3e0; margin-bottom: 20px; }
#home #links a { text-decoration: none; font-weight: normal; }
#home #links .justify { text-align: justify; }
.fp-vacature img { float: right; padding-top: 3px; }
.fp-vacature a { text-decoration: none; display: block; }
.fp-vacature a:hover { background-color: #dde1ec; }
.plaats-php-vacature { margin-top: 20px; }
.plaats-php-vacature a, .upload-je-cv a { display: block; color: #fff; padding: 8px 0 0 0; text-decoration: none; }
.plaats-php-vacature, .upload-je-cv { clear: both; float: left; width: 100%; height: 37px; text-align: center; font-size: 1.5em; text-transform: uppercase; background-color: #11b31c; border: 1px solid #098e12; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; margin-bottom: 20px;  }
.plaats-php-vacature:hover { background-color: #1cc527; }
.upload-je-cv { margin-left: 22px; padding-top: 10px; height: 52px; }

#boeken .php-boek { float: left; width: 246px; margin-right: 40px; text-align: left; }
#boeken .nospace { margin-right: 0; }
#boeken .php-boek h2 { height: 40px; font-size: 1.3em; font-weight: normal; margin-bottom: 4px; border-bottom: 2px solid #e6e6e6; }
#boeken .php-boek h2 a { color: #172758; }
#boeken .php-boek a { text-decoration: none; }
#boeken .php-boek .php-boek-omschrijving { height: 80px; }
#boeken .php-boek .php-boek-informatie img { background-color: #fff; border: 1px solid #c9cee1; padding: 2px; margin: 0 10px 10px 0; }
#boeken .php-boek .php-boek-informatie { height: 128px; }
#boeken .php-boek .php-boek-bekijken { background: url("/img/nav/nav-main-bg.png") repeat-x; border: 1px solid #7e87a4; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; width: 226px; margin: 20px 0; padding: 0 10px; text-align: right; }
#boeken .php-boek .php-boek-bekijken a { color: #fff; }
				
#main {
	clear: both;
	/*min-width:1020px;*/
	padding-top: 10px;
	min-height: 100%;
}
			.uitloggen {
				text-decoration: underline;
			}
	#main #content {
		width: 915px;
		background-color: #ffffff;
		border: 1px solid #dcdcdc;
		
		border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; 
		margin-left: 15px;
		margin-bottom: 20px;
		padding: 10px 20px;
		line-height: 1.7em;
		text-align: justify;
		/* overflow: auto; */
	}
	.forum-sidebar { float: right; }
	#main #sidebar a:hover {
		color: #000;
	}
		#main #content .sepcontent ul, #main #content .sepcontent ol {
			margin-left: 35px;
		}
		#main #content .seperator {
			display: block;
			height: 7px;
			width: 687px;
			font-size: 0;
			overflow: hidden;
			margin: 20px 22px 5px 6px;
			height: 90px;
			background: url(/img/sepgradients.png) repeat-x;
			margin-bottom: -83px;
		}
		
		#main #content .seperator2 {
			clear: both;
			display: block;
			height: 7px;
			width: auto;
			border-bottom: 1px solid #a6a6a6;
			font-size: 0;
			overflow: hidden;
			margin-bottom: 5px;
			margin: 0 22px;
		}
		
		
		#main #content .item_blok_news {
			background-color: #f3f4f7;
			margin: 12px 10px;
			width: 100%;
			/* !margin-left: 10px; */
		}
		
		#main #content .item_blok {
			float: left; 
			margin: 12px 6px;
			width: 338px;
			text-align: right;
			/* !margin-left: 10px; */
		}
			#main #content .item_blok h1 {
				margin-top: -10px;
				font-size: 1.2em;
				color: #4ab032;
				font-weight: normal;
				margin-bottom: 10px;
				text-align: left;
				text-transform: uppercase;
			}
			#main #content .item_blok .forum_blok {
				width: auto;
				height: 95px;
				font-size: 12px;
				font-weight: normal;
				padding: 6px 6px 6px 9px;
				text-align: left;
				color: #a5a5a5;
			}
				#main #content .item_blok .forum_blok .forum_lijst {
					height: 29px;
					border-bottom: 1px dotted #cccccc;
					line-height: 29px;
				}
					#main #content .item_blok .forum_blok .forum_lijst .icon {
						width: 16px;
						height: 15px;
						background-image: url('/img/forum_bericht_icon.jpg');
						display: block;
						float: left;
						margin-right: 5px;
						margin-top: 8px;
					}
					
					#main #content .item_blok .forum_blok .forum_lijst a {
						color: #465cb1;
						text-decoration: none;
					}
				
			#main #content .item_blok .news_blok, #main #content .item_blok_news .news_blok {
				width: auto;
				height: 112px;
				background-color: #f3f4f7;
				border-bottom: 1px dotted #cbcbcb;
				font-size: 11px;
				font-weight: normal;
				padding: 6px 6px 6px 9px;
				text-align: left;
			}
			#main #content .item_blok .more_blok, #main #content .item_blok_news .more_blok {
				width: auto;
				height: 85px;
				background-color: #e4e4e4;
				border-bottom: 1px dotted #cbcbcb;
				font-size: 11px;
				font-weight: normal;
				padding: 6px 6px 6px 9px;
				text-align: left;
			}
			.more_blok_h2 {
				background-color: #464646;
				margin: 0;
				height: 21px;
				width: 326px;
				color: #fff;
				font-size: 1em;
				text-align: left;
				padding: 0 6px;
			}
			.more_blok_h2 a {
				text-decoration: none;
				color: #fff;
			}
				#main #content .item_blok .news_blok .text {
					display: block;
					float: left;
					width: 250px;
				}
				#main #content .item_blok .more_blok .wider {
					display: block;
					float: left;
					width: 315px;
					line-height: 1.9em;
				}
				#main #content .item_blok .news_blok .image {
					display: block;
					float: right;
				}
				#main #content .item_blok .news_blok h2, #main #content .item_blok_news h2  {
					font-size: 16px;
					font-weight: normal;
					margin-bottom: 5px;
				}
				#main #content .item_blok .news_blok h2 a, #main #content .item_blok_news h2 a {
					color: black;
					text-decoration: none;
				}
				#main #content .item_blok .news_blok h2 a:hover, #main #content .item_blok_news h2 a:hover {
					color: #465cb1;
				}
				.new { padding-left: 28px; background: url("/img/icon/nieuw.png") center left no-repeat; }
				
		#main #content .item_blok h3 a {
			font-size: 10px; 
			color: #465cb1;
			text-decoration: none;
			font-weight: normal;
			display: block;
			margin-top: 4px;
			clear: both;
		}
		#main #content .item_blok h3 a:hover {
			text-decoration: underline;
		}
		#main #content .item_blok .forum_blok h3 a {
			font-size: 10px; 
			color: #465cb1;
			text-decoration: none;
			font-weight: normal;
			display: block;
			margin-top: 4px;
			clear: both;
			text-align: right;
		}
		#main #content .item_blok .forum_blok h3 a:hover {
			text-decoration: underline;
		}
		
		.hidlinks {
			display: none;
		}
	
	#main #push { clear: both; }
	
/*
FLOAT RIGHT 
*/



/*
END FLOAT RIGHT
*/	
	
#contactform input { width: 220px; }

#react { float: right; }
.alert { font-weight: bold; }
	
#footer {
	clear: both;
	width: 100%;
	font-family: Verdana, Arial, Helvetica;
	height: 135px;
	background-color: #fff;
	border-top: 2px solid #dedede;
	font-size: 0.9em;
}

#footer #container_footer {
	width: 900px;
	text-align: left;
	margin: 20px auto 0 auto;
}

	#phphulp, #support, #extras, #privacy, #hosting {
		float: left;
		width: 150px;
		margin-right: 35px;
	}
	
	#privacy {
		margin-right: 0;
	}
	
	#footer h3 {
		font-weight: bold;
		color: #545454;
		margin-bottom: 10px;
		font-size: 1em;
	}
	#footer a {
		color: #465cb1;
		text-decoration: none;
	}
	#footer a:hover {
		color: black;
	}
	
/**********************
  PHP VACATURES
***********************/

.activiteit {  border-bottom: 1px solid #dfdfdf; padding-bottom: 16px; margin-top: 16px; }
.activiteit-datum { font-size: 12px; color: #636363; }
.activiteit-omschrijving a { text-decoration: none; color: #465cb1; }
	
/**********************
  PHP VACATURES
***********************/


.php-vacature-plaats {
	float: left;
	color: #585858;
}
.php-vacatures {
	background: #ffffff url(/img/php/vacatures/php-vacatures.png) no-repeat;
	width: 164px;
	height: 247px;
	margin: 20px 0 0 0;
}

.php-vacature h2  {
	margin: 0;
	padding: 0;
	color: #172758;
	text-transform: uppercase;
	font-weight: normal;
	margin-bottom: 8px;
}



.php-vacatures-cv-achterlaten {
	padding: 90px 0 0 26px;
}

.php-vacature-plaatsen {
	padding-left: 26px;
}

.php-vacature {
	float: left;
	width: 480px;
	padding: 5px 20px 20px 20px;
}


.php-vacature-locatie {
	float: left;
	width: 100px;
	text-align: right;
	color: #6f6f6f;
	font-size: 0.8em;
}

.php-vacature-breaker {
	clear: both;
	margin-bottom: 15px;
	height: 1px;
	border-bottom: 1px solid #dfdfdf;
}

.php-vacature-header {
	margin-left: -10px;
}

.php-vacature-header {
	margin-left: -10px;
}

.php-vacature-mailing {
	margin-left: -10px;
	width: 456px;
	color: #fff;
	height: 102px;
	background: url(/img/php/vacatures/php-vacatures-ontvangen.png);
	padding: 80px 0 0 65px;
}

.php-vacature-mailing input, .php-vacature-mailing select {
	border: 1px solid #273438;
	border-radius: 3px;
	moz-border-radius: 3px;
}

.verstuur-php-vacature {
	margin-top: -10px;
	padding-left: 203px;
}

#pagination { float: right; margin-top: 20px; }
#pagination li { margin: 0; padding: 0; list-style-type: none; float: left; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; background-color: #7f57a2; width: 25px; height: 21px; margin-right: 2px; padding: 5px 2px 2px 2px; text-align: center; color: #ffffff; }
#pagination li a { text-decoration: none; color: #ffffff; display: block; }
#pagination li.active { background-color: #f3f3f3; -moz-box-shadow: inset 0 0 10px #dedede; -webkit-box-shadow: inset 0 0 10px #dedede; box-shadow: inset 0 0 10px #dedede; }
#pagination li.active a { color: #000; }
#pagination li.noformat { background: none; color: #000; width: auto; height: auto; }

.solliciteren { background-color: #f5f5f5; -moz-border-radius: 8px; border-radius: 8px; padding: 2px 18px; border: 1px solid #dbdbdb; }

.searchbar {
	padding: 13px;
	background-color: #dfdfdf;
	margin: -10px 0 15px -10px;
	width: 494px;
	height: 16px;
	color: #535353;
}

.searchbar input { margin: 0; padding: 0; border: 0; height: 13px; margin-bottom: -6px; padding: 4px; }
.searchfield { color: #7e7e7e; width: 172px; }
.php-vacature-zoeken { margin-bottom: -6px; }

/*New css classes*/
.phphulp-vacature-zoeken {width:99.5%; height:200px; margin-top:10px; margin-bottom:20px; background: #7d5aad; /* Old browsers */background: -moz-linear-gradient(top,  #7d5aad 0%, #5c3e84 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d5aad), color-stop(100%,#5c3e84)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top,  #7d5aad 0%,#5c3e84 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top,  #7d5aad 0%,#5c3e84 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top,  #7d5aad 0%,#5c3e84 100%); /* IE10+ */background: linear-gradient(to bottom,  #7d5aad 0%,#5c3e84 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d5aad', endColorstr='#5c3e84',GradientType=0 ); /* IE6-9 */}
.monsterboard-logo {margin:0 auto; width:330px; display:block;  padding-top:15px;}

.php-vacature-zoeken-monsterboard-left {margin-bottom:25px;width:420px; margin-left:25px; margin-right:20px;float:left; background-color:#35037F;}
.php-vacature-zoeken-monsterboard-right {margin-bottom:25px;width:420px; float:left; background-color:#35037F;}

.php-vacature-zoeken-monsterboard-left label, 
.php-vacature-zoeken-monsterboard-right label {font-weight:600; color:#fff; width:100%; float:left; text-align:center; display:block; margin-bottom:5px; margin-top:5px;}
.php-vacature-zoeken-monsterboard-left input, 
.php-vacature-zoeken-monsterboard-right input {border-radius:0; width: 92.8%;margin: 0;margin-left: 6px; margin-bottom:5px; padding:7px 8px;}

.php-vacature-zoeken-submit {clear: both; padding: 6px 15px !important; font-size: 1.3em; margin:0 auto; border:0; display:block; margin-top:50px; font-weight:bold; color: #673695 !important; border:1px solid #bbbbbb !important; border-radius:0 !important; text-transform: uppercase; cursor: pointer; background: #eeeeee; /* Old browsers */ background: -moz-linear-gradient(top,  #eeeeee 0%, #dddddd 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top,  #eeeeee 0%,#dddddd 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top,  #eeeeee 0%,#dddddd 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top,  #eeeeee 0%,#dddddd 100%); /* IE10+ */ background: linear-gradient(to bottom,  #eeeeee 0%,#dddddd 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */ }
.php-vacature-zoeken-submit:hover {color:#893cd1 !important;}

.sidebar-block-vacatures {background-color:#dfdfdf; display:block; float:left; padding:5px 15px; margin-bottom:20px; }
.sidebar-block-vacatures-email {margin-top:20px; background-color:#dfdfdf; display:block; float:left; padding:5px 15px; margin-bottom:20px; }
.sidebar-block-vacatures a,
.sidebar-block-vacatures-email a {color:#485cb3; text-decoration:none;}
.sidebar-block-vacatures a.create-account-monsterboard {font-weight:bold; text-align:center; width:100%; display:block; font-size:1.2em;}
.sidebar-block-vacatures-email a.vacatures-ontvangen-email {font-weight:bold; text-align:left; width:100%; display:block; font-size:1.2em;}
.sidebar-vacatures {width:346px !important;}
.external-links-monsterboard {width:100%; float:left; display:block;}
.external-links-col-3 {padding:0 10px; width:20%; float:left; display:block; height:150px; background-color:#dfdfdf; margin-right:34px;}
.external-links-col-3 p {text-transform:uppercase;}
.external-links-col-3:last-child {margin-right:0;}
.external-links-monsterboard ul {padding-left:17px; margin-top:-10px;}
.external-links-monsterboard ul li a {color:#0d51ab; text-decoration:none;}
.external-links-monsterboard ul li a:hover {text-decoration:underline;}
.php-citys-monsterboard {display:none;}
.plaats-php-vacature-detail {margin-top:0;}

/* forum styles */
.vacature-php-zoeken { width: 709px; height: 143px; background-color: #fa074b; }
.vacature-php-baan { width: 689px; height: 70px; background-color: #b3203f; border-top: 1px solid #80172d; color: #faf2f3; padding: 0 10px; margin-bottom: 10px; }
.vacature-php-baan input, .vacature-php-baan select { border-radius: 4px; moz-border-radius: 4px; border: 1px solid #80172d; background-color: #fff; padding: 3px; }
.vacplaatsing label { float: left; width: 250px; text-align: left; }
.vacplaatsing input {  }
.vacature-php-logo { padding: 10px; }
.vacature-php-functie { float: left; width: 200px; }
.vacature-php-locatie { float: left; width: 200px; }
.vacature-php-km { float: left; width: 74px; }
.vacature-php-submit { float: left; margin-left: 20px; width: 108px; }

.php-vacature-zoekveld { width: 180px; }

/**********************
	GENERAL CLASSES
***********************/

.forgotten {
	margin-right: 15px;
	padding-right: 15px;
	background: #f6e8e8 url(/img/icon/error.png) center right no-repeat;
	border-bottom: 1px solid #b03232;
}

.field {
	border: 1px dotted #b03232;
	padding: 5px;
	background-color: #f5e6e6;
	font-weight: bold;
}

.reg_button {
	margin-left: 10px;
}

/**********************
  LOGIN BOX
***********************/

#loginbox {
	background: url(/img/loginbox.png) no-repeat;
	margin-left: auto;
	margin-right: auto;
	width: 399px;
	height: 131px;
	padding: 60px 0 0 63px;
}

#loginbox .loginput {
	width: 292px;
	font-size: 1.2em;
	margin-bottom: 3px;
}

.login_remember {
	float: left;
	margin-top: -6px;
}

.login_submit {
	float: left;
	margin-top: -6px;
	padding-left: 20px;
}

/**********************
  FORUM
***********************/

.fshare {
	clear: both;
	margin-bottom: 10px;
}

.st_bonque {
	padding-left: 64px;
}

.st_bonque a { text-decoration: none; color: #465cb1; }

.forum_skalet {
	clear: both;
	border: 1px solid #e9e9e9;
	width: 916px;
	padding: 10px 0;
	margin-bottom: 10px;
}

.forum_skalet ul, .forum_skalet ol { margin: 0 0 20px 40px; }

.forum_msg_author {
	float: left;
	width: 160px;
	padding-right: 10px;
	text-align: right;
}

.forum_msg_author h3 a {
	text-decoration: none;
	color: #465cb1;
}

.forum_msg_options {
	float: right;
	width: 80px;
	text-align: right;
	height: 19px;
	margin-left: 10px;
}

.forum_msg_content_grey {
	float: left;
	width: 714px;
	background-color: #ededed;
	border-left: 1px solid #ededed;
	border-right: 1px solid #ededed;
	padding: 10px 20px 10px 10px;
	min-height: 130px;
	border-bottom: 1px solid #ababab;
	text-align: left;
}

.forum_msg_content {
	float: left;
	width: 724px;
	background-color: #ffffff;
	border-left: 1px solid #ededed;
	border-right: 1px solid #ededed;
	padding: 10px;
	min-height: 130px;
	border-bottom: 1px solid #ababab;
	text-align: left
}

.forum_msg_edit {
	color: #919191;
	font-size: 0.8em;
	border-top: 1px solid #919191;
	font-style: italic;
	margin-top: 3px;
	height: 15px;
}

.forum_grey {
	color: #838383;
	font-style: italic;
	font-size: 0.8em;
}

.php_forum_overview {
	width: 100%;
	border-collapse: collapse;
	border: 0;
}

.php_forum_overview td {
	padding: 6px;
	background-color: #f5f5f5;
	border-top: 1px solid #e1e1e1;
	color: #383838
}

.php_forum_overview a {
	color: #151f44;
}


.forum-titles { width: 100%; border-collapse: collapse; border: 0; padding: 0; margin: 0; color: #fff; border-collapse: collapse; border: 0; background-color: #7e87a4; border-top-left-radius: 6px; -moz-border-top-left-radius: 6px; -webkit-border-top-left-radius: 6px; border-top-right-radius: 6px; -moz-border-top-right-radius: 6px; -webkit-border-top-right-radius: 6px; }
.forum-titles td { border: 0; padding: 6px; }
.forum-size-title { width: 670px; }
.forum-size-topic { width: 450px; }
.forum-size-list-title { width: 520px; }
.forum-size-from { width: 150px; }
.forum-size-info { width: 70px; }
.forum-size-list-info { width: 40px; }
.forum-size-actief { width: 130px; }
.forum_icon, .forum_icon_topic { background: url(/img/icon/folder.png) 50% 50% no-repeat; background-color: #a0abc8; }
.forum_title {
	background-color: #3e52a9;
	color: #ffffff;
	font-size: 90%;
	font-weight: bold;
}

.forum_actief {
	width: 150px;
}

.forum_head {
	background: #f2f2f2 url(/img/forum/title-bar.png) repeat-x;
	height: 30px;
	font-weight: bold;
	font-size: 1.2em;
	color: #2b2b2b;
}

.forum_left {
	width: 20px;
}

.forum_cat {
	background-color: #ffffff;
}

.forum_cat a {
	color: #151f44;
	font-weight: bold;
}

.forum_cat input.text {
	width: 300px;
}

.forum_cat textarea {
	width: 300px;
	height: 80px;
}

.postedit {
	width: 100%;
	font-size: 0.8em;
	color: #001859;
	border-bottom: 1px solid #001859;
}

.postedit a {
	color: #374361;
	text-decoration: none;
	font-weight: bold;
}

.list_icon {
	background-color: #a0abc8;
	width: 5px;
}

.list_title {
	background-color: #ffffff;
	width: 478px;
}

.list_user {
	background-color: #fcfcfc;
	width: 155px
}

.list_posts, .list_views {
	background-color: #ffffff;
	width: 46px;
	text-align: center;
}

.list_date {
	background-color: #fcfcfc;
	width: 114px;
	font-size: 0.8em;
}

.faq {
	margin: 2px 0 2px 8px;
	padding-left: 8px;
	border-left: 2px solid #cecece;
}

.faq-tab {
	margin: 2px 0 2px 24px;
	padding-left: 8px;
	border-left: 2px solid #cecece;
}

.koffiehoek {
}

/* CSS voor UBB Code */
/*img {
    border-style: none;
    vertical-align: middle;
    margin: 2px;
}*/
.Block {
}
.Quote {
    border: 1px solid #d3d3d3;
    padding: 4px;
}
.Code {
		clear: both;
    border: 1px solid #d3d3d3;
    background-color: #f0f0ef;
    font: small "Courier New", Courier, mono, monospace;
    white-space: nowrap;
    padding: 3px;
}
.CodeLines {
    text-align: right;
    float: left;
    padding: 4px 6px;
}
.CodeCode {
    overflow: auto;
    margin-right: 1px;
    padding: 4px;
    background-color: #fff;
}
.Spoiler {
		border: 1px solid #d3d3d3;
    display: none;
    padding: 10px;
}
.codelft {
	float: left;
}

.codergt {
float: right;
}

/* LIST TOPICS */

.forum_row1, .forum_row2, .forum_date {
	font-size: 90%;
}

.forum_row1, .mailbox_row1 {
	background-color: #ffffff;
}

.forum_row2, .forum_date, .mailbox_row2 {
	background-color: #fcfcfc;
}

.forum_date {
	width: 100px;
}

.message_add {
	width: 97%;
	border: 1px dotted #9A2800;
	background-color: #EFE3CB;
	color: #9A2800;
	clear: both;
	font-size: 120%;
	text-align: center;
	padding: 5px;
	height: 20px;
}

.comment_edit {
	width: 400px;
}

/* NEW TOPIC */
.fastreact { margin-left: 20px; }
.forum_submit {
	width: 200px;
	background: #ffffff;
	border: 1px solid #000000;
	padding: 3px;
	margin: 3px;
	font-size: 1.1em;
	font-family: Verdana, Arial, Helvetica;
}

.forum_titel {
	width: 400px;
}

/* SHOW TOPIC */

div .php_forum {
	background: #a0abc8;
	margin-bottom: 5px;
	width: 750px;
}

b.rtop, b.rbottom {
	display:block;
	background: #FFF;
}

b.rtop b, b.rbottom b {
	clear: both;
	display:block;
	height: 1px;
	overflow: hidden;
	background: #a0abc8;
}

b.rtop b {
	background: #000000;
}


b.r1 {
	margin: 0 5px;
}

b.r2 {
	margin: 0 3px;
}

b.r3 {
	margin: 0 2px;
}

b.rtop b.r4, b.rbottom b.r4 {
	margin: 0 1px;
	height: 2px;
}

.php_forum_auth {
	background: #000000;
	line-height: 25px;
	padding: 0 9px 3px 9px;
	color: #ffffff;
}

.php_forum_auth a {
	color: #fff;
}

.php_forum_info, .php_forum_message {
	padding-top: 5px;

}

.php_forum_info {
	background-color: #a0abc8;
	float: left;
	width: 130px;
	font-size: 0.8em;
	color: #707070;
	padding: 10px;
}

.php_forum_message {
	background-color: #a0abc8;
	float: left;
	width: 580px;
	min-height: 155px;
	padding: 10px;
}

.topic_left {
	float: left;
	width: 618px;
	margin-right: 29px;
}

.topic_right, .faq_right, .nieuws_right {
	float: left;
	width: 193px;
}

.topic_right p, .faq_right p, .nieuws_right p {
	padding-left: 15px;
}

.topic_header {
	height: 20px;
	font-size: 1.2em;
}

.breadcrumb {
	margin-top: 6px;
	font-size: 0.8em;
	color: #8e8e8e;
}

.breadcrumb a {
	color: #8e8e8e;
	text-decoration: none;
}

.breadcrumb a:hover {
	color: #595959;
	text-decoration: underline;
}

.comment-auth .moderator { font-size: 0.8em; line-height: 0.4em; }

.moderator {
	font-style: italic;
	font-weight: bold;
	font-size: 0.9em;
	color: #686868;
}

/*
	NEW MESSAGE
*/

.new-message { color: #fff; }
.new-messages { position: relative; text-align: center; z-index: 2; top: 13px; left: 6px; width: 16px; font-weight: bold; margin: 0; padding: 0;}
.new-messages-icon { position: relative; top: -15px; z-index: 1;  margin: 0; padding: 0;}

.note {
	border: 1px dotted #a0abc8;
	background-color: #f3f3f3;
	padding: 5px 10px;
}

.note ul {
	margin-left: 20px;
}

.forum_bericht {
	clear: both;
	background-color: #efefef;
	width:  820px;
	padding: 20px;
}

.forum_textarea {
	width: 600px;
	background-color: red;
}

.break {
	margin: 0
}

#confirm {
	position: absolute;
	border: 1px solid #FFF;
	z-index: 103;
	text-align: center;
	color: #000;
	background-color: #FFF;
}

#box {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 102;
	width: 100%;
	height: 500px;
	background-color: #000;
}

.greynote {
	color: #707070;
	font-size: 90%;
}

.offtopic {
	color: #484848;
}

/**********************
  VOORKEUREN
***********************/

.pref-descr, .pref-email, .pref-pm {
	line-height: 2.2em;
}

.pref-descr {
	float: left;
	width: 570px;
}

.pref-email {
	float: left;
	width: 60px;
	text-align: center;
	margin-right: 20px;
}

.pref-pm {
	float: left;
	width: 25px;
}

/*******************
  BOEKEN
********************/

.sepcontent { float: left; width: 532px; padding: 0 30px 10px 0px; margin-top: 10px; margin-bottom: 10px; }
.sepcontent h2 a { color: #7b88aa; text-decoration: none; padding-top: 8px; }
.sepcontent h3 { color: #909bb8; font-size: 1em; }
.sepcontent .item_bg .item_left h3, .sepcontent .item_bg .item_right h3 { font-size: 0.9em; padding-left: 20px; background: url("/img/icon/script.png") 0% 50% no-repeat; }
.sepcontent .item_bg .item_left .tutorial, .sepcontent .item_bg .item_right .tutorial { background: url("/img/icon/tutorial.png") 0% 50% no-repeat; }
.sepcontent .item_bg .item_left h3 a, .sepcontent .item_bg .item_right h3 a { text-decoration: none; }
.sepcontent .item, .item_blok .item { clear: both; padding-top: 10px; }
.sepcontent .poster { color: #828282; font-size: 0.9em; }
.sepcontent .poster a { text-decoration: none; font-weight: bold; color: #828282; }

#faq h3 a {
	color: #465cb1;
	font-size: 1.1em;
}

.boek-details {
	width: 80px;
	font-weight: bold;
}

.item .omschrijving {
	border-bottom: 1px solid #dfdfdf;
	min-height: 120px;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.sepcontent .omschrijving p, .item_blok .omschrijving p, .sepcontent .omschrijving h2, .item_blok .omschrijving h2, .sepcontent .item_left p, .item_blok .item_left p, .sepcontent .item_right p, .item_blok .item_right p {
	padding: 0;
	margin: 0;
}

.item_block { margin: 0; padding: 0; }

.item_blok .omschrijving {
	text-align: left;
	width: 340px;
}

.item_blok .omschrijving h2 {
	font-size: 1em;
}

.sepcontent .omschrijving h2, .item_blok .omschrijving h2, .sepcontent .omschrijving h2 a, .item_blok .omschrijving h2 a {

	color: #000;
}

.sepcontent .item_bg { margin-top: 5px; padding-top: 3px; min-height: 125px; border-bottom: 1px dotted #d4d4d4; margin-bottom: 5px; }
.sepcontent .item_left, .sepcontent .item_right { float: left; width: 240px; padding: 0 5px; min-height: 125px; }
.sepcontent .item_bg_top { margin-top: 5px; padding-top: 3px; background: url("/img/linebg.png") repeat-x; min-height: 70px; border-bottom: 1px dotted #d4d4d4; margin-bottom: 5px; }
.sepcontent .item_left_top, .sepcontent .item_right_top { float: left; width: 240px; padding: 0 5px; min-height: 60px; }
.sepcontent .item_right, .sepcontent .item_right_top { float: right; }
.sepcontent .move-right { margin-left: 10px; margin-bottom: 10px; }

.sepcats { width: 336px; float: left; margin-top: 10px; text-align: left; }
.sepcats ul, .sepcats ol { margin: 0; padding: 0; width: 316px; border: 1px solid #c8c8c8; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; padding: 5px 20px 5px 10px; margin-top: 20px; }
.sepcats ol li { margin-left: 20px; }
.sepcats ul li { list-style-type: none; background: url("/img/icon/arrow-right.png") 6px 50% no-repeat; padding-left: 20px; font-size: 0.9em; min-height: 20px }
.sepcats ul li a { text-decoration: none; }
.sepcats ul li a:hover { color: #3b4664; }
.sepcats .noar { background: none; padding-left: 20px; color: #4ab032; }
.sepcats .summary { background: url("/img/nav/nav-main-bg.png") repeat-x; margin: 10px 0 -10px 0; padding: 2px 10px; width: 326px; border: 1px solid #7e87a4; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; color: #fff; }
.sepcats h2 { font-weight: normal; }
.septitle {
	border-top: 1px solid #d5d5cb;
	font-size: 0.8em;
	margin-left: 35px;
	font-weight: bold;
}

.sepcats .nobo {
	border: 0;
}



.sepcats .cr a {
	display: block;
	width: 2px;
	height: 2px;
}

.sepcats .nl {
	background: url("/img/icon/label.png") 6px 50% no-repeat;
	font-weight: normal;
}

.sepmenu li {
	background: none;
}

.sepmenu li a {
	text-decoration: underline
}

/*******************
  COMMENTS
********************/

.comment-auth {
	clear: both;
	float: left;
	width: 120px;
	text-align: left; 
}

.comment-auth a {
	text-decoration: none;
}

.comment-talkrow {
	float: left;
	width: 11px;
	min-height: 100px;
	background: url("/img/comment-talkrow.png") left top no-repeat;
}

.comment-message {
	text-align: left;
	background-color: #ececec;
	float: left;
	width: 380px;
	min-height: 100px;
	padding: 2px 10px;
	color: #161616;
	margin-bottom: 20px;
}

#responseComment {
	clear: both;
}

.comment-box {
	clear: both;
	border-top: 1px dotted #a0abc8;
}

.thumbs {
	float: right;
	color: #919191;
	font-size: 0.9em;
	margin: 0;
	padding: 0;
}

.thumbsup {
	color: #49943f;
}

.thumbsdown {
	color: #e0292a;
}

/************************
  LIGHTBOX
*************************/

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url('/img/lightbox/blank.gif') no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url('/img/lightbox/prev.gif') left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url('/img/lightbox/next.gif') right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
#imageData a { outline: none;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}


/*******************
  SCRIPTS
********************/

div.multiupload {
	float: left;
	padding: 3px;
}
div.multiupload div.list div.item {
	margin: 1px;
	width: 300px;
}
div.multiupload div.list img {
	float: left;
	margin: 3px;
	cursor: pointer;
}

.sort {
	clear: both;
	width: 250px;
	height: 30px;
	background-color: #f3f3f3;
	border: 1px solid #cecece;
	color: #000;
	border-bottom: 0;
	cursor: pointer;
	padding: 3px;
	list-style-type: none;
}

.sort:hover {
	background-color: #dbdfee;
}

.sort div {
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
	width: 30px;
	height: 30px;
	background-color: #465cb1;
}

.sortinhert {
	padding: 0;
	margin: 0;
}

.sbb {
	border-bottom: 1px solid #cecece;
}

/*******************
  PROFILE
********************/

.profile {
	border-collapse: collapse;
	margin-bottom: 20px;
	width: 100%;
}

.profile td {
	border-bottom: 1px solid #cecece;
}

.profile .name {
	width: 120px;
	font-weight: bold;
	vertical-align: top;
}

.profile .sep {
	width: 20px;
	text-align: center;
	vertical-align: top;
}

.pr-latest {
	margin-bottom: 20px;
	border-collapse: collapse;
	width: 100%;
}

.pr-latest td {
	border: 1px solid #cecece;
	padding: 3px;
}

.pr-date {
	width: 125px;
	font-size: 0.8em;
	text-align: center;
}

.pr-title a {
	/* padding-left: 10px; */
}

.pr-bg {
	background-color: #f5f4f4;
}

/********************
  GLOBAL CLASSES
*********************/

.avatar { background-color: #fff; border: 1px solid #c9cee1; padding: 2px; border-radius: 8px;}
.nieuwsimg { float: right; background-color: #fff; border: 1px solid #c9cee1; padding: 2px; margin: 0 0 5px 10px; }
.topspace10 { margin-top: 10px; }
.topspace20 { margin-top: 20px; }
.botspace20 { margin-bottom: 20px; }
.botspace20 { margin-bottom: 10px; }

.more-bot-margin { margin-bottom: 10px; }

.rechten {
	color: #929292;
}

.greytalic {
	color: #929292;
	font-style: italic;
	font-size: 0.8em;
}

.date {
	color: #9a9a9a;
}

.sf {
	font-size: 0.8em;
}

.blacklink {
	color: #000;
}

.greytalic a {
	color: #929292;
}

.morelink a {
	color: #465cb1;
	font-size: 0.8em;
}

.getit {
	margin-bottom: -8px;
}

.mailbox {
	font-size: 0.8em;
}

.mail_subject {
	width: 260px;
}

.modnote {
    font-style: italic;
    background-color: #eab0b0;
    border: 1px solid #c40f0f;
}

.stars {
	background: url("/img/icon/stars.png") 100% 50% no-repeat;
}

.clearit {
	clear: both;
}

.noheight {
	height: 1px;
}

.fr {
	float: right;
	padding: 0 0 10px 10px;
}

.fl {
	float: left;
	padding: 0 10px 10px 0;
}

.fr-vac {
	float: right;
	padding: 10px 0 10px 10px;
}

.table-sep { width: 8px; }

.flp {
	padding-top: 10px;
}

.cntr {
	text-align: center;
}

.redalert {
	font-weight: bold;
	color: #ff0000;
}

.small {
	font-size: 0.8em;
}

.incognito { color: #a8a8a8; font-size: 0.9em; }

.topnote {
	margin-top: -5px;
	margin-bottom: 15px;
	padding-bottom: 5px;
	color: #5a5a5a;
	border-bottom: 1px solid #dfdfdf;
	font-size: 0.9em;
}

.footnote {
	color: #5a5a5a;
	border-top: 1px solid #dfdfdf;
	font-size: 0.9em;
}

.footnote a {
	color: #5a5a5a;
}

/* not so big */
.nsb {
	font-size: 0.9em;
}

.nieuwsbrief-note { color: grey; font-style: italic; margin-left: 24px; }

/* more space */
.ms {
	clear: both;
	padding-bottom: 15px;
}

.ga {
	margin-top: 10px;
}

/* INPUT SIZES */

.input_name {
	width: 220px;
}

.input_textarea {
	width: 466px;
    height: 230px;
}

.input_txt_edit {
	width: 340px;
}

.input_txt_source { width: 460px; }


  
.tabnav li {  
display: inline;  
list-style: none;

}  
  
.tabnav li a {  
text-decoration: none;  
text-transform: uppercase;  
color: #222;  
font-weight: bold;  
padding: 4px;  
outline: none;  
background: #ececec;
color: #454545;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
-moz-border-radius-topleft: 2px;
-moz-border-radius-topright: 2px;
font-size: 0.9em;
}  
  
.tabnav li a:hover, .tabnav li a:active, .tabnav li.ui-tabs-selected a {  
background: #465cb1;  
color: #fcfcfc;  
text-decoration: none;  
border-top-left-radius: 2px;
border-top-right-radius: 2px;
-moz-border-radius-topleft: 2px;
-moz-border-radius-topright: 2px;
}  
  
.tabdiv {  
margin-top: 2px;  
background: #fff;  
border: 1px solid #dedbd1;
padding: 5px;
line-height: 1.8em;
}

.tabdiv ul {
	margin: 0;
	padding: 0;
}
  
.tabdiv li {   
	margin: 0;
	padding: 5px;
	list-style-type: none; 
}

.tabdiv li:hover { background-color: #e5e7f0; }
  
.ui-tabs-hide {  
display: none;  
}  

/* tutorials / scripts overzichten */
.php-item { float: left; padding: 5px 20px 20px 0; margin-bottom: 10px; }
.php-item h2  { margin: 0; padding: 0; color: #172758; text-transform: uppercase; font-weight: normal; margin-bottom: 8px; }
.php-item h2 a { color: #172758; }

.php-opties { float: left; color: #e0e4f3; font-size: 0.9em; }
.php-eigenschappen { float: left; width: 520px; }
.php-eigenschappen a { color: #e0e4f3; font-size: 0.9em; text-decoration: none; margin-top: -20px; }
.php-eigenschappen img { margin-bottom: -3px; }
.php-eigenschappen { clear: both; margin-top: 10px; text-align: right; padding: 2px 5px; background: #737f9e url("/img/nav/nav-main-bg.png") repeat-x; width: 520px; border: 1px solid #737f9e; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }


.searchbar form { float: right; margin: 0; padding: 0; }
.php-vacature-opties { clear: both; margin-top: 10px; text-align: right; padding: 2px 5px; background-color: #dfdfdf; width: 100%; }
.php-vacature-opties a { color: #6d498e; font-size: 0.8em; text-decoration: none; margin-top: -20px; }
.php-vacature-opties a:hover { color: #7f58a3; }
.php-vacature-opties img { margin-bottom: -3px;}
.php-baan { text-align: center; padding-top: 20px; }
.php-baan ul { margin: 0; padding: 0; }
.php-baan ul li { list-style-type: none; float: left; }
.php-baan img { margin: -30px 0 -15px 0; }
.php-baan h2 { color: #111111; font-weight: normal; margin-bottom: 4px; }
.php-baan a { text-decoration: none; color: #465cb1; line-height: 1.2em; padding-right: 10px; }
.php-baan a:hover { color: #253989; }

.php-item-breaker { clear: both;  margin-bottom: 20px; height: 1px;  border-bottom: 1px solid #dfdfdf; }

.zenid { text-align: left; width: 298px; height: 154px; background: url(/img/ads/zenid-net.png) no-repeat; padding: 82px 8px 0 8px; }


.php-vacature h2 a { color: #172758; }


/**  



 */
/*rating stylesheet*/
.comment-message 													{transition: height 0.3s ease; padding-bottom: 20px;z-index: 100;position: relative;}
.comment-message .comment-warning									{position: absolute;margin-bottom: -40px;background-color: #FFFFFF;padding: 10px;margin-left: 400px;float: right;margin-top: -10px;border-radius: 3px;border: 1px solid #D8D8D8;-webkit-user-select: none;cursor: default;box-shadow: 1px 1px 10px -5px #000; width: 300px;}
.comment-message .thumbs .vote-comment								{cursor: pointer;}
.comment-message .thumbs .vote-comment img 							{opacity: 0.7; transition: opacity 1.0s ease;}
.comment-message .thumbs .vote-comment.voted img 					{opacity: 1.0; transition: all 1.0s ease;}
.comment-message .thumbs .vote-comment.not-voted img 			 	{filter: url(filters.svg#grayscale); filter: gray; -webkit-filter: grayscale(1); transition: all 1.0s ease;}
.comment-message .thumbs .vote-comment.not-voted span 		 		{color: #333; transition: all 1.0s ease;}
.comment-message .thumbs .vote-comment:hover 						{}
.comment-message .thumbs .vote-comment:hover + .likes-container 	{transition: width 0s ease 0s, opacity 0.5s ease, padding 0s ease 0s;width: 150px;opacity: 1.0;padding: 10px;}
.comment-message .thumbs .likes-container 							{overflow: hidden; width: 0px; position: absolute; opacity: 0;transition: opacity 0.5s ease 1s,width 0s ease 1.5s, padding 0s ease 1.5s;margin-left: 100px;margin-top: 19px;background-color: #fff;padding: 0px;border-radius: 3px;box-shadow: 1px 1px 10px -5px #000; border: 1px #D8D8D8 solid;}
.comment-message .thumbs .likes-container a							{display: block;}
.comment-message .thumbs .likes-container:hover 					{width: 150px;opacity: 1.0;padding: 10px;}
.comment-message .edit-message-container							{position: relative;margin-left: -5px;margin-right: 7px;}
.comment-message .edit-message-container textarea					{font-family: Arial, Verdana, Helvetica;line-height: 1.6em;position: relative;padding: 0px 11px 0px 9px;width: 100%; margin-left: -5px; overflow-y: hidden;margin-top: -1px;}
.comment-message .edit-message-container .update-comment			{margin-top: -4px; margin-left: -5px; padding-top: 7px; border: 1px #ccc solid;}
.comment-message a 													{cursor: pointer;}
.render-grey 														{color: #aaa;filter: url(filters.svg#grayscale); filter: gray; -webkit-filter: grayscale(1); transition: all 1.0s ease;}

.comment-box														{position: relative;}
.loading															{position: absolute; width: 15px; height: 15px; background-image: url("/img/phphulp-loading.gif"); background-repeat: no-repeat; background-size: 15px 15px;}
textarea:focus														{outline: none;}

/* for future feature reference
.fade-screen 														{position: fixed;top: 0px;left: 0px;width: 100%;height: 100%;background-color: rgba(181, 194, 231, 0.61);z-index: 100;}
.highlighted-message 												{position: relative; z-index: 1000;}*/



#subnav #fadeout li {
    position: relative;
    line-height: 20px;
    white-space: nowrap;
    overflow: hidden;
    padding: 2px 3px 2px 12px;
}

#subnav #fadeout li:after {
    content: "";
    text-align: right;
    position: absolute;
    bottom: 2px;
    right: 0;
    height: 20px;
    width: 20%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 50%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 50%);
}

/*Cookies*/
#cookies {
    width: 100%;
    position: fixed;
    bottom: 0;
    background-color: #465caf;
    color: #ffffff;
    padding: 40px 0;
    border-top: 1px solid #ffffff;
    z-index: 9999;
}

#cookies a {
    color: #ffffff;
    text-decoration:underline;
}

#cookies label { color: #ffffff;padding-right: 20px; }
#cookies .checkbox-group .checkbox label:before {
    border-color: #ffffff;
}

#cookies .checkbox-group .checkbox input:checked + label:before {
    color: #ffffff;
}

#cookies .cookie_btn {
    text-align: right;
}

#cookies .cookie_btn input {
    border: 0;
    color: #ffffff;
    padding: 20px;
    background-color: #324795;
    text-decoration: none;
    transition: color 0.3s linear;
    -webkit-transition: color 0.3s linear;
    -moz-transition: color 0.3s linear;
}

#cookies .cookie_btn input:hover {
    background-color: #1f2f6f
}