/* 

	CREATIONAL

	CSS / GENERAL STYLES 

	COPYRIGHT © 2007-2008 / CREATIONAL / WWW.CREATIONAL.NL / ALL RIGHTS RESERVED

*/

* { margin: 0; padding: 0; }

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #65757d; background: #FFF;
	}

html, body { height: 100%; }

html { overflow-y: scroll; }

body#home,
body#page {
	text-align: center;
	background: #8c989e;
	}

a, a:link, a:visited, a:active { color: #d5002e; text-decoration: none; }
a:hover { color: #d5002e; text-decoration: underline; }
a:focus, a:active { outline: none; -moz-outline-style: none; }

img, a img { border: 0; }

ul { padding-left: 1.4em; padding-bottom: 1em; }
ol { padding-left: 1.8em; }
li { font-size: 1em; line-height: 1.4em; }

h1 { font-size: 1.4em; padding-bottom: 1.6em; color: #515d63; }
h2 { font-size: 1.3em; padding-bottom: .7em; color: #515d63; }
h3 { font-size: 1em; padding-bottom: .4em; }
h4 { font-size: 1em; padding-bottom: .4em; }

h2 a, h2 a:link, h2 a:visited, h2 a:active { color: #515d63; text-decoration: underline; }
h2 a:hover { color: #d5002e; text-decoration: underline; }


p { font-size: 1em; padding-bottom: 1em; line-height: 1.4em; }

.clear { clear: both; height: 1%; visibility:hidden; font-size: 1px; }

u { text-decoration: none; }

/* CONTAINER */

#container {
	position: relative;
	background:url(../img/mrm_background.gif) repeat-y left top;
	text-align: left;
	margin: 0 auto;
	width: 960px;
	min-height: 100%;
	height: auto;
	}
* html #container {
	height: 100%;
	}

#container_inner { padding: 0 10px; }

/* HEADER */
#header {
	height: 70px; overflow: hidden;
	background: #FFF;
	}

#logo {}
#logo_print { display: none; }

#nav { position: absolute; right: 0; top: 0; padding-top: 27px; font-size: 12px; font-weight: bold; }
#nav ul { position: relative; margin: 0; padding: 0; list-style: none; width: 510px; }
#nav li { float: left; display: inline; }

#nav li a,
#nav li a:link,
#nav li a:visited {
	display: block; width: 100px;
	text-decoration: none; text-indent: -9999px;
	color: #515d63;
	}
#nav li a:hover {
	color: #d5002e;
	}
#nav li.current a,
#nav li.current a:link,
#nav li.current a:visited {
	color: #d5002e;
	}
#nav li.current a:hover {
	text-decoration: underline;
	}

#nav ul ul { position: absolute; left: 63px; top: 0; }

#nav li li { background: url(../img/mrm_nav_bullet.gif) no-repeat left center; }

#nav #tree_item_1_1 a,
#nav #tree_item_1_1 a:link,
#nav #tree_item_1_1 a:visited {
	width: 70px;
	background: url(../img/mrm_nav_home_en.gif) no-repeat 10px 0;
	}
#nav.nl #tree_item_1_1 a,
#nav.nl #tree_item_1_1 a:link,
#nav.nl #tree_item_1_1 a:visited {
	background: url(../img/mrm_nav_home_nl.gif) no-repeat 10px 0;
	}
#nav #tree_item_1_1.current a,
#nav #tree_item_1_1.current a:link,
#nav #tree_item_1_1.current a:visited,
#nav #tree_item_1_1 a:hover {
	background-position: 10px -20px;
	}
	
#nav #tree_item_1_6 a,
#nav #tree_item_1_6 a:link,
#nav #tree_item_1_6 a:visited {
	width: 97px;
	background: url(../img/mrm_nav_about_you_en.gif) no-repeat 15px 0;
	}
