/*
CSS Browser Reset
http://meyerweb.com/eric/thoughts/2007/04/14/reworked-reset/
*/


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, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}
a img, :link img, :visited img {
	border: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol, ul {
	list-style: none;
}
q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}






body
{
	background: #221d17;
	color: #999;
	font-family: "Lucida Grande", Tahoma, Verdana sans-serif;
	font-size: 11px;
	text-align: center;
}

a,
a:link,
a:visited
{
	color: #3ab7c9;
	border: 0;
	text-decoration: none;
	background: transparent;
}

a:hover
{
	text-decoration: underline;
}

.clear
{
	clear: both;
}

#loader
{
	position: absolute;
	background: #b5af9c;
	height: 16px;
	width: 16px;
	top: 26px;
	left: 10px;
	z-index: 3000;
}

#flash_container
{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2000;
}

.flash_message,
.message
{
	padding: 5px 10px 5px 10px;
	font-weight: bold;
	color: #fff;
	background: #3ab7c9;
}

#header
{
	width: 100%;
	background: #b5af9c url(../img/header.jpg) no-repeat center top;
}

#header #header_box
{
	margin: auto;
	width: 833px;
	height: 68px;
	position: relative;
}

#header_box h1
{
	position: absolute;
	width: 250px;
	height: 80px;
	z-index: 2000;
}

#header_box h1 a
{
	display: block;
	width: 250px;
	height: 80px;
	overflow: hidden;
	text-indent: -1000px;
}

#header_box .header_login
{
	position: absolute;
	top: 37px;
	right: 0;
	padding: 0 18px 0 0;
	width: 382px;
	text-align: right;
	font-family: Georgia;
	font-style: italic;
	color: #6d665d;
}

.header_login input[type="text"],
.header_login input[type="password"]
{
	width: 94px;
	height: 18px;
	border: 0;
	padding: 0 5px 0 5px;
	font-size: 11px;
	color: #111;
	background: transparent url(../img/login_field.gif) no-repeat 0 0;
}

.header_login span input[type="image"]
{
	vertical-align: bottom;
}

.header_login span,
.header_login label
{
	padding: 0 0 0 7px;
}

#header_box .header_login a
{
	font-weight: bold;
	font-size: 12px;
	padding: 0 2px 0 2px;
	background: transparent;
	color: #3ab7c9;;
}

#header_box .header_login a:hover
{
	background: #3ab7c9;
	color: #fff;
}

#container
{
	width: 100%;
	padding: 0 0 20px 0;
	background: #e5e5dd url(../img/body_top.jpg) no-repeat center top;
	border-bottom: 3px solid #d4d3c7;
}

#container #container_box
{
	position: relative;
	margin: auto;
	width: 833px;
	padding: 30px 0 0 0;
}

#container_box .top_content
{
	padding: 20px 31px 29px 27px;
	height: 306px;
	overflow: hidden;
}


#cats_top
{
	position: absolute;
	right: 19px;
	top: 16px;
}

#cats_top li
{
	display: inline;
	text-align: right;
	padding: 0 0 0 20px;
}




#cats_top a,
#cats_holder a,
#things_nav a
{
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	color: #524b43;
}

#cats_top a.here,
#cats_holder a.here,
#things_nav a.here
{
	color: #21b0c5;
}

#feature
{
	clear: both;
	height: 306px;
	padding: 20px 31px 29px 27px;
	overflow: hidden;
}

#feature_pictures
{
	position: relative;
	float: left;
	width: 485px;
	height: 306px;
	overflow: hidden;
}

#feature_control
{
	display: block;
	position: absolute;
	width: 485px;
	height: 306px;
	z-index: 2000;
}

#feature_control span
{
	display: block;
	position: absolute;
	width: 240px;
	height: 306px;
	color: #f00;
	font-weight: bold;
	overflow: hidden;
	text-indent: -1000px;
	cursor: pointer;
	background: transparent url(../img/feature_controls.png) no-repeat 0 306px;
}

#feature_control #feature_prev
{
	left: 0px;
}

#feature_control #feature_next
{
	right: 0px;
}

#feature_control #feature_prev:hover
{
	background-position: 0 0;
}

#feature_control #feature_next:hover
{
	background-position: -245px 0;
}

#feature_pictures #scrollpic
{
	position: absolute;
	top: 0px;
}

