body {
behavior:url("css/csshover.htc");
background: #CCCCCC url(/images/bodybg.jpg) no-repeat top left;
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#000000;
padding:0px;
margin:0px;
}
a {color: #C30C0C;}
a:visited {color:#C30C0C;}
a:hover {color: #000000;}
a:active { color:#000000;}

h3 {
font-size: 11px;
background-color: #eee;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
padding:5px 15px;
margin:0px

 }
h1 {
font-size:16px;
font-weight: normal;
padding-left: 10px;
margin-top:0px;
color: #C30C0C;
}

h1.links {
font-size:16px;
font-weight: normal;
padding-left: 10px;
color: #C30C0C;
margin-bottom: 5px;
margin-top: -5px;
}

h1.nieuws {
font-size:16px;
font-weight: normal;
padding-left: 17px;
margin-top:0px;
color: #C30C0C;
}

h1.front {
font-size:16px;
font-weight: bold;
padding: 0px;
margin:0px;
color: #000000;
}

h5 {
font-size:18px;
font-weight: normal;
padding-left: 10px;
padding-top: 10px;
margin-top:0px;
color: #C30C0C;
}

h4 {
font-size:14px;
font-weight: normal;
padding-left: 10px;
padding-top: 10px;
margin-top:0px;
color: #C30C0C;
}

h2 {
font-size:12px;
font-weight: normal;
padding-left: 10px;
padding-top: 10px;
margin-top:0px;
color: #C30C0C;
}



/* ----------container to center the layout---------- */
#container {
width: 1000px;
padding:0px;
margin: 0px;
margin-left: auto;
margin-right: auto;

} 

/* ----------banner for logo-------------- */
#banner {
text-align: left;
background-image: url(/images/rotate.php);
background-repeat: no-repeat;
padding: 0px;
margin: 0px;
min-height: 100px;
_height: 100px;
 }


/* ----------outer and inner----------------- */
#outer{ 

background-color: #e1ddd9; /* color of the content column */

 } 

#inner{ margin:0px; width:100%; } /* The ie/pc pecularity */ 

/* --------------navi------------- */
#left {
 width:223px; 
 float:left; 
 z-index: 1;
 background-color: #e1ddd9;

 }
 
#right {
 width:150px; 
 float:right; 
 text-align: center;
 padding-right: 0px;
  z-index: 1;
   background-color: #e1ddd9;

 }
  

/* -----------------content--------------------- */
#content{ 
min-height: 900px;
_height: 900px;
z-index: 3;
margin-left: 223px;
margin-right: 150px;
background-color: #FBFAF8;
 }




p{
padding: 5px 10px;
margin:0px; }

pre{
font-size: 12px;
padding: 5px 10px;
margin:0px;}

/*  ----------------footer---------------------- */ 
#footer {
clear:left;
padding:0px;
margin:0px;
text-align: right; } 

/*  ------------------menu---------------------- */
.list-menu {
width: 205px;
/* this width value is also effected by
the padding we will later set on the links. */
}

.list-menu ul {
margin-left: 4px;
padding: 0;
list-style-type: none;
font-family: verdana, arial, sanf-serif;
font-size: 10px;
}

.list-menu li {
margin: 0px 0 0;
}

.list-menu a {
display: block;
width:100%;
padding: 2px 2px 2px 10px;
background: #e1ddd9;
text-decoration: none; /*lets remove the link underlines*/
}

.list-menu a:link, .list-menu a:active, .list-menu a:visited {
color: #000000;
}

.list-menu a:hover {
background: #C30C0C;
color: #eee;
}

