@charset "utf-8";
/* 	Copyright Tech-Nikkels B.V. 2010

	High-tech mechatronica developer for the packaging industry
	
*/

/*___________________Algemeen___________________ */ 

H1 {
	font-size:22px;
	color:#0050A0;
}

H3 {
	font-size:28px;
}

UL { list-style-type:square;}

body {
	background-color:#999;
	margin:0;
	text-align:center; /* fix IE for center */
	font-family:Arial, Helvetica, sans-serif;
}

a img { border:0; }

/*___________________Wrapper___________________ */ 

#wrapper {
	width:1258px;
	min-width:1000px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;	/* fix IE centre problem , default text to left */
	background-color:#FFF;
	position:relative;
}
	#wrapper .header {
		width:	100%;
		height: 90px;
		border-bottom:thin;
		border-bottom-color:#E4E4E4;
		border-bottom-style:solid;
		
	}
		#wrapper .header .headertop {
			width:100%;
			height:50px;
			/*background-color:#AEC983;*/
			background-image:url(../images/gback.gif);
			background-repeat:repeat-x repeat-y;
			position:relative;
		}
		#wrapper .header .headertop .developing {
			padding-left:30px;
			padding-top:10px;
		}
		
		#wrapper .header .headerbottom {
			width:100%;
			height:50px;
			position:relative;
		}
		#wrapper .header .logo {
					position:absolute;
					width:180px;
					height:85px;
					top:10px;
					left:960px;
					
					display:inline;
				}
		/*#wrapper .header .logo a img{ border:0; }*/
				/*
		#wrapper .header .logo img {
					background-color:transparent;
		}*/
/*___________________Menu_______________________ */ 

	#wrapper .menu {
		
		height:123px;
		
		margin-left:30px;
		margin-right:201px;
	}

		#wrapper .menu .grid 		{width: 22%; float: left;margin-right: 4%;}
		#wrapper .menu .grid_last   {width: 22%; float: left;margin-right:  0;}

		
		#wrapper .menu h3 {
			margin-top: 0pt;
			margin-right: 0pt;
			margin-bottom: 13px;
			margin-left: 0pt;
		}
		
		#wrapper .menu .lucida {
			font-family: "Lucida Grande", Tahoma; 
			color:#CCC;
		}
		
		#wrapper .menu div.hover { cursor:pointer;}
		#wrapper .menu div.hover p { color:Black;}
		#wrapper .menu div.hover h3 { color:Black;}
		#wrapper .menu div.hover .lucida { color:Black;}
		
		#wrapper .menu div p { color: #CCC;}
		#wrapper .menu div h3 { color: #CCC;}

		
	
	#wrapper .blue {
		width:100%;
		height:25px;
		background-color:#0050A0;
		position:relative;
	}
	
/*_____________contact page map */

	#wrapper .content {
		width:100%;
		display:block;
		min-height:350px;
		
		text-align:-moz-left;
		text-align:left;
		padding-top:0px;
		padding-bottom:30px;
		padding-left:30px;
		margin:0;
		overflow:hidden;
	}
	
	#wrapper .content .mediaplace {
		
	}
	/*__________________Contact_________________*/
	#wrapper .content .mapplace {
		/* 3 col */
		width:690px;
		height:370px;
	
		float:left;
		display:block;	
	}
	#wrapper .content .tekstadres {		
		width:276px;
		overflow:hidden;
		display:block;
		padding-left:115px;		
		font-size:13px;
		margin-bottom:10px;
	}
	
	#wrapper .content .tekstconnect {		
		width:276px;
		overflow:hidden;
		display:block;
		padding-left:115px;
		
		font-size:14px;
	}
	
	#wrapper .content .tekstconnect .smaller {
		font-size:12px;
		display:inline;
	}

	#wrapper .pand {
		padding-left:30px;
		padding-bottom:0px;
		margin:0;
		overflow:hidden;
		display:block;
	}
	/*__________________Produkten_________________*/
	#wrapper .content .hoofdtekst{
		width:66%;
		font-size:18px;
		color:#333333;
	}
	
	#wrapper .content .hoofdtekst a {
		color:	#333333;
	}
	#wrapper .content .leftpic {
		/* plaatje drukt content placeholder outside */
		width:450px;
		float:left;
		overflow:hidden;
	}
	#wrapper .content .righttekst {
		
		font-size:18px;
		color:#333333;
		width:600px;
		display:block;
		position:relative;
		float:right;
		padding-right:100px;
	}
	
/*______________________________________________ */ 	

	#wrapper .tekst {
		
		margin-top:10px;
		
		overflow:hidden;
		font-size:14px;
		text-align:justify;
		
		padding-bottom:15px;
		display:block;
		height:100%;
		width:80%;
	}
	
	#wrapper .tekst p {
		padding-left:0px;
		padding-right:13px;
	}
		#wrapper .tekst .tekstlinks {	
			
			
			padding-left:3%;
			float:left;
			width:50%;
			padding-right:2%;
			
		}	
		#wrapper .tekst .tekstrechts {		
			float:right;
			width:40%;
			padding-right:3%;
			
			
			
		}
		
	#wrapper .bluebottom {
		background-color:#D5DFE9;
		padding-top:20px;
		height:50px;
		position:relative;
		font-size:9px;
		text-align:center;
		vertical-align:middle;
		color:#848484;

	}
	
	#wrapper .bluebottom .links {
		padding-left:30px;
		vertical-align:middle;
		text-align:left;
		width:30%;
		float:left;
	}

	#wrapper .bluebottom .links a{
		color:#666;
	}
	
	#wrapper .bluebottom .copyright {
		
		vertical-align:middle;
		text-align:center;
	}