/* start general styles */

html,
body {
    background: #FFFFFF;
    color: #000000;
    font: Arial;
}

a {
    color: #2667ae;
}

input {
    border: 1px solid #c5d6e3;
}

/* end general styles */

/* start of general layout */
h1,
h2,
h3,
h4,
h2 a,
h3 a,
h4 a,
h5 {
    color: #535353;
}

h4, h5 {
    font-size: 1.2em;
}

h2 a:hover,
h3 a:hover,
h4 a:hover {
    text-decoration: underline;
}

h1 {
    margin: 0px;
    padding: 0px;
}

.more,
.who {
    color: #2667ae;
    font-size: 11px;
}

.who .more {
    color: #2667ae;
}

.read {
    color: #999999;
}

.date, .mod, .category {
    color: #2667ae;
}
.readmore, .readmore a{
    text-align: right;
}

/* start of top navigation */

/* end of top navigation */

/* start of container table */

#container {
    width: 919px;
}

#head {
    height: 40px;
    padding-top: 0px;
    padding-right: 10px;
    padding-bottom: 0px;
    padding-left: 0px;
    overflow-x: hidden;
    overflow-y: hidden;
    border-bottom: solid 1px #d5d5d5;
}

#main {
    background-color: #fff;
    padding: 0px;
    margin: 0px;
}

#contentBottom {
    background: #2667ae;
    text-align: left;
}

#contentBottom a {
    color:  #FFFFFF;
    margin-left: 14px;
}

#contentBottom a:hover, #contentBottom a:active {
    color:  #FFFFFF;
    text-decoration: underline;
}

/* end of container table */

/* start of columns */

#contentHolder {
    margin: 0px;
    padding: 7px 0px 0px 0px;
}

#column1 {
    background-color:   #fff;
}

#column2 {
    background-color:   #fff;
}

#column3 {
    background-color:   #fff;
}

.flashcolumn {
    line-height: 0px;
}
/* end of columns */

/* start of logo */
#logo {
    height: 118px;
}
/* end of logo */

#topnav .navigation {
    left: 585px;
    top: 0px;
    position: absolute;
    float: right;
    color: #ff8624;
}

#topnav .navigation li a{
    color: #ff8624;
}

/* form specific button styling */

.formBox .send, .formBox .reset {
    background: none;
    width: 60px;
    margin-right: 57px;
    margin-top: 0px;
}

.formBox .reset {
    margin-right: 2px;
    cursor:pointer;
    float:right;
}

.formBox .send.reset {
    margin-right: 0px;
}

/* end of form specific button styling */

/* start of search */
#search {
    padding-left: 0px;
    padding-top: 30px;
    margin: 0px;
    left: 42px;
    top: -5px;
    width: 215px;
    height: 25px;
}

#search div {
    /* background-color:    #fff; */
}

#search form {
    padding-left: 10px;
    top: 30px;
}

#search input {
    border: 1px solid #c5d6e3;
}

#search input.send {
    border: 1px solid #2d5d8a;
}

/* end of search */

/* start of navigation */

.navHolder {
    background-color:   #2667ae;
    height: 19px;
    margin: 0;
    padding: 0;
    padding-bottom: 20px;
}

.navHolder .bg {
    background-color:   transparent;
}

.navHolder .navigation {
    height: 19px;
    background-color:   #2667ae;
    padding: 0px 0px 2px 0px;
}

.navHolder .navigation li a {
    /* background-color:    #fff; */
    color:  #fff;
    height: 19px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    font-size: 1.2em;
    font-weight: 100;
    padding-right: 6px;
    padding-left: 6px;
    padding-top: 2px;
    padding-bottom: 0px;
}

.navHolder .navigation .round1 {
/*  border-left:        1px solid #2667ae;
    border-right:       1px solid #2667ae;
    border-top:         1px solid #2667ae; */
}

.navHolder .navigation li a:hover,
.navHolder .bg .navigation li a.hi {
    color: #fff;
    background-color: #ff9844;
}

#horizontal li a.hi {
    background-color:   #fff;
}

#dropdown .subnav {
    /* border:              1px solid #d86c0c; */
    background-color:   #ff9844;
    top: 21px;
    border-bottom: #2667AE solid 4px;
}

