/* Blueprint CSS Framework 0.7.1 */

/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography.css */
body {font-size:75%;color:#222;background:#fff;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em;font-weight:bold;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;font-weight:bold;margin-bottom:0.75em;}
h3 {font-size:1.5em;font-weight:bold;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;font-weight:bold;line-height:1.25;margin-bottom:1.25em;height:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#000;}
a {color:#009;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre, code {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;background:#C3D9FF;}
th, td {padding:4px 10px 4px 5px;}
tr.even td {background:#E5ECF9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.right {text-align:right;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

/* grid.css */
.container {width:950px;margin:0 auto;}
body {margin: 0.8em 0;}
div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {float:left;margin-right:10px;}
div.last {margin-right:0;}
.span-1 {width:30px;}
.span-2 {width:70px;}
.span-3 {width:110px;}
.span-4 {width:154px;} /* Adjusted - org: 150px */
.span-5 {width:190px;}
.span-6 {width:230px;}
.span-7 {width:270px;}
.span-8 {width:310px;}
.span-9 {width:350px;}
.span-10 {width:390px;}
.span-11 {width:430px;}
.span-12 {width:470px;}
.span-13 {width:510px;}
.span-14 {width:550px;}
.span-15 {width:590px;}
.span-16 {width:630px;}
.span-17 {width:670px;}
.span-18 {width:710px;}
.span-19 {width:750px;}
.span-20 {width:770px;} /* Adjusted - org: 790px */
.span-21 {width:830px;}
.span-22 {width:870px;}
.span-23 {width:910px;}
.span-24, div.span-24 {width:950px;margin:0;}
.append-1 {padding-right:14px;} /* Adjusted - org: 40px */
.append-2 {padding-right:80px;}
.append-3 {padding-right:120px;}
.append-4 {padding-right:160px;}
.append-5 {padding-right:200px;}
.append-6 {padding-right:240px;}
.append-7 {padding-right:280px;}
.append-8 {padding-right:320px;}
.append-9 {padding-right:360px;}
.append-10 {padding-right:400px;}
.append-11 {padding-right:440px;}
.append-12 {padding-right:480px;}
.append-13 {padding-right:520px;}
.append-14 {padding-right:560px;}
.append-15 {padding-right:600px;}
.append-16 {padding-right:640px;}
.append-17 {padding-right:680px;}
.append-18 {padding-right:720px;}
.append-19 {padding-right:760px;}
.append-20 {padding-right:800px;}
.append-21 {padding-right:840px;}
.append-22 {padding-right:880px;}
.append-23 {padding-right:920px;}
.prepend-1 {padding-left:40px;}
.prepend-2 {padding-left:80px;}
.prepend-3 {padding-left:120px;}
.prepend-4 {padding-left:160px;}
.prepend-5 {padding-left:200px;}
.prepend-6 {padding-left:240px;}
.prepend-7 {padding-left:280px;}
.prepend-8 {padding-left:320px;}
.prepend-9 {padding-left:360px;}
.prepend-10 {padding-left:400px;}
.prepend-11 {padding-left:440px;}
.prepend-12 {padding-left:480px;}
.prepend-13 {padding-left:520px;}
.prepend-14 {padding-left:560px;}
.prepend-15 {padding-left:600px;}
.prepend-16 {padding-left:640px;}
.prepend-17 {padding-left:680px;}
.prepend-18 {padding-left:720px;}
.prepend-19 {padding-left:760px;}
.prepend-20 {padding-left:800px;}
.prepend-21 {padding-left:840px;}
.prepend-22 {padding-left:880px;}
.prepend-23 {padding-left:920px;}
div.border {padding-right:4px;margin-right:5px;border-right:1px solid #eee;}
div.colborder {padding-right:24px;margin-right:25px;border-right:1px solid #eee;}
.colborder {padding-right:12px;margin-right:12px;border-right:1px solid #eee;}
.box {padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;}
.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix, .container {display:inline-block;}
* html .clearfix, * html .container {height:1%;}
.clearfix, .container {display:block;}
.clear {clear:both;}

/* forms.css */
label{font-weight:bold;}
#contact label{font-weight:bold;float:left;width:150px;text-align: right;margin-right:5px;padding-top:7px;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:150px;padding:5px;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

/* fancy-type */
.alt { 
  color: #666; 
  font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif; 
  font-style: italic;
  font-weight: normal;
}
.dquo { margin-left: -.5em; } 

p.incr, .incr p {
	font-size: 10px;
	line-height: 1.44em;  
	margin-bottom: 1.5em;
}  
.caps { 
  font-variant: small-caps; 
  letter-spacing: 1px; 
  text-transform: lowercase; 
  font-size:1.2em;
  line-height:1%;
  font-weight:bold;
  padding:0 2px;
}
a.external {
	background: url('../img/icons/external.png') no-repeat 100% 50%;
	padding: 0 13px 0 0;
}
a.info {
	background: url('../img/icons/info.png') no-repeat 0% 50%;
	padding: 0 0 0 20px;
}

/* Surround uppercase words and abbreviations */   
.caps { 
  font-variant: small-caps; 
  letter-spacing: 1px; 
  text-transform: lowercase; 
  font-size:1.2em;
  line-height:1%;
  font-weight:bold;
  padding:0 2px;
}

/* file-icons.css */
body a.noicon { 
	background:transparent none !important; 
	padding:0 !important; 
	margin:0 !important; 
}
a[href^="http:"], a[href^="mailto:"], a[href^="http:"]:visited, 
a[href$=".pdf"], a[href$=".doc"], a[href$=".docx"], a[href$=".xls"],
a[href$=".xlsx"], a[href$=".rss"], a[href$=".rdf"], a[href^="aim:"] {
  padding:2px 22px 2px 0;
  margin:-2px 0;
  background-repeat: no-repeat;
  background-position: right center;
}
a[href^="http:"] { background-image: url(../img/icons/external.png); } 
a[href^="mailto:"] { background-image: url(../img/icons/email.png); }
a[href^="http:"]:visited { background-image: url(../img/icons/visited.png); }
a[href$=".pdf"] { background-image: url(../img/icons/pdf.png); }  
a[href$=".doc"] { background-image: url(../img/icons/doc.png); }
a[href$=".docx"] { background-image: url(../img/icons/doc.png); }
a[href$=".xls"] { background-image: url(../img/icons/xls.png); }  
a[href$=".xlsx"] { background-image: url(../img/icons/xls.png); }  


body {
	background: #E6E6E4 url('../img/top-bg.gif') repeat-x 0 0;
	font-family: 'Palatino Linotype',Palatino, Baskerville, 'Book Antiqua', Georgia,serif;
}

/* Main containers === */
#topcontainer {
	height: 108px;
}
#bodycontainer {
	margin-top: 20px;
}

/* Containers === */
#logo {
	background: transparent url('../img/logo.gif') no-repeat 0 0;
	height: 50px;
}
#topnav {
	font-family: "Myriad Pro",helvetica,arial,sans-serif;
	text-align: right;
}
#mainnav  {
	display: block;
	font-size: 1.1em;
	margin-top: 10px; 
}
#tools {
	text-align: right;
}
#content {
	background: #FFFFFF url('../img/content-bg.gif') no-repeat bottom right;
	border: 1px solid #CCCCCC;
	border-bottom: 2px solid #999999;
	margin: 0;
}

