@charset "UTF-8";
.hidden {
	display: none;
}
/* RESET STANDARD BROWSER MARKUP */
body { font-family:Arial, Helvetica, sans-serif; font-size:0.765em; color:#333; }
h1 { margin:1em 0 0 0; padding:0; font-size:2em; }
h2 { margin:1em 0 0 0; padding:0;  font-size:1.4em; }
h3 { margin:1em 0 0 0; padding:0;  font-size:1.2em; }
h4 { margin:1em 0 0 0; padding:0;  font-size:1em; }
h5 { margin:1em 0 0 0; padding:0;  font-size:1em; }
p { margin:0 0 1em 0; padding:0; line-height:1.5em; }
a:link { text-decoration:underline; color:#c33; }
a:visited { text-decoration:underline; color:#666; }
a:active { text-decoration:underline; color:#000; }
a:hover { text-decoration:underline; color:#000; }
a img { border:none; }
.no-show{display:none;}
form div.formrule span a img{margin:0;padding:0;clear:both;}
.indent { margin:0 10px 0 0; padding:10px; }

/* LISTS */
dl.content { display:block; margin:0; padding:5px 0; width:100%; clear:both; border-bottom:1px solid #eee; }
dl.content dt { display:block; margin:0; padding:5px 0; font-weight:bold; width:33%; float:left; clear:left; border-top:1px solid #eee; }
dl.content dd { display:block; margin:0; padding:5px 0; width:66%; float:left; border-top:1px solid #eee; }

table.content { display:block; margin:0; padding:5px 0; width:100%; clear:both; border-bottom:1px solid #eee; }
table.content td.first { display:block; margin:0; padding:5px 0; font-weight:bold; width:33%; float:left; clear:left; border-top:1px solid #eee; }
table.content td { display:block; margin:0; padding:5px 0; width:66%; float:left; border-top:1px solid #eee; }


/* FORMS */
form { margin:0; padding:0; font-size:1em; width:100%; }
form input, form select, form textarea, form button, form fieldset, form fieldset legend { font-family:Arial, Helvetica, sans-serif; font-size:1em; }
form input[type=text], form input.text, form textarea { margin:0; padding:2px; border:1px inset #999; }
form div.formrule { margin:0 0 5px 0; padding:0; overflow:auto; }

form fieldset { display:block; margin:0 0 10px 0; padding:15px 10px 5px 10px; border:1px solid #ccc; overflow:auto; }
form fieldset legend { color:#999; }
form fieldset div.formrule { margin:0 0 5px 0; padding:0; width:100%; clear:both; }
form fieldset div.formrule span.required { font-size:1.5em; line-height:1em; color:#c33; font-weight:bold; }
form fieldset div.formrule label { font-weight:bold; }
form fieldset div.formrule label span { }
form fieldset div.formrule input.text { width:66%; }
form fieldset div.formrule input.inputstyle { width:66% !important; }

form fieldset div.formrule textarea.fulltext { height:6em; width:66%; }
form div.formrule.note { margin:0; padding:0; width:90%; }
form div.formrule.buttons { margin:0; padding:0; }
form div.formrule.buttons .button { margin:0; padding:0; float:left; width:8.2em; }
form div.formrule.validate-error { background:url(../gfx/sd-images/icon-formvalidation-error.gif) no-repeat 70% 1.5em; }
form div.formrule.validate-ok { background:url(../gfx/sd-images/icon-formvalidation-ok.gif) no-repeat 70% 1.5em; }
form div.validateMsgBox { margin:5px 0; padding:5px 40px; border:1px solid #c30; background:url(../gfx/sd-images/icon-formvalidation-msg.gif) no-repeat 5px 5px; }
form div.validateMsgBox h3,
form div.validateMsgBox p { margin:0; padding:0; color:#c30; }

.button.black { display:inline; float:left; margin:0; padding:0; border:none; outline:none; background:none; text-decoration:none; color:#ccc; cursor:pointer; }
.button.black strong { display:block; margin:0; padding:0; background:url(../gfx/sd-images/button-black.gif) no-repeat 100% -23px; }
.button.black strong span { display:block; margin:0 10px 0 0; padding:0 5px 0 15px; height:23px; line-height:21px; background:url(../gfx/sd-images/button-black.gif) no-repeat 0 0; }
.button.black:hover { color:#fff; }
.button.black:hover strong { background-position:100% -69px; }
.button.black:hover strong span { background-position:0 -46px; }
.button.black.disabled { color:#666; cursor:default; }
.button.black.disabled strong { background-position:100% -115px; }
.button.black.disabled strong span { background-position:0 -92px; }

.button.blackonred { display:inline; float:left; margin:0; padding:0; border:none; outline:none; background:none; text-decoration:none; color:#ccc; cursor:pointer; }
.button.blackonred strong { display:block; margin:0; padding:0; background:url(../gfx/sd-images/button-black-onred.gif) no-repeat 100% -26px; }
.button.blackonred strong span { display:block; margin:0 10px 0 0; padding:0 5px 0 15px; height:26px; line-height:24px; background:url(../gfx/sd-images/button-black-onred.gif) no-repeat 0 0; }
.button.blackonred:hover { color:#fff; }
.button.blackonred:hover strong { background-position:100% -78px; }
.button.blackonred:hover strong span { background-position:0 -52px; }
.button.blackonred.disabled { color:#666; cursor:default; }
.button.blackonred.disabled strong { background-position:100% -130px; }
.button.blackonred.disabled strong span { background-position:0 -104px; }

/* LAYOUT */
body { margin:0; padding:0; background:#aeaeae url(../gfx/sd-images/body-bg.gif) repeat-x 0 0; }
.columncontainer { margin:0; padding:0; width:100%; clear:both; overflow:auto; }
.columncontainer .column20 { margin:0; padding:0; width:20%; float:left; }
.columncontainer .column40 { margin:0; padding:0; width:40%; float:left; }
.columncontainer .column50 { margin:0; padding:0; width:50%; float:left; }
.columncontainer .column60 { margin:0; padding:0; width:60%; float:left; }

.pagecontainer { margin:0 auto; padding:200px 0 0 0; width:990px; position:relative; overflow:auto; }
body.homepage .pagecontainer { padding:400px 0 0 0; }
.brandingcontainer { margin:0; padding:0; height:70px; position:absolute; top:0; left:0; }
.headercontainer { margin:0; padding:0; clear:both; }
.contentcontainer { margin:0; padding:0; background:#fff; clear:both; width:100%; }
.footercontainer { margin:0; padding:0; clear:both; }

/* MAIN NAV (all pages) */
.navcontainer { margin:0; padding:0; position:absolute; left:0; top:60px; background:none; width:990px; height:43px; }
.navcontainer ul#mainNav { margin:0; padding:0 10px; list-style:none; background:url(../gfx/sd-images/mainnav-bg.gif) repeat-x 0 0; border-top:5px solid #bbb; overflow:auto; }
.navcontainer ul#mainNav li { margin:0; padding:0; float:left; list-style:none; }
.navcontainer ul#mainNav li a { display:block; margin:0; padding:0; height:43px; text-decoration:none; color:#ccc; line-height:35px; text-transform:lowercase; font-weight:bold; }
.navcontainer ul#mainNav li a span { display:block; margin:0; padding:0 15px; }
.navcontainer ul#mainNav li a:hover { text-decoration:underline; }
.navcontainer ul#mainNav li.active a { background:url(../gfx/sd-images/mainnav-activeitemanchor.gif) no-repeat 50% 100%; color:#fff; }
.navcontainer ul#mainNav li.active a span { background:url(../gfx/sd-images/mainnav-activeitem-bg.gif) repeat-x 0 0; }
.navcontainer ul#mainNav li.menuactief a { background:url(../gfx/sd-images/mainnav-activeitemanchor.gif) no-repeat 50% 100%; color:#fff; }
.navcontainer ul#mainNav li.menuactief a span { background:url(../gfx/sd-images/mainnav-activeitem-bg.gif) repeat-x 0 0; }

.navcontainer ul#applicationNav { margin:0; padding:0; list-style:none; position:absolute; right:0; top:5px; }
.navcontainer ul#applicationNav li { margin:0 10px; padding:0; list-style:none; }
.navcontainer ul#applicationNav li a { display:block; float:left; margin:0 10px 0 0; padding:10px; text-decoration:none; color:#999; text-transform:lowercase; }
.navcontainer ul#applicationNav li a:hover { text-decoration:underline; }

/* SUB NAVIGATION (content pages) */
.subnavigation { margin:0; padding:0; position:absolute; left:0; top:200px; width:190px; }
.subnavigation strong { display:block; margin:0; padding:10px; height:80px; background:#333; color:#ccc; font-size:1.6em; font-weight:normal; }
.subnavigation ul { display:block; margin:0; padding:10px 0 50px 0; list-style:none; background:#eee; }
.subnavigation ul li { display:inline; margin:0; padding:0; list-style:none; }
.subnavigation ul li a:link,
.subnavigation ul li a:visited,
.subnavigation ul li a:active { display:block; margin:0; padding:0; color:#666; text-decoration:none; font-weight:bold; }
.subnavigation ul li a:hover { color:#000; }
.subnavigation ul li a span { display:block; margin:0 10px; padding:0.5em 0; border-bottom:1px dotted #ccc; }
.subnavigation ul li.active a:link,
.subnavigation ul li.active a:visited,
.subnavigation ul li.active a:active { background:url(../gfx/sd-images/subnav-activeitemanchor.gif) no-repeat 100% 50%; color:#c33; }

/* PRODUCTDISPLAY (homepage and others) */
.productdisplay { position:absolute; left:0; top:100px; height:100px; width:990px; background:#c33 url(../gfx/sd-images/productdisplay-bg.gif) repeat-y 0 0; }
body.homepage .productdisplay { height:300px; }
.productdisplay img { position:absolute; top:0; left:0; z-index:1; }
.productdisplay .maindisplay { margin:0; padding:0 25px; height:100px; position:relative; overflow:hidden; z-index:1;}
.productdisplay .maindisplay h1 { margin:20px 0 0 0; padding:0; color:#fff; font-size:1.6em; }
.productdisplay .maindisplay blockquote { margin:0 300px 0 0; padding:0; color:#fff; font-size:1.4em; font-weight:normal; }
.productdisplay .maindisplay .button { position:absolute; right:20px; top:65px; }
body.homepage .productdisplay .maindisplay { margin:0; padding:0 25px; height:300px; position:relative; overflow:hidden; }
body.homepage .productdisplay .maindisplay h1 { margin:25px 0 0 0; padding:0; color:#fff; font-size:2.4em; }
body.homepage .productdisplay .maindisplay blockquote { margin:0; padding:0 190px 0 0; color:#fff; font-size:2em; font-weight:normal; }
body.homepage .productdisplay .maindisplay .button { position:absolute; left:200px; right:auto; top:210px; }
.productdisplay .sidedisplay { margin:10px 0 0 70px; padding:25px; position:relative;z-index:1;}
.productdisplay .sidedisplay h2 { margin:0; padding:0 0 5px 0; color:#ccc; text-transform:lowercase; font-size:1em; font-weight:normal; }
.productdisplay .sidedisplay ul { margin:0; padding:0; list-style:none; }
.productdisplay .sidedisplay ul li { margin:0; padding:0; list-style:none; }
.productdisplay .sidedisplay ul li a { display:block; margin:0; padding:5px 0 5px 20px; background:url(../gfx/sd-images/productdisplay-bullet.gif) no-repeat left; color:#ccc; text-decoration:none; font-size:1.4em; text-transform:lowercase; }
.productdisplay .sidedisplay ul li a:hover { color:#fff; text-decoration:underline; }

/* CARROUCEL (homepage) */
.carroucel { margin:0; padding:0; background:#333; height:350px; position:relative; }
.carroucel .carroucelheader { margin:0; padding:5px; position:absolute; top:0; right:0; z-index:9; }
.carroucel .carroucelheader a:link,
.carroucel .carroucelheader a:active,
.carroucel .carroucelheader a:visited,
.carroucel .carroucelheader a:hover { text-decoration:none; overflow:hidden; display:block; float:left; width:23px; height:23px; }
.carroucel .carroucelheader a.previous { background:url(../gfx/sd-images/productdisplay-nav-bg.gif) no-repeat 0 0; }
.carroucel .carroucelheader a.next { background:url(../gfx/sd-images/productdisplay-nav-bg.gif) no-repeat 100% 0; }
.carroucel .carroucelheader a.previous:hover { background-position:0 100%; }
.carroucel .carroucelheader a.next:hover { background-position:100% 100%; }
.carroucel .carroucelheader a span { visibility:hidden; font-size:1px; }
.carroucel .carroucelcontent { margin:0; padding:0; }
.carroucel .carroucelcontent .carroucelitem { margin:0; padding:10px; overflow:auto; position:absolute; left:0; top:0; visibility:hidden; }
.carroucel .carroucelcontent .carroucelitem h2 { margin:0; padding:0; color:#fff; }
.carroucel .carroucelcontent .carroucelitem p { margin:0; padding:0; color:#ccc; }
.carroucel .carroucelcontent .carroucelitem .img { margin:5px 0 0 0; padding:0; background:#666; }
.carroucel .carroucelcontent .carroucelitem .img  img{ width:100%; }
.carroucel .carroucelfooter { margin:0; padding:0 0 5px 0; overflow:auto; position:absolute; bottom:0; left:0; width:570px; }
.carroucel .carroucelfooter .nav { margin:0 auto; width:100px; }
.carroucel .carroucelfooter a { display:block; float:left; height:17px; width:17px; background:url(../gfx/sd-images/productdisplay-link-bg.gif) no-repeat 100% 0; text-decoration:none; }
.carroucel .carroucelfooter a.active { background-position:0 0; }
.carroucel .carroucelfooter a span { visibility:hidden; font-size:1px; }

/* NEWS (homepage) */
.news { margin:0; padding:0 0 0 20px; }
.news .item { margin:0 10px 0 0; padding:10px 0; }
.news .item .image { margin:0 0 5px 0; padding:0; height:100px; overflow:hidden; }
.news .item .image img { width:100%; }
.news .item p,
.news .item h3 { margin:0; padding:0; font-size:1em; }
.news .item h3 a { text-decoration:none; }
.news .item h3 a:hover { text-decoration:underline; }
.news .item a.readmore { float:right; font-size:0.9em; text-decoration:none; }
.news .item a.readmore:hover { text-decoration:underline; }

/* TEASERS (homepage) */
.teasers { margin:0; padding:0 0 10px 0; clear:both; }
.teasers .teaser { margin:0 10px 0 0; padding:10px; }
.teasers .teaser.last { margin:0 0 0 10px; }
.teasers .teaser.last { margin:0; }
.teasers .teaser.newsletter { margin:0 0 0 10px; background:#eee url(../gfx/sd-images/teaser-newsletter-bg.gif) no-repeat 100% 100%; overflow:auto; }
.teasers .teaser.newsletter input { margin:0; width:96%; }
.teasers .teaser.newsletter button { float:right; width:8em; }
.teasers .teaser h4 { margin:0; padding:0; font-size:1.2em; font-weight:normal; }
.teasers .teaser p { font-size:0.9em; }

/* FOOTER (all pages) */
.footercontainer { margin:0; padding:10px 10px 35px 10px; overflow:auto; }
.footercontainer ul { display:inline; margin:0; padding:0; list-style:none; }
.footercontainer ul li { display:inline; margin:0; padding:0; list-style:none; }
.footercontainer ul li a:link,
.footercontainer ul li a:visited,
.footercontainer ul li a:active { margin:0 10px 0 0; padding:0; float:left; color:#333; text-decoration:none; font-size:0.9em; }
.footercontainer ul li a:hover { color:#000; text-decoration:underline; }
.footercontainer .companybranding { margin:0; padding:0; float:right; }

/* CONTENT HEADER (content list and detail pages) */
.contentheader { margin:0; padding:0; height:100px; background:#999; background-position:190px 0; background-repeat:no-repeat; }
body.over-servicedienst-online .contentheader { background-image:url(../gfx/sd-media/contentheaders/contentheader-brandkast.jpg); }
body.diensten .contentheader { background-image:url(../gfx/sd-media/contentheaders/contentheader-buspda.jpg); }
body.support .contentheader { background-image:url(../gfx/sd-media/contentheaders/contentheader-handenbureau.jpg); }

/* CONTENT (content pages) */
.content { margin:0 0 0 190px; padding:0 0 50px 20px; position:relative; overflow:auto; }
.content.list .introduction { margin:0; padding:0 190px 30px 0; }
.content.list .introduction h1 { color:#c33; }
.content.list .introduction p { color:#666; font-size:1.2em; }
.content.list .article { margin:0 0 30px 0; padding:0; width:50%; float:left; }
.content.list .article.odd { clear:left; }
.content.list .article .image { margin:0 20px 5px 0; padding:0; overflow:hidden; }
.content.list .article h2 { margin:0 20px 0 0; padding:0; }
.content.list .article h2 a:link,
.content.list .article h2 a:active,
.content.list .article h2 a:visited { text-decoration:none; }
.content.list .article h2 a:hover { text-decoration:underline; }
.content.list .article p { margin:0 20px 0 0; padding:0; }
.content.list .article a.readmore { margin:0 20px 0 0; float:right; font-size:0.9em; text-decoration:none; }
.content.list .article a.readmore:hover { text-decoration:underline; }

.content.detail .article { margin:0; padding:0 190px 0 0; }
.content.detail .article h1 { color:#c33; }
.content.detail .article .mediacontainer { margin:0; padding:0; width:100%; position:relative; background:#eee url(../gfx/sd-images/article-mediaitem-caption-bg.gif) no-repeat 100% 100%; }
.content.detail .article .mediacontainer .image { margin:0; padding:0; }
.content.detail .article .mediacontainer .caption { margin:0; padding:10px 10px 0 20px; position:absolute; right:0; top:0; width:190px; background:url(../gfx/sd-images/article-mediaitem-bg.gif) no-repeat 2px 1.1em; }
.content.detail .article .mediacontainer .caption h3 { margin:0; padding:0; font-size:1em; }
.content.detail .article .downloadlink { margin:0 0 1em 0; padding:4px 0 4px 20px; background:url(../gfx/sd-images/icon-download.gif) no-repeat 0 50%; }

.content.detail .indent { margin-left: 30px !important; }
.content.detail .indent div.left {
  float: left;
  margin: 5px 0 5px 0;
  padding: 0;
  overflow:hidden;  
  z-index:16;   
}
.content.detail .indent div.right {
  float: right;
  margin:  5px 0 5px 0;
  padding: 0;
  background:url(../gfx/sd-images/icon-upload.gif) no-repeat 0 75%;
  width: 250px;  
  overflow:hidden;
  z-index:10;
}
.hr-break hr {
  display: none;
}
.hr-break{ clear: both; border-top:1px solid #eee;  }