/* Stylesheet by Mediadepedia */

.hide {
   display: none;
}

/* NAVIGATION */
#header-navigation { 
	float:left;
	padding: 0px 0px 5px 0px;
	width: 938px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.headernav {
	padding: 0px;
	list-style-image: none;
	list-style-type: none;
}
.headernav li {
	float: left;
}
.headernav li a:link, .headernav li a:visited, .headernav li a:active {
	color: #fff;
	text-decoration: none;
	margin-right: 1px;
	display: block;
	float: left;
	text-align: left;
	padding: 30px 10px 10px 10px;
	font-size: 13px;
	margin-bottom: -6px;
	background: #000;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}
.headernav li a:hover {
	text-decoration: none;
	color: #fff;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}
.headernav li a.active:link, .headernav li a.active:visited, .headernav li a.active:active, .headernav li a.active:hover {
	text-decoration: none;
	color: red;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}

#footer-navigation { 
	float: left;
	padding: 10px;
}
.footernav {
	padding: 0px;
	list-style-image: none;
	list-style-type: none;
}
.footernav li {
	float: left;
}
.footernav li a:link, .footernav li a:visited, .footernav li a:active {
	color: #fff;
	text-decoration: none;
	margin-right: 10px;
	display: block;
	float: left;
	text-align: left;
	padding: 5px 5px 5px 5px;
	font-size: 13px;
}
.footernav li a:hover {
	text-decoration: none;
	color: #EB7426;
}
.footernav li a.active:link, .footernav li a.active:visited, .footernav li a.active:active, .footernav li a.active:hover {
	text-decoration: none;
	color: #0080ff;
}

/* PAGINATIN */

div.pagination {
	padding:0px;
	margin: 5px 0px 25px 10px;
	text-align:left;
	color: #fff;
}

div.pagination a {
	padding: 3px 7px 3px 7px;
	margin-right: 5px;
	background: #eee;
	text-decoration: none; 
	color: #888;
	font-size: 13px;
	border: 1px solid #ddd;
	border-radius:         5px;
	-webkit-border-radius: 5px;
	-moz-border-radius:    5px;
	-o-border-radius:      5px;
	-khtml-border-radius:  5px;
}
div.pagination a:hover, div.pagination a:active {
	padding: 3px 7px 3px 7px;
	border: 1px solid #ddd;
	margin-right: 5px;
	font-size: 13px;
	color: #000;
	border-radius:         5px;
	-webkit-border-radius: 5px;
	-moz-border-radius:    5px;
	-o-border-radius:      5px;
	-khtml-border-radius:  5px;
}
div.pagination span.current {
	padding: 3px 7px 3px 7px;
	border: 1px solid #ddd;
	margin-right: 5px;
	background: #eee;
	color: #000;
	font-size: 13px;
	font-weight: bold;
	border-radius:         5px;
	-webkit-border-radius: 5px;
	-moz-border-radius:    5px;
	-o-border-radius:      5px;
	-khtml-border-radius:  5px;
}
div.pagination span.disabled {
	padding: 3px 7px 3px 7px;
	border: 1px solid #ddd;
	margin-right: 5px;
	color: #ddd;
	font-size: 13px;
	background: #eee;
	border-radius:         5px;
	-webkit-border-radius: 5px;
	-moz-border-radius:    5px;
	-o-border-radius:      5px;
	-khtml-border-radius:  5px;
}

#top_info{
	margin: 0px auto;
	width: 918px;
	padding: 10px 10px 25px 10px;
	font-size: 13px;
	margin-bottom: 20px;
	border: 1px solid #ddd;
	background: #eee;
}

#breadcrumbs { 
	float:left;
	width: 620px;
	min-width: 620px;
	max-width: 620px;
	margin-right: 20px;
}

#loggedin_top {
	float:left;
	width: 260px;
}

#loggedin_top a{ 
	padding: 0px 10px 0px 0px;
	float: left;
}

