/**
 *	M24 Service
 * @version: $Id: styles.css 11138 2010-04-12 07:25:37Z rutger $
 **/

/*****************

	Standaard tags
	
*****************/
	
	html,body {
		font-family:Arial, Helvetica, sans-serif;
		color: #2e2e2e;
		margin:0;
		padding:0;
	}
	
	html {
		background:#d6dbde url(/images/bg.jpg) repeat-x top;	
	}
	
	body {
		font-size:62.5%;
		background: url(/images/bg-sfeer.jpg) no-repeat top;
	}
	
	h1,h2,h3,h4,h5,h6 {
		font-family: Arial, Helvetica, sans-serif;
		margin: 0;
		padding: 0;
	}
	
	ul, li {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	a {
		border: 0;
		color: #af0101;
		font-weight: bold;
		text-decoration: underline;
	}
	
	a:hover {
		text-decoration: none;
	}
	
	
/*** standaard formulier ***/


   .formulier fieldset {
      border: 0;
	  margin: 0;
	  padding: 0;
   }

	   .formulier legend {
			display: none;
	   }

		   .formulier label {
			  font-weight: bold;
			  font-size: 1.2em;
			  line-height: 1.6em;
			  display: block;
			  cursor:pointer;
		   }

			   .formulier p {				 
				  color: #000;
				  padding: 0.2em 0em;
				  margin: 0;
			   }

				   .formulier input, .formulier select, .formulier textarea {
					  width: 85%;
					  background:#e9e9e9;
					  border-top: 1px solid #e9e9e9;
					  border-left: 1px solid #e9e9e9;
					  border-bottom: 1px solid #b6b6b6;
					  border-right: 1px solid #b6b6b6;
					  color: #000;
					  font-style:normal;
					  font-size: 1.1em;
					  font-family: Arial, Helvetica, sans-serif;
					  padding:0.6em 0.4em;
					  margin: 0;
				   }

				   .formulier select { width: 80%; }

					   .formulier input.passief,
					   .formulier select.passief {
						  color: #82807c;
						  font-style:italic;
					   }

					   .formulier button {
						  background: url(/images/form-knop.gif) no-repeat top;
						  float: left;
						  font-family: Arial, Helvetica, sans-serif;
						  color: #FFF;
						  border: 0px;
						  cursor:pointer;
						  font-size: 1.6em;
						  padding: 4px 30px 18px 15px;
						  margin: 0;
					   }

/*** Foutmelding ***/
				   
.formulier  label.errorMessage {display: none;}
.formulier .errorMessage {border: 1px solid #b82224;margin:0;}
.formulier span#singleErrorMessage {color: #b82224; font-weight: bold; position:relative; bottom:-28px;}

/**************

  Body & pagina's

**************/
	
		#wrapper {
			width: 960px;
			position: relative;
			overflow: hidden;
			margin: auto;
			padding: 0;
		}
		
			#hoofd, #intro, #functie-wrapper {
				float: left;
				margin: 0 160px 0 160px;
			}
			
				#inhoud, #citaat, #contact {
					float: left;
					padding: 0;
					margin: 0 160px 0 140px;
				}
			
					#zestig-jaar {
						position: absolute;
						z-index:5;
						left: 0;
						top: 0;
						text-indent:-5000px;
						width:118px;
						height:118px;
						background: url(/images/60jaar-actief.png) no-repeat;
						padding: 0;
						margin: 0;
					}
	
