/* Dominicus.nl */

/*---------------------------------------------------------------------------------------------------------*/
/*                                       DIV ELEMENTS */
/*-------------------------------------*/
html { height: 100%;}
body {   
height: 100%; 
font-family:Arial, Helvetica, sans-serif; 
font-size:11px; 
color:#505050;
background-repeat:repeat-x;
background:#575757 url(../images/background.png) repeat-x;
}


h1 { margin-top:6px; text-transform:uppercase; font-size:15px;}
.haarden h1 { color:#df6d07;}
.tegels h1 { color:#86303b;}
.sanitair h1 { color:#55bfcf;}
.gedenktekens h1 { color:#564e83;}
.natuursteen h1 { color:#564e83;}

h2 { margin-top:6px; font-weight:bold; font-size:14px;}

a:focus { outline:none;}

td {vertical-align:top;}

img {border:0; }

#textcontainer a:link,#textcontainer  a:hover,#textcontainer  a:visited,#textcontainer a:link {color:#505050; font-weight:bold; text-decoration:underline;}

.haarden #textcontainer a:link, .haarden #textcontainer  a:hover, .haarden #textcontainer  a:visited, .haarden #textcontainer a:link {color:#df6d07; font-weight:bold; text-decoration:underline;}

.tegels #textcontainer a:link, .tegels #textcontainer  a:hover, .tegels #textcontainer  a:visited, .tegels #textcontainer a:link {color:#86303b; font-weight:bold; text-decoration:underline;}

.sanitair #textcontainer a:link, .sanitair #textcontainer  a:hover, .sanitair #textcontainer  a:visited, .sanitair #textcontainer a:link {color:#55bfcf; font-weight:bold; text-decoration:underline;}

.gedenktekens #textcontainer a:link, .gedenktekens #textcontainer  a:hover, .gedenktekens #textcontainer  a:visited, .gedenktekens #textcontainer a:link {color:#564e83; font-weight:bold; text-decoration:underline;}

.natuursteen #textcontainer a:link, .natuursteen #textcontainer  a:hover, .natuursteen #textcontainer  a:visited, .natuursteen #textcontainer a:link {color:#564e83; font-weight:bold; text-decoration:underline;}




#wrapper {
	position: relative;
	margin: 0 auto;
	width: 960px;
	background:white;
	
	}
  	
	#top {
	height:207px;
	width:960px;
	}
	


/*---------------------------------------------------------------------------------------------------------*/
/*                                       HEADER SETTINGS */
/*-------------------------------------*/


.beeld {
	position:absolute;
	z-index:1;
	height: 207px;
	width: 960px;
	}

.logo {
	position: absolute;
	z-index:999;
	top:15px;
	left:70px;
	height: 172px;
	width: 126px;
	}

/*---------------------------------------------------------------------------------------------------------*/
/*                                       NAVTOP SETTINGS */
/*-------------------------------------*/

#nav{ position:relative; width:960px; height:55px;}

	#nav ul {
		position:relative;
		list-style: none;
		font-size:12px;
		text-transform:uppercase;
		font-weight:bold;
		list-style-position:inside;
		left:33px;
		width:927px;
		top:25px;
      	margin: 0;
     	padding: 0;
		}
		
		#nav ul li {
			position:relative;
			float:left;
			padding:0 8px;
			border-right:1px solid #505050;
			margin:0;
		}
			 
			
		#nav ul li a {	
			text-decoration: none;
			width:100%;	
			margin:0;
			padding:0;
		}

				#nav ul li.first  { padding-left:0px; }
				#nav ul li.last  {border:none; }
					#nav ul li a:link {color: #505050;}
					#nav ul li a:visited {color: #505050; }
					#nav ul li a:hover {color: #505050;	}
					#nav ul li a:active {color: #505050;}
	
					#nav ul li.active.a:link {color: #505050; }
	  				#nav ul li.active.a:visited {color: #505050;}
	  				#nav ul li.active.a:hover {color: #505050; }
	  				#nav ul li.active.a:active {color: #505050;}
					
					
					
							#bread {
								position:relative;
								width:960px;
								height:25px;
								text-indent:33px;
								color:#505050;
								font-size:11px;
								text-transform:lowercase;
								}
		
								#bread a {color:#505050; text-transform:lowercase;}

/*---------------------------------------------------------------------------------------------------------*/
/*                                       NAV SETTINGS */
/*-------------------------------------*/


#main {position:relative; overflow:auto;}

