body {
font-family:verdana, arial,"sans serif";
font-size:12px; 
text-align:left;
/*background:url(images/achtergrond_outer.gif);*/
background:url(images/proeflogo2.jpg);
img border=0;
}
img.links {float: left; margin: 6px 6px 6px 0;}
img.rechts {float: right; margin: 6px 3px 6px 6px;}
hr {
border:1px 0 0 0;
width:95%;
color:#000080;
background-color:#000080;
heigth:3px;
}
#box_outer{
align:center;
width:1000px;
margin:0px auto;
text-align:left;
background:#FFFFDD;
background-image:url(images/bgavanti1000.jpg);
background-repeat:repeat-y;
}
#box_title{
width:975px;
height:154px;
border:none;
background-color:#DD0000;
background-image:url(images/top1.JPG); 
background-repeat:no-repeat;
background-position:top right;
padding-left:25px;
padding-top:40px;
font-family:"comic sans ms";
font-size:16px;
font-weight:bold;
}
#box_title a{
text-decoration:none; color:#FFFFFF; font-style: normal;
}
#box_title a:hover, a:active{
font-style: italic; color:#000080;
}
#box_top_menu{
float:left;
width:200px;
}
#box_top_logo{
width:400px;
float:right;
margin-top:50px;
}
#box_pathway{
width:999px;
height:28px;
background:#DD0000;
border-top: 1px solid #fff; 
border-right: 1px solid #333333;
border-bottom: 1px solid #333333; 
line-height:25px;
margin-top:0px;
text-align:right;
text-indent:7px;
}
#pathway{
line-height:25px;
margin-left:15px;
float:left;
font-family:"comic sans ms";
font-size:16px;
color:#000080;
}
#searchbox input.submit{
width:60px;
height:21px;
line-height:13px;
background-color:#FFFFFF;
border:2px #000080;
font-size:10px;
margin-right:2px;
margin-top:3px;
}
/*LINKERKOLOM MET MENU*/
#box_left{
clear:both;
width:200px;
float:left;
}
#box_menu{
margin-left:15px;
margin-top:25px;
margin-right:15px;
padding:0;
}
#box_menu ul {
margin:0px;
padding:0px;
text-indent:0px;
}
#box_menu li{
list-style-type: none; 
list-style-image: none;
margin:0;
padding:0px;
text-indent:0px;
}
#box_menu ul.menulevel1 li {
background:#DD0000; 
line-height: 28px;
border-top: 1px solid #fff; 
border-left: 1px solid #fff; 
border-right: 1px solid #333333;
border-bottom: 1px solid #333333; 
padding-left: 7px;
margin: 0;
margin-bottom:4px;
width:165px;
}
.menulevel1 {
font-family:"comic sans ms";
font-size: 16px;
color: white;
}
.menulevel1 a {
color: #fff;
}
.menulevel1 a:link, .menulevel1 a:visited {
color: white;
text-decoration:none;
}
.menulevel1 a:hover, .menulevel1 a:active {
color:#000080; font-style:italic;
}
#box_menu ul.menulevel2 li {
background: #ffffdd; 
font-size: 12px; 
line-height: 22px;
width:155px; 
border-top: 1px solid #333333; 
border-left: 1px solid #333333; 
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
padding-left: 4px; 
margin: 0;
margin-bottom:4px;
}
.menulevel2 {
font-size: 12pt;
color: black;
}
.menulevel2 a {
font-weight: normal;
color: black;
}
.menulevel2 a:link, .menulevel2 a:visited {
color: black;
text-decoration:none;
}
.menulevel2 a:hover, .menulevel2 a:active  {
color:#DD0000; font-style:italic;
}
#box_menu ul.menulevel3 {
border: 0; 
margin: 4;
}
#box_menu ul.menulevel3 li {
background-color: #ffffdd; 
font-size: 12px; 
line-height: 20px;
width:145px; 
border: 0; 
margin: 0;
}
.menulevel3 {
font-size: 12pt;
color: black;
}
.menulevel3 a {
font-weight: normal;
color: black;
}
.menulevel3 a:link, .menulevel3 a:visited {
color: black;
text-decoration:none;
}
.menulevel3 a:hover, .menulevel3 a:active  {
color:#DD0000; font-style:italic;
}
a{
text-decoration:none; color:#000080; font-style: normal;
}
a:hover, a:active{
font-style:italic; color:#000080;
}
p.lastupdate {
font-size: 11px; 
color: #667; 
}
/*MIDDENDEEL - INHOUD WEBSITE*/
#box_main{
width:587px;
height:100%;
background-color:#FFFFE8;
padding-left:10px;
padding-top:30px;
padding-right:3px;
padding-bottom:20px;
float:left;
}
#box_main h1{
height:26px;
line-height:26px;
font-size:20px;
font-weight:normal;
color:#DD0000;
}
#box_main h2, h3, h4{
height:26px;
line-height:26px;
vertical-align:bottom;
font-size:18px;
font-weight:normal;
color:#DD0000;
}
#box_main h6{
font-size:9px;
color:black;
font-weight:normal;
font-style:italic;
}
#box_main a{
text-decoration:none;
color:#000080;
font-style: italic;
}
#box_main a:hover, a:active{
text-decoration:none;
color:#DD0000;
font-style:normal;
}
/*RECHTERKOLOM MET NEWSBOXES LOGO, AGENDA, SWABO*/
#box_right{
width:180px;
height:100%;
padding-left:10px;
padding-right:10px;
float:left;
}
#box_right a{
text-decoration:none;
color:#000080;
font-style: italic;
}
#box_right a:hover, a:active{
text-decoration:none;
color:#DD0000;
font-style: normal;
}
#box_bottom{
clear:both;
width:999px;
heigth:25px;
line-height:25px;
text-align:center;
background:#DD0000;
border-top: 1px solid #fff; 
border-right: 1px solid #333333;
border-bottom: 1px solid #333333; 
padding:0px;
}
#box_bottom a:link, a:visited{
text-decoration:none; color:black; font-style:normal;
}
#box_bottom a:hover, a:active{
text-decoration:none; font-style:italic; 
}
#footertext{
line-height:25px;
padding:0px;
margin:0px;
}
/* CMSimple specific Tags, adapted from default template */
form {
margin: 0;
}
li {
line-height: 1.5;
}
.doc {
list-style: none;
padding-left: 15px;
background: url(../../index.php?image=doc) no-repeat;
}
.docs {
list-style: none;
padding-left: 15px;
background: url(../../index.php?image=docs) no-repeat;
}
.sdoc {
list-style: none;
padding-left: 15px;
background: url(../../index.php?image=sdoc) no-repeat;
}
.sdocs {
list-style: none;
padding-left: 15px;
background: url(../../index.php?image=sdocs) no-repeat;
}
.sitemaplevel1 a, .sitemaplevel2 a, .sitemaplevel3 a {
font-weight: normal;
color: black;
}
.sitemaplevel1 a:link, .sitemaplevel2 a:link, .sitemaplevel3 a:link, .sitemaplevel1 a:visited, .sitemaplevel2 a:visited, .sitemaplevel3 a:visited {
color: black;
}
.sitemaplevel1 a:active, .sitemaplevel2 a:active, .sitemaplevel3 a:active, .sitemaplevel1 a:hover, .sitemaplevel2 a:hover, .sitemaplevel3 a:hover {
color: black;
}
.submenu {
font-size: 9pt;
}
.submenu a {
font-weight: normal;
color: black;
}
.submenu a:link, .submenu a:visited {
color: black;
}
.submenu a:active, .submenu a:hover {
color: red;
}
.update{
font-size:10px;
}
.print{
background-color:#ffffff;
background-image:none;
}
.retrieve{
background-color:#ffffff;
background-image:none;
text-align:left;
}
