html {
min-height: 101%;
}
body {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font: 70% Verdana, sans-serif;
    line-height: 155%;
    color: #aaa;
    background: white;
    text-align: center;
}

a {
    color: #aaa;
}

img             {margin: 0; border: 0;}
form            {margin: 0;}
input           {margin: 0;}

/*/ ul, ul li       {margin: 0; padding: 0;} /**/
/*/ ul li           {list-style-type: none;}/**/

p, h1, h2, h3, h4, h5, h6 {
    padding: 0;
    margin: 0;
}

table, th, td {
    border-collapse: collapse;
    margin: 0;
    padding: 0;
}

.hr hr {
    display: none;
}

/* Clear Floats Without Structural Markup
http://www.positioniseverything.net/easyclearing.html
----------------------------------------------------------*/
/* put period after content and clear it to expand div */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hide from IE Mac \*/
.clearfix {display: block;}
/* End hide from IE Mac *//* lay out - center/top/content/navmain
---------------------------------------------- */
#center{
    margin: 0px auto 0px auto;
    text-align: left;
    width: 780px;
}

img {
    border: 0;
    }

#top {
    width: 700px;
    height: 19px;
    margin: 5px 0px 2px 0px;
    background: url(../img/top_bg.jpg) no-repeat;
    }

#toptitle {
    float: left;
    width: 350px;
    }

#loggedin {
    float: left;
    width: 350px;
    text-align: right;
    }

#logo {
    width: 700px;
    height: 110px;
    }

#homeleft {
    float: left;
    width: 370px;
    padding-left: 120px;
    padding-right:10px;
    border-right: #DAE0DF solid 3px;
    }

#homeright {
    float: left;
    width: 167px;
    height: 400px;
    padding-left: 15px;
    padding-right:0px;
    }

    #linkedin {
    }
    #cora {
        margin: 15px 0 10px 0;
    }


#contentmain {
    padding-top: 30px;
    width: 700px;
    }

#contentleft {
    float: left;
    width: 176px;
    height: 400px;
    padding-right: 26px;
    }

#contentright {
    float: left;
    width: 460px;
    border: 0px dashed #F00;
    }

.loginform {
    width: 165px;
    background-color: #D6DBDA;
    border: 1px solid #B9BCBF;
    padding: 6px 0px 6px 6px;
    }


#kerst {
    width: 700px;
}

#kerstcenter {
    text-align: center;
}

#banner {
    width: 700px;
}

#bannercenter {
    width: 700px;
    text-align: center;
}


#footer {
    clear: left;
    color: #FFF;
    background: url(../img/menu_bg.jpg) no-repeat;
    padding-top: 2px;
    margin-top: 30px;
    text-align: center;
    height: 19px;
    width: 700px;
    }h1, h2, h3, h4, h5 {
    font-family: Georgia, Geneva, Arial, sans-serif;
    font-weight: normal;
    margin: 0;
    padding: 0;
    color: #DF002B;
    }

h1 {
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 10px;
    }

h2 {
    font-size: 14px;
    line-height: 15px;
    margin-top: 20px;
    margin-bottom: 10px;
    }

h3 {
    font-family: Arial, sans-serif;
    font-size: 13px;
    font-weight: bold;
    line-height: 18px;
    padding: 0px 0px 12px 0px;
    color: #8E9996;
    }

h4 {
    font-size: 11px;
    font-weight: bold;
    color: #000;
    }

h5 {
    font-weight: bold;
    font-size: 12px;
    color: #8F9996;
    padding: 2px 0px 4px 0px;
    }

ul {
    margin-left: 10px;
    padding-left: 8px;
    color: #555;
    line-height: 15px;
    }


p {
    margin: 0px 0 0px 0;
    padding: 0;
    color: #555;
    line-height: 15px;
    }

p.top {
    margin: 0;
    font-family: Arial, sans-serif;
    color: #FFF;
    font-weight: bold;
    padding-left: 10px;
    padding-top: 3px;
    }

p.loggedin {
    margin: 0;
    font-size: 9px;
    line-height: 18px;
    color: #666;
    padding-right: 10px;
    padding-top: 1px;
    }

p.date {
    color: #555;
    margin: 0;
    padding: 0;
    }

p.activity {
    color: #000;
    margin: 0  0 6px 0;
    padding: 0;
    }

span.red {
    color: #DF002B;
    }


hr {
    margin: 0;
    padding: 0;
    height: 1px;
    border: none;
    background-color: #DAE0DF; /*color for Mozilla / Safari*/
    color: #DAE0DF; /*color for IE*/
    }

hr.reply {
    margin: 3px 0px 3px 0px;
    padding: 0;
    height: 1px;
    border: none;
    background-color: #DAE0DF; /*color for Mozilla / Safari*/
    color: #DAE0DF; /*color for IE*/
    }


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

a.footer {
    text-decoration: none;
    color: #FFF;
}

a.footer:hover {
    text-decoration: underline;
    color: #FFF;
}

/*
to prevent unwanted whitespace above and below form tags
especially in IE
*/
form {
    display: inline;
    }

