/* ================================================================================================================================ */
/* General cleanup/override of browser defaults =================================================================================== */
html, h1, h2, h3, h4, h5, h6, input, textarea, label, select, option, table, th, tr, td, p, cite, blockquote, a {
	font-size: 12px;
	font-family: Arial, Sans-Serif;
	line-height: 16px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}


h1, h1 a, h2, h2 a, h3, h3 a, h4, h5, h6 {
	font-weight: bold;
	padding: 10px 0px 5px 0px;
}
h1, h1 a { font-size: 24px; line-height: 26px; color: #ed2b29; }
h2, h2 a { font-size: 20px; line-height: 22px; color: #009bd8; }
h3, h3 a { font-size: 16px; line-height: 20px; color: #ed2b29; }
h4 { font-size: 16px; line-height: 18px; color: #009bd8; }
h5 { font-size: 14px; line-height: 16px; color: #ed2b29; }
h6 { font-size: 12px; line-height: 14px; color: #009bd8; }
p {
	padding: 5px 0px;
}
a:hover {
	text-decoration: none;
}
/* ================================================================================================================================ */



/* ================================================================================================================================ */
/* RD specific structural styles ================================================================================================== */
html {
	overflow-y: scroll;	/* to have the vertical scrollbar always in place ... */
}
body {
	padding: 0px;
	margin: 0px;
}

/* General structure... */
div#header,
div.breadcrumb,
div#top-nav,
div#body {
	width: 978px;
	margin: auto;
}
div#footer {
	padding-top: 20px;
}

div#footer div.links,
div#footer div.legal {
	width: 978px;
	margin: auto;
}

div#footer div.social-wrapper {
	width: 100%;	/* The blue bar needs to span across the whole width ... */
	background-color: blue;
}
div#top-nav-wrapper {
	width: 100%;	/* The red bar needs to span across the whole width ... */
	background-color: red;
}

.hidden {
	display: none;
}

.clear {
	clear:both;
}

div#footer .clear
{
 height /*\**/: 10px\9
}

/* ================================================================================================================================ */



/* ================================================================================================================================ */
/* navigation menu ================================================================================================================ */
ul.menu {
	margin: 0px;
	padding: 0px;
}
ul.menu li {
	list-style: none;
	list-style-image: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
ul.menu li a {
	display: inline-block;
	padding: 0px;
}
/* ================================================================================================================================ */
/* horizontal navigation ========================================================================================================== */
div#top-nav ul.menu li, 	/* since we are unable to add the "horizontal" class to a menu_block... */
ul.horizontal li { 
	float: left;
}
/* ================================================================================================================================ */
/* vertical navigation ========================================================================================================== */
ul.vertical {
}
ul.vertical li a {
	display: block;
	padding: 5px 10px;
}
ul.vertical li ul li a {
	padding-left: 25px;		/* = 10 (default) + 15 (indent) */
	width: 203px;			/* = 218 (parent) - 15 (indent) */
}
ul.vertical li ul li ul li a {
	padding-left: 40px;		/* = 25 (parent) + 15 (indent) */
	width: 188px;			/* = 203 (parent) - 15 (indent) */
}
ul.vertical li ul li ul li ul li a {
	padding-left: 55px;		/* = 40 (parent) + 15 (indent) */
	width: 173px;			/* = 188 (parent) - 15 (indent) */
}
/* ================================================================================================================================ */



/* ================================================================================================================================ */
/* header styles ================================================================================================================== */
div#header {
	height: 100px;
}
div#header img {
	float: left;
}
div#header div {
	float: right;
	width: 575px;
}
div#header div ul,
div#header div form {
	float: right;
	margin: 10px;
}
div#header div.bottom {
	margin-top: 10px;
}

/* div#header ul#external-links ============ */

div#header ul#external-links a {
	border: 1px solid #cccccc;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	padding: 1px 8px;
	padding-right: 20px;	/* reserve space for red arrow */
	background-image: url('/sites/all/themes/realdolmen/img/redarrow.png');
	background-repeat: no-repeat;
	background-position: right;
	text-decoration: none;
	margin: 2px;
	font-weight: bold;
	color: #009ad8;
}
div#header ul#external-links a:hover,
div#header ul#external-links a.active {
	color: #000000;
}

/* div#header ul#language ============ */
div#header ul#language a {
	text-decoration: none;
	margin: 1px;
	margin-top: -4px;
	padding: 3px;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-o-border-radius: 20px;
	font-weight: bold;
	color: #000000;
	border: 1px solid transparent;	/* for not having the :hover effect shifting widths... */
}
div#header ul#language a:hover,
div#header ul#language a.active {
	border: 1px solid #bb0000;
	background-color: #cc0000;
	background-image: url('/sites/all/themes/realdolmen/img/langbg.png');
	color: #ffffff;
}

/* div#header ul#shortcuts =========== */
div#header ul#shortcuts a {
	color: #009ad8;
	text-decoration: none;
	margin: 2px 8px;
	font-weight: bold;
}
div#header ul#shortcuts a:hover,
div#header ul#shortcuts a.active {
	color: #000000;
}
/* div#header form#search-block-form =========== (very hard to get the input and submit button properly aligned... */
div#header form#search-block-form {
	border: 1px solid #cccccc;
	display: inline-block;
	background-color: #dedede;
	background-image: url('/sites/all/themes/realdolmen/img/searchbg.png');
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	margin-top: 7px;	/* a little less (than 10px), just to align the search form nicely with the quick links */
}
div#header form#search-block-form input {
	border: none;
	height: 24px;
	line-height: 24px;
	padding-left: 2px;
}
div#header form#search-block-form input.form-submit {
	height: 25px;
	padding: 0px 4px;
	*padding: 0px;
	cursor: pointer;
	font-weight: bold;
	color: #555555;
	background-image: url('/sites/all/themes/realdolmen/img/searchbtnbg.png');
	border-left: 1px solid #cccccc;
	border-bottom-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
}
div#header form#search-block-form input.form-text {
	background-color: transparent;
	width: 160px;
}

/* ================================================================================================================================ */



/* ================================================================================================================================ */
/* top-nav styles ================================================================================================================= */
div#top-nav-wrapper, 
div#top-nav {
	background-color: #cc0000;
	background-image: url('/sites/all/themes/realdolmen/img/topnav.png');
	background-repeat: repeat-x;
	height: 50px;	/* to make sure that, even if we don't have any menu items, we still get the red banner */
}
div#top-nav ul {
	height: 50px;	/* 47 of button + 3 for "drop shadow gradient" */
	padding-top: 2px;
	border-width: 0px 1px;
	/*_height: 47px;		/* IE6 fix... */
	/*_overflow: hidden;	/* IE6 fix... */
	_padding: 0px;			/* IE6 fix... */
}
div#top-nav ul.menu {
	/* MK width: 997px;	/* Just give the menu a bit more space, as the translations need to fit... */
	margin: auto;
}
div#top-nav ul li a {
	color: #ffffff;
	height: 47px;
	border-left: 1px solid #f06663;
	border-right: 1px solid #d43a38;
	padding: 0px 17px;
	line-height: 50px;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	background-repeat: repeat-x;
}

html.fr body div#top-nav ul li a, 
html.nl body div#top-nav ul li a {
	padding: 0px 8px; /* MK */
}

div#top-nav ul li a:hover,
div#top-nav ul li a.active {
	background-color: #990000;
	background-image: url('/sites/all/themes/realdolmen/img/topnav.png');
	background-position: bottom;
}
div#top-nav ul li:first-child a {
	border-left: 1px solid transparent;	/* keep it 1px so the total width won't change, as we do give active first and last items a border */
}
div#top-nav ul li:last-child a {
	border-right: 1px solid transparent;	/* keep it 1px so the total width won't change, as we do give active first and last items a border */
}
div#top-nav ul li a:hover,
div#top-nav ul li a.active {
	border-left: 1px solid #f06663;
	border-right: 1px solid #aa1916;
}
/* ================================================================================================================================ */



/* ================================================================================================================================ */
/* sidebar-left styles ================================================================================================================ */
div#body div.sidebar-left {
	float: left;
	width: 240px;
}
div#body div.sidebar-left ul.menu {
	border-top: 1px solid #cddee5;
	margin: 0;
	list-style: none;
}
div#body div.sidebar-left ul.menu li {
	margin: 0;
}
div#body div.sidebar-left ul.menu li a {
	border: 1px solid #cddee5;
	border-top: none;
	color: #009ad8;
	text-decoration: none;
}
div#body div.sidebar-left ul.menu li a:hover,
div#body div.sidebar-left ul.menu li a.active,
div#body div.sidebar-left ul.menu li.active-trail > a {
	background-color: #e7f2f6;
	text-decoration: none;
}
div#body div.sidebar-left ul.menu li ul li a {
	background-color: #fcfeff;
}
div#body div.sidebar-left ul.menu li ul li ul li a {
	background-color: #f7fbfc;
}
div#body div.sidebar-left ul.menu li ul li ul li ul li a {
	background-color: #f1f6f4;
}

