/* General
------------------------- */

body {
/*	background-color: #F8F8F8;
	background-image: url('../images/background-top2.png');
	background-repeat: repeat-x;	*/
	background-color: #b0b0b0;
	background-image: url('../images/background-grey.png');
	background-attachment: fixed;
	background-position: center;
	background-repeat: repeat-y;	
	color: #404040;
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS","Lucida Sans unicode",Arial,Helvetica,sans-serif,courier;
}
/* 	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; */

#container {
	margin: 5px auto;
	width: 910px;
}

a, a:link, a:visited {
	color: #EE3243;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

a.black, a.black:link, a.black:visited {
	color: #000000;
}
a.black:hover {
	text-decoration: underline;
}
a.purple {
	color: #86225C;
}

img.alignright {
	border: solid 1px #808080;
	float: right;
	margin-left: 25px;
	margin-bottom: 10px;
}
img.alignleft {
	border: solid 1px #808080;
	float: left;
	margin-right: 15px;
	margin-bottom: 5px;
}
img.aligncenter {
	border: solid 1px #808080;
	margin-left: 10px;
	margin-right: 10px;
}

td {
	padding: 0;
	vertical-align: top;
}
.grey {
	color: #b0b0b0;
}
.darkgrey {
	color: #808080;
}
.smaller, .smaller a, .smaller span {
	font-size: 0.9em;
}
.small {
	font-size: 0.7em;
}
.horizontal-line-1 {
	background-image: url('../images/dbx-line-940-sharp.png');
	background-position: top center;
	clear: both;
	height: 1px;
}
.horizontal-line-3 {
	background-image: url('../images/dbx-line-940-sharp.png');
	background-position: top center;
	clear: both;
	height: 3px;
}
.horizontal-line-5 {
	background-image: url('../images/dbx-line-940-sharp.png');
	background-position: top center;
	clear: both;
	height: 5px;
}
.clear {
	clear: both;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

.clearfix {display: inline-block;}  /* for IE/Mac */


/* Navigation
------------------------- */

#logo {
	float: left;
	position: relative;
	left: -37px;
	top: 19px;
	background-image: url('../images/logo-debatrix-laat-u-overtuigen.png');
	width: 250px;
	height: 60px;
}

#navigation {
	height: 111px;
	clear: both;
}
#navigation-international {
	clear: right;
	float: right;
	position: relative;
	top: 2px;
}

#flag-britain {
	background-image: url('../images/flag-britain.png');
	border: solid 1px #808080;
	cursor: hand;
	width: 30px;
	height: 15px;
}

#navigation-main { 
	clear: right;
	float: right;
	font-size: 14px;
	width: 660px;
}
#navigation-main ul { 
	clear: both;
	float: right;
	list-style: none;
	margin-left: 0px;
	margin-top: 40px;
	margin-right: 0;
	padding-left: 0px;
}
#navigation-main ul li { 
	float: left;
}
#navigation-main ul li a { 
	background-image: url('../images/button-purple-background.gif');
	border-radius: 3px;
		-webkit-border-radius: 3px;
		-opera-border-radius: 3px;
		-moz-border-radius: 3px;
	padding: 5px 12px 5px 12px;
	display: block;
	text-decoration: none;
	color: #fff;
	margin-left: 1px;
}
#navigation-main ul li a:hover {
	background-image: url('../images/button-red-background.gif');
}
#navigation-main ul li.current_page_item a, #navigation ul li.current_page_parent a, #navigation ul li.current_page_ancestor a {
	background-image: url('../images/button-red-background.gif');
	cursor: default;
}
#navigation-main ul li.page-item-2 a {
}

#navigation-main ul li.page-item-2630 a {
	background-image: url('../images/button-blue-background.gif');
}
#navigation-main ul li.page-item-2630 a:hover {
	background-image: url('../images/button-red-background.gif');
}
#navigation-main ul li.page-item-2630.current_page_item a, #navigation ul li.page-item-2630.current_page_parent a, #navigation ul li.page-item-2630.current_page_ancestor a {
}



/* Main + main-content
------------------------- */

#main {
}


#sub-navigation {
	background: #ffffff;
	border: solid 1px #EE3243; /* #e0e0e0 */
	background-image: url('../images/header-shading-background-2.png');
	background-repeat: repeat-x;
	background-color: #ffffff;
			border-radius: 3px;
			-webkit-border-radius: 3px;
			-opera-border-radius: 3px;
			-moz-border-radius: 3px;
	float: right;
	font-size: 14px;
	width: 190px;
}
#sub-navigation .wrapper {
	margin-top: 15px;
	margin-left: 15px;
	margin-right: 8px;
	margin-bottom: 15px;
}