#dropdown .subnav li {
    /* border-bottom:       1px solid #d86c0c; */
}

#nav .subnav li {
    /*border-bottom:        1px solid #2667ae;*/
    height: 19px;
    margin: 0px;
}

.navigation .subnav li.last,
#horizontal .subnav li {
    border-bottom:      none;
}

.navigation .subnav li a {
    color:              #fff;
}

.navHolder .navigation .subnav li a:hover,
.navHolder .navigation .subnav li a.hi,
#nav .subnav li:hover {
    background-color:   #f27e55;
    color:              #fff;
}

/* start of navigation in column */

#contentHolder .navHolder {
    background-color:   #fff;
}

#contentHolder .navHolder .bg {
    /* border:  1px solid #c5d6e3; */
}

#contentHolder .navHolder ul li a:hover,
#contentHolder .navHolder ul li a.hi {
    color: #ff9844;
    background-color:   transparent;
}

#contentHolder .navHolder ul li ul {
    /* z-index: 3; */
}

#contentHolder .navHolder ul li ul li a {
    color: #ff9844;
}

#contentHolder .navHolder ul li ul li a:hover,
#contentHolder .navHolder ul li ul li a.hi {
    background-color:   transparent;
    color: #2667ae;
    font-weight: bold;
}

#contentHolder .navHolder ul li ul li ul li a {
    color: #2667ae;
}

#contentHolder .navHolder ul li ul li ul li a:hover,
#contentHolder .navHolder ul li ul li ul li a.hi {
    color: #8fb0ca;
}

#contentHolder .navHolder ul li ul li ul li ul li a {
    color: #8fb0ca;
}

#contentHolder .navHolder ul li ul li ul li ul li a:hover,
#contentHolder .navHolder ul li ul li ul li ul li a.hi {
    color: #8fb0ca;
}

/* end of navigation in column */

/* end of navigation */

/* end of general layout */

/* start of content */

.articleBox.content {
    /* border: 1px solid #d5d5d5; */
    border-top: none;
}

.subsubnav li {
    border-bottom: 1px solid #D5D5D5;
    width: 165px;
}

.subsubnav .hi li a{
    font-weight: bold;
}

.subsubnav a {
    font-weight: bold;
    line-height: 1.5em;
    color: #ff8929;
}

.subsubsubnav a {
    font-weight: normal;
}

.subsubnav .hi {
    color: #5e5e5e;
}

.subsubsubnav li {
    border: none;
}

/* Extra navigatielaag in Hendriksportal */
.subsubsubsubnav .hi {
	color: #858585;
}

/* start alternative for 3th column */

.w225 .introBox,
#column1.w200 .introBox,
.w225 .featureBox,
#column1.w200 .featureBox,
.w225 .featureBox,
#column1.w200 .featureBox,
.w225 .miniForm,
#column1.w200 .miniForm,
.w225 .listBox,
#column1.w200 .listBox,
.w225 .multiFeatureBox,
#column1.w200 .multiFeatureBox,
.w225 .articleBox,
#column1.w200 .articleBox,
.w225 .calenderBox,
#column1.w200 .calenderBox,
.w225 .breadcrumb,
#column1.w200 .breadcrumb,
.w225 .filter,
#column1.w200 .filter,
.w225 .listTable,
#column1.w200 .listTable,
.w225 .listNav,
#column1.w200 .listNav,
.w225 .replyBox,
#column1.w200 .replyBox,
.w225 .tagCloud,
#column1.w200 .tagCloud {
    background-color:   #FFFFFF;
}

.w225 .content,
#column1.w200 .content {
    background-color:   #FFFFFF;
    color: #2667ae;
    /* border:              none; */
}

.w225 .bannerBox .content,
#column1.w200 .bannerBox .content {
    border-bottom:      1px solid #c5d6e3;
    background-color:   #fff;
}

/* end alternative for small column */

.line {
    border-bottom:      1px solid #2667ae;
}

/* start of box definitions */



.listBox ul {
    color: #2667ae;
    list-style-type: none;
    font-size: 1.1em;
}

.listBox ul li a {
    color: #2667ae;
}

.listBox.heavy h2,
.listBox.heavy h3 {
    color: #ff9844;
}

.listBox.heavy ul li a {
    color: #2667ae;
}

