body
{
	font-family : verdana ;
	font-size : 11px ;
	padding : 0px ;
	margin : 0px ;
}

body.editor 
{ 
	padding : 4px ; 
	margin : 0px ;
	min-height : 12px ;
	height : auto ;
	width : auto ;
}

/* very generic style, every project should have one.. */

div.hidden
{
	display: none ;	
}

/* floating for images */

.imgleft
{
	float: left;
	margin: 10px 10px 0 0;
}

.imgright
{
	float: right;
	margin: 0 0 10px 10px;
}

/* Layer styles
   Done by Brilliantly Mr Schenque
*/

html, body
{
	height: 100%;
	width: 100%;
	padding: 0px;
	margin: 0px;
	background: #fefefe;
}
img
{
	border: 0px;
}
#wrapper
{
	background: #fefefe ;
	background :url( ../media/image/layout/background.png ) repeat-x ;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	width: 100%;
	position: relative;
	z-index : 1 ;
}
.trapped
{
	width: 921px;
	margin: 0px auto;
	padding-bottom: 106px;
	position: relative;
}
.bottom
{
	background-image: url( ../media/image/layout/bottom.png );
	background-repeat: repeat-x;
	bottom: 0px;
	left: 0px;
	position: absolute;
	width: 100%;
	height: 106px;
}
div#header
{
	height: 95px;
	background: url( ../media/image/layout/fklogo.gif) right top no-repeat ;
}
div#rightcolumn
{
	float: right;
	width: 184px;
	height: auto !important;
	height: 500px;
	min-height: 500px;
	background-color: #fefefe ;
}
div#menu
{
	color : white ;
	background: url( ../media/image/layout/backmenu.png ) ;
	width: 184px;
	height: 180px;
	background-color: #fefefe ;
	margin-bottom: 9px;
}

div#menu p
{
	padding : 0px ;
	margin : 0px ;
}

div#menu p.selected
{
	color : #fa074f ;
	padding : 0px ;
	margin : 0px ;
	padding-left : 12px ;
	padding-right : 12px ;
	padding-top : 8px ;
	padding-bottom : 8px ;
}

div#menu p.topfiller
{
	display : block ;
	height : 11px ;
	font-size : 2px ;	
	margin-left : 12px ;
	margin-right : 12px ;

}
 
div#news
{
	color : white ;
	font-size : 11px ;
	width: 184px;
	/*height: auto !important;*/
	height: 282px;
	min-height: 282px;
	background: url( ../media/image/layout/backnews.png ) no-repeat ;
	overflow:hidden;
}

div#news p
{
	padding : 0px 0 7px 0;
	margin : 0px ;
	border-bottom: 1px solid #555;	
}

div#news p.item4 { border:none; padding: 0; }

div#news h4
{
	color : white ;
	padding : 0px ;
	margin : 0px ;	
	font-weight : normal ;
	font-size : 12px;
	width:80px;
	float:left;
	margin-bottom:6px;
}

div#news p.date
{
	padding : 0px ;
	font-size : 10px ;
	margin : 7px 0px 0px 0px;	
	color : #ef2f60 ;
	font-weight : bold ;
	border: none;
}

div#news p.archive { 
	float:right; 
	width:55px;
	border:none;
	font-size : 12px;
	margin-bottom:6px;
}

div#news p.link
{
	padding-top : 7px ;
	padding-bottom : 14px ;
	border-bottom: 1px solid #3c3c3c ;
}

div#news div.in
{
	padding : 12px ;
	padding-top : 17px ;
}

div#content
{
	height: auto !important;
	height: 550px; 
	min-height: 550px;
	width: 727px;
	background-color: #fefefe ;
	margin-right: 10px;
}


div#content div.in
{
	padding-left : 10px ;
	padding-right : 10px ;
}

div#content div.number
{
	float : left ;
	width : 40px ;
}

img.pseudobackgroundimage
{
	position : absolute; 
	margin-left : -10px ; 
	z-index : 10 ;
}

