/* 

@author: Roël van Dijk
@version: 20100105-01

*/

/* Cleared elements
**********************************/	
body, #publerBody,
ul#aanbiedingen h2{
	margin: 0;
	padding: 0;
}
/* Clean lists
**********************************/
#header ul, ul#navigation,
ul#aanbiedingen, ul#navigation li ul{
	list-style:none;
	margin:0;
	padding:0;
}
body{
	background: url(../../images/kopiviet/background/body_bg.png);
	color:#000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px; /* Hierdoor wordt 1em 10px, 1.1em 11px, 0.8em 8px*/
	margin: 112px 0;
}
#container {
	position: relative;
	width: 1024px;		
	margin: 0 auto; 	
	text-align: left;	
	background-color: #FFF;
	padding-bottom: 28px;
}	
#header {
	height: 165px;
}
#header img{
	position: absolute;
	top: 14px;
	left: 77px;
}
#header p{
	position: absolute;
	text-indent: -5555px;
	width: 249px;
	height: 29px;
	background: url(../../images/kopiviet/sprites/bg_sprite.png) no-repeat;
	top: 72px;
	left: 410px;
}
#header ul{
	position: absolute;
	left: 822px;
	top: 14px;
}
#header ul li{
	float: left;
	font-size: 1.1em;
	margin-right: 10px;
}
#header ul li a{
	color: #707173;
	text-decoration: none;
	letter-spacing: 0.025em; 
}
#header ul li.selected a{
	color: #a9398b;
}
div#wrapper {
	float:left;
	width:100%;
}
div#contents {
	margin: 0 633px 0 0;
	padding: 21px 17px 0 80px;
	_padding: 21px 15px 0 80px;
	background: url(../../images/kopiviet/background/dots.png) right -2px repeat-y;
	min-height: 502px;
	_height: 502;
}
div#right{
	float:left;
	width:614px;		
	padding-left: 19px;
	margin-left:-633px; 	/* Zo breed als de column */
}
div#right img.header{
	margin: 0;
	width:614px;
	height: 311px;
}
ul#aanbiedingen{
	text-indent: -5555px;
	margin: 22px 0 0 -3px;
	_background-color: pink;
}
ul#aanbiedingen li{
	float: left;
	width: 165px;
	height: 162px;
	margin: 19px 33px 0 0;
	background: url(../../images/kopiviet/sprites/bg_sprite.png) -202px -39px no-repeat;
}
ul#aanbiedingen li.circle{
	width: 192px;
	height: 192px;
	background-position: 0 -39px;
	margin: 0 27px 0 0;
}
ul#aanbiedingen li.last{
	margin-right: 0;
	background-position: -377px -39px;
}
/* Navigation
***********************/
ul#navigation{
	position: absolute;
	top: 128px;
}
ul#navigation li{
	float: left;
	margin-right: 3px;
	position: relative;
}
ul#navigation li.last{
	margin-right: 0;
}
ul#navigation li a{
	color: #fff;
	font-size: 1.6em;
	display: block;
	height: 29px;
	line-height: 29px;
	text-decoration: none;
	text-align: center;
	text-transform: lowercase;
	width: 203px;
	background: url(../../images/kopiviet/sprites/bg_sprite.png) -258px 0 no-repeat;
}
ul#navigation li.first a{
	width: 201px;
	background-position: -684px 0;
}
ul#navigation li.last a{
	width: 202px;
	background-position: -758px -39px;
}
ul#navigation li.last ul li a {
	width: 170px;
}
ul#navigation li a:hover,
ul#navigation li:hover a,
ul#navigation li.hover a,
ul#navigation li.selected a{
	background-position: -471px 0;
}
.home ul#navigation li.selected a,
ul#navigation li.first a:hover{
	background-position: -552px -39px;
}
.informatie ul#navigation li.selected a,
ul#navigation li:hover.last a, /* doesn't work in IE */
ul#navigation li.last a:hover{
	background-position: -758px -78px;
}
ul#navigation li:hover ul,
 ul#navigation li.hover ul{
	display: block;
}
ul#navigation li ul{
	display: none;
	position: absolute;
	right: 0;
	_right: -1px;
	top: 29px;
}
ul#navigation li ul li{
	float: none;
	margin: 0;
	position: static;
}
ul#navigation li ul li a,
ul#navigation li ul li.last a{
	height: 27px;
	line-height: 27px;
	text-decoration: none;
	text-align: left;
	padding-left: 9px;
	width: 136px;
	background: none;
	background-color: #c6c7c8;
	border-bottom: 1px solid #fff;
}
ul#navigation li ul li.last a{
	border-bottom: 0;
}
ul#navigation li ul li a:hover{
	background-color: #707173;
}
/* sIFR
************************/
@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}
@media screen {
  .sIFR-active h1 {
    visibility: hidden;
	font-size: 4em;
	color: #000;
  }
}