#feature_text
{
	float: right;
	width: 277px;
	height: 306px;
	overflow: hidden;
	
	padding: 12px;
	width: 253px;
	height: 282px;
	
}

#feature_text h2
{
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 0;
	color: #90876e;
}


#feature_text h2.home_title
{
	font-size: 40px;
	text-transform: none;
	letter-spacing: 0;
	font-weight: normal;
	color: #e5e5dd;
}


#feature_text p
{
	margin: 4px 0 15px 0;
}

#feature_text span.feature_subtitle
{
	font-family: Georgia;
	font-style: italic;
	font-size: 11px;
	letter-spacing: 1px;
	color: #524b43;
	text-decoration: none;
}

#feature_text span.feature_date
{

}

#feature_text .feature_text
{
	margin: 15px 0 0 0;
	line-height: 1.4;
	font-size: 11px;
	color: #111;
}

#feature_text .feature_text div,
#feature_text .feature_text span
{
	line-height: 1.4;
}

#feature_text .feature_text #home_contact
{
	color: #c5c1b2;
	padding: 17px 0 0 0;
}

#feature_text .feature_text em
{
	font-family: Georgia, serif;
	font-style: italic;
}

#feature_text .feature_text #home_contact strong
{
	color:#b1ab98;
	font-weight: bold;
	text-transform: uppercase;
}

#feature_text .feature_text #home_contact a
{
	color: #c5c1b2;
	font-size: 10px;
}

.feature_text #home_contact_left,
.feature_text #home_contact_right
{
	width: 120px;
	float: left;
}

.feature_text #home_contact_right
{
	float: right;
}

#cats_holder
{
	padding: 10px 19px 0 15px;
}

#cats_all
{
	float: left;
}

#cats_main
{
	float: right;
	text-align: right;
}

#cats_main li
{
	
	display: inline;
	text-align: right;
	padding: 0 0 0 20px;
}

#contents
{
	background: transparent url(../img/body_thumbs.jpg) no-repeat center top;
	height: 428px;
	overflow: hidden;
}


#thumbs_holder
{
	padding: 10px 19px 10px 15px;
}

#thumbs
{
	width: 799px;
	height: 333px;
	overflow: hidden;
	position: relative;
}

#scrollthumbs
{
	top: 0px;
	position: absolute;
}

.thumbs_group
{
	float: left;
	width: 799px;
}

.thumb
{
	float: left;
	width: 184px;
	height: 151px;
	padding: 12px 0 0 12px;
}

.thumb a
{
	display: block;
	width: 184px;
	height: 151px;
}

.thumb a:hover
{
	color: #ccc;
	text-decoration: none;
}

.thumb a span.t_pic
{
	display: block;
}

.thumb a span.t_name
{
	padding: 7px 0 4px 0;
	display: block;
	font-size: 11px;
	text-transform: uppercase;
	text-align: center;
	color: #90876e;
	text-decoration: none;
}

.thumb a:hover span.t_name
{
	color: #524b43;
	text-decoration: underline;
}

.thumbs_group .here span.t_name
{
	color: #21b0c5;
}

.thumb a.here:hover span.t_name
{
	color: #21b0c5;
}

.thumb a span.t_subtitle
{
	padding: 0;
	display: block;
	font-family: Georgia;
	font-style: italic;
	text-align: center;
	font-size: 9px;
	letter-spacing: 1px;
	color: #524b43;
	text-decoration: none;
}

#thumbs_control
{
	clear: both;
	position: relative;
	top: 1px;
	height: 20px;
	z-index: 800;
}

#thumbs_control span
{
	position: absolute;
	display: block;
	width: 20px;
	height: 20px;
	text-indent: -1000px;
	overflow: hidden;
	cursor: pointer;
	background: transparent url(../img/thumbs_controls.gif) no-repeat 0 0;
}

#thumbs_control #thumb_prev
{
	left: 27px;
	background-position: 0 2px;
}

#thumbs_control #thumb_prev:hover
{
	left: 27px;
	background-position: 0 -26px;
}


#thumbs_control #thumb_next
{
	right: 34px;
	background-position: -26px 2px;
}

#thumbs_control #thumb_next:hover
{
	right: 34px;
	background-position: -26px -26px;
}


#thumbs_jump
{
	position: absolute;
	left: 215px;
	width: 399px;
	height: 11px;
	padding: 6px 0 0 0;
	text-align: center;
}

#thumbs_jump em
{
	cursor: pointer;
}

