@charset "UTF-8";

@import url("colorbox.css");

/* CSS Document */

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+
+	File		: screen.css
+	Author		: frismedia.nl
+	Date		: 02-03-2010
+	 
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/*++++++++++++++++++++++++*/
/*      HTML ELEMENTS     */

body {
	color:#333;
	background: #fff url(../img/bck.gif) no-repeat center top;
	margin:0;
	font: 12px/16px Arial, Helvetica, sans-serif;
}

p {
	margin:0;
	padding:0 0 15px 0;
}

p em {color: #999;}

a {
	text-decoration:none;
	color: #eb1c23;
	outline:none;
	}	
body h2 a:visited {color: #eb1c23;}
a:hover {border-bottom:1px solid #eb1c23;}

h1, body.home div#content h1, /*Safari*/ body.contact div#content h1, body.logo div#content h1 {
	font: 16px "Times New Roman", Times, serif;
	color: #333;
	margin: -3px 0 0 0;
	padding:0 0 5px 0;
}

body h2 {
	margin:0 0 10px 0;
	padding:0;
	font: bold 13px Arial, Helvetica, sans-serif;
}
body.home h2, body.news h2 {
	font-size:15px;
	font-weight: normal;
}

h3 {
	font-size:12px;
	margin:0 0 10px 0;
	padding:0;
}

iframe {
	border: 1px solid #ececec;
	margin: 0 0 20px 0;
	padding:0;
	}
	
br { line-height: 7px;}

/*hr {
	clear:both;
	border-bottom: 1px dashed #888888;
	border-top: none; 
	border-left:none; 
	border-right:none;
	color: #888888;
	padding:0;
	display:block;
	margin:6px 0;
	height:1px;
}	

a:active, a:focus {outline: 0}*/

/*      HTML ELEMENTS     */
/*++++++++++++++++++++++++*/

/*++++++++++++++++++++++++*/
/*    GENERAL CLASSES     */
.clearfix:after, div#header ul#nav:after, div#main:after, ul.path:after, div.media:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac and IE-win \*/
* html .clearfix, div#header ul#nav, div#main, ul.path, div.media {height: 1%;}
/* End hide from IE-mac */
/*    GENERAL CLASSES     */
/*++++++++++++++++++++++++*/

/*++++++++++++++++++++++++*/
/*      MAIN DIVS        */

div#wrapper { 
	position: relative;
	margin: 0 auto;
	width: 980px;
	}
	
div#header {
	position: relative;
	background: url(../img/header_1.jpg) no-repeat left top;
	width: 980px;
	height: 123px;
	}
div#header img {z-index:50;}
	
div#main {
	margin:0 0 20px 15px;
}

div#intro p {
	color: #666; 
	font-size:18px;
	leading:-5;	
	line-height: 5;
}

div#content p.intro
{
	color: #064F1E; 
	font-size:18px;
}
div#content p.intro cufon {
	padding-bottom:3px;
}


body.logo div#main {
	background:url(../img/logo_bottom.gif) no-repeat left bottom;
}
body.contact div#main {
	background: url(../img/contact_bottom.gif) no-repeat left bottom;
	padding-bottom: 0;
	margin-bottom:20px;
	}
div#content {
	width: 555px;
	min-height: 400px;
	float:left;
	border-top: 1px solid #ececec;
	border-bottom: 1px solid #ececec;
	padding: 12px 10px 0 10px;
	margin:0;
/*	position:relative;*/
	}
body.home div#content {
	border:none;
	width: 565px;
	}
body.twoCol div#content {
	padding-right:155px;
	border-bottom: 1px solid #ececec;
}
body.logo div#content {width: 587px;}
body.threeCol div#content {width:483px;}
body.contact div#content {border-bottom:none;}
	
div#sidebar {
	border-top: 1px solid #ececec;	
	width: 125px;
	padding:12px 5px 0 5px;
	margin:0 0 0 10px;
	float:left;
	}
body.home div#sidebar {
	width: 340px;
	margin-right:10px;
	border-top:none;
	}
