html
{
}

body
{
	color: #000;
	font-family: Verdana,Arial;
	font-size: 11px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	margin: 18px 0px 0px 18px;
	padding: 0px;
	background-color: #FFF;
}

/*
container table

	ja lekker tabellen, divjes zuigen als je weinig tijd hebt
	en het moet ook nog eens draaien in de moeder van alle
	fokked op browsers werken :P
*/

#outer
{
}

#outer td.border_l
{
	border-color: #134A45;
	border-width: 0px 0px 0px 1px;
	border-style: solid;
}

#icon1Layer
{
	background-color: #fff;
	padding: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #144A45;
	border: 1px solid #144A45;
	visibility: hidden;
	position: absolute;
	width: 140px;
	z-index: 3;
	left: 313px;
	top: 65px;
}

#icon2Layer
{
	background-color: #fff;
	padding: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #144A45;
	border: 1px solid #144A45;
	visibility: hidden;
	position: absolute;
	width: 180px;
	z-index: 3;
	left: 313px;
	top: 65px;
}

#icon3Layer
{
	background-color: #fff;
	padding: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #144A45;
	border: 1px solid #144A45;
	visibility: hidden;
	position: absolute;
	width: 200px;
	z-index: 3;
	left: 313px;
	top: 65px;
}

#icon4Layer
{
	background-color: #fff;
	padding: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #144A45;
	border: 1px solid #144A45;
	visibility: hidden;
	position: absolute;
	width: 140px;
	z-index: 3;
	left: 313px;
	top: 65px;
}

#icon5Layer
{
	background-color: #fff;
	padding: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #144A45;
	border: 1px solid #144A45;
	visibility: hidden;
	position: absolute;
	width: 200px;
	z-index: 3;
	left: 313px;
	top: 65px;
}

#header
{
}

#header td div.logo
{
	/* width: 354px; */
	margin: 0px 0px 0px 0px;
	height: 37px;
	background-image: url(gui/header_icons.gif?zz);
	background-position: left 50%;
	background-repeat: no-repeat;
}

#header td div.search
{
	height: 30px;
	font-size: 10px;
	color: #134A45;
	padding: 4px;
	border-color: #134A45;
	border-width: 0px 0px 0px 1px;
	border-style: solid;
}

#header td div.search input
{
	font-family: Verdana,Arial;
	font-size: 11px;
	width: 98px;
	border-color: #134A45;
	border-width: 1px;
	border-style: solid;
	vertical-align: middle;
	/* text-transform: inherit; hierop crashed macIE5... cool :P  (alles osX jammer genoeg) */
}

#header td div.search go
{
	font-family: Verdana,Arial;
	font-size: 11px;
	color: #134A45;
	width: 20px;
	height: 22px;
	background-color: #fff;
	border-color: #134A45;
	border-width: 1px;
	border-style: solid;
	vertical-align: middle;
}

#header td div.special_l
{
	height: 34px;
	font-size: 10px;
	color: #134A45;
	padding: 4px 4px 0px 10px;
	border-color: #134A45;
	border-width: 0px 0px 0px 1px;
	border-style: solid;
}

#header td div.special_r
{
	font-size: 10px;
	color: #134A45;
	padding: 4px 4px 0px 4px;
}

#header td div.special_l a, #header td div.special_r a
{
	display: block;
	color: #134A45;
	line-height: 14px;
}

#header td div.special_l a span.hi, #header td div.special_r a span.hi
{
	font-weight: bold;
}

#menubar td div.print
{
	float: right;
}

/*
- donker groen: 134A45

- red: EF1209;
- yellow: E69600;
- green: 808902;
- purple: AB017E;

*/

/* content */
#content td div.vertical_menu
{
}

#content td div.text_holder
{
	width: 360px;
}

#content div.searchtext_holder a
{
	color: #134A45;
}

/* workshops */
#content td.workshop
{
	border-color: #134A45;
	border-width: 0px 0px 0px 1px;
	border-style: solid;
	width: 186px;
}

#content td div.workshop_holder
{
	width: 360px;
}

#content td div.workshop_holder h2
{
	margin: 0px 0px 12px 0px;
}

/* workshops rechterkolom */
#content td div.workshop_container
{
	padding: 0px 8px 0px 8px;
}