/**************

  hoofd: Logo, header + adres

**************/

	#hoofd {
		position: relative;
      width: 960px;
		margin-top: 40px;
      height: 280px;
	}
   
   #pagina-home #hoofd {height: 300px;}
	
		#logo {
			padding-top:40px;
			position: relative;
			z-index:1;
		}
	
			#logo a,
			#logo img {
				border:0;
			}
			
			#hoofd h1 {
				float: left; 
				font-family: Arial, Helvetica, sans-serif;
				font-weight: bold;
				font-size: 2.6em;

				margin: 0 0 20px 0;
				padding: 80px 0 0 0 ;
				width:640px;
			}
			
			#pagina-home #hoofd h1 {padding: 80px 0 45px 0 ;}
			
			/*	#hoofd #adres {
					width: 300px;
					float: right;
					padding: 0;
					margin: -220px 0 0 0;
				} */
				
				#hoofd #adres {
					position: absolute;
               width: 300px;
					top: 20px;
					left: 325px;
				}
				
				#hoofd #adres p {
               text-align: right;
               font-size:14px;
               color: #151515;
            }
				
					#hoofd #adres address {
                  text-align: right;
						font-size:17px; 
						color: #151515;
						padding: 0;
						margin: 0;
					}
					
					#hoofd #adres address strong{color:#5f5f5f; font-style:normal;}
					#hoofd #adres address em {font-style:normal;}
		
/**************

  Intro blokken + categorie pagina's

**************/

#intro {
	float: left;
	margin-bottom:60px;
	margin-top: 0px;
}
	
	#intro #water,
	#intro #gas,
	#intro #licht {
		float: left;
		position: relative;
		z-index: 2;
		color: #FFF;
		width: 183px;
		margin: 0 10px 0 0;
		padding: 10px;
	}
	
		#intro .schaduw {
			background: url(/images/home-shaduw.png) no-repeat;
			float: left;
			width: 210px;
			height: 78px;
			position: absolute;
			z-index: 1;
			bottom: -60px;
			left: -5px;
			margin: 0;
			padding: 0;
			padding-bottom: -50px;
		}
		
			#intro h2, #functie  h3 {
				color: #FFF;
				font-style: italic;
				font-weight: normal;
				font-size: 1.4em;
				text-align: center;
				padding: 55px 0 15px 0;
				margin: 0 5px;
			}
			
				#intro h3, #functie  strong {
					text-indent:-5000px;
					position: absolute;
					top: 20px;
					width: 97px;
					height: 29px;
					padding: 0;
					margin: 10px 0 0 40px;
				}
					
					#intro p {
						font-size: 1.2em;
						line-height: 1.8em;
						margin: 0 5px;
						padding: 15px 0 30px 0;
					}
					
						#intro p a {
							display: inline;
							float: none;
							font-size: 1.0em;
							color: #FFF;
							margin: 0;
							padding: 0;
						}
						
							#intro a {
								font-size: 1.2em;
								width: 135px;
								display: block;
								font-weight: normal;
								text-decoration: none;
								float: right;
								color: #FFF;
								margin: -2px 0 -11px 0 ;
								padding: 0px 0 10px 8px;
							}
							
								#intro span {
									float: right;
									font-weight: normal;
									margin: 0 0 10px 0;
									padding: 0;
								}
								
									#intro strong {
										float: right;
										padding: 10px 0 0 0;
										margin: -11px 0 0 0;
									}
	
	
	#intro #water {background: #0095d9 url(/images/bg-water.jpg) repeat-x bottom;}
	#intro #water h2 {border-bottom: 1px solid #0085c1;}
	#intro #water h3,#pagina-water #functie strong {background: url(/images/txt-water.gif) no-repeat;}
	#intro #water p {border-top: 1px solid #0da1e5;}
	#intro #water a {background: url(/images/but-water-bot.png) no-repeat bottom right;}
	#intro #water span {background: url(/images/but-water-pijl.png) no-repeat top right;}
	#intro #water strong {background: url(/images/but-water-top.png) no-repeat top right;}
		
	#intro #gas {background: #3c2049 url(/images/bg-gas.jpg) repeat-x bottom;}
	#intro #gas h2 {border-bottom: 1px solid #2f193a;}
	#intro #gas h3,#pagina-gas #functie strong {background: url(/images/txt-gas.gif) no-repeat;}
	#intro #gas p {border-top: 1px solid #4c295c;}
	#intro #gas a {background: url(/images/but-gas-bot.png) no-repeat bottom right;}
	#intro #gas span {background: url(/images/but-gas-pijl.png) no-repeat top right;}
	#intro #gas strong {background: url(/images/but-gas-top.png) no-repeat top right;}
	
	#intro #licht {background: #c00000 url(/images/bg-licht.jpg) repeat-x bottom;}
	#intro #licht h2 {border-bottom: 1px solid #a61717;}
	#intro #licht h3,#pagina-licht #functie strong  {background: url(/images/txt-licht.gif) no-repeat;}
	#intro #licht p {border-top: 1px solid #d10000;}
	#intro #licht a {background: url(/images/but-licht-bot.png) no-repeat bottom right;}
	#intro #licht span {background: url(/images/but-licht-pijl.png) no-repeat top right;}
	#intro #licht strong {background: url(/images/but-licht-top.png) no-repeat top right;}

	#intro #water h3 a, #intro #water p a,
	#intro #gas h3 a, #intro #gas p a,
	#intro #licht h3 a, #intro #light p a {background: none;}
	