body.logo div#sidebar {width:180px;}
body.threeCol div#sidebar {width: 201px;}
body.contact div#sidebar {width:355px;}
	
/*      MAIN DIVS        */
/*+++++++++++++++++++++++*/

/*++++++++++++++++++++++++*/
/*          NAV           */


ul#nav {
	float:left;
	width:950px;
	list-style:none;
	margin:47px 14px 0 14px;
	padding:0 0 50px 0;;
	z-index:100;
	font-size:16px;
}

body.home ul#nav {border-bottom: 1px solid #ececec;}
	
ul#nav li {
	float:left;
	padding: 0;
	margin-right:15px;
	margin-left:8px;
	} 
	
ul#nav li.right {float:right;}
	
ul#nav li span {
	margin-top:5px;
	display:block;
	}
	
ul#nav li a { 
	display: block;
	color:#333;
	padding-top:15px;
	cursor:pointer;
	z-index:150;
	position:relative;
	}
	
ul#nav li em {
	font-style:normal;
	background: url(../img/nav_em.gif) no-repeat 40% top;
	padding-top:15px;
	display:block;
}

ul#nav li.contact em {background-image: url(../img/nav_em_contact.gif);}

ul#nav li em a {
	color:#eb1c23;
	padding-top:0;
}

ul#nav li em a:hover {
	/*border-bottom:1px solid #eb1c23;*/
	color: #eb1c23;	
}
	
ul#sub {
	list-style:none;
	position: relative;
	float:left;
	width:220px;
	padding: 10px 0 0 0;
	margin:0 10px 0 0;
	border-top: 1px solid #ececec;	
	}

ul#sub li {
	margin:0;
	padding:0;
	text-transform: uppercase;
	}
	
ul#sub li a {
	color:#333;
	padding: 4px 0 4px 46px;
	display:block;
	border-bottom: none;
	}
	
	ul#sub li a:hover {
		text-decoration: underline;
	}
	
ul#sub li em a {
	color:#fff;
	font-weight:bold;
	font-style:normal;
	background: #39b449 url(../img/arrow_2.gif) no-repeat right center;
	border-bottom: none;
	}
	
ul.path {
	list-style:none;
	font-style: italic;
	margin-bottom:15px;
	}
	
div#content ul.path li {
	list-style:none;
	background:none;
	float: left;
	padding-left: 0;
	padding-right: 5px;
	}
	
/*         NAV            */
/*++++++++++++++++++++++++*/

/*++++++++++++++++++++++++*/
/*        CONTENT         */

div#content div.about h1 {
	color:#ed191f;
	padding-bottom:5px;
	margin-top: -12px;
	margin-bottom: -15px;
	font: 26px "Times New Roman", Times, serif;
	leading: -5;
	}

div.about p {
	color:#666;
	font-size:13px;
	}
	
div.about p.intro {
	font-size: 18px;
	color: #064F1E;
	padding-bottom:5px;
	margin-top:0;
	padding-top:-0px;
	word-spacing: 1px;
}

div.about p.intro cufon {
	padding-bottom: 2px;
}

div.about {border-bottom: 1px solid #ececec;}
div.more { display:none;}
div.open { display: block;}

p.show {
	background: url(../img/show.gif) no-repeat right 6px;
	padding-right:14px;
	cursor:pointer;
	color: #eb1c23!important;
	display:inline-block;
	}
	
div.about p.show {
	
	margin-top: 5px;
	
}
	
p.show:hover { text-decoration:underline;}
p.show.open { background-image: url(../img/hide.gif);}
	
div#sidebar h1 {
	margin-top: 15px;
	margin-bottom: 0px;
	padding-bottom: 5px;
	font: 17px "Times New Roman", Times, serif; /* Safari */
	color: #064f1e; 
	font-size:17px; 
	leading:-5;
}

div.quickLink1 {
	
	height: 30px;
}

div.quickLink1 span a {
	text-decoration:none;
	border-bottom: none;
	margin-top: 5px;
	font-size: 20px;
	float:left;	
}

