/* RIBO CSS Styles */
/* <link href="css/stylesheet_ribo.css" rel="stylesheet" type="text/css" media="screen" /> */

/* Link Styles 

a:link 
{
    color: #000000;
    text-decoration: underline;
}

a:visited 
{
    color: #000000;
    text-decoration: underline;
}

a:hover 
{
    color: #bdbb9d;
    text-decoration: underline;
}

a:active 
{
    color: #bdbb9d;
    text-decoration: underline;
}

Header Styles

h1 {
	color: #fff;
	font-size: 1em;
	font-weight: 700;
}

h2 {
	color: #fff;
	font-size: 0.9em;
	font-weight: 700;
}

h3 {
	color: #fff;
	font-size: 0.8em;
	font-weight: 700;
}

h4 {
	color: #fff;
	font-size: 0.7em;
	font-weight: 700;
}

h5 {
	color: #fff;
	font-size: 0.6em;
}

h6 {
	color: #fff;
	font-size: 0.5em;
}

#siterighttop {
	float: left;
	background-color: #ffffff;
}

#topright {
	float: right;
	width: 153px;
	height: 300px;
	background-color: #FFFFFF;
}

#siterighttopsmall {
	float: left;
	width: 565px;
	height: 100px;
	background-color: #0772bc;
}

#topimagesmall {
	float: left;
}

.topimage1, .topimage2, .topimage3, .topimage4 {
	float: left;
	width: 100px;
	height: 100px;
}

.topimage1, .topimage3, .topimage4 
{
    background-color: #BEC0C2;
}

.topimage5 {
	float: left;
	width: 279px;
	height: 100px;
	text-align: right;
}

#sitefooter {
	clear: left;
	height: 19px;
	background-color: #ffffff;
}


#sitelinks, #sitelinksdetail 
{
    width: 510px;
    text-align: right;
    clear: left;
	font-size: 0.6em;
	color: #0772bc;
}

#sitelinksdetail 
{
    width: 670px;
}

#sitelinks a:link {
	color: #0772bc;
	text-decoration: none;
}

#sitelinks a:visited {
	color: #0772bc;
	text-decoration: none;
}

#sitelinks a:hover {
	color: #0772bc;
	text-decoration: underline;
}

#sitelinks a:active {
	color: #0772bc;
	text-decoration: underline;
}

.bottomimage1, .bottomimage2, .bottomimage3, .bottomimage4, .bottomimage5, .bottomimage6 {
	float: left;
	width: 100px;
	height: 100px;
}

.bottomimage1 
{
    background-color: #0772bc;
}

.bottomimage1, .bottomimage2, .bottomimage3 {
	border-bottom: 1px solid #FFFFFF;
}

.bottomimage2, .bottomimage5 {
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
}

.bottomimage2, .bottomimage4, .bottomimage6 {
	background-color: #bec0c2;
}

.bottomimage5 {
	background-color: #0772bc;
}

/* Menu CSS Styles


#menu 
{
    margin-top: 40px;
    margin-left: 20px;
}

/* level 1

#menu ul {
	font-weight: 700;
	color: #0772bc;
	list-style-type: none;
}

#menu ul li {
	color: #0772bc;
	list-style-type: none;
	font-size: 0.8em;
	line-height: 1.5em;
	padding-left: 12px;
	background-image: url(../images/interface/list_style_normal.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
}

#menu ul li.selected, #menu ul li.selectedlastli
{
   	background-image: url(../images/interface/list_style_selected.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
}

#menu ul li ul li 
{
    font-size: 1em;
    line-height: 1.5em;
}

/* Sitemap CSS Styles

#sitemapcontainer {
}

/* level 1

#sitemapcontainer ul {
}

#sitemapcontainer ul li 
{
    list-style: none;
    font-size: 0.9em;
    line-height: 1.5em;
}

/* eventueel afwijkende styles voor level 2

#sitemapcontainer ul li ul 
{
    margin-left: 15px;
}

#sitemapcontainer ul li ul li{
}

/* eventueel afwijkende styles voor level 3 (enzovoort....)

#sitemapcontainer ul li ul li ul{
}

#sitemapcontainer ul li ul li ul li {
}


/* link styles van sitemap items

#sitemapcontainer li a:link 
{
    color: #0772bc;
    text-decoration: none;
}

#sitemapcontainer li a:visited 
{
    color: #0772bc;
    text-decoration: none;
}

#sitemapcontainer li a:hover 
{
    color: #0772bc;
    text-decoration: underline;
}

#sitemapcontainer li a:active 
{
    color: #0772bc;
    text-decoration: underline;
}

/* searchresulaten

#resultaten 
{
    font-weight: 700;
    margin-top: 5px;
    color: #0772bc;
}

#resultaten ul 
{
    list-style: none;
}

#resultaten ul li 
{
    list-style: none;
}

li.noResult 
{
    list-style: none;
}

li.search 
{
    list-style: none;
    margin-bottom: 10px;
    margin-right: 10px;
}

input.tbxSearch	
{
    border: 1px solid #BDC3C6;
    background-color: #FFFFFF;
    font-size: 0.8em;
    padding-left: 3px;
    height: 18px;
}

input.btnSearch { 
    border: none;
    background-color: #0772BC;
    color: #FFFFFF;
    font-size: 0.8em;
}

/* Marker die in gezochte pagina verschijnt (meestal achtergrondkleur van gezochte woord)

.marker 
{
    color: #ffffff;
    background-color: #0772bc;
    padding: 2px;
}

.searchclickpath {
}

/* ---------------------- SEARCHLINE 1 ---------------------------

.searchline1 
{
    font-size: 0.6em;
}

.searchline1 a:link 
{
    color: #0772bc;
    text-decoration: underline;
}

.searchline1 a:visited
{
    color: #0772bc;
    text-decoration: underline;
}

.searchline1 a:hover 
{
    color: #000000;
    text-decoration: underline;
}

.searchline1 a:active 
{
    color: #000000;
    text-decoration: underline;
}

/* ---------------------- SEARCHLINE 2 ---------------------------

.searchline2 
{
	color: #0772bc;
	font-size: 0.9em;
	font-weight: 700;
    margin-top: 5px;
}

.searchline2 a:link 
{
    color: #0772bc;
    text-decoration: none;
}

.searchline2 a:visited 
{
    color: #0772bc;
    text-decoration: none;
}

.searchline2 a:hover 
{
    color: #0772bc;
    text-decoration: underline;
}

.searchline2 a:active
{
    color: #0772bc;
    text-decoration: underline;
}

/* ---------------------- SEARCH TEXT ---------------------------

.searchtext 
{
    font-size: 0.8em;
    color: #8b8b8b;
}

.searchtext a:link 
{
    color: #8b8b8b;
    text-decoration: none;
}

.searchtext a:visited 
{
    color: #8b8b8b;
    text-decoration: none;
}

.searchtext a:hover 
{
    color: #8b8b8b;
    text-decoration: underline;
}

.searchtext a:active 
{
    color: #8b8b8b;
    text-decoration: underline;
}

.ctrlFormNewsletterAdd
{
    width:700px;
    }
    
.dformlabel
{
    width:250px;
    }
    
.sitecontent 
{
	color: #af9b6e;
}

.sitecontent p, ul, ol, li
{
	color: #af9b6e;
}