/* start: basis html elements
Don't forget to set a foreground and background color
on the 'html' or 'body' element! */
html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
text-align: left;
vertical-align: baseline;
}
a img, :link img, :visited img {border: 0;}
strong{font-weight:bold;}
table {border-collapse: collapse;border-spacing: 0;}
ol, ul {list-style: none;}
q:before, q:after,blockquote:before, blockquote:after {content: "";}
body{
font: 11px lucida sans unicode, Arial, Helvetica, sans-serif;
color: #45473C;
text-align: center;
}
h1{
font-size: 13px;
padding-bottom: 15px;
}
a{color: #000;}
a:hover{color: #F96610;}
.clear{clear:both;height:1px;overflow: hidden;}
/* end: basis html elements */
/* start: container */
body div#container {
width: 776px;
margin-left: auto;
margin-right: auto;
position: relative;
}
/* start: header */
body div#container div#header{
height: 75px;
position: relative;
}
/* start: header */
body div#container div#header img#logo{
position: absolute;
left: 24px;
top: 12px;
}
/* end: header */
/* start: iconen navigatie */
body div#container div#header ul#icon_nav{
position: absolute;
left: 419px;
top: 44px;
}
body div#container div#header ul#icon_nav li{
float: left;
}
body div#container div#header ul#icon_nav li a{
display: block;
width: 29px;
height: 16px;
}
body div#container div#header ul#icon_nav li#icon_home a{
background: url(../images/nieuw/icon_home.gif) no-repeat center center;
border-left: 1px solid #FFED00;
}
body div#container div#header ul#icon_nav li#icon_lettertype a{
background: url(../images/nieuw/icon_lettergrote.gif) no-repeat center center;
border-left: 1px solid #FFED00;
}
body div#container div#header ul#icon_nav li#icon_sitemap a{
background: url(../images/nieuw/icon_sitemap.gif) no-repeat center center;
border-left: 1px solid #FFED00;
}
body div#container div#header ul#icon_nav li#icon_print a{
background: url(../images/nieuw/icon_print.gif) no-repeat center center;
border-left: 1px solid #FFED00;
}
body div#container div#header ul#icon_nav li#icon_mail a{
background: url(../images/nieuw/icon_mail.gif) no-repeat center center;
border-left: 1px solid #FFED00;
}
body div#container div#header ul#icon_nav li#icon_lang a{
background: url(../images/nieuw/icon_lang_en.gif) no-repeat center center;
border-left: 1px solid #FFED00;
}
body div#container div#header ul#icon_nav li span{
display: none;
}
/* end: iconen navigatie */
/* start: zoeken */
body div#container div#header form#zoeken{
position: absolute;
left: 610px;
top: 26px;
}
body div#container div#header form#zoeken h6{
font-weight: bold;
padding-bottom: 3px;
color: #50AB24;
}
body div#container div#header form#zoeken input#zoekwoord{
width: 100px;
padding: 0px;
font-size: 11px;
border: 1px solid #50AB24;
height: 14px;
padding: 1px 5px;
margin-bottom: 0px;
}
html>body div#container div#header form#zoeken input#zoekwoord{
margin-bottom: 1px;
}
body div#container div#header form#zoeken input#zoekButton{
background: #50AB24;
color: #FFF;
padding: 0px 5px;
height: 18px;
font-size: 11px;
border: 0px;
margin-top: 3px;
cursor: pointer;
}
/* end: zoeken */
/* end: header */
/* start: top navigatie */
body div#container div#topnav{
background: #51AC25;
height: 22px;
}
body div#container div#topnav ul{
float: right;
}
body div#container div#topnav ul li{
float: left;
}
body div#container div#topnav ul li a{
color: #FFF;
text-decoration: none;
font-weight: bold;
display: block;
border-left: 1px solid #FFF;
height: 17px;
padding: 5px 10px 0px 10px;
float: left;
}
body div#container div#topnav ul li a:hover{
text-decoration: underline;
}
/* end: top navigatie */
/* start: toppic */
body div#container div#toppic{
background: url(../images/nieuw/left_top2.gif) no-repeat 0px 0px;
padding: 0px 0px 13px 14px;
}
body div#container div#toppic img{
border: 1px solid #FFF;
border-right: 0px;
}
body div#container div#toppic div{
background: #FFED00;
height: 13px;
margin-left: 1px;
}
/* end: toppic */
/* start: primaire navigatie */
body div#container div#pnav{
width: 144px;
position: absolute;
left: 19px;
top: 220px;
}
/* start: navigatie */
body div#container div#pnav ul li{
border-bottom: 1px solid #EDFDD0;
background: url(../images/nieuw/icon_pnav.gif) no-repeat 127px 5px;
position: relative;
}
body div#container div#pnav ul li li{
border-bottom: 0px;
border-top: 1px solid #EDFDD0;
background: none;
position: relative;
}
body div#container div#pnav ul li a{
color: #000;
text-decoration: none;
font-weight: bold;
display: block;
padding: 6px 0px 6px 15px;
width: 125px;
}
body div#container div#pnav ul li li a{
font-weight: normal;
padding-left: 25px;
width: 115px;
}
body div#container div#pnav ul li li li a{
font-weight: normal;
padding-left: 35px;
width: 115px;
}
body div#container div#pnav ul li a:hover{
text-decoration: underline;
}
/* end: navigatie */
/* start: raadslid */
body div#container div#pnav div#raadslid{
padding: 60px 0px 0px 15px;
background: url(../images/nieuw/raadslid_logo.gif) no-repeat 15px 30px;
}
body div#container div#pnav div#raadslid img{
border: 1px solid #69B645;
}
body div#container div#pnav div#raadslid div.naam{
color: #69B645;;
font-weight: bold;
font-style: italic;
text-align: right;
padding-top: 10px;
padding-right: 22px;
font-size: 12px;
}
/* end: raadslid */
/* end: primaire navigatie */
/* start: primaire navigatie */
body div#container div#content{
padding: 0px 200px 0px 187px;
width: 389px;
font-size: 140%;
overflow: hidden;
}
/* end: primaire navigatie */
/* start: sub content */
body div#container div#subcontent{
width: 186px;
position: absolute;
right: 0px;
top: 220px;
padding-bottom: 20px;
}
body div#container div#subcontent div.block{
background: url(../images/nieuw/left_top.gif) no-repeat 0px 20px;
}
body div#container div#subcontent div.block h3{
background: #51AC25;
color: #FFF;
font-weight: bold;
height: 17px;
padding: 3px 0px 0px 15px;
margin-bottom: 1px;
}
body div#container div#subcontent div.block div.body{
background: #FFFEE6;
margin-left: 12px;
padding: 20px 15px;
}
/* end: sub content */
/* start: footer */
body div#container div#footer{
border-top: 20px solid #EEF7EB;
margin: 20px 200px 0px 187px;
}
body div#container div#footer ul{
border-right: 1px solid #EEF7EB;
height: 20px;
}
body div#container div#footer ul li{
float: left;
border-left: 1px solid #EEF7EB;
width: 19%;
text-align: center;
padding-top: 4px;
font-size: 10px;
}
body div#container div#footer ul li a{
font-weight: bold;
text-decoration: none;
color: #000;
}
body div#container div#footer div.copyright{
padding: 10px 0px 0px 10px;
font-size: 10px;
}
/* end: footer */
/* end: container */
/**/
select{
width: 100px;
padding: 0px;
font-size: 11px;
border: 1px solid #50AB24;
margin-bottom: 0px;
}
ul.sitemap{
padding: 10px;
list-style: disc;
}
ul.sitemap ul{
padding-left: 20px;
list-style: disc;
}
p.verder{
text-align: right;
color: #D8E9B7;
}
p.verder a{
color: #51AC25;
}
/**/