/*
 Version: 1.0x
 Last updated: 18 August 2010
 Last updated by: Nout (OneHippo)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, input, 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;
}

input, select, textarea, button {
    font: normal 100% Verdana, Arial, Helvetica, sans-serif;
}

ul {
    list-style: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

th, td {
    vertical-align: top;
}

img {
    border: 0;
}

ul {
    list-style-type: none;
}

a {
    outline: none;
}

body {
    width: 100%;
    height: 100%;
    position: relative;
    line-height: 1.5em;
    font-size: 62.5%;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    text-align: center;
    /* SDUARCH-880
    background: transparent url("../images/bg_footer.gif") repeat-x bottom left;
    */
}

#wrapper {
    background: transparent url("../images/bg_body.gif") repeat-x 0px 127px;
}

.clear {
    clear: both;
}

body div#leaderboard-banner, body div.leaderboard-banner {
    background-color: #B0B0B0;
    height: 90px;
}

body div.banner {
    background-color: #B0B0B0;
    padding: 0;
    margin: 0;
}

body div#main-container div.banner {
    border-bottom: 0px;
    margin: 0 20px 20px 0; /* padding:0 0 20px; */
    text-align: center;
    background-color: white;
    height: 100%;
}

body div#main-container div.news div.banner {
    text-align: center;
    margin: 0;
}

body div#sidebar div.banner {
    border-bottom: 0px;
    margin-bottom: 20px;
    background-color: white;
    height: 100%;
}

strong {
    font-weight: bold;
}

em {
    font-style: italic;
}

table {
    font-size: 0.91em;
    margin: 10px 0 20px 10px;
    width: 600px;
}

table.more-info {
    margin: -20px 0 20px 10px;
}

th {
    font-weight: bold;
    padding: 0 10px 0 0;
}

td {
    font-size: 1em;
    padding: 0 10px 0 0;
    width: 25%;
}

.ui-datepicker-calendar td {
    width: auto;
}

table caption {
    text-align: left;
    font-weight: bold;
    font-size: 1.1em;
    border-bottom: 1px solid #7f7f7f;
    margin: 10px 10px 0 0;
}

/* ******************************************** top section: header, suppplementary navigation, search */
#main-container {
    width: 986px;
    margin: auto;
    padding: 0px 0px 0px 18px;
    text-align: left;
}

h1 {
    float: left;
    width: 610px;
    height: 59px;
    padding-top: 7px;
    font-weight: bold;
    color: #d10019;
    font-size: 3.5em;
    line-height: 1.8em;
}

h1.title {
    font-size: 2em;
    line-height: 1.5em;
    padding: 0.1em 0 0.2em 0;
    font-weight: bold;
    color: #0069ab;
    float: none;
}

.content h1 .red-title {
    color: #d10019;
}

#payoff {
    font-size: 0.40em;
    font-weight: normal;
    color: #7f7f7f;
    margin-left: 10px;
}

.supplementary-navigation {
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.supplementary-navigation li {
    float: right;
    margin-left: 10px;
}

.supplementary-navigation a, .supplementary-navigation a:visited {
    font-size: 1.2em;
    color: #000;
    text-decoration: none;
}

.supplementary-navigation a:hover {
    color: #006aaa;
}

.supplementary-navigation li.divider {
    color: #7f7f7f;
}

.supplementary-navigation a.selected {
    color: #d10019;
}

#logo_and_nav form, #main-navigation form, #home-nieuwsbrief form {
    width: 255px;
    margin: 22px 0px 0px 0px;
    padding: 0;
    border: 0;
    height: 26px;
    float: right;
    z-index: 500000;
}

#logo_and_nav form ul, #main-navigation form ul, #home-nieuwsbrief form ul {
    height: 26px;
}

#logo_and_nav form li, #main-navigation form li, #home-nieuwsbrief form li {
    display: block;
    float: left;
    border: 0;
    padding: 0;
    height: 24px;
}

#logo_and_nav form li.input, #main-navigation form li.input, #home-nieuwsbrief form li.input {
    width: 210px;
    font-size: 1.2em;
}

#logo_and_nav form li.submit, #main-navigation form li.submit, #home-nieuwsbrief form li.submit {
    float: right;
}

input.button {
    background: transparent url("../images/butt_search.gif") no-repeat top left;
    width: 29px;
    height: 26px;
    cursor: pointer;
}

input.button:hover {
    background: transparent url("../images/butt_search_hover.gif") no-repeat top left;
    width: 29px;
    height: 26px;
}

form#delete input.button {
    width: auto;
    background: url("../images/arrow_white.png") no-repeat right 8px #7A7A79;
    border-right: 7px solid #7A7A79;
    padding: 5px 15px 5px 10px;
    color: #fff;
    font-weight: bold;
    position: relative;
    top: 1px;
    font-family: Arial, Helvetica, Verdana, sans-serif;
}

form#delete input.button:hover {
    background: url("../images/arrow_black.png") no-repeat right 8px #7A7A79;
    color: #000;
}

#logo_and_nav form #search-oneliner, #main-navigation form #search-oneliner, #home-nieuwsbrief form #newsletter_subscribe {
    width: 210px;
    line-height: 1.4em;
    padding: 6px 0 4px 5px;
    border: 1px solid #7f7f7f;
    color: #7f7f7f;
}

/* ******************************************** content */
#content {
    width: 630px;
    float: left;
}

#loginTeaserContent {
    width: 600px;
    float: left;
    margin-left: 10px;
}

#content .module {
    margin: 0 20px 20px 0;
    border-bottom: 1px dotted #7a7a79;
    padding: 0 0 20px 0;
}

h2 {
    font-size: 2em;
    line-height: 1.5em;
    padding: 0.1em 0 0.2em 0;
    font-weight: bold;
    color: #0069ab;
}

h1.index, h2.index {
    font-size: 1.6em;
    font-weight: bold;
    border-bottom: 1px dotted #7f7f7f;
    margin: 0px 20px 20px 0px;
    color: #000;
}

h1.index {
    height: auto;
    padding-top: 0px;
}

.new-subscription h2, .search-result h1, .content h2 {
    margin-top: -10px;
}

.search-result h1 {
    font-size: 2em;
    line-height: 1.5em;
    font-weight: bold;
    color: #0069ab;
    height: 2em;
}

.content h1.title {
    height: auto;
    float: none;
}

.content h2, .blog-item h2, .content h1.title, .blog-item h1.title {
    color: #0069ab;
    font-size: 24px;
    float: none;
}

h1.blogs, h3.blogs {
    font-size: 1.4em;
    font-weight: bold;
    margin-bottom: 5px;
}

h1.blogs {
    color: #000;
    padding-top: 0px;
    margin-top: 0px;
    float: none;
    height: auto;
}

h3.content {
    font-size: 1.4em;
    font-weight: bold;
    margin-bottom: 5px;
}

.vormvisie h1.title {
    height: auto;
    float: none;
}

.vormvisie h2, .vormvisie h1.title, .vacatures h2, vacatures h1.title {
    font-size: 2.4em;
    color: #d10019;
    margin-top: -10px;
    float: none;
}

.mijnarchitect h2 {
    color: #d10019;
}

/* ******************************************** content: forms */
form.subscribe {
    width: 360px;
    padding-left: 250px;
}

form.subscribe h3 {
    font-size: 1.6em;
    font-family: Arial, sans-serif;
    font-weight: bold;
    line-height: 1em;
    margin: 0px 0 8px 0;
    padding: 0;
}

form.subscribe li {
    float: left;
    margin: 0 0 5px 0;
    width: 360px;
}

form.subscribe input, form.subscribe label {
    width: 60px;
    float: left;
    font-size: 1.2em;
}

form.subscribe input {
    background-color: #ddded9;
    height: 20px;
}

form.subscribe input.name {
    width: 300px;
}

form.subscribe input.street {
    width: 175px;
    margin: 0 5px 0 0;
}

form.subscribe input.number {
    width: 60px;
}

form.subscribe input.postal {
    width: 100px;
    margin: 0 5px 0 0;
}

form.subscribe input.city {
    width: 120px;
}

form.subscribe label.label-city {
    width: 75px;
}

form.subscribe button.submit {
    z-index: 50;
    color: #fff;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 1.5em;
    font-weight: bold;
    border: 0;
    background: #7a7a79 url("../images/arrow_white.png") no-repeat 63px 6px;
    width: 80px;
    height: 22px;
    text-align: left;
    padding: 0 0 4px 8px;
    margin: 7px 0 0 280px;
}

form.subscribe button:hover {
    background: #000 url("../images/arrow_white.png") no-repeat 63px 6px;
}

div.subscribe p {
    font-size: 1.2em;
    font-weight: bold;
    margin-top: -17px;
}

div.subscribe {
    border-bottom: 1px dotted #7f7f7f;
    margin: 20px 20px 20px 0;
    width: 610px;
}

form.inline-search {
    background-color: #ddded9;
    width: 590px;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 1.2em;
    padding: 10px 10px 10px 10px;
    float: left;
    margin: 0 0 20px 0;
}

form.inline-search label {
    line-height: 1em;
}

form.inline-search p {
    margin-bottom: 10px;
    text-align: left;
}

form.inline-search li {
    float: left;
    padding-right: 10px;
}

form.inline-search li.select {
    padding: 4px 10px 0 0;
}

form.inline-search li.select select {
    margin-top: -3px;
}

form.inline-search input.oneliner {
    font-family: Arial, Helvetica, Verdana, sans-serif;
    width: 354px;
    height: 20px;
    padding: 4px 0 0 3px;
    border: 1px solid #959595;
}

form.inline-search input.portfolios {
    width: 304px;
}

form.inline-search li.submit {
    float: left;
    width: 25px;
    padding: 1px 0px 0px 7px;
}

form.inline-search li.submit-search-photographers {
    float: left;
}

form.inline-search h2 {
    font-size: 1.4em;
    line-height: 1.3em;
    text-align: left;
}

form.media li.submit {
    float: left;
}

#advanced-search {
    display: none;
}

form.advanced-search {
    border-top: 1px solid #fff;
    padding: 10px;
    float: left;
    display: block;
    width: 610px;
    margin-left: -10px;
}

form.advanced-search p {
    width: 285px;
    float: right;
}

form.advanced-search label {
    width: 60px;
    display: block;
    float: left;
    margin-right: 5px;
    font-size: 1.1em;
}

form.advanced-search label.long {
    width: 120px;
}

form.advanced-search select.short {
    width: 150px;
}

input.submit_search_projects {
    margin-left: 185px;
}

form.advanced-search select {
    font-size: 1em;
}

form.nbd {
    background: #ddded9 url("../images/nbd.gif") no-repeat 430px 50px;
}

form.nbd li.input {
    width: 300px;
    padding: 0;
}

form.nbd input.oneliner {
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 1.2em;
    width: 293px;
    height: 20px;
    padding: 4px 0 0 3px;
    border: 1px solid #959595;
}

form.nbd li.submit {
    float: left;
}

form.search-result {
    padding: 20px 10px 20px 10px;
}

form.search-result ul {
    float: left;
    margin: 6px 0;
}

form.search-result li.submit {
    float: left;
    padding: 0;
}

form.search-result li.label {
    float: left;
    padding: 6px 10px 0 0;
    font-size: 1.1em;
}

form.search-result input.oneliner {
    width: 350px;
    line-height: 12px;
    padding: 4px 0 0 5px;
}

.product-news form.inline-search ul {
    width: 410px;
}

.form .highlight {
    color: #0069ab;
    padding-left: 2px
}

.form_content {
    width: 610px;
    float: left;
    margin: 0 20px 20px 0;
    font-size: 0.91em;
}

.form-error {
    width: 545px;
    padding: 10px 10px 10px 55px;
    background: #ffcece url("../images/icon_error.gif") no-repeat 10px center;
    font-size: 0.91em;
    margin: 0 20px 20px 0;
}

.content .form_content ul {
    list-style: none;
    margin: 0 0 20px 0;
    padding: 0;
    width: 610px;
}

.content .form_content li {
    float: left;
    clear: left;
    margin: 0 0 8px 0;
    width: 610px;
}

