/*
 * #index: body element on the front-page
 * #doc: body element on the sub pages 
*/

/* Body markup */

body    { font-family: Arial, sans-serif; font-size: 10pt; color:#000; background-color: #fff; line-height: normal;}
/* #doc    { background-image: url(../img/follow/women_margin.jpg); background-position:bottom center; background-repeat: no-repeat; } */

/* Center div */
#center         {  left: 50%; position:absolute; }
#index #center  {  width: 730px; margin-left: -365px; }
#doc #center    { width: 800px; margin-left: -400px; }

/* HTML elements */
a, a:visited, a:link  { text-decoration: underline; color: #666; font-size: 10pt; padding:0;margin: 0; }
a:hover       { text-decoration: underline; font-size: 10pt;}
img           { border: 0; padding:0; margin: 0;}
h1            { font-size: 11pt; }
h2            { font-size: 10pt; }
h3            { font-size: 10pt; }
hr            { border: 0; height: 1px; color: #284885; background-color: #284885 ; } /* IE uses color; FF uses background-color */
p             { margin: 0; }
ul 			  { list-style: disc; margin: 0; margin-top: 0.5em; padding: 0; padding-left: 1.5em; }
li 			  { margin-bottom: .3em; }

#content u { text-decoration: none;}

table, tr, td { font-family: Arial, sans-serif; font-size: 10pt; }

.clear { clear: both; }

/* Menu box */
#left-box           { display:none }

/* Top navigation */
#top-nav                { display: none; }

/* Page header */
#yellow-corner    { display: none; }

#index  #top-img  { width:509px; height:254px; top: 50px; background-image: url(../img/photos/header/home_top_bg.jpg); }
#doc    #top-img  { display: none; }
#project            { display: none;  }
#doc #breadcrumbs   { font-size: 8pt; margin: 0 3.7em; margin-bottom: 2em;  }
#doc #breadcrumbs a {font-size: 8pt; text-decoration: none; }

/* Page content */
#content                    { }
#index    #content          { width: auto;  margin-top: 10px; top:50px; float:right; line-height: 22px; }
#doc      #content          { width: 80%;  margin: 0 3em; }

#content a, #content a:visited, #content a:link { text-decoration: underline; color: #666; }
#content a:hover { text-decoration: underline; color: #284885;}

#content h2 a, #content h2 a:visited, #content h2 a:link { color: #284885;}

/* Right Menu */
#index    #rightmenu a.button { padding:5px; height: auto; border: 1px solid #C7D0E0; 
	width: 192px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 180px;
}
html>body #index    #rightmenu a.button {
	width: 180px;
}
#doc      #rightmenu { display: none; }
#index    #rightmenu { width: 190px; float: right; line-height:14px; top:50px; position:relative; margin: 10px;}
#rightmenu  a                 { display: block;  width: 153px;  border-bottom: 1px solid #C7D0E0;}
#index #rightmenu  a#firstLink       { border-bottom: 0; border-top: 1px solid #C7D0E0; }
#index #rightmenu  a.button          { display: block; position:relative; background:url(../img/buttons/rightmenu_bg.gif) repeat-x left bottom; border-bottom: 1px solid #C7D0E0; float: left; clear: left; text-transform: capitalize;}
#doc #rightmenu  a.button          { display: block; position:relative; background:url(../img/buttons/rightmenu_bg.gif) repeat-x left bottom; border: none; border-bottom: 1px solid #C7D0E0; float: left; clear: left; line-height: normal; text-transform: none; text-align: center;
	margin: 0; 
	padding: 10px;
	height: auto;
	width: 153px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 133px;
}
html>body  #doc #rightmenu  a.button {
	width: 133px;
}
#rightmenu  a.button:hover    { background:url(../img/buttons/rightmenu_bg_over.gif) repeat-x left bottom; }

#doc #rightmenu a i { font-style:normal; }

#index #rightmenu a:hover { color: #284885;}

/* (Right menu) Theme buttons */
#index #rightmenu #newsletter    { font-weight: bold; background:url(../img/home/newsletter_bg.gif) no-repeat left top; padding: 2px 0 0 10px; height: 18px; border: 0; text-transform: uppercase;}  

/* Bottom banner and texts */
#titel-map { margin: 0 363px 0 200px; height: 18px; position:relative; float:right; top:50px;  } 
#contentbottom { margin: 0; padding: 0; height: 95px; position: relative; float: right; top:50px; width: 508px; border: 1px solid #C7D0E0;} 
#contentbottom img, #contentbottom span { margin: 0; padding: 0; border: none; position: relative; display:block; float:left; /*border-top: 1px solid #C7D0E0; border-bottom: 1px solid #C7D0E0;*/ }
#contentbottom img                    { border-left: 1px solid #C7D0E0; }
#contentbottom span  { 
	color: #284885; 
	height: 95px;
	border-left: 1px solid #C7D0E0; 
	background-image: url(../img/home/bottom_bg.gif); 
	width: 103px; 
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 112px; 
}
html>body #contentbottom span {
	width: 112px; 
}
#contentbottom span a { 
	display: block; 
	/* height: 14px; */
	padding-left: 5px;  
	font-weight: bold;  
	width: 100px; 
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 95px;
}
html>body #contentbottom span a {
	width: 95px;
}
#contentbottom span a.bottomheadline  { font-weight: normal; /* height: 67px; */}
#contentbottom span .more             { text-align: right; position: absolute; left: 0; top: 80px; height: }