.listBox ul li a:hover,
.listBox ul li a:active,
.listBox ul li a.hi  {
    text-decoration: underline;
}

.listBox.heavy ul li a:hover,
.listBox.heavy ul li a:active,
.listBox.heavy ul li a.hi  {
    color: #ff9844;
}

.listBox.heavy ul {
    list-style-type: none;
    padding-left: 0;
    margin-left: 0;
}

.listBox.heavy li {
    background: url(../images/hendriks/bullet.gif) 0px 0px no-repeat;
    padding-left: 19px;
    padding-top: 1px;
    padding-bottom: 1px;
}

.listBox.heavy .date {
    line-height: 0.6em;
    text-align: right;
}

.listBox.agenda ul, .listBox.related ul {
    list-style-type: none;
    list-style-position:outside;
    padding-left: 0;
    margin-left: 0;
    font-size: 1.0em;
}

.listBox.related {
    margin-top: 25px;
}

.listBox.agenda img {
    margin-top: 3px;
}

.listBox.agenda li {
    background: url(../images/icon_agenda.gif) 0px 2px no-repeat;
    padding-left: 14px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.listBox.related li {
    background: url(../images/icon_bullet.gif) no-repeat;
    padding-left: 14px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.extranav ul {
    list-style-type: none;
    padding-left: 0;
    margin-left: 0;
}

.extranav li {
    list-style-type: none;
    padding: 5px 0px 3px 0px;
    margin: 0px;
}

.extranav h3 {
    border-bottom: 1px solid #D5D5D5;
    width: 165px;
}

.extranav h3 a {
    color: #FF8929;
}

.extranav h3 .hi{
    color: #535353;
}

.sitemap ul li {
    list-style: none;
    font-size: 0.9em;
}

.listBox {
    margin: 0px;
}

.listBox ul li span {
    color: #000;
}

.listBox.heavy ul li span {
    color: #000;
}

.listBox.agenda ul li a, .listBox.related ul li a{
    font-weight: normal;
    /*font-size: 10px;*/
}

.listBox ul li .date {
    color: #ff9844;
    color: #2667ae;
    padding-bottom: 5px;
}

.listBox.heavy ul li .date {
    color:              #ccc;
}

.listBox ul li .who {
    color:              #ff9844;
}

.listBox ul li .more {
    color:              #2667ae;
}

.listBox ul li ul li ul li a {
    color:              #666;
}

.listBox ul li ul li ul li ul {
    color:              #8fb0ca;
}

.listBox ul li ul li ul li ul li a {
    color:              #999;
}

.listBox .line {
    border-bottom:      1px dotted #999;
}

.listBox ol li span {
    color:              #ff9844;
}

.listBox ol li ul {
    color:              #ff9844;
}

.listBox .anchoritems a {
    color:              #ff9844;
}

.listBox .anchoritems span a {
    color:              #2667ae;
}

.listBox .heavy a.more {
    color: #2667ae;
}

.listBox.download {
    margin-top: 0px;
}
.listBox.download a {
    font-size: 0.9em;
}

.multiFeatureBox a {
    color:              #ff9844;
}

.multiFeatureBox.heavy a {
    color:              #6d92ae;
}

.multiFeatureBox.heavy p {
    color:              #ff9844;
}

.multiFeatureBox .category a {
    color:              #2667ae;
}

.multiFeatureBox a:hover,
.multiFeatureBox a:active {
    color:              #2667ae;
}

.multiFeatureBox .who {
    color:              #ff9844;
}

.multiFeatureBox .more {
    color:              #ff9844;
}

.multiFeatureBox .more:hover {
    text-decoration:    underline;
}

.multiFeatureBox .item {
    border-bottom:      1px dotted #ccc;
}

.w225 {
color: #2667ae;
}

.w225 .multiFeatureBox .item,
#column1.w200 .multiFeatureBox .item {
    border-bottom:      1px solid #fff;
}

.w225 h3, .w200 h3 {
    font-size: 1.8em;
    line-height: 130%;
}

.w200 h3 a {
    color: #ff8929;
}
.multiFeatureBox .item .more {
    color:              #2667ae;
}

.content .more, .listBox .more {
    padding: 0px 0px 0px 15px;
    background:url(../images/icon_link.gif) no-repeat;
    text-align: left;
}
.listBox ul .more {
    margin: 0px 0px 15px;
}
.articleBox.lite {
    border-bottom:     1px dashed #c5d6e3;
}

.articleBox.lite .content {
    border-left:        5px solid #ededed;
}

.articleBox .date,
.articleBox .mod {
    color:              #999;
}

.articleBox .who {
    color:              #999;
}

.articleBox .quote {
     background-color:  #ededed;
}

#column2 .articleBox .content {
    padding-left: 12px;
    padding-top: 5px;
}