.form_content label {
    display: block;
    float: left;
    width: 220px;
}

.form_content label.radio-label {
    display: block;
    float: left;
    width: 60px;
    margin: 0 0 0 5px;
    line-height: 1.2em;
}

.form_content label.radio-label-nieuwsbrief {
    display: block;
    float: left;
    width: 40px;
    margin: 0 0 0 5px;
    line-height: 1.2em;
}

.form_content input {
    display: block;
    float: left;
    width: 200px;
}

.form_content span {

}

.form_content input.text {
    border: 1px solid #939392;
    width: 200px;
    height: 19px;
    padding: 2px 0 0 2px;
}

.form_content input.aantal {
    width: 20px;
    height: 18px;
    margin-right: 10px;
}

.form_content input.postcode {
    width: 93px;
    margin-right: 10px;
}

.form_content input.huisnummer {
    width: 93px;
    margin-right: 10px;
}

.form_content input.radio {
    border: 0;
    width: 21px;
    height: 21px;
}

.form_content .radio-box-text {
    width: 610px;
}

.form_content .radio-box {
    margin: 0 0 0 220px;
}

.form_content input.checkbox {
    border: 0;
    width: 21px;
    height: 21px;
    clear: left;
    margin: 0 0 0 220px;
}

.form_content label.checkbox-label {
    display: block;
    clear: right;
    width: 220px;
    margin: 0 0 0 5px;
    line-height: 1.4em;
}

.form_content textarea {
    display: block;
    float: left;
    width: 200px;
    margin-right: 10px;
}

.form_content .error textarea {
    float: none;
    margin-right: 0;
}

.form_content select {
    float: left;
    min-height: 21px;
    margin-right: 5px;
}

.form_content input.datepicker {
    width: 100px;
    margin-right: 5px;
}

.ui-datepicker-trigger {
    position: relative;
    top: 5px;
}

.form_content button.submit {
    z-index: 50;
    color: #fff;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: bold;
    border: 0;
    border-right: 4px solid #7a7a79;
    background: #7a7a79 url("../images/arrow_white.png") no-repeat center right;
    height: 21px;
    text-align: left;
    padding: 0 14px 4px 4px;
    margin: 7px 0 0 220px;
}

.form_content button:hover {
    background: #000 url("../images/arrow_white.png") no-repeat center right;
    border-right: 4px solid #000;
}

.form_content h3 {
    font-size: 1.2em;
    color: #0069ab;
    margin: 0 0 15px 0;
}

.vacatures form.inline-search {
    padding: 20px 10px 20px 10px;
    margin-bottom: 0;
}

.vacatures form.inline-search select {
    width: 150px;
}

.vacatures form.inline-search input.oneliner {
    width: 243px;
}

/* ******************************************** login */
body.no-bg {
    background: none;
}

div.login-architect {
    background-color: white;
    color: black;
    text-align: left;
    margin: 0 0 30px 10px;
    font-size: 1.4em;
    line-height: 1.4;
    width: 400px;
    float: left;
    clear: both;
}

div.login-architect a {
    color: #0069ab;
    text-decoration: none;
}

div.login-architect a.close-link {
    display: block;
    float: left;
    width: 345px;
    text-align: right;
    color: #7a7a79;
    line-height: 1.1em;
}

div.login-architect a.bullet-link {
    color: #0069ab;
    text-decoration: none;
    background: transparent url("../images/bull_additional_nav_list.gif") no-repeat center left;
    float: right;
    display: block;
    width: 78px;
    padding-left: 10px;
    font-weight: bold;
    margin-top: 5px;
}

div.login-architect h2 {
    font-weight: bold;
    font-size: 24px;
    margin: 0;
    padding: 0 0 10px 0;
}

div.login-architect form button.submit, form#delete button.submit {
    cursor: pointer;
    color: #fff;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 1.2em;
    font-weight: bold;
    border-color: #7a7a79;
    border-width: 0 7px 0 0;
    border-style: none solid none none;
    background: #7a7a79 url("../images/arrow_white.png") no-repeat right 8px;
    width: auto;
    text-align: left;
    padding: 0 14px 0 8px;
    float: right;
}

div.login-architect form button.submit:hover {
    cursor: pointer;
    color: #000;
    background: #7a7a79 url("../images/arrow_black.png") no-repeat right 8px;
}

form.login-architect {
    margin-top: 15px;
    float: left;
    clear: both;
}

form.login-architect div {
    float: left;
    clear: both;
    margin: 0;
    width: 400px;
}

form.login-architect div.dotted {
    float: left;
    clear: both;
    margin: 10px 0 0 0;
    padding-top: 10px;
    width: 400px;
}

form.login-architect label {
    display: block;
    float: left;
    width: 105px;
}

form.login-architect input {
    /*    display: block;*/
    float: right;
    width: 222px;
    height: 19px;
    border: 1px solid #ccc;
    margin-bottom: 10px;
}

form.login-architect .button-content-react {
    width: 102px;
    color: #fff;
    background: #7a7a79 url("../images/arrow_white.png") no-repeat 90px 6px;
    font-size: 1.3em;
    font-family: Helvetica;
    margin: 0;
    padding: 0;
    float: right;
    display: block;
    padding: 5px 0px 1px 10px;
}

/* ******************************************** content: etc */
a.link-arrow-right {
    color: #000;
    text-decoration: none;
    display: block;
    text-align: right;
    background: transparent url("../images/arrow_black.png") no-repeat center right;
    padding: 0px 16px 0px 0px;
}

.content ul {
    list-style-type: disc;
    margin: 0 0 20px 10px;
    padding-left: 10px;
}

.content ul.news {
    list-style-type: none;
    padding-left: 0;
    margin-left: 0;
    margin-right: 20px;
}

.content ul.news .dotted {
    margin: 10px 0;
}

.content ul.news .news-desc {
    line-height: 1em;
}

.content ol {
    margin: 0 0 20px 10px;
    padding-left: 12px;
}

.regular-list {
    list-style-type: disc;
    margin: 0 0 20px 10px;
    padding-left: 10px;
}

.categories {
    float: left;
    background-color: #ddded9;
    width: 590px;
    font-size: 1.1em;
    padding: 0px 10px 0px 10px;
    border-bottom: 1px solid white;
    margin-bottom: 0.6em;
    text-transform: lowercase;
}

.categories p {
    float: left;
    padding: 0px 20px 0px 0px;
    line-height: 2.7em;
}

.categories ul {
    list-style: none;
    float: left;
    width: 540px;
}

.categories ul li {
    float: left;
    line-height: 2.7em;
}

.categories ul li.label {
    padding: 0px 20px 0px 10px;
}

.categories ul li.divider {
    padding: 0px 6px;
}

.categories a, .categories a:visited {
    color: #000;
    text-decoration: none;
}

.categories a:hover {
    text-decoration: underline;
}

.categories li.selected a {
    color: #d10019;
}

.categories p a.link-arrow-right, .categories p a.link-arrow-right:visited {
    margin: 0 40px -10px -10px;
    background: #fff url("../images/arrow_black.png") no-repeat center right;
    width: 590px;
    padding: 0px 20px 0px 0px;
    line-height: 2em;
}

.categories p a.link-arrow-right:hover {
    background: #fff url("../images/arrow_blue.png") no-repeat center right;
    color: #0069ab;
    text-decoration: none;
}

.index-listing {
    margin: 0 0 20px 0;
    list-style: none;
}

.index-listing li {
    background: transparent url("../images/bull_additional_nav_list.gif") no-repeat 0 9px;
    padding: 3px 7px 2px 7px;
    font-size: 1.1em;
    line-height: 1.5em;
    color: #000;
}

.index-listing a, .index-listing a:visited {
    font-size: 1.1em;
    color: #000;
    text-decoration: none;
    padding: 0;
    font-weight: bold;
}

.index-listing a:hover {
    color: #0069ab;
}

.index-listing span {
    color: #7a7a79;
    padding: 0 7px 0 7px;
}

.index-listing span.divider {
    color: #000;
    padding: 0 7px 0 0;
}

ul.listing {
    margin: 10px 20px 0 0;
    padding: 0;
    border-top: 1px dotted #7a7a79;
    display: block;
    float: left;
    list-style: none;
}

ul.listing li {
    display: block;
    float: left;
    font-size: 1.2em;
    padding: 0;
    margin: 0;
    line-height: 1.3em;
}

ul img {
    list-style: none;
}

ul.img li {
    width: 484px;
}

ul.img li.img {
    width: 126px;
    margin: 0;
}

ul.listing h3, ul.listing a, ul.listing span {
    display: inline;
    float: left;
}

ul.listing h3 {
    padding: 0;
    margin-left: 0px;
}

ul.listing a {
    color: #000;
    text-decoration: none;
    margin: 0 10px 0 10px;
}

ul.listing h2 {
    font-size: 1em;
}

ul.listing h3 a, ul.listing h3 a:visited {
    color: #0069ab;
    font-weight: bold;
    background: transparent url("../images/bull_additional_nav_list.gif") no-repeat 0 5px;
    margin: 0 10px 0 0;
    padding: 0 0 0 10px;
}

ul.listing h3 a:hover {
    color: #000;
}

ul.listing span {
    color: #7a7a79;
    font-size: 0.91em;
    margin: 0 10px;
    display: inline;
}

ul.listing span.highlighted-votes-divider {
    margin: 2px 6px 0;
    padding: 0;
    position: relative;
}

td.highlightedtd span.highlighted-votes-divider {
    margin-left: 1px;
    margin-right: 1px;
    margin-top: 2px;
    padding: 0;
}

table.projectinfo {
    margin: 0;
    width: 65px;
}

table.projectinfo td {
    padding: 0;
}

table.projectinfo td.counttd {
    padding: 0;
    width: 50%;
}

table.projectinfo td.icontd {
    width: 10%;
    padding-right: 2px;
}

table.projectinfo td.highlightedtd {
    width: 10%;
}

table.projectinfo .vote-counter {
    margin-top: 1px;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
}

.projects ul.listing table.projectinfo img.project-icon {
    margin-top: 8px;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
}

ul.img a {
    margin: 0 10px 0 15px;
}

ul.img h2 a, ul.img h2 a:visited, ul.img h3 a, ul.img h3 a:visited {
    color: #0069ab;
    font-weight: bold;
    background: transparent url("../images/bull_additional_nav_list.gif") no-repeat 5px 5px;
    margin: 0 10px 0 0;
    padding: 0 0 0 15px;
}

ul.img h2, ul.img h2 {
    padding-bottom: 0px;
}

ul.img span {
    margin: 0 10px 0 15px;
}

.news ul.listing, .product-news ul.listing {
    float: left;
    width: 295px;
    margin: 0 20px 20px 0;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    border: 0;
    list-style: none;
}

.news ul.img li, .product-news ul.img li {
    width: 165px;
}

.news ul.img li.img, .product-news ul.img li.img {
    width: 126px;
}

.news ul li.img a {
    margin: 0;
}

.search-result ul.listing {
    padding: 10px 0 0 0;
    width: 610px;
}

.search-result ul.listing li {
    width: 610px;
}

.search-result ul.img li {
    width: 460px;
}

.search-result ul.img li.img {
    width: 126px;
}

.search-result ul.img li, .search-result ul.img h3, .search-result ul.img a {
    width: 460px;
}

.search-result ul.listing h3 a:hover {
    text-decoration: underline;
}

.vormvisie .intro {
    font-size: 1.4em;
    margin: 0 20px 0 0;
    line-height: 1.4em;
}

.vormvisie ul.listing {
    padding: 10px 0 10px 0;
    height: 196px;
    border-top: 1px dotted #7a7a79;
    margin: 10px 0 0 0;
}

.vormvisie li {
    width: 190px;
    float: left;
}

.vormvisie li.img {
    width: 400px;
    float: left;
    margin: 0 20px 0 0;
}

.vormvisie ul.listing a {
    margin: 0;
}

