/* CSS Document */
body{
 background-image:url(../img/nav/bg-site.png);
 background-repeat:repeat;
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 line-height:16px;
 color:#666666;
 margin:0;
 padding:0;
}

#wrapper{
 width:985px;
 margin:0 auto;
 margin-top:5px;
}

#container{
 width:796px;
 background-image:url(../img/nav/bg-content.png);
 float:left;
 padding-left:5px;
}

#menu{
 float:left;
 padding-top:282px;
}

#content{
 float:left;
 margin-left:11px;
 margin-top:4px;
 width:566px;
 line-height:18px;
}

#submenu{
 float:right;
 margin: 2px 0px 0px 0px;
 padding:14px 0px 0px 3px;
 width:176px;
 height:336px;
 background-image:url(../img/nav/bg-right-nav.png);
}

#footer{
 clear:both;
 height:7px;
 width:985px;
 background-image:url(../img/nav/bg-footer.png);
 background-repeat:no-repeat;
 margin:0 auto;
}

#clear{
 clear:both;
 text-align:center;
}

#textleft{
 float:left;
 width:270px;
 padding:0 0 0 0;
 border-right:1px solid #cccccc;
 margin-bottom:10px;
}

#textright{
 float:right;
 width:280px;
 padding:0;
 margin-bottom:10px;
}

/* Hyperlinks */
#menu a, #menu a:visited{
 color:#ffffff;
 font-weight:bold;
 font-size:12px;
 margin:0px 0px 0px 0px;
 padding:5px 0px 5px 10px;
 text-decoration:none;
 display:block;
 width:204px;
 border-top:1px solid #cccccc;
}

#menu a:hover{
 color:#ffffff;
 background-color:#ff9f16;
}

#menu a.sub, #menu a.sub:visited{
 color:#FBFBFB;
 font-weight:bold;
 font-size:10px;
 margin:0px 0px 0px 0px;
 padding:1px 0px 1px 15px;
 text-decoration:none;
 border:0;
 display:block;
 width:199px;
}

#menu a.sub:hover{
 color:#ff9f16;
 background-color:#FFFFFF;
}

#menu .subtitle{
 color:#ff9f16;
 font-weight:bold;
 font-size:11px;
 margin:0px 0px 0px 0px;
 padding:1px 0px 1px 15px;
 text-decoration:none;
 display:block;
 width:199px;
 border-bottom:0;
}

/* Hyperlinks */
#submenu a, #submenu a:visited{
 color:#ffffff;
 font-weight:bold;
 font-size:12px;
 margin:0px 0px 0px 0px;
 padding:5px 0px 5px 10px;
 text-decoration:none;
 display:block;
 width:161px;
 border-top:1px solid #cccccc;
}

#submenu a:hover{
 color:#ffffff;
 background-color:#ff9f16;
}

#submenu a.sub, #submenu a.sub:visited{
 color:#FBFBFB;
 font-weight:bold;
 font-size:10px;
 margin:0px 0px 0px 0px;
 padding:1px 0px 1px 15px;
 text-decoration:none;
 border:0;
 display:block;
 width:156px;
}

#submenu a.sub:hover{
 color:#ff9f16;
 background-color:#FFFFFF;
}

#content a, #content a:visited{
 color:#ff9f16;
 font-size:12px;
 text-decoration:none;
 border-bottom:1px solid #cccccc;
}

#content a:hover{
 color:#666666;
 border-bottom:1px solid #ff9f16;
 background-color:#FFEEE6;
}

/* Opmaak */

h1, h2, h3, h4, h5  { color: #000; font-weight: bold; font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0 }

h1  { color: #000; font-size: 30px; margin: 0; padding: 0 10px; width: 500px; height: 30px }

h2  { color: #000; font-size: 10px; margin-bottom: 10px; padding: 0 10px; width: 500px; height: 20px }

h2.smallp  { color: #000; font-size: 10px; margin: 0 0 10px; padding: 0 0 0 10px; width: 225px; height: 20px }

p{
 margin:0px 10px 15px 10px;
}

p.right{
 margin:0px 10px 15px 10px;
 padding-left:10px;
 border-top:1px solid #cccccc;
 float:right;
 width:150px;
}

img.right{
 border:0;
 float:right;
 margin:10px 0px 10px 5px
}

img.left{
 border:0;
 float:left;
}

img.center{
 text-align:center;
 border:0;
}

img{
 border:0;
}

.color1{
 color:#ff9f16; /* orange */
}

.color2{
 color:#0066cc; /* blue */
}

li{
 list-style:square;
 margin-right:15px;
}

table.small{
 width:260px;
 margin-left:10px;
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
}

table.small input, select, textarea{
 width:220px;
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 border:1px solid #cccccc;
}

table.small input.normal{
 width:20px;
}