/*
css door Bert Teeninga (Tagtic.nl)
 */

body {
	  text-align:center;
	  background:#b2b3b5;
	  background-position: center;
	  background-repeat: repeat-y;
	  background: #b2b3b5;
	  font-size: 12px;
	  line-height: 18px;
	  font-family: helvetica,arial,sans-serif,verdana;
}	
	
	#frame {
	width:900px;
		background: #b2b3b5;
		margin-right:auto;
		margin-left:auto;
		margin-top:72px;
		padding:0px;
		text-align:left;
		}
		
		#links {
			font-family: helvetica,arial,verdana,sans-serif;
			width:715px;
			padding:0px;
			float:left;
			background: #b2b3b5 url("../images/linkshome.jpg");	
				}

		#index {
			font-family: helvetica,arial,verdana,sans-serif;
			width:715px;
			padding:0px;
			float:left;
			background:#b2b3b5;
							}
				
			#linkstekst {
				width: 285px;
				padding:0px;
				margin-top:5px;
				margin-left:2px;
				float:left;
				background-color:transparant;
				color:#FFF;
}
			#infotekst {
				width: 695px;
				padding:0px;
				margin-top:0px;
				margin-left:5px;
				float:left;
				background-color:transparant;
				color:#FFF;
}

			#infofoto {
				width: 600px;
				padding:0px;
				margin-top:0px;
				margin-left:60px;
				float:left;
				color:#FFF;
}

			#indexfoto {
				width: 290px;
				padding:0px;
				margin-top:100px;
				margin-left:270px;
				float:left;
				background:#b2b3b5;
				color:#FFF;
}

			#homefoto {
				width: 600px;
				padding:0px;
				margin-top:5px;
				margin-left:95px;
				float:left;
				color:#FFF;
}

			#linksfotos {
				width: 340px;
				padding:0px;
				margin-top:30px;
				margin-right:30px;
				float:left;
				background-color:transparant;
				color: #FFF
					}
				
		#rechts {
			width:185px;
			height: 444px;
			padding:0px;
			float:right;
			background: #b2b3b5 url("../images/rechts2.jpg");	
			}

			#menu{
			  padding-top:123px;
			  width:181px;
			  height:275px;
		
			 }