#nav.nl #tree_item_1_6 a,
#nav.nl #tree_item_1_6 a:link,
#nav.nl #tree_item_1_6 a:visited {
	background: url(../img/mrm_nav_about_you_nl.gif) no-repeat 15px 0;
	}
#nav #tree_item_1_6.current a,
#nav #tree_item_1_6.current a:link,
#nav #tree_item_1_6.current a:visited,
#nav #tree_item_1_6 a:hover {
	background-position: 15px -20px;
	}
	
#nav #tree_item_1_17 a,
#nav #tree_item_1_17 a:link,
#nav #tree_item_1_17 a:visited {
	width: 90px;
	background: url(../img/mrm_nav_about_us_en.gif) no-repeat 15px 0;
	}
#nav.nl #tree_item_1_17 a,
#nav.nl #tree_item_1_17 a:link,
#nav.nl #tree_item_1_17 a:visited {
	background: url(../img/mrm_nav_about_us_nl.gif) no-repeat 15px 0;
	}
#nav #tree_item_1_17.current a,
#nav #tree_item_1_17.current a:link,
#nav #tree_item_1_17.current a:visited,
#nav #tree_item_1_17 a:hover {
	background-position: 15px -20px;
	}		

#nav #tree_item_1_22 a,
#nav #tree_item_1_22 a:link,
#nav #tree_item_1_22 a:visited {
	width: 110px;
	background: url(../img/mrm_nav_publications_en.gif) no-repeat 15px 0;
	}
#nav.nl #tree_item_1_22 a,
#nav.nl #tree_item_1_22 a:link,
#nav.nl #tree_item_1_22 a:visited {
	background: url(../img/mrm_nav_publications_nl.gif) no-repeat 15px 0;
	}
#nav #tree_item_1_22.current a,
#nav #tree_item_1_22.current a:link,
#nav #tree_item_1_22.current a:visited,
#nav #tree_item_1_22 a:hover {
	background-position: 15px -20px;
	}
	
#nav #tree_item_1_4 a,
#nav #tree_item_1_4 a:link,
#nav #tree_item_1_4 a:visited {
	width: 85px;
	background: url(../img/mrm_nav_contact_en.gif) no-repeat 15px 0;
	}
#nav.nl #tree_item_1_4 a,
#nav.nl #tree_item_1_4 a:link,
#nav.nl #tree_item_1_4 a:visited {
	background: url(../img/mrm_nav_contact_nl.gif) no-repeat 15px 0;
	}
#nav #tree_item_1_4.current a,
#nav #tree_item_1_4.current a:link,
#nav #tree_item_1_4.current a:visited,
#nav #tree_item_1_4 a:hover {
	background-position: 15px -20px;
	}	

#nav #tree_item_1_35 a,
#nav #tree_item_1_35 a:link,
#nav #tree_item_1_35 a:visited {
	width: 85px;
	background: url(../img/mrm_nav_toolbox_en.gif) no-repeat 15px 0;
	}
#nav.nl #tree_item_1_35 a,
#nav.nl #tree_item_1_35 a:link,
#nav.nl #tree_item_1_35 a:visited {
	background: url(../img/mrm_nav_toolbox_nl.gif) no-repeat 15px 0;
	}
#nav #tree_item_1_35.current a,
#nav #tree_item_1_35.current a:link,
#nav #tree_item_1_35.current a:visited,
#nav #tree_item_1_35 a:hover {
	background-position: 15px -20px;
	}	
	
#nav #tree_item_1_39 a,
#nav #tree_item_1_39 a:link,
#nav #tree_item_1_39 a:visited {
	width: 85px;
	background: url(../img/mrm_nav_services_en.gif) no-repeat 15px 0;
	}
#nav.nl #tree_item_1_39 a,
#nav.nl #tree_item_1_39 a:link,
#nav.nl #tree_item_1_39 a:visited {
	background: url(../img/mrm_nav_services_nl.gif) no-repeat 15px 0;
	}
