/*home*/
	html, body {
	    margin: 0;
    	padding: 0;
		font-size: 100%;
		font-family: arial, helvetica, sans-serif;
		color: #111;
		}
		
	html {
	 height: 101%;
	 }
	 * html { height:100%; }
		
	img { display:block; border:0; }
	
	.clear-spacer { display:block; clear:both; }
	html>body .clear-spacer { height:0.1px; }
	
	.clear-spacer3 { display:block; clear:both; height: 25px; }
	html>body .clear-spacer2 {  height: 25px; }
		
	p {
		font-size: 0.75em;
		font-weight: normal;
		line-height: 125%;
		margin: 0px 0px 12px 0px;
		padding: 0px;
		}	
    
	.nomargin {
		font-size: 0.75em;
		font-weight: normal;
		line-height: 100%;
		margin: 2px 0px 0px 0px;
		padding: 0px;
		}	
    
	a {
		text-decoration: none;
		font-weight: normal;
		font-size: 0.75em;
		color: #39F;
		}
	
	a.bold {
		font-weight: bold;
		}
		
	a:hover {
		color: #fff;
		background-color: #9cf;
		}
	
	h1 {
		font-size: 1em;
		display: inline;
		}
		
	h2 {
		font-size: .76em;
		}
		
	h3 {
		font-size: .76em;
		margin: 0px;
		padding: 8px 0px 8px 0px;
		}
			
	h4 {
		font-weight: bold;
		font-size: 1.1em;
		margin: 0px 0px 6px 0px;
		display: block;
		color: #999;
		}
			
	#frame {
		width:770px;
		margin-right:auto;
		margin-left:auto;
		margin-top:16px;
		padding:0px;
		text-align:left;
		border-bottom: 1px dashed #ddd;
		background-color: #fff;
		}
	
	#page {
		width:770px;
		margin-right:auto;
		margin-left:auto;
		margin-top:16px;
		padding:0px;
		text-align:left;
		border-bottom: 1px dashed #ddd;
		}

	#contentleft {
		width:505px;
		padding:0px 0px 25px 0px;
		float:left;
		border-right: 1px solid #ddd;
		vertical-align: text-top;
		}
	
	#contentright {
		width:264px;
		padding:0px;
		float:left;
		}
		
	#page .contentleft {
		width:370px;
		padding:0px;
		margin:0px;
		float:left;
		vertical-align: text-top;
		border: none;
		}

	#page .contentright {
		width:400px;
		padding:0px;
		margin:0px;
		float:left;
		}
		
	#contentheader {		
		background:#fff;
		padding:0px;
		float: left;
		width: 505px;
		height:18px;
		font-size:1em;
		line-height:1em;
		}
	* html #contentheader {
		height:auto;
	}

	#contentheader ul { 
		display:block;
		margin:0px; 
		padding:0px;
		}
	
	#contentheader ul li {
		list-style:none;
		float:left;
		font-weight: bold;
		margin: 0px 20px 0px 0px;
		color: #777;
		font-size: 0.75em;
		}
	
	#contentheader a {
		font-weight: bold;
		color: #333;
		font-size: 100%;
		}
	
	#contentheader a:hover {
		text-decoration: none;
		color: #666;
		background-color: #fff;
		}

	.langswitch {
		float: right;
		width: 265px;
		height: 18px;
		}
		
	.langswitch a {	
		font-weight: bold;
		float: right;
		color: #333;
		font-size: 0.75em;
		margin: 0px 0px 0px 20px;
		padding-top: 0px;
		}
	* html #langswitch a {
		padding-top: 4px;
	}
	
	.langswitch a:hover {
		text-decoration: none;
		color: #666;
		background-color: #fff;
		}
		
	#bluetop {
		background-color: #9cf;
		height: 200px;
		}
	
	#bluetop2 {
		background-color: #9cf;
		height: 100px;
		text-align:right;
		}
		
	#bluetop .logo {
		padding-top: 0px; 
		padding-left: 0px;
		width: 505px;
		height: 200px;
		display:block;
		float:left;
		}
	
	#bluetop2 .logo {
		padding-top: 45px; 
		padding-left: 17px;
		width: 206px;
		height: 39px;
		display:block;
		float:left;
		}
	
	#bluetop2 a {
		margin: 0px;
		padding: 0px;
		}
		
	#bluetop .movies {
		float:right;
		background-color: #9cf;
		width: 265px;
		height: 200px;
		padding: 0px;
		}

	#zoek_frame {
		height: 40px;
		padding:0px;
		margin: 0px;
		border-bottom: 1px dashed #ddd;
		}
	
	#zoek {
		width:550px;
		float: left;
		height: 40px;
		}
		
	#zoek select {
		margin: 10px 10px 0px 0px;
		width: 200px;
		font-weight: normal;
		font-size: 0.75em;
		padding: 0px;
		}
		
	.tekst {
		float: right;
		margin: 10px 0px 0px 0px;
		}

	.tekst a {
		margin: 0px 4px;
		color: #39F;
		font-weight: normal;
		line-height: 120%;
		}
		
	.tekst a.grt {
		font-size: .88em;
		}
	
	.tekst a.kln {
		font-size: 0.75em;
		}
	
	.tekst a:hover {
		color: #FFF;
		background-color: #9cf;
		}

	.kop {
		font-size: 0.75em;
		display: block;
		margin: 0px 0px 15px 0px;
		}
		
	.tekst .koppie {
		font-size: 0.75em;
		display: inline;
		color: #333;
		}

