 #distance { 
   width:1px;
   height:50%;
   margin-bottom:50px;
   float:top;
}
      
	.container{
   position:relative;
   background-color:#FFFFFF;
   clear:left;
   margin: 0 auto;
   width:1100px;
   height:620px;
   }
   
   body {
	font-family: Arial;
	font-size: 10pt;
	color: #333333;
	background-color: #333333;
	line-height: 14pt;
}


img {
   border: 0;
   }

 /*TYPOGRAFIE*/
  
  
   h1 {
	font-family: Helvetica;
	font-size: 7.5pt;
	color: #DB6712;
	background-color: #ECEDED;
	line-height: 14pt;
	font-weight:normal;
	letter-spacing:2px;
}

   h2 {
	font-family: Helvetica;
	font-size: 12pt;
	color: #ABABAB;
	background-color: none;
	line-height: 14pt;
	font-weight:normal;
	letter-spacing:1px;
}

    h3 {
	font-family: Helvetica;
	font-size: 8pt;
	color: #DB6712;
	background-color: none;
	line-height: 14pt;
	font-weight:normal;
	letter-spacing:2px;
	text-transform: uppercase;
	text-align:left;
	
}


 	h4 {
	font-family: Helvetica;
	font-size: 8pt;
	color: #5E4517;
	background-color: none;
	line-height: 14pt;
	font-weight:normal;
	letter-spacing:2px;
	text-transform: uppercase;
	text-align:left;
	
}



h5 {
	font-family: Helvetica;
	font-size: 7.5pt;
	color: #DB6712;
	background-color: #ECEDED;
	line-height: 14pt;
	font-weight:normal;
	letter-spacing:2px;
	align:top;
}


h6 {
	font-family: Helvetica;
	font-size: 7.5pt;
	color: #DB6712;
	background-color: #000000;
	line-height: 14pt;
	font-weight:normal;
	letter-spacing:2px;
}


h11 {
	font-family: Helvetica;
	font-size: 8pt;
	color: #5E4517;
	background-color: #FFFFFF;
	line-height: 14pt;
	font-weight:normal;
	letter-spacing:2px;
}

h12 {
	margin-left: 20px;
	font-family: Helvetica;
	font-size: 9pt;
	color: #5E4517;
	line-height: 13pt;
	font-weight:normal;
	letter-spacing:2px;
}


h13 {
	margin-left: 20px;
	font-family: Helvetica;
	font-size: 9pt;
	color: #FFFFFF;
	line-height: 13pt;
	font-weight:normal;
	letter-spacing:2px;
	margin-left: 20px;
	margin-right: 0px;
}



h14 {
	font-family: Helvetica;
	font-size: 8pt;
	color: #000000;
	line-height: 21pt;
	font-weight:normal;
	letter-spacing:2px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 2px;
	
}

   h15 {
	font-family: Helvetica;
	font-size: 7.5pt;
	color: #DB6712;
	background-image:url('http://www.polka.nl/new/images/textback.jpg');
	line-height: 14pt;
	font-weight:normal;
	letter-spacing:2px;
	margin-left: 20px;
}


h16 {
	font-family: Helvetica;
	font-size: 6pt;
	color: #FFFFFF;
	line-height: 13pt;
	font-weight:normal;
	letter-spacing:2px;
	margin-left: 20px;
	text-transform: uppercase;
	
}


h17 {
	font-family: Helvetica;
	font-size: 6pt;
	color: #000000;
	line-height: 13pt;
	font-weight:normal;
	letter-spacing:2px;
	margin-left: 20px;
	text-transform: uppercase;
	
}




 /*SCROLLERS*/
 
 
 
   #main {
	  width: 2000px;
      margin: 0 auto;
	  
    }

    #content-slider {
      position:absolute;
	  top:107px;
	  left:260px;
	  width: 824px;
      height: 1px;
	  margin-right: -10 px;
      background: #ABABAD;
	  z-index:500
     
    }

    .ui-slider-handle {
      position: absolute;
	  width: 16px;
      height: 16px;
	  top: -9px;
	  background-image:url('http://www.polka.nl/new/images/pijl3.png');
    }

    #content-scroll {
      position:absolute;
	  top:145px;
	  left:260px;
	  width:840px;
	  height:455px;
      margin-top: -10px;
      overflow: hidden;
	  z-index:10
    }





	

/*huisstijlen – de totale breedte*/
    #content-holder {
	  width:27230px;
	  overflow:hidden;
      height: 455px;
	  margin: 0 auto;
    }

/*brochures – de totale breedte*/
	#content-holder2 {
	  width:55665px;
	  overflow:hidden;
      height: 455px;
	  margin: 0 auto;
    }

/*jaarverslagen – de totale breedte*/	
	#content-holder3 {
	  width:24205px;
	  overflow:hidden;
      height: 455px;
	  margin: 0 auto;
    }