.vormvisie ul.listing li.img div.overlay-title a {
    width: 360px;
    height: 45px;
    position: relative;
    bottom: 75px;
    left: 10px;
    z-index: 50;
    background: transparent url("../images/bg_vormvisie_listing.png") repeat 0 0;
    color: #fff;
    font-size: 2em;
    line-height: 1em;
    padding: 10px;
}

.vormvisie ul.listing li.img div.overlay-title a:hover {
    background: transparent url("../images/bg_vormvisie_listing_hover.png") repeat 0 0;
}

.vormvisie li p, .vormvisie li dl, .vormvisie li dt, .vormvisie li dd {
    float: left;
    display: block;
}

.vormvisie li dl {
    color: #7a7a79;
    margin: 10px 0 0 0;
}

.vormvisie li dt {
    clear: left;
    font-weight: bold;
}

.vormvisie-gallery {
    float: left;
    width: 630px;
}

.vormvisie-gallery h2 {
    margin: 10px 0 0 0;
    color: #d10019;
}

.vormvisie-gallery p {
    font-size: 1em;
    margin: 0 20px 20px 0;
}

.vormvisie-gallery h4 {
    font-size: 0.85em;
    font-weight: bold;
    margin: 10px 0 5px 0;
}

.vormvisie-gallery h4 span {
    font-size: 0.91em;
    color: #7f7f7f;
}

.overlay {
    float: left;
    width: 610px;
    height: 300px;
    overflow: visible;
    color: #fff;
}

.overlay .overlay-title {
    width: 570px;
    height: 92px;
    position: relative;
    top: -140px;
    left: 10px;
    z-index: 50;
    background: transparent url("../images/bg_vormvisie_listing_hover.png") repeat 0 0;
    padding: 10px;
    color: #fff;
}

.overlay .overlay-title h2, .overlay-title h1.title {
    font-size: 2.3em;
    color: #fff;
    line-height: 1.1em;
    margin: -15px 0 0 0;
    font-weight: normal;
    float: none;
}

.overlay h2 span {
    font-size: 0.45em;
    font-weight: normal;
}

.overlay p {
    margin: 0;
}

.overlay-links {
    width: 570px;
    height: 10px;
    position: relative;
    bottom: 160px;
    left: 10px;
    z-index: 50;
    background: transparent url("../images/bg_vormvisie_listing_hover.png") repeat 0 0;
    padding: 10px;
    font-size: 0.91em;
}

.overlay-links a {
    color: #fff;
    text-decoration: none;
}

.vormvisie-gallery h3.grey-block a.selected {
    color: #f00;
}

.vormvisie-gallery .info-box ul.index-listing {
    list-style: none;
    font-size: 0.78em;
    margin: 10px 20px 10px 0;
}

.vormvisie-gallery .info-box ul.list {
    list-style: none;
    font-size: 0.78em;
    margin: 0 20px 20px 0;
}

.vormvisie-gallery .info-box {
    font-size: 0.91em;
}

.vormvisie-gallery .info-box ul.index-listing a {
    color: #000;
}

.vormvisie-gallery .column {
    width: 290px;
    float: left;
    margin: 0 20px 0 0;
}

.vormvisie-gallery .info-box ul.links a {
    color: #0069ab;
    font-weight: normal;
}

.vormvisie-gallery .info-box ul.listing h3 {
    font-size: 0.85em;
}

ul.main-news {
    float: left;
    width: 610px;
    list-style: none !important;
}

.main-news li {
    float: left;
    width: 275px;
}

.main-news li.img {
    float: left;
    width: 315px;
    margin-right: 20px;
}

.main-news li.img p {
    display: block;
    float: left;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 1.27em;
    margin: 0;
    width: 315px;
}

.main-news h1, .main-news h2 {
    color: #0069ab;
    line-height: 1.4em;
    height: auto;
    width: auto;
}

.main-news h2 a, .main-news h1 a {
    color: #0069ab;
    text-decoration: none;
}

.main-news h2 a:hover, .main-news h1 a:hover {
    color: #000;
}

.main-news p a {
    color: #000;
    text-decoration: none;
    font-size: 1.4em;
    font-weight: bold;
    line-height: 1.6em;
    background: transparent url("../images/arrow_black.png") no-repeat bottom right;
    padding-right: 20px;
}

.main-news p a:hover {
    background: transparent url("../images/arrow_blue.png") no-repeat bottom right;
}

.projects ul.listing {
    width: 188px;
    float: left;
    border: 1px solid #d3d3d3;
    padding-bottom: 5px;
    margin: 0px 20px 20px 0px;
}

.projects ul.listing li {
    margin: 0;
    height: 44px;
    background: transparent url(../images/arrow_grey.png) no-repeat scroll 167px 45px;
    padding: 5px 10px 10px;
    position: relative;
    width: 166px;
}

.mijnarchitect h3.grey-block {
    font-weight: bold;
    font-size: 1.2em;
    padding-top: 3px;
    padding-bottom: 3px;
}

.mijnarchitect .projects ul.listing li {
    height: 27px;
    background-position: right bottom;
}

.projects ul.listing li:hover {
    background-image: url(../images/arrow_black.png);
}

.projects ul.listing a {
    color: #0069AB;
    margin: 0;
}

.projects ul.listing li.img {
    color: #0069AB;
    text-align: center;
    border-bottom: 1px solid #d3d3d3;
    background: none;
    padding: 0;
    width: 187px;
    height: 134px;
    margin: 0;
}

.projects ul.listing h3 {
    color: #0069AB;
    line-height: 1.5em;
    width: 159px;
}

.projects ul.listing h3 a {
    color: #0069AB;
    text-decoration: none;
    background: none;
    padding: 0;
    display: block;
    float: left;
    width: 159px;
}

.projects ul.listing h3.highlight a {
    width: 147px;
}

.projects ul.listing h3 a:hover {
    color: #000;
}

.projects ul.listing h3.highlight {
    background: transparent url("../images/icon_star_red.gif") no-repeat 5px 8px;
    padding: 5px 0 0 20px;
}

.projects ul.listing span.icon-box {
    display: block;
    float: left;
    width: 159px;
}

.projects ul.listing .info {
    z-index: 50;
    height: 16px;
    width: auto;
    clear: both;
    position: absolute;
    bottom: 2px;
}

.projects ul.listing .project-icon {
    margin: 6px 0 0 0;
    display: inline;
    float: left;
}

.projects .myproject {
    float: left;
    width: 188px;
    margin-right: 20px
}

.projects .myproject ul.listing {
    margin-bottom: 8px;
}

.projects .myproject .controls {
    text-align: center;
    margin-bottom: 20px;
    color: #7a7a79;
}

.projects .myproject .controls a {
    color: #0069ab;
    margin: 0 5px;
    text-decoration: none;
    font-size: 1.2em;
    font-weight: bold;
}

.projects .myproject .controls a:hover {
    color: #000;
}

.vote-counter {
    font-size: 0.91em;
    font-weight: normal;
    background: transparent url("../images/icon_votes.gif") no-repeat center right;
    padding: 3px 20px 0 0;
    display: inline;
    width: auto;
}

ul.listing .vote-counter {
    margin: 0;
}

.tijdschrift .vote-counter {
    padding: 0px 20px 0 0;
}

ul.listing .button-fc span {

}

ul.listing .button-fc a {
    position: relative;
    top: -32px;
    left: -10px;
    margin: 0;
    padding: 5px 20px 0 10px;
    width: 103px;
    height: 27px;
    background: transparent url("../images/butt_full_screen.png") no-repeat 0 0;
    color: #fff;
    font-weight: bold;
    font-size: 0.68em;
    text-align: left;
}

ul.listing h3 {
    background: none;
    padding: 0;
    margin-left: 0px;
    color: #0069ab;
    font-weight: bold;
}

.tijdschrift ul.listing a {
    margin: 0;
    color: #7a7a79;
    font-size: 0.916em;
}

.tijdschrift ul.listing h2 a, .tijdschrift ul.listing h3 a {
    background: none;
    padding: 0;
    color: #0069ab;
    font-size: 1em;
}

.tijdschrift ul.listing a.link-arrow-right {
    color: #000;
}

.tijdschrift ul.listing {
    width: 188px;
    float: left;
    margin: 0px 20px 20px 0px;
    padding: 0 0 10px 0;
    border: 0;
    border-bottom: 1px dotted #d3d3d3;
    list-style: none;
}

.tijdschrift ul.listing li {
    display: block;
    float: left;
    font-size: 1.2em;
    padding: 0;
    margin: 0;
    line-height: 1.6em;
    width: 188px;
    color: #7a7a79;
}

.tijdschrift ul.listing li.img {
    padding: 0;
    margin: 0;
}

.tijdschrift ul.listing li.link-index-magazine {
    margin: 10px 0 0 0;
}

.link-index-magazine a.link-arrow-right, .link-magazine a.link-arrow-right {
    float: right;
    background: transparent url("../images/arrow_black.png") no-repeat center right;
    padding: 0 16px 0 0;
    font-size: 0.916em;
}

.link-magazine a.link-arrow-right {
    margin: 0;
}

.link-index-magazine a.link-arrow-right:hover, .link-magazine a.link-arrow-right:hover {
    color: #0069ab;
    background: transparent url("../images/arrow_blue.png") no-repeat center right;
}

a.link-arrow-right div {
    color: #7a7a79;
    display: inline;
}

a.link-arrow-right:hover div {
    color: #0069ab;
}

ul.listing span.locked {
    background: transparent url("../images/icon-locked-grey.gif") no-repeat center right;
    padding: 0 10px 0 0;
    font-size: 1em;
    color: #000;
    margin: 0;
}

.content .column1-3 {
    width: 190px;
    float: left;
    margin: 0 20px 0 0;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    color: #7a7a79;
    font-size: 0.85em;
}

.content .column1-3 h3 {
    font-size: 1.1em;
}

.content .column1-3 dl {
    font-size: 1em;
}

.content .column2-3 {
    width: 390px;
    float: left;
    font-family: Arial, Helvetica, Verdana, sans-serif;
}

.content .column2-3 p {
    margin-bottom: 1.4em;
}

.content .column1-3 ul.tags {
    margin: 10px 0 0 0;
    padding: 0;
    font-size: 1em;
}

.agenda-item .column1-3 dl {
    width: 190px;
    float: left;
    margin: 0 0 20px 0;
}

.agenda-item .column1-3 dt, .agenda-item .column1-3 dd {
    display: block;
    float: left;
}

.agenda-item .column1-3 dt {
    clear: left;
}

.agenda-item .column1-3 h3 {
    clear: both;
}

.agenda-item .column1-3 p {
    display: block;
    margin-bottom: 0px;
}

.content .projects ul.listing h3 {
    margin: 0;
    font-size: 0.85em;
}

.paging, .content-footer {
    border-top: 1px dotted #7a7a79;
    border-bottom: 1px dotted #7a7a79;
    margin-bottom: 20px;
    font-size: 1.1em;
    float: left;
    width: 610px;
    padding: 5px 0px 5px 0px;
}

.paging .display-amount {
    width: 190px;
    float: left;
}

.paging .display-amount a {
    color: #000;
}

.paging .display-amount span.selected {
    color: #d10019;
}

.paging .numerical {
    float: right;
    line-height: 1.5em;
    font-size: 0.91em;
}

.paging .numerical ul li {
    float: left;
    display: block;
    width: 16px;
    height: 16px;
    margin-left: 2px;
    background-color: #ddded9;
    text-align: center;
    color: #000;
}

.paging .numerical ul li:hover {
    background-color: #7a7a79;
    color: #fff;
}

.paging .numerical li a {
    float: left;
    display: block;
    width: 16px;
    height: 16px;
    background-color: #ddded9;
    text-align: center;
    color: #000;
    text-decoration: none;
    font-size: 10px;
    line-height: 16px;
}

.paging .numerical li a:hover {
    background-color: #7a7a79;
    color: #fff;
}

.paging .numerical ul li a.selected {
    background-color: #d10019;
    color: #fff;
}

.paging .numerical li.previous a, .paging .numerical li.next a {
    color: #7a7a79;
    width: 45px;
    display: block;
}

.paging .numerical li.previous, .paging .numerical li.next {
    color: #7a7a79;
    background-color: #fff;
    width: 65px;
}