/**************

  Inhoud van categorieen

**************/

	#functie-wrapper {
		position: relative;
		background: url(/images/inhoud-schaduw.jpg) no-repeat -4px bottom;
		padding-bottom: 30px;
      margin-top:20px;
	}

		#functie {
			position: absolute;
			top: 0;
		}
		
			#functie .sfeer {
				position: relative;
				width: 210px;
				float: left;
			}
				
				#functie h3 {
					padding: 55px 0px 24px 0;
					margin: 0;
				}
				
					#functie strong {
						left: 55px;
						padding: 0;
						margin: 0;
					}
			
			#functie blockquote  p {
				background: #efefef url(/images/blockquote.gif) no-repeat top left;
				width: 250px;
				font-size: 2.5em;
				font-weight: block;
				font-style: italic;
				min-height:70px; 
				letter-spacing: -2px;
				position: absolute;
				float: right;
				top: 0;
				left: 210px;
				padding: 25px 70px 0 70px;
				margin: 0;
			}
			
	#pagina-water #functie .sfeer {background: #0095d9;}
	#pagina-gas #functie .sfeer {background: #3c2049;}
	#pagina-licht #functie .sfeer {background: #c00000;}
	
			
/***  inhoud ***/

	#inhoud-wrapper {
		float: left;
		min-height: 280px;
		border-top: 16px solid #f4f7f8;
		margin-top: 92px;
	}
		
		#inhoud-wrapper #inhoud {
			float: right;
			background: #cbcbcb url(/images/bg-inhoud.jpg) repeat-x top;
			width: 338px;
			margin: 0 42px 20px 0;
			padding: 0 25px;
		}
		
			#inhoud-wrapper #inhoud h2 {
				font-size: 1.4em;
				padding: 20px 0 0px 0;
			}
			
				 #inhoud p {
					font-size: 1.2em;
					line-height: 1.6em;
				}
				
					#pagina-bedankt #inhoud p{min-height: 160px;}
				
	#pagina-water #inhoud-wrapper {background: url(/images/bg-inhoud-wrapper-water.gif) repeat-y left top;}
	
	#pagina-gas #inhoud-wrapper {background: url(/images/bg-inhoud-wrapper-gas.gif) repeat-y left top;}
	
	#pagina-licht #inhoud-wrapper {background: url(/images/bg-inhoud-wrapper-licht.gif) repeat-y left top;}
	
