@import url(fixedmenu.css);

body {
    background-color: #C7D7F9;
    color: #000;
    margin: 20px 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px; 
/*    behavior: url(csshover.htc);    */
}

a:hover, a.active {
    color: #a40043;
    text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
    font-size: 12px; 

}

a {
    color: #a40043;
    text-decoration: none;
    font-size: 12px; 
font-family: Arial, Helvetica, sans-serif;
    font-size: 12px; 


  }

div#page {
	width:875px;
	position: absolute;
        margin-left:-432px;
        left:50%;
	}
	
div#banner {
	width:875px;
	height:114px;
	background: url(/skin/images/Banner.jpg) no-repeat;
	position: relative;
	top: 0px;
	}

div#nav {
	width:875px;
        height:20px;
	background: url(/skin/images/bg-buttons.jpg) repeat;
	position: absolute;
        top: 114px;
        left: 0;
        margin-left: 0px;
        margin-top: 0px;
	}

div#buttons {
        margin-left:40px;
        line-height:20px;
    }


div#content {
	width:875px;
	position:absolute;
        background-color: #f0f0f0;
        margin-left:0px;
        margin-top: 20px;
	}

div#adres {
        
	width:100px;
        height:80px;
	position:absolute;
	float:left;
	margin-left:0px;
        border-right:solid 1px #000;
        top:10px;
        font-weight: bold; 
	}

div#text {
	width:755px;
	position:relative;
	margin-left:120px;
        margin-top:20px;
	}

div#texthome {
	width:600px;
	position:relative;
	margin-left:180px;
	}	
	
div#uitgaves {
        width: 755px;
        background: #e2e2e2;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#5a5a5a;
        margin-left:120px;
        position:relative;
        margin-top: 10px;
	}

div#uitgaves a {
        font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#5a5a5a;
        padding: 0px 5px;
}

div#uitgaves a:hover, div#uitgaves a.active{
        font-family:Arial, Helvetica, sans-serif;
	font-weight:bolder;
	color:#436eaf;
        padding: 0px 5px;
}

div#uitgaves td {
        border-right: 1px solid #fff;
   }

div#markten {
        width: 755px;
        background: #e2e2e2;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#5a5a5a;
        margin-left:120px;
        position:relative;
        margin-top: 10px;
	}

div#markten a {
        font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#5a5a5a;
        padding: 0px 5px;
}

div#markten a:hover, div#markten a.active{
        font-family:Arial, Helvetica, sans-serif;
	font-weight:bolder;
	color:#436eaf;
        padding: 0px 5px;
}

div#markten td {
        border-right: 1px solid #fff;
   }
div#hetbedrijf {
        width: 755px;
        background: #e2e2e2;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#5a5a5a;
        margin-left:120px;
        position:relative;
        margin-top: 10px;
	}

div#hetbedrijf a {
        font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#5a5a5a;
        padding: 0px 5px;
}

div#hetbedrijf a:hover, div#hetbedrijf a.active{
        font-family:Arial, Helvetica, sans-serif;
	font-weight:bolder;
	color:#436eaf;
        padding: 0px 5px;
}

div#hetbedrijf td {
        border-right: 1px solid #fff;
   }

div#contact {
        width: 755px;
        background: #e2e2e2;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#5a5a5a;
        margin-left:120px;
        position:relative;
        margin-top: 10px;
	}

div#contact a {
        font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#5a5a5a;
        padding: 0px 5px;
}

div#contact a:hover, div#contact a.active{
        font-family:Arial, Helvetica, sans-serif;
	font-weight:bolder;
	color:#436eaf;
        padding: 0px 5px;
}

div#contact td {
        border-right: 1px solid #fff;
   }

div#vacatures  {
        width: 755px;
        background: #e2e2e2;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#5a5a5a;
        margin-left:120px;
        position:relative;
        margin-top: 10px;
	}

div#vacatures  a {
        font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#5a5a5a;
        padding: 0px 5px;
}

div#vacatures  a:hover, div#contact a.active{
        font-family:Arial, Helvetica, sans-serif;
	font-weight:bolder;
	color:#436eaf;
        padding: 0px 5px;
}

div#vacatures td {
        border-right: 1px solid #fff;
   }



div#uitgave-plaatje {
        margin-top: 9px;
        margin-left: 9px;
        border: 9px solid #e2e2e2;
        
    }

div#uitgave-content {
        float: right;
    }

div#footer {
    margin-left: 147px;
    margin-top:220px;
    width:580px;
    background:none;
    position:absolute;
    height:25px;
    border-top: 1px solid #002863;
    text-align:center;
    }

div#footer a {
    text-decoration:none;
    color:#a40043;
    }


#search {
    background: url(/skin/images/search.jpg) no-repeat;
    border:none;
    width:128px;
    height:20px;
    text-align:center;
    }

#menu {
width: 100%;
background: none;
float: left;
text-align:center;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 80px;
float: left;
height: 20px;

}

#menu a, #menu h2 {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
margin: 0;
background:none;
color:#000;
}

#menu a {
background: none;
text-decoration: none;
color: #fff;
height:20px;
line-height: 20px;
}

#menu ul a:hover {
background: url(/skin/images/button-bg.jpg);
height:20px;
}

#menu li {position: relative; height:20px;}

#menu ul li ul a:hover, #menu ul li ul a{
    background:#0044a3;
    color:#fff;
    opacity: 0.80;
    filter: alpha(opacity=80);
    -moz-opacity: 0.80;
    line-height:20px;
    width:190px;
    display:block;
    text-align:left;
}

#menu ul ul ul {
position: absolute;
left: 100%;
color:#000;
}

#menu ul ul {
position: absolute;
z-index: 500;
}

div#menu ul ul {
display: none;
}

div#menu ul ul:hover {
display: block;
}

div#menu ul li ul li a {
    padding-left: 20px;
}
div#menu ul li ul li a:hover {
background: #0044a3 url(/skin/images/bullet1.gif) left no-repeat;
line-height:20px;
color: #FFF;

}

div#menu ul li:hover{
    display: block;
    background: none;
    height:20px;
}


div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

#nav #clock {
    position: absolute;
    right: 0;
    bottom: 0;
    margin: 2px 10px;
    color: #FFF;
}