#nav #tree_item_1_39.current a,
#nav #tree_item_1_39.current a:link,
#nav #tree_item_1_39.current a:visited,
#nav #tree_item_1_39 a:hover {
	background-position: 15px -20px;
	}		

#nav #tree_item_1_40 a,
#nav #tree_item_1_40 a:link,
#nav #tree_item_1_40 a:visited {
	width: 90px;
	background: url(../img/mrm_nav_company_en.gif) no-repeat 15px 0;
	}
#nav.nl #tree_item_1_40 a,
#nav.nl #tree_item_1_40 a:link,
#nav.nl #tree_item_1_40 a:visited {
	background: url(../img/mrm_nav_company_nl.gif) no-repeat 15px 0;
	}
#nav #tree_item_1_40.current a,
#nav #tree_item_1_40.current a:link,
#nav #tree_item_1_40.current a:visited,
#nav #tree_item_1_40 a:hover {
	background-position: 15px -20px;
	}


#nav #tree_item_1_43 a,
#nav #tree_item_1_43 a:link,
#nav #tree_item_1_43 a:visited {
	width: 75px;
	background: url(../img/mrm_nav_careers_en.gif) no-repeat 15px 0;
	}
#nav.nl #tree_item_1_43 a,
#nav.nl #tree_item_1_43 a:link,
#nav.nl #tree_item_1_43 a:visited {
	background: url(../img/mrm_nav_careers_nl.gif) no-repeat 15px 0;
	}
#nav #tree_item_1_43.current a,
#nav #tree_item_1_43.current a:link,
#nav #tree_item_1_43.current a:visited,
#nav #tree_item_1_43 a:hover {
	background-position: 15px -20px;
	}
	
/* PHOTOBAR */
#photobar { height: 180px; overflow: hidden; background: #e8eaec; }

#photo { float: left; width: 625px; height: 180px; overflow: hidden; background: #e8eaec no-repeat left top; }

#slogan { 
	float: left; width: 315px; height: 180px; overflow: hidden;
	background-color: #d5002e; background-repeat: no-repeat; 
	}

/* MAIN */
#main { padding-bottom: 60px; }

/* MAIN > SUBNAV */
#subnav { 
	float: left; width: 205px; padding-top: 30px; overflow: hidden; 
	font-size: 13px; 
	}
#home #subnav { display: none; }

#subnav ul { margin: 0; margin-left: 30px; padding: 0; list-style: none; }
#subnav li { padding-bottom: .5em; }

#subnav li a,
#subnav li a:link,
#subnav li a:visited {
	text-decoration: none;
	color: #7d868a;
	}
#subnav li a:hover {
	color: #d5002e;
	}

#subnav li.current a,
#subnav li.current a:link,
#subnav li.current a:visited {
	text-decoration: none;
	color: #d5002e;
	}
#subnav li.current a:hover {
	text-decoration: underline;
	}

#subnav ul ul { margin-left: 5px; margin-top: .5em; font-size: 12px; }

#subnav li.current li a,
#subnav li.current li a:link,
#subnav li.current li a:visited {
	text-decoration: none;
	color: #7d868a;
	}
#subnav li.current li a:hover {
	color: #d5002e;
	}

#subnav li.current li.current a,
#subnav li.current li.current a:link,
#subnav li.current li.current a:visited {
	text-decoration: none;
	color: #d5002e;
	}
#subnav li.current li.current a:hover {
	text-decoration: underline;
	}

/* MAIN > CONTENT */
#content { 
	float: left; width: 420px; padding-top: 30px; overflow: hidden; 
	}
#home #content { width: 625px; }	
#content_inner { padding-right: 20px; }
#home #content_inner { background: url(../img/mrm_background_home.gif) repeat-y left top; }

.column_A { float: left; display: inline; width: 275px; margin: 0 20px; overflow: hidden; }
.column_B { float: left; display: inline; width: 250px; margin: 0 20px; overflow: hidden; }

#home #content h2 { font-size: 1.4em; padding-bottom: 1.6em; }