div#content div.redback
{
	height : 122px ;
	color : white ;
	padding-left : 132px ;
	margin-left : 0px ;
	margin-bottom : 20px ;
	position : relative ;
	z-index : 22 ;
}

div#content div.in div.redback a,
div#content div.in div.redback h3,
div#content div.in div.redback p
{
	color : white ;	
}

div#content div.in div.redback h3
{
	margin : 0px ;
	padding-top : 16px ;
	padding-bottom : 8px ;
	
}

div#footer
{
	position: relative;
	width: 920px;
	height: 80px;
	font-family: Verdana;
	font-size: x-small;
}
div#copyright
{
	color : #c0c0c0 ;
	border-top : 1px solid #c0c0c0 ;
	width: 727px;
	height: 12px;
	padding: 15px 0px;
	text-align: center;
}
div#lan
{
	border-top : 1px solid #c0c0c0 ;
	float: right;
	height: 12px;
	width: 183px;
	padding: 25px 0px;
	text-align: center;
	background-color: #fefefe  ;
}

/* Front page 

div.fronttop
	{
	background : url(../media/image/layout/fronttop.jpg) ;
	height : 174px ;
	}

img.frontimage
	{
	position : absolute ;
	opacity : 0 ;
	filter: alpha(opacity=0);
	}

div.frontmid
	{
	background : url(../media/image/layout/frontmid.jpg) ;
	height : 106px ;
	}

div.frontbot
	{
	background : url(../media/image/layout/frontbot.jpg) ;
	height : 193px ;
	}

*/
div.generalprotectionfault
{
	background-image : url(../media/image/layout/bg_algemeen.png) ;
	background-repeat : no-repeat ;
}
div.bgwraps
{
	position: relative;
	height : 471px ;	
}
div.dfimg
{
	position : absolute ;
	height : 471px ; 
	width : 727px ;
	visibility: hidden;
	background-image : url(../media/image/layout/bg_algemeen.png) ;
	background-repeat : no-repeat ;
}
div.flimg
{
	position : absolute ;
	height : 471px ; 
	width : 727px ;
	visibility : hidden ;
	background-image : url(../media/image/layout/bg_fruitlab.png) ;
	background-repeat : no-repeat ;
}

div.rpimg
{
	position : absolute ;
	height : 471px ; 
	width : 727px ;
	visibility : hidden ;
	background-image : url(../media/image/layout/bg_rijp.png) ;
	background-repeat : no-repeat ;
}

div.fkimg
{
	position : absolute ;
	height : 471px ; 
	width : 727px ;
	visibility : hidden ;
	background-image : url(../media/image/layout/bg_fruityking.png) ;
	background-repeat : no-repeat ;
}

div.liimg
{
	position : absolute ;
	height : 471px ; 
	width : 727px ;
	visibility : hidden ;
	background-image : url(../media/image/layout/bg_limonada.png) ;
	background-repeat : no-repeat ;
}

div.frontmid
{
	position : absolute;
	top : 275px ;
}

/* element styles */

h1
{
	margin : 2px ;
	margin-left : 0px ;
	color : #c90034 ;
	font-size : 12px ;
}

h2
{
	margin : 2px ;
	margin-left : 0px ;
	color : #c90034 ;
	font-size : 12px ;
}

h3
{
	margin : 2px ;
	margin-left : 0px ;
	color : #c90034 ;
	font-size : 12px ;
}


h4
{
	margin : 2px ;
	margin-left : 0px ;
	color : black ;
	font-size : 11px ;
}

p.borderb
{
	border-bottom : 1px solid #c0c0c0 ; 
}

p.divider
{
	padding : 0px ;
	margin : 0px ;
	margin-left : -10px ;
	margin-right : -10px ;
	margin-top : 20px ;
	margin-bottom : 20px ;
	border-bottom : 1px solid #c0c0c0 ; 
	font-size : 2px ;
}

div.faqblock p
{
	padding : 0px;
	margin : 0px ;
	padding-bottom : 10px ;
	width : 650px ;
}
	
img.left
{
	float : left ;
	margin-right : 10px ;
}

