/* Start of CMSMS style sheet 'gezininbalans' */
@charset "UTF-8";

html {
overflow-y: scroll;
}
*
{
    margin: 0px;
    padding: 0px;
}

body
{
    margin: 0px;
    font-family: arial, verdana;
    color: #4E4E4E;
    font-size: 11px;
    text-align: center;
    background-color: #ffffff
}

* html img {
	margin-bottom: -3px;
}

ol, ul, li
{ 
      margin:0 8px 0px; 15px;
}

table tr td
{
    vertical-align:top;
    text-align: left;
}

/* Hyperlink */

a img
{
    border: 0px none #FFF;
}

a:visited,
a:link
{
    text-decoration: none;
    color: #CC071E;
    outline: none;
}


a:hover
{  
    text-decoration: underline;
    outline: none;
}

.breadcrumbs a
{
     padding-left:5px;
}

h1
{
     font-size:18px;
     margin-bottom: 5px;
     font-weight: normal;
     color: #CC071E;
}


h2,
.subkop
{
      color: #CC071E;
      font-weight: bold;
}

#maincontainer
{
    width:1011px; 
    height:768px;
    margin-left: auto;
    margin-right: auto;
    position:relative;
}

#humanitas
{
    position: absolute;
    width: 181px;
    height: 50px;
    left: 830px;
    top: 0px;
}

#banner
{
    width:1011px;
    height:200px;
    text-align: left;
}

#hoofdmenu
{
    font-size:14px;
    clear: both;
    float: left;
    width:100%;
    height:26px;
   background-image: url(images/menu-background.gif);
}


.menuitemfiller
{
    float: left;
    height:26px; 
    padding-left: 5px;
}

.menuitem-selected,
.menuitem
{
    font-size:12px;
    font-weight: bold;
    float: left;
    height:26px; 
    padding-right: 32px; 
}

.menuitem-selected a
{
    text-decoration: underline;
}

#subnavigatie
{
    float:left;
    width:182px;
    text-align:left;
    margin-left: 0px;    
    margin-top:10px;
}

.subnavheader
{
    width: 182px;
    height: 12px;
    background-image: url(images/subnav_header.gif);
}
 
.subnavcontent
{
     background-color: #FFDEDE;
     width: 182px;
}

.subnavfooter
{
    background-image: url(images/subnav_footer.gif);
    height: 35px;
    width: 182px;
}

.subnavitem
{
     line-height:17px;
     font-size:11px;
     padding-left:8px;
     font-weight: bold;
    margin-bottom: 5px;
}

.subsubnavitem
{
     line-height:12px;
     font-size:11px;
     padding-left:16px;
     font-weight: normal;
    margin-bottom: 5px;
}


.subsubnavitem.selected,
.subnavitem.selected
{
    color: #CC071E;
    text-decoration: underline;
}

.image_float_left
{
      float:left;
      margin-right:10px;
      margin-bottom:5px;
}

.normalfont
{
    font-weight: normal;
    color:#CC071E;
}

#contentrechts
{
    float:left;
    text-align:left;
    width:684px;
    height:259px;
}



#content
{
    text-align:left;
    line-height: 18px;
    width:684px;
    min-height: 259px;
    padding-left:28px;
    padding-left:28px;
    padding-top:15px;
    padding-bottom:15px;
}


#footer
{
    text-align: center;
    margin-top:0px;
    width:684px;
    height: 38px;
    margin-left:30px;
    color: #CC071E;
}


.teasercontainer
{
    margin-left:28px;
    width: 750px;
    height:200px;
}


.teaser
{
    overflow:hidden;
    margin-bottom:10px;
    margin-right:28px;
    display:inline;
    float:left;
    color:#000000;
    font-family:arial;
    font-size:13px;
    min-height:176px


}

.teaserheader
{
    height:23px;
    background-repeat:no-repeat;
    background-image:url("images/kop.gif");
    width:209px;
}


.teasercontent
{
    text-align:left;
    height:176px;
    background-repeat:no-repeat;
    background-position:bottom;
    background-repeat:no-repeat;
}

.teasertitle
{
    text-align:left;
    margin-left:25px;
    margin-top:3px;
    font-weight:bold;
    color:#ffffff
}

.teasertextitem:hover
{
    background-image:url("images/bullet.gif");
    background-repeat: no-repeat;
    background-position: 5px top;
}

.teasertextitem 
{
    
    width:100px;
    font-size:10px;
    padding-left:20px;
}



/* Sample FormBuilder CSS base */
form {margin-top:0}
form, td, th, li { font-size: 100%; }
form div {margin-bottom:0}
fieldset div {
	margin-bottom:0.5em;
	margin-left:1em;
}
fieldset div div {
	margin-top:0.5em;
	margin-left:1em
}
fieldset {
	margin-bottom:1em;
	border:1px solid #F6D2D6;
	padding:0.5em
}
fieldset label {
    width:150px;
     display:block;
     float: left;
}
legend {
        font-weight: bold;
	color:#CC071E;
	background: #FFDEDE;
	margin-bottom:0.5em;
	padding:0.1em 0.6em 0.1em 0.6em;
	width:auto;
	border:1px solid #FFDEDE
}
textarea {
	margin: 0.5em 0;
	width:98%;
	height: 6em
}

/* Apply this class to text/select input fields with shorter labels
	to help alignment */
.short-label label {float:left; width:10em}
.short-label fieldset div input,
.short-label fieldset div select {width:16em}

/* Pretty up your Captcha image output */
.captcha {
	margin:0.5em 0;
	width:200px;
	text-align:center
}
.captcha img {border:1px solid #F60; margin-bottom:0.5em}
.captcha input {width:196px; margin-top:0.5em}

/* Just a bit more room for the Submit button */
.submit {margin-top:0.5em}

.gib_input input
{
    border: 1px solid  #FFDEDE;
    height: 18px;
    padding: 0 5px 0 5px;
    font-size: 12px;
}

div.required input
{
    background-image:url(images/verplicht_hoekje.gif);
    background-position:right top;
    background-repeat:no-repeat;
}



/* Checkboxes div label positioning werkt nog niet

.gib_input div
{
     float:left;
     width: 80px;
}

.gib_input div input
{
     float:left;
     display: block;
     width: 30px;
}



.gib_input div div
{
     width:130px;
     float:none;
     display: block;
}

*/

.gib_input textarea
{
    border: 1px solid  #FFDEDE;
    height: 50px;
    width: 300px;
    padding: 0 5px 0 5px;
    font-size: 12px;
}





/* End of 'gezininbalans' */