/*boeken – de totale breedte*/	
	#content-holder4 {
	  width:55060px;
	  overflow:hidden;
      height: 455px;
	  margin: 0 auto;
    }
   
	
/*tijdschriften – de totale breedte*/	
	#content-holder6 {
	  width:26020px;
	  overflow:hidden;
      height: 455px;
	  margin: 0 auto;
    }
	
/*affiches – de totale breedte*/	
	#content-holder7 {
	  width:12710px;
	  overflow:hidden;
      height: 455px;
	  margin: 0 auto;
    }
	
/*websites – de totale breedte*/	
	#content-holder8 {
	  width:10895px;
	  overflow:hidden;
      height: 455px;
	  margin: 0 auto;
    }
	
/*overige – de totale breedte*/	
	#content-holder9 {
	  width:18155px;
	  overflow:hidden;
      height: 455px;
	  margin: 0 auto;
    }
	
/*awards – de totale breedte*/	
	#content-holder10 {
	  width:16945px;
	  overflow:hidden;
      height: 455px;
	  margin: 0 auto;
    }
	
/*egor – de totale breedte*/	
	#content-holder11 {
	  width:10730px;
	  overflow:hidden;
      height: 455px;
	  margin: 0 auto;
    }
	
/*diverse tekst pagina's – de totale breedte*/	
	#content-holder12 {
	  width:840px;
	  overflow:hidden;
      height: 455px;
	  margin: 0 auto;
    }
	
/*portfolio algemeen – de totale breedte*/
    #content-holder13 {
	  width:4240px;
	  overflow:hidden;
      height: 455px;
	  margin: 0 auto;
    }
	
/*contact – de totale breedte*/
    #content-holder14 {
	  width:1215px;
	  overflow:hidden;
      height: 455px;
	  margin: 0 auto;
    }
	
	
	
	
	
	

/*huisstijlen – formaat afbeelding*/	
	.content-item {
      width: 600px;
      height: 455px;
      padding-right: 5px;
      float: left;
  }
  
/*brochures – formaat afbeelding*/
  	.content-item2 {
      width: 600px;
      height: 455px;
      padding-right: 5px;
      float: left;
  }
  
 /*jaarverslagen – formaat afbeelding*/
  	.content-item3 {
      width: 600px;
      height: 455px;
      padding-right: 5px;
      float: left;
  }
  
 /*boeken – formaat afbeelding*/
  	.content-item4 {
      width: 600px;
      height: 455px;
      padding-right: 5px;
      float: left;
  }
  
 /*tijdschriften – formaat afbeelding*/
  	.content-item6 {
      width: 600px;
      height: 455px;
      padding-right: 5px;
      float: left;
  }
  
 /*affiches – formaat afbeelding*/
  	.content-item7 {
      width: 600px;
      height: 455px;
      padding-right: 5px;
      float: left;
  }
  
 /*websites – formaat afbeelding*/
  	.content-item8 {
      width: 600px;
      height: 455px;
      padding-right: 5px;
      float: left;
  }
  
 /*overige – formaat afbeelding*/
  	.content-item9 {
      width: 600px;
      height: 455px;
      padding-right: 5px;
      float: left;
  }
  
 /*awards – formaat afbeelding*/
  	.content-item10 {
      width: 600px;
      height: 455px;
      padding-right: 5px;
      float: left;
  }
  
 /*egor – formaat afbeelding*/
  	.content-item11 {
      width: 455px;
      height: 455px;
      padding-right: 5px;
      float: left;
  }

 /*egor – formaat afbeelding*/
  	.content-item13 {
      width: 600px;
      height: 455px;
      padding-right: 5px;
      float: left;
  }
 
 /*egor – formaat afbeelding*/
  	.content-item14 {
      width: 600px;
      height: 455px;
      padding-right: 5px;
      float: left;
  }
 
 
 
 
 
 
 
 /*VORMGEVINGSELEMENTEN*/


  .vorm1{
position:absolute;
top:0px;
left:80px;
width:150px;
height:500px;
background-image:url('http://www.polka.nl/new/images/menu.jpg');
z-index:2
}

  .vorm2{
position:absolute;
top:0px;
left:0px;
width:80px;
height:500px;
background-image:url('http://www.polka.nl/new/images/logobalk.jpg');
z-index:1
}

  .vorm3{
position:absolute;
top:35px;
left:260px;
width:385;
height:35px;
background: none;
z-index:100
}

  .vorm4{
position:absolute;
top:107px;
left:1070px;
width:30px;
height:1px;
background: #ABABAD;
z-index:1
}

  .vorm5{
position:absolute;
top:107px;
left:230px;
width:870px;
height:1px;
background: #ABABAD;
z-index:30
}

 .vorm6{
position:absolute;
top:15px;
left:920px;
width:82px;
height:92px;
z-index:500
}

 .vorm7{
position:absolute;
top:500px;
left:80px;
width:150px;
height:120px;
background: #ECEDED;
z-index:2
}

 .vorm8{
position:absolute;
top:94px;
left:100px;
width:130px;
height:400px;
background: #ECEDED;
z-index:2
}

 .vorm9{
position:absolute;
top:126px;
left:260px;
width:630px;
height:455px;
background: none;
z-index:2
}

  .vorm10{
position:absolute;
top:107px;
left:260px;
width:840px;
height:1px;
background: #ABABAD;
z-index:1
}


  .vorm11{
position:relative;
top:0px;
left:80px;
width:50px;
height:50px;
background-image:url('http://www.polka.nl/new/images/menu.jpg');
z-index:1000
}


  .vorm12{
position:absolute;
top:0px;
left:0px;
width:1100px;
height:620px;
background-image:url('http://www.polka.nl/new/images/winner.gif');
z-index:1001
}

  .vorm13{
position:absolute;
top:0px;
left:230px;
width:870px;
height:620px;
background-image:url('http://www.polka.nl/new/images/kwispel.gif');
z-index:1002
}

  .vorm14{
position:absolute;
top:0px;
left:80px;
width:150px;
height:620px;
background: #000000;
z-index:3000
}

 .vorm15{
position:absolute;
top:94px;
left:100px;
width:130px;
height:400px;
background: #00000;
z-index:5000
}

 .vorm16{
position:absolute;
top:135px;
left:865px;
width:235px;
height:455px;
background: #ffffff;
z-index:5000
}

 #vorm17{
