
/**************** Body and tag styles ****************/

*{margin:0; padding:0;}

body{
font-family: Meta,Arial,sans-serif;
line-height:1.2em;
text-align:center;
background:#003364;
}

a{
color:#0285CC;
font-family: Meta,Arial,sans-serif;
font-size:12px;
font-weight:bold;
text-decoration:none;
background-color:inherit;
}

a:hover{color:#0285CC; text-decoration:none; background-color:inherit;}
a img{border:none;}


/**************** Header and navigation styles ****************/

#container{
width:100%;
margin:0px auto;
padding:0px 0;
text-align:left;
background:#FFFFFF;
color:#FFFFFF;
border:0px ;
}


#header{
height:106px;
width:100%;
margin:0px 0px 0px 0px;
font-family: Meta-Caps,Arial,sans-serif;
font-size:12px;
font-weight:bold;
background:#FFFFFF;
color:#315E89;

}

#header a{
background:#FFFFFF;
color:#315E89;
}

#header a:hover{
background:#FFFFFF;
color:#0285CC;
}

#slogan{
background:#ffffff;
color:#003364;
width:276px;
padding:0px 30px 0px 0px;
position: absolute;
top: 0px;
right: 225px;


}


#logo{
background:#FFFFFF;
color:#003364;
width:225px;
padding:0px 30px 0px 0px;
position: absolute;
top: 0px;
right: 0px;

}


#navigation{
height:50px;
width:100%;
margin:0 0px;
background:#0285CC;
color:#003364;
left:680px;right:0px

}

#navigation a{
background:#0285CC;
color:#003364;
}


#navigation .selected, #navigation a:hover{
background:#0285CC;
color:#ffffff;
text-decoration:none;
}

#producten {
background:#0285CC;
color:#003364;
padding:0px 0px 0px 78px;
font-family: Meta,Arial,sans-serif;
font-weight:bold;
text-decoration:none;

}

#producten a{
background:#0285CC;
color:#003364;

}

#producten a:hover{
background:#0285CC;
color:#FFFFFF;

}


#naw {
background:#0285CC;
color:#003364;
padding:0px 3px 3px 0px;
font-family: Arial, Verdana,sans-serif;
font-size:12px;
font-weight:bold;

}



/**************** Content styles ****************/


#content{
font-family: Meta-Normal,Arial,sans-serif;
font-size:12px;
font-weight:normal;
padding:20px 0px 0px 20px;
color:#C4CFDB;
background-color:#003364;

}

#contentroeland{
font-family: Meta-Normal,Arial,sans-serif;
font-size:12px;
font-weight:normal;
padding:20px 0px 0px 20px;
color:#003364;
background-image:url('images/logo_trans2.jpg'); background-position: center; background-color:#FFFFFF; background-repeat:no-repeat;

}


#content h2{
font-family: Meta,Arial,sans-serif;
font-size:16px;
font-variant: small-caps;
font-weight:bold;
letter-spacing:1px;
color:#C4CFDB;
padding:0px 0px 10px 0px;
background-color:#003364;
}

#content h3{
font-size:14px;
font-weight:bold;
letter-spacing:1px;
font-variant: small-caps;
color:#C4CFDB
padding:0px 0px 5px 60px;
background-color:#003364;
}

p{padding:10px 0px 10px 60px;
margin-right:55px;
font-family: Meta,Arial,sans-serif;
font-size:12px;
font-weight:bold;
}

#content a{
background:#003364;
color:#0285CC;
}

#content a:hover{
background:#003364;
color:#0285CC;
}

#content ul, #content ol{padding:0px 0px 10px 75px;
margin-right:55px;
font-family: Meta,Arial,sans-serif;
font-size:12px;
font-weight:bold;
}

#td {
padding:10px 0px 10px 60px;
font-family: Meta,Arial,sans-serif;
font-size:12px;
font-weight:bold;

  }
  
  #naam {
  font-family: Meta,Arial,sans-serif;
font-size:14px;
font-weight:bold;
  font-variant: small-caps; letter-spacing: 1pt;
  color:#0285CC;
  
  }


/**************** Sidebar styles ****************/

#subcontent{
float:none;
width:225px;
font-family: Meta-Normal,Arial,sans-serif;
font-size:12px;
font-weight:bold;
padding:0px;
color:#FFFFFF;
background-color:#003364;
position: absolute;
right: 0px;


}

#subcontent h2{
display:block;
margin:0 0 15px 0;
font-family: Meta-Normal,Arial,sans-serif;
font-size:16px;
font-variant: small-caps;
font-weight:bold;
letter-spacing:1px;
text-align:left;
color:#0285CC;
background-color:inherit;
}

#subcontent h3{
display:block;
margin:0 0 15px 0;
font-family: Meta,Arial,sans-serif;
font-size:1.1em;
font-weight:bold;
text-align:left;
letter-spacing:1px;
color:#C4CFDB;
background-color:inherit;
}


#subcontent p{
margin:0 0 0px 0;
padding:0px 0px 0px 0px;
font-family: Meta,Arial,sans-serif;
font-size:12px;
font-weight:bold;
text-align:left;
color:#0285CC;
background-color:inherit;
}


#subcontent table{
margin:0 0 0px 0;
font-family: Meta,Arial,sans-serif;
font-size:12px;
font-weight:bold;
color:#0285CC;
background-color:inherit;
}

#subcontent a{
margin:0 0 0px 0;
font-family: Meta,Arial,sans-serif;
font-size:12px;
font-weight:bold;
color:#FFFFFF;
background-color:#003364;
}

#subcontent a:hover{
margin:0 0 0px 0;
font-family: Meta,Arial,sans-serif;
font-size:12px;
font-weight:bold;
color:#FFFFFF;
background-color:#003364;
}




/**************** Footer styles ****************/

#footer{
clear:both;
width:100%;
padding:0px 0;
margin:0 0px;
font-size:0.9em;
color:#f0f0f0;
background:#FFFFFF;
}

#footer p{padding:0; margin:0; text-align:center;}
#footer a{color:#ffffff; background-color:#ffffff; font-weight:bold;}
#footer a:hover{color:#ffffff; background-color:#ffffff; text-decoration: none;}