/* Logo extra's === */
#logo h1 a {
	position: relative;
	display: block;
	width: 246px;
	height: 50px;
}
#logo h1 a span {
	display: none;
}
#logo h2 { display: none; }

/* Navigation extra's === */
#mainnav ul {
	list-style: none;
}
#mainnav a {
	outline: none;
	display: block;
	position: relative;
	z-index: 1;
	text-decoration: none;
	white-space: nowrap;
	color: #069;
}
#mainnav li {
	float: left;
	font-size: 100%;
	font-weight: bold;
	padding: 0; 
}
#mainnav a:hover {
	text-decoration: underline;
}

/* Left side extra's === */
#side1, #side2, #side3 {
	background: transparent url('../img/side-bottom.gif') no-repeat left bottom;
	padding: 0 0 20px;
}
#side1 dt, #side2 dt, #side3 dt {
	background: transparent url('../img/side-top.gif') no-repeat 0 0;
	height: 21px;
	text-align: center;
	font-size: 1.1em;
	font-weight: bold;
	font-variant: small-caps;
	margin: 0;
}
#side1 dd, #side2 dd, #side3 dd {
	background: #FFFFFF;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	padding: 10px;
	margin: 0;
}
#side1 dd {
	background: #FFFFFF url('../img/icons/find.png') no-repeat 10% 90%;
}
#side2 dd {
	background: #FFFFFF url('../img/icons/file_apply.png') no-repeat 10% 90%;
}
#side3 dd {
	background: #FFFFFF url('../img/icons/apply.png') no-repeat 10% 90%;
}
#side1 p, #side2 p, #side3 p {
	margin-left: 0.4em;
	padding-top: 15px;
}