select {
    width: 220px;
    font-family: Verdana, Geneva, Arial, sans-serif;
    font-size: 11px;
    color: #000;
    background-color: #F5F7F7;
}

input {
    width: 260px;
    font-family: Verdana, Geneva, Arial, sans-serif;
    font-size: 11px;
    color: #000;
    background-color: #F5F7F7;
    border-top: 1px solid #CECEDE;
    border-left: 1px solid #CECEDE;
    border-right: 0px;
    border-bottom: 0px;
}

input.submit {
    width: 150px;
    font-family: Verdana, Geneva, Arial, sans-serif;
    font-size: 11px;
    padding-top: 4px;
    color: #000;
    background: url(../img/fancybullet.gif) no-repeat 0px 0px;
    border: 0;
}

input.radio {
    font-size: 11px;
    margin-left: 0px;
    margin-right: 8px;
    margin-top: 3px;
    margin-bottom: 2px;
    border: 0px;
    width: 14px;
    height: 14px;
}

textarea {
    width: 260px;
    height: 100px;
    font-family: Verdana, Geneva, Arial, sans-serif;
    font-size: 11px;
    color: #000;
    background-color: #F5F7F7;
    border-top: 1px solid #CECEDE;
    border-left: 1px solid #CECEDE;
    border-right: 0px;
    border-bottom: 0px;
}

.document_item  {
    border: 0px dashed #F00;
    margin: 0px 0px 10px 0px;
    }

.document_reply  {
    border: 1px solid #8E9996;
    margin: 0px 0px 10px 0px;
    padding: 5px 5px 5px 5px;
    }

.document_item img.left {
    float: left;
    margin: 0px 10px 0px 0px; /* give left/right img 10px margin to text and zero bottom margin */
    }

.document_item .text {
    float: left;
    width: 400px;
    border: 0px dashed #6c3;
    }

.webpoll {
    width: 450px;
    }
/* partners-list */
ul#partners-list, ul#partners-list li {
    margin: 0; padding: 0;
}
ul#partners-list {
    margin: 14px 0;
}
    ul#partners-list li {
        list-style: none;
        float: left;
        padding: 0 10px 10px 0;
    }
        ul#partners-list li a {
            display: block;
            width: 140px;
            height: 105px;
            border: 1px solid #dae0df;
            text-indent: -9999px;
            outline: none;
        }
            ul#partners-list li a:hover {
                border: 1px solid #df002b;
            }ul.menu {
    color: #FFF;
    height: 19px;
    margin: 2px 0px 0px 0px;
    padding: 0px 0px 0px 57px;
    width: 700px;
    font-family: Arial, sans-serif;
    background: url(../img/menu_bg.jpg) no-repeat;
    }

    ul#extranet.menu {
        padding: 0px 0px 0px 0px;
        background: url(../img/menuextranet_bg.jpg) no-repeat;
    }

    ul.menu li {
        line-height: normal;
        display: inline;
        list-style-type: none;
        }

    ul.menu a {
        color: #FFF;
        float:left;
        padding: 3px 11px 2px 11px;
        display: block;
        font-weight: bold;
        text-decoration: none;
        border-right: 1px solid #5E6261;
        }

    /* extranet menu smaller padding */
    ul#extranet.menu a {
        padding: 3px 9px 2px 9px;
    }

    ul.menu a.last {
        border-right: 0px;
        }

    ul.menu a:hover {
        color: #DF002B;
        }

    ul.menu a.sel {
        color: #DF002B;
        }

#leftmenu {
    line-height: normal;
    list-style-type: none;
    width: 176px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border: 0px dashed #000;
    }

    #leftmenu li {
        line-height: normal;
        font-size: 9px;
        margin: 0;
        padding: 1px 0px 1px 0px;
        border-bottom: 1px #DAE0DF solid;
        }

    #leftmenu li.nobullit {
        height: 19px;
        background: url() no-repeat top left;
        }

    #leftmenu a {
        color: #000;
        display: block;
        background: url(../img/fancybullet.gif) no-repeat 10px 0px;
        padding: 4px 0px 4px 20px;
        text-decoration: none;
        _height: 1em; /* http://www.hicksdesign.co.uk/journal/546/ie-whitespace-bug */
        }

    #leftmenu a.sel,
    #leftmenu a:hover {
        background: #DAE0DF url(../img/fancybullet_on.gif) no-repeat 10px 0px;
        }


ul.internal {
    list-style-type: none;
/*  width: 200px;*/
    margin: 6px 0px 12px 0px;
    padding: 0px 0px 0px 0px;
    border: 0px dashed #000;
    }

ul.internal li {
    font-size: 11px;
    background: url(../img/fancybullet.gif) no-repeat 1px 1px;
    padding: 4px 0px 0px 12px;
    }

ul.internal a {
    color: #000;
    text-decoration: none;
    }

ul.internal a:hover {
    text-decoration: underline;
    }th {
	text-align: left;
	}

th.number {
	text-align: right;
	}			
	
td {
	border-top: 1px solid #DAE0DF;
	}

td.city {
	padding-top: 0px;
	padding-left: 8px;
	border-left: 1px solid #DAE0DF;
	}
	
	
