/*@import url(../InlineWin.css);*/


/*html,html body {height:100%;}*/
body#frontend{ text-align: center; }
body{ margin: 0; padding: 0; background: #FFF; color: #646464; font: 68%/1.6em Verdana, Arial, Helvetica, "Lucida Grande", sans-serif; }

a{ color: #646464; text-decoration: underline; }
a:hover{ text-decoration: underline; }

h1 a, h2 a, h3 a, h4 a, h5 a{ text-decoration: none; }
h1{ color: #a6ce39; margin: 0; padding: 0 0 0.2em 0; font: normal 175% Arial, Helvetica, "Lucida Grande", sans-serif; letter-spacing: 0px;}
h2{ color: #a6ce39; margin: 0; padding: 0 0 0.2em 0; font: normal 155% Arial, Helvetica, "Lucida Grande", sans-serif; letter-spacing: 0px; }
h3{ color: #a6ce39; margin: 0; padding: 0 0 0.2em 0; font: normal 135% Arial, Helvetica, "Lucida Grande", sans-serif; letter-spacing: 0px; }
h4{ color: #a6ce39; margin: 0; padding: 0 0 0.2em 0; font: normal 125% Arial, Helvetica, "Lucida Grande", sans-serif; }
h5{ color: #a6ce39; margin: 0; padding: 0; font: normal 115% Verdana, Helvetica, "Lucida Grande", sans-serif; }

.right-pane .related-sidebar h4, .right-pane .related-sidebar h4{ font-size: 120% !important; }

p{ margin: 0; padding: 0 0 2em 0; }
blockquote{ margin: 0em 1em 2em 1.5em; }
img, img a{ border: none; }
blockquote {margin: 1.25em;padding: 0.5em}

ul{ list-style-type: disc; display:block; margin: 0 0 2em 1em; padding: 0 0 0 2em; }
ol{ list-style-type: decimal; display:block; margin: 0 0 2em 1em; padding: 0 0 0 2em; }
ul li, ol li , ol li a, ul li a{ line-height: inherit; }
ul li{ /*padding: 0.3em 0;*/ line-height: inherit; list-style-type: disc; }
ol li{ /*padding: 0.3em 0;*/ line-height: inherit; list-style-type: decimal; }
ul.no-bullets{ margin: 0 0 0.8em 0; padding: 0; list-style-type: none; }
ul.no-bullets li{ list-style-type: none; }

/* facetlist general */
div.facet-container{ display: block; width: 223px; clear: both; float: left; border: 1px solid #a6ce39; margin: 0 0 1em 0 !important; overflow: hidden; } /*with border width: 223*/
ul.facet-list{ list-style-type: none; background: transparent; padding: 0 !important; margin: 0px !important; display: block; width: 100%; clear: both; float: left; }
ul.facet-list li{ border-top: 1px solid #a6ce39; display: #00853a; width: 100%; clear: both; float: left; padding: 0 !important; list-style-type: none; }
ul.facet-list li.selected{ font-weight: bold; color: #00853a; }
ul.facet-list li.selected span{ color: #00853a; }
ul.facet-list li a span{ color: #00853a; font-size: 86%; }
ul.facet-list .checkbox{ float: left; width: 14px; position: relative; left: 4px; top: 4px !important; }
h4.facet-list-title{ background: #a6ce39; margin:0; padding: 0.3em 0em; text-indent: 4px; width: 100%; float: left; color: #FFF; font-weight: bold; font-size: 106%; }

div.facet-container label{ display: inline; width: auto !important; }
div.facet-container label:hover{ text-decoration: none !important; }

/* facetnav */
ul.facet-list li a{ text-decoration: none !important; color: #00853a !important; width: 185px; float: right; line-height: 1.1em; margin: 0 0 0 4px !important; padding: 0.7em 0 !important; }
ul.facet-list li a:hover{ text-decoration: underline !important; }
ul.facet-list label.icon-arrow-right a{ background-image: url('../../images/frontend/icon-arrow-right.gif'); background-position: 0px 9px; background-repeat: no-repeat; text-indent: 10px; }
ul.facet-list label.icon-arrow-down a{ background-image: url('../../images/frontend/icon-arrow-down.gif'); background-position: 0px 9px; background-repeat: no-repeat; text-indent: 10px; }

/* sub-facetlist */
ul.facet-list ul{ list-style-type: none; padding: 0 !important; margin: 0 !important; display: block; width: 100%; clear: both; float: left; }
ul.facet-list ul .checkbox{ float: left; width: 14px; margin-left: 22px; }
ul.facet-list li li a{ width: 167px; float: right; margin: 0 !important; padding: 0.7em 0 !important;  }
ul.facet-list li li a:hover{ text-decoration: underline; }

/* empty-facet */
ul.facet-list li label.empty a{ text-decoration: none !important; color: #acacac !important; cursor: default !important; }
ul.facet-list li label.empty a:hover, ul.facet-list li label.empty{ text-decoration: none !important; color: #acacac !important; cursor: default; }
ul.facet-list li label.empty a span{ color: #acacac !important; }


form{ margin: 0; padding: 0; }
/*form p, .form p{ padding: 0.2em 0; margin: 0; }*/
.related-sidebar p{ padding: 0.2em 0; margin: 0; clear: both; width: 100%; float: left; }
fieldset{ border: none; margin: 1em 0; padding: 0; width: 100%; }
input, textarea{ font: normal 100% Verdana, Arial, Helvetica, "Lucida Grande", sans-serif; background: #FFF;  border: 1px solid #F0F0F0; padding: 2px 4px; width: 98%;  }
input.button, a.button, input.loginButton, a.loginButton{ cursor: pointer; -moz-border-radius:3px; -webkit-border-radius: 3px; width: auto; white-space: nowrap; border: 1px none #00853a !important; padding: 4px 8px; color: #FFF; background: #00853a; }
input.button:hover, a.button:hover, input.loginButton:hover, a.loginButton:hover{  -moz-border-radius:3px; -webkit-border-radius: 3px; border: 1px none #00853a !important; background: #a6ce39; color: #FFF;  padding: 4px 8px; text-decoration: none; }
input.checkbox, input.radio{ background: none; border: none; display: inline; float: left; width: 14px; }
label{ color: #646464; display: block; clear: both; margin: 0; cursor: pointer; line-height: 1.4em; }
label.inline, ul li label{ display: block; clear: none; margin: 0 0 0 4px; float: left; width: 80%; }
label:hover{ text-decoration: underline; }
input.fillout{ width: 98%; }
input.loginButton{ width: auto; }
span.inline input, span.inline label, table.inline input, table.inline label { width:auto; display:inline; }


/* toolbox */
.center{ margin: auto auto; }
.center-txt{ text-align: center; }
.center-page{ margin: 0 auto; overflow: hidden; }
.clear{ clear: both; display: block; }
.clear-right{ clear: right; }
.clear-left{ clear: left; }
.no-clear{ clear: none; display: inline; }
.intro-txt{ margin-top: 1em; font-size: 145%; line-height: 1.5em; }
.big-txt{ font-size: 126%; }
.bigger-txt{ font-size: 116%; }
.big-nav *{ font-size: 110%; }
.normal-txt{ font-size: 100%; }
.small-txt{ font-size: 96%; }
.xsmall-txt{ font-size: 86%; }
.line-height-normal{ line-height: normal; }
.left{ float: left;}
.left-img{ margin: 4px 12px 0 0; float: left; }
.left-txt { text-align: left; }
.line {margin: 1em 0; width: 100%; border-top: 2px #f6f6f6 solid; float: left; }
.padding{ padding: 20px; }
.padding-small{ padding: 10px; }
.padding-xsmall{ padding: 4px; }
.padding-small-content{ padding: 0px; }
.no-margin{ margin: 0; }
.no-margin-bott{ margin-bottom: 0; }
.no-padding{ padding: 0 !important; }
.no-pad-bott{ padding-bottom: 0; }
.no-border{ border: none !important; }
.no-block{ display: inline !important; width: auto !important; }
.no-background{ background: none !important; }
.no-underline{ text-decoration: none !important; }
.nofloat{ float: none; }
.right{ float: right; }
.right-img{ float: right; margin: 4px 0 0 12px; }
.right-txt{ text-align: right; }
.rnd-small{ /*-moz-border-radius:4px;*/ -webkit-border-radius: 4px; }
.rnd-big{ /*-moz-border-radius:6px;*/ -webkit-border-radius: 6px; }
.print{ display: none; }

.mtop{ margin-top: 10px; }
.mbott{ margin-bottom: 10px !important; }
.mleft{ margin-left: 10px; }
.mright{ margin-right: 10px; }
.mstop{ margin-top: 5px; }
.msbott{ margin-bottom: 5px !important; }
.msleft{ margin-left: 5px; }
.msright{ margin-right: 5px; }

.ptop{ padding-top: 10px; }
.pbott{ padding-bottom: 10px; }
.pleft{ padding-left: 10px; }
.pright{ padding-right: 10px; }
.pstop{ padding-top: 5px; }
.psbott{ padding-bottom: 5px; }
.psleft{ padding-left: 5px; }
.psright{ padding-right: 5px; }

.spacer-left{ margin-left: 22px; }
.spacer-right{ margin-right: 22px; }
.date{ margin: 0.4em 0 0.2em 0; clear: both; display: block; }
.block{ display: block; }
.wrap{ width: auto; }
.no-wrap{ white-space: nowrap }
.hide{ display: none; }
.noscript{ display: none; }
.auto{ width: auto; }
.fillout{ width: 100%; }
.overflow-hidden{ overflow: hidden !important; }

.clearfix:after {	content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix {	display: inline-block; }
html[xmlns] .clearfix {	display: block; }
* html .clearfix { height: 1%; }

.photo-description{ font-size: 90%; font-style: italic; }
.footer-description{ font-size: 90%; }
.box-border{ border: 1px solid #a6ce39; margin: 1em 0 2em 0em !important; padding: 5px; }
.box-sides{ border-left: 1px solid #a6ce39; border-right: 1px solid #a6ce39; margin: 1em 0em 2em 0em !important; padding: 0px 10px; }
.box-sides p, .box-border p{ padding: 0; }

/* end toolbox */


/* color styles */
.black-txt, .black-txt * { color: #000 !important;  }
a.black-txt:hover, .black-txt a:hover { color: #000 !important; }
.white-txt, .white-txt * { color: #FFF !important;  }
a.white-txt:hover, .white-txt a:hover  { color: #FFF !important; }
.light-txt, .light-txt * { color: #a6ce39 !important;  }
a.light-txt:hover, .light-txt a:hover { color: #a6ce39 !important; }
.dark-txt, .dark-txt * { color: #00853a !important;  }
a.dark-txt:hover, .dark-txt a:hover { color: #00853a !important; }
.special-txt, .special-txt * { color: #a6ce39 !important;  }
a.special-txt:hover, .special-txt a:hover { color: #a6ce39 !important; }


/* various */
/*.read h4 a{ color: #565c62 !important; width: 100%; text-decoration: underline !important; font-size: 110%; font-weight: bold; }*/
/*.box h4 a:visited{ color: #565c62; width: 100%; text-decoration: underline !important; font-size: 110%; font-weight: bold; }*/
div.box h4, div.results h4, div.box h4 a, div.results h4 a{ color: #00853a !important; width: 90%; display: block; padding-left: 0px; font-size: 116%; }
div.box a, div.results a{ color: #00853a !important; text-decoration: underline !important; }
div.box a:hover, div.results a:hover{ text-decoration: underline !important; }
div.box{}
div.results{ background-color: transparent; margin: 1em 0 1em 0; padding: 0 0 0 0; border: 1px solid #a6ce39; float: left; clear: both; width: 100%; position: relative; }
div.results .left-pane{ position: relative; width: 75% !important; float: left;  /*border-right: 1px solid #D9DCDD !important;*/ }
div.results .left-pane p{ width: 95%; padding: 0 0 1em 0; }
div.results .right-pane{ color: #000; position: relative; width: 20% !important; float: right; border: none !important; font-size: 96%; }
div.results .right-pane .padding-xsmall{ padding: 0; }
div.results .right-pane .have-read{ }
div.results .right-pane .add-document{ }
div.results .right-pane .added-document{ }
div.results .padding-small{ padding: 10px !important; }
div.results .icon-added, div.results .icon-add{ position: absolute; bottom: 0.8em; right: 10px; color: #00853a !important; }

p.sort{ padding: 0 0 0.2em 0;}
p.sort span{ padding: 0 1em 0 0; color: #000; }
p.sort a{ text-decoration: none; margin: 0em 1.5em 0em 5px; padding: 2px 0 0 22px; }
p.sort a:hover{ text-decoration: underline; margin: 0em 1.5em 0em 5px; padding: 2px 0 0 22px; }


.selection-vertical .fillout{ width: 85% !important; }
.selection-vertical, .selection-horizontal{ border: none !important; width: 100%; background: #FFF !important; }
.selection-vertical .padding-small, .selection-horizontal .padding-small{ padding: 0;}
.paragraph p, div.results p{ padding: 0 0 0.3em 0; }
.border-img{ background-color: #F0F0F0; border: 1px solid #FBFBF9; }
.border-img img{ float: left; margin:0; padding: 0; }
.caption{ font-size: 86%; text-align: center; }

.bg-color-01 { background: #FFF; color: #646464; }
.bg-color-02 { background: #a6ce39; color: #646464; width: 100%; display: block; }
.bg-color-02 h5{ color: #FFF !important; }
.bg-color-03 { color: #646464; background: #FFF url('../../images/frontend/icon-arrow-color-03.gif') 95% 50% no-repeat; }
.bg-color-04 { color: #646464; background: #FFF; width: 100%; display: block; }
.bg-color-05 { color: #646464; background: #FFF url('../../images/frontend/icon-arrow-color-05.gif') 95% 50% no-repeat; }
.bg-color-05 a{ color: #646464; text-decoration: none; text-indent: 30px; }
.bg-color-05 a:hover{ color: #646464; text-decoration: underline; }
.bg-color-06 { color: #FFFFFF; background: #00853a; margin-top: 1.5em; }
.bg-color-07 { color: #646464; background: #FFFFFF; }

.border-color-01{ border: 1px solid #a6ce39 !important; }
.border-color-02{ border: 1px solid #a6ce39 !important; }

.icon-01{ padding: 10px !important; background: url('../../images/frontend/icon-pdf-big.gif') 0% 50% no-repeat;}
/*.icon-box-01{ background-image: url('../../images/frontend/icon-box-graph.gif'); background-position: 98% 6%; background-repeat: no-repeat; }
.icon-box-02{ background-image: url('../../images/frontend/icon-box-txt.gif'); background-position: 98% 6%; background-repeat: no-repeat; }
.icon-box-03{ background-image: url('../../images/frontend/icon-box-tv.gif'); background-position: 98% 6%; background-repeat: no-repeat; }*/

.btn-sidebar{ float: left; width: 215px; clear: both; margin-bottom: 5px; position: relative; left: 0px; overflow: hidden; }
.btn-sidebar a{ display: block; width: 100%; clear: both;  }
.btn-sidebar img{ margin: 0 8px 4px 0; }
.btn-sidebar .padding-xsmall{ padding: 4px 8px 4px 8px; }

.related-sidebar{ background: #FFF; width: 223px; overflow: hidden; position: relative; z-index: 100; border: #646464 1px solid; clear: both; float: left; margin-bottom: 1em; }
.related-sidebar h4{ font-weight: bold; padding: 0 0 0.4em 0; /*text-indent: 4px;*/ /*background: url('../../images/frontend/bg-grad-titles.gif') left bottom repeat-x;*/ color: #a6ce39; font-size: 120%; }
.related-sidebar h5{ font-weight: bold; padding: 0em 0em 0.3em 0em	; /*text-indent: 4px;*/ /*background: url('../../images/frontend/bg-grad-titles.gif') left bottom repeat-x;*/ color: #a6ce39; font-size: 100%; }
.related-sidebar p{ padding: 0 0 0.3em 0; }
.related-sidebar p a{ color: #00853a !important; }
.related-sidebar{ color: #646464; line-height: 1.4em; }
.related-sidebar ul{ margin: 0em; }
.related-sidebar li{ padding: 0.1em; }

.related-sidebar a.read-more{ color: #00853a !important; text-decoration: none; font-size: 100%; line-height: normal; padding: 0.3em 8px 0em 0em; width: 100%; display: block; font-weight: normal; /*background: url('../../images/frontend/icon-arrow-read-more.gif') 95% 50% no-repeat;*/ }
.related-sidebar a.read-more:hover{ text-decoration: underline; }

.poll-result{ width: 170px; float: left; height: 15px; background: #F0F0F0; }
.poll-nr{ float: right; font-size: 90% }
.poll-result div{ background: #00853a; height: 15px; }


#content .center-pane .related-sidebar h4{ font-weight: bold; padding: 0.4em 0px; }
#content .center-pane .related-sidebar{ background: #FFF; border: none !important; width: 100% !important; overflow: hidden; position: relative; z-index: 100; clear: both; float: left; margin-bottom: 1em; }
#content .center-pane .poll-result{ width: 90% !important; float: left; height: 15px; background: #F0F0f0; }
#content .center-pane .related-sidebar .padding-small{ padding: 0; }

.download-txt{ display: block; width: 200px; font-size: 88%; line-height: 1.4em; margin: 1em 0 0.5em 0; float: left; }


/*link styles*/
/*a.read-more{ font-size: 105%; line-height: 0.3em; padding: 0.3em 8px 0.4em 0em; width: 100%; display: block; font-weight: normal; background: url('../../images/frontend/icon-arrow-read-more.gif') 95% 50% no-repeat; }*/
a.read-more{ color: #00853a !important; }
a.read-more:hover{ text-decoration: underline; }
a.icon-del-end{ background: #FFF url('../../images/frontend/icon-del.gif') 4px 50% no-repeat; padding: 0.3em 0.6em 0.3em 2.4em; margin-top: 0.2em; margin-right: 0.4em; -moz-border-radius:4px; -webkit-border-radius: 4px; width: auto; white-space: nowrap; float: left; }
a.icon-del-end:hover{ text-decoration: line-through; background: #FFF url('../../images/frontend/icon-del-hover.gif') 4px 50% no-repeat; padding: 0.3em 0.6em 0.3em 2.4em; margin-top: 0.2em; margin-right: 0.4em; -moz-border-radius:4px; -webkit-border-radius: 4px; width: auto; white-space: nowrap; float: left; }
a.icon-arrow-link{ color: #646464; padding: 0.3em 0 0.4em 8px; font-weight: normal; background-image: url('../../images/frontend/icon-arrow-link.gif'); background-position: 0px 8px; background-repeat: no-repeat; margin-right: 8px; text-decoration: none; }
a.icon-arrow-link:hover{ color: #00853a; padding: 0.3em 0 0.4em 8px; font-weight: normal; background-image: url('../../images/frontend/icon-arrow-link.gif'); background-position: 0px 8px; background-repeat: no-repeat; margin-right: 8px; text-decoration: none; }

.facet-list li.selected a.icon-arrow-link{ color: #646464; padding: 0.3em 0 0.4em 8px; font-weight: bold; background-image: url('../../images/frontend/icon-arrow-link.gif'); background-position: 0px 8px; margin: 0px; background-repeat: no-repeat; }
.facet-list li a.icon-arrow-link:hover{ text-decoration: underline; }

/* icon bg styles */
.icon-back{ color: #00853a !important; background-image: url('../../images/frontend/icon-back.gif'); background-position: center left; background-repeat: no-repeat; padding: 0 0 2px 10px; }
.icon-print{ background-image: url('../../images/frontend/icon-print.gif'); background-position: center left; background-repeat: no-repeat; padding: 0 0 2px 20px; }
.icon-info{ background-image: url('../../images/frontend/icon-info.gif'); background-position: center right; background-repeat: no-repeat; padding: 0px 20px 2px 0px; text-decoration: none; }
.icon-add{ background-image: url('../../images/frontend/icon-add.gif'); background-position: center left; background-repeat: no-repeat; padding: 0 0 2px 20px; }
.icon-added{ background-image: url('../../images/frontend/icon-added.gif'); background-position: center left; background-repeat: no-repeat; padding: 0 0 2px 20px; }
.icon-del{ background-image: url('../../images/frontend/icon-del.gif'); background-position: center left; background-repeat: no-repeat; padding: 0 0 2px 20px; }
.icon-pdf{ background-image: url('../../images/frontend/icon-pdf.gif'); background-position: center left; background-repeat: no-repeat; padding: 0 0 4px 20px; }
a.icon-arrow-right{ background-image: url('../../images/frontend/icon-arrow-right.gif'); background-position: 0px 6px; background-repeat: no-repeat; text-indent: 10px; }
a.icon-arrow-down{ background-image: url('../../images/frontend/icon-arrow-down.gif'); background-position: 0px 8px; background-repeat: no-repeat; text-indent: 10px; }

.box a.icon-pdf{ background-position: 0em 0.3em; display: block; width: 90%; }
.box .icon-print{ background-position: 0em 0.3em; display: block; width: 90%; }

.icon-del-small{ background-image: url('../../images/frontend/icon-del-small.gif'); background-position: center right; background-repeat: no-repeat; padding: 0 15px 2px 0px;}
.box span.icon-del-small{ background-image: url('../../images/frontend/icon-del-small.gif'); background-position: center right; background-repeat: no-repeat; padding: 0 15px 2px 0px; }


/* page layout */
body .topbar{ width: 100%; background: #E3E3E3; height: 30px; text-align: right; }
body .topbar div{ width: 960px; padding: 6px 0 0 0; }
body .topbar a{ color: #000; font-size: 90%; }

#framework{ position: relative; width: 960px; text-align: left; }

#container{ width: 100%; height: 100%; float: left; background: #FFF; position: relative; }
#container .page-title{ float: left; width: 70%; }
#container .helpers{ float: left; width: auto; }
#container .helpers a{ float: left; margin-right: 2em; color: #00853a !important; }

#header{ position: relative; width: 100%; min-height: 130px; _height: 130px; margin-bottom: 10px; /*background: #FFF url('../../images/frontend/bg-header.jpg') top right no-repeat;*/ }

#header .company-title a{ float: right; height: 100px; width: 200px; overflow: hidden; display: block; background: #FFF url('../../images/frontend/company-logo.jpg') top right no-repeat; }
#header .company-title a span{ display: none; }
#header .document-title{ float: left; position: relative; top: 40px; left: 45px; display: block; font-size: 210%; font-weight: normal; }
#header .go-to{ position: absolute; float: right; bottom: 3px; right: 0px; z-index: 100; display: none; }
#header .go-to a{ color: #FFFFFF; }

#header .size-txt{ display: none; color: #FFFFFF; position: absolute; float: right; bottom: 5px; right: 245px; z-index: 100; }
#header .size-txt a{ color: #FFFFFF; text-decoration: none; padding: 0.2em; }
#header .size-txt a:hover{ color: #FFFFFF; text-decoration: underline; }

#content{ width: 100%; height: 100%; float: left; }
#content .content-pane{ width: auto; }
#content .content-footer-pane{ width: 100%; clear: both; }
#content .left-pane{ width: 225px; margin-right: 20px; float: left; overflow: hidden; }
#content .center-pane{ width: 470px; float: left; }
#content .right-pane{ position: relative; top: -18px; right: 0px; width: 225px; float: right; z-index: 100; }

#content .subheader .left-pane, #content .subheader .center-pane/*, #content .subheader .right-pane*/ { min-height: 3.7em; _height: 3.7em; margin-bottom: 1em; }
#content .subheader p{ margin: 0; padding: 0; }
#content .subheader a{ color: #00853a; font-size: 100%; }
#content .subheader .left-pane{ width: 225px; margin-right: 20px; float: left; border-bottom: 1px none #B1C0CF; }
#content .subheader .center-pane{ width: 470px; float: left; border-bottom: 1px none #B1C0CF; }
#content .subheader .right-pane{ width: 225px; float: right; border-bottom: 1px none #B1C0CF; }

#container.wide .left-pane{ width: 225px; margin-right: 20px; float: left; overflow: hidden; }
#container.wide .center-pane{ width: 713px; float: left; _overflow: hidden;  }
#container.wide .right-pane{ width: 225px; position: absolute; top: 80px; z-index: 100; }
#container.wide .subheader .left-pane{ width: 225px; margin-right: 20px; float: left; border-bottom: 1px none #B1C0CF; }
#container.wide .subheader .center-pane{ width: 713px; float: left; _overflow: hidden; border-bottom: 1px none #B1C0CF; }
#container.wide .subheader .right-pane{ width: 225px; position: relative; top: 25px; }
#container.wide .right-pane .related-sidebar{ position: relative; top: 20px; }
/*#container.wide .right-pane .related-sidebar .padding-small{ padding: 0 10px 10px 10px; }*/
#container.wide .helpers{ float: left; width: auto; position: absolute; left: 245px; }
#container.wide div.bg-search-box{ width: 225px; height: 25px; background: url('../../images/frontend/bg-search-box.gif') top left no-repeat; position: relative; top: 0px; right: 0px; z-index: 100; }
#container.wide input.search-box-submit{ width: 23px; height: 23px; position: absolute; right: 6px; top: 6px; background: transparent; border: none; cursor: pointer; }
#container.wide .subheader .center-pane { min-height: 6.7em; _height: 6.7em; margin-bottom: 1em; }
#container.wide input.search-box{ width: 172px; height: 18px; margin: 0; padding: 0 0 0 10px; font-size: 90%; color: #636363; border: none; background: none; outline: none; -moz-outline: none;position: absolute; left: 0px; top: 4px; }

#container.homepage .center-pane{ width: 713px; position: relative; }
#container.homepage #footer{ margin: -10px 0 10px 0; }
#container.homepage h1.home-link a{ position: absolute; top: 254px; right: 0px; width: 713px; height: 85px; display: block; background: url('../../images/frontend/spacer.gif'); }
#container.homepage h1.home-link a span{ display: none; }
#container.homepage input.button-home{ position: relative; left: -1px; cursor: pointer; width: 225px !important; white-space: nowrap; margin: 0; padding: 8px 8px; color: #FFF; background: #a6ce39; text-align: left; font-size: 110%; }
#container.homepage input.button-home:hover{ background: #00853a; color: #FFF;  padding: 8px 8px; text-decoration: none; }

#content .subheader div.bg-search-box{ width: 218px; height: 20px; background: url('../../images/frontend/bg-search-box.gif') top left no-repeat; position: relative; right: 0px; }
#content .subheader input.search-box{ width: 172px; height: 18px; margin: 0; padding: 0 0 0 10px; font-size: 96%; color: #9E9DA2; border: none; background: none; outline: none; -moz-outline: none;position: absolute; left: 0px; top: 1px; }
#content .subheader input.search-box-submit{ width: 20px; height: 20px; position: absolute; right: 0px; top: 0px; background: transparent; border: 1px none red; cursor: pointer; }

#navigation{ position: absolute; bottom: 0px; left: 0px;  width: 100%; background: #FFF url('../../images/frontend/bg-navigation.jpg') top left no-repeat; height: 30px; _height: 30px; z-index: 100; }
#navigation ul.nav{ position: absolute; left: 36px; bottom: 0px; margin: 0; padding: 0; list-style: none; height: 30px; _height: 30px; }
#navigation ul.nav li{ position: relative; margin: 0; padding: 0; list-style: none; float: left; border-right: 1px none #FFF; background: url('../../images/frontend/nav-divider.gif') right center no-repeat; }
#navigation ul.nav li a{ float: left; width: auto; color: #FFFFFF; font-size: 100%; height: 30px; overflow: hidden; padding: 0px 10px; text-decoration: none; font-weight: normal; font-size: 112%; }
#navigation ul.nav li a:hover{ color: #FFF; text-decoration: none; }
#navigation ul.nav li.selected a, #navigation ul.nav li.active a{ color: #FFF; text-decoration: underline; }
#navigation ul.nav li a span{ display: block; position: relative; top: 5px; }
#navigation ul.nav ul li a span{ display: block; padding: 0 0 0 11px !important; }
#navigation ul.nav li.last{ background: none; }

/*dropdows styles*/
	#navigation ul.nav li ul { border: 1px none #FFF; border-top: none; width: 18em; top: 31px; padding: 0; background: #00853a; display: block; float: left; cursor: default; position: absolute; left: -999em; }
	#navigation ul.nav li:hover ul, #navigation ul.nav li.active ul { position: absolute; left: 0px !important; padding: 0 0 1em 0; margin: -1px 0 0 0px; z-index: 100; }
	#navigation ul.nav ul { padding: 0; margin: 0; list-style: none; }
	#navigation ul.nav li li{ float: left; border-top: 1px none #FFF; border-right: 1px none #00853a; float: left; width: 100%; background: #00853a; }
	#navigation ul.nav ul li a, #navigation ul.nav ul li a:hover{ width: 100%; height: auto; display: block; text-decoration: none; margin: 0; padding: 0.3em 0; font-weight: normal; }
	#navigation ul.nav li.active li a, #navigation ul.nav li:hover li a, #navigation ul.nav li a.active{ color: #FFF !important; font-weight: normal; }
	#navigation ul.nav li.active li a:hover, #navigation ul.nav li:hover li a:hover, #navigation ul.nav li a.active:hover{ color: #FFF !important; text-decoration: underline; font-weight: normal; }


#footer{ width: 100%; color: #FFF; border-top: 1px #E4E4E4 none; background: #FFF url('../../images/frontend/bg-footer.jpg') top left no-repeat; margin: 2em 0; height: 30px; width: 100%; clear: both; float: left; }
#footer .padding-small{ padding: 5px 10px; }
#footer a{ color: #FFF; text-decoration: none;  }
#footer a:hover{ color: #FFF; text-decoration: underline;  }




/* content helpers layout */
.full-pane{ width: 99%; overflow: hidden; }
.third-pane{ width: 33%; overflow: hidden; }
.two-third-pane{ width: 66%; overflow: hidden; }
.half-pane{ width: 50%; overflow: hidden; }
.split-pane{ width: 48%; overflow: hidden; }


/* table generic */
table{ width: 100%; margin: 2em 0; border-collapse: collapse; background: #f6f6f6 !important; }
table thead td{ background: #00853a; border-top: 1px solid #00853a; padding: 0.1em 0.6em; color: #FFF; font-size: 100%; font-weight: bold; white-space: nowrap; }
table td{ padding: 0.2em 0.6em; border-bottom: 1px solid #FFF; }

/* table targets */
table.targets{ width: 100%; margin: 0 0 2em 0; border-collapse: collapse; background: #f6f6f6 !important; }
table.targets thead td{ font-style: italic; background: #00853a; border-top: 1px solid #00853a; padding: 0.6em 0.6em; color: #FFF; font-size: 90%; color: #FFF; font-weight: normal; white-space: normal; }
table.targets td{ padding: 0.2em 0.6em; border-bottom: 1px solid #FFF; }
table.targets ul {list-style-type: disc; display:block; margin: 0 0 0.5em 0.5em; padding: 0 0 0 2em; }

/* table results */
table.results{ width: 100%; margin: 2em 0; border-collapse: separate; background: #FFF !important; }
table.results thead td{ padding: 0.3em 0.3em; border: none;  border-bottom: 1px solid #00853a; color: #FFF; font-size: 110%; }
table.results td{ padding: 0.3em 0.3em; border: none;  border-bottom: 1px dotted #103666; }

/* table reports */
table.reports{ width: 100%; margin: 0.2em 0 1em 0; border-collapse: collapse; background: #FFF !important; }
table.reports thead td{ padding: 0.2em 0.3em; border: none;  border-bottom: 1px solid #f6f6f6; color: #FFF; font-size: 110%; }
table.reports td{ padding: 0.2em 0.3em; border: none; border-bottom: 1px solid #f6f6f6; font-size: 106%; }



/* bron */
/*.bron { height: 5em; }*/
.bron{ margin: 0 0 1em 0 !important; padding: 0; border: none !important; }
.bron .padding-small{ padding: 0px; }
.bron p{ margin: 0; padding: 0; }
.top-border{ border-top: 3px solid #a6ce39 !important; padding-top: 0.8em; }
.bottom-border{ border-bottom: 3px solid #103666 !important; padding-bottom: 0.8em; }
.bron a.next{ margin-left: 0; color: #00853a; border: none; text-decoration: none; background-image: url('../../images/frontend/icon-forward.gif'); background-position: center right; background-repeat: no-repeat; padding: 0 10px 2px 0;}
.bron a.prev{ margin-right: 0; color: #00853a; border: none; text-decoration: none; background-image: url('../../images/frontend/icon-back.gif'); background-position: center left; background-repeat: no-repeat; padding: 0 0 2px 10px;}
.bron a.prev:hover, .bron a.next:hover{ text-decoration: underline !important; }


/* paging */
.paging{  border-bottom: 3px solid #a6ce39; position: relative; width: 100%; text-align: center; white-space: nowrap; margin: 1em 0 0 0; padding: 1em 0; float: left; clear: both;  }
.paging a{ padding: 0.3em 0.6em; margin: 0 1px 0 0; text-decoration: none; color: #00853a; }
.paging a:hover{ padding: 0.3em 0.6em; margin: 0 1px 0 0; background: #00853a; color: #FFFFFF !important; }
.paging a.next{ margin-left: 0.5em; padding: 0 12px 0 0; position: absolute; right: 0px; color: #00853a !important; background-color: transparent !important; background-image: url('../../images/frontend/icon-forward.gif'); background-position: center right; background-repeat: no-repeat; padding: 0 10px 2px 0; text-decoration: none; }
.paging a.prev{ margin-right: 0.5em; padding: 0 0 0 12px; position: absolute; left: 0px; color: #00853a !important; background-color: transparent !important; background-image: url('../../images/frontend/icon-back.gif'); background-position: center left; background-repeat: no-repeat; padding: 0 0 2px 10px; text-decoration: none; }
.paging a.next:hover, .paging a.prev:hover{ text-decoration: underline; }
.paging a.selected, .paging a.selected:hover{ background: #00853a; color: #FFF !important; }


/* tooltip */
#tooltip{ display: none; color:#FFF; background: #00853a; -webkit-box-shadow: 1px 1px 8px #999; -webkit-border-radius: 3px; -moz-border-radius:3px; border: 1px solid #00853a; font-size: 94%; text-align: left; width: auto; position: absolute; padding: 0px 4px; z-index: 1000; }



/* BitSquad - peter */

/* Text Styles */

/*
p, th, td, li, dd, dt, ul, ol, blockquote, q, acronym, abbr, a, input, select, textarea {margin: 0;padding: 0;font: normal normal normal 1em/1.25 Verdana, Arial, Helvetica, sans-serif;}
blockquote {margin: 1.25em;padding: 1.25em}
q {font-style: italic;}
acronym, abbr {cursor: help;border-bottom: 1px dashed;}
small {font-size:.85em;}
big {font-size:1.2em;}
ul {list-style:none;}
*/


/* bron */
/*.bron { height: 5em; }*/
/*.bron p{margin:0;padding:0;}
.top-border{border-top:3px solid #3399ff !important;padding-top:0.6em;}
.bottom-border{border-bottom:3px solid #3399ff !important;padding-bottom:0.6em;}
.bron a.next{margin-left:0;color:#1e4371;border:none;text-decoration:none;background-image:url('../../images/frontend/icon-forward.gif');background-position:center right;background-repeat:no-repeat;padding:0 20px 2px 0;}
.bron a.prev{margin-right:0;color:#1e4371;border:none;text-decoration:none;background-image:url('../../images/frontend/icon-back.gif');background-position:center left;background-repeat:no-repeat;padding:0 0 2px 20px;}
.bron a.prev:hover,.bron a.next:hover{text-decoration:underline !important;}*/


/* User toolbar top */
div.wrapperToolbar{width:100%;height:75px;background:url(../../images/frontend/wrapper_bg.gif) 0px 0px repeat-x;margin:0px;padding:0px;font-size:11px !important;}
div.wrapperToolbar div.navi_container{width:960px;position:relative;z-index:999;margin:0 auto;background:none;}
div.wrapperToolbar div.navi_top{width:960px;height:40px;position:relative;margin:0 auto;border-bottom:solid 1px #000000;padding:0px;float:left;}
div.wrapperToolbar div.navi_bottom{width:960px;height:30px;position:relative;background:#ffffff;margin:0 auto;border-bottom:solid 1px #000000;z-index:10;padding:0px;float:left;}
div.wrapperToolbar div.navi_top ul#menu{width:500px;height:30px;padding:10px 0px 0px 20px;_padding:9px 0px 0px 20px;margin:0px;float:left;}
div.wrapperToolbar div.navi_top ul#menu li{/*width:100%;*/ display:block;float:left;height:30px;line-height:27px;margin:0px 15px 0px 0px;}
li.website{background:#ffffff;padding:0px 5px 0px 5px;border-top:solid 1px #000000;border-left:solid 1px #000000;border-right:solid 1px #000000;position:relative;top:1px;left:0px;}
li.website a{color:#000000;text-decoration:none;}
li.art_beheer{background:url(../../images/frontend/toolbar-button.png) no-repeat 0px 2px;width:107px;text-align:center;}
li.art_beheer a{color:#000000;text-decoration:none !important;}
li.gebr_beheer{background:url(../../images/frontend/toolbar-button.png) no-repeat 0px 2px;width:107px;text-align:center;}
li.gebr_beheer a{color:#000000;text-decoration:none !important;}
div.wrapperToolbar div.navi_top div.user_tools{float:right;height:20px;width:400px;margin:15px 15px 0px 0px;text-align:right;}
div.wrapperToolbar div.navi_top div.user_tools a{color:#000000;}


/* User toolbar top | Submenu */
div.wrapperToolbar div.navi_bottom ul#submenu{width:580px;height:30px;padding:0px 0px 0px 20px;color:#000000;float:left;margin:0px;}
div.wrapperToolbar div.navi_bottom ul#submenu li{/*width:100%;*/ display:block;float:left;height:30px;line-height:30px;margin:0px 15px 0px 0px;}
div.wrapperToolbar div.navi_bottom ul#submenu li.menu	{}
div.wrapperToolbar div.navi_bottom ul#submenu li.menu a{color:#000000;text-decoration:none;padding:0px 0px 0px 20px;}
div.wrapperToolbar div.navi_bottom ul#submenu li.menu a:hover{color:#000000;text-decoration:underline;padding:0px 0px 0px 20px;}
li.toevoegen{background:url(../../images/frontend/icon-toolbar-add.gif) no-repeat 0px 7px;}
li.bewerken{background:url(../../images/frontend/icon-toolbar-modify.gif) no-repeat 0px 7px;}
li.verwijderen{background:url(../../images/frontend/icon-toolbar-delete.gif) no-repeat 0px 7px;}
li.kopie{background:url(../../images/frontend/icon-toolbar-copy.gif) no-repeat 0px 7px;}
div.opmerkingen_div_interface{float:right;height:30px;width:330px;margin:0px 0px 0px 0px;padding:0px 20px 0px 0px;text-align:right;}
div.opmerkingen_div_interface span.first_span{float:right;height:22px;_height:20px;width:auto;padding:8px 0px 0px 0px;margin:0px;}
div.opmerkingen_div_interface span.sec_span{float:right;height:22px;_height:20px;width:117px;padding:8px 0px 0px 0px;margin:0px 0px 0px 30px;background:url(../../images/frontend/akkoord_red.gif) no-repeat 0px 3px;}
div.opmerkingen_div_interface span.sec_span_approved{float:right;height:22px;_height:20px;width:117px;padding:8px 0px 0px 5px;margin:0px 0px 0px 30px;background:url(../../images/frontend/akkoord.gif) no-repeat 0px 7px;}
div.opmerkingen_div_interface table{width:300px;}
div.opmerkingen_div_interface td{height:30px;}
div.opmerkingen_div_interface a{height:30px;text-decoration:none;padding:0px 0px 0px 20px;}
div.opmerkingen_div_interface a:hover{text-decoration:underline;padding:0px 0px 0px 20px;}
a.opmerking	{background:url(../../images/frontend/icon-toolbar-comment.gif) no-repeat 0px 0px;text-decoration:underline !important;color: #103666;}
a.akkoord_red{color:#000000;padding:0px 5px 0px 0px !important;}

p.selectors{margin:5px 0px 5px 15px !important;}
p.selectors a{color:#000000;text-decoration:underline;padding:0px 5px 0px 0px;}
div.opmerking_repeat{float:left;border-bottom: solid 1px #f6f6f6;margin:0px 10px 0px 10px;padding:0px 0px 10px 0px;}
p.opmerking_form{color:#000000;margin:5px 0px 10px 18px !important;}
a.admin	{color:#000000;}
a.wijzig{color: #103666;}
a.verwijderen{color: #103666;}
a.close	{color:#ffffff;text-decoration:none !important;float:right;padding:20px 10px 0px 0px;}
a.close	img{border:solid 1px #ffffff;}

div#mylist textarea{height:90px;margin:10px 0px 0px 0px;}
div#mylist div.clearfix a.right{width:280px;text-align:right;margin:0px 0px 10px 0px;}
div#mylist{width:300px;background-color:#ffffff;border:solid 1px #000000;position:absolute;top:71px;right:20px;color:#000000;display:none;z-index:999;height:auto;padding:0px 0px 10px 0px;text-align:left;}
div#mylist p{float:left;margin:30px 10px 10px 10px;}
div#mylist p  a{color:#000000;}
div#mylist select{margin:0px 0px 0px 76px;}
div#mylist select{#margin:0px 0px 0px 74px;}
div#mylist p.opm_opslaan{text-align:right;padding:0px 0px 5px 0px;border-bottom: solid 1px #f6f6f6;width:280px;}
div#mylist p.opm_opslaan a{color:#000000;text-decoration:underline;}
div#mylist form{height:100%;}
div#mylist form input{margin:0px;}
div#mylist ul li{margin:0px 0px 10px 0px;line-height:17px !important;}
div#mylist ul li input.checkbox{margin:0px;}


/* Editor styles zoals ul, ol, subscript e.d. */
.article_editor ol{padding:0px 0px 0px 30px;margin:0px 0px 10px 0px;}
.article_editor ul{padding:0px 0px 0px 30px;margin:0px 0px 10px 0px;list-style-type:disc;}
.article_editor p{margin:0px 0px 10px 0px;}
sup,sub{vertical-align:0;position:relative;}
sup{bottom:1ex;}
sub{top:0.8ex;}


/* Login */
div.login{width:100%;}
div.login a.read-more{float:left;text-decoration:underline;font-size:100%;line-height:normal;padding:0.3em 0 0em 8px;width:100%;display:block;font-weight:normal;background:url('../../images/frontend/icon-arrow-read-more.gif') 0em 0.6em no-repeat;}
div.login a.read-more:hover{text-decoration:underline;}


/* Mijn verslag */
div.my_report{}
div.my_report h3{}
div.my_report h5{}
div.my_report p{padding:0px 0px 20px 0px;}
div.my_report table{width:100%;margin:0.2em 0 1em 0;border-collapse:collapse;background:#ffffff !important;}
div.my_report table thead td{padding:0.2em 0.3em;border:none;border-bottom: 1px solid #f6f6f6;color: #103666;font-size:110%;}
div.my_report table td{padding:0.2em 0.3em;border:none;border-bottom: 1px solid #f6f6f6;font-size:106%;}


/* Loading */
table.maintable{width:100%;height:100%;}
td.maintable{vertical-align:middle;}
div.loading	{position:relative;width:479px;height:206px;background:url(/images/backend/loading_bg.png);_background:url(/images/backend/loading_bg.gif);margin:0 auto;text-align:center;}
img.loading	{width:48px;height:48px;margin:100px 0px 10px 0px;}
div.loading p{font-size:20px;color: #103666;}