#contentbottom a,
#contentbottom a:visited,
#contentbottom a:link { text-decoration: none; }
#contentbottom a:hover { text-decoration: underline; color: #284885; }

/* Maps */
#index #mapcontainer { display: none; }
#doc #mapcontainer { position: relative; margin: 0; padding: 0; width: 153px; height: 122px; }
#mapheading { position: absolute; top: 0; left: 0; }
#mapheading img { border: none; }

/* Logos / labels */
#lables { display: none; }
#lables img { border: 0; margin-top: 15px; } 

/* Projectoverview */
#projectenoverzicht img { position: relative; float:left; margin-right:10px;  width:100px; /*height:100px;*/ } 
#projectenoverzicht     { position: relative; width:100%; } 
#projectenoverzicht div { display: block; line-height: 14px; position:relative; width:255px; float:left; }

#projectenoverzicht a strong { color: #000;}
#projectenoverzicht hr { height: 1px; border: none; color: #666; background: #666; margin: 8px 0px;}

/* Little interactive map */
#index  #imgContinents { border:0; }


/* Bottom navigation */
#bottom-nav { display: none; }
#bottom-nav a, #bottom-nav a:visited, #bottom-nav a:link {font-size: 9px; color: #284885; text-decoration: none;}
#bottom-nav a:hover { text-decoration: underline; } 
#doc    #bottom-nav { width:  400px; margin: 2em 0 3em 0; float: left;}
#index  #bottom-nav { width:  500px; text-align: right; float: right; padding: 10px 0; top:43px; }

/* Menus */
#navmenu ul { margin: 0; padding: 0; list-style: none; text-align: right; }
#navmenu li { margin: 0; padding: 4px 0px; }
#navmenu li ul { margin: 0; padding: 0; }
#navmenu li ul li  { margin: 0; padding: 2px 0px; }
#navmenu li.currentlist { margin: 0; padding: 0; padding-bottom: 1px; border-right: 1px solid #6D82A7; background: #FFF url(../img/menu_background.gif) no-repeat right top; }
#navmenu li li.currentlist { margin: 0; padding: 0; border-right: none; background: #FFF; }
/* 2 */
#navmenu ul li ul { padding-bottom: 8px; width: 100%; background: #FFF; margin-top: -3px; padding-top: 3px;}
#navmenu ul li ul li { padding: 0; }
/* 3 */
#navmenu ul li ul li ul  { padding-bottom: 6px; }
#navmenu ul li ul li ul li { padding: 1px 0px; }
/* 4 */
#navmenu ul li ul li ul li ul { padding-bottom: 4px; }
#navmenu ul li ul li ul li ul li { padding: 0; }

#index #navmenu { margin-top: 10px; }

/* LEFTNAV LEVEL 1 */
#navmenu ul li a, #navmenu ul li a:visited, #navmenu ul li a:link  { font-size: 12px; padding: 5px 5px; display: block; color: #284885; text-decoration: none; text-transform: uppercase; }
#navmenu ul li a:hover { color: #7388B0; }
#navmenu ul li a.current, #navmenu ul li a.current:visited, #navmenu ul li a.current:link  { font-size: 12px; padding: 5px 5px; display: block; padding-bottom: 0px; margin-bottom: 3px; color: #284885; font-weight: bold; text-decoration:none; text-transform: uppercase; background: url(../img/menu_background_heading.gif) no-repeat right top; }
#navmenu ul li a.current:hover { color: #284885; }

/* LEFTNAV LEVEL 2 */
#navmenu ul li ul li a, #navmenu ul li ul li a:visited, #navmenu ul li ul li a:link  { font-size: 12px; padding: 3px 5px; display: block; text-transform: none; }
#navmenu ul li ul li a:hover { color: #7388B0; }
#navmenu ul li ul li a.current, #navmenu ul li ul li a.current:visited, #navmenu ul li ul li a.current:link  { font-size: 12px; display: block; padding: 2px 5px; margin-bottom: 0; font-weight: bold; text-transform: none; background: none; }
#navmenu ul li ul li a.current:hover { color: #284885; }