/* Maincontent extra's === */
#contentheader {
	height: 130px;
	color: #FFFFFF;
}
#contentheader h1 {
	display: none;
	margin: 0;
	padding: 0;
}
#maincontent {
	background: url('../img/header-bg.gif') no-repeat 50% 0;
	font-size: 1.2em;
	padding: 20px;
}
#maincontent h1 {
	margin: 0;
}
#maincontent h2 {
	font-variant: normal;
	font-style: italic;
	font-size: 1.5em;
	color: #407AA0;
	margin: 5px 0 10px 0;
	padding: 0;
}
#maincontent h3 {
	margin: 24px 0 0 0;
	font-size: 1.3em;
}

/* Footer === */
#footercontainer {
	float: left;
	background: #FFFFFF;
	font-family: "Myriad Pro",helvetica,arial,sans-serif;
	width: 100%;
	margin-top: 35px;
	padding-top: 10px;
	border-top: 3px solid #666666;
}
#footer-links .bold-1 {
	font-weight: bold;
	margin-right: 20px;
	font-size: 110%;
	color: #666666;
}
#footer-links .bold-2 {
	font-weight: bold;
	margin: 5px 26px 5px 0;
	font-size: 110%;
	color: #666666;
}
#footer p.logoicon {
	height: 25px;
	padding-left: 40px;
	background: url('../img/icons/logo-icon.gif') no-repeat bottom left;
}
#footer-projects td {
	vertical-align: top;
}
#footer-projects h3 {
	border-bottom:1px solid #E8E8E8;
	color:#25394A;
	font-variant: small-caps;
	font-weight: bold;
	margin: 0 0 5px 0;
}

/* Lay-out extra's === */
span.dropcap {
	font-family:'Palatino Linotype', Georgia, serif;
	float:left;
	font-size:5.75em;
	margin: 0 10px 0 0;
	padding: 0 .1em 0 0;
	display: block;
	line-height: .775em;
	color: #000000;
	border-right: 1px solid #000000;
}

@charset "utf-8";
/* CSS Document - extra styles only */

span.dropcap {
	font-family:'Palatino Linotype', Georgia, serif;
	float:left;
	font-size:5.75em;
	margin: 0 10px 0 0;
	padding: 0 .1em 0 0;
	display: block;
	line-height: .775em;
	color: #000000;
	border-right: 1px solid #000000;
}
span.star {
	font-family:'Palatino Linotype', Georgia, serif;
	float:left;
	padding-right: 25px;
	display: block;
	line-height: 0.775em;
	color: #FFFFFF;
	margin: 2px 0;
	font-variant: normal;
	font-style: italic;
	font-size: 1.3em;
}
span.totop {
	float: right;
	width: 50px;
	padding: 10px 10px 0 0;
	font-style: italic;
	font-size: 0.9em;
}
.dienstenheader h1 {
	background:url('../img/star.gif') no-repeat;
	margin: 2px 0;
	padding-left: 17px;
	font-variant: normal;
	font-style: italic;
	font-size: 1.3em;
	height: 42px;
	color: #407AA0;
	padding-top: 10px;
}
#loader {
	position: relative;
	text-align: right;
	font-variant: small-caps;
	font-weight: bold;
	z-index: 1;
}
.show-status {
	padding: 15px;
	font-size: 100%;
	width: 100%;
	margin: 0 0 10px 0;
	text-align: center;
}
#wizarddiv {
	margin-top: 5px;
	padding: 5px;
	background: url('../img/wizard_bg.png');
	border: 3px solid #407AA0;
}
#wizarddiv h4 {
	margin: 10px 0 10px 5px;
	font-size: 1.2em;
}
#products td {
	vertical-align: bottom;
}
.dock-caption {
	font-weight: bold;
	font-size: 1.2em;
	color: #000000;
}
#recaptcha_widget_div {
	margin-left: 20%;
}
.submit { border: 0; width: auto; }
#contact button { margin-left: 20%; width: auto; }
.submit:hover, .submit:active { border:0; }