#column2.w490 .content {
    padding-left: 0px;
}

.replyBox .error {
    color: #c00;
}

.calender {
    border: 1px solid #ddd;
}

.calender th {
    border: 1px solid #ddd;
}

.calender .topnav {
    color: #000;
    background-color: #ededed;
}

.calender td {
    border: 1px solid #ddd;
}

#column1 .calender,
#column1 .calender th,
#column1 .calender td {
    border: 1px solid #fff;
    color: #000;
}

#column1 .calender .topnav {
    background-color:   #bed3e3;
}

.w390 .filter form,
.w490 .filter form,
.w690 .filter form {
    border:             1px solid #e8eef4;
}

.filter select {
    border:             1px solid #6d92ae;
}

.listTable table {
    border:             1px solid #e8eef4;
}

.listTable table th {
    border-right:       1px solid #fff;
    background-color:   #e8eef4;
    color:              #000;
}

.listTable table td {
    border-right:       1px solid #fff;
    border-top:         1px solid #fff;
}

.listTable table td.all {
    background-color:   #e8eef4;
}

.listTable table td.all a {
    color:              #000;
}

.even td {
    background-color:   #ececec;
}

.odd td {
    background-color:   #f3f3f3;
}

.tagCloud .level1 {
    color:              #6d92ae;
}

.tagCloud .level2 {
    color:              #7191a9;
}

.tagCloud .level3 {
    color:              #7490a3;
}

.tagCloud .level4 {
    color:              #788e9d;
}

.tagCloud .level5 {
    color:              #7e8c95;
}

.tagCloud .level6 {
    color:              #848a8c;
}

.tagCloud .level7 {
    color:              #898883;
}

.tagCloud .level8 {
    color:              #8f867b;
}

.tagCloud .level9 {
    color:              #968470;
}

.tagCloud .level10 {
    color:              #9c8166;
}

.tagCloud .level11 {
    color:              #a37e5d;
}

.tagCloud .level12 {
    color:              #aa7d53;
}

.tagCloud .level13 {
    color:              #b07a48;
}

.tagCloud .level14 {
    color:              #b6783f;
}

.tagCloud .level15 {
    color:              #bc7536;
}

.tagCloud .level16 {
    color:              #c3742d;
}

.tagCloud .level17 {
    color:              #c87124;
}

.tagCloud .level18 {
    color:              #cf6f19;
}

.tagCloud .level19 {
    color:              #d56d10;
}

.tagCloud .level20 {
    color:              #2667ae;
}

.featureBox.large .contact a {
    color:              #6d92ae;
}

/* end of box definitions */

/* end of content */

/* start of contact */

.mandatory {
    color:              #c00;
}

label {
    color:              #000;
}

.formBox .search {
    background-color:   #ededed;
    border:             1px solid #ddd;
}

.formBox .extended {
    background-color:   #ededed;
    border:             1px solid #ddd;
}

.formBox h4,
.formBox h4 {
    border-bottom:      1px solid #ddd;
    color:              #ff9844;
}

.w225.featureBox img.left{
    margin-top: 3px;
}

.w225 .formBox .content, #formSelector {
    background-color: #ebeaea;
    padding: 10px;
    color: #000;
}

.w225 .formBox .content form {
    color: #000;
}

.w225 .formBox .content input, #formSelector input {
    border: none;
    margin: 1px 0px 4px 0px;
    width: auto;
}

.w225 .formBox .content select, #formSelector select {
    margin: 4px 0px 6px 0px;
    width: 185px;
}

.w225 .formBox .content .button, #formSelector .button {
    margin-left: 80px;
    margin-top: 7px;
}

.w225 .formBox .content form {
    margin-top: 10px;
}