#sub-navigation ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#sub-navigation ul li {
	margin-top: 12px;
}
#sub-navigation ul li a {
	color: #86225C;
}
#sub-navigation ul li.current_page_item a {
	color: #EE3243;
	font-weight: normal;
}
#sub-navigation ul li ul li {
	font-size: 12px;
	line-height: 12px;
	margin-left: 10px;
	margin-top: 4px;
	margin-bottom: 6px;
}
#sub-navigation ul li ul li a {
	color: #606060;
}
#sub-navigation ul li ul {
	margin-top: 0px;
	margin-bottom: 8px;
}
#sub-navigation ul li.current_page_item ul li a {
	color: #606060;
	font-weight: normal;
}
#sub-navigation ul li ul li.current_page_item a {
	color: #EE3243;
	font-weight: normal;
}
#sub-navigation ul li ul li ul {
	display: none;
}
#sub-navigation ul li ul li ul li {
	margin-top: 2px;
	margin-bottom: 0;
	padding: 0;
}
#sub-navigation ul li ul li.current_page_item ul, #sub-navigation ul li ul li.current_page_parent ul {
	display: block;
	margin-top: 3px;
}
#sub-navigation ul li ul li.current_page_item ul li a, #sub-navigation ul li ul li.current_page_parent ul li a {
	color: #909090;
	line-height: 13px;
}
#sub-navigation ul li ul li.current_page_parent ul li.current_page_item a {
	color: #EE3243;
}




#question-box {
	background: #ffffff;
	border: solid 1px #e0e0e0; /* #c0c0c0 */
	background-image: url('../images/question-mark.png');
	background-position: top right;
	background-repeat: no-repeat;
	background-color: #ffffff;
			border-radius: 3px;
			-webkit-border-radius: 3px;
			-opera-border-radius: 3px;
			-moz-border-radius: 3px;
	float: right;
	font-size: 13px;
	margin-top: 15px;
	width: 180px;
}
#question-box .wrapper {
	margin-top: 6px;
	margin-left: 8px;
	margin-right: 8px;
	margin-bottom: 8px;
}
#question-box p {
	color: #808080;
	font-size: 12px;
	line-height: 15px;
}
#question-box p.question {
	color: #404040;
	font-weight: normal;
	width: 120px;
}
#question-box img {
	margin-left: 15px;
	float: right;
}



#main:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


#main-content {
	background-color: #ffffff;
	background-image: url('../images/header-shading-background-2.png');
	background-repeat: repeat-x;
			border-radius: 3px;
			-webkit-border-radius: 3px;
			-opera-border-radius: 3px;
			-moz-border-radius: 3px;
	border-top: solid 1px #86225C;
	border-left: solid 1px #86225C;
	border-bottom: solid 1px #86225C; /* #c0c0c0 */
	border-right: solid 1px #86225C; /* #c0c0c0 */
	float: left;
	font-size: 13px;
	line-height: 150%;
	width: 701px;
}
#main-content .wrapper {
	margin-top: 25px;
	margin-left: 30px;
	margin-right: 30px;
	margin-bottom: 25px;
}

#main-content h1 {
	color: #86225C;
	font-weight: normal;
	font-size: 28px;
	line-height: 100%;
	padding-top: 0;
	margin-top: 0;
	margin-bottom: 12px;
}
#main-content h1 a {
	color: #86225C;
	cursor: default;
	font-weight: normal;
	font-size: 28px;
	line-height: 100%;
	padding-top: 0;
	margin-top: 0;
	margin-bottom: 12px;
	text-decoration: none;
}
#main-content h1 a:hover {
	color: #86225C;
}

#main-content h2, #main-content h2 a {
	color: #86225C;
	font-weight: normal;
	font-size: 20px;
	margin-top: 25px;
	margin-bottom: 10px;
	text-align: left;
}
#main-content h3 {
	color: #86225C;
	font-size: 15px;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 8px;
}
#main-content p {
	color: #202020;
	margin-top: 0px;
	margin-bottom: 10px;
}
#main-content p#frontpage-text {
	margin-top: 20px;
	margin-bottom: 15px;
}


#main-content img.alignleft {
	border: solid 1px #808080;
	margin-top: 5px;
	margin-right: 15px;
	margin-bottom: 4px;
}

