/*----------------------------------------------*/
/*												*/
/*		© 2010 Bean Designed					*/
/*		All rights reserved.					*/
/*												*/
/*		PO Box:	Postbus 47						*/
/*				3200 AA Spijkenisse				*/
/*				The Netherlands					*/
/*												*/
/*		Phone: +31 (0)6 23 18 56 74				*/
/*		Email: info@beandesigned.eu				*/
/*		Internet: http://www.beandesigned.eu/	*/
/*												*/
/*----------------------------------------------*/

/*------------------ GENERAL -------------------*/

body {
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: normal;
	font-weight: normal;
	line-height: 140%;
	color: #484848; /* TEXT GRAY */
	background: url(../img/arnold_bakker_underground.jpg) repeat-y #1F93A8; /* LIGHT TURQUOISE */
}

/*---*/

a {
	padding: 0px 0px 1px 0px;
	color: #484848; /* TEXT GRAY */
	border-bottom: 1px solid #CCCCCC; /* LINE GRAY */
	text-decoration: none;
}

a:hover {
	padding: 0px 0px 1px 0px;
	color: #A31200; /* BORDEAUX RED */
	border-bottom: 1px solid #CCCCCC; /* LINE GRAY */
	text-decoration: none;
}

/*---*/

h1 {
	margin: 0px 0px 20px 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 250%;
	font-style: normal;
	font-weight: normal;
}

h1 a {
	padding: 0px 0px 1px 0px;
	color: #A31200; /* BORDEAUX RED */
	border-bottom: 1px solid #CCCCCC; /* LINE GRAY */
	text-decoration: none;
}

h1 a:hover {
	padding: 0px 0px 1px 0px;
	color: #484848; /* TEXT GRAY */
	border-bottom: 1px solid #CCCCCC; /* LINE GRAY */
	text-decoration: none;
}

h2, h3, h4, h5, h6 {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	font-size: 150%;
	font-style: normal;
	font-weight: normal;
	line-height: 100%;
	color: #A31200; /* BORDEAUX RED */
}

/*--------------- MAIN CONTAINER ---------------*/

#main_container {
	width: 760px;
	margin: 0px 0px 0px 200px;
	position: relative;
}

/*------------------- SEARCH -------------------*/

#search {
	width: 310px;
	height: 80px;
	padding: 20px 10px 0px 440px;
}

/*---*/

.form_search_0_margin {
	margin: 0px;
	padding: 0px;
}

/*---*/

#form_search {
	width: 208px;
	height: 16px;
	padding: 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
	color: #484848; /* TEXT GRAY */
	border: 1px solid #CCCCCC; /* LINE GRAY */
	background: #FFFFFF; /* WHITE */
}

.knop_search {
	height: 24px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF; /* WIT */
	border: 1px solid #A31200; /* BORDEAUX RED */
	background: #A31200; /* BORDEAUX RED */
}

/*---------------- INTRODUCTION ----------------*/

#introduction {
	width: 440px;
	padding: 0px 320px 30px 0px;
	color: #6F6F6F; /* MID GRAY */
}

/*----------------- NAVIGATION -----------------*/

#navigation {
	width: 730px;
	margin: 0px 30px 0px 0px;
	padding: 7px 0px 37px 0px;
	border-top: 1px solid #CCCCCC; /* LINE GRAY */
	border-bottom: 1px solid #CCCCCC; /* LINE GRAY */
}

	* html #navigation {
		padding: 7px 0px 7px 0px;
	}

/*---*/

.separation_line a, .separation_line a:hover {
	border-left: 1px solid #CCCCCC; /* LINE GRAY */
}

/*---*/

#nav a {
	margin: 0px;
	padding: 5px 10px 7px 10px;
	display: block;
	color: #484848; /* TEXT GRAY */
	border-bottom: 0px;
	background: #FFFFFF; /* WHITE */
	text-decoration: none;
}

#nav a:hover {
	margin: 0px;
	padding: 5px 10px 7px 10px;
	display: block;
	color: #FFFFFF; /* WHITE */
	border-bottom: 0px;
	background: #A31200; /* BORDEAUX RED */
	text-decoration: none;
}

/*---*/

#nav, #nav ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#nav li {
	float: left;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}

/*---*/

#nav li ul {
	width: 360px;
	padding: 10px;
	position: absolute;
	left: -9000px;
	border-left: 1px solid #CCCCCC; /* LINE GRAY */
	background: #FFFFFF; /* WHITE */
}

/*---*/

#nav li ul a {
	width: 360px;
	margin: 0px;
	padding: 0px;
	color: #484848; /* TEXT GRAY */
	border-bottom: 0px;
	border-left: 0px;
	background: #FFFFFF; /* WHITE */
	text-decoration: none;
}