div.quickLink1 span a:link {
	color: #ffffff; 
	text-decoration: none;
	border-bottom: none;
}

div.quickLink1 span a:hover {
	text-decoration:none; 
	color: #ffffff;	
	border-bottom: 1px solid;
	border-bottom-color:#FFF;
}

div.quickLink2 {
	height: 30px;
}

div.quickLink2 span a {
	text-decoration: none;
	margin-top: 5px;
	font-size: 20px;
}

div.quickLink2 span a:link {
	color: #ffffff; 
	text-decoration: none;	
}

div.quickLink2 span a:hover {
	border-bottom: 1px solid;
	border-bottom-color:#FFF;
	text-decoration: none; 
	color: #ffffff;	
}


div#content h1 {
	color: #064f1e; 
	font-size:19px; 
	leading:-5;
	}
body.home div#content h1 {
	padding: 18px 0;
	*padding: 0px 0px;;
	line-height: 3;
	}
	
	body.home div#content h1 cufon {
	padding-bottom: 5px;
	}
	
body.home h2, body.news h2 {
	margin:-2px 0 3px 0;
	float:left;
	font: 15px Arial, Helvetica, sans-serif; /* Safari */
	}
	
body.home p, body.news p {clear: both;}

div.logo a {
	width: 200px;
	height:38px;
	background: url(../img/logo_2.png) no-repeat left top;
	margin: 50px 0 0 25px;
	float: left;
	}
div.logo img {display:none;}

div#sidebar ul.links {
	padding:0;
	margin:0;
}

div#content ul {
	margin: 0 0 10px 0;
	padding: 0;
	list-style: none;
}
div#content ul li {
	padding: 0 0 3px 10px;
	margin:0;
	background: url(../img/bullet.gif) no-repeat left 5px;
}
div#content ol {
	margin: 0 0 10px 20px;
	padding: 0;
}
div#content ol li {
	padding: 0 0 3px 0;
	margin:0;
}


ul.links li {
	padding:0 0 0 8px;
	margin:0;
	background: url(../img/next_grey.gif) no-repeat left 4px;
	list-style:none;
}
ul.links li a {
	color:#333;
}

div#content ul.items {
	margin:0 0 10px 0;
	padding:0;
	list-style:none;
	font-size:14px;
}
div#content ul.items li {
	margin:0;
	padding:0 0 7px 0;
	background:none;
}
div#content ul.items li a {color:#333;}
div#content ul.items li a:hover {color: #eb1c23;}

ul.items span.date, ul.items span.size {font-size:12px;}

ul.items.pdf li a {
	background: url(../img/pdf.gif) no-repeat left center;
	padding-left: 18px;
	padding: 2px 0 0 18px;
	}

div.paging {
	padding-bottom:10px;
	}
div.paging a {
	margin: 0 4px;
	color:#333;
	}
div.paging a em {
	font-weight:bold;
	font-style:normal;
	text-decoration:underline;
	}	
span.prev {
	padding-left:6px;
	background: url(../img/prev_grey.gif) no-repeat left 4px;
}
span.next {
	padding-right: 6px;
	background: url(../img/next_grey.gif) no-repeat right 4px;	
}

