/* ---------------------------------
   CSS-bestand gebaseerd op
   Leaves v1.0 - Anthonyy @ OSWD.org
   --------------------------------- */
   
/* BODY */
/*


/* CONTAINER */

		#container {
			width: 750px;
			margin: 0 auto;
			font-family: "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif; /* Lucida Grande voor Macs, Tahoma voor pc's */
			font-size: 12px;
			line-height: 1.6em;
			color: #666;
			background-color: #ffffff;
			background-image: url(transparantie.gif);

		}
		
/* Thumbnails */

        #thumbnails{
          width:316px;
          padding-left:43px;
        }
		
/* ALGEMENE DITJES EN DATJES */
		
		h1 {
			font-family: Arial, Helvetica, sans-serif;
			font-weight: normal;
			font-size:20px;
			color: #00608A;
			margin-bottom: 30px;
			background-color: #ffffff;
			border:1px dotted #00608A;
		}
		
		h2 {
			color: #666;
			font-size: 16px;
			font-family: Arial, Helvetica, sans-serif;
			background-color: #fff;
			border-top:2px dotted #00608A;
			border-bottom: 2px dotted #00608A;
		}
		h3{
            color: #666;
			font-size: 16px;
			font-family: Arial, Helvetica, sans-serif;
			background-color: #fff;
			border-top:2px dotted #00608A;
			border-bottom: 2px dotted #00608A;

          }
		
		a {
			color: #0096D7;
			text-decoration: none;
			font-size:11px;
		}

		a:hover {
			color: #FDB813;
			background-color: #f5f5f5;
		}

/* HEADER */

		#header {
            
			border-bottom: 4px solid #FDB814;
			padding-top: 10px;
			clear: both;
			margin-bottom: 10px;
			height:80px;
		}
		#logo{
          background-image:url("logo.gif");
          background-repeat:no-repeat;
          width:300px;
          height:58px;
          float:left;
          padding-top:2px;
          padding-right:50px;
  }
        #openingsuren {
          float: right;
          width: 250px;
          padding-top:5px;
          color:#00608A;
          font-weight:bold;
          font-size: 11px;
          line-height:1.4;
        }
        #adres {

          float: left;
          width: 150px;
          color:#00608A;
          font-weight:bold;
          font-size: 12px;
          line-height:1.4;

        }

		/* de slogan */
		#header p {
			margin-top: -10px;
			margin-right: 30px;
			font-size: 12px;
		    text-align:right;

		}


		#headernavigatie a {
			
			padding: 5px;
			width: 500px;
			font-size:18px;
		
		}

		#headernavigatie a:link, #navlijst a:visited {

            
			color: #0096D7;
			text-decoration: none;
			font-size:18px;
		}

		#headernavigatie a:hover {
			
			color:#FDB813;
			font-size:18px;
		}


	
	
/* NAVIGATIE */
	
        #navigatie{
                   margin-right: 20;

        }

		#navigatie ul {
			margin-left: 0;
                           	padding-left: 0;
			list-style-type: none;
			float: left;
			width: 150px;
			border: 1px dotted #FDB813;
		}

		#navigatie a {
			display: block;
			padding: 5px;
			width: 140px;
			border-bottom: 1px solid #CCC;
		}
 
		#navigatie a:link, #navlijst a:visited {

            background-color: #0096D7;
			color: #D6D6D6;
			text-decoration: none;
			font-size:16px;
		}
		
		#navigatie a:hover {
			background: #000000 url(../images/pijl.gif) 96% 50% no-repeat;
			background-color: #FDB813;
			color:#0096D7;
		}
	   li.current {

        background: #BEB06F;
        color: #1A1303;
        font-weight: bold;
      }

/* KLEIN KADER ONDER NAVIGATIE */

		#navigatie p {
			margin-top: 40px;
			padding: 5px;
			border-bottom: 1px dotted #ccc;
			border-top: 1px dotted #ccc;
		}
		
/* CONTENT */

		#content {
			width: 362px;
			margin-top:25px;
			margin-left: 180px;
			margin-right: 200px;
			background-image: url(transparantie.gif);
			background-color: #f5f5f5;
		}
		
		#content p {
			padding-bottom: 10px;
			border-bottom: 1px solid #ddd; /* Lichtgrijze lijn onder de tekst */
		}
        /*
		img{
          border:1px solid #0096D7;
  }
        img : hover{
          border: 1px solid #FDB813;

        } */

/* SIDEBAR */

        #sidebar ul {
            color:#00608A;
			margin-left: 0;
			padding-left: 20px;
			list-style-type: none;
			float: center;
			width: 100px;
			
		}

		#sidebar {
			float: right;
			width: 120px;
			border: 1px dotted #FDB813;
		}
		
		#sidebar p {
            color:#00608A;
			padding-bottom: 10px;
			border-bottom: 1px solid #ddd;
		}

/* FOOTER */

		#footer {
			margin-top: 20px;
			clear: both;
			background-color:#FDB814;
			padding: 0px 5px 0px 5px;
		}
		
		#footer p {
			color:#0096D7;
			padding: 5px;
			font-size: 10px;
		}
		
		#footer p a {
			color: #89817f;
			border-bottom: 1px dotted #89817f;
			font-size: 10px;
		}
		
		#footer p a:hover {
			background-color: #575352;
			color: #ffffff;
			font-size: 10px;
		}
		
/*Colors */

.darkblue{
  color:#00608A;
}
.blue{
  color:#007BB0;
}
.lightblue{
  color:#0096D7;
}
.orange{
  color:#FDB813;
}
.brown{
  color:#B05200;
}
.darkbrown{
  color:#8A4000;
  
}

.grey{
  color:#D6D6D6;
}

.darkgrey{
  color:#292929;
}