#menu { position:relative; float:left; width:343px; }

	#menu ul {
		list-style: none;
		padding:0;
		margin:0;
		margin-left:33px;
		
		}
		
		#menu ul li {
			width:100%;
			text-align:left;
			margin-top:10px;
			text-indent:35px;

			font-size:18px;
			text-transform:uppercase;
			}
			 
			#menu ul li.active {
			background-image:url(../images/arrow-down.png);
			background-position:0px 3px;
			background-repeat:no-repeat;
			}
			
			#menu #haarden {background-image:url(../images/icon-haarden.png); background-position:0px 3px; background-repeat:no-repeat;}
			#menu #tegels {background-image:url(../images/icon-tegels.png); background-position:0px 3px; background-repeat:no-repeat;}
			#menu #sanitair {background-image:url(../images/icon-sanitair.png); background-position:0px 3px; background-repeat:no-repeat;}
			#menu #gedenktekens {background-image:url(../images/icon-gedenktekens.png); background-position:0px 3px; background-repeat:no-repeat;}
			#menu #natuursteen {background-image:url(../images/icon-natuursteen.png); background-position:0px 3px; background-repeat:no-repeat;}
			
			#menu ul li a {	
			text-decoration: none;
			width:100%;			
			}

				#menu ul li.first a { }
				#menu ul li.last a { }
					#menu ul li a:link {color: #505050;}
					#menu ul li a:visited {color: #505050; }
					#menu ul li a:hover {color: #505050;	}
					#menu ul li a:active {color: #505050;}
	
					#menu ul li.active.a:link {color: #505050; }
	  				#menu ul li.active.a:visited {color: #505050;}
	  				#menu ul li.active.a:hover {color: #505050; }
	  				#menu ul li.active.a:active {color: #505050;}
					
					
					#menu ul li ul {			
		                    list-style:none;			
							}
					
					
					#menu ul li ul li{			
							height: 21px;
							width:100%;
							margin-top:11px;
							font-size:12px;
							text-indent:15px;
							}
			
			#menu ul li ul li a {	
			color:#505050;
			text-decoration: none;
			padding:5px;	
			
			}

				#menu ul li ul li.first a { }
				#menu ul li ul li.last a { }
					#menu ul ul li ul {color: #505050;}
					#menu ul li ul li a:visited {color: #505050; }
					#menu ul li ul li a:hover {color: #505050; }
					#menu ul li ul li a:active {color: #505050; text-decoration:underline;}
	
					#menu ul li ul li.active a:link {color: #505050; text-decoration:underline;}
	  				#menu ul li ul li.active a:visited {color: #505050; text-decoration:underline;}
	  				#menu ul li ul li.active a:hover {color: #505050; text-decoration:underline;}
	  				#menu ul li ul li.active a:active {color: #505050; text-decoration:underline;}



      #textcontainer {
		  position:relative;
		  float:left;
		  width:540px;
		  height:auto;
		  overflow:hidden;
		  margin:0;
		  padding:0;
		  line-height:1.7;
	  }
	  
	  
	 #list ul {
	  list-style: none;
		padding:0;
		margin:0;
		width:540px;
		margin-left:0px;
		}
	  #list li {
	  position:relative; float:left; width:100%; border-bottom:1px solid #505050;  padding:5px 0px 5px 0px;  
	  }
	  
	  #list li:hover {  background-color:#f1f1f1; }
	  
	  #list li a:link, #list li a:hover, #list li a:visited, #list li a:active  { text-decoration:none; margin: 0px 0px 0px 10px;}
	  
	  #footer {
		  position:relative;
		  width:960px;
		  text-align:center;
		  margin:0;
		  padding:40px 0px 20px 0;
		  height:100%;
	  }

* {zoom: 1.0;}
		
.grafitems {
position:relative;
float:left;
list-style:none;
margin-left:25px;
margin-bottom:15px;
}

/*preload classes*/ 

.svw { height: 20px; background: #fff;} 

.svw ul {position: relative; left: -999em;} /*core classes*/ 

.stripViewer { position: relative; overflow: hidden; margin: 0 0 1px 0; } 

.stripViewer ul { /* this is your UL of images */ margin: 0; padding: 0; position: relative; left: 0; top: 0; width: 1%; list-style-type: none; } 

.stripViewer ul li { float:left; } 

.stripTransmitter { overflow: auto; width: 1%; position:relative; left: 10px; top:-30px; } 

.stripTransmitter ul { margin: 0; padding: 0; position: relative; list-style-type: none; } 

.stripTransmitter ul li{ width: 20px; margin: 0 1px 1px 8px; float:left;  } 

.stripTransmitter ul li:hover { }

.stripTransmitter a, .stripTransmitter a:link, .stripTransmitter a:hover, .stripTransmitter a:visited, .stripTransmitter a.current { font: bold 10px Arial; width:20px; height:20px; text-align: center; line-height: 22px; color: #bebebe; text-decoration: none; display: block; margin:0px; line-height:2; margin:0px;background-image:url(../images/mit.png);} 

.stripTransmitter a:hover, .stripTransmitter a.current{ width:20px; height:20px; display: block; background-image:url(../images/mit-hover.png); text-decoration:none; } /*tooltips formatting*/ 

.tooltip { padding: 0.5em; background: #fff; color: #000;  } 

div#foto_galerij {
	position:relative;
	width:540px;
	height:auto;
	/*text-align:center;*/
}

div#foto_galerij a img {
	position:relative;
	float:left;
	margin:5px;
	border:none;
}