div#body div.sidebar-left > div.item-list {
	padding-top: 10px; /* Align the year menu on the news page */
}

/* ================================================================================================================================ */



/* ================================================================================================================================ */
/* sidebar-right styles ================================================================================================================ */
div.sidebar-right {
	float: right;
}

/* ================================================================================================================================ */



/* ================================================================================================================================ */
/* breadcrumb styles ================================================================================================================= */
div.breadcrumb {
	vertical-align: middle;
	padding-top: 5px;
}
div.breadcrumb a {
	text-decoration: none;
	color: #009ad9;
	font-weight: bold;
	padding: 5px 2px;
}
div.breadcrumb a.current {
	color: #009ad8;
}
div.breadcrumb a:hover {
	text-decoration: underline;
}

/* ================================================================================================================================ */



/* ================================================================================================================================ */
div#footer div.social-wrapper {
	background-color: #009ad8;
	background-image: url('/sites/all/themes/realdolmen/img/footerbtnbg.png');
	background-repeat: repeat-x;
}

/* Footer social ========================= */
div#footer div.social-wrapper ul.menu {
	/* NOTE :: needs to have the same background settings as the wrapper, in case the window is less than 100% wide... */
	background-color: #009ad8;
	background-image: url('/sites/all/themes/realdolmen/img/footerbtnbg.png');
	background-repeat: repeat-x;
	width: 978px;
	margin: auto;
	height:75px;
}
div#footer div.social-wrapper ul.menu a {
	height: 75px;
	width: 101px;
	padding: 0px 10px;
	border-left: 1px solid #029adb;
	border-right: 1px solid #62c5ee;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
}
div#footer div.social-wrapper ul.menu li.first a {
	width: 215px;
	text-align: left;
	font-size: 12px;
	line-height: 18px;
}
div#footer div.social-wrapper ul.menu li.first a span {
	display: inline-block;
	margin-top: 15px;
	font-size: 16px;
}
div#footer div.social-wrapper ul.menu a img {
	border: 0px;
	margin-top: 8px;
}
div#footer div.social-wrapper ul.menu a span {
	display: block;
}

/* Footer links ========================= */
div#footer div.links {
	padding-top: 10px;
	clear: both;
}
div#footer div.links ul li {
	color: #ed2e26;
	font-weight: bold;
	width: 235px;
	overflow: hidden;	/* for some unknown (read uninvestigated) reason, we get too much width in these (or the nested) LI's... */
}
div#footer div.links ul li a {
	font-weight: bold;
	text-decoration: none;
	color: #ed2c27;
}
div#footer div.links ul li a:hover {
	text-decoration: underline;
}
div#footer div.links ul li ul {
	padding: 0px;
	margin-bottom: 10px;
}
div#footer div.links ul li li {
	display: inline;
	clear: both;
}
div#footer div.links ul li li a {
	text-decoration: none;
	color: #009ad8;
	font-weight: normal;
}
div#footer div.links ul li li a:hover {
	font-weight: bold;
}

/* Footer legal links ========================= */
div#footer div.legal {
	border-top: 1px solid #cccccc;
	clear: both;
	padding-top: 5px;
	text-align: center;
	font-size: 10px;
	margin-top: 40px;
}
div#footer div.legal ul {
	display: inline-block;
	width: 400px;
	margin: auto;
}

html.nl body.no-sidebars div#footer.clear div.links ul.horizontal {
	height: 100px;
}

div.view-display-id-latest_videos_fat_footer {
	
}

div#footer div.legal ul li a {
	padding: 4px 10px;
	color: #000000;
	border-left: 1px solid #000000;
	text-decoration: none;
	font-size: 10px;
	line-height: 10px;
}
div#footer div.legal ul li a:hover {
	text-decoration: underline;
}
div#footer div.legal ul li:first-child a {
	border-left: none;
}
/* ================================================================================================================================ */



/* ================================================================================================================================ */
/* Content styles ================================================================================================================= */
div#content {
	float: left;
	width: 100%;
}
body.one-sidebar div#content {
	width: 720px;
	margin-left: 18px;
}
body.two-sidebars div#content {
	width: 460px;
	margin-left: 18px;
	margin-right: 18px;
}
div#content a {
	color: #009ad8;
	text-decoration: none;
}
div#content a:hover {
	text-decoration: underline;
}
div#content ul {
	list-style: disc;
	margin-left: 20px;
}
div#content ul li {
	margin-left: 20px;
}

div#content div#home.panel-display  ul.links li.node-readmore {
	margin-left: 0px;
}

div#content div.detail-content {
	float: left;
	display: block;
}

div#content div.detail-content {
	float: left;
	display: block;
	width: 100%;
}

div#content div.detail-right + div.detail-content {
	width: 68%;
}

div#content div.detail-right {
	float: right;
	display: block;
	width: 30%;
}

div#content div#services_solutions div.detail-content { /* Not for the services & solutions page */
	float: none;
}

div#content div#jobs div.center-wrapper div.panel-panel,
div#content div#education div.center-wrapper div.panel-panel { /* Jobs panel-page includes left nav */
	width: auto;
	float: left;
}

/* ================================================================================================================================ */



/* ================================================================================================================================ */
/* General HTML styles ============================================================================================================ */
/* Tables ===================================================== */
table th,
table td {
    padding: 2px 5px;
    border: 1px solid #000000;

}
table th {
    font-weight: bold;
	background-color: #dd0000;
	background-image: url('/sites/all/themes/realdolmen/img/topnav.png');
	background-position: 0px -10px;
	color: #ffffff;
	padding: 5px;
}
table tr.odd {
	background-color: #f2f3f4;
}
table tr.even {
	background-color: #ecedef;
}

table.no-border td {
	border: none;
}
/* ============================================================ */
/* Forms ====================================================== */
select, input, textarea {
	/*border-width: 1px;
	border-style: solid;*/
	border: none;
}
/* ============================================================ */
/* ================================================================================================================================ */



/* ================================================================================================================================ */
/* Drupal styles ================================================================================================================== */
ul.tabs {
	margin-bottom: 10px;
}
ul.tabs,
ul.tabs li {
	line-height: 20px;
	display: inline-block;
}
ul.tabs li a,
ul.tabs li a:hover,
ul.tabs li a.active {
	border: 1px solid #777777;
	padding: 2px 10px;
	margin: 5px;
}
/* ================================================================================================================================ */




















/* Business Solutions detail page --------------------------------------------- */
div.solution-detail { 
/*  overflow: hidden;  */
}
div.solution-detail div.left { 
	float: left;
	border: 1px solid red;
	width: 450px;
}
div.solution-detail div.why,
div.solution-detail div.strongpoints {
	width: 224px;
	float: left;
}
div.solution-detail div.strongpoints {
	float: right;
}
div.solution-detail div.more {
	clear: both;
}
div.solution-detail div.share {
	clear: both;
	border: 1px solid yellow;
}
div.solution-detail div.right { 
	float: right;
	border: 1px solid blue;
	width: 240px;
}
div.solution-detail div.bottom { 
	float: none;
	clear: both;
	border: 1px solid green;
}





/* Table blocks ---------------------------------------------------- */
table.blocked {
	margin: 0;
	border-top: 1px solid #cddfe4;
	border-bottom: 1px solid #cddfe4;
	border-left: 4px solid #ededed;
	border-right: 4px solid #ededed;
	background-color: #ffffff;
	display: block;
}

table.blocked tr,
table.blocked tr td,
table.blocked tr th {
	border: none;
}

table.blocked tr th {
	background-color: transparent;
	background-image: none;
	padding: 21px 21px 0px 21px;
	font-size: 120%;
}

table.blocked tr th a {
	color: inherit;
	font-size: inherit;
	font-weight: inherit;
}

table.blocked tr td {
	padding: 5px 21px;
	vertical-align: top;
}

table.blocked tr td.image {
	padding: 0 21px 21px 21px;
	width: 170px;
}

table.blocked tr td.image div {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
}

div#content div.panel-display div.panel-panel div div.panel-pane div.pane-content div.view div.view-content div.views-row table.blocked tbody tr.last td.routemap {
	text-align: center;
}

/* Contact -> Offices table overrides -------------------------------------- */
.view-offices table.blocked {
	width: 485px;
}
.view-offices table.blocked tr th {
	color: #ED2B29;
	padding: 0;
}

.view-offices table.blocked tr td {
	padding: 0;
}

.view-offices table.blocked tr td.image {
	padding: 0 21px 21px;
}

.view-offices table.blocked tr td.image {
	padding: 0 21px 21px;
}

.view-offices table.blocked tr.last td.google-maps-link {
	text-align: right;
	vertical-align: bottom;
}

div#content div.view.view-offices div.view-content div.views-row table.blocked a {
	font-size: inherit;
}