.paging .numerical li.previous a {
    background: #fff url("../images/paging-prev.png") no-repeat top right;
    padding-right: 20px;
}

.paging .numerical li.previous a:hover {
    background: #fff url("../images/paging-prev-hover.png") no-repeat top right;
}

.paging .numerical li.next a {
    background: #fff url("../images/paging-next.png") no-repeat top left;
    padding-left: 20px;
}

.paging .numerical li.next a:hover {
    background: #fff url("../images/paging-next-hover.png") no-repeat top left;
}

div.sorting {
    margin: 0 20px 0 0;
}

ul.sorting {
    float: right;
    list-style: none;
}

ul.sorting li {
    font-size: 1.2em;
    display: block;
    float: left;
    padding-left: 10px;
}

ul.sorting a {
    color: #0069ab;
    text-decoration: none;
}

ul.sorting a:hover {
    color: #000;
}

ul.sorting a.selected {
    color: #7a7a79;
}

.result-info {
    font-size: 1.4em;
    margin: 0 20px 5px 0;
    padding: 0 0 20px 0;
    border-bottom: 1px dotted #7a7a79;
}

.content {
    font-size: 1.4em;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    line-height: 1.4em;
    margin: 0 0 20px 0;
}

.blog-item p.content {
    font-size: 1.4em;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    line-height: 1.4em;
}

.content p {
    margin: 0 20px 0 0;
    margin-bottom: 1.4em;
}

.content a {
    color: #0069ab;
    text-decoration: none;
}

.content a:hover {
    color: #000;
    text-decoration: underline;
}

.content a.special {
    font-weight: bold;
    background: transparent url("../images/bull_additional_nav_list.gif") no-repeat 0 7px;
    padding: 0 0 0 10px;
}

.content h3 {
    font-weight: bold;
    margin-top: 1em;
}

#reactions {
    display: block;
    clear: both;
    width: 610px;
    margin: 0 0 10px 0;
    padding: 10px 0 10px 0;
    font-size: 1em;
}

#reactions h3 {
    margin: 10px 0 10px 0;
}

ul.listing-reactions {
    margin: 0 0 20px 0;
    list-style: none;
    margin: 10px 0 10px 0;
    padding: 0 0 10px 0;
    border-bottom: 1px dotted #7a7a79;
}

ul.listing-reactions.last {
    border-bottom: 0px;
}

.content #reactions form p {
    clear: both;
    width: 368px;
    margin-bottom: 0;
}

#reactions form label {
    float: left;
    display: inline-block;
    width: 95px;
}

#reactions form label.error {
    float: left;
    display: inline;
    margin-left: 95px;
    width: 400px;
}

#reactions form input, #reactions form textarea {
    float: left;
    display: inline-block;
    width: 265px;
    border: 1px solid #7F7F7F;
    padding: 4px 0 4px 5px;
    margin: 0 0 10px 0;
}

#reactions form #captcha {
    height: 16px;
}

#reactions form .label-form-react-submit, #reactions form .label-form-react-captcha {
    visibility: hidden;
}

#reactions form input.button {
    background: #7a7a79 none;
    width: 95px;
    height: 22px;
    color: #fff;
    border: 0;
    padding: 3px 0 4px 0;
    display: inline-block;
    float: right;
    margin-right: 2px;
    font-weight: bold;
    font-size: 0.85em;
}

#reactions form input.button:hover {
    background-color: #000;
}

#reactions form p.captcha {
    display: none;
    height: 0;
    margin: 0;
}

#reactions .paging {
    font-size: 0.91em;
}

ul.listing-reactions {
    font-size: 0.91em;
    border-top: 0;
    margin-top: -5px;
}

ul.regular-list {
    color: #7a7a79;
}

div.date, div.date-title {
    margin: 0 20px 0 0;
    color: #7a7a79;
    font-size: 11px;
    line-height: 1.4em;
}

div.date {
    float: left;
}

div.previous {
    float: right;
    margin-right: 20px;
    font-size: 11px;
}

span.date {
    color: #7a7a79;
    font-size: 11px;
}

.date .divider, .date-title .divider {
    padding: 0 4px 0 4px;
}

.reactions-count {
    background: transparent url("../images/icon_spreekballon.gif") no-repeat center right;
    padding-right: 16px;
}

.content-footer {
    font-size: 0.8em;
    line-height: 2.4em;
    margin: 10px 0 20px;
}

.content-footer p {
    color: #7a7a79;
    width: 150px;
    float: left;
    margin: 0;
}

.content-footer ul {
    float: right;
    margin: 0;
    list-style: none;
}

.content-footer li {
    float: left;
}

.content-footer li.divider {
    padding: 0 5px 0 5px
}

.content-footer a, .content-footer a:visited {
    color: #000;
    text-decoration: none;
}

.content-footer a:hover {
    color: #0069ab;
}

a.print {
    background: transparent url("../images/icon_print.gif") no-repeat top left;
    padding-left: 22px;
}

a.send {
    background: transparent url("../images/icon_send.gif") no-repeat center left;
    padding-left: 27px;
}

a.react {
    background: transparent url("../images/icon_spreekballon_black.gif") no-repeat center left;
    padding-left: 20px;
}

form.vote {
    width: 159px;
    height: 26px;
    float: left;
}

.a2a_dd img {
    padding-top: 2px;
}

.main-visual {
    display: block;
    float: left;
    margin: 5px 20px 10px 0;
    width: 315px;
}

.main-visual img {
    display: block;
    float: left;
    width: 315px;
}

.main-visual p {
    display: block;
    font-size: 0.91em;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    margin: 0;
    float: left;
    width: 315px;
}

.news-item .main-visual p {
    font-size: 0.85em;
}

.date a, .news-item .date a {
    color: #7a7a79;
    text-decoration: none;
}

.date a:hover, .news-item .date a:hover {
    color: #000;
    text-decoration: none;
}

.tijdschrift h1 {

}

.tijdschrift .main-visual {
    border-bottom: 1px dotted #7f7f7f;
    padding: 0 0 10px 0;
    width: 610px;
    margin-top: 0;
}

.tijdschrift .main-visual img {
    border: 1px solid #d3d3d3;
    width: 398px;
    float: right;
}

.tijdschrift .main-visual h2, .tijdschrift .main-visual h1.title {
    line-height: 1.3em;
    float: none;
}

.tijdschrift .main-visual h2, .tijdschrift .main-visual h1.title, tijdschrift .main-visual p {
    width: 190px;
    float: none;
}

.tijdschrift .main-visual ul {
    font-size: 0.78em;
    color: #7a7a79;
    list-style: none;
    margin: 90px 0 0 0;
    padding: 0;
}

.tijdschrift .main-visual ul h3 {
    font-size: 1.1em;
    color: #0069ab;
    margin: 10px 0 0 0;
}

.tijdschrift .main-visual li.download-pdf-magazine {
    background: #7a7a79 url("../images/arrow_white.png") no-repeat 170px 10px;
    color: #fff;
    padding: 5px 15px 5px 5px;
    margin: 10px 0 0 0;
}

.tijdschrift .main-visual li.download-pdf-magazine:hover {
    background-color: #000;
}

li.download-pdf-magazine a, li.download-pdf-magazine a:hover {
    color: #fff;
    text-decoration: none;
    font-size: 1.1em;
    font-weight: bold;
}

.visual {
    display: block;
    float: left;
    margin: 5px 20px 10px 0;
    width: 188px;
}

.visual img {
    display: block;
    float: left;
    width: 188px;
}

.visual p {
    display: block;
    font-size: 0.91em;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    margin: 0;
    float: left;
    width: 188px;
}

ul.tags {
    margin: 0 20px 20px 0;
    font-size: 0.8em;
    list-style: none;
}

ul.tags span {
    color: #d10019;
    font-weight: bold;
}

ul.tags li {
    display: inline;
    color: #7a7a79;
}

ul.tags li a {
    color: #7a7a79;
    text-decoration: none;
}

.banner-full {
    text-align: center;
    margin: 0 20px 20px 0;
    padding: 0 0 20px 0;
    border-bottom: 1px dotted #7f7f7f;
}

.dotted {
    border-top: 1px dotted #7f7f7f;
    margin: 20px 20px 20px 0;
}

.intro {
    font-weight: bold;
}

.definition-list, .link-list {
    font-size: 0.85em;
    margin: 0 0 20px 0;
}

.definition-list dt {
    display: block;
    float: left;
    width: 190px;
    margin: 0 20px 10px 0;
    font-weight: bold;
    clear: both;
    padding: 0 5px 0 10px;
}

.definition-list dd {
    display: block;
    float: right;
    width: 405px;
    clear: right;
    font-weight: normal;
}

.definition-list dd.last {
    margin-bottom: 10px;
}

h3.grey-block {
    background-color: #ddd;
    padding: 0 5px 0 10px;
    margin: 0 20px 5px 0;
    text-transform: uppercase;
}

h3.grey-block span {
    display: block;
    float: right;
    font-size: 0.85em;
}

h3.grey-block a {
    color: #000;
    font-weight: normal;
    margin: 0 5px 0 5px;
}

h3.grey-block a.selected {
    color: #0069ab;
}

.project-gallery {
    margin-top: 20px;
}

.project-gallery h3 {
    font-size: 0.85em;
}

.project-gallery .definition-list h3 {
    font-size: 1em;
}

.project-gallery h4 {
    font-size: 0.85em;
    font-weight: bold;
    margin: 10px 0 5px 0;
}

.project-gallery h4 span {
    font-size: 0.91em;
    color: #7f7f7f;
}

.project-gallery a.link-arrow-right {
    display: block;
    float: right;
    margin: 0 0 10px 0;
    color: #000;
}

.more-info {
    display: none;
    margin: 0;
}

.project-gallery .definition-list {
    margin: 0;
}

.project-gallery dl a {
    background: transparent url("../images/bull_additional_nav_list.gif") no-repeat 0 4px;
    padding: 0 0 0 10px;
}

.sidebar .gallery-nav {
    float: left;
    margin-top: 3em;
    font-size: 25px;
    line-height: 1.5em;
    float: left;
    width: 356px;
}

.gallery-nav {
    float: left;
    margin-top: 3em;
    font-size: 25px;
    line-height: 1.5em;
    float: left;
    width: 356px;
}

.gallery-nav a, .gallery-nav span {
    display: block;
    float: left;
    text-decoration: none;
}

.gallery-nav-prev {
    background: transparent url("../images/paging-prev20x20.png") no-repeat center center;
    width: 1.5em;
    height: 1.5em;
    margin-left: -.35em;
}

.gallery-nav-prev:hover {
    background: transparent url("../images/paging-prev20x20-hover.png") no-repeat center center;
}

.gallery-nav-next {
    background: transparent url("../images/paging-next20x20.png") no-repeat center center;
    width: 1.5em;
    height: 1.5em;
}

.gallery-nav-next:hover {
    background: transparent url("../images/paging-next20x20-hover.png") no-repeat center center;
}

#sidebar .project_detail_description {
    background: white;
    font-size: 1.2em;
    line-height: 1.5em;
}

h2.gallery-title-black, h2 span.gallery-title-black {
    color: #000;
    margin: 0 10px 0 0;
}

h2.gallery-title-black span {
    display: block;
    float: right;
    font-size: 0.45em;
    height: 2em;
    line-height: 2em;
    background-color: #ddd;
    margin: 12px 0 0 0;
}

h2.gallery-title-black a {
    color: #000;
    font-weight: normal;
    margin: 0 5px 0 5px;
}

h2.gallery-title-black a.selected {
    color: #0069ab;
}

.gallery-visual {
    margin: 0 20px 6px 0;
    padding: 0;
    border: 1px solid #ddd;
    float: left;
    display: block;
    width: 608px;
    text-align: center;
    position: relative;
}

.gallery-visual-video-paging {
    margin: 0 20px 6px 0;
    padding: 0;
    border: 1px solid #ddd;
    border-top: 0px solid #ddd;
    float: left;
    display: block;
    text-align: center;
    width: 608px;
}