/* deze div is van het artikel en wordt herhaald*/	
	.intro {
		xwidth: 475px; /* using width here made weirdness on ie6 */
		margin: 25px 25px 0 0;
		}

	.intro a.header {
		background-color: #9cf;
		color: #fff;
		font-size: 1em;
		padding-top: 1px;
		padding-left: 2px;
		padding-bottom: -2px;
		padding-right: 2px;
		margin-top: 2px;
		margin-bottom: -2px;
		line-height: 100%;
		text-transform: uppercase;
		}

	.intro span.header {
		background-color: #9cf;
		color: #fff;
		font-size: 1em;
		padding-top: 1px;
		padding-left: 2px;
		padding-bottom: -2px;
		padding-right: 2px;
		margin-top: 2px;
		margin-bottom: -2px;
		line-height: 100%;
		text-transform: uppercase;
		}

	.column span.header, .fotopagina span.header {
		background-color: #9cf;
		color: #fff;
		font-size: 1em;
		padding-top: 1px;
		padding-left: 2px;
		padding-bottom: -2px;
		padding-right: 2px;
		margin-top: 2px;
		margin-bottom: -2px;
		line-height: 100%;
		text-transform: uppercase;
		}

	.intro a.header:hover {
		background-color: #fff;
		color: #9cf;		
		}
	
	/* .intro .noproj {
		background-color: #9cf;
		color: #fff;
		font-size: 1em;
		padding-top: 1px;
		padding-left: 2px;
		padding-bottom: -2px;
		padding-right: 2px;
		margin-top: 2px;
		margin-bottom: -2px;
		line-height: 100%;
		text-transform: uppercase;
		}
	*/
		
	.intro p { 
		float:left; 
		width:330px; 
		}
		
	.intro a {
		font-size: 1em;
		} 
		
	.intro a:hover {
		background-color: #fff;
		color: #9cf;
		}

	.intro img { 
		margin-right: 12px; 
		float: left;
		display:block;
		}

/* hierin staan alle newswire intro's */
	.news_mail {
		float: left;
		}
		
	.news {
		width: 234px;		
		border-bottom: 1px dashed #ddd;
		margin: 25px 0px 0px 25px;
	  	}

