/*
 * - Defaults ------------------------------------------------------------- {{{1
 */

html {
	background-color: #f6f6f6;
	background-image: url('/media/background/background-inner-950.png');
	background-repeat: repeat-y;
	background-position: center top;
	background-attachment: fixed;
}

body {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 8pt;
	color: #333;
}

blockquote,
label,
div,
pre,
h1,
h2,
h3,
h4,
ol,
p,
li,
ul,
dl,
form {
	margin: 0px;
	padding: 0px;
}

p {
	margin-bottom: 8pt;
}

p.intro {
	font-weight: bold;
}

p.more {
	background-image: url('/media/stock/bullet.gif');
	background-position: 0px 6pt;
	background-repeat: no-repeat;
	border-bottom: 1px solid #ccc;
	margin-bottom: 15px;
	margin-top: -5px;
	padding-top: 3px;
	padding-left: 8px;
}

p.date {
	border-bottom: 1px solid #ccc;
	color: #999;
	font-size: 8pt;
	margin-bottom: 5px;
	padding-bottom: 5px;
}

p.attribution {
	color: #999;
}

p.more a:link,
p.more a:visited,
p.date a:link,
p.date a:visited {
	text-decoration: none;
	color: #999;
 color: #121c4d;
}

p.more a:visited {
 color: #666;
}

p.image {
	margin: 5px 0px;
	text-align: center;
}

p.justify {
 text-align: justify;
}

p.image-left {
	float: left;
	padding: 3px 3px 3px 0px;
	margin-right: 5px;
	margin-bottom: 5px;
}

p.image-right {
	float: right;
	padding: 3px 0px 3px 3px;
	margin-left: 5px;
	margin-bottom: 5px;
}

p.caption {
	text-align: center;
	margin-top: -5px;
	margin-bottom: 15px;
	font-size: 7pt;
}

h1 {
	color: #f60;
	font-size: 13pt;
	font-weight: bold;
	margin-top: 14px;
	margin-bottom: 8px;
}

h2 {
	color: #f60;
	font-size: 9pt;
	font-family: Verdana, sans-serif;
	font-weight: bold;
	margin-top: 5px;
}

h2.center {
	text-align: center;
}

h3 {
	color: #333;
	font-size: 8pt;
	font-weight: bold;
	margin-top: 5px;
}

h3 a:link,
h3 a:visited {
	color: #333;
}

ul,
ol {
	list-style-image: url('/media/stock/bullet.gif');
	list-style-position: inside;
	list-style-type: none;
	text-indent: 0px;
}

a:link,
a:visited {
	text-decoration: underline;
	color: #333;
}

a:visited {
	color: #999;
}

a img {
	border-width: 0px;
}


/*
 * - Wrapper -------------------------------------------------------------- {{{1
 */

div#wrapper {
	background-color: white;
	clear: both;
	margin: 0px auto;
	width: 950px;
}

/*
 * - Logo ----------------------------------------------------------------- {{{1
 */

div#logo {
	padding-top: 10px;
	text-align: right;
}

#logo img {
	border-width: 0px;
}


/*
 * - Language selection --------------------------------------------------- {{{1
 */

div#languageselection {
 height: 0px;
 margin: 0;
 float: left;
}

div#languageselection p {
	color: #f5812b;
 padding-left: 15px;
 padding-top: 28px;
}

div#languageselection a:link,
div#languageselection a:active,
div#languageselection a:visited,
div#languageselection a:active {
	color: #f5812b;
 font-weight: normal;
 text-decoration: none;
}

div#languageselection a:active {
 text-decoration: underline;
}


/*
 * - Navigation ----------------------------------------------------------- {{{1
 */

div#navigation {
	background-color: #f5812b;
	color: white;
	height: 30px;
	margin-bottom: 2px;
	margin-top: 2px;
	cursor: default;
}

#navigation ul {
	font-weight: bold;
	list-style: none;
	padding: 0px;
	margin-right: 15px;
}

#navigation ul li {
	float: left;
	font-weight: bold;
	position: relative;
	width: 165px;
}

#navigation ul li.right {
	float: right;
	width: auto;
	list-style-image: none;
}