position:relative;
width:600px;
height:455px;
background: #DB6712;
padding-right: -5px;
z-index:5000
}

 #vorm17B{
position:relative;
width:600px;
height:455px;
background-image:url('http://www.polka.nl/new/images/tdcaward.jpg');
padding-right: -5px;
z-index:5000
}

 #vorm18{
position:relative;
width:600px;
height:455px;
background-image:url('http://www.polka.nl/new/images/egoraward.jpg');
padding-right: -5px;
z-index:5000
}

 #vorm19{
position:relative;
background: none;
padding-left: 5px;
z-index:5100
}


  .vorm20{
position:absolute;
top:107px;
left:260px;
width:810px;
height:1px;
background: #ABABAD;
z-index:1
}

  .vorm21{
position:relative;
width:600px;
height:24px;
background: #000000;
z-index:1
}

  .vorm22{
position:relative;
width:455px;
height:24px;
background: #000000;
z-index:1
}

  .vorm23{
position:relative;
width:600px;
height:24px;
background: #987108;
z-index:1
}



 /*ROLL-OVER STYLES*/



a.one:link, a.one:visited {
	color: #5E4517; text-decoration: none; margin-left: 0px; outline: none;
}
	a.one:active,a.one:hover {
	color: #DB6712; text-decoration: none; margin-left: 0px; outline: none;
}

	a.two:link, a.two:visited {
	color: #969699; text-decoration: none; margin-left: 0px; outline: none;
}
	a.two:active,a.two:hover {
	color: #DB6712; text-decoration: none; margin-left: 0px; outline: none;
}

	a.three:link, a.three:visited {
	color: #DB6712; text-decoration: none; margin-left: 0px; outline: none;
}
	a.three:active,a.three:hover {
	color: #DB6712; text-decoration: none; margin-left: 0px; outline: none;
}

	a.four:link, a.four:visited {
	color: #5E4517; text-decoration: none; margin-left: 0px; outline: none;
}
	a.four:active,a.four:hover {
	color: #5E4517; text-decoration: none; margin-left: 0px; outline: none;
}

	a.five:link, a.five:visited {
	color: #FFFFFF; text-decoration: none; margin-left: 0px; outline: none;
}
	a.five:active,a.five:hover {
	color: #DB6712; text-decoration: none; margin-left: 0px; outline: none;
}

	a.six:link, a.six:visited {
	color: #FFFFFF; text-decoration: none; margin-left: 0px; outline: none;
}
	a.six:active,a.six:hover {
	color: #5E4517; text-decoration: none; margin-left: 0px; outline: none;
}

	a.seven:link, a.seven:visited {
	color: #5E4517; text-decoration: none; margin-left: 0px; outline: none;
}
	a.seven:active,a.seven:hover {
	color: #FFFFFF; text-decoration: none; margin-left: 0px; outline: none;
}


	a.eight:link, a.eight:visited {
	color: #FFFFFF; text-decoration: none; margin-left: 0px; outline: none;
}
	a.eight:active,a.eight:hover {
	color: #5E4517; text-decoration: none; margin-left: 0px; outline: none;
}



a.rollover {
	display: block;
	position:absolute;
	top:7px;
	left:900px;
	width: 100px;
	height: 100px;
	text-decoration: none;
	background-image:url('http://www.polka.nl/new/images/egor_half.jpg');
	}

a.rollover:hover {
	background-position: -150px 0;
	}

.displace {
	position: absolute;
	left: -5000px;
	}


  </style>/* CSS Document */