#main-content ul {
	list-style-type: none;
	list-style-image: url('../images/arrow-purple-big.png');
	list-style-position: outside;
	margin-top: 0;
	margin-left: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	padding: 0;
}
#main-content ul li {
	color: #606060;
	margin: 0;
	margin-left: 15px;
	padding: 0;
}
#main-content ol {
	color:
	list-style-type: decimal;
	list-style-position: outside;
	margin-top: 20px;
	margin-left: 30px;
	margin-right: 100px;
	margin-bottom: 10px;
	padding: 0;
}
#main-content ol li {
	margin: 0;
	margin-left: 20px;
	margin-bottom: 10px;
	padding: 0;
	padding-left: 10px;
}
#main-content li a {
	color: #86225C;
}
#main-content #main-introduction {
	margin: 0 auto;
	margin-top: 0px;
	margin-bottom: 30px;
	padding-top: 0px;
	text-align: center;
	width: 550px;
}
#main-content #main-introduction p {
	color: #606060;
	font-size: 14px;
	line-height: 125%;
	letter-spacing: 0px;
}

#main-content .split {
	clear: both;
	margin-top: 0px;
	margin-bottom: 5px;
	width: 100%;
}
#main-content .split h2 {
	text-align: center;
}
#main-content .split .left {
	float: left;
	width: 290px;
}
#main-content .split .right {
	float: right;
	width: 290px;
}
#main-content .split ul {
	margin-bottom: 0;
}

#main-content .image-left {
	background-position: left top;
	background-repeat: no-repeat;
	height: 75px;
	padding-left: 125px;
	padding-right: 150px;
}


#main-content ul.buttons { 
	list-style: none;
	margin: 0;
	margin-top: 20px;
	padding-left: 0px;
}
#main-content ul.buttons li { 
	float: left;
	margin: 0px;
	margin-right: 15px;
}
#main-content ul.buttons li a { 
	background-image: url('../images/button-purple-background.gif');
			border-radius: 3px;
			-webkit-border-radius: 3px;
			-opera-border-radius: 3px;
			-moz-border-radius: 3px;
	padding: 5px 24px 6px 25px;
	display: block;
	line-height: 100%;
	text-decoration: none;
	color: #fff;
	margin-left: 1px;
}
#main-content ul.buttons li a:hover {
	background-image: url('../images/button-red-background.gif');
}
#main-content ul.buttons li.current_page_item a, #navigation ul li.current_page_parent a, #navigation ul li.current_page_ancestor a {
	background-image: url('../images/button-red-background.gif');
	color: #fff;
	cursor: default;
}
#main-content ul.buttons:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#main-content .infobox {
	background: #e0e0e0;
	border: solid 1px #c0c0c0;
	float: right;
	margin-left: 15px;
	margin-bottom: 10px;
	padding: 6px 9px;
	width: 200px;
}
#main-content .biginfobox {
	background: #e0e0e0;
	border: solid 1px #c0c0c0;
	color: #404040;
	float: right;
	margin-left: 25px;
	margin-bottom: 10px;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 8px;
	padding-bottom: 5px;
	width: 45%;
}
#main-content .leftinfobox {
	background: #f0f0f0;
	border: solid 1px #c0c0c0;
	color: #404040;
	margin-left: 0px;
	margin-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 6px;
	padding-bottom: 3px;
	width: 60%;
}


#main-content .biginfobox h2 {
	margin-top: 5px;
}
#main-content .biginfobox h3 {
	margin-top: 5px;
}


#main-content .intro {
	text-align: center;
	margin-bottom: 25px;
}
#main-content .intro h1 {
}
#main-content .intro p {
	padding-left: 50px;
	padding-right: 50px;
	font-weight: bold;
}

table {
	border: 0;
	border-collapse: collapse;
}

table.content {
	width: 100%;
}
table.content tr th p {
}

table.content tr td.left {
	padding-right: 15px;
	width: 50%;
}

table.content tr td.right {
	padding-left: 15px;
	width: 50%;
}
table.content tr td.intro {
	padding-top: 20px;
	padding-bottom: 5px;
}

table.needs-to-results {
	width: 100%;
}
table.needs-to-results tr th {
	padding-left: 10px;
	padding-right: 10px;
}
table.needs-to-results tr td {
	padding-left: 10px;
	padding-right: 10px;
	width: 33.3%
}
table.needs-to-results h2 {
	font-size: 15px;
	font-weight: normal;
	text-align: center;
}

