﻿A:link    { color: #4b08a1; text-decoration: underline; }
A:visited { color: #4b08a1; text-decoration: underline; }
A:hover   { color: #4b08a1; text-decoration: none; }
A:active  { color: #4b08a1; text-decoration: none; }

html, body  
{ 
    margin:0;
    padding:0;
    height:100%;
    color:#000000; 
    font-family:tahoma, arial, helvetica; 
    font-size:12px; 
    line-height:18px;
    background-color:#FFFFFF;
}

form.webform
{
height:100%;
margin:0 auto; /* center, not in IE5 */
}

div#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:1000px;
	background:#FFFFFF;
    background-image: url('images/bg_container.gif'); 
	background-repeat: repeat-y;
	
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */
}

div#header {
	background-image: url('images/bg_top.gif'); 
    background-repeat:no-repeat;
    height:197px;
    }
    
div#content {
    background-image: url('images/bg_content.gif'); 
    background-repeat:no-repeat;
}

div#footer {
    position:absolute;
	width:1000px;
	height:35px;
	bottom:0px; /* stick to bottom */
	background-image:url('images/bg_bottom.gif');
    background-repeat: no-repeat;
}

td    
{ 
    color:#000000; 
    font-family:tahoma, arial, helvetica; 
    font-size:12px; 
}