td.number {
	text-align: right;
	border-left: 1px solid #DAE0DF;
	}	
	
	
td.label {
	border: 0px;
	text-align: right;
	color: #555;
	line-height: 15px;
	}			
	
td.input {
	border: 0px;
	}			
/* FORM GEN */

.formulier {
    margin: 0px 0px 0px 0px; 
    padding: 10px 10px 10px 10px;
    font: normal 1.0em/1.6em Verdana, sans-serif;/**/
}

.formulier p {
    font: normal 1.0em/1.6em Verdana, sans-serif;/**/
}

.formulier div.fieldcontainer {
    border-top: #dae0df 1px solid;
    padding: 5px 0px 5px 0px;
}

.formulier label {
    color: #61635e;
    display: block;
    float: left;
    padding: 0px 2px 0px 0px;
    line-height: 16px;
/*    font: normal 1.1em/1.6em Verdana, sans-serif;/**/
/*    background-color: green; /* */
}
.formulier label.main {
    clear: both;
    width: 164px;
    height: 100%;
}
.formulier input,
.formulier select {
    float: left;
    font: normal 1.0em/normal Verdana, sans-serif;/**/
/*    background-color: #FFCCFF; /* */
}

.formulier textarea {
    float: left;
    font: normal 1.0em/normal Verdana, sans-serif;/**/
}

.formulier label.error {
    display: block;
    width: 100%;
    margin: 0px 0px 0px 0px;
    padding: 2px 0px 0px 0px;
    text-align: left;
    font: normal 1.0em/1.6em Verdana, sans-serif;
    color: red;
/*    background-color: yellow; /* */
}

.formulier .error,
.formulier .error label {
    color: red;
}

/* FORM FIELDS */

/* Text field */
.formulier input.text {
    /* width: 272px; /* */
    margin: 0px 0px 0px 0px;
}
/* Textarea */
.formulier textarea {
    width: 260px;
    margin: 0px 0px 0px 0px;
}

/* Date field */
.formulier input.date_day {
    margin: 0px 5px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 20px;
}
.formulier input.date_month {
    margin: 0px 5px 0px 5px;
    padding: 0px 0px 0px 0px;
    width: 20px;
}
.formulier input.date_year {
    margin: 0px 5px 0px 5px;
    padding: 0px 0px 0px 0px;
    width: 40px;
}

/* Radio field */
.formulier input.radio {
    margin: 0px 3px 0px 0px;
    padding: 0px 0px 0px 0px;
    height: 20px;
}
/* Checkbox field */
.formulier input.checkbox {
    clear: left;
    margin: 0px 2px 0px 2px;
    padding: 0px 0px 0px 0px;
    height: 20px; /* get it aligned in FF */
/*    background-color: yellow; /* */
}

.formulier .checkbox_container label {
    width: 250px;
    /* background-color: lime; /* */
}

/* Checkbox field container */
.formulier .checkbox_container {
    float: left;
    /* background-color: yellow; /* */
}

/* Select field */
.formulier select {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

/* File field */
.formulier input.file {
    height: 20px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.formulier .fieldcontainer.file a,
.formulier .fieldcontainer.file a:hover,
.formulier .fieldcontainer.file a:visited,
.formulier .fieldcontainer.file a:active {
    display: block;
    text-decoration: none;
    margin: 0px 0px 0px 165px;
}
.formulier .fieldcontainer.file img {

}
.formulier .fieldcontainer.file input.checkbox,
.formulier .fieldcontainer.file label.checkbox {
    display: block;
    margin: 2px 5px 0px 0px;
    float: left;
}

/* Submit field */
.formulier .submit input {
    margin: 20px 0px 0px 0px;
}

.formulier .spacer {
    height: 20px;
}

.formulier span {
    color: #000;
}

#topmenu_searchform {
    float: right;
    margin: 16px 18px 0px 0px;
}

#topmenu_searchform input.text {
    width:100px;
    border: 1px solid #b3b4b2;
    font: normal 1.1em/1.1em Verdana, sans-serif;
}

#topmenu_searchform input.submit {
    vertical-align: bottom;
    padding: 0px 0px 0px 0px;
}


/* login form */
form#login {
    background-color: #D6DBDA;
    border: 1px solid #B9BCBF;
    padding: 6px 0px 6px 6px;
    width: 173px;
}

form#login p {
    font-size: 9px;
    color: #414040;
    padding: 0px 0px 4px 0px;
}
    form#login p.error {
        color: #E00E36;
    }

form#login label {
    float: left;
    font-family: Verdana;
    font-size: 9px;
    line-height: 14px;
    color: #414040;
    padding: 0px 0px 0px 0px;
    margin: 0px 8px 0px 0px;
    width: 70px;
    text-align: right;
}

form#login input {
    float: left;
    width: 87px;
    color: #000;
    background-color: #FFF;
    border: 1px solid #B9BCBF;
    margin-bottom: 4px;
}

form#login .submit button {
    margin-top: 5px;
    float: right;
    font-size: 9px;
    font-family: Verdana;
    width: 62px;
    color: #414040;
    border: none;
}