#loggedin_top p{ 
	padding: 0px 10px 0px 0px;
	float: left;
}

/* contact form */

.hasJS #contact-form .flow {
	position: relative;
}
.hasJS #contact-form .hidden {
	display: none;
}
.hasJS #contact-form.active .flow {
	display: block;
}
.hasJS #contact-form .flow .contents {
	position: absolute;
	bottom: 0;
}

#contact{
	padding: 10px 0px 10px 0px;
	margin-top: 0px;
	background: #ccc;
}

.contact_top {
	font-size: 12px;
	width: 940px;
	margin: 0 auto;
	padding: 0px 0px 5px 0px;
}

#contact-form {
    background-color: #ccc;
    color: #fff;
	clear: both;
	overflow: hidden;
}
#contact-form .flow {
	background-color: #ccc;
    color:  #fff;
    padding: 20px 10px 0px 10px;
    width: 960px;
	margin: 0 auto;
}
#contact-form h2 {
	color: #aaa;
	margin-bottom: 20px;
	margin-left: 10px;
}
#contact-form .snailmail {
	float: left;
}
#contact-form address {
	color: #bbb;
	margin-left: 10px;
	font-size: 14px;
	font-style: normal;
	padding-bottom: 20px;
}
#contact-form form {

}
#contact-form label {
	display:  block;
}

#contact-form input {

}
#contact-form textarea {

}

#contact-form input,
#contact-form textarea {

}

#contact-form fieldset {

}


#contact-form .button-container {
	text-align: right;
	margin: 0;
}
#contact-form .button-container button {
	border: none;
	color: #fff;
	padding:  0.2em 1em;
	margin-right: 2.2%;
	background-color: #645951;
}
#contact-form button[type="submit"] {

}

#contact-form button[type="reset"] {

}