/***  subnavigatie ***/	

	#subnavigatie {
		float: left;
		width: 210px;
		margin: 0 0 20px 0;
		padding: 0 0 20px 0;
	}
		
		#subnavigatie h2 {display: none;}
		
			#subnavigatie ul {
				margin: 20px 0 0px 10px;
			}
			
					#subnavigatie li a {
						color: #FFF;
						font-size: 1.2em;
						font-weight: normal;
						text-decoration: none;
						display: block;
						padding: 10px 0 10px 20px;
						margin: 0;
					}
					
						#subnavigatie li a:hover { 
							text-decoration: underline;
						}
						
							#subnavigatie li.actief a {
								margin-right: -3px;
							}
							
	#pagina-water #subnavigatie {background: #007fb9 url(/images/subnav-bg-water.jpg) repeat-x top;}
	#pagina-water #subnavigatie li {background: url(/images/subnav-water.gif) no-repeat bottom;}
	#pagina-water #subnavigatie li.actief a {background: url(/images/subnav-bg-wtr-actief.png) no-repeat bottom;}
	
	#pagina-gas #subnavigatie {background: #3c2049;}
	#pagina-gas #subnavigatie li {background: url(/images/subnav-gas.gif) no-repeat bottom;}
	#pagina-gas #subnavigatie li.actief a {background: url(/images/subnav-bg-gas-actief.jpg) no-repeat bottom;}

	#pagina-licht #subnavigatie {background: #9e0202 url(/images/subnav-bg-licht.jpg) repeat-x top;}
	#pagina-licht #subnavigatie li {background: url(/images/subnav-licht.gif) no-repeat bottom;}
	#pagina-licht #subnavigatie li.actief a {background: url(/images/subnav-bg-lct-actief.png) no-repeat bottom;}
	
/*** storing ***/

	#storing {
		float: left;
		min-height: 195px;
		margin: 0 0 15px 160px;
	}
		
		#storing h3, #contact h3 {
			color: #151515;
			font-size: 2.6em; 
			font-weight: bold; 
			padding: 0 0 10px 0;
		}
		
			#storing p {
				color: #2e2e2e;
				font-size: 1.2em;
				line-height: 1.6em;
				margin: 0 400px 0 0;
			}
			
/**************

	Vervolgpagina's

**************/

	#citaat {
		width: 698px;
		height: 106px;
		background: url(/images/citaat-content.jpg) no-repeat top left;
		margin-bottom: 20px;
	}
	
		#citaat blockquote p {
			font-size: 22px;
			color: #FFF;
			padding: 5px 55px 0 55px;
		}
		
			#inhoud {
				width: 638px;
				background: #cbcbcb url(/images/bg-inhoud.jpg) repeat-x top;
				padding: 10px 30px 0 30px;
				margin-bottom: 10px;
			}
			
						#inhoud  h2 { 
							font-size: 1.8em;
							padding: 20px 0 0px 0;
						}
						
/*** Nieuwspagina ***/