p,h1,h2,h3,h4,pre {
margin:10px 50px 10px 20px;
		}
		
	h1 {
			font-size:15px;
			color:#ff9900;
			padding-top:20px;
			letter-spacing: 4px;
			padding-left:10px;
				}
				
	h2 {
			font-size:12px;
			color:#ff9900;
			letter-spacing: 4px;
			padding-top:0px;
				}
	p  {
			font-size:12px;
			color:#000;
			padding-top:5px;
			padding-left:5px;
				}
				
			
	#contentheader h1 {
		font-size:14px;
		padding:10px;
		margin:0px;
		}
	
	#contentright p { font-size:10px}
			
		#oranje {
			display: block;
			width: 181px;
			height: 28px;
			}

		#aktueel a {
			display: block;
			width: 181px;
			height: 28px;
			}
		#aktueel a:link {
				background:#fff url("../images/knoppen/aktueel1.jpg")
			}
		#aktueel a:visited {
				background: url("../images/knoppen/aktueel1.jpg")		
			}
		#aktueel a:hover {
				background: url("../images/knoppen/aktueel3.jpg")		
			}

		#overons a {
			display: block;
			width: 181px;
			height: 28px;
			}
		#overons a:link {
				background:#fff url("../images/knoppen/overons1.jpg")
			}
		#overons a:visited {
				background: url("../images/knoppen/overons1.jpg")		
			}
		#overons a:hover {
				background: url("../images/knoppen/overons3.jpg")		
			}


		#impressie a {
			display: block;
			width: 181px;
			height: 28px;
			}
		#impressie a:link {
				background:#fff url("../images/knoppen/impressie1.jpg")
			}
		#impressie a:visited {
				background: url("../images/knoppen/impressie1.jpg")		
			}
		#impressie a:hover {
				background: url("../images/knoppen/impressie3.jpg")		
			}
		
		#studio a {
			display: block;
			width: 181px;
			height: 28px;
			}
		#studio a:link {
				background:#fff url("../images/knoppen/studio1.jpg")
			}
		#studio a:visited {
				background: url("../images/knoppen/studio1.jpg")		
			}
		#studio a:hover {
				background: url("../images/knoppen/studio3.jpg")		
			}

		#info a {
			display: block;
			width: 181px;
			height: 28px;
			}
		#info a:link {
				background:#fff url("../images/knoppen/info1.jpg")
		}
		#info a:visited {
				background: url("../images/knoppen/info1.jpg")		}
		#info a:hover {
				background: url("../images/knoppen/info3.jpg")		}
		
		#portfolio a {
			display: block;
			width: 181px;
			height: 28px;
		}
		#portfolio a:link {
				background:#fff url("../images/knoppen/portfolio1.jpg")
								}
		#portfolio a:visited {
				background: url("../images/knoppen/portfolio1.jpg")
								}
		#portfolio a:hover {
				background: url("../images/knoppen/portfolio3.jpg")
								}
		
		#landschappen a {
			display: block;
			width: 181px;
			height: 28px;
		}
		#landschappen a:link {
				background:#fff url("../images/knoppen/landschappen1.jpg")
								}
		#landschappen a:visited {
				background: url("../images/knoppen/landschappen1.jpg")
								}
		#landschappen a:hover {
				background: url("../images/knoppen/landschappen3.jpg")}

		#mensen a {
			display: block;
			width: 181px;
			height: 28px;
		}
		#mensen a:link {
				background:#fff url("../images/knoppen/mensen1.jpg")
								}
		#mensen a:visited {
				background: url("../images/knoppen/mensen1.jpg")
								}
		#mensen a:hover {
				background: url("../images/knoppen/mensen3.jpg")}
		
		#producten a {
			display: block;
			width: 181px;
			height: 28px;
		}
		#producten a:link {
				background:#fff url("../images/knoppen/producten1.jpg")
								}
		#producten a:visited {
				background: url("../images/knoppen/producten1.jpg")
								}
		#producten a:hover {
				background: url("../images/knoppen/producten3.jpg")}

		#campagnes a {
			display: block;
			width: 181px;
			height: 28px;
		}
		#campagnes a:link {
				background:#fff url("../images/knoppen/campagnes1.jpg")
								}
		#campagnes a:visited {
				background: url("../images/knoppen/campagnes1.jpg")
								}
		#campagnes a:hover {
				background: url("../images/knoppen/campagnes3.jpg")}

		#eten a {
			display: block;
			width: 181px;
			height: 28px;
		}
		#eten a:link {
				background:#fff url("../images/knoppen/eten1.jpg")
								}
		#eten a:visited {
				background: url("../images/knoppen/eten1.jpg")
								}
		#eten a:hover {
				background: url("../images/knoppen/eten3.jpg")}
				
		#contact a {
			display: block;
			width: 181px;
			height: 28px;
		}
		#contact a:link {
				background:#fff url("../images/knoppen/contact1.jpg")
								}
		#contact a:visited {
				background: url("../images/knoppen/contact1.jpg")
								}
		#contact a:hover {
				background: url("../images/knoppen/contact3.jpg")
								}

		#linkstekst a {
		   text-decoration:none;
		   }
		#linkstekst a:link {
		   color:#000;
		   border-bottom: 1px dashed #ccc;
		   }

	  #linkstekst a:visited {
		   border-bottom: 1px dashed #ccc;
		   }
		
	  #linkstekst a:hover {
	     color:#f90;
		   border-bottom: 1px dashed #666;
	     }
		#menulijn {
			display: block;
			width:181px;
			height:6px;
			background:  url("../images/menu.jpg");
			background-repeat: no-repeat;		
			}