* {
	margin: 0;
	padding: 0;
	outline: 0;
	border-collapse: collapse;
}

html, body { height: 100%; }

#social {
    position: absolute;
    left: 370px;
    top: 22px;
}


.hidden, .printonly, .alt {
	display: none;
}

#hcenter {
  width: 1000px;
  position: relative;
  margin: 0 auto;
  /* background: #ffffff;	 */
  height: 768px;
  overflow: hidden;
}

#vcenter {
	position: absolute;
	width: 100%;
	height: 100%;
	vertical-align: middle;
}
#vcenter {
	background: url('/fileadmin/sitedesign/images/bg.gif'); 
	background-position: 50% 0;
  background-repeat: repeat-y;
  background-color: #BDCF01;
}


body { background: #BCCF00; }


ul,ol {
	padding-left: 15px;
}

#pagetitle h1 {
	margin:0;padding:0;
}

* html img,
* html input {
	behavior: url('/fileadmin/sitedesign/pngbehavior.htc');
}

#zoeken {
	position:absolute;
	left:375px;
	top:10px;
	width:77px;
	height:26px;
}


div#flashgame {
  position: absolute;
  top: 305px;
  left: 141px;
  width: 752px;
  height: 415px;
  z-index: 1;
}


#aanbevelen {
	position:absolute;
	left:472px;
	top:10px;
	width:88px;
	height:26px;
}

#naarconsumenten {
	position:absolute;
	left:568px;
	top:10px;
	width:88px;
	height:26px;
}

#menuBG {
	background-color: #ffffff;
	width: 177px;
	height: 283px;
	position: absolute;
	z-index: 2;
	top: 0;
	left: 187px;
}

#biopluslogo {
	background: url('/fileadmin/sitedesign/images/biopluslogo.png');
	background-repeat: no-repeat;
	width: 103px;
	height: 58px;
	position: absolute;
	z-index: 10;
	top: 6px;
	left: 232px;	
}

* html #biopluslogo {
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fileadmin/sitedesign/images/biopluslogo.png',sizingMethod='scale');
}


#vlinder {
  width: 40px;
  height: 40px;
  background: url('../images/vlinder.png');
  background-repeat: no-repeat;
  z-index: 180;
  position: absolute;
  top: 270px;
	left: 870px;
}

* html #vlinder {
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fileadmin/sitedesign/images/vlinder.png',sizingMethod='scale');
}

#pagetitle {
	position: absolute;
	top: 289px;
	left: 717px;
	width: 178px;
	height: 29px;
	overflow: hidden;
	z-index: 7;
}

#sidebg {
	position: absolute;
	width: 285px;
	height: 405px;
	z-index: 1;
	top: 317px;
	right: 622px;
}

#sidebg2 {
	position: absolute;
	width: 285px;
	height: 405px;
	z-index: 1;
	top: 530px;
	right: 622px;
}

#Table_01 {
	position:absolute;
	left:0px;
	top:0px;
	width:1000px;
	height:768px;
	overflow: hidden;
}

#homedesign_01 {
	position:relative;
        margin: 0 auto;
	width:766px;
	height:283px;
}

#headerimagenew {
    width: 786px;
    height: 283px;
    background-position: -117px 0px !important;
}

#homedesign_02 {
	position:absolute;
	left:357px;
	top:283px;
	width:567px;
	height:453px;
	background: url(../images/bkg_bottom_clip_special.gif);
	z-index: 6;
}

#homedesign_03 {
	position:absolute;
	left:0px;
	top:720px;
	width:1024px;
	height:48px;
}

#homedesign_03_bg {
    position: relative;
    margin: 0 auto;
        width: 766px;
        height: 50px;
	background: url(../images/bottom_bkg.jpg);
    background-position: -130px 0px;
}

#sitemapdisclaimermenu { 
	position:absolute;
	left:623px;
	top:25px;
	width:200px;
	height:20px;
	color: #ffffff;
}
#sitemapdisclaimermenu a { 
  color: #ffffff;
  text-decoration: none;
}

#copyright {
	position:absolute;
	left:23px;
	top:25px;
	width:400px;
	height:20px;
  color: #ffffff;
}

#design_06 {
	position:absolute;
	left:192px;
	top:75px;
	width:172px;
	height:155px;
	z-index: 100;
}