/* deze div is van de NEWSWIRE en wordt herhaald */
	.newsintro {
		margin: 0px 0px 12px 0px;
		}
	
	.newsintro a {
		font-size: 1em;
		}
		
	.newsintro a:hover {
		font-size: 1em;
		text-decoration:none;
		background-color: #fff;
		color: #9cf;
		}	
		
	span.eerder {
		display: block;
		float: right;
		margin: 0px 0px 25px 0px;
		padding: 0px;
		}
	
	span.later {
		display: block;
		float: left;
		margin: 0px 0px 25px 0px;
		padding: 0px;
		}
	
	.newsintro p  {
		margin-bottom: 0px;
		}

	.mail {
		width: 234px;
		margin: 25px 0px 0px 30px;
		padding: 5px 0px 0px 0px;
		}
	
	span.label {
	  float: left;
	  width: 55px;
	  padding-top:4px;
	  text-align: left;
	  font-size: 0.75em;
	  font-weight: bold;
	  }
	
	span.field {
	  float: left;
	  width: 138px;
	  }
	  
	input.textfield {
	width: 172px;
	font-size: 0.75em;
	}
		
	input.sub {
	width: 60px;
	font-size: 0.75em;
	float:right;
	margin-right:3px;
	}
	
	.inputs {
	  clear: both;
	  padding-top: 5px;
	  }

	#newsintro p {
		font-size: 0.75em;
		}
	
	.date {
		color: #ccc;
		background: none;
		font-size: 100%;
		font-weight: bold;
		padding-left: 10px;
		}
	
	.blue {
		color: #49b;
		background: none;
		}

	#mail a {
		background-color: #f0f0f0;
		color: #000;
		font-weight: bold;
		font-size: 0.75em;
		padding: 3px;
		border-right: 2px solid #848484;
		border-bottom: 2px solid #848484;
		}
		
	#mail a:hover {
		border-right: 1px solid #848484;
		border-bottom: 1px solid #848484;
		}
		
/* einde home*/

/* klantenlijst */
	
	#content  {
		padding: 25px 0px 0px 0px;
		}
	
	#content h2 {
		color: #333;
		padding: 0px;
		margin: 0px;
		}
	
	.tophold { 
		width: 500px;
		margin: 0px;
		padding: 0px;
		}
	
	.titelblok { 
		width: 250px;
		display: block;
		float: left;
		margin-bottom: 15px;
		}
	
	.holder { 
		width:760px;
		}
	
	.holder2 { 
		margin-bottom: 10px;
		}
	
	.titel {
		width: 500px;
		margin-left: 10px;
		padding-top:2px;
		float: left;
		}
	
	.klantnaam { 
		width: 240px;
		float: left;
		}
	
	.klantnaam a {
		background-color: #9cf;
		color: #fff;
		display: block;
		text-decoration:none;
		padding: 1px;
		}

	.klantnaam a:hover {
		background-color: #fff;
		color: #9cf;
		}

	.empty { 
		width: 240px;
		background-color: #fff;
		float: left;
		font-size: 0.75em;
		}

