/* general stuff */


body{
margin:0;
padding:0;
background: #FFFFFF;
font-family: verdana, arial, sans-serif;

}

.outerbackground {
text-align:center;
width: 100%;
background: #FFFFFF;
}


a {
text-decoration:  none;
font-weight: bold;
border: none;
 }
a:hover {
text-decoration:  underline; 
border: none;
 }
 
/* Layout */

#accessibility {
position: absolute;
left: -2000px;
top: -2000px;
display: none;
}

#source {
position: absolute;
left: -2000px;
top: -2000px;
display: none;
}

/* hier start de inhoud van de website */

.pagewidth{
width:1004px;

padding: 0px;
text-align: left;
background: #FFFFFF;
margin-left: auto;	margin-right: auto;
}

#header {
font-size: 10px;
 }
 
#topleft {
margin-top: 3px;
height: 112px;
width: 228px;
float: left;
background: transparent url(../images/logo.gif);
}

#topright {
margin-left: 3px;
margin-top: 3px;
height: 112px;
width: 773px;
float: right;
background: url(../images/Banner.gif);
}

#topleftbottom {
margin-top: 3px;
height: 22px;
width: 228px;
background: url(../images/rodebalk_links.jpg) left top no-repeat;
float: left;
font-size: 10px;
}

#toprightbottom {
margin-left: 3px;
margin-top: 3px;
height: 22px;
width: 773px;
background: transparent url(../images/rodebalk_rechts.jpg) right top no-repeat;
float: right;
font-size: 10px;
text-align: left;
}

#pathway{ 
width: 400px;
font-weight: bold;
padding-left: 20px;
padding-top: 6px;
vertical-align: middle;
color: #FFFFFF;
}

#pathway span {
text-decoration:  none;
font-weight: normal;
border: none;
color: #FFFFFF;
 }

#pathway a {
text-decoration:  none;
font-weight: normal;
border: none;
color: #FFFFFF;
 }
#pathway a:hover {
text-decoration:  underline; 
border: none;
color: #FFFFFF;
 }

#language {
width: 150px;
height: 28px;
float: right;
background: transparent;
padding-right: 14px;
padding-top: 10px;
vertical-align: top;
}

#outer{
width: 1004px;
margin-left: 0px;
margin-top: 0px;
}

#leftcol{
 width: 228px;
 margin-top: 3px;
 float: left;
/* position: relative; */
 font-family: Verdana, Arial, Helvetica, sans-serif;
 
 } 

 
#maincol-small{ 
 float: left; 
 width: 542px;
 margin-left: 3px;
 margin-top: 3px;
 } 

#maincol-normal{ 
float: left; 
width: 542px;
margin-left: 3px;
margin-top: 3px;
 } 
 
 #banner {
 width: 478px;
 height: 69px;
 float: right;
 padding-left: 6px;
 padding-top: 6px;
 }
 
 iframe.wrapper {
 z-index: 0;
 }
 
.clr{clear:both;}

.content {
width: 100%;
font-size: 10px;
padding-top: 30px;
line-height: 14px;
border: 0px solid #888;
}

.contentback{
}

#maincol-normal div.mainpage, 
#maincol-small div.mainpage {
width: 100%;
background: transparent url(../images/body_border.jpg) left repeat-y;
}


#maincol-normal div.mainpage div, 
#maincol-small div.mainpage div {
width: 100%;
background: transparent url(../images/body_top.jpg) left top no-repeat;
}

#maincol-normal div.mainpage div div, 
#maincol-small div.mainpage div div{
width: 100%;
background: transparent url(../images/body_bottom.gif) left bottom no-repeat;

}
#maincol-normal div.mainpage div div div, 
#maincol-small div.mainpage div div div{
background: transparent;
}


/* Modules */
#leftcol div.module 
{
width: 228px;
background: transparent url(../images/menu_left_border.jpg) left repeat-y;
height: 430px;
}

#leftcol div.module div {
width: 228px;
background: transparent url(../images/menu_left_top.gif) top left no-repeat;
height:inherit;

}

#leftcol div.module div div {
width: 228px;
background: transparent url(../images/menu_left_bottom.gif)  bottom left no-repeat;
height:430px;
}

#leftcol div.module div div div {
width: 228px;
padding-left: 0px;
padding-right: 0px;
padding-top: 30px;
height:400px;
background: transparent;
/* padding-bottom: 200px;*/
font-size: 10px;
font-weight: normal;

}