table.expert {
	margin-top: 15px;
	margin-bottom: 0px;
}
table.expert td {
	padding-right: 15px;
	padding-bottom: 15px;
}
#main-content table.expert td p {
	margin-bottom: 5px;
}



/* Main-image
------------------------- */

#main-image {
	border: solid 1px #808080;
	float: right;
}
#myGallery
{
	width: 350px !important;
	height: 225px !important;
}



/* Information-bar
------------------------- */

#information-bar {
	margin-top: 24px;
}
#information-bar p {
	margin-bottom: 5px;
}
#information-bar p.last {
	margin-bottom: 0px;
}
#information-bar table.columns td {
	padding-left: 15px;
	padding-right: 15px;
	border-right: dotted 1px #e0e0e0;
	width: 34%;
}
#information-bar table.columns td.right {
	border: 0;
}
#information-bar table.news td {
	width: 15%;
	padding-left: 0;
	padding-right: 0;
	padding-top: 5px;
	border: 0;
}
#information-bar table.news td.right {
	width: 85%;
	padding-left: 0;
	padding-right: 0;
	padding-top: 5px;
	border: 0;
}
#information-bar h3 {
	color: #86225C;
	font-size: 13px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 5px;
}

#information-bar #overtuigtip {
	text-align: center;
	padding-top: 30px;
}

#information-bar #overtuigtip a .button {
	background: #EE3243;
	background-image: url('../images/button-red-background.gif');
	background-position: bottom left;
	background-repeat: repeat-x;
	border-radius: 3px;
		-webkit-border-radius: 3px;
		-opera-border-radius: 3px;
		-moz-border-radius: 3px;
	color: #ffffff;
	font-size: 13px;
	font-weight: bold;
	margin: 10px auto;
	padding: 10px 10px;
	text-align: center;
	width: 200px;
}
#information-bar #overtuigtip a:hover .button {
	background: #86225C;
	background-image: url('../images/button-purple-background.gif');
	background-position: bottom left;
	background-repeat: repeat-x;
}

#solutions {
	font-size: 12px;
	line-height: 150%;
	float: left;
	width: 543px;
}
#solutions_panes {
	width: 541px;
}
#solutions_header li.active {
	color: #EE3243;
	font-size: 15px;
}
#solutions .pane td.left {
	padding-right: 50px;
	vertical-align: top;
	width: 75%;
}
#solutions .pane td.right {
	padding-left: 0px;
	vertical-align: top;
	width: 25%;
}
#solutions .pane .wrapper .sidebar {
	float: right;
	margin-left: 25px;
	width: 160px;
}


#news {
	font-size: 12px;
	line-height: 140%;
}
#news_panes {
}
#news_header li.active {
	color: #86225C;
	font-size: 15px;
}



#training {
	font-size: 12px;
	line-height: 150%;
	float: right;
	width: 910px;
}

#training_panes {
	width: 908px;
}
#training_header li.active {
	color: #86225C;
	font-size: 15px;
}

#interaction {
	font-size: 12px;
	line-height: 140%;
	float: right;
	width: 910px;
}

#interaction_panes {
	width: 908px;
}
#interaction_header li.active {
	color: #86225C;
	font-size: 15px;
}

#solutions_header ul, #news_header ul, #training_header ul, #interaction_header ul {
	padding: 0;
	margin: 0;
}
#solutions_header, #news_header, #training_header, #interaction_header {
	margin-bottom: 6px;
	text-align: center;
}
#solutions_header *, #news_header *, #training_header *, #interaction_header * {
	display: inline;
	padding: 0 10px;
	user-select: none;
	vertical-align: middle;
}
#solutions_header li, #news_header li, #training_header li, #interaction_header li {
	color: #808080;
	cursor: pointer;
	font-size: 13px;
}
#solutions_panes, #news_panes, #training_panes, #interaction_panes {
	border: solid 1px #e0e0e0; /* #c0c0c0 */
	background-color: #ffffff;
			border-radius: 3px;
			-webkit-border-radius: 3px;
			-opera-border-radius: 3px;
			-moz-border-radius: 3px;
	color: #606060;
}

.pane p {
	margin-top: 0px;
	margin-bottom: 4px;
}
#main .pane img.alignleft {
	margin-right: 10px;
	margin-bottom: 3px;
}

#news .pane .wrapper, #solutions .pane .wrapper, #training .pane .wrapper, #interaction .pane .wrapper {
	margin-top: 15px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
}

