/* Basis html elements */
body {
margin: 0px;
padding: 20px 0px 20px 0px;
font: 11px Verdana, Arial, Helvetica, sans-serif;
text-align: center;
background: #F7F7F7;
}
a, a:link, a:visited {
color: #C90068
}
/* a:visited {
color: #727B62;
}*/
a:active, a:hover {
color: #4F4F4F;
}
ul {
margin: 0px;
padding: 0px;
list-style: none;
}
img {
border: 0px;
}
/* End Basis html elements */
.hnav li{
float: left;
padding-right: 5px;
}
.hnav li a{
margin-right: 2px;
}
.clear{clear:both;font-size:1px;overflow:hidden;height:1px;}
.bg2{background: #F8F7F3;}
/* Site structure */
/* ******************* */
/* CONTAINER */
body div#container {
width: 769px;
margin-left: auto;
margin-right: auto;
text-align: left;
background: #FFF url(../images/front/main_bg.gif) repeat-y;
position: relative;
}
/* topschaduw */
body div#container div#top_schaduw{
background: url(../images/front/header.gif) no-repeat top left;
height: 20px;
overflow: hidden;
}
/* rightschaduw */
body div#container div#right_schaduw{
background: url(../images/front/right_top.gif) no-repeat;
height: 430px;
width: 21px;
position: absolute;
right: -12px;
top: 80px;
}
/* start: header */
body div#container div#header{
border-bottom: 11px solid #C90068;
margin-left: 10px;
margin-right: 10px;
height: 84px;
}
/* logo */
body div#container div#header img#logo{
position: absolute;
right: 25px;
top: 30px;
}
/* start: primaire navigatie */
body div#container div#header ul#pnav{
color: #B9B9B9;
margin: 40px 0px 0px 20px;
position: absolute;
}
body div#container div#header ul#pnav li a{
color: #000;
text-decoration: none;
}
body div#container div#header ul#pnav li a.active{
font-weight: bold;
}
body div#container div#header ul#pnav li a:hover{
color: #C90068;
}
/* end: primaire navigatie */
/* end: header */
/* start: toppic */
body div#container div#toppic{
margin-left: 10px;
border-top: 2px solid #FFF;
}
/* end: toppic */
/* start: seccundair navigatie */
body div#container div#snav{
margin: 0px;
background: #4F4F4F url(../images/front/menu_schaduw.gif) bottom repeat-x;
height: 36px;
}
body div#container div#snav ul{
color: #D3D3D3;
margin: 0px 0px 0px 20px;
font-size: 10px;
padding-top: 7px;
}
body div#container div#snav ul a{
color: #D3D3D3;
text-decoration: none;
}
body div#container div#snav ul a.active{
font-weight: bold;
}
body div#container div#snav ul a:hover{
text-decoration: underline;
}
/* end: seccundair navigatie */
/* start: main */
body div#container div#main{
margin: 0px 10px;
padding-bottom: 0px;
}
/* start: breadcrumbs */
body div#container div#main div#breadcrumbs{
color: #CECECE;
font-size: 10px;
text-align: right;
padding: 3px 15px 3px 0px;
margin-bottom: 10px;
}
body div#container div#main div#breadcrumbs span{
font-weight: bold;
}
body div#container div#main div#breadcrumbs a{
color: #CECECE;
}
/* end: breadcrumbs */
/* start: content */
body div#container div#main div#content{
float: left;
width: 457px;
padding-right: 40px;
border-right: 1px solid #E2E2E2;
padding-left: 50px;
padding-bottom: 85px;
background: url(../images/front/slogan.gif) bottom right no-repeat;
height:280px;
}
html>body div#container div#main div#content{
height: auto;
min-height: 280px;
}
/* h1 / Pagina titel */
body div#container div#main div#content h1{
color: #CA0066;
font-size: 20px;
font-weight: normal;
}
/* paragraaf */
body div#container div#main div#content p{
line-height: 17px;
word-spacing: 1px;
font-size: 10px;
}
/* p.inleiding / dikgedrukt */
body div#container div#main div#content p.inleiding{
font-weight: bold;
}
/* ul.pdf / lijst met pdf iconen */
body div#container div#main div#content ul.pdf li{
background: url(../images/front/pdficon_small.gif) no-repeat 0px 0px;
padding: 0px 0px 15px 25px;
}
/* ul.downloads / lijst met pdf downloads */
body div#container div#main div#content ul.downloads{
border: 1px solid #DEDEDE;
background: #F8F8F8;
padding: 15px 25px 5px 25px;
}
body div#container div#main div#content ul.downloads li{
padding-left: 25px;
background: url(../images/front/icon_pdf.gif) no-repeat 0px 2px;
color: #757575;
line-height: 15px;
margin-bottom: 10px;
}
/*start | nieuws overzicht */
body div#container div#main div#content h3{
font-size: 12px;
padding: 10px 0px 0px 0px;
margin: 0px;
}
body div#container div#main div#content .nItem {
padding-left: 10px;
}
body div#container div#main div#content .nItem .nDate{
padding: 2px 0px 0px 0px;
}
body div#container div#main div#content .nItem .nVerder{
padding: 0px 25px 10px 0px;
text-align: right;
}
/* end | nieuws overzicht */
/* start | sitemap */
body div#container div#main div#content ul#sitemap_menu li{
padding-left: 20px;
font-weight: bold;
}
body div#container div#main div#content ul#sitemap_menu li li{
font-weight: normal;
}
body div#container div#main div#content ul#sitemap_lossepaginas{
padding-top: 30px;
}
body div#container div#main div#content ul#sitemap_lossepaginas li{
padding-left: 20px;
font-weight: bold;
}
/* end | sitemap */
/* end: content */
/* start: nieuws */
body div#container div#main div#nieuws{
width: 178px;
padding-left: 8px;
padding-top: 10px;
float: left;
}
body div#container div#main div#nieuws h2{
color: #CA0066;
font-size: 17px;
font-weight: normal;
margin: 0px;
padding: 0px 0px 0px 9px;
}
/* item*/
body div#container div#main div#nieuws .item{
padding: 20px 10px 0px 10px;
border-bottom: 1px solid #DEDEDE;
}
body div#container div#main div#nieuws .item h4{
font-size: 11px;
margin:0px;
padding: 0px 0px 10px 0px;
}
body div#container div#main div#nieuws .item p.verder{
padding-left: 16px;
background: url(../images/front/icon_arrows.gif) no-repeat 0px 5px;
}
/* end: nieuws */
/* end: main */
/* start: footer */
body div#container div#footer{
height: 55px;
padding-top: 25px;
margin: 0px 10px;
background: #C90068;
}
body div#container div#footer div#footer_tekst{
background: #FFF;
text-align: right;
}
/* end: footer */
/* end: container */
/* footerBottom */
body div#footerBottom{
background: url(../images/front/footer.gif) no-repeat top left;
height: 41px;
overflow: hidden;
width: 769px;
margin-left: auto;
margin-right: auto;
}