span.author {color: #999;}
span.date, span.size {
	color: #999;
	background-image: url(../img/divider_grey.gif);
	background-repeat:no-repeat;
}

span.date {
	margin-right: 8px;
	padding-right: 8px;
	background-position: right center;
}

span.size,
body.home span.date, 
body.news span.date {
	margin-left: 8px;
	padding-left: 8px;
	background-position: left center;
	}

a.rss {
	display:block;
	width: 16px;
	height: 16px;
	background: url(../img/rss.gif) no-repeat center center;
	float:right;
	clear:none;
	margin: 15px 10px 0 0;
}
a.rss span {display:none;}
body.twoCol a.rss {
	/*position: absolute;
	right: 0;
	top:0;
	z-index:200;*/
	margin-right: -140px;
	margin-top:-2px;
	}

p.more {
	clear:both;
	display:block;
	border-top: 1px solid #ececec;
	padding-top: 12px;
	}
p.more a {
	background: url(../img/next_red.gif) no-repeat right center;
	padding-right:8px;
}

a.back {
	background: url(../img/prev_red.gif) no-repeat left center;
	padding-left:8px;
}

div.quickLink1,
div.quickLink2 {
	width: 324px;
	float:left;
	padding: 4px 8px 2px 8px;
	margin-top:5px;
}
div.quickLink1 {margin-right: 6px;}
div.quickLink1 a,
div.quickLink2 a {
	font: 22px "Times New Roman", Times, serif;
	letter-spacing: -1px;
	color: #fff;
	
	display:inline-block;
} 
div.quickLink1 {background: url(../img/button_1.gif) no-repeat right center;}
div.quickLink2 {background: url(../img/button_2.gif) no-repeat right center;}

a.pdf,
a.doc,
a.rtf {
	color:#999!important/*Safari*/;
	display:block;
	line-height:18px;
	padding-left:18px;
	background-repeat:no-repeat;
	background-position: left center;
	}
a.pdf {background-image: url(../img/pdf.gif);}
a.doc {background-image: url(../img/doc.gif);}
a.rtf {background-image: url(../img/rtf.gif);}

a.pdf span.
a.doc span,
a.rtf span {display:none;}

div#content img {
	float:right;
	margin: 3px 0 5px 5px;
	}
	
ul.slideshow {
	list-style:none;
	display:block;
	padding:0;
	margin:0;
	z-index:50;
	position:relative;
	border: 1px solid #ececec;
	height: 258px; 
}
ul.slideshow li { height: 258px; position:relative;display:none;}
body.threeCol ul.slideshow, body.threeCol ul.slideshow li { height: 163px;}
ul.slideshow img {
	margin:0;
	border: none;
}
ul.slideshow span {
	background-color: #67625a;
	display:block;
	width: 328px;
	margin: 0;
	padding:4px 5px 5px 5px;
	position:absolute;
	bottom:0;
	left:0;
	}
ul.slideshow a {
	width: auto;
	color: #fff;
	}

div#sidebar div.nav {
	display:inline-block;
	height:24px;
	width: auto;
	float:right;
	margin-top:-25px;
	margin-right:1px;
	z-index: 100;
	position:relative;
	background-color: #67625a;
	padding-left:5px;
}

body.threeCol div#sidebar div.nav {margin-right:2px;}
div#sidebar div.nav a {
	display:block;
	width:9px;
	height:15px;
	float:left;
	margin-top:4px;
	margin-right:5px;
	cursor:pointer;
	text-indent: -9999px;
	background-color:#39b449;
}
div#sidebar div.nav a:hover, div#sidebar div.nav a.activeSlide {background-color:#bdd52f;}

div#sidebar div.quote h1 {
	color: #7c7c7c; 
	font-size:16px; 
	leading:-5;
}

div.quote {
	border-top: 1px solid #ececec;
	border-bottom: 1px solid #ececec;
	padding:10px 10px 0 10px;
	margin: 20px 0 15px 0;
	}
div.quote blockquote {
	background: url(../img/quote_1.gif) no-repeat left 2px;
/*	text-indent: 17px;*/
	margin:0 0 5px 0;
	padding:0 18px;
	font-size:13px;
	}
div.quote blockquote em {
	background: url(../img/quote_2.gif) no-repeat right bottom;
	display: inline-block;
	padding-right:8px;
	font-style: italic;
	font-size:15px; 
	color:#064f1e;
	}
	
div.quote blockquote em cufon {
	padding-bottom: 5px;
	}
div.quote p.signature {
	text-indent:0;
	background:none;
	padding: 0 0 5px 0;
	font-size:14px; 
	color:#7c7c7c;
}
	
div.media div {float:left;width:170px;}
/*        CONTENT         */
/*++++++++++++++++++++++++*/

/*++++++++++++++++++++++++*/
/*         TABLES         */