#content td div.workshop_container p.quotes_title
{
	padding: 2px 8px 3px 8px;
	background-color: #E18F1D;
	color: #FFF;
	font-size: 10px;
	margin: 0px 0px 0px 0px;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: bold;
}

#content td div.workshop_container p.quotes
{
	padding: 8px;
	background-color: #FFEFAB;
	font-family: Times;
	color: #555555;
	font-size: 12px;
	margin: 0px 0px 8px 0px;
	line-height: 120%;
}

#content td div.workshop_container p.quotes br
{
	/* margin: 0px 0px 8px 0px; */
	line-height: 50%;
}

#content td div.workshop_container p.quotes strong, #content td div.workshop_container p.quotes b
{
	font-family: Verdana,Arial;
	color: #0D3A35;
	font-size: 10px;
}

#content td div.workshop_holder p, #content td div.workshop_container p
{
	font-size: 10px;
	margin: 0px 0px 12px 0px;
}

#content td div.workshop_holder td, #content td div.workshop_container td
{
	font-size: 10px;
}

p.red strong
{
	color: #EF1209;
}

p.red strong.box
{
	display: block;
	padding: 4px;
	color: #EF1209;
	border-color: #EF1209;
	border-width: 1px;
	border-style: solid;
	/* margin: 0px 0px 4px 0px; */
}

p.yellow strong
{
	color: #E69600;
}

p.green strong
{
	color: #808902;
}

p.purple strong
{
	color: #AB017E;
}

/* images */
#content td div.img_container
{
	/* width: 360px; */
	/* margin: 0px 10px 10px 0px;	 */
	margin: 0px 0px 0px 8px;
}

#content td div.img_container div
{
	border-color: #134A45;
	border-width: 1px;
	border-style: solid;
	width: 168px;
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 5px 0px;
}

#content td div.img_container div img
{
	display: block;
	margin: 0px;
	padding: 0px;
	line-height: 0px;
	width: 168px;
}

/*
- donker groen: 134A45

- red: EF1209;
- yellow: E69600;
- green: 808902;
- purple: AB017E;

*/

#content td div.img_container div.line_
{
	background-color: #134A45;
}

#content td div.img_container div.line_red
{
	background-color: #EF1209;
}

#content td div.img_container div.line_yellow
{
	background-color: #E69600;
}

#content td div.img_container div.line_green
{
	background-color: #808902;
}

#content td div.img_container div.line_purple
{
	background-color: #AB017E;
}

#footer p
{
	margin-top: 12px;
	font-size: 9px;
	text-align: center;
}

#footer p a
{
	color: #0095C1;
}

/* algemeen */
form
{
	margin: 0px;
	padding: 0px;
}

a
{
	/* color: #134A45; */
	/* text-decoration: none; */
	text-decoration: none;
}

a:hover
{
	/* color: #D40026; */
	text-decoration: underline;
}

div
{
	color: #43474C;
}

td
{
	font-size: 11px;
}

img
{
	border: 0px;
	padding: 0px;
	margin: 0px;
	line-height: 0px;
}

h1
{
	font-size: 28px;
	/* text-transform: none;*/
	font-weight: normal;
	line-height: 24px;
	color: #D40026;
	margin: 0px;
}

h2
{
	font-size: 22px;
	/* text-transform: uppercase; */
	font-weight: normal;
	line-height: 100%;
	color: #134A45;
	margin: 0px 0px 20px 0px;
}

/*
- donker groen: 134A45

- red: EF1209;
- yellow: E69600;
- green: 808902;
- purple: AB017E;

*/

h2.red
{
	color: #EF1209;
}

h2.yellow
{
	color: #E69600;
}

h2.green
{
	color: #808902;
}

h2.purple
{
	color: #AB017E;
}

p
{
	margin-top: 0px;
	color: #000;
	font-size: 11px;
	line-height: 140%;
}

.download
{
	margin-bottom: 5px;
	display: block;
}

.download .linkcontainer, .download .linkcontainer a
{
	color: #134A45;
	padding: 0px;
	text-transform: inherit;
	text-decoration: none;
	font-style: normal;
}

.download .linkcontainer a:hover
{
	color: #E69600;
}

.download img
{
	/* padding-bottom: 14px; */
	vertical-align: middle;
}
