/* Opmaak */
/* oranje = #F29400 */
/* rood = #CC071E */

html, body {
margin: auto; padding: 0px; /* Need to set body margin and padding to get consistency between browsers. */
text-align: center; /* Hack for IE5/Win */
}


/* Plaatjes vervangen en achter uitlijnen 50px extra voor TM Balk etc. */
body { 
background: #FFF url(../img/Congres_NL_achtergrond.png) top center no-repeat;
/* background-color: #579BCF; */
font-size: 100%; /* Fixes exaggerated text resizing in IE6 and IE7 */
font-family: Verdana, Helvetica, sans-serif;
color: #000000;
}
html, body, p, h1, h2, h3, h4, h5, h6 {
margin:0px; 
padding:0px;/*  */
}
/*Layout height:100%; aangepast, werkt? */
/* .total achtergrond wit geven! */
.total { 
position: relative; 
margin: 0px auto; 
width: 824px; 
min-height: 460px;
/* Use a 11px base font size with a 18px line height */
font-size: 0.76em; /* 0.6875em= 16px x .6875 = 11px  of 16px x .625 = 10px*/
line-height: 1.636em; /* 11px x 1.6363 = 18px */
height: auto;
padding-bottom: 100px;
text-align: left;
font-family: Verdana, Helvetica, sans-serif; 
}
/* div#tm2009-balk in het stylesheet tmbalk.css veroorzaakt scroll in breedte, hoe aanpassen? 
overflow: hidden; werkt niet
width: auto; wel!*/
div#tm2009-balk {
width: auto;
}

/* body, h1, h2, h3, h4, h5, h6 {
font-family: Verdana, Helvetica, sans-serif; 
font-size: 15px; 
color: #00378B;
color: #00378B;
} */
/* H1 tag met margin top, aanpassen na wegvallen TOOLBOX */

h1 {
font-size: 17px;
margin: 32px 20px 12px 0px;
padding: 0px;
font-family: Verdana, Helvetica, sans-serif;
/* text-align: left; display: block;
clear: both;*/
font-weight: bold;
color: #CC071E;
}
h2 {
font-size: 17px;
margin: 22px 20px 12px 0px;
/*text-align: left; padding: 0px;clear: both;*/
font-family: Verdana, Helvetica, sans-serif;
font-weight: bold;
display: block;
color: #00378B;
}
h3 {
font-size: 12px;
margin: 12px 20px 12px 0px;
padding: 0px;
font-family: Verdana, Helvetica, sans-serif;
text-align: left;
font-weight: bold;
display: block;
clear: both;
color: #00378B;
}
h4 {
font-size: 12px;
font-weight: bold;
color: #043282;
}
/* strong */
strong {
font-weight: bold;
color: #043282;
}
/* extra classes */
.blauw {
font-weight: bold;
color: #043282;
}
.rood {
font-weight: bold;
color: #CC071E;
}
.oranje {
font-weight: bold;
color: #F29400;
}
a:link {
font-weight: bold;
font-family: Verdana, Helvetica, sans-serif;
text-decoration: underline;
color: #F29400;

}
a:hover
{
color: #CC071E;
}
a:visited   {
text-decoration: underline;
color: #F29400;
}
/*
a:link            {color: #00ADEF; text-decoration: none; font-size: 11px;}
a:visited         {color: #00ADEF; text-decoration: none;}
a:hover           {color: #CE0802; text-decoration: none;}*/


.metanav {
position: absolute; 
right: 10px; 
top: 30px;
}
.metanav a {
display: inline-block; 
height: 14px; 
margin: 0px 10px;
}
.metanav a strong {
display: none;
}
/* vervangen! */
.metanav a.home {
width: 47px; 
background: url(../img/button_home.gif) top left no-repeat;
height: 16px;
}
.metanav a.print {
width: 46px; 
background: url(../img/button_print.gif) top left no-repeat;
height: 16px;
}
/* DISCLAIMER in metanav? */
.metanav a.colofon {
width: 75px; 
background: url(../img/button_disclaimer.gif) top left no-repeat;
height: 16px;
}
/* MAIN vaste hoogte weggehaald height:544px; */
/* footer plaatsen werkt NIET in CONTENT plaatsen*/
/* CLASS MAIN VALT NIET OVER HELE PAGINA! */

div.main {
width: 824px; 
height: auto;
text-align: left;
font-family: Verdana, Helvetica, sans-serif; 
display: block;
/*border: 1px solid #000;*/
}