img.left.new
{
	margin-top:5px;
	margin-bottom:10px;
}

.maincontent p {
	margin-left: 132px;
}

.maincontent div.redback p {
	margin-left: 0;
}

img.crop
{
	margin: 0;
}

img.right
{
	float : right ;
}

img.right.new
{
	margin-top: -10px ;
	margin-left: 10px ;
}

img.rightdown
{
	margin-top : 50px ;
	float : right ;
}

img.divider
{
	display : block ;
}

ul	
{
	margin-top : 0px ;
	padding-top : 0px ;
	margin-bottom : 10px ;
}
li
{
	margin : 0px ;
	padding-top : 3px ;
}

table.product, table.product_col1, table.product_col2, table.details, table.details2
{
	margin-top : 10px;
	margin-bottom : 10px ;
	margin-left : -10px ;
}

table.product, table.details, table.details2 {
	width : 440px ;
}

table.product_col1 {
	float: left;
	width: 390px;
	margin-right: 5px;
}

table.product_col2 {
	width: 310px;
}

table.product tr.odd, table.product_col1 tr.odd, table.product_col2 tr.odd, table.details tr.odd, table.details2 tr.odd 
{
	background : #f1f1f1 ;
}

table.product td, table.product_col1 td, table.product_col2 td
{
	font-size : 10px ;
	height : 16px ;
	padding-left : 4px ;
	padding-right : 4px ;
}

table.product td.new, table.product_col1 td.new, table.product_col2 td.new
{
	font-weight: bold ;
	color: #ca0230 ;
	text-align:center;
}

table.product td.new {
	width: 50px ;
}

table.product_col1 td.new, table.product_col2 td.new {
	width: 40px;
}
	
table.product td.first, table.product_col1 td.first, table.product_col2 td.first   
{
	font-weight : bold ;
	color : #ca0230 ;
	padding-left : 10px ;
	width : 160px ;
}
	
table.product td.second
{
	width : 120px ;
}

table.product_col1 td.second {
	width: 70px;
}

table.product_col2 td.second {
	width: 25px;
}

table.product td a, table.product_col1 td a, table.product_col2 td a
{
	font-size : 10px ;
}


table.details tr th {
	text-align: left;
}

table.details td.first  
{
		width : 140px ;
		padding-left : 10px ;
}
	
table.details td.second  
{
		width : 140px ;
}

	
table.details2 td.first  
{
		padding-left : 10px;
}
	
table.details2 td  
{
		width : 75px ;
}

table.details2 tr th {
	text-align: left;
}

img.product_bedrijfgrootverp {
	margin: 20px 0 0 70px;
}

p.new, b.new {
	font-weight: bold;
	color: #CA0230;
}

h3.faqheading {
	margin-top: 15px;
	margin-bottom: 10px;
}

/* link styles */

a
{
	text-decoration : none ;
	color : black ;
}

a.topmenulink
{
	position : absolute ;
	margin-left : 700px ;
	height : 80px ; 
	width : 215px ;
	border : 0px  ;	
}


a:hover
	{

	}

div#content div.in a
{
	color :  #ca0230 ;
}

div#menu a
{
	display : block ;
	color : white ;
	padding : 0px ;
	margin : 0px ;
	padding-left : 12px ;
	padding-right : 12px ;
	padding-top : 8px ;
	padding-bottom : 8px ;	
}
	

div#menu a:hover  
{
	padding : 0px ;
	margin : 0px ;
	border : 0px ;
	background: #8c0725 ; 
	padding-left : 12px ;
	padding-right : 12px ;
	padding-top : 8px ;
	padding-bottom : 8px ;
}

div#news a
{
	color : #fff ;
	/*border-bottom : 1px solid #dc0646 ;*/
}

div#news .archive a {
	color : #ef2f60 ;
}

div.submenu p
{
	color : black ;
	display : block ;
	float: left ;
	font-weight : bold ;
	font-size : 12px ;
	padding : 0px ;
	margin : 0px ;
}
	
div.submenu p a, div.submenu p span
{
	color : #999999 ;
	text-decoration : underline;
}

