/* 	Copyright Tech-Nikkels B.V. 2010 - Product handling & packaging solutions
	Tech-Nikkels B.V. is a high-tech mechatronica developer for the industry.	
*/

@charset "utf-8";
@import "menu.css";

/*___________________Algemeen___________________ */ 

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

}
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; }

P 	{  
	line-height:20px;
}
/*___________________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 .payoff {
			/* google font */
			font-family: 'Reenie Beanie', serif;
  			font-size: 38px;
  			font-style: normal;
  			font-weight:300;
  			text-shadow: 4px 4px 4px #ccc;
  			
  			text-transform: none;
  			letter-spacing: 0em;
  			word-spacing: 0em;
  			line-height: 1em;
			
			color:#0050A0;
			position:absolute;
			top:20px;
			left:30px;
		}
		#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;
		}*/


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

	#wrapper .content {
	
	
		width:100%;
		display:block;
		
		
		text-align:-moz-left;
		text-align:left;
		padding-top:0px;
		padding-bottom:30px;
		padding-left:0px;
		margin:0;
		overflow:hidden;
	}
	#wrapper .content H1 {
			font-family: 'Reenie Beanie', serif;
  			font-size: 38px;
  			font-style: normal;
  			font-weight:300;
  			text-shadow: 4px 4px 4px #ccc;
  			
  			text-transform: none;
  			letter-spacing: 0em;
  			word-spacing: 0em;
  			line-height: 1em;
			color:#0050A0;
	}
	#wrapper .content .mediaplace {
		padding-left:30px;
	}
	/*__________________Contact_________________*/
	#wrapper .content .mapplace {
		/* 3 col */
		width:690px;
		height:370px;
	
		float:left;
		display:block;	
		padding-left:30px;
	}
	#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{
		margin-left: 30px;
		margin-right: 201px;
	}
	
	#wrapper .content .hoofdtekst a {
		color:	#333333;
	}
	
	#wrapper .content .hoofdtekst .hoofdtekst_l {
		float:left;
		width:42%;
		
	}
	#wrapper .content .hoofdtekst .hoofdtekst_r {
		float:right;
		width:50%;
	}
	#wrapper .content .pic {
		/* plaatje drukt content placeholder outside */
		width:44%;
		float:right;
		overflow:hidden;
	}
	#wrapper .content .tekst {
		
		float:left;
		width:44%;
		padding-top:15px;
		
		
		color:#333333;
		
		
	}
	#wrapper .content .righttekst .lucida {
		font-family: "Lucida Grande", Tahoma; 
		color:#CCC;		
	}
/*______________________________________________ */ 	

	#wrapper .tekst {
		
		margin-top:10px;
		
		overflow:hidden;
		
		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 .tekst .tekstcenter {
			width:100%;
			padding-left:3%;
			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;
	}
	
	.reftext {
		font-size:smaller;
		vertical-align:top;
		padding-right:15px;
	}
	.refline {
		background-color:#CCCCCC;
	}