#nav li ul a:hover {
	width: 360px;
	margin: 0px;
	padding: 0px;
	color: #A31200; /* BORDEAUX RED */
	border-bottom: 0px;
	border-left: 0px;
	background: #FFFFFF; /* WHITE */
	text-decoration: none;
}

/*---*/

.link_in_navigation {
	font-style: italic;
	font-weight: normal;
	color: #6F6F6F; /* MID GRAY */
}

/*------------------- HEADER -------------------*/

#header_top {
	width: 760px;
	height: 20px;
	margin: 0px;
	padding: 0px;
	background: url(../img/arnold_bakker_quote_corner.jpg) no-repeat;
}

#header {
	width: 760px;
	height: 215px;
	margin: 0px 0px 20px 0px;
}

/*---*/

#header_photo_home, #header_photo_news, #header_photo_research, #header_photo_education, #header_photo_articles, #header_photo_activities, #header_photo_contact, #header_photo_sitemap {
	width: 440px;
	height: 215px;
	float: left;
}

#header_photo_home {
	background: url(../img/arnold_bakker_photo_close_up.jpg) no-repeat;
}

#header_photo_news {
	background: url(../img/arnold_bakker_photo_news.jpg) no-repeat;
}

#header_photo_research {
	background: url(../img/arnold_bakker_photo_research.jpg) no-repeat;
}

#header_photo_education {
	background: url(../img/arnold_bakker_photo_education.jpg) no-repeat;
}

#header_photo_articles {
	background: url(../img/arnold_bakker_photo_articles.jpg) no-repeat;
}

#header_photo_activities {
	background: url(../img/arnold_bakker_photo_activities.jpg) no-repeat;
}

#header_photo_contact {
	background: url(../img/arnold_bakker_photo_contact.jpg) no-repeat;
}

#header_photo_sitemap {
	background: url(../img/arnold_bakker_photo_sitemap.jpg) no-repeat;
}

/*---*/

#header_quote {
	width: 260px;
	height: 190px;
	padding: 25px 30px 0px 30px;
	float: right;
	background: #186A85; /* DARK TURQUOISE */
	text-align: right;
}

.header_quote_text {
	margin: 0px;
	padding: 0px;
	font-size: 150%;
	font-style: normal;
	font-weight: normal;
	line-height: 135%;
	color: #FFFFFF; /* WHITE */
}

.header_quote_name {
	margin: 10px 0px 0px 0px;
	padding: 0px;
	font-size: 120%;
	font-style: italic;
	font-weight: normal;
	color: #FFFFFF; /* WHITE */
}

/*---*/

#header_clear {
	clear: both;
}

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

#content_news_container {
	width: 730px;
	padding: 0px 30px 0px 0px;
}

/*---*/

#content_news_clear {
	clear: both;
}

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

#content {
	width: 440px;
	margin: 0px 0px 20px 0px;
	float: left;
}

/*---*/

.content_home_container {
	width: 440px;
	margin: 0px 0px 20px 0px;
}

.content_home_container_last {
	width: 440px;
	margin: 0px;
}

.content_home_container_left {
	width: 100px;
	float: left;
}

.content_home_container_right {
	width: 320px;
	float: right;
}

.content_home_container_right_text {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 20px;
	border-left: 1px solid #CCCCCC; /* LINE GRAY */
}

.content_home_container_right_text_correction {
	margin: 0px 0px 0px 17px;
}

.content_home_container_right_photo_research, .content_home_container_right_photo_education, .content_home_container_right_photo_articles, .content_home_container_right_photo_activities {
	width: 320px;
	height: 100px;
}

.content_home_container_right_photo_research {
	background: url(../img/arnold_bakker_photo_research_small.jpg) no-repeat;
}

.content_home_container_right_photo_education {
	background: url(../img/arnold_bakker_photo_education_small.jpg) no-repeat;
}

.content_home_container_right_photo_articles {
	background: url(../img/arnold_bakker_photo_articles_small.jpg) no-repeat;
}

.content_home_container_right_photo_activities {
	background: url(../img/arnold_bakker_photo_activities_small.jpg) no-repeat;
}

.content_home_container_clear {
	clear: both;
}

/*---*/

#content_articles_in_press_form {
	margin: 0px 0px 15px 0px;
	padding: 0px;
}

#content_articles_in_press_select {
	width: 240px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: normal;
	font-weight: normal;
	color: #484848; /* TEXT GRAY */
	border: 1px solid #CCCCCC; /* LINE GRAY */
}