div#content div.panel-display div.panel-panel div div.panel-pane div.pane-content div.view.view-offices div.view-content div.views-row table.blocked tbody tr.last td.routemap {
	text-align: left;
}

div#content div.view.view-offices div.view-content  {
	padding-top: 10px;
}

div#content div.view.view-offices div.view-content .views-row  {
	padding-bottom: 10px;
}

div#content div.view.view-offices div.view-content .views-row-last  {
	padding-bottom: 0;
}

table.blocked tr.last td.google-maps-link a {
	vertical-align: bottom;
}


table.blocked tr.last td.google-maps-link span.bold {
	font-weight: bold;
}


/* General styling for 'block'-styled pages ------------------ */
div.views-row.row-2-col {
	float: left;
	width: 50%;
	min-width: 50%; /* For IE7 */	
}

div.views-row.row-3-col {
	float: left;
	width: 33%;
	min-width: 33%; /* For IE7 */
		
}

div.views-row.row-4-col {
	float: left;
	width: 25%;
	min-width: 25%; /* For IE7 */	
}

div.views-row.row-5-col {
	float: left;
	width: 20%;
	min-width: 20%; /* For IE7 */	
}

div.views-row.row-6-col {
	float: left;
	width: 16%;
	min-width: 16%; /* For IE7 */	
}

/* view-row-item is a custom class used in some view templates. */
/* div.views-row-item { */
div.shadowed {
	border: 2px solid #f5f5f5;
	padding: 0px 10px 20px 10px;
	
	/* Shadowing. But not really like they're done in the design, so commented out for now. */
	/*-moz-box-shadow: 5px 5px 5px rgba(68,68,68,0.6);
	-webkit-box-shadow: 5px 5px 5px rgba(68,68,68,0.6);
	box-shadow: 5px 5px 5px rgba(68,68,68,0.6);*/
}

div.shadowed.views-row-item {
	margin: 11px 22px 11px 0px;
	height: 140px;
	border: 2px solid #eeeeee;
	-moz-box-shadow: 0px 4px 6px #661; /* Firefox/Mozilla */  
	-webkit-box-shadow: 0px 4px 6px #661; /*Safari/Chrome */  
	box-shadow: 0px 4px 6px #661; /* Opera  */  
	/* Voor IE 8 */  
	/*-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";*/  
	/* Voor IE 5.5 - 7 */  
}

div.shadowed.views-row-item:hover {
	background-color: #e7f2f6;
	
}

div.views-row-item h2 a {
	font-size: inherit;
	font-weight: inherit;
	color: inherit;
	/* TODO :: Doesn't work on IE 7. Enable the below? */
	/*color: #009BD8;
	font-size: 20px;
	font-weight: bold;*/
}

div.shadowed.div.views-row-item div.detail {
	padding: 5px 0px;
	clear: left;
	position: relative;
}

/* Partners page --------------------------------------------- */
div#content div#partners_technologies.panel-display div.panel-panel div div.panel-pane div.pane-content div.view div.view-content div.views-row div.views-row-item {
	height: 165px;
	background-color: white;
}
div#content div#partners_technologies.panel-display div.panel-panel div div.panel-pane div.pane-content div.view div.view-content div.views-row div.views-row-item:hover {
	background-color: #e7f2f6;
}

div.views-row-item.partner div.detail div.logo {
	margin-right: 10px;
	float: left;
}

div#content div#partners_technologies.panel-display div.views-row div.views-field span.field-content a {
	font-size: 12px;
}

/* Parnter detail -------------------------------------------- */
div.partner-detail div.detail.partner-logos {

}

div.partner-detail div.detail, div.technology-detail div.detail {
	padding: 5px 0px;
	clear: left;
	position: relative;
	width: 100%;
	margin: 5px 0;
}

div.partner-detail div.left, div.technology-detail div.left {
	float: left;
	width: 70%;
}

div.partner-detail div.right, div.technology-detail div.right {
	float: right;
	clear: right;
	width: 25%; /* Doesn't match up to 100 because we still need some padding */
	padding: 0px 10px;
}

/* Quotes, doesn't work on IE7! Based on http://nicolasgallagher.com/pure-css-speech-bubbles/demo and http://fwebde.com/css/nice-pull-quotes-with-css */
.quote {
	position: relative;
	margin-bottom: 3em;
	color: #ffffff;
	background: #0fa3e1;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	font-style: italic;
}

.quote:after {
	content: "";
	position: absolute;
	bottom: -20px; /* value = - border-top-width - border-bottom-width */
	right: 30px; /* controls horizontal position */
	border-width: 20px 20px 0px 0px; /* vary these values to change the angle of the vertex */
	border-style: solid;
	border-color: #0fa3e1 transparent; 
	/* reduce the damage in FF3.0 */
	display: block; 
	width: 0;
}

.quote p {
	padding: 30px 15px;
	text-align: center;
	vertical-align: middle;
}

.quote p+p {
	padding: 0px 15px 30px;
}

.quote p:before {
	content: "“ ";
	font-size: xx-large;
	font-weight: bold;
	position: absolute;
	left: 5px;
	top: 20px;
}

.quote p:after {
	content: " �";
	font-size: xx-large;
	font-weight: bold;
	position: absolute;
	right: 10px;
	bottom: 5px;
}

/* Pinned block */
.pinned {
	
}
.pinned .pinned-left {
	background-image: url('/sites/all/themes/realdolmen/img/pin.png');
	background-position: left;
	background-repeat: no-repeat;
	overflow: visible;
	height: 10px;
}
.pinned .pinned-right {
	background-image: url('/sites/all/themes/realdolmen/img/pin.png');
	background-position: right;
	background-repeat: no-repeat;
	overflow: visible;
	height: 10px;
}

/* Download documents block */
div#content .download-documents {
	padding: 5px;
}

/* General download documents styling */
div#content #download-documents-list h3 {
	font-size: medium;
}

div#content #download-documents-list ul {
	list-style: none;
	margin-left: 0;
}

div#content #download-documents-list ul li {
	list-style: none;
	margin: 5px 0px;
	padding-left: 21px;
	background-image: url('/sites/all/themes/realdolmen/img/filetypes/_default-16.png');
	background-position: left center;
	background-repeat: no-repeat;
}

div#content #download-documents-list ul li.pdf {
	background-image: url('/sites/all/themes/realdolmen/img/filetypes/pdf-16.png');
}

div#content #download-documents-list ul li.doc {
	background-image: url('/sites/all/themes/realdolmen/img/filetypes/doc-16.png');
}

/* AddToAny */
#content ul.links.inline {
	margin-left: 0px;
}


/* Other */

.panel-separator {
	clear: both;
	padding: 5px 0px;
}

/* Connect with RealDolmen ============================================== */

#connect-with-realdolmen .panels-flexible-row {
	padding: 30px 0 10px 0; /* Extra top padding to make room for the social media icons */
}

#connect-with-realdolmen .panel-separator {
	padding: 0;
	margin: 0;
}

#connect-with-realdolmen .panels-flexible-region-inside {
	padding: 0px 10px;
	margin: 0;
}

#connect-with-realdolmen .panels-flexible-region-inside-first {
	padding-left: 0;
}

#connect-with-realdolmen .panels-flexible-region-inside-last {
	padding-right: 0;
}

#connect-with-realdolmen .panels-flexible-region .panel-pane {
	border: 2px solid #ededed;
}
#connect-with-realdolmen .panels-flexible-region .panel-pane.pane-sharethis-block-sharethis-block,
#connect-with-realdolmen .panels-flexible-region .panel-pane.pane-sharethis-block-sharethis-block + .panel-separator + .panel-pane.pane-node { /* Not for sharethis block */
	border: none;
}
#connect-with-realdolmen .panels-flexible-region .panel-pane.latest-social-media-item .social-media-item {
	height: 10em;
	overflow: hidden;
}

.recent-social-media-items h2.pane-title {
	color: #ED2B29;
	padding: 10px 20px;
}

.social-media-item {
	margin: 0;
	/*border-top: 1px solid #cddfe4;*/
	border-bottom: 1px solid #cddfe4;
	/*border-left: 2px solid #ededed;
	border-right: 2px solid #ededed;*/
	display: block;
	padding: 10px 10px;
}

.social-media-item:hover {
	background-color: #e7f2f6;
	border-top: 1px solid #fafafa;
	border-bottom: 1px solid #fafafa;
	/*border-left: 2px solid #fafafa;
	border-right: 2px solid #fafafa;*/
}

.social-media-item h2 {
	font-size: 14px;
	padding: 0;
}

div#content div.view div.view-content div.views-row div.views-row-item.social-media-item h2 {
	height: auto;
}

.social-media-item div.links {
	margin: 0;
	padding: 10px 0;
}

.social-media-item div.links,
.social-media-item div.links a {
	font-size: 14px;
}

div#content .social-media-item ul.links.inline,
div#content .social-media-item ul.links.inline li {
	margin: 0;
	padding: 0;
}

