@CHARSET "ISO-8859-1";

/*
 * Swart
 * 
 *  1.	Global
 *  2.	Basic styling
 *	2.1 	Header
 *	2.2		Content div
 *  2.3		Call me now box
 *  3.	Menu
 *  4.	Left bar
 *  4.1		Search field
 *  5.	Right bar
 *  6.	Content
 *	6.1		Contact form
 *	7.	Crumbtrail
 *	8.	Lightbox
 *	9.	Searchresults
 */

/* 1. Global */
* {
	padding:0;
	margin:0;
}
body {
	background:#ffffff;
	color:#000000;
	font-family:Arial, Helvetica, "Sans-serif";
	font-size:12px;
}
h1,h2,h3,h4,h5,h6 {
	margin-bottom:10px;
}
a {
	color:black;
}
a img {
	border:0;
}
textarea {
	font-family:Arial, Helvetica, "Sans-serif";
	font-size:12px;
}

/* 2. Basic styling */
div#container {
	margin:0 auto;
	padding:0;
	width:1000px;
}
div#header {
	margin:12px 0 0 0;
	height:120px;
	padding:0;
	position:relative;
}
div#menu {
	font-size:13px;
	height:25px;
} 
div#page {
	background-image:url(/static/images/bg-content.gif);
	background-position:top;
	background-repeat:repeat-y;
	position:relative;
}
div#leftbar {
	position:absolute;
	left:0;
	top:0;
	padding-bottom:15px;
	width:200px;
}
div#center {
	color:#555;
	float:left;
	margin:0 20px 0 0;
	padding-left:220px;
	width:560px;
}
div#pagehead {
	color:#555;
	border-bottom:1px solid white;
}
div#content {
	padding:15px 15px 10px;
}
div#rightbar {
	float:right;
	padding-bottom:15px;
	width:200px;
}
div#footer {
	color:#767784;
	font-size:11px;
	margin:10px 0 10px 220px;
}
div#footer p {
	line-height:1.5em;
	margin-bottom:5px;
}
div#footer a {
	color:#767784;
	text-decoration:none;
}
img.clear {
	height:1px;
	width:100%;
}

/* 2.1 Header */
div#header h2 {
	background:url(/static/images/logo.jpg) left no-repeat;
	float:left;
	height:120px;
	margin:0;
	width:424px;
}
div#header h2 span {
	display:none;
}
div#header div#language-selector {
	float:right;
}
div#language-selector ul {
	list-style-type:none;
}
div#language-selector ul li {
	float:right;
	margin-left:15px;
}
div#header div#contact-options {
	float:right;
	width:220px;
}
div#contact-options ul {
	list-style-type:none;
}
div#contact-options ul li {
	float:right;
	margin-left:11px;
}
div#sitelogo {
	background-repeat:no-repeat;
	background-position:right top;
	height:45px;
	position:absolute;
	right:0;
	text-align:right;
	top:90px;
	width:475px;
}
div#slogan {
	color:#ded087;
	line-height:1.3em;
	position:absolute;
	right:0;
	text-align:right;
	top:90px;
	width:350px;
}

/* 2.2 Content */
body.home div#content a {
	color:#FFFFCC;
}
body.home div#page {
	background-image:url(/static/images/bg-content-home.gif);
	background-position:top;
	background-repeat:repeat-y;
}
body.home div#center {
	color:#fff;
	margin:0 20px 0 0;
	min-height:465px;
}
div#page h1 {
	font-size:14px;
	line-height:36px;
	margin:0;
	padding:0 15px;
}
.home div#page div#pagehead {
	color:#fff;
}
.home div#crumbtrail {
	color:#000;
}
.highlightpage {
	color:#DD0000 !important;
}

/* 2.3 Contact hints */
div#contact-hint {
	background-color:#FFFFFF;
	background-image:url(/static/images/bg-contact-top.gif);
	background-position:right top;
	background-repeat:no-repeat;
	color:#DED087;
	display:none;
	float:right;
	padding:0;
	text-align:right;
	width:193px;
	z-index:100;
}
div#contact-hint.contact-callmenow,
div#contact-hint.contact-printpage,
div#contact-hint.contact-mailmenow,
div#contact-hint.contact-tellafriend {
	display:block;
}
div#contact-hint div.hint {
	background-image:url(/static/images/bg-callmenow-bottom.gif);
	background-position:right bottom;
	background-repeat:no-repeat;
	clear:both;
	color:#777886;
	display:none;
	font-weight:bold;
	margin:0 auto 3px;
	padding:4px 6px 5px;
	text-align:left;
}
div#contact-hint div#contact-top {
	margin-bottom:1px;
	margin-right:14px;
}
div#contact-hint.contact-callmenow		div#contact-top					{ margin-right: 14px; }
div#contact-hint.contact-printpage		div#contact-top					{ margin-right: 66px; }
div#contact-hint.contact-tellafriend	div#contact-top					{ margin-right:116px; }
div#contact-hint.contact-mailmenow		div#contact-top					{ margin-right:168px; }
div#contact-hint.contact-callmenow		div#contact-callmenow-hint		{ display:block !important; }
div#contact-hint.contact-printpage		div#contact-printpage-hint		{ display:block !important; }
div#contact-hint.contact-tellafriend	div#contact-tellafriend-hint	{ display:block !important; }
div#contact-hint.contact-mailmenow		div#contact-mailmenow-hint		{ display:block !important; }