/*---*/

.content_articles_in_press_left {
	width: 36px;
	float: left;
}

.content_articles_in_press_right {
	width: 404px;
	float: right;
}

.content_articles_in_press_clear {
	clear: both;
	height: 10px;
}

.content_articles_in_press_year {
	margin: 0px;
	padding: 0px;
	font-size: 150%;
	font-style: normal;
	font-weight: normal;
	color: #186A85; /* DARK TURQUOISE */
}

.content_articles_in_press_language {
	font-style: italic;
	color: #6F6F6F; /* MID GRAY */
}

/*---*/

.content_search_title {
	margin: 0px;
	padding: 0px;
	font-size: 150%;
	font-style: normal;
	font-weight: normal;
	color: #186A85; /* DARK TURQUOISE */
}

.content_search_line {
	width: 440px;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	border-top: 1px solid #CCCCCC; /* LINE GRAY */
}

/*---*/

#content ul {
	margin: 0px 0px 0px 20px;
	padding: 0px;
	list-style-image: url(../img/arnold_bakker_li_dash.jpg);
}

.content_italic_light {
	font-style: italic;
	font-weight: normal;
	color: #6F6F6F; /* MID GRAY */
}

/*---*/

.content_subtitle {
	margin: 0px;
	padding: 0px;
	font-size: 150%;
	font-style: normal;
	font-weight: normal;
	color: #186A85; /* DARK TURQUOISE */
}

/*-------------------- CMS ---------------------*/

.cms_document_pdf_img {
	vertical-align: middle;
}

.cms_document_pdf_bestandsgrootte {
	color: #484848; /* TEXT GRAY */
	font-style: italic;
}

/*------------------- FORMS --------------------*/

.form_bericht_bordeaux {
	color: #A31200; /* BORDEAUX RED */
}

/*---*/

.knoppen {
	height: 24px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF; /* WIT */
	border: 1px solid #A31200; /* BORDEAUX RED */
	background: #A31200; /* BORDEAUX RED */
}

/*---*/

#form_naam, #form_email, #form_bericht {
	padding: 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
	color: #484848; /* TEXT GRAY */
	border: 1px solid #CCCCCC; /* LINE GRAY */
	background: #FFFFFF; /* WHITE */
}

#form_naam {
	width: 348px;
	height: 16px;
}

#form_email {
	width: 348px;
	height: 16px;
}

#form_bericht {
	width: 348px;
	height: 100px;
}

/*---*/

.form_0_margin {
	margin: 0px;
	padding: 0px;
}

.form_contact_4_pixels {
	padding: 4px 0px 0px 0px;
}

/*---*/

.contact_loadbar, .contact_melding {
	margin: 10px 0px 0px 80px;
}

/*---*/

.form_url {
	display: none;
}

/*-------------------- NEWS --------------------*/

#news_update {
	width: 230px;
	margin: 0px 0px 20px 0px;
	padding: 20px;
	float: right;
	background: #EEEEEE; /* BACKGROUND GRAY */
}

.news_update_title {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	font-size: 150%;
	font-style: normal;
	font-weight: normal;
	color: #A31200; /* BORDEAUX RED */
}

.news_update_date {
	width: 85px;
	float: left;
	font-style: italic;
	color: #6F6F6F; /* MID GRAY */
}

.news_update_item_title {
	width: 140px;
	float: right;
}

.news_update_clear {
	clear: both;
}

.news_update_more {
	margin: 10px 0px 0px 0px;
	padding: 0px;
	text-align: right;
}

/*---*/

.news_container {
	min-height: 240px;
	height: auto;
}

	* html .news_container {
		height: 240px;
	}

.news_date {
	font-style: italic;
	color: #6F6F6F; /* MID GRAY */
}

.news_image {
	margin: 0px 20px 10px 0px;
	float: left;
}

/*---*/

#news_archive_line {
	width: 440px;
	margin: 20px 0px 20px 0px;
	padding: 0px;
	border-top: 1px solid #CCCCCC; /* LINE GRAY */
}

.news_archive_date {
	width: 85px;
	float: left;
	font-style: italic;
	color: #6F6F6F; /* MID GRAY */
}

.news_archive_item_title {
	width: 350px;
	float: right;
}

.news_archive_clear {
	clear: both;
}

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

#footer {
	width: 440px;
	margin: 0px 30px 50px 0px;
	padding: 20px 290px 0px 0px;
	border-top: 1px solid #CCCCCC; /* LINE GRAY */
	text-align: center;
}

/*----------------------------------------------*/
/*												*/
/*					End of CSS					*/
/*												*/
/*----------------------------------------------*/
