/* General styles */
*,html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,a,blockquote,th,td {
margin : 0px;
padding : 0px;
border : 0px;
font : normal 11px Verdana, Arial, Helvetica, sans-serif;
line-height : 16px;
color : #000000;
}
html,body {
height:100%;
}
/* common elements */
body{
background : #d5dfdc url(/siteimg/bg_body.jpg) repeat-x 0 0;
}
table {
border-collapse : collapse;
border-spacing : 0px;
}
fieldset, img , a, a img{
border : 0px;
margin : 0px;
padding : 0px;
}
a {
color : #000000;
text-decoration : underline;
}
a:hover {
text-decoration : none;
}
h1{
font : normal 14px "Trebuchet MS", sans-serif, Verdana;
font-weight : bold;
line-height : 18px;
padding : 0px;
color : #007254;
}
h2 {
font : normal 11px Arial, Verdana, Helvetica, sans-serif;
font-weight : bold;
line-height : 16px;
padding : 0px;
margin : 0px;
color : #EBB54D;
}
h3 {
color : #000000;
line-height : 18px;
font : bold 14px "Trebuchet MS", sans-serif, Verdana;
}
/* deze heading word via het cms aangemaakt */
h4 {
display : inline;
white-space: nowrap;
padding:0;
margin:0;
font-size : 11px;
line-height : 16px;
font-weight : bold;
color : #ebb54d;
}
p {
font : normal 11px Verdana, Arial, Helvetica, sans-serif;
font-weight : normal;
line-height : 16px;
padding : 0px;
margin : 0px;
color : #000000;
}
.clear {
clear : both;
}
.clear_height4, .clear_height5, .clear_height10 , .clear_height20 {
clear : both;
line-height:0px;
}
.clear_height4{
height : 4px;
}
.clear_height5 {
height : 5px;
}
.clear_height10 {
height : 10px;
}
.clear_height20 {
height : 20px;
}
/* bg colors */
.darkgreen {
background-color : #007254;
}
/* bg colors */
.white {
background-color : #ffffff;
}
/* other styling */
#wrapper {
position : relative;
margin : 0 auto;
width : 964px;
background-color : #ffffff;
}
#page {
padding : 0px 2px 0px 2px;
margin : 0px;
width : 960px;
}
/* HEADER */
#header {
height : 130px;
width : 960px;
background-color : #ffffff;
}
#header #top_header {
height :73px;
}
#header #top_header #logo {
float : left;
width : 184px;
height : 72px;
}
#header #top_header #favorieten {
float : right;
width : 240px;
height : 72px;
background : #000000 url(/siteimg/top_favorieten_bg.gif) no-repeat 0 0;
}
#header #top_header #favorieten p {
padding : 22px 0 0 15px;
}
#header #top_header #favorieten p a {
color : #13a17c;
text-decoration : none;
}
/* NAVIGATIE */
#header #menu {
height :57px;
padding : 0 0 0 10px;
background : #ffffff url(/siteimg/bg_menu.gif) repeat-x 0 0;
}
#header #menu ul.navi, #header #menu #submenu ul.subnavi {
list-style : none;
margin : 0px;
padding : 0px;
height : 27px;
}
#header #menu ul.navi li, #header #menu #submenu ul.subnavi li {
float : left;
display : inline;
list-style : none;
height : 27px;
}
#header #menu ul.navi li :hover{
background-color:#007254;
}
#header #menu ul.navi li.active{
background-color:#007254;
padding-bottom:3px;
}
#header #menu ul.navi li.sep{
padding : 0px;
margin : 0 5px 0 5px;
}
#header #menu ul.navi li a {
display : block;
color : #ffffff;
font-size : 14px;
line-height : 16px;
font-weight : bold;
text-decoration : none;
padding : 6px 3px 5px 3px;
}
#header #menu .submenu {
height : 27px;
text-align: center;
display: none;
}
#header #menu #submenu {
padding : 0px;
margin : 0px;
}
#header #menu #submenu ul {
padding : 0px;
margin : 0px;
display : none;
}
#header #menu #submenu #submenu_active {
display : block;
}
#header #menu #submenu ul li {
float : left;
display : inline;
list-style : none;
padding : 5px 5px 0 5px;
#padding : 8px 5px 0 5px;/*ie7*/
}
#header #menu #submenu ul #dummy {
padding:0px;
margin :0px;
width :0px;
}
#header #menu #submenu ul .sepo {
width : 2px;
height : 27px;
margin : 0px;
padding : 0px;
background : url(/siteimg/submenubar_separator.gif) no-repeat 0 -2px;
#background : url(/siteimg/submenubar_separator.gif) no-repeat 0 5px;/*ie7*/
}
#header #menu #submenu ul .infotxt {
color : #d5dfdc;
font : normal 14px "Trebuchet MS", sans-serif, Verdana;
line-height : 17px;
}
#header #menu #submenu ul li a {
color : #ffffff;
font : normal 14px "Trebuchet MS", sans-serif, Verdana;
line-height : 17px;
text-decoration : none;
}
#header #menu #submenu #submenu_active a:hover {
color : #ffc600;
}
#header #menu #submenu #submenu_active a.active {
color : #ffc600;
}
/* main content box*/
#content_ {
padding : 0px;
margin : 0px;
}
/*TEMPLATE Koloms 960 720 480 240 inclusief padding left right*/
.fourq_box{
padding : 0px;
margin : 0px;
float : left;
width : 960px;
overflow : hidden;
/*background-color:red;*/
}
.threeq_box{
float : left;
width : 707px;
padding : 0px 12px 0px 1px;
overflow : hidden;
/*background-color:yellow;*/
}
.twoq_box{
float : left;
width : 467px;
padding : 0px 12px 0px 1px;
overflow : hidden;
/*background-color:blue;*/
}
.oneq_box {
float : left;
width : 227px;
padding : 0px 12px 0px 1px;
overflow : hidden;
/*background :red;*/
}
.box_content {
padding : 10px 0 0 7px;
}
.box_content p{
color : #000;
font-size : 10px;
line-height : 15px;
}
.box_content p a{
color : #000;
line-height : 15px;
vertical-align : bottom;
font-size : 10px;
}
/* bg kolloms */
.bg_1kol {
background : url(/siteimg/column_bg_hor_gradient.gif) repeat-y 0 0;
}
.bg_verleiders {
background : url(/siteimg/bg_1koll240.jpg) no-repeat 0 0px;
}
/* ul lists */
.normalul ul {
list-style-image: url(/siteimg/bullet_groen.gif);
margin : 0 0 0 18px;
padding : 0px;
}
.normalul ul li {
height : 20px;
}
.normalul ul li a {
color : #13a17c;
text-decoration : none;
}
/* Footer*/
#footer {
height : 30px;
line-height:26px;
width : 950px;
background-color:#7bb5a3;
padding : 0 0 0 10px;
z-index:-10;
}
#footer ul li{
float : left;
margin : 0px;
padding : 9px 13px 10px 0;
list-style : none;
color : #FFFFFF;
}
#footer ul li a{
text-decoration : none;
color : #FFFFFF;
padding-bottom : 5px;
}
#footer ul li a:hover{
text-decoration : underline;
color :#ffc600;
}