div#content .social-media-item ul.links.inline li + li {
	margin-left: 20px;
}

/* Special styling for the latest item */
.pane-social-media.latest-social-media-item .pane-title img.social-media-icon,
.recent-social-media-items img.social-media-icon {
	margin-top: -37px;
	margin-left: 235px;
	position: relative;
	top: -15px; /* A bit higher to make sure that we don't overlap any title text */
	display: block;
}
/* Bram: The below is nicer imo, since it doesn't require knowledge of the width of the h2 element is. But the image will not float in the right position when using a long title (i.e. Latest news & press articles) */
/*.pane-social-media.latest-social-media-item .pane-title img {
	float: right;
	margin-top: -30px;
}*/
.pane-social-media.latest-social-media-item .pane-title img.social-media-icon.youtube,
.recent-social-media-items img.social-media-icon.youtube,
.pane-social-media.latest-social-media-item .pane-title img.social-media-icon.flickr,
.recent-social-media-items img.social-media-icon.flickr {
	margin-left: 402px;
}

.pane-social-media.latest-social-media-item .pane-title img.social-media-icon.slideshare,
.recent-social-media-items img.social-media-icon.slideshare {
	margin-left: 896px;
}

.pane-social-media.latest-social-media-item .more-block {
	display: none;
}

div#content .pane-social-media .more-block {
	width: 100%;
	margin: 0;
}

.pane-social-media.latest-social-media-item .social-media-item {
	border: 1px solid #eeeeee;
	border-top: none;
	background-color: #42b9e8;
}

.pane-social-media.latest-social-media-item h2.pane-title {
	color: #eeeeff;
	border-bottom: 2px solid #6cc9ed;
	background-image: url('/sites/all/themes/realdolmen/img/3colheaderbg.png');
	font-weight: normal;
	line-height: 20px;
	padding-left: 20px;
	padding-right: 20px;
	width: 263px;
	margin-left: 1px;
}

.pane-social-media.latest-social-media-item div.pane-content,
div#content .pane-social-media.latest-social-media-item div.pane-content a {
	color: #ffffff;
}

/*.view-display-id-latest_videos .views-row {
	background-color: red;
}

.view-display-id-latest_videos .views-row.views-row-first {
	background-color: yellow;
}*/

#connect-with-realdolmen .large-preview {
	float: left;
	width: 50%;
}

#connect-with-realdolmen .small-previews {
	float: left;
	width: 50%; /* TODO :: Bram: Why is this not allowed? (div's with looks like 25% ...) */
	padding-left: 0;
}

#connect-with-realdolmen .small-previews-one-line {
	float: left;
	width: 25%;
}

#connect-with-realdolmen .large-preview .social-media-item .field-item.thumbnail img,
#connect-with-realdolmen .small-previews .social-media-item .field-item.thumbnail img {
	width: 100%;
}

#connect-with-realdolmen .small-previews .social-media-item div.links {
	padding-top: 0;
}

/*#connect-with-realdolmen .small-previews .social-media-item .field-item.thumbnail img {
	width: 33%;
}*/

#connect-with-realdolmen .small-previews .social-media-item .field-items .field-container.thumbnail-container {
	width: 34%;
}

#connect-with-realdolmen .small-previews .social-media-item .field-items .field-container {
	width: 66%;
	float: left;
}

#connect-with-realdolmen .social-media-item.video,
#connect-with-realdolmen .social-media-item.photo {
	border: none;
}

#connect-with-realdolmen .large-preview .social-media-item:hover,
#connect-with-realdolmen .small-previews .social-media-item:hover {
	border: none;
	background-color: transparent;
}

#connect-with-realdolmen .small-previews .social-media-item .field-items .field-container .field-item {
	padding-left: 10px;
}

#connect-with-realdolmen .small-previews .social-media-item, 
#connect-with-realdolmen .small-previews .social-media-item .field-items .field-container.thumbnail-container .field-item {
	padding-left: 0;
}

#connect-with-realdolmen .small-previews .social-media-item .field-item.tags {
	display: none;
}


/* Added by Michiel Kenis - 23/09/2011 - RealDolmen ====================================================================== */
/* Services & Solutions ================================================================================================== */
div#content div#services_solutions.panel-display div.center-wrapper div.panel-panel div.inside div.pane-node {
	border: 1px solid white;
	-moz-box-shadow: 0px 4px 6px #661; /* Firefox/Mozilla */  
	-webkit-box-shadow: 0px 4px 6px #661; /*Safari/Chrome */  
	box-shadow: 0px 4px 6px #661; /* Opera  */  
	/* Voor IE 8 */  
	/*-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')"*/
}

div#content div#services_solutions.panel-display div.center-wrapper div.panel-panel div.inside div.pane-node div.pane-content {
	background-color: #42b9e8;
}
div#services_solutions .center-wrapper .panel-panel {
	width: 307px;
}

div#services_solutions .panel-col-first, 
div#services_solutions .panel-col {
	margin-right: 25px;
}
div#services_solutions .pane-node h2 {
	padding: 0px;
}
div#services_solutions .pane-node h2.pane-title a {
	display: block;
	color: #eeeeff;
	font-size: 18px;
	border-bottom: 2px solid #6cc9ed;
	background-image: url('/sites/all/themes/realdolmen/img/3colheaderbg.png');
	font-weight: normal;
	line-height: 25px;
	padding: 5px 20px;
	text-decoration: none;
}
div#services_solutions .center-wrapper .pane-node .pane-content {
	padding: 0px 20px 10px 20px;
	color: #ffffff;
}
div#services_solutions ul.links.inline {
	margin: 0px;
	display: inline-block;
}

div#services_solutions .center-wrapper ul.links.inline {
	margin-top: 10px; /* More link on the category block needs more space */
}

div#services_solutions li.node-readmore {
	margin: 0px;
	display: inline-block;
}
div#services_solutions li.node-readmore a {
	color: #ffffff;
	font-weight: bold;
}
div#services_solutions .pane-content ul.menu {
	margin: 0px;
	border-top: 1px solid #eeeeee;
}
div#services_solutions .pane-content ul.menu li.leaf {
	border: 1px solid #CDDFE4;
	border-top: none;
	background-color: #ffffff;
	margin: 0px 20px;	/* margins make the items 20px smaller on both sides, without the need to set a fixed width... */
}
div#services_solutions .pane-content ul.menu li.leaf a {
	display: block;
	padding: 5px 10px;
}
div#services_solutions div.contextual-links-wrapper,
div#services_solutions div.panel-separator {
	display: none;
}

div#content div.view div.view-content div.views-row div.views-row-item h2 {
	height: 45px;
	padding-bottom: 0;
}

div#content div.view-solutions span.field-content a {
	 display: inline-block;
    font-size: 17px;
    height: 40px;
    line-height: 20px;
    overflow: hidden;
    padding-bottom: 0;
}
div#content div.view-solutions div.detail div.field-content {
	height: 50px;
}

div#content div.view-solutions div.detail span.field-content a{
	font-size: 12px;
	margin-top: 15px;
}

/* References ================================================================================================== */
div#content div#sectors_references.panel-display div.right div.panel-pane {
	border: 1px solid #CDDFE4;
	 -moz-box-shadow: 0px 4px 6px #661; /* Firefox/Mozilla */  
	-webkit-box-shadow: 0px 4px 6px #661; /*Safari/Chrome */  
	box-shadow: 0px 4px 6px #661; /* Opera  */
	margin: 20px 0 0 10px;
    width: 320px;
}

div#content div#sectors_references.panel-display div.right div.panel-pane h2{
	padding-left: 10px;
}

div#content div#sectors_references.panel-display div.right div.panel-pane div.pane-content div.views-row { 
	background-color: #FFFFFF;
	border-left: 1px solid #CDDFE4;
	border-bottom: 1px solid #CDDFE4;
    border-right: 1px solid #CDDFE4;
    margin: 0 -1px;
    padding: 10px;
    width: 300px;
}

div#content div#sectors_references.panel-display div.right div.panel-pane div.pane-content div.views-row {
	border-top: 1px solid #CDDFE4;
}

div#content div#sectors_references.panel-display div.right div.panel-pane div.pane-content div.views-row div.views-field-title span.field-content a {
	font-size: 18px;
}

/* 
REMOVED IT 'CAUSE IT WAS UGLY - Michiel
div#content div.view div.view-content div.views-row-item:hover  { */

/* } */

div#content div.view div.view-content div.views-row div.views-field div.field-content h1 {
	margin-bottom: 10px;	
}

div#content div#sectors_references.panel-display div.left {
	width: 630px;
}

/* Homepage ================================================================================================== */
/* Webshop ================================================================================================== */
div#content div#home.panel-display div.left div#webshop {
	background-image: url('/sites/all/themes/realdolmen/img/bgwebshop.png');
	height: 174px;
	-moz-box-shadow: 0px 4px 6px #661; /* Firefox/Mozilla */  
	-webkit-box-shadow: 0px 4px 6px #661; /*Safari/Chrome */  
	box-shadow: 0px 4px 6px #661; /* Opera  */  
	/* Voor IE 8 */  
	/*-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";*/
	padding: 0px 10px 0px 10px;
}