/* 2.4 Contact actions */
div.quickaction {
	background-color:#FFFFFF;
	background-image:url(/static/images/bg-callmenow-bottom.gif);
	background-position:right bottom;
	background-repeat:no-repeat;
	color:#DED087;
	padding:0;
	position:absolute;
	right:0;
	text-align:right;
	top:40px;
	width:193px;
	z-index:100;
}
div.quickaction-top {
	background-color:#FFFFFF;
	background-image:url(/static/images/bg-contact-top.gif);
	background-position:right top;
	background-repeat:no-repeat;
	height:10px;
}
div.quickaction form {
	font-size:10px;
	padding:2px 0 5px 0;
}
div.quickaction form input.quickaction-input {
	letter-spacing:2px;
	font-size:11px;
	padding:3px 5px;
	margin-right:5px;
	width:143px;
}
div.quickaction form input.quickaction-submit {
	float:right;
	margin-right:6px;
}
div.quickaction div.quickaction-message {
	clear:both;
	color:#777886;
	font-weight:bold;
	margin:3px auto;
	padding:0 6px;
	text-align:left;
}
div.quickaction div.quickaction-error {
	color:red;
}
div.quickaction div.quickaction-success {
	color:green;
	height:37px;
}

/* 2.4.1 Call me now */
div#callmenow {
}
div#callmenow-top {
	background-color:#FFFFFF;
	background-image:url(/static/images/bg-callmenow-top.gif);
	background-position:right top;
	background-repeat:no-repeat;
	height:10px;
}
div#callmenow.hidden {
	display:none;
}
div#callmenow form {
	font-size:10px;
	padding:2px 0 5px 0;
}
div#callmenow form input#callmenow-input {
}
div#callmenow form input#callmenow-submit {
}

/* 3. Menu */
div#menu ul {
	list-style-type:none;
	padding:0;
}
div#menu ul li {
	float:left;
}
div#menu ul li a {
	color:#767784;
	display:block;
	float:left;
	font-weight:bold;
	padding:6px;
	text-decoration:none;
	text-transform:uppercase;
}
div#menu ul li.home {
	margin-right:20px;
	width:200px;
}
div#menu ul li.home a {
	color:#c4c8cb;
	float:right;
	padding-right:0;
}


/* 4. Left bar */
div#leftbar {
}
body.home div#page div#leftbar-figures {
	background-image:url(/static/images/bg-logo.gif);
	background-position:left 10px;
	background-repeat:no-repeat;
	top:100px;
	height:400px;
	left:-19px;
	position:absolute;
	width:300px;
	z-index:100;
}
body.home div#leftbar {
	padding-right:20px;
}

/* 4.1 Search field */
div#search {
	background-color:#ebecee;
	padding:8px;
}
div#search input#search-input {
	color:#767786;
	font-size:11px;
	font-style:normal;
	padding:3px 6px;
	width:170px;
}

/* 5.1 Submenu */
div#leftbar ul.subpages {
	list-style-type:none;
	margin:15px 0 0 0;
	padding:0;
}
div#leftbar ul.subpages ul {
	font-size:11px;
	list-style-type:none;
}
div#leftbar ul.subpages li {
	text-align:right;
	margin-bottom:3px;
	width:200px;
}
div#leftbar ul.subpages ul li {
}
div#leftbar ul.subpages li a {
	color:#767784;
	font-weight:bold;
	text-decoration:none;
}

/* 5. Rightbar */
div#rightbar h3 {
	background-color:#6a585a;
	color:#fff;
	padding:8px;
	text-transform:uppercase;
}
div#rightbar h4 {
	color:#767784;
	margin-top:15px;
	margin-bottom:5px;
}
div#rightbar p {
	color:#767786;
	font-size:12px;
	line-height:1.4em;
}
div#rightbar a {
	color:#767786;
}


