/* CSS Document */

/*# body, container, top #*/

	*{
		margin:0px;
		padding:0px;
	}

	body{
		background-image: url('../images/scan_lines.gif');
		height: 100%;
		font-family: arial, sans-serif;
		color: #0060A9;
		margin: 0px;
		text-align: center;
	}
	
	#container{
		height: 100%;
		width: 100%;
	}
	
	#content_container{
		width: 700px;
		height: 100%;
		margin: auto;
		text-align: center;
	}
	
	#top{
		width: 100%;
		height: 104px;
	}
	
			#top_links{
				width: 7px;
				height: 104px;
				background: url('../images/top_grad_links.gif') no-repeat bottom;
			}
			
			#top_middle{
				left: 7px;
				height: 104px;
				width: 686px;
				background: url('../images/top_grad.gif') repeat bottom;
			}
			
			#top_rechts{
				width: 7px;
				height: 104px;
				background: url('../images/top_grad_rechts.gif') no-repeat bottom;
			}
			
/*# header-inhoud en adres #*/

	#header{
		height: 100%;
		width: 300px;
		float:right;
	}
	
	td.adres1{
		color:#FFF;
		font-size: 0.55em;
		text-align: left;
		padding-right: 5px;
	}
	
	td.adres{
		color:#FFF;
		font-size: 0.55em;
		text-align: right;
	}

	/*logo*/
	#top_middle a img{
		border: 0px;
		margin-right: 17px;
	}


/*# menu div en onderdelen #*/
	
	#menu{
		height: 20px;
		width: 512px;
		margin: auto;
	}
	
			#menu_links{
				float: left;
				background: url('../images/menu_grad_links.gif') no-repeat bottom;
				height: 20px;
				width: 4px;
			}
		
			#nav a{
			  float: left;
			  display:block;
			  height:20px;
			  width:100%;
			  padding:0px;
			  border-right:0px;
			  margin:0px;
			  text-decoration:none;
			  color:#FFF;
			  background:url('../images/menu_grad.gif');
			}
			
			
			#nav a:hover{
			  color:#fff;
			  background:url('../images/menu_grad_hover.gif');
			}
			  
			div#nav {
			  width:512px; /*menu items times width
							set for them*/
			  font-size: 80%;				
			}

			*html div#nav {
			  width:508px; /*menu items times width
							set for them*/
			  font-size: 80%;				
			}
			
			#nav ul {
			  text-align:center; 
			  padding:0px;
			  margin:0px;
			  border:0px; 
			}
			
			#nav li {
			  list-style-type:none;
			  text-indent:0;
			  float:left;
			  width:100px; /*what ever you need them
							 to be*/ 
			  padding:0px;
			  margin:0px;
			  border-right:1px solid #FFF; 
			}

			#nav li.laatste {
			  list-style-type:none;
			  text-indent:0;
			  float:left;
			  width:100px; /*what ever you need them
							 to be*/ 
			  padding:0px;
			  margin:0px;
			  border-right:0px; 
			}

			#menu_rechts{
				float: right;
				background: url('../images/menu_grad_rechts.gif') no-repeat bottom;
				height: 20px;
				width: 4px;
			}	