A.topmenu:link    { color: #ffe7da; text-decoration: none; font-weight:bold; font-size:13px; }
A.topmenu:visited { color: #ffe7da; text-decoration: none; font-weight:bold; font-size:13px; }
A.topmenu:hover   { color: #ffe7da; text-decoration: underline; font-weight:bold; font-size:13px; }
A.topmenu:active  { color: #ffe7da; text-decoration: underline; font-weight:bold; font-size:13px; }

A.searchmenu:link    { color: #ffffff; text-decoration: none; font-size:11px; }
A.searchmenu:visited { color: #ffffff; text-decoration: none; font-size:11px; }
A.searchmenu:hover   { color: #ffffff; text-decoration: underline; font-size:11px; }
A.searchmenu:active  { color: #ffffff; text-decoration: underline;  font-size:11px; }

A.zwart:link    { color: #000000; text-decoration: none; }
A.zwart:visited { color: #000000; text-decoration: none; }
A.zwart:hover   { color: #000000; text-decoration: underline; }
A.zwart:active  { color: #000000; text-decoration: underline; }

A.wit:link    { color: #FFFFFF; text-decoration: none; }
A.wit:visited { color: #FFFFFF; text-decoration: none; }
A.wit:hover   { color: #FFFFFF; text-decoration: underline; }
A.wit:active  { color: #FFFFFF; text-decoration: underline; }

.breadcrumb A:link    { color: #bebebe; text-decoration: none; }
.breadcrumb A:visited { color: #bebebe; text-decoration: none; }
.breadcrumb A:hover   { color: #bebebe; text-decoration: underline; }
.breadcrumb A:active  { color: #bebebe; text-decoration: underline; }

ul { 
    list-style-type: disc;
    margin: 0px 0px 0px 0px;
    padding-left: 15px;
   }
li 
{
    margin-left: 0; 
    padding-left: 0;
    text-indent:none;
}

hr {
border: 0;
height: 1px;
color: #bebebe;
background-color: #bebebe;
}

.breadcrumb
{
    color:#bebebe;
}

h1   
{ 
    color:#ff5800; 
    font-family:tahoma, arial, helvetica; 
    font-size:16px; 
    font-weight: normal;
}

h2  
{ 
    color:#4b08a1; 
    font-family:tahoma, arial, helvetica; 
    font-size:12px; 
    margin:20px 0px 4px 0px;
}

td.hoofdmenu { color: #FFFFFF; text-decoration: none; font-size:14px; line-height: 35px;  }
td.hoofdmenu A:link    { color: #FFFFFF; text-decoration: none; font-size:14px; font-weight: bold;   }
td.hoofdmenu A:visited { color: #FFFFFF; text-decoration: none; font-size:14px; font-weight: bold;   }
td.hoofdmenu A:hover   { color: #FFFFFF; text-decoration: none; font-size:14px; font-weight: bold;  }
td.hoofdmenu A:active  { color: #FFFFFF; text-decoration: none; font-size:14px; font-weight: bold; }

td.submenutitel
{
    color: #3e285a; 
    font-weight: bold; 
    font-size:11px;
    text-align:left;
    height: 20px; 
    padding-left:10px;
}

td.submenu {color: #3e285a; font-size:11px; height: 20px; text-align:left;}
td.submenu A:link    { color: #3e285a; text-decoration: none; font-size:11px;  }
td.submenu A:visited { color: #3e285a; text-decoration: none; font-size:11px;  }
td.submenu A:hover   { color: #3e285a; text-decoration: underline; font-size:11px;  }
td.submenu A:active  { color: #3e285a; text-decoration: underline; font-size:11px;  }

td.arrow
{
     background-image:url('images/arrow.gif');
     background-repeat:no-repeat;
     background-position: center top;
     width:30px;
     text-align: left;
}

input.searchbox
{
    background: #FFFFFF url('images/bg_searchbox.gif');
    border: solid 1px #d91f00;
    font-family:tahoma, arial, helvetica; 
    font-size:12px;
    width:138px;
    height:16px;
}

input.searchbutton
{
    background: transparent url('images/bg_searchbutton.gif');
    border-style: none;
    font-family: tahoma, arial, helvetica; 
    font-size: 10px;
    font-weight: bold;
    width: 46px;
    height: 21px;
}

td.bullit
{
     background-image:url('images/bullit.gif');
     background-repeat:no-repeat;
     background-position:center;
}

.tbDefault 
    {
    padding                     : 3px;
    border                      : solid 1px #b9b9b9;
    background-color            : #FFFFFF;
    font-size                   : 12px;
    font-family                 : tahoma, arial, helvetica; 
    }
    
.tbVerplicht 
    {
    padding                     : 3px;
    border                      : solid 1px #b9b9b9;
    background-color            : #D2C1E7;
    font-size                   : 12px;
    font-family                 : tahoma, arial, helvetica; 
    }
    
 .tbError 
    {
    padding                     : 3px;
    border                      : solid 2px #FF5800;
    background-color            : #D2C1E7;
    font-size                   : 12px;
    font-family                 : tahoma, arial, helvetica; 
    }
    
.ddlDefault 
    {
    font-size                   : 12px;
    font-family                 : tahoma, arial, helvetica;   
    }
    
.btnDefault 
    {
    border                      : solid 1px #b9b9b9;
    font-size                   : 12px;
    font-family                 : tahoma, arial, helvetica;
    color                       : #000000;
    font-weight                 : bold;
    padding                     : 3px;
    }
    
input.selectorbutton
{
    background: transparent url('images/bg_selectorbutton.gif');
    border-style: none;
    font-family: tahoma, arial, helvetica; 
    font-size: 10px;
    font-weight: bold;
    width: 180px;
    height: 20px;
    padding-bottom:3px;
}

/* ============ Onderstaande styles zijn nodig voor de custum paging =========== */ 
 .cppages
{
    color: #4B08A1; 
    border:solid 1px #4B08A1;
    height:20px;
    width:22px;
    cursor:pointer;
    text-align:center;
    vertical-align:middle;
 }
 
   .cppages a
{
    color: #4B08A1; 
 }
 
.cppages:hover 
{
   background-color: #EAEAEA;
   color: #FFFFFF; 
   cursor:pointer;
   height:20px;
   width:22px;
   text-align:center;
   vertical-align:middle;
}

.cpcurrent
{
    color: #ffffff;
    background-color: #FF5800;
    height:20px;
    width:22px;
    text-align:center;
    vertical-align:middle;
 }
 
  .cpcurrent a
{
    color: #ffffff;
 }
 
 .cpinactive
{
    color: #EAEAEA;
    border:solid 1px #EAEAEA;
    height:20px;
    width:79px;
    text-align:center;
    vertical-align:middle;
 }

.cpbutton
{
    color: #4B08A1; 
    border:solid 1px #4B08A1;
    height:22px;
    width:79px;
    cursor:pointer;
    text-align:center;
    vertical-align:middle;
 }
 
 .cpbutton a
{
    color: #4B08A1; 
 }
  
.cpbutton:hover 
{
   background-color: #EAEAEA;
   cursor:pointer;
   height:22px;
   width:79px;
   text-align:center;
   vertical-align:middle;
}