/* Beeld logo invoegen  en positioneren, gebruiken we niet? */
div.banner {
width: 824px; 
height: 80px;
text-align: left; 
}
/* border: 1px solid #000;
background: url(../img/BG_topbanner.jpg) 0px 0px no-repeat*/

/* banner images testen LOGO */
img.banner {
border: 0px;
}
/* content footer plaatsen! Width 824 - 300px -20px */
/* div.content valt om tekst gedeelte heen, werkt! */
/* div.content met padding top, aanpassen na wegvallen TOOLBOX */

div.content {
position:absolute; 
z-index: 2; 
top: 196px; 
padding-left: 180px; 
padding-bottom: 120px; 
padding-right: 15px;
padding-top: 0px;
width: auto;
 /* 100% werkt IE ipv 584px display: block;*/
height: auto; 
min-height: 440px;/* 90% */
text-align:left;
font-family: Verdana, Helvetica, sans-serif; 
font-size: 0.9em; 
background: transparent url(../img/Congres_NL_footergroen.png) bottom center no-repeat;

/* border: 2px solid #999; */
}

/* div.content p  */
div.content p {
padding: 6px 24px 6px 12px;
line-height: 1.6em;
width: auto; /* width: 548px; */
font-family: Verdana, Helvetica, sans-serif; 
text-align: left; 
}
div.content table {
line-height: 1.6em;
/* width: 548px; width: 100%;  */
BORDER-COLLAPSE: collapse; 
font-size: 1em;
font-family: Verdana, Helvetica, sans-serif;
text-align: left; 
margin: 6px 0px;

}
div.content table.roderand {
line-height: 1.6em;
 /* width: 100%; width: 548px; */
BORDER-COLLAPSE: collapse; 
font-size: 1em;
font-family: Verdana, Helvetica, sans-serif;
border: #cc071e 3px solid; 
/* width: 548px; text-align: left; font-size: 11px; */
text-align: left; 
}
div.content table td {
padding: 2px 2px 2px 2px;
}
/* div.content p.intro zonder 220px padding op rechts voor de banners, niet meer nodig als we de custom banner niet gebruiken! */
div.content p.intro {
margin: 6px 24px 6px 12px;
line-height: 1.6em;
/* text-align: left; */
}
/* logolinks is nieuwe DIV voor de banners, werkt makkelijker! */
/* Logolinks links onder het menu uitlijnen */
div#logolinks {
position: absolute; 
left: 0px;
top: 440px;/*  */
width: 180px;
float: left;
margin: 10px 0px 12px 10px;
padding: 0px 2px 2px 2px;
diplay: block;
clear: both;
text-align:left;
/* border: 1px solid #000;*/
z-index: 4;
}
div#logolinks img
{
border: 2px solid #FFF;
diplay: block;
clear: both;
margin: 0px;
}
div#logobottom {
position: relative; 
float: left;
width: 578px;
margin: 2px 0px 2px 0px;
padding: 4px 2px 4px 2px;
diplay: block;
clear: both;
text-align:center;
/* border: 1px solid #000; */
z-index: 6;
}
div#logobottom img
{
border: 2px solid #FFF;
diplay: block;
clear: both;
margin: 2px 0px 2px 0px;
}
/* logorechts is nieuwe DIV voor de banners, vervalt! */
div#logorechts {
display: none;
}
div#logorechts img
{
border: 2px solid #FFF;
diplay: block;
clear: both;
margin: 6px 0px 6px 0px;
}
/* .custom-banner is waar de losse banners op rechts opgeroepen worden, NIET GEBRUIKEN! */
.custom-banner
{
position: relative; 
float: right;
margin: 220px 0 10px 10px;
border: 1px solid #FFF;
padding: 2px;
diplay: block;
clear: both;
z-index: 4;
}
/* in .custom-banner worden images met de class banner opgeroepen 
float: right; */
.custom-banner img
{
border: 2px solid #FFF;
diplay: block;
clear: both;
}
div#menu-navigation {

}
/*Menu position: relative;  weggehaald z-index toevoegen!*/
div.menu {
width: 160px; 
position: absolute; 
display: block;
clear: both;
z-index: 10; 
top: 262px; /* 304px; */
left: 0px; 
/* line-height: 1.6em; */
text-align: center;
margin: 0px;
padding: 0px;
/*margin-bottom: 40px;*/
}
div.menu ul {
list-style: none; 
margin: 0px;
padding: 0px;
display: block;
width: 160px; 
}
div.menu ul li {
font-family: Verdana, Helvetica, sans-serif; 
font-size: 12px; 
line-height: 2.2em; 
color: #FFF;
}
div.menu li a:link {
text-decoration: none;
display: block;
width: 160px;
background: #FFF url(../img/button_off.jpg) top left no-repeat;
/* height: 36px;  */ 
padding: 11px 0px 21px 0px;
color: #FFF;
font-weight: bold;
}
/* nieuw oranje color: #F29400;*/
div.menu li a:hover
{
background: #FFF url(../img/button_on.jpg) top left no-repeat;
padding: 11px 0px 21px 0px;
color: #FFF;
font-weight: bold;
}
/* visited werkt? */
div.menu li a:visited
{
text-decoration: none;
display: block;
width: 160px;
background: #FFF url(../img/button_off.jpg) top left no-repeat;
/* height: 36px;  */ 
padding: 11px 0px 21px 0px;
color: #FFF;
font-weight: bold;
}
/* a:visited:hover  */
div.menu li a:visited:hover
{
background: #FFF url(../img/button_on.jpg) top left no-repeat;
padding: 11px 0px 21px 0px;
color: #FFF;
font-weight: bold;
}
/* SUBMENU WERKT NIET? zie geen zwarte tekst! */
div.menu li li a:link {
 /*font-size: 120px; 
color: #000;
height: auto; 
width: 160px;
font-weight: bold;
background-image: none;
background: #FFF url(../img/leeg.gif) top left no-repeat; werkt niet! */
/*line-height: 1.6em; 
  padding: 0px;*/
}
/* visited werkt invoeren */
div.menu li li a:hover
{
color: #FFF;
font-weight: bold;
/* background: #FFF url(../img/leeg.gif) top left no-repeat; werkt wel! */
/*  werkt alleen IE!  background: none; background-image: none;*/
}
/* ul li ul werkt voor SUBMENU!!!  */
div.menu ul li ul {
list-style: none; 
margin: 0px; 
padding: 0px;
/* border: 2px solid #000; */
}
/* werkt submenu! */
div.menu li ul li a:link {
text-decoration: none;
display: block;
width: 160px;
background: #FFF url(../img/submenu_of.jpg) top left no-repeat;
/* height: 36px;  */ 
padding: 11px 0px 21px 0px;
color: #FFF;
font-weight: bold;
}
/* werkt submenu! */
div.menu li ul li a:hover
{
background: #FFF url(../img/submenu_on.jpg) top left no-repeat;
padding: 11px 0px 21px 0px;
color: #FFF;
font-weight: bold;
}
/* visited werkt? */
div.menu li ul li a:visited {
text-decoration: none;
display: block;
width: 160px;
background: #FFF url(../img/submenu_of.jpg) top left no-repeat;
padding: 11px 0px 21px 0px;
color: #FFF;
font-weight: bold;
}