#pagina-nieuws #inhoud {position:relative;}

	#pagina-nieuws #inhoud ol {
		float: left;
		width: 445px;
		background: url(/images/nieuws-lijn.gif) no-repeat top left;
		margin: 10px 0 0 0;
		padding: 0;
	}
	
	#pagina-nieuws #inhoud #nieuws-inhoud {
		float: left;
		width: 445px;
		margin: 10px 0 0 0;
		padding: 0;
	}
	
		#pagina-nieuws #inhoud li {
			position: relative;
			background: url(/images/nieuws-dubbellijn.gif) no-repeat bottom left;
			margin: 10px 0;
			padding-bottom: 8px;
		}
		
			#pagina-nieuws #inhoud li em {
				position: absolute; 
				top: 1px; 
				left: 0;
				font-style:normal;
				font-weight: bold;
				font-size: 1.2em;
				color: #878787;
				padding: 0;
				margin: 0;
			}
				
				#pagina-nieuws #inhoud .nieuwsKop {font-size: 12px; margin-left: 110px;}
				
					#pagina-nieuws #inhoud li p {
						background: none; 
						float: none; 
						margin-right: 20px; 
						padding-bottom: 0; 
						margin-bottom: 10px;
					}
					
					
					#pagina-nieuws #inhoud strong {
						background: url(/images/nieuws-dubbellijn.gif) no-repeat bottom left;
						width: 440px;
						float: left;
						font-size: 1.2em;
						color: #878787;
						padding: 5px 0 10px 0;
					}
					
					#pagina-nieuws #inhoud p {						
						width: 445px;
						float: left;
						padding-bottom:15px;
						margin: 0;
						margin-top: 10px;
					}
               
              #pagina-nieuws #inhoud p .imgLeft {
                  float: left;
                  border: 1px solid #b1b1b1;
                  margin: 0 10px 10px 0;
              }
					
					.terugknop {
						background: url(/images/nieuws-dubbellijn.gif) no-repeat top left;
						float: left; 
						width: 445px; 
						margin: 0; 
						padding-top: 15px;
					}
					
					
						.terugknop a {
							background:url(/images/but-terug.gif) no-repeat right top;
							float: right;
							font-size: 1.2em;
							color: #FFF;
							font-weight: bold;
							text-decoration: none;
							padding: 4px 10px 5px 20px;
							margin: 0 10px 0 0;
						}
	
	#archief {
		float: right;
		width: 175px;
		background: url(/images/archief-bottom.png) no-repeat bottom left;
		padding-bottom: 28px;
		margin-top: -20px; 
	}
		
		#archief h3 {
			font-size: 1.4em;
			background: url(/images/archief-kop.png) no-repeat top left;
			padding: 15px 0 8px 20px;
			margin: 0;
		}
		
			#archief ul {
				background: url(/images/archief-bg.png) repeat-y left; 
				padding: 0; 
				margin: 0;
			}
		
			#pagina-nieuws #inhoud #archief li {
				background: url(/images/archief-bulletje.gif) no-repeat left; 
				padding: 5px 0 5px 15px; 
				margin: 0 0 0 20px;
			}
			
				#pagina-nieuws #inhoud #archief li a{ 
					font-size: 1.2em;
					font-weight: normal;
				}
				
						#pagina-nieuws #inhoud #archief  li.jaar {
							background: none;
							font-size: 1.2em;
							font-weight: bold;
							padding: 5px 0;
						}

						
/*** Contactpagina + bijbehorende formulier ***/
	
   #pagina-contact #citaat {display:none;}
   
	#pagina-contact  .formulier fieldset{ float: left; width: 45%;}
	#pagina-contact .formulier fieldset strong {color: #ba2e2e;}
	#pagina-contact  .formulier fieldset.bericht  {margin-left: 60px;}

		#pagina-contact #auto  fieldset {
			float: left; 
			width: 60%; 
			padding-left:40px;
			padding-top: 10px;
		}

			#pagina-contact #auto  button{margin-top: 20px;}
				
/*** Contactpagina adressen ***/	
		
			#contact address {
				float: left;
				font-style: normal; 
				font-size: 1.4em;
				line-height: 1.6em;
				color: #2e2e2e;
				margin: 0 80px 50px 0;
			}
			
				 #contact h3 {
					margin-top: -50px; 
					margin-bottom: 10px; 
					position: relative; 
					z-index: 10;
				}
			
					#contact address strong {color: #b82224; line-height: 2.0em;}
					
					
/***  gereedschap en auto in beeld ***/
	
	#storing {position: relative; z-index: 1;}
	
	#pagina-home #storing, 
	#pagina-over-ons #storing,
	#pagina-bedankt #storing	{background: url(/images/auto.png) no-repeat 380px -15px}
	#pagina-water #storing {background: url(/images/knijptang.jpg) no-repeat 380px -15px;}
	#pagina-gas #storing, 
   #pagina-nieuws #storing, 
   #pagina-sitemap #storing {background: url(/images/sleutels.jpg) no-repeat 380px -15px;}
	#pagina-licht #storing {background: url(/images/tangen.jpg) no-repeat 380px -15px;}

/*** monteur in beeld ***/

	#monteur {
		position: absolute; 
		z-index: 20;
		top: 305px;
		right: 10px; 
		width: 190px; 
		height: 453px;
	}
	
	#pagina-water #monteur {background: url(/images/monteur-water.png) no-repeat}
	#pagina-gas #monteur {background: url(/images/monteur-gas.png) no-repeat}
	#pagina-licht #monteur {background: url(/images/monteur-licht.png) no-repeat}
	