/*# content, tekst en foto's #*/

	#td_content{
		text-align: center;
	}

	#content{
		position: relative;
		background-color: #FFF;
		width: 650px;
		height: 100%;
		margin: auto;
		text-align: left;
		padding-bottom: 20px;
	}

	#tekst{
		float: left;
		width: 495px;
		line-height: 22px;
		padding-bottom: 20px;
		padding-top: 20px;
		font-size: 0.75em;
		font-weight: bold;
	}
	
	#fotos_front{
		float: left;
		position: relative;
		left: -25px;
		width: 103px;
		height: 497px;
	}
	
			#fotos_front a.product{
			  float: left;
			  display:block;
			  height:98px;
			  width:100%;
			  padding:0px;
			  margin:0px;
			  text-decoration:none; 
			  border: 2px solid #FFF;
			}

			/*# menu-producten #*/
					#fotos_front a#IP{
					  background:url('../images/IPvid.jpg');
					}
		
					#fotos_front a#IP:hover{
					  background:url('../images/IPvid_hover.jpg');
					}
					
					#fotos_front a#cam{
					  background:url('../images/cam_obs.jpg');
					}
		
					#fotos_front a#cam:hover{
					  background:url('../images/cam_obs_hover.jpg');
					}
					
					#fotos_front a#toe{
					  background:url('../images/toe_con.jpg');
					}
		
					#fotos_front a#toe:hover{
					  background:url('../images/toe_con_hover.jpg');
					}
					
					#fotos_front a#rem{
					  background:url('../images/rem_rec.jpg');
					}
		
					#fotos_front a#rem:hover{
					  background:url('../images/rem_rec_hover.jpg');
					}
					
					#fotos_front a#vid{
					  background:url('../images/vid_al.jpg');
					}
		
					#fotos_front a#vid:hover{
					  background:url('../images/vid_al_hover.jpg');
					}
			  
			#fotos_front ul {
			  text-align:center; 
			  padding:0px;
			  margin:0px;
			  border:0px; 
			}
			
			#fotos_front li {
			  list-style-type:none;
			  text-indent:0;
			  float:left;
			  width:102px;
			  padding:0px;
			  margin:22px 0px 0px 0px;
			  border:0px; 
			}
	
		/*#### nieuws op de voorpagina ###*/
		
		.news_front{
			width: 495px;
			float: right;
		}
		
		.news_front table{
			/*border: 1px solid #0060A9;*/
			line-height: 22px;
		}

		.news_front table td{
			vertical-align: top;
		}		

		.news_front table td a img{
			border: 0px;
		}


	#tekst table{	
		font-size: 1em;
		font-weight: bold;
	}
	
	td.adres_content{
		font-size: 0.55em;
		text-align: right;
	}
	
	/* footer met copyright en disclaimer */
	#footer{
		clear:both;
		position:absolute;
		bottom: 0px;
		left: 0px; 
		text-align: center;
		width: 100%; 
		color: #BED73D;
		font-size: 60%;
	}

		#footer a{
			color: #0060A9;
			text-decoration:none;
		}

	/*#######################*/
	
	.kop{
		color: #BED73D;
	}
	
	h1{
		margin-bottom: 15px;
		font-size: 1.5em;
	}

	h2{
		font-size: 1.25em;
		line-height: 15px;
	}
	
	h3{
		font-size: 0.75em;
	}
	
	h4{
		font-size: 0.6em;
	}
	
	ul{
		margin: 15px 0px 15px 25px;
		list-style-type: square;
	}
	
	p{
		margin: 0px 0px 15px 0px;
	}
	
	.tekst_kolommen{
		line-height: 22px;
		font-size: 0.75em;
		font-weight: bold;
	}

	a img{
		border: 2px solid #BED73D;
		margin-right: 17px;
	}
	
	.foto_news_detail{
		text-decoration:none;
			border: 0px;
	}
	
	.logo_PAC{
		width:165px; 
		float: left;
	}
	
	.groter{
		font-size: 1.1em;
	}
	
	a:link{
		color: #BED73D;
		text-decoration: none;
	}

	a:visited{
		color: #BED73D;
		text-decoration: none;
	}	

	a:hover{
		color: #0060A9;
		text-decoration: none;
	}
	
	/*   plaatjes in de tekst   */
	
	img.img_right_lining{
		margin-left: 10px;
	}
	
	img.img_left_lining{
		margin-right: 10px;
	}

	/* formulier onderdelen */
	
	input.text{
		width: 98px;
		height: 16px;
		padding:2px;
		border:0px;
		font-family: arial, sans-serif;
		font-size: 0.6em;
		color: #999;
	}
	
	input.submit{
		width: 45px;
		height: 16px;
		border:0px;
		font-family: arial, sans-serif;
		background-color: #BED73D;
		color: #FFF;
		font-size: 0.6em;
	}

	.header_ingelogd{
		color:#FFF;
		border-top: 0.5px solid #FFF;
	}

	.header_ingelogd a{
		color:#BED73D;
	}