#navigation ul li a:link,
#navigation ul li a:visited {
	color: white;
	display: block;
	font-weight: bold;
	padding: 7px 15px;
	text-decoration: none;
}

#navigation ul li.right a:link,
#navigation ul li.right a:visited {
	padding: 7px 11px;
}

#navigation ul li ul {
	display: none;
	left: 0px;
	list-style-image: none;
	padding-top: 3px;
	padding-top: expression('6px'); /* IE hack */
	position: absolute;
	top: 100%;
	width: 200px;
}

#navigation ul li>ul {
	top: auto;
	left: auto;
}

#navigation ul li:hover ul,
#navigation ul li.hover ul {
	display: block;
}

#navigation ul li ul li {
	display: block;
	float: none;
	margin-left: 0px;
	margin-left: expression('-16px'); /* IE hack */
	padding: 0px;
}

#navigation ul li ul li a:link,
#navigation ul li ul li a:visited {
	background-color: #f5812b;
	border: 1px solid white;
	display: block;
	font-weight: normal;
	margin-top: -1px;
	padding: 5px 10px;
	width: 169px;
}

#navigation ul li ul li a:hover {
	background-color: white;
	color: #f5812b;
}

/*
 * - Header --------------------------------------------------------------- {{{1
 */

div#header {
	background-color: #a7a4be; /* Lichtpaars */
	background-color: #524a7b; /* Alternatieve donkerblauw */
	background-color: #121c4d; /* ORTEC donkerblauw */
	clear: both;
	color: white;
	height: 163px;
	padding-left: 205px;
}

#header #intro {
	float: left;
	height: 123px;
	padding: 10px;
	padding-top: 30px;
	width: 280px;
}

#header #intro h2 {
	color: white;
	font-size: 9pt;
	font-weight: bold;
}

#header #intro blockquote {
	font-weight: bold;
}

#header #intro blockquote p {
	font-size: 11pt;
}

#header #intro p.who {
	font-size: 9pt;
	font-style: normal;
	text-align: right;
	padding-right: 10px;
}

#header #picture {
	float: right;
	/* picture dimensions: 430x163 */
 background-repeat: no-repeat;
 background-position: top right;
 background-image: url('/media/header/meetingroom.jpg');
	height: 163px;
	width: 430px;
}


#header #picture img,
#header #picture object {
	display: block;
	height: 100%;
	width: 100%;
}


/*
 * - Content -------------------------------------------------------------- {{{1
 */

div#content {
	padding: 0px 15px;
	float: left;
	line-height: 155%;
}

div#leftcolumn {
	clear: both;
	float: left;
	width: 200px;
}

div#rightcolumn {
	float: right;
	width: 210px;
}

div#content dl,
div#content ol,
div#content ul
{
	margin-bottom: 8pt;
}

#content ul {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	text-indent: 0px;
}

#content li {
	background-image: url('/media/stock/bullet.gif');
	padding-left: 8px;
	background-position: 0% .5em;
	background-repeat: no-repeat;
}


/*
 * - Styled Text blocks --------------------------------------------------- {{{1
 */


div.special,
div.download,
div.extra,
div.seealso {
	padding: 5px;
	background-color: #dbdadc;
}

div.download {
	padding: 0px;
	background-color: white;
}

div.extra { 
	padding: 0px;
	background-color: #121c4d; /* ORTEC donkerblauw */
}

div.special h2,
div.extra h2,
div.seealso h2 {
	margin-top: 0px;
	margin-bottom: 5px;
}

div.download h2 {
	background-color: #f5812b; /* ORTEC oranje */
	color: white;
	font-family: Arial, sans-serif;
	font-size: 10pt;
	padding: 2pt 8pt;
	text-transform: uppercase;
}

div.special p.more,
div.download p.more,
div.extra p.more {
	border-top: none; /* no line */
}

div.download ul {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	text-indent: 0px;
	padding-left: 13px;
	padding-top: 8px;
	padding-bottom: 8px;
}

div.download li {
	background-image: url('/media/stock/bullet.gif');
	padding-left: 8px;
	background-position: 0% .5em;
	background-repeat: no-repeat;
}


/*
 * - Forms ---------------------------------------------------------------- {{{1
 */

#content form {
}

#content form label {
	float: left;
	padding-top: 5px;
	width: 120px;
}