.gallery-visual-video {
    margin: 0 20px 0px 0;
    padding-top: -20px;
    border: 1px solid #ddd;
    border-bottom: 0px solid #ddd;
    float: left;
    display: block;
    text-align: center;
    height: 350px;
    width: 608px;
}

.gallery-prev-video {
    float: left;
    padding: 30px 10px 10px 10px;
}

.gallery-next-video {
    float: right;
    padding: 30px 10px 10px 10px;
}

.gallery-visual ul {
    list-style: none;
}

.gallery-visual img {
    margin-top: -30px;
    padding: 0;
    z-index: 0;
}

.gallery-visual #menu {
    z-index: 50;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 105px;
    height: 30px;
    background-color: #5e5e5e;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    padding: 0 0 0 10px;
    margin: 0;
}

.gallery-visual #menu a {
    color: #fff;
    text-decoration: none;
    display: block;
    float: left;
}

.gallery-visual #menu a.full-screen {
    background: transparent url("../images/butt_full_screen.gif") no-repeat top right;
    padding: 0 30px 0 0;
    height: 18px;
    margin: 5px 10px 0 0;
}

.gallery-visual #menu a.img-switch {
    background: transparent url("../images/butt_img_switch.gif") no-repeat center right;
    padding: 0 21px 0 0;
    height: 18px;
    margin: 5px 10px 0 0;
}

.gallery-paging {
    z-index: 51;
    position: relative;
    top: 290px;
    left: 0px;
    width: 608px;
    height: 30px;
    padding: 0px;
    margin: 0;
}

.gallery-visual img.gallery-prev {
    float: left;
    width: 29px;
    height: 26px;
    padding: 0;
    margin: -13px 0 0;
    position: absolute;
    top: 50%;
    left: 0;
}

.gallery-visual img.gallery-next {
    float: right;
    width: 29px;
    height: 26px;
    padding: 0;
    margin: -13px 0 0;
    position: absolute;
    top: 50%;
    right: 0;
}

.gallery-visual img.gallery-video-button {
    padding-top: 125px;
}

.project_detail_description {
    border: 1px solid #d3d3d3;
    color: #7a7a79;
    font-size: 0.91em;
    font-weight: bold;
    padding: 10px;
    float: left;
    width: 314px;
    background: white;
    font-size: 1.2em;
    line-height: 1.5em;
}

.project_detail_description span.author {
    display: block;
    font-size: 0.91em;
    font-weight: normal;
}

.link-list ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.link-list li {
    border-bottom: 1px dotted #7f7f7f;
    margin: 0 20px 0 0;
}

.link-list a {
    background: transparent url("../images/bull_additional_nav_list.gif") no-repeat 0 7px;
    padding: 3px 0 2px 10px;
    color: #000;
    margin: 0 0 0 10px;
}

.link-list a:hover {
    text-decoration: none;
    color: #0069ab;
}

.link-list a.link-pdf {
    background: transparent url("../images/icon_pdf.gif") no-repeat 0 3px;
    padding: 3px 0 2px 18px;
}

.link-list a.link-doc {
    background: transparent url("../images/icon_doc.gif") no-repeat 0 3px;
    padding: 3px 0 2px 18px;
}

.link-list a.link-xls {
    background: transparent url("../images/icon_xls.gif") no-repeat 0 3px;
    padding: 3px 0 2px 18px;
}

.link-list a.link-odt {
    background: transparent url("../images/icon_odt.gif") no-repeat 0 3px;
    padding: 3px 0 2px 18px;
}

.link-list a.link-odg {
    background: transparent url("../images/icon_odg.gif") no-repeat 0 3px;
    padding: 3px 0 2px 18px;
}

.link-list a.link-txt {
    background: transparent url("../images/icon_txt.gif") no-repeat 0 3px;
    padding: 3px 0 2px 18px;
}

.link-list a.link-image {
    background: transparent url("../images/icon_image.gif") no-repeat 0 3px;
    padding: 3px 0 2px 18px;
}

.project-gallery .link-list, .project-gallery .definition-list {
    font-size: 12px !important;
}

.project-gallery .link-list ul, .project-gallery .definition-list {
    width: 570px;
    margin-top: 10px;
}

.project-gallery .definition-list dd {
    width: 355px;
}

.project-gallery .definition-list dt {
    padding-left: 0;
    margin-bottom: 3px;
}

.project-gallery .definition-list table {
    width: 608px;
    font-size: 12px !important;
    margin: 0 0 0 -20px;
}

.project-gallery .definition-list table caption {
    border: 0;
    color: #0069ab;
    padding-left: 20px;
}

.project-gallery table th, .project-gallery table td {
    padding-left: 20px;
}

#content .project-gallery td {
    line-height: 1.8em;
}

.project-gallery .nbd-link {
    display: block;
    background: transparent url("../images/icon_nbd.gif") no-repeat center right;
    padding-right: 22px;
    padding-top: 4px;
    color: #0069ab;
}

.toc {
    font-size: 0.85em;
    margin: 0 0 20px 0;
    padding: 0 0 10px 0;
    border-bottom: 1px dotted #7f7f7f;
    line-height: 1.4em;
}

.toc ul {
    margin: 0 0 20px -10px;
    list-style: none;
}

.toc a, .toc a :visited {
    background: transparent url("../images/bull_additional_nav_list.gif") no-repeat 0 9px;
    padding: 3px 0 2px 10px;
    color: #000;
    margin: 0 0 0 10px;
    font-weight: bold;
    display: block;
}

.toc a:hover {
    color: #0069ab;
    text-decoration: none;
}

.toc div {
    display: block;
    margin: 0 20px 0 20px;
}

.toc span {
    display: inline;
    color: #7f7f7f;
    margin: 0;
}

.toc h3 {
    background-color: #ddd;
    padding: 0 5px 0 10px;
    margin: 0 20px 5px 0;
}

.toc h4 {
    color: #d10019;
    font-weight: bold;
    margin: 10px 20px 0px 10px;
    font-size: 1.2em;
}

.toc a span.locked {
    background: transparent url("../images/icon-locked-black.gif") no-repeat center right;
    padding: 0 10px 0 0;
}

.hidden {
    display: none;
}

.opener a {
    background: transparent url("../images/arrow_white.png") no-repeat center right;
    padding: 0 15px 2px 0;
    color: #fff;
    margin: 0 0 0 10px;
    font-weight: bold;
    display: block;
}

.opener a.close {
    background: transparent url("../images/arrow_grey_up.png") no-repeat center right;
    padding: 0 15px 2px 0;
    color: #7a7a79;
    margin: 0 0 0 10px;
    font-weight: bold;
    display: block;
}

.opener a.open {
    background: transparent url("../images/arrow_white.png") no-repeat center right;
    padding: 0 15px 2px 0;
    color: #fff;
    margin: 0 0 0 10px;
    font-weight: bold;
    display: block;
}

h3.opener {
    background-color: #959594;
    color: #fff;
}

h3.opener-clicked {
    background-color: #dddddd;
    color: #000;
}

h3.opener a {
    color: #fff;
}

.column2-3 {
    width: 400px;
    margin: 0 20px 20px 0;
    float: left;
}

.highlighted-content {
    margin-right: 20px;
    float: left;
    font-size: 1.2em;
    border-bottom: 1px dotted #7f7f7f;
    padding: 0 0 7px 0;
}

.highlighted-content1 {
    font-size: 1.2em;
    color: #7a7a79;
    font-weight: bold;
    border-bottom: 1px dotted #7f7f7f;
    padding: 0 0 7px 0;
}

.highlighted-content1 h3 {
    font-size: 1.2em;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    color: #000;
}

.highlighted-content1 h2 {
    color: #0069ab;
    font-size: 2em;
    font-family: Arial, sans-serif;
    line-height: 1.4em;
}

.highlighted-content1 h2 a, .highlighted-content1 h2 a:visited {
    color: #0069ab;
    text-decoration: none;
    background: transparent url("../images/arrow_black.png") no-repeat center right;
    padding-right: 15px;
}

.highlighted-content1 h2 a:hover {
    color: #000;
}

.highlighted-content1 p {
    color: #000;
    font-size: 1.1em;
    line-height: 1.6em;
    font-weight: normal;
    margin-bottom: 10px;
}

.highlighted-content1 a, .highlighted-content1 a:visited {
    color: #000;
    text-decoration: none;
}

.highlighted-content1 a:hover {
    color: #0069ab;
    text-decoration: none;
}

.carousel-box ul {
    list-style: none;
}

.blue {
    color: #0069ab;
}

.content p.nbd-link {
    margin: 0 0 10px 0;
}

.nbd-link a {
    background: transparent url("../images/icon_nbd.gif") no-repeat center right;
    padding-right: 22px;
    font-size: 0.85em;
}

h3.nieuwsfeeds-title {
    padding-left: 10px;
    font-weight: bold;
    margin: 0;
    height: 22px;
    line-height: 22px;
}

.listing-nieuwsfeeds {
    font-size: 0.85em;
}

.newsfeeds h3.grey-block {
    margin-bottom: 0;
}

.newsfeeds .index-listing {
    margin: 16px 0 16px 0;
    padding-top: 0;
}

.vacatures ul.listing {
    padding: 10px 0 0 0;
    width: 610px;
}

.vacatures ul.listing+div.paging {
    margin-bottom: 20px
}

.vacatures h3.new {
    font-size: 1.4em;
    font-weight: bold;
    border-bottom: 1px dotted #7f7f7f;
    padding: 0 0 10px 0;
    margin: 5px 20px 0 0;
}

.vacatures ul.counter {
    font-size: 1.2em;
    padding: 10px 0 0 0;
}

.vacatures a.link-arrow-right {
    margin: 0 20px 0 0;
    font-size: 1.1em;
}

.vacatures .advanced-search-vacatures {
    width: 590px;
    background-color: #ddded9;
    padding: 10px;
}

.advanced-search-vacatures input.oneliner {
    width: 370px;
    line-height: 1.4em;
    padding: 5px 0 4px 5px;
    border: 1px solid #7f7f7f;
    font-size: 1.2em;
    margin-right: 2px;
}

.vacatures .advanced-search-vacatures table {
    margin: 0;
    width: 430px;
    line-height: 1.4em;
    font-size: 1.2em;
}

.vacatures .advanced-search-vacatures td {
    padding: 0;
    width: 195px;
}

.vacatures .advanced-search-vacatures select {
    width: 195px;
    margin: 10px 0 10px 0;
}

.vacature .column1-3 {
    line-height: 2em;
}

.content p.vacature-nr {
    color: #7a7a79;
    font-size: 0.91em;
    margin-bottom: 0;
}

.content a.button {
    background: url("../images/arrow_white.png") no-repeat scroll right 8px #7A7A79;
    border-right: 7px solid #7A7A79;
    color: #FFFFFF;
    font-weight: bold;
    padding: 5px 15px 5px 10px;
    text-decoration: none;
}

a.button-content-react {
    color: #fff;
    font-size: 1.2em;
    font-weight: bold;
    border: 0;
    background: #7a7a79 url("../images/arrow_white.png") no-repeat 155px 6px;
    width: 164px;
    height: 18px;
    text-align: left;
    padding: 1px 0 3px 8px;
    float: left;
    margin-top: 10px;
}

a.button-content-react:hover, a.button:hover {
    color: #000;
    background-image: url("../images/arrow_black.png");
    text-decoration: none;
}

.vacature .column1-3 .button-content-react {
    font-size: 1.4em;
    line-height: 1.2em;
}

.tijdschrift div.categories {
    margin-bottom: 15px;
}

.tijdschrift .main-visual a.button-content-react {
    text-transform: uppercase;
    font-size: 0.91em;
    width: 185px;
    height: 16px;
    background: #7a7a79 url("../images/arrow_white.png") no-repeat 175px 6px;
    padding: 2px 0 4px 8px;
}

.tijdschrift .main-visual a.button-content-react:hover {
    color: #000;
    background-image: url("../images/arrow_black.png");
    text-decoration: none;
}

.tijdschrift .toc h3 {
    padding: 3px 5px 2px 10px;
}

a.order-media {
    width: 101px;
    background: #7a7a79 url("../images/arrow_white.png") no-repeat 88px 6px;
    font-size: 1.4em;
}