#contentWrap {
	position:absolute;
	left:367px;
	top:335px;
	width:522px;
	height:385px;
	overflow: auto;
	z-index: 6;
        overflow: hidden;
}

/* layout: 2 en 3 kolommen */

#contentWrap #contentLeft {
  position: absolute;
	width: 210px;   
}

#contentWrap #content {
  width: 325px;
  margin-left: 10px;
  margin-right: 180px;
  overflow: auto;
  height: 382px;
	padding-right: 10px;
}

#contentWrap #contentRight {
  position: absolute;
  left: 355px;
	width: 165px;  
}
#contentRight { font-size: 10px; }

/* layout: 1 kolom */

#contentWrap #singlecolumn {
	margin-left: 10px;
	width: 500px;
	margin-right: 10px;
	height: 370px;
	overflow: auto;
}

/* layout: 2 kolommen */

div#Table_01 div.removeMargin div#singlecolumn {
	margin-left: 0;
}

#leftSpecial {
	position: absolute;
	top: 317px;
	left: 95px;
	width: 270px;
	height: 406px;
	z-index: 5;
}

div#zoekknop {
	color:#FFFFFF;
	cursor:pointer;
	font-family:Arial,sans-serif;
	left:23px;
	position:absolute;
	top:11px;
}	

/*
#colorfill {
	position: absolute;
	top: 280px;
	left: 0px;
	width: 96px;
	height: 440px;
	background: #BDCF01;
	z-index: 100;
}
*/

/* CSS_STYLED_CONTENT */


/********************************/
/* Frames, spacing, link-to-top */
/********************************/
P.csc-linkToTop { text-align: right; }
P.csc-linkToTop A { font-weight: bold; }

