/*

	All the non-default styles unique to this site.
	-----------------------------------------------

	@file 		style.css
	@version 	1.0
	@author 	Rommert van der Marel

	Copyright (c) 2010 Verdel Design & Ontwikkeling

*/





/********************************************************************************************************
 * General
********************************************************************************************************/

body { background-color: #ffffff;}



.wrapper{width: 1000px; margin: 0 auto; overflow: hidden; }
.container { width: 956px; margin-left: 20px; background: none; overflow: hidden; }
.content { width: 693px; float: left; overflow: hidden; padding-left:27px; padding-bottom: 10px; background-color: #ffffff; padding-right: 10px;}
.sidebar {   width: 215px; float: right; margin-right: 3px; }

/*header*/
.header{ height:178px; position:relative;  margin:0; width: 981px; }



h3 { text-transform: uppercase; font-family: 20px;}

.social-media {
  bottom:4px;
  position:absolute;
  right:7px;
  z-index:9999;
  width: 30px;
  height: 30px;
  background-image: url(/template/img/fb_28x28.png); background-repeat: no-repeat;
}

.main {  width: 1000px; margin:0;}

.breadcrumb{margin-bottom: 10px; padding-left: 25px;   color: #999999; background-image: url(/template/img/driehoek.png); background-repeat: no-repeat; }
.breadcrumb a{ text-decoration: none; color: #999999; }
.breadcrumb :hover{ text-decoration: none; color: #999999; }

.overzicht .verder a { color:  #004FA3; text-decoration: none;   }
.overzicht .verder a:hover { color:  #004FA3; text-decoration: none;   }
.overzicht ul { color:  #004FA3; margin: 0px; height: 159px;  }
.overzicht .titel a { color:  #004FA3; font-size: 16px; text-decoration: none; text-transform: uppercase;}
.overzicht .tekst { color:  #004FA3; }
.overzicht li { width: 666px; clear: both; list-style-type: none;}
.overzicht .img { width: 200px; float: left; margin-right: 20px; }

.bg_top { background-image: url(/template/img/bg_top.jpg); background-repeat: no-repeat; height: 34px;}
.bg_middle { background-image: url(/template/img/bg_middle.jpg); background-repeat: repeat-y; }
.bg_bottom { background-image: url(/template/img/bg_bottom.jpg); background-repeat: no-repeat; height: 34px;}

.bekijk { color: #004FA3; font-size: 13px; }
.bekijk .img { width: 200px; float: left; margin-right: 20px; }


.logo { width: 246px; height: 138px; position: absolute; right: 5px; bottom: 50px; z-index: 1;}

.anyClass {  width: 666px; height: 190px;  overflow: hidden; border: solid 1px; border-color: #F7931E;   }
.anyClass ul { }

.anyClass .img { }
 
.pagina_foto2  { width: 666px; height: 190px;}
.pag_foto_tekst { width: 666px; height: 190px; border: solid 1px; border-color: #F7931E;}
.pag_foto { position: absolute; bottom: 39px; left:21px; width: 956px; height: 153px;}
.pagfoto2 { background-color: #ffffff; width: 215px; height: 179px; margin-bottom: 10px; }
.pagfoto2 .img { width: 195px; height: 159px; margin-left: 10px; margin-top: 10px;}

.actueel { width: 195px; margin-bottom: 10px; background-color: #ffffff;  padding: 10px;  }


.contact { width: 195px; background-color: #ffffff;  color:  #00359F;  margin: 0px; padding: 10px; overflow: hidden;  }


.titel { font-size: 13px; color:  #004FA3; margin-top: 10px; margin-bottom: 10px; text-transform: uppercase; font-weight: bold;  }

.item {}
.item .verder a { color:  #004FA3; text-decoration: none;   }
.item .verder a:hover { color:  #004FA3; text-decoration: none;   }
.item .tekst { width: 205px; margin-top: 10px; margin-bottom: 10px;  }
.item p { margin: 0px;}
.item .titel { font-size: 11px; text-transform: uppercase; font-weight: bold; }
.item ul { color:  #004FA3; margin: 0px; }
.item li { list-style-type: none; }


.safety { width: 56px; float: left; margin-right: 5px; margin-top: 10px; }

.formulier { color: #000000; background-color: #FFFFFF; width: 510px;  float: left; font-size: 14px;  margin-bottom: 20px; margin-top: 20px;  }
.formulier div { margin: 0; padding-bottom: 5px;  }
.formulier label {width: 100px; float: left; }
.formulier .tekst { width: 170px;  font-size: 13px; }
.formulier select { margin-left: 10px; margin-right: 45px;}
.formulier textarea {margin-left: 10px; margin-right: 45px;}
.formulier input  { margin-left: 10px; margin-right: 45px; }
.formulier h2{ font-size: 21px; text-decoration: none; color: #0079C1; font-family: 'arial' ,  serif; text-transform: none; margin-left: 10px; }



.tekst { width: 666px; font-size: 12px; color: #004FA3; }
.paginatitel { font-size: 17px; color:#004FA3; margin-top: 20px; margin-bottom: 20px; font-weight: bold;}
.oneliner { font-size: 15px; color: #004FA3; margin-bottom: 20px; margin-top: 20px; }


	/* jQuery lightBox plugin - \ style */
#gallery {
		background-color: #ffffff;
		width: 625px;
		overflow:hidden;
	}
#gallery ul { list-style: none; margin: 0px; }
#gallery ul li { display: inline;  }
#gallery ul img {
		float:left;
		border-width: 5px 5px 20px;
	}
#gallery ul a img { border: solid 1px; margin-right: 15px; margin-bottom:20px;  border-color: #F7931E;}
#gallery ul a:hover img {
	}
#gallery ul a:hover { color: #fff; }


/********************************************************************************************************
 * supernav
********************************************************************************************************/







#menu {    background-color: #004FA3;    list-style-type: none;    margin: 0;    padding: 0;    position: absolute;    right: 7px;    top: 143px;    width: 953px;    z-index: 2;}
#menu li                      { float: left;  z-index: 100; list-style-type: none; border-right: solid 1px;    border-right-color: #ffffff; background-color: #004FA3;   }
#menu a:hover		          { color: #FFF;  padding: 5px 10px; }
#menu a:active                { color: #FFF; padding: 5px 10px; }
#menu li a                    { display: block;   padding: 5px 10px;   color: #FFF;  text-decoration: none; font-size: 13px; font-weight: normal;  text-decoration:none;  }
#menu li:last-child a         { border-right: none; } /* Doesn't work in IE */
#menu li.hover,
#menu li:hover                {  position: relative; background-color: #F7931E; }
#menu li.parent-here         { color: #ffffff; background-color: #F7931E;  } 

/*	LEVEL TWO */

#menu ul 						{ margin: 0px; list-style-type: none;  visibility: hidden; position: absolute; top: 100%; left: 0; border-left: solid 1px; border-left-color: white; border-right: solid 1px; border-right-color: white; border-top: solid 1px; border-top-color: white;  }
#menu ul li 					{ font-weight: normal;  color: #000; width: 219px;  margin: 0; background-color: #004FA3; border-bottom: solid 1px; border-bottom-color: white;    }
									  
/* IE 6 & 7 Needs Inline Block */

#menu ul li a					{ border-right: none; width: 100%; display: inline-block;  } 

/* 	LEVEL THREE */

#menu ul ul 					{ list-style-type: none; left: 220px; top: -1px; }
#menu li:hover > ul 			{ visibility: visible; }





/********************************************************************************************************
 * Footer
********************************************************************************************************/

#footer { width: 964px; height: 170px; margin-left: 3px; overflow: hidden; padding-left: 16px;}

#footer ul { list-style-type: none; margin: 0px;}

#footer li ul { list-style-type: none; margin-top: 10px;  overflow: hidden;}

#footer li { list-style: none; background-image: url(/template/img/bg_image_footer.jpg); background-repeat: no-repeat; text-transform: uppercase; padding-top: 10px;   width: 231px;  float: left; margin-right: 10px; margin-top: 10px; height: 170px; }

#footer a { margin-left: 23px; font-size: 16px; text-decoration: none;  color: #004FA3;  }

#footer li ul li  { background-image: none;  margin: 0px;  padding-top: 0px; height: 20px; text-transform: lowercase;    }


#footer li ul li a { margin-left: 23px; font-size: 13px; height: 20px; line-height: 20px; text-decoration: none; color: #004FA3; display: block;  font-weight: bold;  }