table {
	border-collapse:collapse;
	width: 100%;
	padding:0;
	margin-bottom:15px;
}

td.col1 {}
td.col2 { width: 80px;}
td.col3, td.col4 { width: 100px;}
td.col1, td.col2, td.col3, td.col4 {border-bottom: 1px solid #ececec;} /*IE6 & IE7, border op thead of tbody wordt genegeerd*/

thead td {padding:0 0 2px 0;}

tbody td {
	padding:6px 10px 6px 0;
	background: url(../img/dottedline.gif) repeat-x bottom;
	color:#999;
	}
	
tbody td strong {color:#333;}

/*         TABLES         */
/*++++++++++++++++++++++++*/

/*++++++++++++++++++++++++*/
/*         POPUP          */

div.inline {margin:30px 30px 30px 30px;}
body.home div.inline {margin:30px 30px 0px 30px;}
div.popup {display:none;}
div.inline h1 {
	color: #064f1e;
	font: 15px Arial, Helvetica, sans-serif;
	margin-top:7px;
	}
div.inline p {margin:0;}

/*         POPUP          */
/*++++++++++++++++++++++++*/



/*++++++++++++++++++++++++*/
/*         FORMS          */

form {
	margin:-10px 0 0 0;
	padding:0;
}

form br {
	line-height: 7px;
	}
	
input {
	font: 14px/18px Arial, Helvetica, sans-serif;
	border: 1px solid #666;
	width: 400px;
	padding:2px;	
	margin-top:-3px;
	}

input.checkbox {
	margin: 4px 5px 0 0;
	padding:0;
	float:left;
	width:auto;
	border:none;
}

label {line-height: 25px;}

textarea {
	font: 14px/18px Arial, Helvetica, sans-serif;	
	border: 1px solid #666;
	width: 400px;
	height: 100px;
	padding:2px;
	margin-top:-3px;
	}
	
input#send, input#delete {
	width: 70px;
	height: 22px;
	margin: 10px 2px 15px 0;
	border:none;
	color:#fff;
	font-weight:bold;
	font-size:12px;
	}
	
input#send {background-color:#eb1c23;}
input#send:hover {background-color:#39b449;}

input#delete {background-color:#67625a;}
input#delete:hover {background-color:#39b449;}

/*         FORMS          */
/*++++++++++++++++++++++++*/


/*++++++++++++++++++++++++*/
/*         FOOTER         */

div#footer {
	clear:both;
	color:#67625a;
	padding:0 14px 10px 14px;
	background: #f0efee url(../img/footer_bck.gif) repeat-x top;
	margin-bottom:20px;
	}

div#footer div.bottom {
	background: #f0efee url(../img/footer_bottom_bck.gif) repeat-x left 10px;
	display:block;
	clear:both;
	z-index:75;
	position:relative;
	padding-top:20px;
	}

div#footer address {font-style:normal;}

div#footer address span {
	background: url(../img/divider_grey.gif) no-repeat right center;	
	padding-right: 8px;
	margin-right: 4px;
}

div#footer address span.last {
	background:none;
}

div#footer a, div#footer address a {color:#67625a;}
div#footer a:hover {
	color: #eb1c23;
	text-decoration:none;
	}

div#footer dl {
	float: left;
	width:150px;
	margin:5px 10px -1px 0;
	padding:0;
	line-height: 24px;
	z-index:100;
	list-style:none;
	}
div#footer dl dd {
	font-size: 11px;
	margin:0;
	padding:0;
	border-bottom: 1px solid #dfdfdf;	
	}

div#footer dl dt {
	margin-top:5px;
	font-weight:bold;
	display: block;
	border-bottom: 1px solid #d4d3d0;
	}
div#footer dl dt, div#footer a { color:#26231f;}
div#footer dl.last { margin-right:0;}
div#footer a.disclaimer {
	float: right;
	display:block;
	padding-right:10px;
	background:url(../img/arrow.gif) no-repeat right center;
	font-weight:bold;
	}
div#footer a.disclaimer:hover {background-image: url(../img/arrow_hover.gif);}