#news .pane table, #solutions .pane table, #training .pane table, #interaction .pane table {
	width: 100%;
}

#news .pane ul, #solutions .pane ul, #training .pane ul, #interaction .pane ul {
	list-style-type: none;
	list-style-image: url('../images/arrow-purple.gif');
	list-style-position: outside;
	margin-top: 0;
	margin-left: 10px;
	margin-right: 0px;
	margin-bottom: 4px;
	padding: 0;
}
#news .pane li, #solutions .pane li, #training .pane li, #interaction .pane li {
	margin: 0;
	margin-left: 10px;
	padding: 0;
}

#information-bar .list {
	padding-top: 3px;
	padding-left: 6px;
	padding-bottom: 3px;
}
#information-bar .icon {
	background-position: center left;
	background-repeat: no-repeat;
	height: 16px;
	padding-left: 22px;
	vertical-align: bottom;
}
#information-bar .icon p {
	margin-top: 1px;
	margin-bottom: 0px;
}
#information-bar #phone {
	background-image: url('../images/icon-phone-16x16-bw.png');
}
#information-bar #mail {
	background-image: url('../images/icon-mail-16x16-bw.png');
}
#information-bar #notepad {
	background-image: url('../images/icon-notepad-16x16-bw.png');
}



/* Bottom-bar
------------------------- */

#bottom-bar {
	background-color: #ffffff;
	background-image: url('../images/bottom-bar-background-2.png');
	background-position: bottom left;
	background-repeat: repeat-x;
	border-left: solid 1px #e0e0e0;
	border-top: solid 1px #e0e0e0;
	border-right: solid 1px #e0e0e0; /* #c0c0c0; */
	border-bottom: solid 1px #e0e0e0; /* #c0c0c0; */
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-opera-border-radius: 3px;
	-moz-border-radius: 3px;
	clear: both;
	color: #808080;
	font-size: 12px;
	line-height: 15px;
	height: 100px;
	margin-top: 30px;
}
#bottom-bar:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#bottom-bar ul { 
	list-style: none;
	margin-left: 0px;
	margin-top: 0px;
	padding-left: 0px;
}
#bottom-bar ul li { 
	float: left;
	height: 100px;
	vertical-align: middle;
	width: 225px;
}

#bottom-bar ul li h4 {
	font-size: 13px;
	line-height: 1em;
	font-weight: bold;
	margin-top: 13px;
	margin-bottom: 6px;
	padding: 0;
	text-align: center;
}
#bottom-bar ul li h4 a {
	color: #404040;
}
#bottom-bar ul li h4 a:hover {
	color: #86225C;
	text-decoration: none;
}
#bottom-bar p {
	margin-top: 0px;
	margin-bottom: 4px;
	padding: 0;
	text-align: center;
}
#bottom-bar ul li p a {
	color: #808080;
}
#bottom-bar ul li p a:hover {
	color: #EE3243;
	text-decoration: none;
}
#bottom-bar ul li.box1 {
	border-right: solid 1px #E0E0E0;
	width: 226px;
}

#bottom-bar ul li.box2, #bottom-bar ul li.box3 {
	border-left: solid 1px #FFFFFF;
	border-right: solid 1px #E0E0E0;
}
#bottom-bar ul li.box4 {
	border-left: solid 1px #FFFFFF;
	width: 226px;
}
#bottom-bar img {
	border: none;
	margin-top: 6px;
}
#bottom-bar img#nrchandelsblad-logo {
	margin-top: 10px;
}
#bottom-bar img#quote-logo {
	margin-top: 9px;
}
#bottom-bar img#nos-logo {
	margin-top: 6px;
}
#bottom-bar img#nrcnext-logo {
	margin-top: 9px;
}
#bottom-bar img.alignright {
	margin-left: 10px;
}

#bottom-bar a.black {
	font-weight: bold;
}
#bottom-bar a.black:hover {
	color: #EE3243;
	text-decoration: none;
}



/* Footer
------------------------- */

#footer {
	clear: both;
	margin-top: 20px;
	color: #808080;
	font-size: 11px;
}
#footer #copyright {
	float: left;
	width: 450px;
}
#footer #admin-panel {
	float: right;
	text-align: right;
	width: 450px;
}
#footer #admin-panel a {
	color: #808080;
}
#footer p {
	margin-top: 0;
	margin-bottom: 2px;
	padding: 0;
}