a.add-media-recensie {
    width: 212px;
    background: #7a7a79 url("../images/arrow_white.png") no-repeat 199px 6px;
}

h2 a.add-media-recensie {
    float: right;
    font-size: 1em;
    line-height: 1.1em;
    text-decoration: none;
    padding: 3px 0 4px 8px;
    color: #fff;
}

.media-item-visual {
    border: 1px solid #ddded9;
}

.media .reactions-count {
    background: transparent url("../images/icon_spreekballon.gif") no-repeat 12px 5px;
    padding: 0;
}

.tijdschrift ul.media li.link-index-magazine {
    margin: 0;
}

h3.media {
    font-size: 1.4em;
    font-weight: bold;
    color: #0069ab;
    margin-bottom: 10px;
}

.media-listing-more {
    padding: 0 0 20px 0;
}

.media-listing-more li {
    width: 610px;
}

.media-listing-more p {
    background: transparent url("../images/bull_additional_nav_list.gif") no-repeat 0 8px;
    padding: 3px 7px 2px 7px;
    font-size: 1.1em;
    line-height: 1.3em;
    color: #000;
    width: 560px;
    float: left;
    display: block;
    margin: 0;
}

.media-listing-more p a {
    font-weight: bold;
    font-size: 1.1em;
    color: #000;
    text-decoration: none;
}

.media-listing-more li span {
    color: #7a7a79;
    font-size: 1em;
}

.media-listing-more li span.reactions {
    background: transparent url("../images/icon_spreekballon.gif") no-repeat center right;
    padding-right: 20px;
    float: right;
    display: block;
    width: 10px;
    text-align: right;
}

.photographer-gallery {
    margin: 20px 0 0 0;
}

table tr.alt td {
    background-color: #ccc;
}

/* ******************************************** sidebar */
#sidebar {
    width: 356px;
    float: left;
}

#sidebar .module {
    margin: 0 0 20px 0;
    padding: 0 0 20px 0;
}

#sidebar ul {
    list-style: none;
}

#sidebar img.banner {
    margin-bottom: 20px;
}

#sidebar .columns-2 {
    margin: 0 0 20px 0;
}

#sidebar .columns-2 .banner-small {
    width: 158px;
    float: left;
    margin: 0 20px 20px 0;
}

#sidebar div.links {
    margin: 0 20px 20px 0;
    padding: 10px;
    border: 1px solid #d3d3d3;
    clear: both;
}

#sidebar div.links ul {
    border-top: 1px dotted #7a7a79;
}

#sidebar div.links ul li {
    border-bottom: 1px dotted #7a7a79;
    font-size: 1.1em;
    line-height: 1.4em;
    padding: 3px 0px;
}

#sidebar div.links ul li {
    color: #6c6c6c
}

#sidebar div.links ul li img {
    float: left;
}

#sidebar div.links ul li h3 {
    float: left;
    width: 250px;
    color: #000;
}

#sidebar div.links a {
    color: #6c6c6c;
    text-decoration: none;
}

#sidebar div.links h3 a {
    color: #000;
}

.related-items {
    background-color: #f2f2f2;
    margin: 0 20px 20px 0;
}

.related-items h3 {
    background-color: #929292;
    color: #fff;
    font-size: 1.2em;
    line-height: 1.8em;
    text-transform: uppercase;
    padding-left: 10px;
}

.related-items ul {
    padding: 10px;
}

.related-items li {
    background: transparent url("../images/bull_additional_nav_list.gif") no-repeat 0px 7px;
    padding: 3px 0px 2px 10px;
    font-size: 1em;
    line-height: 1.5em;
    color: #7a7a79;
    text-align: left;
}

.related-items a {
    display: block;
    color: #0069ab;
    font-size: 1.2em;
    text-decoration: none;
}

.related-items a:hover {
    color: #000;
}

.related-items li.img {
    background: none;
    float: left;
    padding: 0 10px 2px 0px;
    margin: 0;
    width: 82px;
}

.related-items li.txt {
    background: none;
    float: left;
    padding: 0 0 10px 0;
    width: 220px;
}

#sidebar .vormvisie h3 {
    background-color: #f00;
}

#sidebar address {
    font-size: 1.2em;
    color: #000;
}

div.bloggers {
    display: block;
    float: left;
    background-color: #f2f2f2;
    margin: 0 20px 20px 0;
    width: 336px;
}

.bloggers h3 {
    background-color: #929292;
    color: #fff;
    font-size: 1.2em;
    line-height: 1.8em;
    text-transform: uppercase;
    padding-left: 10px;
}

.bloggers ul {
    display: block;
    float: left;
    width: 326px;
    background-color: #f2f2f2;
    padding: 10px 0 20px 10px;
}

.bloggers li {
    display: block;
    float: left;
    background: transparent url("../images/bull_additional_nav_list.gif") no-repeat 5px 3px;
    padding: 0;
    width: 220px;
    line-height: 1.6em;
}

.bloggers li.img {
    background: none;
    padding: 0;
    margin: 0;
    width: 82px;
    float: left;
}

.bloggers ul h3 {
    display: block;
    float: left;
    font-size: 1em;
    font-weight: bold;
    background-color: transparent;
    color: #0069ab;
    line-height: 1.3em;
    text-transform: none;
    padding-left: 0px;
    width: 220px;
}

.bloggers a {
    display: block;
    float: left;
    color: #000;
    font-size: 1.2em;
    width: 220px;
    padding-left: 15px;
    text-decoration: none;
}

.bloggers li.img a {
    padding: 0;
}

.bloggers h3 a {
    color: #0069ab;
}

.bloggers h3 a:hover {
    color: #000;
    text-decoration: underline;
}

div.bloggers div.clear {
    margin: 0 10px 10px 10px;
}

div.bloggers .link-arrow-right {
    margin: 0 0 10px 0;
    width: 290px;
}

#more-bloggers {
    display: none;
}

#adsense {
    margin: 0 20px 20px 0;
}

#poll {
    margin: 0 20px 20px 0;
    border: 1px solid #d3d3d3;
    width: 316px;
    padding: 10px;
    font-size: 1.2em;
    line-height: 1.33em;
    float: left;
}

#poll span {
    color: #0069ab;
    font-style: italic;
}

#poll h3 {
    font-size: 24px;
    color: #0069ab;
    line-height: 28px;
    margin: 0 0 10px 0;
    font-weight: bold;
}

#poll li {
    display: block;
    float: left;
    width: 316px;
    margin: 0 0 5px 0;
}

#poll form input {
    margin: 1px 5px 0 0;
    display: block;
    float: left;
}

#poll form label {
    display: block;
    float: left;
    width: 290px;
}

#poll form button.submit {
    color: #fff;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 1.2em;
    font-weight: bold;
    border: 0;
    background: #7a7a79 url("../images/arrow_white.png") no-repeat 55px 6px;
    width: 72px;
    height: 22px;
    text-align: left;
    padding: 0 0 4px 8px;
    float: right;
}

#poll form button.submit:hover {
    color: #000;
    background: #7a7a79 url("../images/arrow_black.png") no-repeat 55px 6px;
}

.poll-figures {
    color: #0069ab;
    font-size: 11px;
    display: block;
    float: left;
    margin-top: 8px;
}

.poll-graph-bar {
    width: 183px;
    height: 12px;
    background-color: #dedede;
    padding: 6px;
    display: block;
    float: left;
    background: #dedede url('../images/bg-poll-left-rounded.png') 6px 6px no-repeat;
    margin-right: 10px;
}

.poll-graph-bar-empty {
    width: 183px;
    height: 12px;
    background-color: #dedede;
    padding: 6px;
    display: block;
    float: left;
    margin-right: 10px;
}

.poll-graph-bar p {
    width: 177px;
    float: left;
    padding: 0 0 0 5px;
    margin: 0;
}

.poll-graph-bar .poll-meter {
    background-color: #0069ab;
    height: 12px;
    display: block;
    float: left;
    padding: 0;
    background: transparent url('../images/poll-bar.png') top right no-repeat;
    margin: 0;
}

.gallery-photos-paging {
    margin-top: 1.2em;
    font-size: 25px;
    line-height: 1.5em;
}

/* ******************************************** footer */
#footer {
    position: relative;
    top: 0px;
    width: 100%;
    background-color: #ddded9;
    padding: 10px 0px 10px 0px;
    text-align: center;
}

#footer ul {
    list-style: none;
}

#breadcrumb {
    height: 42px;
    border-bottom: 1px dotted #858582;
}

#breadcrumb ul {
    width: 966px;
    margin: 0px auto;
    text-align: left;
}

#breadcrumb li {
    display: block;
    float: left;
    font-size: 1.2em;
    line-height: 2.5em;
    color: #666;
    background-color: #fff;
    border-top: 1px solid #afafad;
    border-bottom: 1px solid #afafad;
}

#breadcrumb li.divider {
    width: 31px;
    height: 32px;
    background: transparent url("../images/bg_breadcrumb_divider.gif") no-repeat top left;
    border: 0;
}

#breadcrumb li.first {
    width: 61px;
    height: 32px;
    background: transparent url("../images/bg_breadcrumb_first.gif") no-repeat top left;
    margin-right: -15px;
    border: 0;
}

#breadcrumb li.last {
    width: 20px;
    height: 32px;
    background: transparent url("../images/bg_breadcrumb_last.gif") no-repeat top left;
    border: 0;
    color: #000;
}

#breadcrumb a {
    color: #666;
    text-decoration: none;
}

#breadcrumb li.first a {
    display: block;
    padding-left: 10px;
}

.additional-navigation {
    width: 966px;
    margin: 10px auto;
    text-align: left;
}

.additional-navigation ul {
    float: left;
    width: 210px;
    margin: 5px 0px;
}

.additional-navigation li {
    float: none;
    margin: 0;
}

.additional-navigation a, #footer .additional-navigation a:visited {
    font-size: 1.1em;
    color: #666;
    text-decoration: none;
    background: transparent url('../images/bull_additional_nav_list.gif') center left no-repeat;
    padding-left: 10px;
}

.additional-navigation a:hover {
    color: #006aaa;
}

.additional-navigation h3 {
    color: #000;
    font-size: 1.1em;
    font-weight: bold;
}

.additional-navigation ul.top-keywords {
    width: 336px;
}

.additional-navigation ul.top-keywords li {
    display: inline;
    color: #0069ab;
}

.additional-navigation ul.top-keywords a, #footer .additional-navigation ul.top-keywords a:visited {
    background: none;
    padding: 0;
}

#payoff_footer {
    margin-top: 10px;
    font-size: 1.1em;
    line-height: 4em;
    border-top: 1px dotted #858582;
}

#payoff_footer img {
    margin-right: 10px;
    text-align: right;
    padding-top: 10px;
}

.project_form {
    width: 620px;
}

h1.project_form {
    color: #B2B2B2;
    font-size: 25px;
}

.project_form .project_form_row {
    display: block;
    overflow: hidden;
    clear: both;
    margin-top: 10px;
}

.project_form .project_form_left {
    font-weight: bold;
    width: 220px;
    float: left;
}

.project_form .project_form_right {
    display: inline;
    float: left;
    width: 400px;
}

.project_form .project_form_top {
    font-weight: bold;
    display: block;
}

.project_form .project_form_hdr {
    font-weight: bold;
    display: block;
    border-bottom: 1px solid #b2b2b2;
    margin-bottom: 5px;
}

.project_form .project_form_tekeningen_hdr {
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
    margin-top: 10px;
}

.project_form .project_form_bottom {
    clear: both;
    margin-left: 4px;
}

.project_submit {
    text-align: right;
}

.project_submit .edit {
    float: left;
    font-weight: bold;
    cursor: pointer;
}

.project_form h2 {
    border-bottom: 1px solid #B2B2B2;
    color: black;
    clear: both;
    margin-top: 10px;
}

.project_form h3 {
    border-bottom: 1px solid #B2B2B2;
    font-size: 1em;
    color: black;
}

.project_form table {
    margin-left: 20px;
}