div#content div#home.panel-display div.left div#webshop h2 {
	color: white;
}

div#content div#home.panel-display div.right div.pane-references {
	border: 1px solid #eeeeee;
	-moz-box-shadow: 0px 4px 6px #661; /* Firefox/Mozilla */  
	-webkit-box-shadow: 0px 4px 6px #661; /*Safari/Chrome */  
	box-shadow: 0px 4px 6px #661; /* Opera  */  
	/* Voor IE 8 */  
	/*-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";*/
	/*margin-top: 43px;*/
	margin-top: 20px;
    padding-top: 10px;
    width: 304px
}

div#content div#home.panel-display div.right div.panel-pane h2.pane-title {
	color: #ed2c27;
	background-image: url('/sites/all/themes/realdolmen/img/latestnews.png');
	background-repeat: no-repeat;
	width: auto;
	padding-left: 20px;
}

div#content div#home.panel-display div.right div.homepage div.pane-content div.view div.view-content div.views-row {
	border: none !important;
    /*float: left;*/
    height: auto;
    /*width: 304px;*/
}

div#content div#home.panel-display div.right div.panel-pane div.pane-content div.view div.view-content div.views-row table.blocked {
	border: none;
	border-bottom: 1px solid #cddfe4;
}



/* Colored blocks (contact us teaser + social media block footers) ================================================================================================== */
div#content .red-block, 
div#content .blue-block {
	float: left;
	clear: both;
	width: 100%;
	color: #ffffff;
}
div#content .red-block {
	background-color: #ed2c27;
	border: 1px solid #eeeeee;
	-moz-box-shadow: 0px 4px 6px #661; /* Firefox/Mozilla */  
	-webkit-box-shadow: 0px 4px 6px #661; /*Safari/Chrome */  
	box-shadow: 0px 4px 6px #661; /* Opera  */  
	/* Voor IE 8 */  
	/*-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";*/
	margin: 60px 0 15px 0;
	padding: 5px 0px;
}
div#content .blue-block {
	background-color: #40b4e3;
    border: 1px solid #CDDFE4;
    margin-left: -2px;
    width: 307px;
}
div#content .blue-block p {
	padding: 10px 20px;
}
div#content .red-block p {
	margin-left: 20px;
}
div#content .red-block a,
div#content .blue-block a {
	/*text-decoration: none;*/
	color: #ffffff;
	font-weight: bold;
}
div#content .red-block a {
	text-decoration: underline;
}
div#content .red-block a:hover {
	text-decoration: none;
}
div#content .red-block div.field-item {
	float:left;
}
div#content .red-block ul li {
	margin: 5px 0px 0px 10px;
}
div.webshopcontent {
	padding: 10px;
}

div.webshopheader h2{
	padding-left: 60px;
	background-image: url('/sites/all/themes/realdolmen/img/webshop-logo.png');
	background-repeat: no-repeat;
	height: 35px;
}

div.webshopbody {
}

div.webshoptitle h3{
	color: white;
	margin-left: 180px;
}

div.webshopline1 {
	margin-left: 180px;
	color: white;
}

div#webshop div.webshopreadmore a {
	color: white;
	margin-left: 180px;
}

/* STYLING HOMEPAGE */
div#body div#content div#home.panel-display div.left div#case-study h1, 
div#body div#content div#home.panel-display div.left div#spotlight h1,
div#body div#content div#home.panel-display div.left div#blog h1 {
	border-bottom: 1px solid;
	/*line-height: 20px;
	font-weight: normal;
	margin-top: 10px;*/
}

div#blog div.pane-social-media {
	width: 475px;
	float: left;
}

div#blog div.right-blog {
	padding-left: 15px;
	float: left;
}

div#blog div.social-media-home {
	height:175px;
}

div#content div#home.panel-display div.top div#banner div.panel-pane div.pane-content p img {
	margin-top:-6px;
}

div#content div#home.panel-display div.left div#blog div.panel-pane div.pane-content div.view div.view-content div.views-row {
	margin-bottom: 20px;
}

html.js body.no-sidebars div#body div#content div.footer div#home.panel-display div.left div#blog div.panel-pane div.pane-content div.view div.view-content div.views-row a {
	margin-right: 50px;
}

html.js body.no-sidebars div#body div#content div.blogpost.social-media-home div.field-item ul.links.inline li {
 margin: 0;
 padding: 0;
}

/* Sector ================================================================================================== */
div#content div.view-id-references div.view-content div.views-row {
	border: 1px solid #eeeeee;
    float: left;
    margin: 0 8px 20px 8px;
    width: 268px;
    height: 60px;
    padding: 20px;
   -moz-box-shadow: 0px 4px 6px #661; /* Firefox/Mozilla */  
	-webkit-box-shadow: 0px 4px 6px #661; /*Safari/Chrome */  
	box-shadow: 0px 4px 6px #661; /* Opera  */  
	/* Voor IE 8 */  
	/*-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";*/ 
}

div#content div.view div.view-content div.views-row div.views-field-title span.field-content a {
	font-size: 18px;
}

div#content div.view-id-references {
	margin-top: 20px;
}

/* News & Events ================================================================================================== */
div#content div#news_events div.center-wrapper div.panel-panel {
	border: 1px solid #eeeeee;
	width: 470px;
	margin-right: 10px;
	margin-left: 10px;
	 -moz-box-shadow: 0px 4px 6px #661; /* Firefox/Mozilla */  
	-webkit-box-shadow: 0px 4px 6px #661; /*Safari/Chrome */  
	box-shadow: 0px 4px 6px #661; /* Opera  */  
	/* Voor IE 8 */  
	/*-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";*/
}

div#content div#news_events div.center-wrapper div.panel-panel.panel-col-first {
	float: left;
	margin-left: 0;
	margin-right: 10px;
}

div#content div#news_events div.center-wrapper div.panel-panel.panel-col-last {
	float: right;
	margin-left: 10px;
	margin-right: 0;
}

div#content div#news_events div.center-wrapper div.panel-panel h2 {
	color: red;
	border-bottom: 1px solid #dbe8ec;
	padding: 10px 10px 10px 20px;
}

div#content div#news_events div.center-wrapper div.panel-panel h2.pane-title a {
	color: #ED2B29;
}

div#content div#news_events.panel-display div.view-content div.views-row {
	border-bottom: 1px solid #dbe8ec;
}

div#content div#news_events.panel-display div.view-dom-id-2 div.view-content div.views-row {
	padding: 15px 0 10px 20px;
}

div#content div#news_events.panel-display div.view-content div.views-row table.blocked {
	border: none;
}

div#news_events.panel-display div.center-wrapper div.panel-panel div.inside div.panel-separator,
div#news_events.panel-display div.center-wrapper div.panel-panel div.inside {
	margin: 0px;
}

div#body div#content div#news_events.panel-display div.center-wrapper div.panel-panel div.inside div.panel-pane div.news_footer_container {
	background-image: url('/sites/all/themes/realdolmen/img/bg_news_small.png');
	background-repeat: x-repeat;
	height: 50px;
	margin: 0px;
	padding: 15px 0 0 10px;
	color: white;
}

div#body div#content div#news_events.panel-display div.center-wrapper div.panel-panel div.inside div.panel-pane div.news_footer_container a,
div#content div#news_events.panel-display div.events_footer_container a {
	color: white;
	font-weight: bold;
}

div#body div#content div#news_events.panel-display div.center-wrapper div.panel-panel div.inside div.panel-pane div.news_footer_container img{
	float: left;
}
div#content div#news_events.panel-display div.news_footer_container p.rss_text {
	float: left;
	margin-top: -5px;
	font-weight: bold;
	margin-left: 10px;
}
div#content div#news_events.panel-display  div.news_footer_container div.news_footer_content {
	margin-left: 250px;
	margin-top: 0px;
	font-weight: bold;
}
div#content div#news_events.panel-display div.views-row table.blocked tbody tr th span.field-content {
	font-size: 18px;
}

div#content div#news_events.panel-display  div.panel-separator {
	display: none;
}

div#content div#news_events.panel-display div.events_footer_container  {
	background-image: url('/sites/all/themes/realdolmen/img/bg_news_large.png');
	background-repeat: x-repeat;
	color: white;
	height: 50px; /* TODO :: 90px when including the iCal link */
	padding: 15px 0 0 10px;
}

div#content div#news_events.panel-display div.events_footer_container img{
	float: left;
}

div#content div#news_events.panel-display div.events_footer_container p.rss_text {
	float: left;
    font-weight: bold;
    margin-left: 14px;
    margin-top: -5px;
}
div#content div#news_events.panel-display  div.events_footer_container div.events_footer_content {
	margin-left: 250px;
	margin-top: -3px;
	font-weight: bold;
}

