body, html, body_2c{
margin: 0;
height: 100%;
}

body{
background: url(3_kolommen_layout/left_bg.gif) repeat-y 0 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:62.5%;
}

body_2c{
background: url(2_kolommen_layout/left_bg.gif) repeat-y 0 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:62.5%;
}

#main_container{
float: left;
width: 100%;
min-height: 100%;
margin: -46px 0 0 0;
background: url(3_kolommen_layout/right_bg.gif) repeat-y top right;
}

#main_container_2c{
float: left;
width: 100%;
min-height: 100%;
margin: -46px 0 0 0;
background: url(2_kolommen_layout/right_bg.gif) repeat-y top right;
}

/* container boxen */
#header_container{
width: 100%;
height: 81px;
padding: 46px 0 0 0;
text-align: center;
background: url(3_kolommen_layout/header_bg.gif) repeat-x 0 46px;
}

#links_container{
float: left;
min-height: 100%;
width: 164px;
}

#content_container{
margin: 0 259px 0 164px;
}

#content_container_2c{
margin: 0 0 0 164px;
}

#rechts_container{
float: right;
width: 259px;
}

#footer_container{
clear: both;
height: 46px;
background: url(3_kolommen_layout/bottom_right.gif) no-repeat top right;
width: 100%;
text-align: center;
font-weight: bold;
}

#footer_container_2c{
clear: both;
height: 46px;
background: url(2_kolommen_layout/bottom_right.gif) no-repeat top right;
width: 100%;
text-align: center;
font-weight: bold;
}

/* content boxen */
#header{
width: 100%;
height: 81px;
padding: 0px 0;
}

#rechts, #links, #content, #content_2c{
padding: 10px 10px 0 20px;
color: #330099;
font-size:1.2em;
}

#links{
padding: 10px 10px 0 20px;
color: #990033;
font-weight: bold;
}

#links ul{
list-style: none;
margin: 10px 0px 0px 0px;
padding: 0px 5px 2px 0px;
}

#links li{
margin: 0;
padding: 0px 5px 2px 0px;
margin: 10px 0px 0px 0px;
font-family: verdana;
}

#links li a{
display: block;
text-decoration: none;
padding: 0px 5px 2px 0px;
margin: 10px 0px 0px 0px;
border-top: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
border-bottom: 1px solid #FFFFFF;
border-left: 1px solid #FFFFFF;
width: 100px;
}

#links li a:link, li a:visited{
background: #FFFFFF;
color: #330099;
font-weight: bold;
margin: 10px 0px 0px 0px;
}

#links li a:hover, li a:active{
background: #FFFFFF;
color: #990033;
font-weight: bold;
margin: 10px 0px 0px 0px;
}

#links li li a:link, li li a:visited{
background: #FFFFFF;
color: #330099;
font-weight: normal;
margin: 10px 0px 0px 0px;
}

#links li li a:hover, li li a:active{
background: #FFFFFF;
color: #990033;
font-weight: normal;
margin: 10px 0px 0px 0px;
}

#links ul ul{
margin: 0px 0px 0px 15px;
} 




#footer{
padding: 20px 163px 0 0;
color: #990099;
font-size: 0.8em;
}

/* background image boxen */
#top_left{
position: absolute;
width: 163px;
height: 89px;
top: 0;
left: 0;
background: url(3_kolommen_layout/top_left.gif) no-repeat 0 0;
}

#top_right{
position: absolute;
width: 264px;
height: 89px;
top: 0;
right: 1px;
background: url(3_kolommen_layout/top_right.gif) no-repeat 0 0;
}

#top_right_2c{
position: absolute;
width: 264px;
height: 89px;
top: 0;
right: 1px;
background: url(2_kolommen_layout/top_right.gif) no-repeat 0 0;
}

#footer_left{
height: 46px;
width: 163px;
float: left;
background: url(3_kolommen_layout/bottom_left.gif) no-repeat 0 0;
}

a{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
}

a:link, a:visited{
background-color: #FFFFFF;
color: #990033;
text-decoration: none;
}

a:hover, a:active{
background-color: #FFFFFF;
color: #990000;
text-decoration: underline;
}

a.blue:link, a.blue:visited{
background-color: #C8C8FF;
color: #990033;
text-decoration: none;
}

a.blue:hover, a.blue:active{
background-color: #C8C8FF;
color: #990000;
text-decoration: underline;
}

ul.vink{
margin: 0px 0px 10px 30px;
padding: 15px;
list-style: none;
}

li.vink{
margin: 5px 0px 0px 0px;
padding: 0px 0px 0px 20px;
background: url(./afbeeldingen/vinkje_blauw_geel.jpg) no-repeat 0 1px;
} 