#content ul { list-style-image: url(../img/mrm_bullet.gif); }
#content li { padding-bottom: .7em; line-height: 1.4em; }
#home #content li { padding-bottom: .1em; }

/* iframe */
#content iframe,
#home .column_B iframe { margin-top: 7px; border: none; width: 250px; height: 70px; }

#content iframe { width: 400px; height: 210px; }

/* videos */
#content #videos { margin: 0; padding: 0; list-style: none; margin-top: 1em; }
#content #videos li { 
	margin: 0; margin-bottom: 1em; padding: 0; height: 66px; overflow: hidden; position: relative;
	background: #e8eaec;
	}
/* #content #videos li:hover { background: #cfd2d4; } */

#content #videos li.open { height: 130px; }

#content #videos li a.video_play,
#content #videos li a.video_play:link,
#content #videos li a.video_play:visited {
	display: block; padding-right: 10px; height: 66px;
	font-weight: bold;	
	color: #515D63;
	}
#content #videos li a.video_play:hover {
	color: #d5002e;
	}

#content #videos li a.video_play span { display: block; padding-top: 5px; }

#content #videos li a.video_play img { float: left; margin-right: 10px; }

#content #videos li a.video_embed,
#content #videos li a.video_embed:link,
#content #videos li a.video_embed:visited {
	position: absolute; left: 130px; top: 46px; display: block; width: 51px; height: 16px; padding-left: 5px;
	font-size: 9px; text-decoration: none; line-height: 16px;
	color: #6d7478; background: url(../img/mrm_videos_embed.gif) no-repeat 0 0;
	}
#content #videos li a.video_embed:hover {
	background-position: 0 -20px;
	}
#content #videos li.open a.video_embed,
#content #videos li.open a.video_embed:link,
#content #videos li.open a.video_embed:visited {
	background-position: 0 -40px;
	}

#content #videos .video_embed_area {
	clear: both;
	}

#content #videos .video_embed_area textarea {
	margin: 10px; width: 250px; height: 40px; overflow: auto;
	line-height: normal;
	}

/* MAIN > SIDEBAR */
#sidebar { float: left; width: 315px; padding-top: 30px; padding-bottom: 58px; overflow: hidden; }
#sidebar_inner { padding: 0 25px; }

#sidebar h2 { padding-bottom: 1.6em; }

#sidebar ul { list-style-image: url(../img/mrm_bullet_sidebar.gif); }
#sidebar li { padding-bottom: .3em; line-height: 1.4em; }

/* FOOTER */
#footer {
	position: absolute; bottom: 0; left: 0; padding: 10px; width: 940px; height: 11px; overflow: hidden;
	color: #515d63; background: #8c989e url(../img/mrm_footer.gif) no-repeat left top;
	font-size: 11px; text-align: center;
	}
#footer a,
#footer a:link,
#footer a:visited { color: #515d63; text-decoration: underline; }
#footer a:hover { color: #d5002e; text-decoration: none; } 

/* arrow */
#arrow { 
	position: absolute; bottom: 31px; right: 10px; width: 102px; height: 58px; 
	background: url(../img/mrm_arrow_sidebottom.gif) right bottom; 
	}

/* SEARCH */

#search_results {

}

#search_results a,
#search_results a:link,
#search_results a:visited {
	display: block; text-decoration: none;
	}
#search_results a:hover {

	}	
#search_results span.search_results_heading {
	display: block; font-weight: bold;
	}
#search_results a:hover span.search_results_heading {
	text-decoration: underline;
	}

.search_alert { font-weight: bold; }
.search_msg {}
.search_terms { font-weight: bold; }
.search_result_msg {}

/* PAGING */
#paging ul { margin: 0; padding: 0; list-style: none; }
#paging li { display: inline; }

/* FORMS */

