* {
margin: 0;
padding: 0;
}

body {
font-family: Arial, FreeSans, sans-serif;
	font-size: 12px;
	color:#222222;
	background-color: #ddd;
	text-align: center;
	white-space: normal;
	
	margin: 0px;
	min-width: 810px;

}
 a {
display: inline;
    position: static;
    top: 0;
    border: 0;
    z-index: auto;
    padding: 0;
    padding-top: 0;
    text-align: center;
} 
.cushion {
height: 24px;
}
.padleft {
padding-left: 40px;
}

#mid-cont {
	float: none;
	clear: both;
	position: relative;
	margin: 0px auto;
	text-align: left;
	width: 900px;
	top: 12px;
	height: 100%;
	display: block;
	overflow: hidden;
}

#bhs {
	padding-top: 12px;
	padding-right: 25px;
	text-align: right;
	color: #888888;
}

#inhoud-cont {

text-align: left;
}
#inhoud-cont table tr td {
vertical-align: top;
}
/* ---------------------------------------------------------------------- */
/* NEW NAVIGASI 														  */
/* ---------------------------------------------------------------------- */
#wrap {
width: 900px;
margin: 0px auto;
}
#navmain {
height: 80px;
width: 900px;
padding: 0;
margin: 0px auto;
position: relative;
float: none;
clear: both;
}
#navmain img {
border: 0;
}
#navmain ul {
border: 0;
margin 0;
padding: 0;
list-style: none;
}
#navmain li {
display: inline;
float: left;
}
#navmain a {
padding: 0;
overflow: hidden;
}
/* ---------------------------------------------------------------------- */


/* ----------------------------------- DIV RIGHT SIDE ----------------------------------- */
#side-r {
float: right;
width: 300px;
background-color: #ddd;
background-image: url('../img/side-r-bg.jpg');
	background-repeat: repeat-y; 
}
#side-r a, a:visited, a:link, a:active {
text-decoration:none;
color:#555555;
font-weight: bold;
font-size: 11px;
text-align: left;
display: inline;
    position: static;
    top: 0;
    border: 0;
    z-index: auto;
    padding: 0;
    padding-top: 0;
    text-align: left;
}
#side-r a:hover {
display: inline;
    position: static;
    top: 0;
    border: 0;
    z-index: auto;
    padding: 0;
    padding-top: 0;
    text-align: center;
font-size: 11px; 
font-weight: bold; 
text-decoration: underline; 
color: #222222;
text-align: left;
}
.side-r-txt {
padding-left: 12px;
padding-right: 12px;
padding-bottom: 12px;
font-size: 11px;
line-height: 15px;
color: #555555;
}
.side-r-btm {
width: 300px;
height: 14px;
overflow: hidden;
margin: 0;
border: 0;
padding: 0;
background-image: url('../img/side-r-btm.jpg');
background-repeat: no-repeat;
}
/* ---------------------------------------------------------------------- */

#hdrstrips {
overflow: hidden; /* stupid IE hack otherwise there'd be a gap */
background-image: url('../img/hdr_strips.jpg');
	background-repeat: repeat-x;
width: 100%;
height: 61px;
padding: 0;
margin: 0;
border: 0;
	top: 0;
	left: 0;
	text-align: center;
}
#hdrstrips a {
top: 0;
padding: 0;
margin: 0;
border: 0;
display: inline;
}
.logo {
width: 82px;
height: 61px;
border: 0;
top: 0;
padding: 0;
margin: 0;
}

#hdrbar {
	background-image: url('../img/navbar.jpg');
	background-repeat: repeat-x;
	width: 100%;
	height: 25px;
	padding: 0;
	top: 0;
	left: 0;
	text-align: center;
	display: block;
	
}
#hdrbar a {
top: 0;
padding: 0;
margin: 0;
border: 0;
display: inline;
}
#hdrbar table {
padding-top: 0;
margin-top: 0;
border: 0;
}


#ftr {
	background-image: url('../img/ftr.jpg');
	background-repeat: no-repeat;
	width: 810px;
	height: 15px;
}
#nav {
	height: 25px;
	width: 381px;
	padding: 0;
	text-align: center;
	margin: 0;
	display: inline;
	border: 0;

}
#nav tr {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
	border: 0;
	}
#nav tr td {
margin: 0;
border: 0;
	padding: 0;
}
#nav tr td img {
border: 0;
}

#nav a, a:visited, a:link, a:active {
text-decoration:none;
color:#FFF;
font-weight: bold;
font-size: 11px;
text-align: center;
display: inline;
    position: static;
    top: 0;
    border: 0;
    z-index: auto;
    padding: 0;
    padding-top: 0;
    text-align: left;
}
#nav a:hover {
display: inline;
    position: static;
    top: 0;
    border: 0;
    z-index: auto;
    padding: 0;
    padding-top: 0;
    text-align: center;
font-size: 11px; 
font-weight: bold; 
text-decoration: none; 
color: #BBBBBB;
text-align: center;
}



/*------------subnav-------------*/

#subnav {
	
	margin-left: 0;
	padding-left: 0;
	
	display: inline;
	} 

#subnav li {

	margin-left: 0;
	padding: 5px 9px;
	list-style: none;
	display: inline;
	}
#subnav a, a:visited, a:link, a:active {
text-decoration:none;
color:#FFF;
font-weight: normal;
font-size: 13px;
}
#subnav a:hover {
font-size: 13px; 
font-weight: normal; 
text-decoration: underline; 
color: #FFF;
}