#thumbs_jump em img
{
	width: 11px;
	height: 13px;
	background: transparent url(../img/thumbs_jump.gif) no-repeat 0 0;
}

#thumbs_jump em.jump_here img
{
	background-position: 0 -13px;
}


#things
{
	padding: 20px 15px 0 15px;
	min-height: 350px;
}


#things a.edit_link
{
	position: absolute;
	width: 12px;
	height: 12px;
	background: transparent url(../img/icon_edit.gif) no-repeat 0 0;
	text-indent: -1000px;
	overflow: hidden;
}

/*
#things .richtext:hover a.edit_link
{
	background-position: 0 0;
}
*/


.t_pankra
{
	background: transparent url(../img/things_bg_pankra.gif) no-repeat 0 0;
}

.t_profiles
{
	background: transparent url(../img/things_bg_profiles.gif) no-repeat 0 0;
}

.t_individual
{
	background: transparent url(../img/things_bg_individual.gif) no-repeat 0 0;
}

.t_clients
{
	background: transparent url(../img/things_bg_clients.gif) no-repeat 0 0;
}

.t_downloads
{
	background: transparent url(../img/things_bg_downloads.gif) no-repeat 0 0;
}

.t_jobs
{
	background: transparent url(../img/things_bg_jobs.gif) no-repeat 0 0;
}


#things_nav
{
	position: absolute;
	left: 29px;
	top: 28px;
}

#things_nav li
{
	display: inline;
	text-align: left;
	padding: 0 20px 0 0;
}

#things #cats_top
{
	top: 28px;
}

#things h3
{
	padding: 13px 0 0 0;
	font-size: 18px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #90876e;
	height: 29px;
}

#things h3 em
{
	font-family: Georgia, serif;
	color: #524b43;
	font-style: italic;
	text-transform: none;
	letter-spacing: 0;
}

#pankra_left
{
	float: left;
	padding: 0 0 0 12px;
	width: 486px;
}

#pankra_right
{
	float: right;
	padding: 0 10px 0 0;
	width: 260px;
}

.pankra_img
{
	padding: 11px 0 11px 0;
}

.pankra_text
{
	line-height: 1.4;
}

#pankra_main
{
	height: 320px;
}

#pankra_denhaag,
#pankra_kampen
{
	height: 60px;
	overflow: hidden;
	padding: 0 0 19px 0;
	line-height: 1.4;
}

#profiles_container
{
	padding: 0 0 0 14px;
}

#profile_robert,
#profile_wijtze,
#profile_lucas
{
	float: left;
	padding: 15px 14px 0 0;
	overflow: hidden;
}

.profile_text
{
	padding: 20px 0 0 0;
	text-align: center;
}

.profile_text a
{
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #90876e;
}



.profile_text em
{
	display: block;
	padding: 3px 0 0 0;
	height: 50px;
	font-family: Georgia;
	font-style: italic;
	text-align: center;
	font-size: 10px;
	letter-spacing: 1px;
	color: #524b43;
}

body .richtext,
body .richtext div,
body .richtext p,
body .richtext span,
body .richtext strong,
body .richtext em
{
	line-height: 1.4 !important;
}

body .richtext,
body .richtext div,
body .richtext p,
body .richtext span
{
	font-family: "Lucida Grande", Tahoma, Verdana sans-serif !important;
}

body .richtext em,
body .richtext em span
{
	font-family: Georgia, Times, serif !important;
	font-style: italic !important;
	font-size: 110%;
}

body .richtext strong,
body .richtext strong span
{
	font-weight: bold !important;
}

body #things .richtext
{
	color: #7d756d !important;
}

#clients_top_img,
#downloads_top_img,
#jobs_top_img
{
	float: left;
	padding: 11px 0 0 0;
	width: 486px;
}

#clients_top_text,
#downloads_top_text,
#jobs_top_text
{
	float: right;
	padding: 50px 0 0 0;
	width: 270px;
	color: #7d756d;
}

#clients_top,
#downloads_top,
#jobs_top
{
	padding: 0 0 0 12px;
	width: 774px;
	height: 384px;
	overflow: hidden;
}


#clients_list_1,
#clients_list_2,
#clients_list_3
{
	float: left;
	padding: 14px 0 0 14px;
	width: 251px;
	height: 303px;
}



#indi_top
{
	padding: 0 0 0 12px;
	width: 774px;
	height: 330px;
	overflow: hidden;
}