/* Slideshow -multiple parts- === */
/* General === */
.slideshow {
	border: 7px solid #000000;
	display: block;
	position: relative;
	z-index: 0;
}
.slideshow-images {
	display: block;
	overflow: hidden;
	position: relative;
}		
.slideshow-images img {
	display: block;
	position: absolute;
	z-index: 1;
}		
.slideshow-thumbnails {
	overflow: hidden;
}
.slideshow-images {
	height: 350px;
	width: 650px;
}		
.slideshow-images-visible { 
	opacity: 1;
}	
.slideshow-images-prev { 
	opacity: 0; 
}
.slideshow-images-next { 
	opacity: 0; 
}
.slideshow-images img {
	float: left;
	left: 0;
	top: 0;
}	

/* Container === */
.slideshow {
	height: 350px;
	margin: 0 auto;
	width: 650px;
}

/* Captions === */
.slideshow-captions {
	background: #000;
	bottom: 0;
	color: #FFF;
	font: normal 12px/22px Arial, sans-serif;
	overflow: hidden;
	position: absolute;
	text-indent: 10px;
	width: 100%;
	z-index: 10000;
}
.slideshow-captions-hidden {
	height: 0;
	opacity: 0;
}
.slideshow-captions-visible {
	height: 22px;
	opacity: .7;
}

/* Controller === */
.slideshow-controller {
	background: url(../img/viewer/controller.png) no-repeat;
	height: 42px;
	left: 50%;
	margin: -21px 0 0 -119px;
	overflow: hidden;
	position: absolute;
	top: 50%;
	width: 238px;
	z-index: 10000;
}
.slideshow-controller * {
	margin: 0;
	padding: 0;
}
.slideshow-controller-hidden { 
	opacity: 0;
}
.slideshow-controller-visible {
	opacity: 1;
}
.slideshow-controller a {
	cursor: pointer;
	display: block;
	height: 18px;
	overflow: hidden;
	position: absolute;
	top: 12px;
}
.slideshow-controller a.active {
	background-position: 0 18px;
}
.slideshow-controller li {
	list-style: none;
}
.slideshow-controller li.first a {
	background-image: url(../img/viewer/controller-first.gif);
	left: 33px;
	width: 19px;
}
.slideshow-controller li.last a {
	background-image: url(../img/viewer/controller-last.gif);
	left: 186px;
	width: 19px;
}
.slideshow-controller li.next a {
	background-image: url(../img/viewer/controller-next.gif);
	left: 145px;
	width: 28px;
}
.slideshow-controller li.pause a {
	background-image: url(../img/viewer/controller-pause.gif);
	left: 109px;
	width: 20px;
}
.slideshow-controller li.play a {
	background-position: 20px 0;
}
.slideshow-controller li.play a.active {
	background-position: 20px 18px;
}
.slideshow-controller li.prev a {
	background-image: url(../img/viewer/controller-prev.gif);
	left: 65px;
	width: 28px;
}

/* Loader === */
.slideshow-loader {
	height: 28px;
	right: 0;
	position: absolute;
	top: 0;
	width: 28px;
	z-index: 10001;
}
.slideshow-loader-hidden {
	opacity: 0;
}
.slideshow-loader-visible {
	opacity: 1;
}