#formSelector {
    width: 210px;
    margin: 7px 0px 400px 0px;
    padding: 10px 0px 10px 10px;
    float: left;
}

.teasersearchBox img {
    margin-top: 0px;
}

.teasersearchBox {
    width: 220px;
    float: left;
    margin: 0px;
    padding: 0px 0px 0px 20px;
}

.formBox.formSelectorfloat {
    float: left;
    width: 210px;
}

.articleBox .content.formSelector {
    padding: 0px;
    margin: 0px;
}

/* end of contact */

/* extra line under h2 tags */
.w200 .subnav h2, .w200 .subnav h3 {
    width: 165px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #cfcfcf;
}

.shadowLeft, .shadowRight {
    background: none;
    width: 0px;
}

.w490 {
    padding: 0px;
}

#contentHolder td {
    padding: 0px 0px 0px 0px;
    margin: 0px;
}
#contentHolder td.bottom {
    padding: 6px 0px 0px 0px;
    margin: 0px;
}
#contentHolder .formBox td {
    padding: 3px;
}

#hendrikscontent {
    border: #d5d5d5 solid 1px;
    border-top: none;
    background: url(../images/bg_content.gif) top left no-repeat;
    width: 702px;
    height: 274px;
}

#hendrikscontent td {
    padding: 15px 7px 8px 15px;
}

/* landing zone specific Flash margins etc */
.hendriksmenuholder {
    float: left;
    margin: 5px 12px 0 0;
    padding: 7px 0 5px 0;
    border-top: solid 1px #d5d5d5;
    border-bottom: solid 1px #d5d5d5;
}

.hendriksmenuholder.last {
    margin-right: 0;
}

.subsubsubnav li {
    padding-left: 10px;
    margin-left: 10px;
    font-weight: normal;
}

.download img {
    vertical-align: middle;
}

.listNav {
    margin: 0px;
}
.listNav .content {
    padding-bottom: 0px;
}

/* Teaser searchBox for Woningen and Project search pages */
.teasersearchBox a, .teasersearchBox span{
    font-size: 1.1em;
    font-weight: bold;
}

.teasersearchBox span{
    color: #535353;
}

.teasersearchBox .top {
    border-bottom: #d5d5d5 solid 1px;
}

.teasersearchBox .bottom {
    border-top: #d5d5d5 solid 1px;
}

.teasersearchBox img {
    margin: 7px 0px 5px 0px;
}

#teasersearchPaging {
    border-top: #d5d5d5 solid 1px;
    float: right;
    width: 455px;
    margin-right: 10px;
    padding-top: 3px;
}

#teasersearchPaging span, #teasersearchPaging a {
    font-size:1.1em;
    font-weight:bold;
}

#teasersearchPaging div.left {
    float: left;
}

#teasersearchPaging div.right {
    float: right;
}

/* grey line layout for the project/woning detail pages */
.greylinetop {
    border-top: solid #D5D5D5 1px;
}

.greylineright {
    border-right: solid #D5D5D5 1px;
}

.greylinebottom {
    border-bottom: solid #D5D5D5 1px;
}

.greylineleft {
    border-left: solid #D5D5D5 1px;
}

.greylineleftbg {
    width: 245px;
    background: url(../images/bg_left_detail.gif) -1px 0px no-repeat;
}

.greylinerightbg {
    background: url(../images/bg_topright_detail.gif) 290px -1px no-repeat;
}

#column3.w225 img {
    margin: 0px;
}

#column3.w225 .listBox.related .content ul {
    width: auto;
}

#column2.w490 .listBox.related ul {
    margin-top: 10px;
}

textarea {
    border: 1px solid #C5D6E3;
    margin: 0pt 0pt 15px;
}

#noresults {
    float: left;
    margin-left: 17px;
    width: 255px;
    height: 200px;
}

#noresults h5{
    margin-top: 7px;
}

#detailpageborder {
    border: 1px solid #D5D5D5;
    position: absolute;
    width: 692px;
    top: 65px;
}

#detailpageleft {
    padding: 5px 8px 8px 8px;
    width: 208px;
    float: left;
}

#detailpageright {
    padding: 5px 8px 8px 0px;
    width: 460px;
    float: right;
}

/* Flash column hack to prevent extra content in the flash column */
#column2.flashcolumn  p{
    display: none;
}