@import url(reset.css);

/* GENERAL STRUCTURE AND SETUP */
body {background:#fff; font-size:62.5%; font-family:verdana, arial, helvetica, sans-serif;}

#container {width:800px; margin:0 auto; background-color:#fff; padding-bottom:2em;}

#header {height:120px; background-color:#cc003E; border-bottom:1px solid #fff;}

#header #logo {margin-left:26px; background-color:transparent; float:left;}
#header #logo img {margin:10px 0 0 10px;}
#header #logo #baseline {margin:2px 0 0 12px; font-size:1.3em; color:#fff; font-family:"helvetica neue", verdana, arial; }

#header #siteTitle {float:left; padding-top:45px; padding-left:53px; font-size:2.7em; color:#fff; font-family:"helvetica neue", verdana, arial; }

#pgfuncnav {float:right;}
#pgfuncnav ul {margin-top:0.5em;}
#pgfuncnav ul li {display: block; float: left; line-height:1.5em; margin-right:0.5em; padding-right:0.5em; border-right:1px solid #fff;}
#pgfuncnav ul li.last {border-right:0px solid #fff;}
#pgfuncnav ul li a:link, #pgfuncnav ul li a:visited {color: #fff; text-decoration: none;}
#pgfuncnav ul li a:active, #pgfuncnav ul li a:hover {color: #fff; text-decoration: underline;}

#header #pgfuncnav a {text-decoration:none; color:#fff; font-size:1.2em;}
#header #pgfuncnav a:hover {text-decoration:underline;}
#header #pgfuncnav .fontsize100 {font-size: 10px; font-weight: 700;}
#header #pgfuncnav .fontsize120 {font-size: 12px; font-weight: normal;}
#header #pgfuncnav .fontsize140 {font-size: 14px; font-weight: normal;}

#content {background-image:url(img/contentbg.gif); background-position:top left; background-repeat:repeat-y;background-color:transparent; clear:both;}

#contentNav {float:left; width:216px; background-color:transparent; word-wrap: break-word;padding-top:13px;}
#contentNav ul {background-color:#D1D1D1; border:1px solid #fff; margin-left:26px; margin-top:13px; border-right:none;}
#contentNav ul li {}
#contentNav ul li a {padding-left:37px; color:#cc003E; background-image:url(img/sleutel.gif); background-repeat:no-repeat; background-position: 2px 2px;}
#contentNav ul li ul {background-color:#fff; margin-left:0; border-left:none; margin-top:0;}
#contentNav ul li.last ul {border-bottom:none;}
#contentNav ul li ul li a {padding-left:37px; color:#000; background-image:url(img/sleutelgat.gif); background-repeat:no-repeat; background-position: 23px 5px;}
#contentNav ul li ul li ul {background-color:#fff; margin-left:0; border-left:none;}
#contentNav ul li ul li.last ul {border-bottom:none;}
#contentNav ul li ul li ul li {background-color:transparent;}
#contentNav ul li ul li ul li a {padding-left:50px; color:#000; background-image:url(img/contentnavl3bg.gif); background-repeat:no-repeat; background-position: 38px 10px;}
#contentNav ul li ul li ul li.last ul {border-bottom:none;}
#contentNav ul li ul li ul li ul li {background-color:transparent; margin-bottom:-5px;}
#contentNav ul li ul li ul li ul li.last {margin-bottom:0;} 
#contentNav ul li ul li ul li ul li a {padding-left:61px; color:#000; background-image:url(img/contentnavl4bg.gif); background-repeat:no-repeat; background-position: 51px 10px; font-size:1.1em;}

#contentNav a {font-size:1.2em; text-decoration:none; display:block; font-weight:300; padding-right:10px; padding-top:3px; padding-bottom:3px;}
#contentNav a:hover, #contentNav a:active {text-decoration:underline;}
#contentNav ul li.active a, #contentNav ul li.active ul li.active a, #contentNav ul li.active ul li.active ul li.active a, #contentNav ul li.active ul li.active ul li.active ul li.active a {font-weight:700; color:#cc003E;}
#contentNav ul li.active ul li a, #contentNav ul li.active ul li.active ul li a, #contentNav ul li.active ul li.active ul li.active ul li a {font-weight:300; color:#000;}

#contentNav #search {background-color:#D1D1D1; padding:10px; margin:13px 0 13px 26px; border:1px solid #fff; border-right:none;}
#contentNav #search form {margin:0;}
#contentNav #search form label {position:absolute; left:-9999px;}
#contentNav #search form #ajaxSearch_input {float:left; width:95px;}
#contentNav #search form #ajaxSearch_submit {float:right; padding:0;}

.ajaxSearch_paging {display: block; padding: 5px; border: solid 1px #ccc2b9; margin-top: 1em;}
ajaxSearch_highlight {background-color: transparent;}
#ajaxSearch_resultListContainer .ajaxSearch_result {margin-top: 1em;}
#ajaxSearch_resultListContainer .ajaxSearch_result .ajaxSearch_resultLink {display: block;}
#ajaxSearch_resultListContainer .ajaxSearch_result .ajaxSearch_resultDescription {display: none; position: absolute; margin-left: -10000px;}
#ajaxSearch_resultListContainer .ajaxSearch_result .ajaxSearch_extract {display: block;}

#contentBody .ajaxSearch_highlight {font-weight: 700; background-color: yellow;}

#contentBody {float:left; width:483px; background-color:#fff; margin:0px 20px 20px 20px; padding-top:6px; font-size:1.2em;}

#contentBody img {display:block;}

#contentBody .hpblock {float:left;width:140px; padding:0 10px 0 10px; text-align:center;}
#contentBody .hpblock img {border:0px solid #fff; text-align:center; display:inline;}
#contentBody .hpblock h2 {text-align:center;margin:-25px 0 0 0; padding:0;}
#contentBody .hpblock h2 a {text-align:center; font-size:1.0em; text-decoration:none; color:#cc003E; font-weight:300;}
#contentBody .hpblock h2 a:hover, #contentBody .hpblock h2 a:active {text-decoration:underline;}

#breadCrumbs {font-size:91.67%;}
#breadCrumbs #B_crumbTitle {}
#breadCrumbs .B_crumbBox {}
#breadCrumbs ul.B_crumbBox li {display:inline; margin-left:0; list-style-type:none; background-image:none; padding-left:0;}
#breadCrumbs ul.B_crumbBox li a {text-decoration:underline; color:#000;}
#breadCrumbs ul.B_crumbBox li a:hover {text-decoration:underline;}

#contentBody p {margin:0 0 1em 0;}
#contentBody img {padding:1px; border:1px solid #ccc2b9; margin:1em 0 1em 0;}

#contentBody ul {padding:0 0 10px 0;}
#contentBody ul li {padding-left:20px; background: url(img/bulletl1.jpg) 5px 6px no-repeat;}
/*#contentBody ul li {list-style-type:disc; margin-left:20px;}*/
#contentBody ul li ul {padding:0; }
#contentBody ul li ul li {list-style-type:circle; background:none; margin-left:20px; padding-left:0;}

#contentBody .moreLink {font-weight:700;}
#contentBody .newsSummary  {font-weight:700;}

#contentBody #contentMenu {border: 1px solid #000; padding:10px 10px 5px 0px; margin-bottom:20px; margin-top:-3px;}
#contentBody #contentMenu ul {}
#contentBody #contentMenu ul li {list-style-type:none; background: none;}
#contentBody #contentMenu ul li a {padding-left:15px; color:#000; background: url(img/contentnavl3bg.gif) 0px 7px no-repeat;}
#contentBody #contentMenu ul li ul {}
#contentBody #contentMenu ul li ul li a {padding-left:40px; color:#000; background: url(img/contentnavl4bg.gif) 25px 7px no-repeat;}

#contentBody #contentMenu ul li.active a, #contentNav ul li.active ul li.active a {font-weight:700; color:#cc003E;}
#contentBody #contentMenu ul li.active ul li a {font-weight:300; color:#000;}

#contentBodyInteractiveHouse {float:left; width:796px; background-color:#fff; margin:0; padding:0px 1px 1px 1px; font-size:1.2em; border: 1px solid #A7A7AA; border-top:none;}
#contentBodyInteractiveHouse #breadCrumbs {margin:6px 0 8px 234px;}

/* FORM */
#contentBody form {margin-top: 1em;}
.formRow {clear: both; padding-top: 10px; width: 460px;}
.formRow label {display: block; float: left; width: 116px; text-align: right; padding-right:19px;}
.formRow label.mandatory {width: 130px;padding-right:5px;}
.formRow label.mandatory span {padding-left: 5px;}
.formRow label.required, .formRow label.invalid, .formRowRadio label.required, .formRowRadio label.invalid {color: #c32033;}
.formRow .formField {display: block; float: right; width: 325px; text-align: left;}
.formButtons {clear: both; text-align: left; padding-left: 132px; padding-top: 10px;}

fieldset {clear:both; position:relative; top:10px; margin-bottom:15px;}
fieldset legend span {display:block; width:128px; position:absolute; top:5px; text-align:right; color:#000;} 

.formRowRadio {padding-top: 5px; width: 320px; margin-left:135px;}
.formRowRadio input {padding-top:5px;}
.formRowRadio label {padding-left:5px;} 

#errormessage {color: #c32033; margin-top: 1em;}
#errormessage .errors {font-weight: 700;}


#footer {color:#000; text-align:center; height:105px; background:transparent url(img/footerbg.gif) left bottom no-repeat;}

#footerNav {background:#fff; margin:0 65px 0 220px; padding-top:0px;}
#footerNav a {font-size:1.1em; text-decoration:underline; font-weight:300; color:#000;}
#footerNav a:hover, #contentNav a:active {text-decoration:underline;}
#footerNav ul li {display:inline; border-right:1px solid #000; padding-right:1em; margin-right:0.6em;} 
#footerNav ul li.last {border-right:none; padding-right:0; margin-right:0;} 

#coordinates {float:left; width:190px; margin-left:26px; text-align:left; color:#cc003E; font-size:1.2em; margin-top:8px;}
#coordinates img {display:block; margin-bottom:5px;}
#coordinates div {margin-left:12px;}

h1 {font-size:1.5em; font-weight:700; margin:0 0 10px 0; padding-top:0px; clear:both;}
h2 {font-size:1.2em; font-weight:700; margin:0 0 10px 0; padding-top:5px; clear:both;}
h3 {font-size:1.0em; font-weight:700; margin:0 0 10px 0; padding-top:5px; clear:both;}
li h3 {padding-top:0;}
h4 {font-size:1.0em; font-weight:700; margin:0; padding-top:0; clear:both;}

strong {font-weight: 700;}
em {font-style:italic;}

/* FORM */
#content form {margin-top:2em; margin-bottom:1em;}
#content form .formRow {clear:both; margin-top:0.5em; margin-bottom:0.5em;}
#content form .formRow .formLabel {display:block; float:left; width:12em; text-align:right; margin-right:1em;}
#content form .formRow .formLabel label {}
#content form .formRow .formField {display:block; float:left;}
#content form .buttonRow {clear:both; margin-top:0.5em; padding-left:13em;}

div.wlpeMessage {color:red; font-weight:700;}

/* CLEARFIX */
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */

.hidden {position:absolute; left:-9999px;}