#leftcol div.module div div div div{
padding: 0px;
margin: 0px;
}

#rightcol{
margin-top: 3px;
 width: 228px;
 margin-left: 0px;
 float: right;
} 
 
#rightcol div.rightborder{
background: transparent url(../images/right_back_border.gif) left repeat-y;
}

#rightcol div div.righttop{ 
background: transparent url(../images/right_back_top.gif) top left no-repeat;
padding-top: 3px;
}
#rightcol div div div.rightbot{ 
background: transparent url(../images/right_back_bottom.gif) bottom left no-repeat;
padding-bottom: 6px;
}

#rightcol div div div div.module {
Margin-top: 5px;
margin-left: 10px;
width: 208px;
}

#rightcol div div div div.module div {
width: 208px;
height: 135px;
background: transparent url(../images/border_right.jpg) left repeat-y;
}

#rightcol div div div div.module div div {
background: transparent url(../images/right_border_top.jpg) top left no-repeat;
}

#rightcol div div div div.module div div div{
background: transparent url(../images/right_border_bottom.jpg) bottom left no-repeat;
}

#rightcol div div div div.module div div div div{
vertical-align: middle;
}



#user1{
float: left;
width: 49%;
}

#user2{
float: right;
width: 49%;
}

#user3 {
width: 100%;
}

#user1 ul, 
#user2 ul, 
#user3 ul {
list-style: none;
margin: 0px;
padding: 0px;
padding-left: 0.7em;
margin-left: 0.7em;
margin-bottom: 5px;
margin-top: 2px;
}

#maincol-normal div.module, 
#maincol-small div.module {
width: 100%;
background: transparent url(../images/body_border.jpg) left repeat-y;
font-size: 10px;
margin-top: 3px;
}

#maincol-normal div.module div, 
#maincol-small div.module div {
width: 100%;
background: transparent url(../images/body_top.jpg) left top no-repeat;
}

#maincol-normal div.module div div, 
#maincol-small div.module div div{
width: 100%;
background: transparent url(../images/body_bottom.gif) left bottom no-repeat;
}
#maincol-normal div.module div div div, 
#maincol-small div.module div div div{
width: 542px;
padding-left: 0px;
padding-right: 0px;
padding-top: 10px;
background: transparent;
padding-bottom: 5px;
font-size: 10px;

}

/* */
#maincol-normal div.module h3, 
#maincol-small div.module h3 {
font-size: 14px;
font-weight: normal;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0px;
padding: 0px;
height: 20px;
line-height: 20px;
width: 95%;
background: transparent;
/* border-bottom: 1px solid #EFEFEF; */
text-align: left;
text-indent: 20px;
}

/* Bottommenu */
#bottom{  
width: 100%; 
background: transparent url(../images/footerbar.gif)  no-repeat; 
height: 13px;
text-align: center;
margin-top: 3px;
margin-bottom: 3px;

}

ul#mainlevelbot li:hover, ul#mainlevelbot li.sfhover {
background: bottom left no-repeat;
}

ul#mainlevelbot li:hover a, ul#mainlevelbot li.sfhover a{
background: bottom right no-repeat;
}

 ul#mainlevelbot
{
list-style: none;
padding: 0;
margin: 0;
white-space: nowrap;
border-left: 0px solid #FFFFFF;
padding-left: 300px;
padding-top: 1px;
text-align: center;
background: transparent;
}

ul#mainlevelbot li{
/* width: 5%; */
float: left;
margin: 0;
font-size: 9px;
line-height: 11px;
white-space: nowrap;
margin-right: 0px;	
border-right: 0px solid #FFFFFF;
background: transparent;
}

ul#mainlevelbot li a{
font-weight: normal;
text-decoration: none;
color: #FFFFFF;
margin-left: 5px;
margin-right: 5px;
padding-left: 5px;
padding-right: 5px;
white-space: nowrap;

}


/* navigatie overige menus met suffix -nav */
ul#mainlevel-nav
{
list-style: none;
padding: 0;
margin: 0;
float: right;
white-space: nowrap;
}

ul#mainlevel-nav li{
width: auto !important;
width: 5%;
float: right;
margin: 0;
font-size: 10px;
line-height: 20px;
white-space: nowrap;
margin-left: 209px;	
}

ul#mainlevel-nav li a{
font-weight: normal;
height: 20px;
display: block;
padding-left: 5px;
padding-right: 10px;
text-decoration: none;
color: #CCCCCC;
margin-left: 5px;
white-space: nowrap;
}



