body {
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size: 			9pt;
	background-color: 	#545454;
}

img,form,p {
	padding: 			0;
	margin: 			0;
	border: 			0;
}

textarea {
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size: 			9pt;
}

.left {
	float: 				left;
}
.right {
	float: 				right;
}

img.right {
	margin-left: 		10px;
}
img.left {
	margin-right: 		10px;
}

table {
	font-size: 			10pt;
	width: 				100%;
}

a {
	text-decoration: 	none;
	color: 				#fff;
}

a:hover {
	text-decoration: 	underline;
}

.floated {
	width: 				200px;
	float: 				left;	
}

.tr {
	float: right;	
}

.topleft,
#tabs .tab,
#header .top,
.block .top  {
	background-repeat: no-repeat;
	background-position: top left;	
}
.topright,
#tabs .tab div,
#header .top div,
.block .top div {
	background-repeat: 	no-repeat;
	background-position: top right;
}

.bottomright,
#footer .bot .botr,
.block .bot div {
	background-repeat: 	no-repeat;
	background-position: bottom right;	
}

.bottomleft,
.block .bot,
#footer .bot {
	background-repeat: 	no-repeat;
	background-position: bottom left;	
}

/* Wrapper */
#wrapper {
	margin: 			0 auto;
	width: 				750px;
}

#tabs {
	width: 				730px;
	padding-right: 		20px;
	height: 			21px;
}

small {
	padding: 			2px;
	background-color: 	#ff8080;
	border:				1px solid #b70000;	
	color:				#fff;
}

/* Tab item */
#tabs .tab {
	float: 				right;
	background-image: 	url(../img/tab_g_lb.jpg);
	background-color:	#bcde0a;
	margin-left: 		5px;
}

#tabs .tab div {
	background-image: 	url(../img/tab_g_rb.jpg);
}

#tabs .tab div a {
	color: 				#000;
	display: 			inline-block;
	padding: 			3px 20px 4px 20px;
}

#tabs .tab.active {
	background-image: 	url(../img/tab_b_lb.jpg);
	background-color: 	#233670;
}

#tabs .tab.active div {
	background-image: 	url(../img/tab_b_rb.jpg);
}

#tabs .tab.active div a {
	color: 				#bcde0a;
}

/* Header */
#header {
	height: 			62px;
	background-image: 	url(../img/rep_head.jpg);
	width: 				750px;
}

#header .top {
	background-image: 	url(../img/lb_head.jpg);
}
#header .top div {
	background-image: 	url(../img/rb_head.jpg);
	height: 			11px;
}

#header h1 {
	width: 				248px;
	height: 			62px;
	background-image: 	url(../img/header.jpg);
	text-indent: 		-9999px;
	margin: 			0px;
	margin-left: 		10px;
	float: 				left;
}

#header h1 a {
	display:			block;
	width: 				248px;
	height: 			62px;	
}

#header h2 {
	float: 				left;
	font-weight: 		normal;
	color: 				#bcde0a;
	margin: 			0px;
	margin-top: 		31px;
	margin-right: 		20px;
	font-size: 			16pt;
}

#header img {
	float: 				left;
}
#header .zoeken {
	float: 				right;
	padding-top: 		29px;
	padding-right: 		10px;
}
#header .zoeken input {
	border: 			1px solid #363636;
	padding: 			3px;	
	color: 				#ccc;
}

/* Menu */
#menu {
	width: 				750px;
	height: 			28px;
	background-color: 	#bcde0a;
}

#menu ul {
	padding: 			0px;
	margin: 			0px;
	list-style: 		none;
}
#menu ul li {
	float: 				left;
	border-right: 		1px solid #fff;
}

#menu ul li a {
	display: 			inline-block;
	padding: 			5px 25px 5px 25px;
	background-color: 	#bcde0a;
	font-size: 			11pt;
}
#menu ul li a:hover {
	background-color: 	#c3e511;
	text-decoration: 	none;
}

#menu ul li.active a {
	background-color: 	#fff; 
	color: 				#212c4e;
}
/* Main */
#main {
	background-color: 	#fff;
	width: 				750px;
	padding-bottom: 	15px;
}

.clear {
	clear: 				both;	
}

#content {
	float: 				left;
	width: 				530px;
	padding-left: 		10px;
	padding-right: 		10px;
}

#blokken {
	width: 				200px;
	float: 				left;
}
/* Footer */
#footer {
	border-top: 		5px solid #bcde0a;
	height: 			110px;
	background-image: 	url(../img/rep_footer.jpg);
}

#footer .bot {
	background-image: 	url(../img/lo_footer.jpg);
}

#footer .bot .botr {
	background-image: 	url(../img/ro_footer.jpg);
}

#footer .kolommen {
	height: 			110px;
	padding: 			0px 10px 0px 10px;
}
.kolommen p a {
	text-decoration: underline;	
}

