/* general content_item, content width: 495px - 2x2px = 491px
------------------------------------*/
.content_item {
    margin: 0px 0px 0px 0px;
    padding: 11px 0px 11px 0px;
    border-bottom: 1px solid white;
    line-height: 1.1em; /* to control height of <br /><br /> after <h2 tags> */
}
.content_item p {
    font: normal 1.1em/18px Verdana, sans-serif;
    margin: 0px 0px 0px 0px;
    padding: 0px 4px 14px 4px;
}
.content_item p a, .content_item p a:hover { /* rescale anchors to same font-size */
    font-size: 1em !important; /* IE needs important */
}
.content_item h1 {
    margin: 12px 0px 15px 0px;
    padding: 0px 0px 0px 18px;
    font: bold 1.8em/18px Verdana, sans-serif;
    color: #333333;
    background: transparent url('../img/background/h1_marker.gif') no-repeat 0px 4px;
}
.content_item h2 {
    float: left; /* use <br /><br /> to clear line and control 'margin-bottom' */
    margin: 0px 0px 0px 2px;
    padding: 0px 0px 0px 12px;
    font: bold 1.2em/18px Verdana, sans-serif;
    background: url('../img/background/h2_marker.gif') no-repeat 0px 6px;
    color: #181818;
}

.content_item h4 {
    text-align: right;
    padding: 0px 0px 11px 0px;
}

.content_item h5 {
    font: bold 1.2em/18px Verdana, sans-serif;
    padding: 11px 0px 0px 0px;
}


.content_item img {
    border: 2px solid white;
    margin: 0px 0px 15px 0px; /* give full width img 15px bottom margin */
}
.content_item img.left {
    float: left;
    margin: 0px 10px 0px 0px; /* give left/right img 10px margin to text and zero bottom margin */
}
.content_item img.right {
    float: right;
    margin: 0px 0px 0px 10px;
}
.content_item ul {
    margin: 0px 0px 0px 10px;
}


/* sitemap 
-------------------------------------------*/

.content_item h5 a.sitemap {
	background: #E9E9E9 url();
    font: bold 1.2em/18px Verdana, sans-serif;
    padding: 11px 0px 0px 0px;
}

.content_item h5 a.sitemap:hover {
	background: #E9E9E9 url();
    font: bold 1.2em/18px Verdana, sans-serif;
    padding: 11px 0px 0px 0px;
}


/* formulier, max width 491px
------------------------------------*/
.content_item.formulier {
    border-top: none;
}
.content_item.formulier h1 { /* top <-> text_bottom: 28px */
    margin: 12px 0px 25px 0px; /* */
    padding: 0px 0px 0px 18px; /* */
}
/* general form settings
------------------------------------*/
.content_item.formulier div {
    font: normal 1em/1em Verdana, sans-serif;
    border-bottom: 1px solid white;
    padding: 3px 3px 2px 0px;
    height: 20px;
}
.content_item.formulier div.hidden {
    border-bottom: none;
    padding: 0px;
    height: 0px;
}
.content_item.formulier div.error {
    color: red;
    line-height: 20px;
}
.content_item.formulier div.spacer {
    height: 31px;
}
.content_item.formulier label {
    float: left;
    clear: left;
    padding: 2px 10px 0px 0px;
    width: 125px;
    text-align: right;
    font: normal 1.1em/15px Verdana, sans-serif;
}
/* radio buttons
------------------------------------*/
.content_item.formulier div.radio {
    padding-left: 140px;
}
.content_item.formulier div.radio input {
    margin: 5px 0px 0px 0px;
    height: 15px;
    float: left;
    vertical-align: text-bottom;
}
.content_item.formulier div.radio label {
    clear: none;
    width: 40px;
    text-align: left;
    padding: 4px 0px 0px 5px;
}
/* text fields
------------------------------------*/
.content_item.formulier input.text {
    float:left;
    padding: 3px 0px 0px 5px;
    width: 350px; /* .. = 491px - 150px(label) -(5+10)px(padding) + 1px(border)*/
    height: 16px; /* 16px = 20px(source) - 2x1px(border) - 2px(padding)*/
    border: 1px solid #D4D4D4;
    font: normal 1.1em/1em Verdana, sans-serif;
}
/* selects
------------------------------------*/
.content_item.formulier select {
    padding: 0px 0px 0px 0px;
    height: 18px; /* 13px = 20px(source) - 2x1px(border) - 5px(padding)*/
    width: 354px;
    font: normal 1.1em/1em Verdana, sans-serif;
}
.content_item.formulier select option {
    border: 1px solid #D4D4D4;
}
/* checkbox
------------------------------------*/
.content_item.formulier div.checkbox {
    font: normal 1.1em/1em Verdana, sans-serif;
}
.content_item.formulier input.checkbox {
    margin: 0px 5px 0px 0px;
}
/* textarea
------------------------------------*/
.content_item.formulier div.textarea {
    height: 140px;
}
.content_item.formulier div.textarea textarea {
    padding: 3px 0px 0px 5px;
    font: normal 1.1em/1em Verdana, sans-serif;
    margin: 0px 0px 0px 0px;
    height: 135px;
    width: 345px;
}
/* submit button
------------------------------------*/
.content_item.formulier div.submit {
    padding-top: 8px;
    text-align: right;
    border: none;
}