.project_form thead {
    border-bottom: 1px solid #B2B2B2;
}

.project_form table td.categorie {
    font-weight: bold;
    padding-top: 2px;
}

.project_form select {
    border: 1px solid #939392;
    min-height: 19px;
    padding: 2px 0 0 2px;
    margin-top: 4px;
    min-width: 150px;
}

.project_form input {
    border: 1px solid #939392;
    height: 19px;
    padding: 2px 0 0 2px;
    width: 150px;
    margin-top: 4px;
}

.project_form#step4 input {
    width: 200px;
    margin-bottom: 4px;
}

.project_form a.removefile {
    background: url(../images/icon-remove.gif) no-repeat scroll left 2px;
    padding-left: 15px;
    margin-left: 10px;
    position: relative;
    top: 3px;
}

.project_form a.removefile:hover {
    background-position: left -16px;
}

.project_form#step4 img.currentFile {
    max-width: 400px;
}

.project_form#step4 a.pdf {
    background: url(../images/icon_pdf.gif) no-repeat 0 1px;
    padding-left: 15px;
}

.project_form#step4 textarea {
    width: 300px;
    margin-bottom: 4px;
}

.project_form#step4 .error {
    margin-left: 0;
}

.project_form#step4 .error .upload, .project_form#step4 .error span.info {
    float: none;
}

.project_form input.upload {
    height: auto;
    width: auto;
    border: none;
}

.project_form span.info {
    color: #BEBEBE;
    float: left;
    display: block;
    clear: both;
}

.project_form textarea {
    width: 500px;
    border: 1px solid #939392;
}

.project_form a.add {
    background: url(../images/arrow_black.png) no-repeat right 3px;
    padding: 0 15px 0 0;
    color: black;
    text-decoration: none;
    position: relative;
    top: 5px;
}

.project_form a.add:hover {
    background: url(../images/arrow_blue.png) no-repeat right 3px;
    color: #0069ab;
}

.project_form .check {
    margin-right: 5px;
    border: none;
    height: auto;
    width: auto;
    clear: left;
}

.error {
    color: red;
}

.hide {
    display: none;
}

#loginFrame {
    width: 350px;
    height: 240px;
    overflow: hidden;
}

div.frame {
    margin: 0px;
}

/* Taxonomy Picker Styling */
.project_form #tax-hdr {
    margin: 0.5em 0;
}

.project_form #tax-hdr span {
    width: 30%;
    padding-right: 10px;
    float: left;
    font-weight: bold;
    border-bottom: 1px solid #b2b2b2;
}

.project_form #tax-selected {
    margin: 0;
}

.project_form #tax-selected li {
    display: inline-block !important; /* important tag overrids ui-tabs javascript */
    float: left;
}

.project_form #tax-selected a {
    background: url(../images/icon-remove.gif) no-repeat left 2px;
    padding: 0 15px;
}

.project_form #tax-selected a:hover {
    background-position: left -16px
}

.project_form #taxonomy .tax-tabs ul {
    width: 30%;
    float: left;
    margin-right: 10px;
    height: 100px;
    overflow: auto;
}

.project_form #taxonomy li {
    width: auto;
    margin: 0;
    float: none;
}

.project_form #taxonomy a {
    color: #0069AB;
}

.project_form #taxonomy .ui-tabs-nav a {
    color: #000;
    float: none;
}

.project_form #taxonomy .ui-tabs-nav a.leafnode {
    color: #0069ab;
}

.project_form #taxonomy .ui-tabs-nav a:hover {
    color: #0069ab;
}

.project_form #taxonomy .ui-tabs-nav a.leafnode:hover {
    text-decoration: underline;
    cursor: pointer;
}

.project_form #taxonomy .ui-tabs-nav .ui-state-active a {
    font-weight: bold;
    color: #0069ab;
}

.project_form #taxonomy .ui-tabs-nav .ui-state-active a.leafnode {
    font-weight: normal;
}

/* CSS Changes for SDU-ARCH390 */
/* SDUARCH-408: */
#main-container {
    background: url(../images/bg_shadow.png) repeat-y;
    width: 986px;
    padding: 0 9px 0 30px;
}

#footer {
    background: #ddded9 url(../images/bg_shadow.png) repeat-y;
    width: 966px;
    padding: 10px 29px 0px 30px;
    margin: 0 auto 100px;
}

#footer_shadow {
    background: url(../images/bg_shadow_footer.png) no-repeat;
    width: 1025px;
    height: 8px;
    margin: 0 0 0 -29px;
}

#breadcrumb {
    width: 1007px;
    margin: 0 0 0 -20px;
}

#payoff_footer {
    width: 1007px;
    margin: 10px 0 0 -20px;
}

#payoff_footer img {
    vertical-align: top;
}

/* SDUARCH-391: */
#wrapper {
    background-image: none;
}

#banner_top {
    position: relative;
    padding: 20px 0 18px;
    border-bottom: 1px solid #cccccc;
    margin: 0 20px 20px 0;
    min-height: 90px;
}

#banner_top .banner {
    float: none;
    margin: 0;
}

#main-container #banner_top .banner {
    margin: 0;
}

#main-container #banner_top div.banner {
    margin: 0;
    height: auto;
}

#main-container #banner_top div#banner_left {
    float: left;
}

#banner_top #abonneren {
    border: 1px solid #d3d3d3;
    position: absolute;
    right: 0;
}

/* SDUARCH-392: */
#logo_and_nav {
    position: relative;
    margin: 0 20px 10px 0;
}

/*  SDUARCH-549:  */
#logo_and_nav img.logo {
    margin-bottom: -3px;
}

#payoff {
    font-size: 1.4em;
}

/*faceted search projects & folios*/
.faceted-search {
    float: left;
    width: 590px;
    background-color: #ddded9;
    padding: 10px;
    margin-bottom: 0.6em;
    text-transform: lowercase;
}

.faceted-search-box {
    width: 176px;
    float: left;
    margin-right: 30px;
}

.fs-box-right {
    margin-right: 0px;
}

.f-search, .f-search ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    list-style-position: outside;
    position: relative;
    line-height: 24px;
    width: 176px;
    z-index: 99;
    background-color: #fff;
}

.f-search a {
    display: block;
    padding: 4px 10px;
    color: #000;
    text-decoration: none;
    background-color: #fff;
    font-size: 12px;
    line-height: 16px;
    background: url('../images/dots-gray-hor.gif') no-repeat 0 0 scroll transparent;
    font-weight: bold;
}

.f-search a:visited {
    color: #000;
}

.f-search a:hover {
    color: #d10019;
}

.f-search a.first {
    border-left: 1px solid #fff;
    margin-left: -1px;
    background-color: #fff;
    background: none;
}

.f-search li {
    float: left;
    position: relative;
    line-height: 24px;
}

.f-search li.parent {
    background: url('../images/icon-sublevel-red.gif') no-repeat 158px 10px scroll #fff;
}

.f-search ul {
    position: absolute;
    display: none;
    width: 176px;
    top: 24px;
    border: 1px solid #a8a8a7;
}

.f-search ul.first {
    border-top: 0;
    background: url('../images/dots-gray-hor.gif') no-repeat 0 0 scroll #fff;
    margin-top: -1px;
}

.f-search li ul a {
    width: 156px;
    height: auto;
    float: left;
}

.f-search ul ul {
    top: auto;
}

.f-search li ul ul {
    left: 168px;
    margin: 0px 0 0 8px;
}

.f-search li:hover ul ul, .f-search li:hover ul ul ul, .f-search li:hover ul ul ul ul {
    display: none;
}

.f-search li:hover ul, .f-search li li:hover ul, .f-search li li li:hover ul, .f-search li li li li:hover ul {
    display: block;
}

.f-search a.opener {
    border: 1px solid #a8a8a7;
    font-weight: normal;
    background: url('../images/pulldown-icon-black.gif') no-repeat 153px 3px scroll #fff;
    width: 156px;
}

.f-search a.opener:hover {
    color: #000;
}

.f-search ul li:hover a, .f-search ul li:hover ul li:hover a, .f-search ul li:hover ul li:hover ul li:hover a {
    color: #d10019;
}

.f-search ul li:hover li a, .f-search ul li:hover ul li:hover ul li a {
    color: #000;
}

.faceted-search form p {
    float: left;
    font-size: 1.2em;
    padding: 10px 0 0 0;
    height: 20px;
}

.fs-oneliner {
    font-family: Arial, Helvetica, Verdana, sans-serif;
    width: 209px;
    height: 15px;
    padding: 5px 3px 4px 3px;
    border: 1px solid #959595;
    color: #7F7F7F;
    line-height: 1.4em;
}

.faceted-search form p.button {
    padding: 0;
}

.faceted-search label {
    display: block;
    width: 324px;
    padding: 5px 10px 0 0;
    text-align: right;
}

.faceted-search .place {
    text-transform: capitalize;
}

input.submit_search_projects {
    margin: 10px 0 0 10px;
}

#fs-portfolios form .hidden {
    display: none;
}

#fs-portfolios form .fs-oneliner {
    width: 206px;
    margin: 0 10px 0 0;
}

#fs-portfolios form p {
    padding: 0;
}

#fs-portfolios p.button {
    margin: -10px 0 0 0;
}

#fs-portfolios .faceted-search-box {
    width: 158px;
    float: left;
    margin-right: 30px;
}

#fs-portfolios .f-search, #fs-portfolios .f-search ul {
    width: 158px;
}

#fs-portfolios .f-search li ul a {
    width: 136px;
}

#fs-portfolios .f-search a.opener {
    width: 138px;
    background: url('../images/pulldown-icon-black.gif') no-repeat 136px 3px scroll #fff;
}

#fs-portfolios .f-search li ul ul {
    left: 150px;
    margin: 0px 0 0 8px;
}

#fs-portfolios .f-search li.parent {
    background: url('../images/icon-sublevel-red.gif') no-repeat 145px 10px scroll #fff;
}

#fs-portfolios .f-search a {
    background: url('../images/dots-gray-hor-folios.gif') no-repeat 0 0 scroll transparent;
}

#fs-portfolios .f-search ul.first {
    background: url('../images/dots-gray-hor-folios.gif') no-repeat 0 0 scroll #fff;
}

#fs-portfolios .f-search a.first {
    border-left: 1px solid #fff;
    margin-left: -1px;
    background: none;
    background-color: #fff;
}

#fs-portfolios input.submit_search_projects {
    margin: 10px 0 0 0;
}

/*fix old styles search projects & folios*/
#main-navigation {
    margin: 0 20px 0 0;
    background: url("../images/bg_body.gif") repeat-x scroll 0 62px transparent;
}

#advanced-search {
    display: block;
}

h2.head-search {
    color: #d10019;
    font-size: 1.8em;
    margin-top: -10px;
}

/* fix the share / save hover menu for IE SDUARCH-519 */
#a2apage_dropdown {
    max-width: 400px;
}

/* SDUARCH-404: */
#home-social-media {
    width: 336px;
    float: left;
    position: relative;
    height: 26px;
    margin-bottom: 5px;
}

#home-social-media h2 {
    font-size: 1.25em;
    color: black;
    margin: 0;
    display: inline;
}

#home-social-media ul {
    float: right;
}

#home-social-media ul li {
    background: url(../images/icon-social-media.png) no-repeat;
    display: inline;
    padding: 7px 0;
    margin: 0 0 0 10px;
}

#home-social-media ul li a {
    padding: 7px 12px;
    height: 26px;
    text-decoration: none;
}

#home-social-media ul li.mail {
    background-position: 0 0;
}

#home-social-media ul li.facebook {
    background-position: -40px 0;
}

#home-social-media ul li.rss {
    background-position: -82px 0;
}

#home-social-media ul li.linkedin {
    background-position: -124px 0;
}

#home-social-media ul li.twitter {
    background-position: -164px 0;
}

/* SDUARCH-405: */
#home-nieuwsbrief {
    clear: both;
    width: 336px;
    float: left;
    margin-bottom: 5px;
    position: relative;
    margin-bottom: 20px;
}

#home-nieuwsbrief form {
    margin: 0;
    position: relative;
}