/* 6. Content */
div#content p {
	line-height:1.5em;
	margin-bottom:15px;
}
div#content ol,
div#content ul {
	line-height:1.5em;
	margin-left:25px;
	margin-bottom:1.2em;
}
div.content-contact {
	border-top:1px dashed #fff;
	margin:3em 0 0;
	padding:.5em 0;
	text-align:center;
}

/* 6.1 Contact form */
form#contactform {
	
}
form#contactform fieldset {
	border:1px solid white;
}
form#contactform fieldset legend {
	font-weight:bold;
	margin:0 5px;
	padding:0 5px;
}
form#contactform fieldset label {
	display:block;
	float:left;
	font-weight:bold;
	margin:2px 0;
	padding:0 0 0 10px;
	width:200px;
}
form#contactform fieldset input {
	margin:2px 0;
	width:305px;
}
form#contactform fieldset div {
	text-align:center;
}
form#contactform fieldset input.submit {
	margin:5px auto;
	padding:2px 10px;
	width:auto;
}
form#contactform fieldset textarea {
	height:120px;
	margin:1px 0 10px 10px;
	width:505px;
}

span#ajax-submitting {
	background:url(/static/images/ajax-loader.gif) no-repeat left;
	margin-left:10px;
	padding-left:25px;
}


/* 7. Crumbtrail */
div#crumbtrail {
	background-color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	padding:6px 15px;
}
div#crumbtrail a {
	text-decoration:none;
	text-transform:capitalize;
}
div#crumbtrail a:hover {
	text-decoration:underline;
}
div#crumbtrail a.first {
	text-transform:uppercase;
}

/* 8. Lightbox */
div#lb-overlay {
	background-color:#000;
	opacity:0;
	position:absolute;
	z-index:1000;
}
div#lb-box {
	background-color:white;
	border:40px solid #e6e6e6;
	color:#646464;
	height:50%;
	left:50%;
	margin-left:-290px;
	min-height:400px;
	opacity:0;
	padding:15px 50px 15px 30px;
	position:absolute;
	top:0;
	width:480px;
	z-index:1001;
}
div#lb-content{
	height:100%;
	min-height:400px;
	overflow:auto;
	width:520px;
	z-index:1002;
}
div#lb-box a#lb-closer{
	width:16px;
	height:16px;
	background-image:url(/static/images/cross.png);
	background-repeat:no-repeat;
	cursor:pointer;
	display:block;
	position:absolute;
	right:20px;
	top:20px;
	z-index:1003;
}
div#lb-box p, div#lb-box h2 {
	margin:1em 0;
}
div#lb-box dd {
	margin-bottom:0.5em;
}

/* 8.1 Lightbox form */
div#lb-box form {
	
}
div#lb-box form fieldset {
	border:1px solid white;
}
div#lb-box form fieldset legend {
	font-weight:bold;
	margin:0 5px;
	padding:0 5px;
}
div#lb-box form fieldset label {
	display:block;
	float:left;
	font-weight:bold;
	margin:2px 0;
	padding:0;
	width:170px;
}
div#lb-box form fieldset select,
div#lb-box form fieldset input {
	margin:2px 0;
	width:305px;
}
div#lb-box form fieldset hr {
	border-color:#ccc;
	border-style:solid;
	border-width:1px 0 0 0;
	margin:5px 0;
}
div#lb-box form fieldset textarea {
	margin:2px 0 10px 10px;
	width:465px;
	height:100px;
}
div#lb-box form fieldset input.submit {
	margin:2px auto;
	width:150px;
}


/* 9. Searchresults */
div#searchresults-report {
	background-color:#FFFFFF;
	font-size:11px;
	padding:6px 15px;
}
div#searchresults {
}
div#searchresults ol {
	margin-left:15px;
}
div#searchresults ol li {
}
div#searchresults ol li h4 {
	margin-bottom:0;
}
div#searchresults ol li p {
	margin-bottom:.5em;
}
div#searchresults ol li p.searchmeta {
	font-size:11px;
	margin-bottom:2em;
}
div#searchpages {
	text-align:center;
}
div#searchpages a {
}
div#searchpages a.search-current {
	text-decoration:none;
}

/* 10. Twitter */
#twitter			{ }
#twitter h3			{ margin-bottom:0; }
#twitter ol			{ color:#999; list-style-type:none; }
#twitter li			{ border-top:1px solid #ccc; padding:5px; }
#twitter .first		{ border-top:0; }
#twitter a			{ color:#777; }
#twitter .author,
#twitter .source	{ display:block; font-size:11px; }
#twitter .author	{ margin:5px 0 0; }
#twitter .icon		{ float:right; margin:0 0 5px 5px; }