/* klant */

	a.toplinkje {
		text-decoration: none;
		font-size: 0.1px;
		}
		
	#klant .story {
		width: 340px;
		margin: 25px 0px 30px 0px;
		padding: 0px;
		}
		
	#klant .column {
		width: 420px;
		margin: 25px 0px 30px 0px;
		padding: 0px;
		}

	#klant .fotopagina {
		width: 475px;
		margin: 25px 0px 30px 0px;
		padding: 0px;
		}
		
	#klant .story h2 {
		color: #333;
		padding: 0px;
		margin-bottom: 0px;
		display: block;
		}
	
	#klant .story h3 {
		color: #888;
		font-size: 1.1em;
		line-height: 1.2em;
		display: inline;
		margin: 0px;
		padding: 0px;
		}
	
	#klant .story p {
		color: #222;
		margin-top: 10px;
		}
	
	/* hierin staan alle media uitingen */
	
	.gummedia {
		width: 400px;
		margin: 20px 0px 30px 0px;
		padding: 0px;
		float: left;
		}

	/* andere campagnes*/
	
	.campagnes {
		margin: 0px 0px 10px 0px;
		padding: 5px 0px 10px 10px;
		float: left;
		width: 388px;
		border: 1px dashed #ddd;
		background-color: #f5f5f5;
		}			
		
	.campagnes h2, .producten h2 {
		color: #666;
		margin: 4px 0px 0px 0px;
		padding-bottom: 5px;
		width: 360px;
		}	
	
	.campagnes ul, .producten ul {
		margin:0px;
    	padding:0px;
    	list-style:none;
    	}
	
	.campagnes li, .producten li {
		float:left;
    	margin:0;
    	padding:0;
    	white-space: nowrap;
    	height: 1em;
    	}
	
	.campagnes a, .producten a {
		float: left;
		display: block;
		background-color: #f90;
		color: #fff;
		margin: 0px 5px 0px 0px;
		padding: 0px 2px 0px 2px;
		}	
	
	.campagnes a:hover {
		background-color: #f5f5f5;
		color: #f90;
		}
		
	/* einde andere campagnes */
		
	.producten {
		margin-bottom: 0px;
		padding: 5px 0px 10px 10px;
		float: left;
		width: 388px;
		border-bottom: 1px solid #ddd;
		}				
		
	.producten h2 {
		margin: 0px;
		}	
	
	.producten a {
		background-color: #9cf;
		color: #fff;
		}	

	.producten a:hover {
		background-color: #fff;
		color: #9cf;
		}

	.product {
		margin: 0px;
		padding: 3px 0px 10px 10px;
		float: left;
		width: 390px;
		border-bottom: 1px solid #ddd;
		}		

	.product h2 {
		color: #666;
		margin: 10px 0px 0px 0px;
		float: left;
		}

	.product a.terug {
		margin: 10px 10px 2px 0px;
		padding: 0px;
		float: right;
		display: block;
		}
		
	.product .video_groot {
		margin: 0px;
		padding: 0px;
		float: left;
		width: 368px;
		}		
	
	.product img {
		margin: 10px 5px 0px 0px;
		float: left;
		}
		
	.product object {
		margin: 10px 0px 0px 0px;
		float: left;
		}
		
	.product a {
		float: left;
		display: block;
		margin: 3px 0px 3px 0px;
		padding: 0px;
		}
	
	.product ul {
		margin:12px 0px 0px 0px;
    	padding:0;
    	list-style:none;
    	float:left;
    	width: 360px;
    	}
    
    .product li {
		margin:0;
    	padding-left:14px;
    	width: 360px;
    	display: block;
    	float:left;
    	background-repeat: no-repeat;
		background-position: 0px 3px;
    	}
    	
     .product li.radio {
		background-image: url(../ima/speaker.gif);

		}
	
	.product li.comm {
		background-image: url(../ima/tv.gif);
		}
		
	.product li.drukwerk {
		background-image: url(../ima/druk03.gif);
		}
	
	.product li.promoteam {
		background-image: url(../ima/speaker.gif);
		}
	
	.product li.magazine {
		background-image: url(../ima/speaker.gif);
		}

	.product .print_groot {
		margin: 0px 0px 0px 0px;
		float: right;
		}
		
	.product .print_klein {
		margin: 0px 15px 10px 0px;
		float: left;
		}
				
	.product .grey {
		font-size: .76em;
		line-height: 100%;
		color: #999;
		}
		
/*awards */

	.awardspace {
		float: left;
		display: block;
		height:10px;
		width:300px;
		}
		
	.awards {
	    width: 300px;
		font-size: 0.75em;
		line-height: 1em;
		color: #666;
		padding: 12px 0px 0px 16px;
		margin: 0px;
		display: block;
		float: left;
		background-image: url(../ima/copa.gif);
		background-repeat: no-repeat;
		background-position: 0px 10px;
		}
		
	.awards a {
	    font-size: 100%;
		}
	
/* einde klant */