#content form input,
#content form textarea {
	border: 1px solid #333;
	padding: 2px;
	width: 250px;
}

#content form textarea {
	font-size: 8pt;
}

/* IE barft hierop :( */
/* #content form input[type="checkbox"], */
#content form input.checkbox {
	border: none;
	width: auto;
	margin: 0;
	margin-right: 5px;
}

/* IE barft hierop :( */
/* #content form input[type="submit"], */
#content form input.submit {
	background-color: #ddd;
	cursor: pointer;
	width: auto;
}

#content form p.form-error,
#content form p.form-control-error {
	color: #ef2929;
	margin-bottom: 0px;
	font-weight: bold;
}

#content form p.form-description {
}

/*
 * - Subnavigation -------------------------------------------------------- {{{1
 */

div.subnavigation {
	background-color: white;
	margin: 5px 0px;
}

div.subnavigation h2 {
}

div.subnavigation h2 a:link,
div.subnavigation h2 a:visited {
	background-color: #f5812b;
	color: white;
	display: block;
	font-family: Arial, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	margin: 0px;
	padding: 8pt 8pt;
	text-transform: uppercase;
}

div.subnavigation ul {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

div.subnavigation ul li {
	display: inline;
}

div.subnavigation ul li a:link,
div.subnavigation ul li a:visited {
	background-color: #fbcdab;
	display: block;
	font-size: 8pt;
	font-weight: bold;
	margin: 2px 0px;
	padding: 5px 8pt;
}

div.subnavigation li a.active {
}

div.subnavigation ul li ul {
	background-color: #fde6d5;
	padding-top: 4pt;
	padding-bottom: 4pt;
	margin-top: 2px;
}

div.subnavigation ul li ul li {
	margin: 0px;
}

div.subnavigation ul li ul li a:link,
div.subnavigation ul li ul li a:visited {
	background-color: #fde6d5;
	background-image: url('/media/stock/bullet.gif');
	background-position: 8pt .5em;
	background-repeat: no-repeat;
	font-family: Verdana, Arial, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	letter-spacing: 0px;
	padding: 0px 16pt;
	text-transform: none;
}

div.subnavigation ul li ul li.active a:link,
div.subnavigation ul li ul li.active a:visited {
	letter-spacing: -1px;
	font-weight: bold;
}

div.subnavigation a:link,
div.subnavigation a:visited {
	text-decoration: none;
	color: #333;
}

/*
 * - Search box ----------------------------------------------------------- {{{1
 */

div.searchbox {
	background-color: #524a7b;
	padding: 10px;
	margin: 5px 0px;
}

div.searchbox input {
	border: 1px solid #333;
	color: #666;
	font-size: 11px;
	margin-bottom: 2px;
	margin-top: 2px;
	padding: 3px;
}

div.searchbox input.submit {
	background-color: transparent; 
	background-color: white;
	background-image: url('/media/stock/SearchBtn.gif'); 
	background-position: bottom; 
	background-repeat: repeat; 
	border-width: 0px; 
	color: white;
	font-family: Arial, sans-serif;
	font-size: 10pt; 
	font-weight: bold; 
	height: 19px; 
	padding: 0px;
	text-align: right;
	width: 72px; 
}


/*
 * - News headlines ------------------------------------------------------- {{{1
 */

div.news-headlines {
	margin: 5px 0px 15px 0px;
}

div.news-headlines h2 {
	background-color: #f5812b;
	color: #f60;
	color: white;
	display: block;
	font-family: Arial, sans-serif;
	font-size: 10pt;
	font-size: 10pt;
	font-weight: bold;
	margin: 0px 0px;
	margin-bottom: 5px;
	margin-top: 2px;
	padding: 2pt 8pt;
	text-transform: uppercase;
}

div.news-headlines h3 {
	font-weight: normal;
	font-size: 8pt;
	margin: 2px 8px;
}

div.news-headlines h3 a:link,
div.news-headlines h3 a:visited {
	color: #333;
	padding: 6px 0pt;
	text-decoration: none;
}

div.news-headlines p.more {
	/* no line, because p.date already displays a line */
	border-top: none;
	margin: 0px 13px;
}

div.news-headlines p.date {
	margin: 0px 8px;
}