/*** schaduw en auto in beeld ***/

	#auto {
		background: url(/images/auto.jpg) no-repeat top;
		float: left;
		position: relative;
		z-index: 1; 
		width: 781px; 
		height: 257px;
		margin-left: -40px;
		margin-top: 20px;
	}
	
	#schaduw {
		background: url(/images/bg-inhoud-schaduw.jpg) no-repeat top;
		float: left;
		position: relative;
		z-index: 1; 
		width: 727px; 
		height: 57px;
		margin-left: -44px;
		margin-top: 20px;
	}

/***  loginpagina's Binnenkant + fotoboek ***/

	
	#pagina-login #inhoud,
	#pagina-melding #inhoud,
	#pagina-fotoboek #inhoud {
		margin-top: -40px;
		margin-bottom: 25px;
		min-height: 350px;
	}
	
		#pagina-login input.login,
		#pagina-login input.password{
			width: 200px;
			font-size: 1.2em;
			margin-bottom: 5px;
		}
		
			#pagina-login button {
				width: 120px;
				margin-right: 10px;
			}
		
				#pagina-login .formulier p {
					color: red;		
					color: #b82224; 
					font-weight: bold;
					padding: 8px 0 0 0;
				}

				
		#pagina-fotoboek #inhoud h3 {
			font-size: 1.4em;
			padding-top: 15px;
		}
		
			ul#fotoboekoverzicht {
				width: 100%;
				padding: 0 0 20px 0;
				margin: 0;
			}
			
			ul#fotoboekoverzicht li {
				float: left;
				width: 190px;
				font-size: 1.2em;
				border: 1px solid #a3a3a3;
				padding: 2px;
				margin: 0 15px 15px 0;
			}
			
				ul#fotoboekoverzicht h3 a{
					background: #bf2026;
					color: #FFF;
					width: 100%;
					padding: 10px 0;
					margin: -14px 0 0 0;
					text-align: center;
					display: block;
				}
				
				ul#fotoboekoverzicht p.details{
					background:#cbcbcb url(/images/bg-fotoboek-txt.jpg) repeat-x bottom;
					padding: 0 10px;
					margin: 0;
				}
				
				ul#fotoboekoverzicht p.foto img {
					width: 190px;
					height: 140px;
					float: left;
					display: block;
					border: 0;
					border-bottom: 1px solid #cbcbcb;
					padding: 0;
					margin: -14px 0 0 0;
				}
				
				 
				 ul#fotos {
					float: left;
					width: 100%;
					margin-bottom: 10px;
				}
				 
					ul#fotos li {
						float: left;
						width: 187px;
						padding: 2px 2px 0 2px ;
						margin: 0 15px 25px 0;
						border: 1px solid #a3a3a3;
					}
					
						ul#fotos li img {
							border: 0;
						}
				 
							 #pagina-fotoboek .terugknop  {
									background: none;
									display: block;
									padding-top: 15px;
									padding-bottom: 20px;
								}
								
								
									#pagina-fotoboek .terugknop a {
										font-size: 1.0em;
										padding-top: 2px;
										float: left;
										
									}

/**************

	Sitemap

**************/

	#sitemap {
		float: left;
		font-size: 1.2em;
		padding: 10px;
	}

		.sitemapItem{
			width:300px;
			margin-right:1%;
			float:left;
			margin-top:2em;
		}
			
			#sitemap h3{
				padding:0;
				margin:0;
				font-size:1em;
				line-height: 2.0em;
				font-family:Arial, Helvetica, sans-serif;
			}
			
				#sitemap h3 a {
					background:none;
					text-decoration:underline;
					padding: 5px;
				}
					
					#sitemap h3 a:hover {
						text-decoration: none;
					}

	#sitemap .sitemapTitel {
		margin-bottom: 20px;
	}

		#sitemap ul {
			width: 200px;
			float: left;
			margin-left:0;
			padding-left:30px;
		}
		
			#sitemap li{
				font-size:0.9em;
				line-height: 1.8em;
				margin-left:0;
				padding-left:0;
			}

				#sitemap ul li {
					width: 250px;
					float: left;
				}

					#sitemap ul ul li {
						margin: 0;
						width: 200px;
					}