/* Main Menu(s) */

/* div.module h3 is de titel van het rechter menu*/
div.module h3 {
font-size: 12px;
width: 200px;
font-weight: bold;
margin: 0px;
padding-top: 5px;
padding-left: 5px;
margin-bottom: 5px;
/*letter-spacing: 1px; */
color: #EF3D33;

}
a.mainlevel {
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
display: block;
line-height: 25px;
margin-bottom: 5px;
text-decoration: none;
margin-left: 3px;
margin-right: 3px;
border-top: 1px solid #E1E1E1;
border-bottom: 1px solid #E1E1E1;
voice-family:"\"}\""; /* Box Model fix */
voice-family:inherit;
font-style: normal;
text-indent: 20px;
/*letter-spacing: 1px; */
}



html>body a.mainlevel {width:220px;} /* Opera5-Fix-fix ;-) */


a.mainlevel:hover, a.mainlevel#active_menu {
color: #EF3D33;
background: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
margin-left: 3px;
margin-right: 3px;
/* width: 220px; */
display: block;
line-height: 25px;
margin-bottom: 5px;
text-decoration: none;
border-top: 1px solid #E1E1E1;
border-bottom: 1px solid #E1E1E1;
voice-family:"\"}\""; /* Box Model fix */
voice-family:inherit;
font-weight: bold;
font-style: normal;
text-indent: 20px;
/* letter-spacing: 1px; */

}
.indent1 {
font-family: Arial, Helvetica, sans-serif;
vertical-align: top;
height: 18px;
}

.indent1 a.sublevel {

font-size: 10px;
text-decoration: none;
padding-left: 10px;
voice-family:"\"}\""; /* Box Model fix */
voice-family:inherit;
color: #000000;
	
}

html>body a.sublevel {width:123px;} /* Opera5-Fix-fix ;-) */

a.sublevel#active_menu {
font-weight: normal;
color: #EF3D33;
font-size: 10px;
text-decoration: none;
padding-left: 10px;
voice-family:"\"}\""; /* Box Model fix */
voice-family:inherit;
}
a.sublevel:hover {
font-size: 10px;
text-decoration: none;
padding-left: 10px;
voice-family:"\"}\""; /* Box Model fix */
voice-family:inherit;
color: #EF3D33;
}


html>body a.sublevel:hover, a.sublevel#active_menu { /* Opera5-Fix-fix ;-) */
width: 228px;
}


/* Module specific  aanmelden nieuwsbrief*/

#leftcol div.moduleaanmelden {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #001D79;
background: transparent;
width: 189px;
padding-left: 30px;
padding-top: 5px;
padding-bottom: 10px;
border-top: 1px solid #E1E1E1;
border-bottom: 1px solid #E1E1E1;
margin-bottom: 30px;
}

#leftcol div.moduleaanmelden h3{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #14003B;
background: transparent;
letter-spacing: 1px; 
font-weight: normal;
}

/* Module specific  login*/

#leftcol div.modulelogin
{
width: 228px;
background: transparent url(../images/menu_left_border.gif) left repeat-y;
margin-bottom: 10px;
}

#leftcol div.modulelogin div {
width: 228px;
background: transparent url(../images/menu_left_top.gif) top left no-repeat;
}

#leftcol div.modulelogin div div {
width: 228px;
background: transparent url(../images/menu_left_bottom.gif)  bottom left no-repeat;
}

#leftcol div.modulelogin div div div {
width: 228px;
padding-left: 0px;
padding-right: 10px;
padding-top: 20px;
background: transparent;
padding-bottom: 20px;
font-size: 10px;
font-weight:bold;
}

#leftcol div.modulelogin div div div div{
padding: 0px;
margin: 0px;
}

#leftcol div.modulelogin h3
{
font-size: 12px;
width: 228px;
font-weight: bold;
margin: 0px;
padding: 0px;
margin-bottom: 5px;
}
#leftcol div.modulelogin div div div table.inloggen {
background: transparent;
margin: 0px;
padding: 0px;
}

#leftcol div.modulelogin div div div table.inloggen div.leftside {
width: 100px;
float: left;
font-size: 10px;
font-weight: normal;
padding-top: 3px;
padding-left: 2px;
line-height: 20px;
}
#leftcol div.modulelogin div div div table.inloggen div.rightside {
width: 100px;
float: right;
padding-right: 0px;
text-align:left;
font-size: 10px;
line-height: 30px;
font-weight: normal;
}

/* Other joomla Stuff */