a:link.links    { color: #C30C0C; text-decoration: none;}
a:visited.links { color: #C30C0C; text-decoration: none;}
a:hover.links   { color: #000000; text-decoration: none;}
a:active.links { color: #C30C0C; text-decoration: none;}

a:link.voorpagina    { color: #000000; text-decoration: none;}
a:visited.voorpagina  { color: #000000; text-decoration: none;}
a:hover.voorpagina    { color: #C30C0C; text-decoration: none;}
a:active.voorpagina  { color: #000000; text-decoration: none;}

a:link.menuboven    { color: #000000; text-decoration: none;}
a:visited.menuboven { color: #000000; text-decoration: none;}
a:hover.menuboven   { color: #C30C0C; text-decoration: none;}
a:active.menuboven { color: #C30C0C; text-decoration: none;}

a:link.menulinks    { color: #000000; text-decoration: none;}
a:visited.menulinks   { color: #000000; text-decoration: none;}
a:hover.menulinks     { color: #C30C0C; text-decoration: none;}
a:active.menulinks   { color: #C30C0C; text-decoration: none;}

a:link.menuheader    { color: #C30C0C; text-decoration: none;}
a:visited.menuheader { color: #C30C0C; text-decoration: none;}
a:hover.menuheader   { color: #000000; text-decoration: none;}
a:active.menuheader { color: #C30C0C; text-decoration: none;}

a:link.profiel    { color: #000000; text-decoration: none;}
a:visited.profiel  { color: #000000; text-decoration: none;}
a:hover.profiel    { color: #C30C0C; text-decoration: none;}
a:active.profiel  { color: #000000; text-decoration: none;}

#menuheader a:hover {
background: #C30C0C;
}

/* Horizontal menu */

.hovermenu ul{
font: bold 13px arial;
padding-left: 0;
margin-left: 0;
height: 20px;
color: #000000;
}

.hovermenu ul li{
list-style: none;
display: inline;
}

.hovermenu ul li a{
padding: 2px 0.5em;
text-decoration: none;
float: left;
color: black;
background-color: #eee;

}

.hovermenu ul li a:hover{
background-color: #eee;
color: #C30C0C;
}



.reactiestop {
padding: 4px;

margin-left: 10px;
margin-right: 10px;
border: solid 1px #C30C0C;
border: solid 1px #C30C0C;
background-color: #e1ddd9;
}

table {
margin: 0px;
padding: 4px;
}


.list-menu2 {
width: 50%;
/* this width value is also effected by
the padding we will later set on the links. */
}

.list-menu2 ul {
margin-left: 4px;
padding: 0;
list-style-type: none;
font-family: verdana, arial, sanf-serif;
font-size: 10px;
}

.list-menu2 li {
margin: 0px 0 0;
}

.list-menu2 a {
display: block;
width:100%;
padding: 2px 2px 2px 10px;
background: #eee;
text-decoration: none; /*lets remove the link underlines*/
}

.list-menu2 a:link, .list-menu a:active, .list-menu a:visited {
color: #000000;
}

.list-menu2 a:hover {
background: #C30C0C;
color: #eee;
}

/* IMG hover probleem plaatjes */

a img.spons {
border: 2px solid black;
background: red;
}

a:hover img.spons {
border: 2px solid #C30C0C;
background: red;
}

/* CSS voor ubb code voor centreren plaatjes */

.imagecenter
    {
display: block;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #000000;
    }
    
.border
    {
    border: 0px solid #000000;
    }    

/* Volgende is alleen voor gebruikers.php */
    
.tabel      { 
margin: 0px;
padding: 0px;

}

.tabeltd     { 
background-color: #CCCCCC;
padding: 5px 5px;

}

.tabeltd2     { 
background-color: #e1ddd9;
padding: 5px 5px;
}

.tabeltd3     { 
background-color: #eee;
padding: 5px 5px;
}    

.tabeltd4     { 
background-color: #F1EEEA;
padding: 5px 5px;
}   


img.centreren {
    vertical-align:middle;
    margin: 5px;
    border: 0px;
}

img.thumbs {
    vertical-align:middle;
    border: 0px;
    margin: 10px;
}

img.groot {
    vertical-align:middle;
    border: 0px;
}

.kfnav {
background-color: #eee;
text-align: center;
padding-top: 0px;
padding-bottom: 0px;
border-top: 1px solid black;
border-bottom: 1px solid black;
}

td.kfmenu {
text-align: center;
border: 1px solid black;
background-color: #E1DDD9;
font: bold;

}

td.kfmenu:hover {
color: #fff;
background: #F1EEEA;
}





/* Menu boven */


#thicktabs{
margin-top: -1px;
margin-bottom: -2px;
margin-left: 0px;
margin-right: -5px;
padding: 0;
float: left;
font: bold 13px Arial;
}

#thicktabs li{
display: inline;
}

#thicktabs li a{
float: left;
color: black;
/*padding of tabs*/
padding-left: 17px;
padding-right: 18px;
padding-top: 7px;
padding-bottom: 7px;
text-decoration: none;
background: transparent url(/images/menubg.gif) top right no-repeat;
border-top: 1px solid #C30C0C; /*top border style*/
border-bottom: 3px solid #C30C0C; /*thick bottom border below tabs*/
}

#thicktabs li a#leftmostitem{ /*Extra CSS for left most menu item*/
border-left: 1px solid #C30C0C; /*left border style*/
}

#thicktabs li a#rightmostitem{ /*Extra CSS for right most menu item*/
border-right: 1px solid #C30C0C; /*right border style*/
background-position: top left; /*Position background image to the left instead of default right, to hide indented underline for this link*/
}

#thicktabs li a:visited{
color: black;
}

#thicktabs li a:hover{
color: black;
background-image: url(/images/menubg2.gif); /*background image swap on hover*/
border-bottom: 3px solid #000000; /*thick bottom border below tabs*/
}