/* EXTRA Active stand ul li uitklap */
div.menu li ul li.active a {
color: #FFF; 
text-decoration: none;
display: block;
font-size: 12px; 
width: 160px;
font-family: Verdana, Helvetica, sans-serif;
background: #FFF url(../img/submenu_on.jpg) top left no-repeat;
font-weight: bold;
/* height: 36px;  line-height: 1.6em; */ 
}
/* nieuw active stand li class active ROOD vervalt, button */
/* div.menu li.active a ZONDER A:LINK werkt! */
div.menu li.active a {
color: #FFF; 
text-decoration: none;
display: block;
font-size: 12px; 
width: 160px;
font-family: Verdana, Helvetica, sans-serif;
background: #FFF url(../img/button_on.jpg) top left no-repeat;
font-weight: bold;
/* height: 36px;  line-height: 1.6em; */ 
}

/*childmenu positie ok met footer?*/
div.childmenu {
display: none;
/* width:238px; 
position: relative; 
z-index: 11; 
line-height: 1.4em; 
text-align: left; 
margin: 30px auto;*/
}
/* top: 10px; left:10px; text-align:right;  */ 
div.childmenu ul {
list-style:none; 
margin:0px; padding:0px; 
border-right: 4px solid #0090D4; 
border-left: 2px solid #0090D4; 
border-top: 1px solid #0090D4; 
border-bottom: 1px solid #0090D4;
}
div.childmenu a {
color: #0090D4; 
text-decoration: none; 
font-size: 12px; 
padding-leftt: 12px;
}
div.childmenu li li  a {
font-size: 10px; 
font-weight: normal;
}
/*  edit menu valt uit elkaar  */
div#editbuttonbox {
display: block;
width: 118px;
height: 36px;
}



/* VERVALT onbruikbaar
div.banner-sidebar {

border: 2px solid #999;
}*/