DIV.csc-frame { border: 0px; }
DIV.csc-frame-invisible { visibility: hidden; }
DIV.csc-frame-rulerBefore { border-top: 1px solid #333333; }
DIV.csc-frame-rulerAfter { border-bottom: 1px solid #333333; }
DIV.csc-frame-indent { padding-left: 100px; }
DIV.csc-frame-indent3366 { padding-left: 33%; }
DIV.csc-frame-indent6633 { padding-right: 33%; }
DIV.csc-frame-frame1 { background-color: #EDEBF1; padding: 2px 4px 2px 4px; border: 1px solid #333333; }
DIV.csc-frame-frame2 { background-color: #F5FFAA; padding: 2px 4px 2px 4px; border: 1px solid #333333; }

div.csc-frame-frame1 p.csc-header-date, DIV.csc-frame-frame2 p.csc-header-date { margin-bottom: -5px; } 

/**********/
/* Images */
/**********/

/* Images / Captions */
P.csc-caption { font-style: italic; }

/* Images / Tables / Floating text */
TABLE.imgtext-table { border: 0px; }

/* Images / Tables / Wrapped text */
/* When "Text w/Image" elements are wrapping the text into a table the top-margin of Hx elements should be transferred to the wrapping table instead. This is done here: */
TABLE.imgtext-nowrap { border: 0px; }
TABLE.imgtext-nowrap H1, TABLE.imgtext-nowrap H2, TABLE.imgtext-nowrap H3, TABLE.imgtext-nowrap H4, TABLE.imgtext-nowrap H5 { margin-top: 0px; }


/***************/
/* Bulletlists */
/***************/

/* Bulletlists, general */
UL.csc-bulletlist LI {  }

/* Bulletlists, specifically */
UL.csc-bulletlist-0 { color: #000000; }
UL.csc-bulletlist-1 { color: #186900; list-style-type : decimal; }
UL.csc-bulletlist-2 { color: #10007B; list-style-position : inside; }
UL.csc-bulletlist-3 { color: #8A0020; list-style-image: url(img/red_arrow_bullet.gif); }



/*********************/
/* Tables, generally */
/*********************/
TABLE.contenttable P {  }
TABLE.contenttable TR TD { vertical-align: top; }

/* Tables, specifically */
TABLE.contenttable-0 P { color: #000000; }

TABLE.contenttable-1 P { color: #186900; }
TABLE.contenttable-1 TR.tr-0 TD P { font-weight: bold; }
TABLE.contenttable-1 TR.tr-0 TD { background-color: #D1D2E4;}
 
TABLE.contenttable-2 P { color: #10007B; }
TABLE.contenttable-2 TR TD.td-0 { background-color: #F5FFAA;}
TABLE.contenttable-2 TR TD.td-0 P { font-weight: bold; }

TABLE.contenttable-3 P { color: #8A0020; }
TABLE.contenttable-3 TR TD.td-0, TABLE.contenttable-3 TR.tr-0 TD { background-color: #D1D2E4;}
TABLE.contenttable-3 TR TD.td-0 P, TABLE.contenttable-3 TR.tr-0 TD P { font-weight: bold; }



/************************/
/* Filelinks, generally */
/************************/
TABLE.csc-uploads { border: 0px; }
TABLE.csc-uploads TR TD P { background-color : transparent; }
TABLE.csc-uploads TR TD { vertical-align : top; }
TABLE.csc-uploads TR.tr-even { background-color: #EDEBF1; }
TABLE.csc-uploads TR.tr-odd { background-color: #D8D7DC; }
TABLE.csc-uploads TR TD.csc-uploads-icon { padding-left: 6px; padding-right: 6px; width: 1%; text-align: center; vertical-align: middle; }
TABLE.csc-uploads TR TD.csc-uploads-fileName { width: 80%; padding-left: 5px; }
TABLE.csc-uploads TR TD.csc-uploads-fileName P A { font-weight: bold; }
TABLE.csc-uploads TR TD.csc-uploads-fileName P.csc-uploads-description { font-style: italic; }
TABLE.csc-uploads TR TD.csc-uploads-fileSize { white-space: nowrap; padding-left: 6px; padding-right: 6px; }

/* Filelinks, specifically */
TABLE.csc-uploads-1 { border-color: #186900; }

TABLE.csc-uploads-2 { border-color: #10007B; }

TABLE.csc-uploads-3 { border-color: #8A0020; }
TABLE.csc-uploads-3 TR TD { vertical-align: middle; }
TABLE.csc-uploads-3 TR.tr-even TD.csc-uploads-icon IMG { border: 2px solid #333333; }
TABLE.csc-uploads-3 TR.tr-odd TD.csc-uploads-icon IMG { border: 2px solid #333333; }
				

div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption {
	color:#BDCF00;
	font-size:10px;
	margin:0pt;
}

/* gevonden zoekwoorden highlight */
.csc-sword {
	font-weight: bold;
}


/* kids4animals cheeta en zebra op spaaractie pagina */
.k4a_cheetah {
    position: absolute;
    top: 290px;
    left: 400px;
    z-index: 200;
}

.k4a_zebra {
    position: absolute;
    top: 295px;
    left: 670px;
    z-index: 200;
}


.k4a_olifant {
    position: absolute;
    top: 288px;
    left: 395px;
    z-index: 200;
}

.k4a_giraffe {
    position: absolute;
    top: 320px;
    left: 705px;
    z-index: 200;
}

* html .k4a_cheetah {
	width: 93px;
	height: 82px;
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fileadmin/sitedesign/images/kids4animals_cheetah.png',sizingMethod='scale');
}

* html .k4a_zebra {
	width: 103px;
	height: 90px;
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fileadmin/sitedesign/images/kids4animals_zebra.png',sizingMethod='scale');
}

* html .k4a_olifant {
	width: 116px;
	height: 86px;
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fileadmin/sitedesign/images/kids4animals_olifant.png',sizingMethod='scale');
}

* html .k4a_giraffe {
	width: 105px;
	height: 97px;
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fileadmin/sitedesign/images/kids4animals_giraffe.png',sizingMethod='scale');
}

/* aangepaste 1 kolom layout voor kids4animals pagina's */

.kids4animals #contentWrap #singlecolumn {
	margin-top: 30px;
	height: 340px;
}


/* andere achtegrond kids4animals */

.kids4animals #homedesign_02 {
	background: url(../images/bkg_bottom_clip_k4a.gif);
}


/* uitbreiding header link */
.header_link {
    z-index: 1;
    width: 530px;
    height: 220px;
    cursor: pointer;
    display: block;
    position: absolute;
    top: 55px;
    left: 365px;
	text-decoration: none;
}