#s1 {
	background-image: url('../img/subnav1.jpg');
	background-repeat: no-repeat;
	height: 20px;
	width: 795px;
	padding-top: 5px;
	padding-left: 15px;
	font-size: 13px;
	font-weight: bold;
	color: #FFF;
}
#s2 {
	background-image: url('../img/subnav2.jpg');
	background-repeat: no-repeat;
	height: 20px;
	width: 795px;
	padding-top: 5px;
	padding-left: 15px;
	font-size: 13px;
	font-weight: bold;
	color: #FFF;
}
#s3 {
	background-image: url('../img/subnav3.jpg');
	background-repeat: no-repeat;
	height: 20px;
	width: 795px;
	padding-top: 5px;
	padding-left: 15px;
	font-size: 13px;
	font-weight: bold;
	color: #FFF;
}
#s4 {
	background-image: url('../img/subnav4.jpg');
	background-repeat: no-repeat;
	height: 20px;
	width: 795px;
	padding-top: 5px;
	padding-left: 15px;
	font-size: 13px;
	font-weight: bold;
	color: #FFF;
}
/* ------------------------------------------------- */

/* ------------------------- SPLASH ------------------------ */

.splash {
padding: 0;
margin: 0;
}
.splash img {
border: 0;
}

/* ----------------------------------------------------------------------- */


/* ------------------------- PARAGRAPH AND HEADERS------------------------ */

h2 {
color: #444444;
font-weight: bold;
font-size: 12px;
padding-bottom: 14px;

}
.light {
color: #555555;
line-height: 19px;
}
* .fragment .light a, a:visited, a:link, a:active {
text-decoration: underline;
color:#555555;
font-weight: normal;
font-size: 12px;
display:inline;
}
* .fragment .light a:hover {
font-size: 12px; 
font-weight: normal; 
text-decoration: underline; 
color: #222;
display:inline;
}

table {
color: #555555;
}

/* ------------------------------------------------------------------------ */

/* ------------------------- INLINE & BLOCK IMAGES ------------------------ */

.img-r {
padding-left: 14px;
padding-bottom: 14px;
}
.img-l {
padding-right: 14px;
padding-top: 18px;
padding-bottom: 14px;
}
.img-lt {
padding-right: 14px;
padding-bottom: 14px;
}


/* ------------------------------------------------------------------------ */

#legal {
padding-top: 24px;
line-height: 22px;
font-size: 11px;
	font-weight: normal;
	color: #888888;
}
#legal a, a:visited, a:link, a:active {
display: inline;
text-decoration: underline;
color:#888888;
font-weight: normal;
font-size: 11px;
}
#legal a:hover {
display: inline;
font-size: 11px; 
font-weight: normal; 
text-decoration: underline; 
color: #888888;
}
 /* ---------------------------------------------------------- */

#switchbox {
width: 588px;
padding-top: 10px;
}
.sbox-btm {
width: 588px;
height: 12px;
background-image: url('../img/sbox-btm.jpg');
background-repeat: no-repeat;
}
/*
Tabs - important styles to ensure accessibility in print
*/
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}
@media print {
    .anchors {
        display: none;
    }
}

/*
Tabs - not important for accessibility, just for the look of it...
*/
.anchors {
	height: 45px;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
}
.anchors:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    text-align: center;
    content: " ";
}
.anchors li {
	width: 147px;
	height: 45px;
    float: left;
    margin: 0;
    padding: 0;
    text-align: center;
    display:block;
    background-image: url('../img/anchors.jpg');
	background-repeat: no-repeat;
	font-weight: bold;
    font-size: 12px;
}
.anchors a {
    display: block;
    position: relative;
    top: 0;
    border: 0;
    z-index: 5;
    padding: 0;
    margin: 0;
    padding-top: 15px;
    text-align: center;
    color: #444444;
    text-decoration: none;
    font-weight: bold;
    font-size: 12px;
}
.anchors li a, a:visited, a:link, a:active {
    display: block;
    position: relative;
    top: 0;
    border: 0;
    z-index: 5;
    padding: 0;
    margin: 0;
    padding-top: 15px;
    text-align: center;
    color: #444444;
    text-decoration: none;
    font-weight: bold;
    font-size: 12px;
}
.anchors li a:hover {
    display: block;
    position: relative;
    top: 0;
    border: 0;
    z-index: 5;
    padding: 0;
    margin: 0;
    padding-top: 15px;
    text-align: center;
    color: #444444;
    text-decoration: underline;
    font-weight: bold;
    font-size: 12px;
}
.anchors .tabs-selected {
	width: 147px;
	height: 45px;
	z-index: 4;
	margin: 0;
	padding: 0;
	text-align: center;
    background-image: url('../img/anchors_active.jpg');
background-repeat: no-repeat;
}


.fragment {
	display: block;
    background: #F4F4F4;
    padding: 16px;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
}
.anchors .tabs-selected a:link, .anchors .tabs-selected a:visited,
.anchors .tabs-disabled a:link, .anchors .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
/*
.anchors a:hover, .anchors a:focus, .anchors a:active {
    cursor: pointer;
}
.anchors .tabs-disabled {
    opacity: .4;
}
.anchors .tabs-disabled a:hover, .anchors .tabs-disabled a:focus, .anchors .tabs-disabled a:active {
    background: transparent;
}
*/