body{
background-image: url(images/bg.gif);
margin:0px;
padding:0px;
text-align:center;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#wrapper{
width:931px;
text-align:left;
margin-left:auto;
margin-right:auto;
margin-top:20px;
margin-bottom:0px;
}

#header{
background-image: url(images/header.jpg);
width:931px;
height:104px;
}

#content{
background-image: url(images/bg-content.gif);
background-repeat: repeat-y;
overflow:auto;
width: 927px;
height: auto;
margin: 0px auto;

border-left:2px solid #214785;
border-right:2px solid #214785;
}

#content-left{
float:left;
width:670px;
}

#content-menu{
float:left;
top:0px;
position:relative;
background:orange;
width:670px;
height:70px;
}

#content-right{
float:right;
background:#214785;
width:227px;
}

#footer{
background-image: url(images/footer.jpg);
width:931px;
height:26px;
margin-bottom:20px;
color:#ffffff;
line-height:26px;
}

.footer{
margin:0px 0px 0px 20px;
}

/*** STYLES ****/

#content-left h1{
font-size:18px;
padding:0px 0px 0px 0px;
margin:10px 0px 3px 0px;
}

#content-left a{
color:black;
text-decoration:underline;
}

.margin{
margin: 85px 25px 25px 25px;
}

p{
padding:0px 0px 0px 0px;
margin:0px 0px 10px 0px;
}


#content-right h1{
font-size:16px;
padding:25px 0px 0px 0px;
margin:20px 0px 0px 0px;
color:white;
}

#content-right h1 a, a:link, a:visited{
color:white;
text-decoration:none;
}


.margin-right{
margin: 20px 20px 10px 0px;
}

.margin-right p{
padding:0px 0px 0px 0px;
margin:10px 0px 10px 0px;
color:white;
}

/**MENU**/


#menu1 {
font-size:14px;
width:650px;
height:40px;
background-color:#214785; /*blauw*/
padding:0px 0px 0px 20px;
border:0px solid red;
color:white;
} 

#menu2 {
width:650px;
height:30px;
background-color:#f6e408; /*geel*/
padding:0px 0px 0px 20px;
border:0px solid red;
} 

#nav, #nav ul{
margin: 0px 0px 0px 0px;
padding: 5px 0px 0px 0px;
list-style-type:none;
list-style-position:outside;
position:relative;
height:2em;
line-height:2em;
z-index:2;
}

#nav li{
background-color:#214785; /*blauw*/
z-index:2;
}

#nav a{
display:block;
padding:0px 5px;
margin:1px 0px 0px 0px;
border-bottom:0px solid #f6e408;
color:white;
text-decoration:none;
background-color:#214785; /*blauw*/
z-index:2;
}

#nav ul li a{
display:block;
padding:0px 5px;
margin:1px 0px 0px 0px;
border-bottom:1px solid #f6e408;
color:white;
text-decoration:none;
background-color:#214785; /*blauw*/
z-index:2;
}

#nav a:hover{
background-color:#214785; /*lichtblauw*/
color:white;
z-index:2;
}

#nav li{
float:left;
position:relative;
z-index:2;
}

#nav ul {
position:absolute;
display:none;
width:15em;
top:1.5em;
z-index:2;
}

#nav li ul a{
width:15em;
height:auto;
float:left;
height:2em;
line-height:2em;
z-index:2;
}

#nav ul ul{
top:auto;
z-index:2;
}	

#nav li ul ul {
left:12em;
margin:0px 0 0 10px;
z-index:2;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;
z-index:2;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
z-index:2;
}

#nav li ul ul {
margin-top:0px;
padding-top:0px;
z-index:2;
}

/** MENU 2  **/

#nav2, #nav2 ul{
margin: 0px 0px 0px 0px;
padding: 5px 0px 0px 0px;
list-style-type:none;
list-style-position:outside;
position:relative;
height:2em;
line-height:2em;
z-index:1;
}

#nav2 li{
background-color:#f6e408; /*geel*/
z-index:1;
}

#nav2 a{
display:block;
padding:0px 5px;
margin:1px 0px 0px 0px;
border-bottom:0px solid #f6e408;
color:black;
text-decoration:none;
background-color:#f6e408; /*geel*/
z-index:1;
}

#nav2 ul li a{
display:block;
padding:0px 5px;
margin:1px 0px 0px 0px;
border-bottom:1px solid white;
color:black;
text-decoration:none;
background-color:#f6e408; /*blauw*/
z-index:2;
}


#nav2 a:hover{
background-color:#f6e408; /*lichtgeel*/
color:black;
z-index:1;
}

#nav2 li{
float:left;
position:relative;
z-index:1;
}

#nav2 ul {
position:absolute;
display:none;
width:12em;
top:1.5em;
z-index:1;
}

#nav2 li ul a{
width:24em;
height:auto;
float:left;
height:2em;
line-height:2em;
z-index:1;
}

#nav2 ul ul{
top:auto;
z-index:1;
}	

#nav2 li ul ul {
left:12em;
margin:0px 0 0 10px;
z-index:1;
}

#nav2 li:hover ul ul, #nav2 li:hover ul ul ul, #nav2 li:hover ul ul ul ul{
display:none;
z-index:1;
}
#nav2 li:hover ul, #nav2 li li:hover ul, #nav2 li li li:hover ul, #nav2 li li li li:hover ul{
display:block;
z-index:1;
}

#nav2 li ul ul {
margin-top:0px;
padding-top:0px;
z-index:1;
}

/**  MENU WIDTH **/

#nav2 li ul .interne a{
width:208px;
}

#nav2 li ul .bedrijfsjournalistiek a{
width:125px;
}

#nav2 li ul .schrijftrainingen a{
width:275px;
}

#nav2 li ul .persbenadering a{
width:220px;
}

#nav2 li ul .over a{
width:118px;
}