/* LEFTNAV LEVEL 3 */
#navmenu ul li ul li ul li a, #navmenu ul li ul li ul li a:visited, #navmenu ul li ul li ul li a:link  { font-size: 11px; padding: 3px 5px; display: block; text-transform: none; color: #7186AF; }
#navmenu ul li ul li ul li a:hover { color: #284885; }
#navmenu ul li ul li ul li a.current, #navmenu ul li ul li ul li a.current:visited, #navmenu ul li ul li ul li a.current:link  { font-size: 11px; display: block; padding: 2px 5px; margin-bottom: 0; font-weight: bold; text-transform: none; background: none; color: #284885; }
#navmenu ul li ul li ul li a.current:hover { color: #284885; }

/* LEFTNAV LEVEL 4 */
#navmenu ul li ul li ul li ul li a, #navmenu ul li ul li ul li ul li a:visited, #navmenu ul li ul li ul li ul li a:link  { font-size: 10px; padding: 2px 5px; display: block; text-transform: none; color: #93A3C2; }
#navmenu ul li ul li ul li ul li a:hover { color: #284885;}
#navmenu ul li ul li ul li ul li a.current, #navmenu ul li ul li ul li ul li a.current:visited, #navmenu ul li ul li ul li ul li a.current:link  { font-size: 10px; display: block; padding: 2px 5px; margin-bottom: 0; font-weight: bold; text-transform: none; background: none; color: #284885; }
#navmenu ul li ul li ul li ul li a.current:hover { color: #284885; }

.talenmenu          { font-size: 10px; width:67px; margin-left:142px; line-height: 20px; text-align:center; position: absolute; top: 15px; letter-spacing: 1px; left:-21px; }
.talenmenu a        { display:block; width: 67px;  border:solid 1px #C9D1E0; background-color:#FFFFFF; }
.talenmenu a:hover  { background-color:#E9ECF3; font-style:normal; color: #284885;}

#newsmenu         { line-height: 18px; width: 380px; left: 210px; position:absolute; top:158px; z-index:3; text-align:right; }


/* Sitemap */
#sitemap ul { margin-top: .5em; color: #5E76A4;}
#sitemap li { margin-bottom: 0.5em; }
#sitemap ul li a,
#sitemap ul li a:visited,
#sitemap ul li a:link { font-weight: bold; text-decoration: none; color: #284885; }
#sitemap ul li a:hover { text-decoration: underline; }
#sitemap ul li ul { color: #93A3C2; }
#sitemap ul li ul li a,
#sitemap ul li ul li a:visited,
#sitemap ul li ul li a:link { font-weight: normal; text-decoration: none; color: #5E76A4; }
#sitemap ul li ul li a:hover { text-decoration: underline; }

/* News */

#news ul { list-style: none; margin-left: 0; padding-left: .2em; }
#news li { color: #4B6699; margin: 12px 0px; }
#news li a,
#news li a:visited,
#news li a:link { color: #284885; font-weight: bold; margin: 0; padding: 0; display:block; }
#news a:hover { text-decoration: underline; }

#news li br { display: none; }

/* FAQ */
#newstxt ul { list-style: none; margin: 0; margin-left: 0; padding: 0; padding-left: .2em; }
#newstxt li { color: #4B6699; margin: 12px 0px; padding: 0;}

#newstxt li a,
#newstxt li a:visited,
#newstxt li a:link { color: #284885; font-weight: bold; margin: 0; padding: 0; display:block; }
#newstxt a:hover { text-decoration: underline; }

#newstxt span { margin: 0; margin-top: -12px; margin-bottom: 5px; padding: 0; }

#newstxt span a,
#newstxt span a:visited,
#newstxt span a:link { display: inline; font-weight: normal; color: #7C94BF; }
#newstxt span a:hover { text-decoration: underline; color: #284885; }
/* Areas */

table.table_area { background: url(../img/area_background_300.gif) repeat-x center bottom; border: 1px solid #C7D0E0; }
table.table_area td { padding: 10px; }

div.div_area { background: url(../img/area_background_300.gif) repeat-x center bottom; border: 1px solid #C7D0E0; margin: 0; padding: 10px; margin-right: 10px; margin-bottom: 10px;}

/* FORMS */

.button { 
	border: 1px solid #C7D0E0;
	border-right: 1px solid #A9B1BF;
	border-bottom: 1px solid #A9B1BF;
	background: transparent url(../img/buttons/button_background.gif);
	cursor: pointer;
	height: 24px;
	width: 100px;
	color: #284885;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
}

/* SA ONLY */
#area { margin: 0; padding: 0; }
#doc #rightmenu_sa { display: none; }
#top-bar-flag { display: none; }
#top-title {
	text-align: left;
	color: #666;
	}
#top-title span {
	color: #000;
	}
#content-container {
	padding-bottom: 2em;
	}
#content_sa {
	padding: 1em 0;
	}
a,
a:link,
a:visited,
#content_sa a,
#content_sa a:link,
#content_sa a:visited { text-decoration: underline; color: #666; }