/* Template By Murat Esgin - http://www.lavinya.net */
body {
background : #F4F4F4;
color : #666666;
font-family : Verdana, Tahoma, Georgia, sans-serif;
margin-top : 3px;
margin-left : 0; 
margin-right : 0; 
margin-bottom : 0; 
font-size : 11px;
background-repeat : repeat-x; 
} 
.mypathway {
padding-left : 3px; 
padding-bottom : 3px; 
} 
ul {
margin : 0;
padding : 0; 
list-style : none; 
}
li {
line-height : 20px; 
padding-left : 10px;
padding-top : 0; 
background-image : url(../images/bullet.png); 
background-repeat : no-repeat; 
background-position : 0 3px; 
} 
.pagenav {
font-size : 11px; 
font-weight : normal; 
} 
.componentheading {
background : #e9e9e9; 
height : 15px; 
margin-left : 2px; 
/* margin-top : 10px;                                           Deze heb ik er even bijgezet */
padding : 3px; 
border : 1px solid #ffffff; 
color : #cc0000; 
text-align : left; 
white-space : nowrap; 
font-family : Verdana, Arial, serif, Georgia; 
font-size : 14px; 
font-weight : bold; 
} 
a.toclink:link, a.toclink:visited {
line-height : normal; 
font-size : 11px; 
font-family : Verdana, arial, serif, georgia; 
color : #000000; 
text-decoration : underline; 
} 
a.toclink:hover {
text-decoration : none;
} 
table.contenttoc {
border : 1px solid #ffffff;
padding : 2px; 
margin-left : 2px; 
margin-bottom : 2px; 
} 
table.contenttoc th {
background : #e9e9e9; 
color : #ff0000; 
text-align : left; 
padding-top : 2px; 
padding-left : 4px; 
height : 21px; 
font-weight : bold; 
font-size : 11px;
text-transform : uppercase; 
} 
.button {
margin-top : 3px; 
margin-bottom : 3px; 
padding-left : 5px; 
padding-right : 5px; 
border : 1px solid #adaa9c; 
background-color : #ffffff; 
color : #000000; 
font-family : Arial, Helvetica, Sans-Serif; 
text-align : center; 
font-size : 11px; 
} 
.sectiontableheader {
background : #e9e9e9; 
height : 20px; 
padding-right : 3px; 
font-weight : bold; 
} 
/* Dit is de content-tekst in het midden */
table.contentpane td.contentdescription {
font-size : 12px;                                             /* Deze heb ik even aangepast van 11px naar 12px */
line-height : 18px;
padding-left : 10px;
padding-right : 10px; 
}
table.contentpane td.componentheading {
background : #f2f2f2;
height : 20px; 
padding-left : 3px; 
border : 1px solid #ffffff; 
color : #c20a28;
text-align : left; 
padding-bottom : 3px; 
white-space : nowrap; 
font-family : Verdana, Arial, serif, Tahoma; 
font-size : 12px; 
font-weight : bold; 
}
table.contentpane td {
padding-top : 10px; 
padding-bottom : 2px; 
font-size : 11px; 
} 
a:link, a:visited {
font-family : Verdana, arial, serif, georgia; 
font-size : 12px;                                             /* Deze heb ik er even bijgezet */
color : #0000ff;
text-decoration : underline; 
} 
a:hover {
font-size : 12px;                                            /* Deze heb ik er even bijgezet */
color : #cc0000;                                             /* Deze heb ik er even bijgezet */
text-decoration : none; 
} 
table.contentpaneopen {
width : 100%;
} 
table.contentpaneopen td {
line-height : 18px; 
font-size : 12px;                                              /* Deze heb ik even aangepast van 11px naar 12px */
padding-top : 10px;                                             /* Deze heb ik er even bijgezet */
} 
table.contentpaneopen td.contentheading {
background : #F2F2F2;
height : 20px; 
padding-left : 3px;
border : 1px solid #ffffff; 
color : #cc0000; 
text-align : left; 
white-space : nowrap; 
font-family : Verdana, Arial, serif, Tahoma; 
font-size : 12px; 
font-weight : bold;

} 
a.sublevel:link, a.sublevel:visited {
font-size : 11px;                                             /* Deze heb ik even aangepast van 10px naar 11px */
line-height : 18px;                                            /* Deze heb ik er even bijgezet */
text-align : left;
text-decoration : none; 
vertical-align : middle; 
} 

a.sublevel:hover {
text-decoration : none; 
} 