div#content div#news_events.panel-display div.events_footer_container div.events_ical_image div.events_footer_content_line1 {
	margin-left: 40px;
	height: 25px;
	font-weight: bold;
}

div#content div#news_events.panel-display  div.events_footer_container div.events_footer_content_line2 {
	float: right;
    font-weight: bold;
    margin-right: 13px;
    margin-top: -30px;
}

div#content div#news_events.panel-display div.events_footer_container div.events_ical_image {
	display: block;
	height: 45px;
}

div#content div#news_events.panel-display div.events_footer_container div.events_ical_image p.events_footer_content_line1 {
	font-weight: bold;
    margin-left: 53px;
    margin-top: -5px;
}

div#content div#news_events.panel-display div.events_footer_container div.events_rss_image p.events_footer_content_line2 {
	font-weight: bold;
    margin-left: 250px;
    margin-top: -5px;
}

div#content div.view-id-news.view-display-id-page {
	/*margin-top: 46px;*/ /* Align with content in left-sidebar, since this area won't have a title */
}



/*=== CSS to style the carousel at the homepage ==== Michiel Kenis ==== 18/10/2011*/

div.section-banner {
	margin-bottom: 20px;
}

div#content div#banner div.panel-pane div.pane-content div.view div.view-content div.jcarousel-container div.jcarousel-clip ul.jcarousel li.jcarousel-item div.views-field-field-image {
	postition: relative;
}

div#content div#banner div.panel-pane div.pane-content div.view div.view-content div.jcarousel-container div.jcarousel-clip ul.jcarousel li.jcarousel-item div.views-field h1,
div#content div#banner div.panel-pane div.pane-content div.view div.view-content div.jcarousel-container div.jcarousel-clip ul.jcarousel li.jcarousel-item div.views-field h2,
div#content div#banner div.panel-pane div.pane-content div.view div.view-content div.jcarousel-container div.jcarousel-clip ul.jcarousel li.jcarousel-item div.views-field a,
div#content div#banner div.panel-pane div.pane-content div.view div.view-content div.jcarousel-container div.jcarousel-clip ul.jcarousel li.jcarousel-item div.views-field {
	color: white;
}

div#content div#banner div.panel-pane div.pane-content div.view div.view-content div.jcarousel-container div.jcarousel-clip ul.jcarousel li.jcarousel-item div.views-field-field-title1 {
	position: absolute;
	top: 40px;
	padding-left: 40px;
}

div#content div#banner div.panel-pane div.pane-content div.view div.view-content div.jcarousel-container div.jcarousel-clip ul.jcarousel li.jcarousel-item div.views-field-field-title2 {
	position: absolute;
	top: 80px;
	padding-left: 80px;
}

div#content div#banner div.panel-pane div.pane-content div.view div.view-content div.jcarousel-container div.jcarousel-clip ul.jcarousel li.jcarousel-item div.views-field-field-button1 {
	position: absolute;
	bottom: 30px;
	margin-left: 600px;
}

div#content div#banner div.panel-pane div.pane-content div.view div.view-content div.jcarousel-container div.jcarousel-clip ul.jcarousel li.jcarousel-item div.views-field-field-button2 {
	position: absolute;
	bottom: 30px;
	margin-left: 780px;
}

div#content div#banner div.panel-pane div.pane-content div.view div.view-content div.jcarousel-container div.jcarousel-clip ul.jcarousel li.jcarousel-item div.views-field-field-button1,
div#content div#banner div.panel-pane div.pane-content div.view div.view-content div.jcarousel-container div.jcarousel-clip ul.jcarousel li.jcarousel-item div.views-field-field-button2 {
	border: 1px solid #c02824;
	background-image: url('/sites/all/themes/realdolmen/img/readmore_banner.png');
	background-repeat: x-repeat;
	padding: 0px 20px 0 20px;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-o-border-radius: 20px;
}

div#content div#banner div.panel-pane div.pane-content div.view div.view-content div.jcarousel-container div.jcarousel-clip ul.jcarousel li.jcarousel-item div.views-field-field-button1 a,
div#content div#banner div.panel-pane div.pane-content div.view div.view-content div.jcarousel-container div.jcarousel-clip ul.jcarousel li.jcarousel-item div.views-field-field-button2 a{
	text-decoration: none;
}


div#sidebar-left + div#content div#banner {
	margin: 0;
	padding: 0;
}
div#sidebar-left + div#content div#banner img {
	width: 720px;
}


/*=== CSS to style the ShareThis ==== Michiel Kenis ==== 18/10/2011*/

.sharethiscontent {
	height: 17px;
	padding: 6px 0 6px 10px;
	*padding: 1px 0px 15px 10px;
	/*background-image: url('/sites/all/themes/realdolmen/img/a2abackground.png');*/
	background-repeat: x-repeat;
	border: 1px solid #dfdfdf;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	margin-top: 20px;
	width: 270px;
}

.sharethistitle {
	margin-top: 10px;
}

div#social-media-left-col {
	margin: auto;
	width: 25%;
	float: left;
}

/***** fat footer **********/
div#footer div#social-media-fat-footer {
	overflow: hidden;	/* There are some funny spacing/margin/padding issues, so we just hide them... */
	width: 978px;
	margin: -11px auto auto;
	/* NOTE :: needs to have the same background settings as the wrapper, in case the window is less than 100% wide... */
	background-color: #009ad8;
}
div#footer ul.horizontal {
    height: 75px;
}

div.social-wrapper ul.menu li.leaf {
	float:left;
}


div#footer div#social-media-fat-footer div.view-social-media {
	width: 229px;
	margin-right: 10px;
	background-color: #ffffff;
	float: left;
	padding-bottom: 5px;
	margin-bottom: 20px;
	-moz-box-shadow: 0px 4px 6px #676767; 
	-webkit-box-shadow: 0px 4px 6px #676767;
	box-shadow: 0px 4px 6px #676767;
}

div.social-media-links-hr {
	z-index: 99px;
	height: 11px;
	position: relative;
	/*width: 1158px;	/* TODO :: deze be�nvloedt breedte... */
	background-repeat: no-repeat;						
	background-position: center;
	background-image: url('/sites/all/themes/realdolmen/img/footer_line.png');
	margin: auto;
}

/* Needed for escaping some bad-styling */
div#footer div#social-media-fat-footer div.view-content div.fat-footer-expert-blogs div.view {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

/* TWITTER */
div#footer div#social-media-fat-footer div.view-display-id-latest_tweets_fat_footer div.field-item img{
	padding-right: 3px;
}

div#footer div#social-media-fat-footer div.view-display-id-latest_tweets_fat_footer div.field-item ul li{
	margin-right: 80px;
}

div#footer div#social-media-fat-footer div.view-display-id-latest_tweets_fat_footer div.field-item li a {
	height: 20px;
	width: 20px;
    margin-top: 2px;
    position: absolute;
}

/* Make the youtube section appear under the slideshare section. Not the best way, but time is limited ... */
div#footer div.view-social-media.view-display-id-latest_videos_fat_footer {
	float: right;
	margin-right: 12px;
}

div.social-media-fat-footer a {
	text-decoration: none;
	color: #049cda;
	font-weight: bold;
}

div.social-media-fat-footer a:hover {
	text-decoration: underline;
}

div.social-media-fat-footer div.tags a {
	font-weight: normal;
	color: #000000;
	text-decoration: underline;
} 

div#footer div.social-media-fat-footer ul {
	border-left: none;
}

div#footer div.social-media-fat-footer ul li a {
	color: #049cda;
	font-size: 12px;
	border: none;
	padding-left: 0px;
	padding-right: 5px;
	text-decoration: none;
}

div#footer div.social-media-fat-footer ul li a:hover {
	text-decoration: underline;
}

div.fat-footer-more-block  {
	padding-left: 10px;
}

div.fat-footer-more-block a {
	text-decoration: none;
	color: #049cda;
	font-weight: bold;
}

div.fat-footer-more-block a:hover {
	text-decoration: underline;
}

div.fat-footer-right {
	float: right;
}

div.fat-footer-left {
	float: left;
}

.social-media-fat-footer:hover {
	background-color: #ffffff;
	border-top: none;
	border-bottom: 1px solid #cddfe4;
}


div#social-media-fat-footer div.view-social-media h3 {
	padding: 10px;
}

div#fat-footer-rss {
	background-image: url('/sites/all/themes/realdolmen/img/icons/rss.png');
	background-position: 10px 0;
	background-repeat: no-repeat;
	height: 40px;
	padding-left: 55px;
}

html.fr div#fat-footer-rss {
	height: 60px;
}

div#social-media-fat-footer div.social-media-fat-footer div.content {
	padding-left: 10px;
	margin-bottom: 10px;
}

div#fat-footer-subscribe {
	background-image: url('/sites/all/themes/realdolmen/img/icons/subscribe.png');
	background-position: 10px 0;
	background-repeat: no-repeat;
	padding-left: 55px;
	height: 40px;
}