#title {
}

.mosimage {
  border: 0px solid #cccccc;
  margin: 5px
}

.mosimage_caption {
  margin-top: 2px;
  /* background: #efefef;*/
  padding: 1px 2px;
  color: #000;
  font-size: 10px;
  border-top: 0px solid #cccccc;
}

hr {
width:  90%; 
 }
hr.separator {
width:  40%; 
 }
a.pnav {
}
.pnav:hover {
}
.small {
font-size: 10px;
color: #ABABAB;
line-height: 0.7;
}
.smalldark {
font-size: 10px;
color: #000;
height: 10px;
line-height: 10px;
text-align: left;
}

.sectiontableentry1 {
text-align: left;
background: #FFF;
font-size: 10px;
padding: 1px;
vertical-align: middle;
}
.sectiontableentry2 {
background: #FFF;
font-size: 9px;
text-align: left;
padding: 1px;
vertical-align: middle;
}
.button {
border: 1px solid #BBBBBB;
font:Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}
.inputbox {
border: 1px solid #BBBBBB;
font:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}



.createdate {
font-size: 10px;
color: #ABABAB;
height: 10px;
line-height: 0.7;
}
.modifydate {
font-size: 10px;
color: #ABABAB;
height: 20px;
line-height: 20px;
margin-bottom: 5px;
}
a.readon {
float:right;
font-size: 10px;
text-decoration: none;
line-height: 15px;
border: 0px solid #EF3D33;
padding-right: 30px;
padding-bottom: 3px;
margin-top: 10px;
text-decoration: none;
font-weight: bold;
}

.blog_more {
font-size: 10px;
}

a.readon:hover {
background: #EEEEEE url(../images/readon.gif) no-repeat left;
text-decoration: none;
}

.blog {
width: 100%;

}

.contentheading {
Padding-top: 00px;
font-weight: bold;
font-size: 16px;
font-family: Verdana, Arial, Helvetica, sans-serif;
background: transparent;
/*display: block;*/
/*letter-spacing: 1px; */
padding-bottom: 5px;
color: #EF3D33;
padding-left: 0px;
text-align: left;


}

.contentpaneopen {
margin-left: 20px;
margin-right: 20px;
text-align: left;
font-size: 10px;
line-height: 1.4;
background: transparent;


}

.contentpaneback {
text-align: left;
font-size: 10px;
line-height: 1.8;
background: transparent;

}

table.contentpane{
border: 0px solid #888888;
margin-left: 20px;
margin-right: 40px;
width: 90%;

}

table.contentpane td.contentheading {
margin-right: 40px;
font-weight: normal;
font-size: 16px;
font-family: Verdana, Arial, Helvetica, sans-serif;
background: transparent;
/*display: block;*/
/* letter-spacing: 1px; */
color: #5B5DB9;

}

table.contentpane ul {
margin: 0px;
padding: 0px;
list-style: none;
}

table.contentpane ul li{
padding: 0px;
margin: 0px;
padding-left: 15px;
}

.contentdescription {
font-size: 10px;
}
.sectiontableheader {
font-weight: bold;
font-size: 10px;
height: 25px;
line-height: 25px;
}
.categorytitle {
font-weight: bold;
font-size: 16px;
height: 25px;
line-height: 25px;
font-family: Verdana, sans serif;
}

.componentheading {
font-weight: bold;
font-size: 16px;
font-family: Verdana, Arial, Helvetica, sans-serif;
background: transparent;
text-indent: 17px;
/* letter-spacing: 1px; */
padding-left: 00px;
width: 400px;
padding-bottom: 10px;
color: #EF3D33;
}



a.category {
text-decoration:  underline; 
 }
a.category:hover {
text-decoration:  underline; 
 }
table.moduletable {
width:  100%; 
font-size: 80%;
 }
table.moduletable th  {
font-size: 80%;
}

.poll {
font-size: 9px;
text-align: left;
padding-top: 5px;
padding-left: 5px;
}


.back_button a{
font-size: 10px;
font-weight: normal;
}

.blogsection {
font-size: 10px;
}

.blog_more ul li{
list-style: none;
padding-left: 14px;
line-height: 18px;
}

table.contenttoc {
border: 1px solid #CCCCCC;
padding: 3px;
}

table.contenttoc th{
font-weight: bold;
font-size: 10px;
border-bottom: 1px solid #BBBBBB;
}

form {
margin: 0px;
padding: 0px;
}

.contact_email {
border: 0px solid #888
}