/* jkm nav */
/* Navigatie */

		#navigatie{
         background:url(../img/navigation-bg.jpg) repeat-x top left;
         z-index:0;
         margin-top: -19px;
		}
      #navigatieinhoud{
         width:960px;
         margin:0 auto;
         overflow:hidden;
      }
         #hoofdnavigatie{
				width:100.4em;
				margin-left:8px;
				padding-top:3px;
				position:relative;
				bottom:0;
				right:0;
			}

			#hoofdnavigatie ul,
			#hoofdnavigatie li{
				float:left;
				list-style:none;
				margin:0;
				padding:0;
            white-space:nowrap;
			}

			#hoofdnavigatie ul{
			width:87em;
            height:90px;
			}
			#hoofdnavigatie ul.sub{
            position:absolute;
            top:47px;
            left:13px;
         	}
         	.sub {
         	
         	}
         	
			#hoofdnavigatie li.main{
            margin: 0 2px 0 2px;
			}
				#hoofdnavigatie li.main a{
					background:url(../img/menu-bg-l.gif) no-repeat left;
					display:block;
					font-size:14px;
					font-family:Trebuchet MS,Arial, Helvetica, sans-serif;
					color:#fff;
					text-decoration:none;
               font-weight:bold;
					text-align:center;
					line-height:10px;
				}

				   #hoofdnavigatie li.main a.actief,
				   #hoofdnavigatie li.main a.hover,
				   #hoofdnavigatie li.main a:hover {
						background:url(../img/menu-bg-active-l.gif) no-repeat left;
                  color:#EB7426;
               }
				   #hoofdnavigatie li.main a.hover,
				   #hoofdnavigatie li.main a:hover {
                  color:#0080ff;
               }
				   #hoofdnavigatie li.main a.actief:hover {
                  color:#EB7426;
               }
					#hoofdnavigatie li.main a.hover span,
					#hoofdnavigatie li.main a.actief span,
					#hoofdnavigatie li.main a:hover span{
						background:url(../img/menu-bg-active-r.gif) no-repeat right;
					}

				#hoofdnavigatie li.main a span{
					background:url(../img/menu-bg-r.gif) no-repeat right;
					display:block;
					padding:11px;
				}

			#hoofdnavigatie li.sub{
            margin: 0;
            display:block;
            margin-top: -3px;
         }
			#hoofdnavigatie li.notfirst{
            margin-right:20px;
			}
			#hoofdnavigatie li.sub span{
            margin: 0px 8px;
            float:left;
         }
				#hoofdnavigatie li.sub {
					font-family:Arial, Helvetica, sans-serif;
					color:#000;
            }
				#hoofdnavigatie li.sub a {
					background:none;
					font-size:15px;
					color:#0080ff;
					text-decoration:none;
               		font-weight:normal;
					text-align:center;
				}

				   #hoofdnavigatie li.sub a.actief,
				   #hoofdnavigatie li.sub a:hover {
					   text-decoration:none;
					   color:#EB7426;
               }
			#hoofdnavigatie ul.fontsize,
			#hoofdnavigatie li.fontsize{
				float:right;
				list-style:none;
				margin:0;
				padding:0;
            white-space:nowrap;
			}

			#hoofdnavigatie ul.fontsize li{
				float:left;
				list-style:none;
				margin:0;
				padding:0;
            white-space:nowrap;
			}


			#hoofdnavigatie ul.fontsize{
				width:12em;
            height:90px;
            margin-top:5px;
            background:0;
            border:0;
			}
			#hoofdnavigatie ul.fontsize a img{
            border:0;
         }

   /* subnavigatie */
      #subnavigatie{
         float:left;
         width:100%;
         border-bottom:6px solid #EB7426;
      }

         #subnavigatie ul{
            list-style:none;
            margin:0;
            padding:0;
         }

         #subnavigatie li{
            float:left;
            margin:0;
            margin-right:3px;
            padding:0;
            font-size:1.0em; 
            background:url(../img/subnav-paarslinks.gif) no-repeat top left;
         }
            #subnavigatie li:hover,
            #subnavigatie li.actief{
               background-image:url(../img/subnav-paarslinkson.gif);
            }
            #subnavigatie li.grijs{
               background-image:url(../img/subnav-grijslinks.gif);
               float:right;
               margin-right:0;
               margin-left:3px;
            }
            #subnavigatie li:hover.grijs,
            #subnavigatie li.actiefgrijs{
               background-image:url(../img/subnav-grijslinkson.gif);
            }

         #subnavigatie a{
            display:block;
            float:left;
            padding:0.5em 1em;
            color:#fff;
            font-size:1.0em;
            text-decoration:none;
            background:url(../img/subnav-paarsrechts.gif) no-repeat top right;
         }
            #subnavigatie li:hover a,
            #subnavigatie li.actief a{
               background-image:url(../img/subnav-paarsrechtson.gif);
            }

            #subnavigatie li.grijs a{
               background-image:url(../img/subnav-grijsrechts.gif);
            }
            #subnavigatie li:hover.grijs a,
            #subnavigatie li.actiefgrijs a{
               background-image:url(../img/subnav-grijsrechtson.gif);
            }

   /* sub subnavigatie */
      #subsubnavigatie{
        float:left;
        width:100%;
        background:#EB7426;
        margin-bottom:-10px;
      }
      #subsubnavigatie li,
      #subsubnavigatie li.actief,
      #subsubnavigatie li.actief a,
      #subsubnavigatie li:hover,
      #subsubnavigatie li:hover a,
      #subsubnavigatie li a{
         background:none;
      }

      #subsubnavigatie a{
         padding:0.2em 0.4em;
         margin:0.4em;
         margin-bottom:0;
      }
      #subsubnavigatie a:hover,
      #subsubnavigatie li:hover a,
      #subsubnavigatie li.actief a{
        background-color:#fff;
        color:#EB7426;
      }

#skip, #navigatie h2{
			display:none;
		}