div.submenu a:hover
{
	color : black ;
}

div#content div.in a
{
	font-weight : bold ;
	text-decoration : underline ;
}

div#content div.in a.newslink
{
	color : black ;
	text-decoration : none ;
}
	
a.backbutton
{
	padding : 0px ;
	margin : 0px ;
	display : block ;
	background : url( ../media/image/layout/back.gif ) bottom left no-repeat ;
	margin-top : 10px ;
	padding-left : 10px ;
}

/* break styles */

br.clear
{
	font-size: 1px;
	line-height: 0px;
	clear: both;
}

br.left
{
	font-size: 1px;
	line-height: 0px;
	clear : left ;
}

/* Fancy header */

div.fancyleft
{
	float : left ;
	color : black ;
	font-size : 20px ;
	border-bottom : 1px solid #dc0646 ;
	padding-bottom : 3px ;
	padding-left : 10px ;
	margin-bottom : 23px ;
}

div.fancyright
{
	color : #c0c0c0 ;
	font-size : 20px ;
	border-bottom : 1px solid #c0c0c0 ;
	padding-bottom : 3px ;
	margin-bottom : 23px ;
}

/* (top) submenu */

div.submenu
{
	background : url(../media/image/layout/submenubar.gif) no-repeat ;
	height : 42px ;
	padding-top : 14px ;
	padding-left : 10px ;
	margin : 0px ;
}
	
div.submenu img
{
	float: left ;
}
	
	
/* Graphic menu */

div.graphicbar
{
	height : 60px ;
	padding: 0px ;
	margin : 0px ;
	background : url( ../media/image/layout/gmenuback.png ) no-repeat;
}
	
div.graphicbarshift
{
	height: 60px;
	margin: 0 auto;
	position: relative;
	/*width: 282px;*/
	width: 380px;
}
/* Toggle of faq, jobs etc */

h3.toggle
{
	cursor : pointer ;
	color :black ;
	background : url( ../media/image/layout/sliderback_off.png ) no-repeat ;
	font-size : 11px ;
	font-weight : normal ;
	color : white ;
	padding : 0px ;
	margin : 0px ;
	padding-left : 30px ;
	padding-top : 1px ;
	margin-left : -10px ;
	height : 17px ;
}
	
	/* total abuse of empty div for preloading alternative background image
	here !! */
h3.togglehidden
{
	display : 'none' ;
	background : url( ../media/image/layout/sliderback_on.png ) no-repeat ;
}

div.faqblock
{
	overflow : hidden ;
}
	
div.faqblock table td, div.faqblock table th
{
	padding-right: 20px;
	/*width : 100px ;*/
}

div.faqblock table tr th {
	text-align: left;
}



a.bottomlinkleft
{
	float : left ;	
}
div.toppadding
{
	text-align : right ;
	padding-top : 10px ;	
}




/* rollovers Graphic menu*/

a.rollover img.over, a.rollover:hover img.out, a.rollover_hover img.out,
div.graphicbar input.over, div.graphicbar:hover input.out, div.graphicbar_hover input.out
{
	padding : 0px ;
	float : left ;
 	display: none;
}
 
a.rollover:hover img.over, a.rollover_hover img.over, a.rollover img.out,
div.graphicbar:hover input.over, div.graphicbar_hover input.over, div.graphicbar input.out
{
	padding : 0px ;
	float : left ;
 	display: inline;
}
 
a.rollover
{
 	IE: expression(this.onmouseover=function(){this.className=this.className+'_hover';});
 	IE2: expression(this.onmouseout=function(){this.className=this.className.replace(/_hover/,'');});
}

div.boxbutton
{
	position:relative;
}

div.boxbutton div.box
{
	position: absolute; 
	top: 90px; 
	left: 0; 
	width: 100%;
}

div.boxbutton div.box div.boxmore
{
	position:relative;
}

div.boxmore div.boxmoretext
{
	float: left; 
	width: 239px; 
	text-align: center;
}

div.readmore
{
	position: absolute; 
	top: 90px; 
	left: 0; 
	width: 100%;
}