#home-nieuwsbrief form ul {
    float: right;
}

#home-nieuwsbrief form #newsletter_subscribe {
    padding: 4px 0 4px 5px;
    width: 190px;
    height: 16px;
}

#home-nieuwsbrief span {
    position: absolute;
    left: 0;
    top: 5px;
    font-size: 1.3em;
}

/* CSS adds by kkrabben */
/* Logo-block (SDUARCH-648) */
#logo-block {
    width: 610px;
    border-top: 1px dotted #7A7A79;
    border-bottom: 1px dotted #7A7A79;
    margin-bottom: 20px;
    padding: 10px 0;
}

#logo-block .left {
    border-right: 1px solid #d4d4d4;
    float: left;
    text-algin: center;
    padding: 0 21px;
    height: 32px;
}

#logo-block .logo-img {
    width: auto;
    height: 32px;
}

#logo-block .right {
    float: left;
    padding: 0 16px;
    font-size: 0.9em;
    line-height: 1.4em;
}

#logo-block h3 {
    color: #d10019;
    margin: 0;
    text-transform: uppercase;
}

.content #logo-block a {
    color: #000;
    font-size: 1.2em;
}

/* bouwberichten */
.cb {
    clear: both;
}

#bb-container, #bb-login {
    font-size: 12px;
}

#bb-container {
    min-height: 710px;
    height: auto ! important;
}

.bouwberichten h1 {
    margin: 14px 0 8px 10px;
    color: #000000;
    font-size: 18px;
    font-weight: bold;
    line-height: 26px;
    height: auto;
    padding: 0;
}

.bouwberichten p {
    color: #666666;
    padding-left: 28px;
}

.bouwberichten .bb-header {
    position: absolute;
    width: 297px;
    height: 117px;
    z-index: 100;
}

.bouwberichten .bb-header .bb-header-text {
    position: relative;
    top: 49px;
    left: 214px;
    color: rgb(255, 255, 255);
    font-size: 15px;
    width: 71px;
}

.bouwberichten .bb-header #link {
    position: relative;
    top: 31px;
    left: 20px;
}

.bouwberichten .bb-header #price {
    position: relative;
    top: 42px;
    left: 224px;
    color: rgb(255, 255, 255);
    font-size: 24px;
    width: 61px;
}

.bouwberichten .bb-header #eurosign {
    position: relative;
    top: 56px;
    left: 211px;
    color: rgb(255, 255, 255);
    font-size: 16px;
    width: 74px;
}

#bb-light .bb-header {
    background-image: url(http://www.cobouw.nl/images/bblight-header.gif);
}

#bb-prof .bb-header {
    background-image: url(http://www.cobouw.nl/images/bbprofessional-header.gif);
    margin-left: 320px;
}

.bouwberichten ul {
    clear: both;
}

.bouwberichten li {
    background-image: url(http://www.cobouw.nl/images/bb-check.gif);
    background-repeat: no-repeat;
    background-position: 9px 0;
    width: 245px;
    margin-bottom: 9px;
    color: rgb(231, 148, 1);
}

.bouwberichten li.link {
    padding: 5px 10px 11px 9px;
    background: none;
}

.bouwberichten li.bottom-link {
    background-image: url(http://www.cobouw.nl/images/arrow002e7d.gif);
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 10px;
}

.bouwberichten .bb-body {
    position: absolute;
    margin-top: 105px;
}

.bouwberichten .bb-body-main {
    margin-left: 1px;
    height: auto;
    width: 293px;
    border: 1px solid rgb(217, 217, 217);
    z-index: 10;
}

.bouwberichten .bb-body-footer {
    width: 274px;
    margin-left: 1px;
    border: 1px solid rgb(217, 217, 217);
    border-style: none solid solid;
    border-color: -moz-use-text-color rgb(217, 217, 217) rgb(217, 217, 217);
    padding: 9px 10px 11px 9px;
}

p.bb-intro {
    font-weight: bold;
    margin-bottom: 20px;
}

#bb-prof .bb-body {
    margin-left: 320px;
}

#bb-prof .bb-header a {
    color: #FFFFFF;
}

/* bouwberichten login form */
#sidebar .bouwberichten {
    margin-right: 20px;
}

#bb-loginform {
    background-color: rgb(242, 242, 242);
    padding: 15px 0pt 0pt 15px;
}

#bb-login {
    margin-top: 15px;
}

#bb-login strong span {
    color: rgb(255, 0, 0);
}

#bb-login #username {
    margin: 5px 0;
}

#bb-login input {
    height: 20px;
}

#bb-login .btnInloggen {
    background: url("../images/arrow_white.png") no-repeat scroll 85px 6px #7A7A79;
    border: 0 none;
    color: #fff;
    cursor: pointer;
    float: right;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 1.2em;
    font-weight: bold;
    height: 22px;
    padding: 0 0 4px 8px;
    text-align: left;
    width: 102px;
}

#bb-login .btnInloggen:hover {
    background: url("../images/arrow_black.png") no-repeat scroll 85px 6px #7A7A79;
    color: #000;
}

#bb-login a {
    text-decoration: none;
    color: #000;
}

#bb-login a:hover {
    color: #006aaa;
}

/* Lightbox */
#bb-overlay {
    background-color: #000000;
    display: none;
    height: 100%;
    left: 0;
    opacity: 0.8;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 5000;
    position: fixed;
}

#bb-lightbox {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #FFFFFF;
    display: none;
    height: 600px;
    left: 50%;
    margin: -252px 0 0 -320px;
    position: absolute;
    text-align: left;
    top: 50%;
    width: 690px;
    z-index: 9999;
    position: fixed;
}

.list li {
    border-bottom: 1px dotted #666;
    padding: 5px 0 0 10px;
    display: block;
    height: 1%;
    overflow: hidden;
    position: relative;
    min-height: 5px;
}

.news .news-list li {
    border-top: 1px dotted #666;
    padding: 10px 0 10px 10px;
    display: block;
    height: 1%;
    overflow: hidden;
    position: relative;
    min-height: 83px;
}

.dossiers ul.news li {
    border-bottom: 1px dotted #666;
    padding: 10px 0 10px 10px;
    display: block;
    height: 1%;
    overflow: hidden;
    position: relative;
    min-height: 83px;
    line-height: 1em;
    font-size: 0.94em;
}

.dossiers ul.news li.readMore {
    min-height: 0;
}

.dossiers ul.index-listing {
    padding: 0;
}

.dossiers ul.index-listing li {
    padding-left: 18px;
    background-position: 10px 10px;
}

.dossiers ul.index-listing li.link-pdf {
    background: transparent url("../images/icon_pdf.gif") no-repeat 10px 5px;
    padding-left: 28px;
}

.dossiers .infobox .news, .dossiers .grey-block {
    font-size: 0.94em;
}

.dossiers .vormvisie-gallery .click_through {
    margin: 0;
    padding: 0 15px 0 0;
    min-height: 0;
}

.dossiers .vormvisie-gallery .click_through.projects {
    margin-right: 20px;
    font-size: 1.05em;
    position: relative;
    bottom: 10px;
}

.news ul.news-list {
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 1.2em;
    width: 610px;
    clear: both;
}

.news .news-img {
    float: left;
    padding-right: 12px;
    margin-left: -10px;
}

.news .news-title a:link, .news .news-title a:visited {
    background: url("../images/bull_additional_nav_list.gif") no-repeat scroll 5px 5px transparent;
    color: #0069AB;
    font-weight: bold;
    text-decoration: none;
    margin-left: -12px;
    padding-left: 12px;
}

.news .news-title a:hover {
    color: #000 !important;
}

.news .news-info {
    color: #7A7A79;
    display: block;
    font-size: 0.91em;
    margin: 0px 10px 0px 0px;
    padding: 0.3em 0;
}

.news .news-desc a {
    color: #000;
    text-decoration: none;
}

.news .news-desc a:hover {
    color: #0069AB;
}

.news .news-react {
    color: #7A7A79;
    display: block;
    font-size: 0.91em;
    margin: 0;
    position: absolute;
    bottom: 10px;
    right: 0;
    text-align: right;
    line-height: 1.2em;
}

.news .news-info a:link, .news .news-info a:visited, .news .news-react a:link, .news .news-react a:visited {
    text-decoration: none;
    color: #7A7A79;
}

.news .news-info a:hover, .news .news-react a:hover {
    text-decoration: none;
    color: #000;
}

img.react {
    padding-left: 3px;
}

.news .news-banner {
    text-align: center;
    padding: 10px 0;
    border-top: 1px dotted #666;
    width: 610px;
}

.news .news-react a.react {
    background: url("../images/icon_spreekballon.gif") no-repeat scroll left center transparent;
    padding-left: 15px;
}

.news .news-list .news-react ul li, .info-box .news ul li {
    display: inline;
    float: left;
    border: none;
    min-height: 0;
    padding: 0;
}

.info-box .news ul {
    margin: 0;
    padding: 0;
}

.news .news-react li .divider {
    line-height: 1.2em;
}

/* SHARE ICONS */
.news .news-react .share {
    float: right;
}

/* add2any buttons */
.a2a_default_style a {
    padding: 0 4px !important;
}

.a2a_default_style a.last {
    padding: 0 0 0 4px !important;
}

.content-footer .a2a_dd {
    position: relative;
    top: 4px;
}

/* SDUARCH-399 & 650: */
.home-uitgelicht {
    position: relative;
    width: 610px;
    height: 300px;
    margin-bottom: 15px;
    overflow: hidden;
}

.home-uitgelicht a {
    text-decoration: none;
}

.home-uitgelicht img {
    position: absolute;
}

.home-uitgelicht .info {
    background-color: white;
    width: 400px;
    height: 122px;
    position: absolute;
    top: 162px;
}

.home-uitgelicht h2, .home .home-uitgelicht h2 {
    font-size: 1.2em;
    font-weight: normal;
    margin-top: 13px;
}

.home-uitgelicht h2 a:hover, .home .home-uitgelicht h2 a {
    color: #0069ab;
}

.home-uitgelicht h2 a:hover, .home .home-uitgelicht h2 a:hover {
    color: black;
}

.home-uitgelicht h3 a {
    color: #000;
    font-size: 1.35em;
    font-weight: bold;
}

.home-uitgelicht p {
    font-size: 1.35em;
    margin: 1px 0 0 0;
}

.home-uitgelicht p a {
    color: #000;
}

.home-uitgelicht p a:hover {
    color: #0069ab;
    text-decoration: none;
}

.home-uitgelicht .more {
    position: absolute;
    right: 5px;
    bottom: 3px;
}

.dossiers .home-uitgelicht {
    font-size: 0.714285714em;
}

.dossiers .home-uitgelicht h2 {
    margin-bottom: 2px;
    padding: 0;
    line-height: 1.5em;
}

.dossiers .home-uitgelicht h3 {
    margin: 0;
    line-height: 1.1em;
}

.dossiers .home-uitgelicht a.more {
    background: url(../images/arrow_black.png) no-repeat right 1px;
    padding: 0 15px 0 0;
    color: black;
    font-size: 1.1em;
    line-height: 1.2em;
    text-align: right;
    display: block;
    text-decoration: none;
}

.dossiers h3.grey-block {
    margin-bottom: 0;
}

.dossiers .info-box .projects, .dossiers #map_canvas {
    margin-top: 5px;
}

#stap-4 .project_form .project_form_left {
    font-weight: normal;
}

#stap-4 .project_form input {
    margin-bottom: 4px;
    width: 200px;
}

#stap-4 .project_form textarea {
    margin-bottom: 4px;
    width: 300px;
}

#stap-4 .project_form .error .upload, #stap-4 .project_form .error span.info {
    float: none;
}

#stap-4 .project_form textarea {
    margin-bottom: 4px;
    width: 300px;
}

#stap-4 .project_form .error {
    margin-left: 0;
}

div#content .projects h3.grey-block, div#content .referenties h3.grey-block {
    font-size: 0.85em;
}

.projects div.info-box ul.listing h3 a {
    font-size: 0.85em;
}

div#content.mijnarchitect .projects h3.grey-block{
    font-size: 1.2em;
}