/**************

	Navigatie

**************/
		
#navi {
	margin:auto;
	overflow:hidden;
	float: left;
	width: 640px;
	padding: 0;
	margin: 0;
}

	#navi h3 {display:none;}

	/* Fix voor Opera 8 */
	.clearb { clear: both; }
	
	#navi-wrapper { 
		/* Fix voor Opera 8 */ 
		/*   overflow: hidden;  */ 
		width : 100%;
	}

	#navigatie {		
		position: absolute;
		background: #bf2025 url(/images/nav-bg.jpg) repeat-x bottom;
		top: 0px;
		left: 150px;
		margin: 0;
	}
	
			#navigatie ul {
				list-style: none; 
				position: absolute;
				top: auto;
				display: none;				
				margin: 0;
				padding: 0;
			}
			
				#navigatie ul ul { 
					margin-top: 1px;
					margin-left: -1px;
					left: 100%; 
					top: 0px;
				}
			
				#navigatie li {
					float: left;
					background: url(/images/nav-border.gif) no-repeat top right;
					position: relative;
					z-index: 20;
					padding-right: 2px;
					margin-right: -2px;
				}
				
					#navigatie li a {
						display: block;
						color: #FFF;
						font-family: Arial, Helvetica, sans-serif;
						background: url(/images/nav-border.gif) no-repeat top left;
						font-size: 1.4em;
						padding: 10px 10px 11px 10px;
						text-align: center;
						font-weight: normal;
						text-decoration: none;
						margin: 0;
					}
					
						#navigatie li a:hover { 
							text-decoration: underline;
						}
							
							#navigatie li.actief a {
								background: #ab1c1b url(/images/nav-actief.jpg) no-repeat bottom center;
										}	

							#navigatie li.actief li a {background: none;}									
					
							#navigatie li li { 
								background: #e1e3e4 url(/images/nav-sub-border.gif) repeat-x bottom;
								margin: 0;
								padding: 0 0 2px 0;
								float: none;  
								width: 180px;
							}

								#navigatie li li a { 
									background: none;
									font-size: 1.2em;
									text-align: left;
									color: #101010;
									text-decoration: none;
									margin: 0;
									padding: 5px 0 5px 15px;
								}
								
								#navigatie li li.actief a {background: none;} 
								
									#navigatie li li a:hover { 
										text-decoration: underline;
										background: #e1e3e4 url(/images/nav-sub-hover.jpg) repeat-y right top;
									}
									
									#navigatie li.navi-laatste-item {
										background-image: none; 
										background-color: #e1e3e4;
										padding-bottom: 0px;
									}
									
									
										#navigatie li.uitloggen {
											float: right; 
											margin-left: 380px;
										}


/* 
	submenu uitzetten
*/

	#navigatie ul, 
	#navigatie li:hover ul, 
	#navigatie li:hover ul ul { 
	   display: none; 
	}

/* 
	submenu aanzetten
*/

	#navigatie li:hover ul, 
	#navigatie ul li:hover ul, 
	#navigatie ul ul li:hover ul { 
	   display: block; 
	}


/* IE Hacks */
	#navigatie li li { 
	   float: left; 
	   clear: both; 
	}

		#navigatie li li a { 
			height: 1%; 
		}

/**************

  Voeten

**************/ 

	#voet {
		background: url(/images/bg-voeten.jpg) no-repeat center top;	
		float: left;
		text-align: center;
		color: #5b5d5f;
		font-size: 1.2em;
		width: 100%;
		padding: 0;
		margin: 0;
	}

		#voet p {margin: 35px 0 25px 0;}
	
/**************

	SIFR

**************/ 


  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }