/*

Groen, oud:
Donker: #38A49F
Licht: #C3D201
Rood, nieuw:
Donker: #AB0534
Licht: #F8981D
*/

div#total-wrapper {
    /*
       total: 960
       right: 960 / 2.63 = 365
       main: 960 - 365 = 595
       in-between: 365 / 2.63 = 139
       right-small: 365 - 139 = 226
    */
    font-family: "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
    width: 900px;
    margin: auto;
    font-size: 90%;
}

div#topbar {
    width: 100%;
    margin: 0px;
}

table#mainlayout {
    margin: 0px;
    padding: 0px;
    cell-spacing: 0px;
    border: none;
    border-collapse: collapse;
}

td.maincolumn {
    padding-right: 20px;
    width: 640px;
    vertical-align: top;
}

td.rightcolumn {
    width: 260px;
    vertical-align: top;
    padding: 0;
}

div#colophon {
    /* Below everything */
    clear: both;
    width: 100%;
    border-top: 1px solid #AB0534;
    margin-top: 10px;
    padding-top: 1em;
    padding-left: 2em;
}

table#maintabs {
    width: 100%;
    border: none;
    text-align: center;
    border-collapse: collapse;
    margin-bottom: 1em;
}

tr.secondrow {
    background-color: #AB0534;
}

tr.secondrow td {
    padding-top: 4px;
    padding-bottom: 4px;
}

tr.firstrow td.selected {
    border-top: 3px solid #AB0534;
    border-left: 3px solid #AB0534;
    border-right: 3px solid #AB0534;
}

tr.secondrow td.selected {
    border-bottom: 3px solid #F8981D;
    border-left: 3px solid #F8981D;
    border-right: 3px solid #F8981D;
}

tr.secondrow a,
tr.secondrow a:visited {
    color: white;
    text-decoration: none;
}

tr.toprow {
    background-color: #F8981D;
}

#breadcrumbs {
    padding-top: 2em;
    padding-bottom: 0.5em;
    padding-left: 2em;
}

img {
    border: none;
}

div#colophon ul {
    float: left;
    margin-left: 4em;
}

div#colophon ul li {
    display: block;
}

.documentByLine,
.discreet {
    font-size: 90%;
    color: #444444;
}

.documentByLine a,
.discreet a {
    color: #444444;
}

.documentByLine a:visited,
.discreet a:visited {
    color: #444444;
}

h1,
h2 {
    color: #AB0534;
}

.field {
    /* kss inline edit */
    clear: left;
}

dl.portlet {
    width: 260px;
    margin-right: 0px;
    margin-left: 0px;
    padding: 0px;
}

dl.portlet dt.portletHeader {
    background-color: #AB0534;
    padding: 4px;
    color: white;
}

dl.portlet dt.portletHeader a,
dl.portlet dt.portletHeader a:visited {
    color: white;
}

dl.portlet dd.portletItem {
    margin-left: 0;
}

ul.portletNavigationTree {
    padding-left: 0;
}

ul.portletNavigationTree li {
    display: block;
}

#portal-searchbox {
    margin: 0.5em;
}

#searchbox {
    margin: 0;
    padding: 0;
    width: 260px;
}

div#photoviewlet {
    /* mini: 200x200, preview: 400x400, thumb: 128x128 */
    display: none;
    float: right;
    margin-top: 10em;
    width: 260px;
    background-color: white;
    border: 3px solid #AB0534;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

div.documentActions {
    float: right;
/*    margin-top: 7em;
    margin-right: -139px; */
    width: 99px;
    font-size: 90%;
}

div.documentActions ul {
    display: block;
    padding-left: 0;
}

div.documentActions li {
    display: block;
}

div.documentActions a,
div.documentActions a:visited {
    text-decoration: none;
}

.hiddenStructure {
    display: none;
}

.visualClear {
    clear: left;
}

.contentViews,
.contentActions {
    font-size: 80%;
}

.googleMapActive.googleMapLocation {
    width: 100%;
}

#portal-sitemap,
#content {
    line-height: 140%;
}

div.portlet-image {
    text-align:center;
    padding: 0px;
}

#logo {
    padding-left: 30px;
}