div.view-display-id-latest_blogs_fat_footer div.tags a{
	font-size: 80%;	
}

/* ========================================== Event page == Michiel Kenis ====== */
div#body div#content div.view-display-id-page_events div.view-content div.item-list ul,
div#body div#content div.view-display-id-page_events div.view-content div.item-list li {
	margin: 0px;
}
div#body div#content div.view-display-id-page_events div.view-content div.item-list {
	 
}

div#body div#content div.view-display-id-page_events div.view-content div.item-list li{
	border: 2px solid #fafafa;
	-moz-box-shadow: 0px 4px 6px #661; /* Firefox/Mozilla */  
	-webkit-box-shadow: 0px 4px 6px #661; /*Safari/Chrome */  
	box-shadow: 0px 4px 6px #661; /* Opera  */ 
	margin-bottom: 20px;
	padding: 20px;
}

div#content div.view div.view-content div.item-list ul li.views-row div.views-field-title a{
	font-size: 18px;
}

div#content div.view div.view-content div.item-list ul li.views-row div.views-field div.field-content div.event_label,
div#content div.view div.view-footer div.view div.view-content div.item-list ul li.views-row div.views-field span.views-label {
	float: left;
	width: 85px; 
}

div#content div.view div.view-content div.item-list ul li.views-row div.views-field-body {
	padding-top: 20px;	
}

div#content div.view div.view-content div.item-list ul li.views-row div.views-field-title-1,
div#content div.view div.view-footer div.view div.view-content div.item-list ul li.views-row div.views-field-view-node {
	border: 1px solid #0b83b3;
	background-image: url('/sites/all/themes/realdolmen/img/subscribe_button.png');
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	color: white;
	padding: 0px 10px 0px 10px;
	width: 55px;
	margin-top: 10px;
}

div#content div.view div.view-content div.item-list ul li.views-row div.views-field-title-1 a,
div#content div.view div.view-footer div.view div.view-content div.item-list ul li.views-row div.views-field-view-node a {
	color: white;
	font-size: 12px;
}

div#content div.view div.view-footer div.view div.view-content div.item-list ul li.views-row div.views-field-title,
div#content div.view div.view-footer div.view div.view-content div.item-list ul li.views-row div.views-field-body {
	padding-bottom: 20px;
}

div#content div#news_events.panel-display div.center-wrapper div.panel-panel div.inside div.panel-pane div.pane-content div.view div.view-content div.views-row div.views-field div.field-content div.newspage_event_label {
	float: left;
	width: 70px;
}

div#content span span span div#news_events.panel-display div.center-wrapper div.panel-panel div.inside span span div.panel-pane div.pane-content span div.view div.view-content span div.views-row span div.views-field-field-date {
	padding-top: 10px;
}

div#content div#news_events.panel-display div.center-wrapper div.panel-panel div.inside div.panel-pane div.pane-content div.view div.view-content div.views-row {
	border: none;
	box-shadow: none; 
	border-bottom: 2px solid #d7e5e9;
}

div#content div.view div.view-content div.views-row table.blocked{
	border: none;
}

div#content div.view div.view-content div.views-row table.blocked th a {
	font-size: 20px;
}

div#content div.view div.view-content div.views-row table.blocked th a {
	font-size: 18px;
	font-weight: normal;
}

div#content div.view.view-news div.view-content div.views-row table.blocked h2{
	font-size: 16px;
}

html.js div#body div#content div.view-display-id-page div.view-content div.views-row,
html.js div#body div#content div.view-display-id-news_in_the_spotlight div.view-content div.views-row,
html.js div#body div#content div.view-display-id-in_the_spotlight div.view-content div.views-row {
    margin-top: 10px; 
    -moz-box-shadow: 0px 4px 6px #661; /* Firefox/Mozilla */  
	-webkit-box-shadow: 0px 4px 6px #661; /*Safari/Chrome */  
	box-shadow: 0px 4px 6px #661; /* Opera  */
	border: 1px solid #d7e5e9;
}

div#content div#home.panel-display div.right div.panel-pane h2.pane-title {
	border-bottom: 1px solid #d7e5e9;
}

div#content div#home.panel-display div.right div.panel-pane h2.pane-title a{
	color: #ED2B29;
}


/* ====================== General (web)form styling ===== */
div#content .webform-client-form div.form-item {
	padding: 8px 0;
}

div#content .webform-client-form div.form-item label {
	font-size: 16px;
	font-weight: bold;
	color: #ED2B29;
	padding-bottom: 4px;
}
div#content .webform-client-form div.form-item label.option {
	font-size: 12px;
}
div#content .webform-client-form div.form-item input.form-text,
div#content .webform-client-form div.form-item textarea.form-textarea {
	border: 1px solid #d1d1d1;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	padding: 4px;
}

div#content  .webform-client-form div.form-actions input.form-submit,
div#content .webform-client-form div.form-actions button {
	color: #ffffff;
	font-weight: bold;
	padding: 7px;
	background-color: #ED2B29;
	border: none;
	border: 1px solid #cd5350;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
}

div#content div.event .webform-client-form div.form-item input.form-text,
div#content div.event .webform-client-form div.form-item textarea.form-textarea {
	padding: 2px;
}


div#content div.event .webform-client-form div.form-item {
	padding: 8px 0 0 0;
}

div#content div.event .webform-client-form div.form-item label {
	font-size: 12px;
}


/* ========================================== Subscribe event form == Michiel Kenis ====== */
div#content div.field div.field-label {
	float: left;
	width: 150px;
}

div#content form#webform-client-form-324.webform-client-form  label {
	float: left;
	width: 150px;	
}

div#content form#webform-client-form-324.webform-client-form div.form-item {
	margin-top: 10px;
}

div#content form#webform-client-form-324.webform-client-form div#edit-actions.form-actions {
	margin-left: 150px;
}

div#content span span span div#home.panel-display div.right span span div.pane-news {
	margin-left: 28px;
	width: 304px;
	margin-top: 45px;
    -moz-box-shadow: 0px 4px 6px #661; /* Firefox/Mozilla */  
	-webkit-box-shadow: 0px 4px 6px #661; /*Safari/Chrome */  
	box-shadow: 0px 4px 6px #661; /* Opera  */ 
    padding-top: 10px;
}


body#thmr_undefined.no-sidebars span div#body div#content span span span div#home.panel-display div.right span span div.panel-pane div.pane-content span div.view div.view-content span div.views-row {
	border: none;
	box-shadow: none;
}

div#content span span span div#home.panel-display div.right span span div.panel-pane h2.pane-title a{
	margin-top: 10px;
	color: #ED2B29;	
}

/* ================ related content */

div.related-content-list {
	float: left;
	margin-left: 0;
	width: 240px; /* If there will ever be more than 3 in a block of 720px, lower this */
}

div.related-content-title {
	clear: left;
}

div.related-content-image {
	margin-right: 2px;
	background-repeat: no-repeat;
	background-position: left center;
	float: left;
	width: 60px;
	height: 60px;
}

div.related-content-image-solution {
	background-image: url('/sites/all/themes/realdolmen/img/icons/related-solutions_large.png');
}

div.related-content-image-sector {
	background-image: url('/sites/all/themes/realdolmen/img/icons/related-solutions_large.png'); /* TODO :: Bram: use correct icon */
}

div.related-content-image-partner {
	background-image: url('/sites/all/themes/realdolmen/img/icons/partners_large.png');
}

div.related-content-image-technology {
	background-image: url('/sites/all/themes/realdolmen/img/icons/related-solutions_large.png'); /* TODO :: Bram: use correct icon */
}

div.related-content-image-reference {
	background-image: url('/sites/all/themes/realdolmen/img/icons/references_large.png');
}

div#content div.related-content-list ul {
	list-style: none;
	margin-left: 0;
}

div#content div.related-content-list ul li {
	margin-left: 0;
	height: 20px;
	line-height: 20px;
}

div.related-content-view {
	float: left;
}

div.related-content-view div.views-row {
	background-image: url('/sites/all/themes/realdolmen/img/related-content-arrow.png');
	background-repeat: no-repeat;
	background-position: left;
	/*padding-left: 15px;*/
	clear: left;
	width: 100%;
}

div#content div.related-content-view div.view div.view-content div.views-row div.views-field-title span.field-content a {
	font-size: 12px;
}

div#content div.related-content-view div.view div.view-content div.views-row div.shadowed {
	height: 0px;
	-moz-box-shadow: none;
	border: none;
	margin: 0px;
	padding: 0 0px 15px;
}

div#content div.related-content-view div.view-solutions span.field-content a {
	display: block;
    font-size: 12px;
    font-weight: normal;
    height: 20px;
    padding: 0;
}

div#content div.related-content-view div.view-solutions span.field-content a:hover {
	background-color: #ffffff;
}

div#content div.related-content-view div.view div.view-content div.views-row div.views-row-item h2 {
    height: 0px;
    padding: 0;
    line-height: 0px;
}

div#sidebar-left + div#content div#related_content_bottom {
	clear: left;
}

/* Align the second related-content-list with div#content */
div#sidebar-left + div#content div#related_content_bottom div.related-content-list {
	margin-right: 18px;
	margin-left: -258px; /* Make it look like this div is no part of div#content */
}

div#sidebar-left + div#content div.reference div#related_content_bottom div.related-content-list { /* But not for references. The left nav can get quite large and there are just 2 blocks to render as bottom related content. */
	margin-right: 0;
	margin-left: -0; 
}

div#sidebar-left + div#content div#related_content_bottom div.related-content-list + div.related-content-list {
	margin-right: 0;
	margin-left: 0;
}

div#related_content_bottom div.view div.view-content div.views-row table.blocked a {
	font-size: 12px;
	font-weight: normal;
}

div#related_content_bottom div.view div.view-content div.views-row table.blocked tr th {
	padding: 0px;
}

div#related_content_bottom div.view div.view-content div.views-row table.blocked {
	line-height: 10px;
}


/* Small css fix for 2-col panel pages with a bottom region */
.panel-2col-stacked .panel-col-bottom {
	float: left;
}

/********* SPECIFIC STYLES FOR EDUCATION PAGE ****************/
div.iframe_headings {
	margin: -10px 0 0 -5px;
}

div.iframe_data {
	border: 1px solid #EEEEEE;
    width: 600px;
}

body.one-sidebar div#body div#content div.detail-right.education {
	width: 15%
}

/********* LOGIN **********************************************/
/*
/*		Dit is dikke rommel CSS. Maar tijdelijk nodig om die vrouwen van marketing geen
/*		gatlelijke site te laten zien!
/*		Wordt aan gewerkt om dit nog proper te krijgen!
/*
/********* LOGIN **********************************************/
form#user-login input,
div.form-type-password-confirm,
form#user-profile-form input {
	border: 1px solid black;
	padding: 5px;
	font-size: 16px;
}

form#node-admin-content select {
	border: 1px solid black;
    font-size: 12px;
    margin: 10px 0 10px -40px;
    padding: 5px;
}

form#node-admin-content input#edit-submit,
form#node-admin-content input#edit-undo,
form#node-admin-content input#edit-reset {
	padding: 10px;
	border: 1px solid black;
	margin-right: 20px;
}

form#node-admin-content label {
	padding-top: 13px;
}

form#user-login div.description {
	margin-bottom: 10px;
}

dl.node-type-list dt {
	border: 1px dotted black;
	padding: 10px 20px 30px 20px;
}

dl.node-type-list dd {
	margin: -30px 0 20px 20px
}

ul.action-links li{
	background-color: #EEEEEE;
    border: 1px solid black;
    list-style: none outside none;
    margin-bottom: 20px;
    padding: 10px;
    text-align: center;
    width: 70px;
}

form.node-form input,
form.node-form select {
	border: 1px solid black;
	margin-bottom: 10px;
	padding: 5px;
	margin-right: 10px;
}

form.node-form div.vertical-tabs {
	margin: 0px;
}

form.node-form div.vertical-tabs li,
form.node-form div.vertical-tabs ul{
	list-style: none;
	margin: 0px;
}

form.node-form div.vertical-tabs-panes {
	padding: 20px;
}

form.node-form fieldset#edit-translation {
	margin-bottom: 20px;
}

}
/**** styles for the webshop **/

div#body div#content div.left div#webshop div.webshopcontent div.webshopbody div.webshoptitle img {
		float: left;
}

div#webshop div.webshoptitle h3 img {
	margin-left: 0px;
	float: left !important;
}

div.webshoptitle a {
	width: 200px;
	color: white !important;
}
div.webshoptitle h3 {
	margin-left: 0px;
}

div.webshopline1 {
	float: left;
}

div.webshopreadmore {
	margin-left: -50px;
}

div.detail-content div.field-name-body img{
	clear: both;
}

/**** styles for the Solr search **/
form#search-form div.form-type-textfield label {
	float: left;
	font-size: 15px;
	width: 978px;
	height: 25px;
}

form#search-form div.container-inline input,
form#search-form div.container-inline input#edit-submit {
	border: 1px solid #eee;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	height: 20px;
	padding: 5px;
	margin-right: 50px;
	float: left;
}

form#search-form div.container-inline input#edit-submit  {
	height: 31px;
	padding: 0 20px 0 20px;
	float: none;
	background-color: #e73029;
	border: none;
	color: white;
	font-weight: bold;
}

form#search-form div.container-inline input#edit-submit:hover  {
	background-color: #de1410;
}

div.search-line {
	border-bottom: 2px dotted #ddd;
	width: 400px;
	margin: auto;
	padding: 10px 0 10px 0;
}

div.spelling-suggestions {
	border: 1px solid #ddd;
	padding: 10px 20px;
	margin: 20px 0;
}

/**** styles for the enhanced front page **/
div#case-study div.view-content div.views-row div.reference div.detail-content p a,
div#spotlight div.panel-pane div.pane-content div.view div.view-content div.views-row a {
	font-weight: normal;
	font-size: 12px;
}

div.view-display-id-latestblog_home {
	width: 460px;	
}

ul.links li.statistics_counter {
	display: none;
}

/**** styles for the webform confirmation **/
.webform-confirmation {
	text-align: center;
	padding: 50px;
}

.confirmation_title {
	font-size: 18px;
	padding-bottom: 15px;
}

.confirmation_body {
	padding-bottom: 5px;
}

.confirmation_greeting {
	
}

.webform_confirmation_line {
	border-bottom: 2px dotted #DEDEDE;
	width: 250px;
	margin: 50px auto 50px auto;
}

.pane-sharethis-block-sharethis-block {
    position: absolute;
}

/*********************************** styles for the new job page ***********************************/
.pane-lumesse-lumesse h2 {
	color: #E2001A;
	font-size: 22px;
	margin-top: 30px;
}

.pane-lumesse-lumesse h3 {
	color: #0189B4;
	font-size: 20px;
	margin-left: 20px;
}

#jobs.panel-2col-stacked .pane-lumesse-lumesse .pane-content ul li {
	margin: 10px 0 10px 50px;
	list-style-image: url('/sites/all/themes/realdolmen/img/job-bullet.jpg');
}

#jobs.panel-2col-stacked .pane-lumesse-lumesse .pane-content ul li a {
	color: #707D7E;
	text-decoration: underline;
	font-size: 18px;
	
}

.lumesse_job h3 {
	color: #0189B4;
	margin-top: 15px;
}

.lumesse_job_apply_online {
	margin-top: 15px;
	width: 80px;
	text-align: center;
	padding: 7px;
	background-color: #ED2B29;
	border: none;
	border: 1px solid #cd5350;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
}

.lumesse_job_apply_online a {
	text-decoration: underline;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff !important;
	text-shadow: none;
}


/*********************************** new webshop items ***********************************/
.pane-webshop h2 {
	background-image: url('/sites/all/themes/realdolmen/img/webshop-logo.png');
	background-repeat: no-repeat;
	background-position: 10px 10px;
	padding: 20px 0 0 70px;
	height: 35px;
	font-size: 25px;
}

.pane-webshop h3, .pane-webshop h4, .pane-webshop h5, .pane-webshop h6 {
	color: white;
}

.pane-webshop .views-field-body {
	color: white;
}

#webshop div.panel-pane div.view-content div.views-field div.field-content p a{
	color: white;
	font-weight: normal;
	font-size: 12px;
}

.pane-webshop .views-field-body h2 {
	background: none;
	font-size: 18px;
	padding: 0px;
}

.views-field-field-webshop-image {
	width: 170px;
	float: left;
}

td{vertical-align:middle;}

/***** FORM EDITING *****/
fieldset#webform-component-please-tell-us-about-the-training-you-are-looking-for legend,
fieldset#webform-component-please-enter-your-contact-details-and-invoicing-information-below-required-fields-are-marked-with-an- legend {
	font-size: 18px;
	padding-top: 50px;
	text-decoration: underline;
	color: #009BD8;
}

fieldset#webform-component-please-tell-us-about-the-training-you-are-looking-for label {
	width: 550px;
}

fieldset#webform-component-please-tell-us-about-the-training-you-are-looking-for div#webform-component-please-tell-us-about-the-training-you-are-looking-for--course-languages label,
fieldset#webform-component-please-tell-us-about-the-training-you-are-looking-for div#webform-component-please-tell-us-about-the-training-you-are-looking-for--projected-timeframe label,
fieldset#webform-component-please-enter-your-contact-details-and-invoicing-information-below-required-fields-are-marked-with-an- div.fieldset-wrapper  label{
	float: left;
	width: 215px;
}

fieldset#webform-component-please-tell-us-about-the-training-you-are-looking-for textarea {
	width: 550px;
	margin-bottom: 30px;
}