.kolommen p a:hover {
	text-decoration: none;	
}

.kolommen .kolom {
	height: 			110px;
	width: 				230px;
	float: 				left;
	color: 				#fff;
}
.kolommen .kolom ul {
	margin: 			0px;
	padding-left: 		20px;
}
.kolommen .kolom ul li {
	list-style: 		decimal;
	color: 				#ff6000;
}

.kolommen .kolom h2 {
	font-weight: 		normal;
	font-style: 		italic;
	color: 				#bcde0a;
	margin: 			3px 0 3px 0;
	font-size: 			10pt;
}

.adres {
	display: 			block;
	font-size: 			8pt;
}

.or {
	color: 				#ff6000;
}

/* Content */
.item h2 {
	margin-bottom: 		0px;
	font-size: 			15pt;
	margin-top:			2px;	
	color: 				#212c4d;
}
.item h2 a {
	color: 				#212c4d;
}
.item h3 {
	margin: 			0px;
	margin-bottom: 		5px;
	font-weight: 		normal;
	font-size: 			7pt;
	color: 				#767676;
}

.item .inleiding {
	font-style: 		italic;	
	padding-top: 		5px;
	padding-bottom: 	5px;
}

.item p {	
	margin:				7px 0 7px 0;
}
.item p a,.zoekitem a,.item ol li a,.item ul li a {
	color: 				#212c4d;
	text-decoration: 	underline;
}
.item p a:hover,.item ol li a:hover,.item ul li a:hover {
	text-decoration: 	none;
}

/* BLOCK */

.block {	
	margin: 			10px;
}
.block.grijs {
	background-color: 	#C9C9C9;	
}
.block.grijs h3 {
	color: 				#ff6000;
	margin: 			0px;
	margin-left: 		10px;
}

.block .content {
	padding: 			10px;	
	padding-top: 		0px;
	text-align: 		justify;
}
.block.grijs .top {
	background-image: 	url(../img/g_lb.jpg);
}
.block.grijs .top div {
	background-image: 	url(../img/g_rb.jpg);
	padding-top: 		5px;
	height: 6px;
}
.block.grijs .bot {
	background-image: 	url(../img/g_lo.jpg);
}
.block.grijs .bot div {
	background-image: 	url(../img/g_ro.jpg);
	height: 			12px;
}

.block.blauw .top {
	background-image: 	url(../img/b_lb.jpg);
}
.block.blauw .top div {
	background-image: 	url(../img/b_rb.jpg);
	padding-top: 		5px;
	height: 			6px;
}
.block.blauw .bot {
	clear: both;
	background-image: 	url(../img/b_lo.jpg);
}
.block.blauw .bot div {
	background-image:	url(../img/b_ro.jpg);
	height: 			11px;
}

.block.blauw {
	background-color: 	#212c4d;
	color: 				#fff;
	font-size: 			8pt;
}
.block.blauw h3 {
	margin: 			0px;
	font-weight: 		normal;
	font-size: 			11pt;
	color: 				#bcde0a;
	text-align: 		right;
	font-style: 		italic;
	margin-right: 		10px;
	margin-bottom: 		5px;
}	
.tijd {
	color: 				#ccc;
}	

.block.blauw a {
	color:				#fff;	
}

#underFooter {
	text-align: 		right;
	padding-right: 		20px;
	font-size: 			7pt;
}

/* Custom stuff */
.tags {
	margin-top: 		5px;
	padding-left:		20px;
	border-top: 		1px dotted #ccc;
	color: 				#aaa;
}

/* Form */
.form p {
	padding: 			2px;
}	

.form.blog {
	border:				1px solid #ccc;
	padding: 			10px;
	padding-bottom:		0px;
	margin: 			10px;
	background: 		#f2f2f2;	
}

.form h3 {
	color:				#212C4D;
	font-size:			11pt;
}

.react h4,.item h4 {
	margin: 			10px 0 10px 0;
	padding-bottom:		5px;
	color:				#212C4D;
	border-bottom:		1px solid #BCDE0A;
}

p.goed {
	border: 			1px dotted #83e800;
	padding:			3px;
	background-color:	#caff85;
}

.smallitem {
	border: 			1px dotted #ccc;
	padding: 			5px;
	margin: 			10px 0 10px 0px;
}

.smallitem h5 {
	margin: 			2px 0 5px 0;
	font-weight: 		normal;
	color: 				#969696;
}

.smallitem.odd {
	border: 			1px dotted #656565;
	background-color: 	#f6ffc5;
}

.smallitem.odd h5 {
	color: 				#212C4D;
}	

/* Bread */
#bread {
	padding:			3px;
	color:				#212C4D;
	font-size:			8pt;
	text-align: 		right;
}
#bread a {
	text-decoration:	underline;
	color:				#212C4D;
}
#bread a:hover {
	text-decoration:	none;
}