form { margin: 0; margin-top: 0; padding: 0; color: #65757d; font-size: 1em; }

fieldset { border: 0px none; margin: 0; padding: 0; padding-bottom: .5em; }
fieldset legend { display: none; }
fieldset div { margin: 10px 0; }
fieldset br { display: none; }
fieldset div br { display: block; }

fieldset input, fieldset textarea, fieldset select {
	width: 260px; padding: 2px; font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #666; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC;
	background: #FAFAFA; color: #000;
	}
fieldset select { width: 306px; }

fieldset textarea { font-size: 100%;}

fieldset label, fieldset div.cr p {
	margin: 0; padding-right: 10px; padding-top: 4px;
	display: block; float: left;
	width: 110px;
	text-align: left;
	}
        
fieldset div.cr label {
	margin-left: 123px;
	text-align: left;
	width: auto;
	float: none;
	}
	
fieldset div span { display: block; margin-left: 118px; padding-top: 4px; }
* html fieldset div span { margin-left: 121px; }

fieldset .removed { display: none !important;}
fieldset .mandatory { }

fieldset div.cr input { border: none; width: auto; margin-right: 5px; background: none; }
fieldset div.cr_label input { border: none; width: auto; }

fieldset .remark,
fieldset.footnotes { 
	font-size: 87%;
	color: #666; 
	}

fieldset.buttons { padding-top: 0; clear: both; width: 100%; }
fieldset.buttons label { width: 90px; float: left; }
fieldset.buttons input { 
	width: 110px; font-weight: bold;
	border: 1px solid #d5002e; border-right: 1px solid #d5002e; border-bottom: 1px solid #d5002e;
	background: #d5002e; color: #FFF; margin-left: 20px; text-transform:uppercase; letter-spacing: .1em;
	}
fieldset.buttons input.inactive { 
	border: 1px solid #DDD; border-right: 1px solid #DDD; border-bottom: 1px solid #DDD;
	background: #DDD; 
	}
fieldset.buttons .remark {
	display: inline; margin-left: 60px;
	}

fieldset .error { color: #d5002e; font-weight: bold; }

fieldset .badinput { color: #d5002e; }
fieldset input.badinput, fieldset select.badinput, fieldset textarea.badinput {
	background: #FFF; color: #000;
	border: 1px solid #d5002e; border-right: 1px solid #d5002e; border-bottom: 1px solid #d5002e;
	}
	
	
/* MODULES */

/* TWITTER */
#twitter_loading { height: 16px; padding-left: 20px; background: url(../img/mrm_loading.gif) no-repeat; }
#twitter { margin-bottom: 1em; }
#twitter ul { margin: 0; padding: 0; list-style: none; }
#twitter li { font-size: 1em; padding-bottom: .5em; }
#twitter a,
#twitter a:link,
#twitter a:visited {
	text-decoration: none;
	color: #9aa5aa;
	}
#twitter a:hover {
	text-decoration: underline;
	}

#twitter .twitter_date, #twitter .twitter_date:link, #twitter .twitter_date:visited { color: #9aa5aa; font-style: italic; }
#twitter .twitter_reply, #twitter .twitter_reply:link, #twitter .twitter_reply:visited { display: none; color: #9aa5aa; font-style: italic; }
#twitter li:hover .twitter_reply, #twitter li:hover .twitter_reply:link, #twitter li:hover .twitter_reply:visited { display: inline; }

#home #sidebar .link_twitter,
#home #sidebar .link_twitter:link,
#home #sidebar .link_twitter:visited {
	display: block;	padding: 5px 0; padding-left: 35px;
	text-decoration: none;
	background: url(../img/mrm_link_twitter.gif) no-repeat left center;
	}	
#home #sidebar .link_twitter:hover {
	text-decoration: underline;
	}

/* tinyMCE */
.image_left { float: left; margin-right: 15px; margin-bottom: 10px; }
.image_right { float: right; margin-left: 15px; margin-bottom: 10px; }
.lightgray { color: #9ba5aa; }
.link_linkedin, .link_linkedin:link, .link_linkedin:visited { color: #166e9e; }
.link_linkedin img { vertical-align: middle; }