h1{
font-family: "Trebuchet MS", verdana, arial, helvetica, sans-serif; color: #595999;
font-weight: bold;
font-size: 3em;
}  

h2{
font-family: "Trebuchet MS", verdana, arial, helvetica, sans-serif; color: #990099;
font-weight: bold;
font-size: 2em;
}  

h3{
font-family: "Trebuchet MS", verdana, arial, helvetica, sans-serif; color: #990099;
font-weight: bold;
font-size: 1.5em;
}  

blockquote{
background-color: #CCFFFF;
color: #330099;}

p.afb_l{
float: left;
padding: 10px 10px 5px 10px;
margin: 15px 0 0 15px;
background: #999;
font-style: italic;
font-size: 90%;
color: #fff;
text-align: center;
}

p.afb_m{
float: right;
padding: 10px 10px 5px 10px;
margin: 15px 0 0 15px;
background: #999;
font-style: italic;
font-size: 90%;
color: #fff;
text-align: center;
}

p.afb_R{
float: right;
padding: 10px 10px 5px 10px;
margin: 15px 0 0 15px;
background: #999;
font-style: italic;
font-size: 90%;
color: #fff;
text-align: center;
}

p.uitlijnen{
text-align: justify;
} 

div#logo_l{
position: relative;
top: 4px;
left: 14px;
width: 100px;
height: 68px;
border: 1px solid #000;
}

div#logo_r{
position: relative;
top: 4px;
right: 4px;
width: 125px;
height: 70px;
border: 1px solid #000;
}

div#logo_test{
position: absolute;
top: 4px;
left: 45px;
width: 100px;
height: 68px;
background: url(./afbeeldingen/computer2.jpg) no-repeat top left;
border: 1px solid #FFFFFF;
}

div#logo_W3C_html{
position: relative;
top: 4px;
left: 45px;
width: 88px;
height: 31px;
background: url(http://www.w3.org/Icons/valid-xhtml10) no-repeat top left;
border: 1px solid #FFFFFF;
}


dl{
margin: 15px;
padding: 10px;
border: 2px solid #12127D;
background: #C8C8FF;
}

dt{
font-weight: bold;
color: #12127D;
padding: 0 0 0 10px;
}

dd{
color: #1919B3;
padding: 0 0 20px 25px;
background: url(./afbeeldingen/uitroepteken.gif) no-repeat 0 0;
}  

table.config{
width: 70%;
color: #1919B3;
padding: 5px 0px 5px 0px;
margin: 10px 0px 0px 40px;
background: #C8C8FF;
border: navy solid 2px;
font-size:1em;
}  

tr.config{
padding: 5px 0px 5px 10px;
}  

td.config{
padding: 5px 0px 5px 5px;
}  


td.config_2{
padding: 5px 0px 5px 5px;
width: 2%;
}  

td.config_25{
padding: 5px 0px 5px 5px;
width: 25%;
}  

td.config_73{
padding: 5px 0px 5px 5px;
width: 73%;
}  




td.head{
padding: 5px 0px 5px 5px;
color: #990099;
font-weight: bold;
}  

td.head_2{
padding: 5px 0px 5px 5px;
color: #990099;
font-weight: bold;
width: 2%;
}  

td.head_24{
padding: 5px 0px 5px 5px;
color: #990099;
font-weight: bold;
width: 24%;
}  

td.head_25{
padding: 5px 0px 5px 5px;
color: #990099;
font-weight: bold;
width: 25%;
}  

td.head_50{
padding: 5px 0px 5px 5px;
color: #990099;
font-weight: bold;
width: 50%;
}  

td.head_73{
padding: 5px 0px 5px 5px;
color: #990099;
font-weight: bold;
width: 73%;
}  

table.mailform{
width: 90%;
color: #1919B3;
padding: 5px 0px 5px 0px;
margin: 10px 0px 0px 40px;
background: #C8C8FF;
border: navy solid 2px;
font-size:1em;
}  

tr.mailform{
padding: 5px 0px 5px 10px;
}  

td.mailform{
padding: 5px 0px 5px 5px;
}  

td.mailformtitle{
padding: 5px 0px 5px 5px;
font-weight: bold;
}  
td.mailformtitle_33{
padding: 5px 0px 5px 5px;
font-weight: bold;
width: 33%;
}  

td.mailformtitle_34{
padding: 5px 0px 5px 5px;
font-weight: bold;
width: 34%;
}  

legend.mailform{
color: #990099;
font-weight: bold;
}

textarea.mailform{
width: 88%;
color: #1919B3;
padding: 5px 5px 5px 5px;
margin: 10px 0px 0px 40px;
background: #C8C8FF;
border: navy solid 2px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:100%;
}

p.mailform{
padding: 5px 0px 5px 5px;
color: #990099;
font-weight: bold;
}