/* productenpagina */	
	
	#produkten #page .prodcontent {
		width:770px;
		padding:25px 0px 0px 0px;
		margin:0px;
		float:left;
		vertical-align: text-top;
		border: none;
		xborder: 1px solid brown;
		}
	
	.produkt {
		border-bottom: 1px solid #ddd;
		xborder-top: 1px solid #ddd;
		margin:0px 0px 25px 0px;
		padding:10px 0px;
		float:left;
		width: 770px;
		}
	
	#produkten #page .produkt .contentleft {
		width:460px;
		padding:0px 40px 0px 0px;
		margin:0px;
		float:left;
		vertical-align: text-top;
		xborder: none;
		}

	#produkten #page .produkt .contentright {
		width:260px;
		padding:0px;
		margin:0px;
		float:left;
		}
	
	.produkt h3 {  
		padding-top:0px;
		xdisplay:inline;
		xwhite-space: normal;
		}
		
	.produkt p {  
		width:260px;
		float: left; 
		}

	.produkt a { 
		font-size:100%; 
		}
		
	.produkt img { 
		margin-right: 40px; 
		float: left;
		display:block;
		}
	
	.produkt .paystuff {
		xbackground-color: #e6e6e6;
		width: 150px;
		height: 120px;
		padding: 0px;
		font-size: 0.75em;
		font-family: arial, helvetica, sans-serif;
		color: #111;
		vertical-align: text-top;
		xborder: 1px solid red;
		}
	
	.produkt .paystuff .note {  
		font-size: 75%;
		color: #777;
		}
		
	.produkt .paystuff .buynow {
		margin: 0px;
		padding-bottom: 10px;
		height: 17px;
		width: 140px;
		float: left;
		display: block;
		}
	* html .produkt .paystuff .buynow {
		padding: 0px;
		}
		
	.produkt .paystuff .buynow .payimg {
		display: inline;
		position: relative;
		margin: 0px;
		padding: 0px;
		height: 17px;
		width: 59px;
		}
	
	.produkt .paystuff .cart {
		display: inline;
		position: relative;
		padding: 0px;
		float:left;
		height: 17px;
		width: 140px;
		}
	* html .produkt .paystuff .cart {
		margin-top: -15px;
		}
		
	.produkt .paystuff .cart .cartimg {
		display: inline;
		position: relative;
		margin: 0px;
		padding: 0px;
		height: 17px;
		width: 125px;
		}
		
	.produkt .paystuff .cart1 {
		display: inline;
		position: relative;
		margin-top: 25px;
		float:left;
		height: 17px;
		width: 140px;
		}
	* html .produkt .paystuff .cart1 {
		margin-top: -15px;
		}
		
	.produkt .paystuff .cart1 .cartimg {
		display: inline;
		position: relative;
		margin-top: 0px;
		height: 17px;
		width: 125px;
		}
	
	.produkt .paystuff .sizeselector {
		margin: 0px;
		padding-bottom: 10px;
		width: 140px;
		position: relative;
		}
		* html .produkt .paystuff .sizeselector {
		
		}
	
	.produkt .paystuff .sizeselector .selecta {
		margin: 0px 0px 0px 5px;
		font-size: 0.75em;
		}


/* einde productenpagina */

/* contactpagina */

	.contact {
		width: 340px;
		margin: 25px 0px 30px 0px;
		}
		
	.contact h2 {
		color: #666;
		margin: 0px;
		line-height: 160%;
		}
		
	.contact h1 {
		margin: 2px 10px 10px 0px;
		color: #666;
		text-transform: none;
		letter-spacing: 0px;
		display: block;
		}

	.contact p {
		margin-bottom: 10px;
		}
	
	.contact p a {
		font-size: 100%;
		}
	
	.contact ul {
		float:left;
		margin:0px 0px 25px 0px;
    	padding:0px;
    	list-style:none;
		}
		
	.contact li {
		margin:0;
    	padding: 0px 0px 12px 0px;
    	width: 360px;
    	float:left;
		}

	.map {
		width: 400px;
		margin: 25px 0px 30px 0px;
		padding: 0px;
		float: left;
	  	}
		
	.map img {
		float: right;
		margin: 0px 0px 12px 0px;
		}
	
	.map img.dl {
		float: left;
		margin-right: 4px;
		}
