body {
margin: 0;
padding: 0;
background-image: url(../img/body_back.gif);
color: #000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 80%;
}
#header h1{
display: none;
}
#global{
margin: 0 auto;
width: 990px;
background-color: white;
margin-top: 16px;
}
#right_repeat{
background-image: url(../img/right_repeat.gif);
background-repeat: repeat-y;
float: left;
}
#right_circle{
background-image: url(../img/right_circle.gif);
background-repeat: repeat-y;
background-position: right 50px;
float: left;
}
#global_content{
float: left;
background-image: url(../img/right_back.jpg);
background-repeat: no-repeat;
background-position: bottom right;
}
#top{
height: 146px;
width: 990px;
background-image: url(../img/top.jpg);
background-repeat: no-repeat;
}
#zoeken{
width: 790px;
height: 56px;
background-image: url(../img/zoeken.jpg);
background-repeat: no-repeat;
}
#zoek_box{
padding-left: 120px;
padding-top: 10px;
}
#zoek_box form{
margin: 0px;
padding: 0px;
height: 0px;
}
#zoek_box .button{
margin-left: 10px;
background-image: url(../img/zoek_button.gif);
border: none;
width: 95px;
line-height: 18px;
font-weight: bold;
font-size: 11px;
}
#inhoud{
width: 790px;
float: left;
}
#kolom_links{
border:1px solid silver;
width: 70%;
float: left;
padding-left: 10px;
padding-right: 10px;
}
#kolom_rechts{
border:1px solid silver;
background-color:red;
float: left;
width: 29%;
padding-left: 10px;
padding-right: 10px;
color: white;
}
#kolom_rechts a:link, #kolom_rechts a:active, #kolom_rechts a:visited{
color: white;
}
#kolom_rechts a:hover{
text-decoration: none;
color: gold;
}
/*----------menu---------*/
#global_menu{
float: left;
background-image: url(../img/menu_back.jpg);
background-repeat: no-repeat;
}
#menu{
width: 200px;
float: left;
background-image: url(../img/menu_back.gif);
background-repeat: repeat-x;
background-color: White;
}#menu ul{
margin: 0px;
padding: 0px;
list-style: none;
}
#menu li{
margin: 0px;
padding: 0px;
}
#menu li a{
display: block;
background-image: url(../img/menu_button.gif);
line-height: 22px;
color: white;
padding-left: 5px;
text-decoration: none;
font-size: 11px;
font-weight: bold;
}
#menu li.active1 a{
background-color: #FA201E;
background-image: none;
}
#menu li.active1 li a{
background-color: transparent;
font-weight: normal;
}
#menu li.active2 a{
background-image: url(../img/submenu.gif);
background-repeat: no-repeat;
background-position: right;
}
#menu li.active2 li a{
background-color: white;
}
#menu li.active3 a{
background-image: url(../img/subsubmenu.gif);
background-repeat: no-repeat;
background-position: right;
color: #FA201E;
}
#menu ul li.active1{
font-weight: bold;
}
#menu ul ul li.active2 a{
font-weight: bold;
}
#menu ul ul li.active2 li a{
font-weight: normal;
}
#menu ul ul ul li.active3 a{
font-weight: bold;
}
#menu ul li ul li{
margin-bottom: 0px;
}
#menu li ul li a{
background-color: #b3d7fc;
background-image: none;
color: black;
padding-left: 10px;
}
#menu li ul li ul li{
margin-bottom: 0px;
}
#menu li ul li ul li a{
background-color: white;
color: black;
padding-left: 15px;
display: block;
margin-bottom: 0px;
font-weight: normal;
}
#menu li ul{
display: none;
right: 0px;
}
#menu li.active1 ul, #menu li.active2 ul, #menu li.active3 ul{
display: block;
}
#menu li.active1 ul ul{
display: none;
}
#menu li.active1 li.active2 ul{
display: block;
}
#menu ul li ul{
display: none;
}
a, a:link, a:visited, a:active {
color: #ba0000;
}
a:hover {
color: navy;
text-decoration: none;
}
h1, h2, h3, h4, h5, h6 {
margin: 1.2em 0em 1.2em 0em;
}
h1, h2, h3 {
font-weight: normal;
}
h4, h5, h6 {
font-weight: bold;
}
h1 {
font-size: 2.0em;
}
h2 {
font-size: 1.7em;
}
h3 {
font-size: 1.4em;
}
h4 {
font-size: 1.2em;
}
h5 {
font-size: 1.0em;
}
h6 {
font-size: 0.8em;
}
dl, dt, dd, ol, ul, li {
margin-top: 0.2em;
margin-bottom: 0.1em;
font-size: 1.0em;
line-height: 1.5em;
}
p {
margin: 1.2em 0em 1.2em 0em;
font-size: 1.0em;
line-height: 1.5em;
}
code, pre {
font-family: Courier New, monospace;
font-size: 1.0em;
}
strong, b {
font-weight: bold;
}
em, i {
font-style: italic;
}
hr {
height: 1px;
margin: 0px;
background-color: #ccc;
color: #ccc;
}
img {
margin: 0;
border: 0;
}
/***********************************************************************
* layout kolom links of rechts van inhoud
* --------------------------------------------------------------------
* | | |
* | | |
* | | |
* --------------------------------------------------------------------
*
*
*
* alle left door right vervangen indien kolom rechts komt te staan
*
***********************************************************************/
/*
#container {
float: left;
background: url(bgkleur.gif) repeat-y top left;
}
#kolom {
float: left;
width: 200px;
}
#inhoud {
float: left;
}
*/
/***********************************************************************
* layout kolom links en rechts van inhoud
* --------------------------------------------------------------------
* | | | |
* | | | |
* | | | |
* --------------------------------------------------------------------
*
*
*
***********************************************************************/
/*
#container_bg_links {
float: left;
background: url(kleur_links.gif) repeat-y top left;
}
#container_bg_rechts {
float: left;
background: url(kleur_rechts.gif) repeat-y top right;
}
#kolom_links {
float: left;
width: 200px;
}
#kolom_rechts {
float: right;
width: 200px;
}
#inhoud {
float: right;
}
*/
/*---------------css module inhoud--------------------*/
/* CONTENT */
#tbl_zoek, #tbl_sitemap, table{
width: 544px;
padding-left: 10px;
}
.imgleft {
float:left;
}
.imgright{
float:right;
}
div.sjabloon1, div.sjabloon2,div.sjabloon3,div.sjabloon4{
}
#inhoud table{
}
div.sjabloon1 img, div.sjabloon2 img, div.sjabloon3 img ,div.sjabloon4 img{
}
/* LINKS */
div.links {
width:100%;
}
div.links h1 {
}
div.links table{
}
div.links thead{
}
/* NIEUWS */
div.nieuws {
width : 100%;
}
div.nieuws img {
float:left;
}
div.nieuws img.right {
float:right;
}
div.nieuws hr {
clear:both;
}
div.nieuws h1 {
}
div.nieuws a {
}
div.nieuws h2, div.nieuws h2 a {
clear: both;
}
div.nieuws table{
}
.wtkerror {
color:red;
}