#indi_img
{
	float: left;
	width: 262px;
	padding: 11px 0 11px 0;
}

#indi_img img
{
	border: 7px solid #e5e5dd;
}

#indi_text
{
	float: right;
	width: 510px;
	padding: 11px 0 0 0;
}

#indi_text h4
{
	font-family: Georgia;
	font-size: 35px;
	font-style: italic;
	padding: 0 0 11px 0;
	color: #211e17;
}

#indi_text_1,
#indi_text_2
{
	float: left;
	width: 250px;
	color: #7d756d;
}

#indi_text_1
{
	width: 233px;
	padding: 0 22px 0 0;
}

#indi_left
{
	float: left;
	width: 245px;
	padding: 0 0 0 13px;
}

#indi_top5
{
	/*
	height: 163px;
	*/
	height: 141px;
	overflow: hidden;
}

#indi_top5_text
{
	padding: 11px 0 11px 0;
	color: #7d756d;
}

#indi_jump
{
	height: 200px;
}

#indi_jump_1,
#indi_jump_2
{
	float: left;
	padding: 11px 0 11px 0;
}

#indi_jump_1
{
	padding: 11px 14px 11px 0;
}

#indi_jump_1 img,
#indi_jump_2 img
{
	border: 5px solid #e5e5dd;
}


#indi_left a:hover img
{
	border: 5px solid #b9b5aa;
}

#indi_middle
{
	float: left;
	width: 226px;
	padding: 0 0 0 14px;
}

#indi_flickr
{
	/*
	height: 163px;
	*/
	height: 141px;
	overflow: hidden;
	padding-left: 12px;
}

#indi_current h3
{
	padding-left: 12px;
}

#indi_current_img
{
	padding: 14px 0 0 0;
}

#indi_right
{
	float: right;
	width: 270px;
}

#indi_favorite_img
{
	padding: 14px 0 0 0;
}

#downloads_list
{
	padding-left: 2px;
}

#downloads_list h3
{
	padding-left: 13px;
}

#downloads_list .download
{
	float: left;
	padding: 13px 0 0 12px;
	width: 184px;
	height: 265px;
	text-align: center;
	line-height: 1.5;
}

#downloads_list .download img
{
	border: 3px solid #e5e5dd;
}

.download strong
{
	padding: 7px 0 4px 0;
	display: block;
	font-size: 11px;
	text-transform: uppercase;
	text-align: center;
	color: #90876e;
	/*
	font-weight: bold;
	text-transform: uppercase;
	color: #524b43;
	*/
}

.download em
{
	padding: 0;
	display: block;
	font-family: Georgia;
	font-style: italic;
	text-align: center;
	font-size: 9px;
	letter-spacing: 1px;
	color: #524b43;
}

.download a
{
	font-weight: bold;
}

#jobs_bottom
{
	height: 320px;
	overflow: hidden;
}

#jobs_internships
{
	float: left;
	width: 481px;
	padding: 0 0 0 11px;
}

#jobs_jobs
{
	float: right;
	width: 281px;
}

#jobs_jobs_text,
#jobs_internships_text
{
	padding: 11px 0 11px 0;
	color: #7d756d;
}


#footer
{
	padding: 11px 0 0 0;
	width: 100%;
	border-top: 1px solid #2d2822;
}

#footer #footer_box
{
	margin: auto;
	width: 799px;
	padding: 19px 19px 33px 15px;
	background: #28241e;
	color: #585249;
	line-height: 1.4;
}

#footer #footer_box span
{
	font-size: 9px;
}

#footer #footer_box a
{
	color: #585249;
	line-height: 1.4;
	border-bottom: 1px solid #585249;
	text-decoration: none;
	font-weight: normal;
}

#footer #footer_box a:hover
{
	color: #ccc7be;
	line-height: 1.4;
	border-bottom: 1px solid #ccc7be;
}

#footer #footer_box span.lemuel,
#footer #footer_box span.lemuel a,
#footer #footer_box span.lemuel a:hover
{
	font-size: 9px;
	color: #37342e;
}

#footer #footer_box span.lemuel a,
#footer #footer_box span.lemuel a:hover
{
	color: #37342e;
	border-bottom: 1px solid #37342e;
}

q
{
	display: block;
	padding: 5px 0 0 0;
	font-size:16px;
	font-family:Georgia;
	color: #524b43;
	font-style: italic;
}

#home_contact a{text-decoration:underline};