/* portfolio */
.portitem {
	height: 			100px;	
	border-top: 		1px solid #BCDE0A;
	padding: 			5px;
}
.portitem .img {
	width: 				150px;
	float:				left;
}
.portitem .info a {
	color: 				#212C4D;
}
.portitem .info h3 {
	font-size: 			11pt;
	font-weight: 		bold;
	margin-bottom: 		0px;
}	

.portitem .info p {
	margin-top: 		0px;
}

/* Portfolio himzelf */
.port {
	height: 			309px;	
}
.port,.bottom {
	width: 				420px;	
	margin: 			0 auto;
}

.bottom img {
	cursor:				pointer;	
}

.port .content {
	height: 			250px;
}

.port .content .l,
.port .content .r {
	height: 			250px;
	width: 				30px;
	float: 				left;
}
.port .content .l a,
.port .content .r a {
	font-size:			20pt;
	display: 			inline-block;
	padding: 			110px 5px 110px 5px;
}

#mover {
	height: 			250px;
	width: 				340px;
	overflow:			hidden;
	float: 				left;
}
#mover img {
	float:				left;	
}

#mover .width {
	height: 			250px;	
}

#titel {
	text-align: 		center;	
	padding:			0px;
}

p.cat {
	margin-top: 		-3px;	
	font-size: 			7pt;
	color: 				#767676;
}

.imgs {
	text-align: 		center;	
}

.imgs img {
	float: 				left;
	margin:				5px;	
}

.bottom .active {
	border:				2px solid #000;
}

/* Code block */


.code {
	width: 			505px;
	border: 		1px dashed #000;
	margin: 		20px;
	margin-top:		0px;
	background: 	#f2f2f2;
}

.codehead {
	padding-left: 	20px;
	font-style: 	italic;
	display: 		block;
}



/* ubb stylen */
.ubb {
	margin: 		20px;
	margin-right: 	3px;		
}

.console {
	background-color:#000;
	color:			#fff;
	padding:		5px;
}
.console pre {
	margin:			0px;	
}
.spoiler {
	margin-left: 0px;
}

.spoiler p {
	margin-top: 0px;
	padding: 4px;
	background-color: #000;
}	

.spoiler .head,.offtopic .head  {
	font-size: 8pt;
	font-style: italic;
}
.offtopic {
	color: #aaa;
	margin-left: 0px;
}
.offtopic p {
	margin-top: 0px;
	font-size: 8pt;		
}

.youtube {
	text-align: 	center;	
}
.youtube .head {
	border-bottom: 	1px solid #BCDE0A;
	font-weight: 	bold;
	padding-bottom: 3px;
	margin-bottom:	3px;
	font-size: 		8pt;
	color: 			#212C4D;
	display: 		block;
	text-align: 	left;
}
.quote .head {
	font-size: 		8pt;	
	margin-bottom: 	2px;
}
blockquote {
	background-color:	#fcfcfc;
	border:			 	1px dotted #ccc;
	margin: 			0;
	color: 				#3e3e3e;
}
blockquote p {
	margin: 			0;
	padding-left: 		5px;
}

.item table.blog {
	border: 			1px solid #000;	
}
.item table.blog tr td {
	border-bottom: 		1px dotted #ccc;
	background-color: 	#EAEAEA;	
	padding: 			3px;
}

.item table.blog tr.head td {
	background-color: 	#212C4D;
	border-bottom: 		1px dashed #000;
	color: 				#BCDE0A;
	font-style: 		italic;
}

.item img {
	border: 			1px solid #000;	
}
.item .port img {
	border:				none;	
}

/* Code */

.code table {
	border: 			0;
	margin: 			0;	
}
.code table tr td {
	background-color: 	transparent;
	border: 			0;
}

.code table tr td.ln {
	background-color: 	#bfbfbf;
	color: 				#000;	
	border-right: 		1px solid #000;
	width: 				33px;
	padding-bottom:		17px;
}

.code table tr td div.flow {
	overflow: 			auto;	
	width: 				462px;
	padding-left: 		5px;
}

.zoeker {
	margin: 			5px;
	width: 				235px;
}

.zoekitem {
	padding: 			5px;
	border-bottom: 		1px dotted #ccc;	
	height: 			15px;
}

.zoekitem .counter,.zoekitem .date {
	float: 				left;
	display: 			inline-block;
	width: 				30px;	
}

.zoekitem .date {
	width: 				150px;	
	color: 				#BCDE0A;
}

.zoekitem .score {
	float: 				right;	
}
.zoekitem a {
	float: 				left;	
}
.zoekitem a:hover {
	text-decoration: 	none;
}

/*
SLIMBOX
*/

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(../img/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(../img/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(../img/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}