/*  flatten everything, every browser will look the same (bad) */

html, body, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, table, p, td, div, span, img, form, fieldset, legend {
	margin: 0;
	padding: 0;
	border: 0;
}

body {
	margin: 0;
	padding: 0;
	text-align: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: 14pt;  
	color: black;
	background: #8FA958;
	background-image: url('/images/body-background.png');
	background-repeat: repeat-x;
	background-position: top;
}

h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18pt;
	line-height: 21pt;
	color: white;
	margin-bottom: 18pt;
}

h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13pt;
	line-height: 14pt;
	color: white;
	margin-top: 14pt;
	margin-bottom: 7pt;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: black;
	font-weight: bold;
	clear: both;
}

h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11pt;
}

ul, ol {
	padding-left:25px;
	margin-top:0px;
	line-height: 14pt;
	
}


p {
	margin-bottom: 7pt;
	line-height: 14pt;
}


#container {
	text-align: left; 
	margin-left:0; 
	margin-right: auto; 
	padding: 0; 
	border: 0; 
	width: 1000px;
}
#header {
	margin: 0;
	padding: 0;
	width: 1000px;
	height: 106px;
	background-image: url('/images/header.png');
	background-position: left;
	background-repeat: no-repeat;
	background-color: white;
}

#menu {
	/*	padding: .2em;   */
	padding-left:100px;
	padding-top:64px;
	text-align:left;
	background: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	width: 600px;
}

#logolink {
	position: absolute;
	top: 0;
	left: 725px;
	/*	background-color: red;
	opacity: 0.25;  */
}

#logolink a {
	display: block;
	width: 236px;
	height: 100px; 
}

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

#menu li {
	display: inline;
}


/* menu kleuren  */


a#about:hover, .aboutactive {
	color: #abcc6b;
	background-image: url('/images/bg_dots_green.png');
}

a#crisis:hover, .crisisactive {
	color: #32b8dc;
	background-image: url('/images/bg_dots_blue.png');
}

a#offer:hover, .offeractive {
	color: #d65347;
	background-image: url('/images/bg_dots_red.png');
}

a#cases:hover, .casesactive {
	color: #9c3e78;
	background-image: url('/images/bg_dots_purple.png');
}

a#members:hover, .membersactive {
	color: #ff9449;
	background-image: url('/images/bg_dots_orange.png');
}

a#contact:hover, .contactactive {
	color: #72562a;
	background-image: url('/images/bg_dots_brown.png');
}

#menu a {
	float: left;
	padding-bottom: 8px;
	background-repeat: no-repeat;
	background-position: bottom center;
	margin-right: 2em;
	text-decoration: none;
	font-weight: bold;
}

a { 
	color : #000000;
}

#content {
	background-color:#a1be63;   
	text-align:left;
	padding-left:100px; 
	padding-top:50px;
	padding-bottom:20px;
	padding-right: 15px; /* width of slewed background image */
	margin-top:0;
	width: 900px;
	background-image: url('/images/bg_content2.png');
	background-repeat: no-repeat;
	background-position: top right;
}

#content-left  {
	text-align:left;
	width: 600px;
	margin-top: 20px;
}

/* wordt gebruikt voor lichte vlak bij Crisis en Cases  */

div.case {
	margin-bottom: 28pt;
}

div.framedText, div.case {
	background-color:#bdd48d;
	width: 600px;
	padding: 10pt 10pt 10pt 10pt;
	margin: 7pt 0 28pt 0;
}

div.framedText h2, div.case h2 {
	margin-top: 0;
	font-weight: normal;
	margin-bottom: 14pt;
}

div.framedText h3, div.case h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: white;
	font-weight: bold;
	font-style: italic;
}

div.offerLeft {
	color: #EDFEC5;
	width: 290px;
	padding-right: 10px;
	float: left;
	margin-bottom: 14pt;
}

div.offerRight {
	color: #EDFEC5;
	width: 300px;
	float: right;
	margin-bottom: 14pt;
	
}

.contact {
	margin-bottom: 28pt;
}

.contact div.flag {
	float: left;
}

.contact .address {
	margin-left: 40px;
	padding-top: 2px;
}

.contact .eu {
	float:right;
	margin-right:100px;
}

.contact h2 {
	font-size: 10pt;
	margin-top: 0;
}

.home {
	margin-top: 28pt;
	margin-bottom:60pt;
}

.home p {
	color:white;
	font-size: 16pt;
	line-height: 26pt;
	font-weight:bold;
}
.home a {text-decoration:none;
	color:white;
}

.members p {
	color:#EDFEC5;
}  
.members a {
	text-decoration:underline;
	color:#EDFEC5;
}

.members a:hover {
	text-decoration:none;
	color:#EDFEC5;
}

.members2 {
	margin-bottom: 28pt;
	/*	background-color: red;
	opacity: 0.25;  */
}

.members2 .textfirm {
	margin-right: 220px;
}

.members2 .logofirm {
	margin-left: 20px;
	margin-bottom: 80px;
	float:right;
}

.cases a {
	text-decoration:underline;
	color:black;
}

.cases a:hover {
	text-decoration:none;
	color:black;
}

#footer {
	clear: both;
	height: 1px;
}

#breadCrumb {
	top:120px;
	padding-left:0px;
	text-align:left;
	position:absolute;
	font-size: 12px;
	line-height: 12px;
	color: #cccccc;
}

#breadCrumb a {
	color: #cccccc;
	text-decoration:none;
}