/* Dit is het menu aan de linker zijde */
a.mainlevel:link, a.mainlevel:visited {
display : block; 
vertical-align : middle; 
font-size : 11px;                                             /* Deze heb ik even aangepast van 11px naar 12px */
color : #3300ff; 
text-align : left;
font-family : Verdana, Tahoma, Arial, sans-serif;
padding-left : 3px;
padding-top : 5px;
height : 16px; 
width : 170px; 
text-decoration : none;
border-bottom-width : 1px;
border-bottom-style : dotted;
border-bottom-color : #cc0000; /* Dit was: #C0C0C0 */
}
a.mainlevel:hover {
color : #a52a2a; 
background-position : right;
background-image : url(../images/menud21.png);
text-align : left;
font-family : Verdana, Lucida, Arial, sans-serif;
font-size : 11px; 
} 
table.moduletable, moduletable div{
width : 100%; 
margin-bottom : 5px; 
border-spacing : 0; 
border-collapse : collapse; 
} 
table.moduletable th{
color : #cc0000;
background-color:#F2F2F2;
border : 1px solid #ffffff;
text-align : center;
vertical-align : middle; 
/* padding-left : 15px; */
height : 15px;
font-weight : bold;
font-size : 11px; 
} 
table.moduletable td{ 
padding-left : 1px;
font-size : 11px; 
margin : 10px; 
font-weight : normal; 
} 
td {
font-family : Verdana, arial, serif, Tahoma;
font-size : 11px; 
color : #3c3032; 
} 
.inputbox {
font-size : 11px;
font-family : Verdana, serif, georgia, arial; 
border : 1px solid #adaa9c; 
background-color : #ffffff;
} 
.td1 {
width : 100%;
height : 156px;
background-image : url(../images/logonatalbrug.jpg);
background-repeat : no-repeat;
vertical-align: bottom;
padding-left:15px;
}
.td2 {
background-color : #f8f8f8; 
width : 135px;
vertical-align: top;
}

/* Dit is de tekst ONDER de header-logo */
.td3 {
background-color : #F6F6F6;
text-align : left;                                         /* Deze heb ik er even bijgezet */
font-size : 12px;                                          /* Deze heb ik er even bijgezet */
width : 100%;
vertical-align: top;
}
.td34 {
background-color : #F6F6F6;
width : 100%;
vertical-align: top;
}
.td33 {
background-color : #F6F6F6;
width : 100%;
vertical-align: top;
float:left;
clear:left;
display:inline;
}
.td4 {
background-color : #e9e9e9; 
width : 100%;
height : 20px; 
text-align : center; 
} 
.footer {
color : #000000; 
font-family : Verdana, verdana, serif; 
font-size : 9px;
} 
.yuks {
height : 100%; 
} 
.table1 {
border : 1px dotted #999999;
width : 830px;                                         /* Deze heb ik even aangepast van 84% naar 800px */
height : 100%;
margin : 0;
padding : 0; 
} 

/* Dit is de tekst IN de header-logo */
.table2 {
width : 100%;
height : 156px;
/*  line-height : 90px;                                         Deze heb ik er even bijgezet */
text-align : left;                                         /*  Deze heb ik er even bijgezet */
border : 0;
margin-left:5px;
}
#banner {
	color:#FFFFFF;
	width: 100%;
	height: 100%;                                       /* Deze heb ik even aangepast van 75px naar 100% */
	font-size:10px;
	margin-bottom: 8px;
	padding-top: 8px;
}
a.readon, a.readon:hover {
    color:#666666;
    margin-top : 10px;
    display : block;
    float : right;
    line-height : 11px;
    background : url(../images/daha.gif) no-repeat left center;
    text-indent : 16px;

}
.small, .modifydate, .createdate {
	color:#999999;
	font-size:10px;
	background-color:inherit;
}
h2 {
font : italic 20px "arial black", serif, verdana;
color : #ffffff;
line-height : 105px;                                         /* Deze heb ik er even bijgezet */
display : inline;
padding-left: 1px;
align: left;
} 
#header {
	background-repeat: no-repeat;
	color: #ffffff;
        font-family : Georgia, verdana, serif;
        font-size : 16px;
	margin: 0px;
	text-align: left;
	vertical-align: bottom;
}

#header a, #header a:visited, #header a:hover {
	color: #ffffff;
	font-size: 30px;
        line-height : 20px;                                      /*    Deze heb ik er even bijgezet */
	font-weight: bold;
	text-decoration: none;
	padding-left:1px;
        vertical-align: top;
}
.div1 {
width : 100%; 
text-align : center; 
border : 0; 
margin : 0;
padding : 0; 
}
.table5 {
width : 100%;
height : 20px; 
border : 0; 
margin : 0; 
padding : 0; 
} 
.table3 {
width : 100%;
height : 100%;
border : 0; 
margin : 0; 
padding : 0;
}