/*
Copyright Soluso e-solutions, 2010. Alle rechten voorbehouden.
version: 1.1

Stylesheet: main.css
Description: positioning for all common sections and selectors.
Author: Soluso e-solutions.
Date: 01-02-2010
*/

body{
	margin: 0 auto;
	text-align: center;
	background: #292723 url(../images/bg.png) repeat-x top;
	font-family: Arial;
	font-size: 12px;
	color: #292723;
	height: 100%;
}


/*div#bg{width: 100%; overflow: hidden; position: absolute; z-index: 0;}
div#bg img{position: relative; top: 301px;}*/

/* Begin Container section */

div#container{
	margin: 0 auto 25px;
	text-align: justify;
	width: 962px;
	z-index: 1;
	position: relative;
}

/* Begin Header section */

div#header{
	width: 962px;
	position: relative;
	background: url(../images/header-bg.jpg) no-repeat center;
	height: 257px;
}

img#imgBanner
{
    position: absolute;
    top: -80px;
    left: 40px;
}

div#logo
{
	position: absolute;
	top: 21px;
}

div#profile
{
	position: absolute;
	top: 117px;
}

div#action
{
	position: absolute;
	top: 125px;
	left: 385px;
}

div#action span.description
{
	margin: 12px 0 0;
	display: block;
}

#viewPics{
    position: absolute;
    left: 0;
    top: 0;
}

#viewSlides{
    position: absolute;
    left: 287px;
    top: 0;
}

#actionDiv{
    position: absolute;
    top: 15px;
    left: 247px;
}

/* Begin Navigation section */

div#navigationholder{
	position: absolute;
	right: 0px;
	top: 31px;
}

/* End Navigation section */

/* End Header section */


/* Begin Main section */

div#main{
	min-height:100px;
	height:auto !important;
	height:100px;
	width: 962px;
	margin-bottom: 25px;
}

div#contenttop, div#footertop
{
	width: 962px;
	background: url(../images/content-bg-top.png) no-repeat;
	height: 11px;
}

div#contentbottom, div#footerbottom
{
	width: 962px;
	background: url(../images/content-bg-bottom.png) no-repeat;
	height: 11px;
}

div#content, div#footer
{
	background: url(../images/content-bg.png) repeat-y;
	padding: 29px 21px;
	min-height:10px;
	height:auto !important;
	height:10px;
}

div#leftcontent
{
	width: 420px;
	float: left;
	margin: 0 48px 0 0;
}

div#leftcontent-large
{
	width: 635px;
	float: left;
	margin: 0 48px 0 0;
}


object
{
	margin: 0 0 20px;
	display: block;
}

div#rightcontent
{
	width: 450px;
	float: left;
	margin: 0;
}

div#rightcontent-small
{
	width: 235px;
	float: left;
	margin: 0;
}

div.column
{
	float: left;
	width: 215px;
	margin-right: 20px;
	background: transparent;
	text-align: center;
	position: relative;
}

div.fullwidth
{
	width: 450px;
	margin: 20px 0 0 0;
	text-align: left;
}

div.halfwidth
{
	width: 420px;
	margin: 20px 0 0 0;
	text-align: left;
}

div.fullwidth div.pink{width: 410px;}
div.halfwidth div.pink{width: 380px;}

div.box{
	width: 175px;
	padding: 48px 20px 20px;
}

a.logo
{
	display: block;
	width: 77px;
	height: 77px;
	background: url(../images/sprite-logos.jpg) no-repeat;
	margin: 0 21px 21px 0;
	float: left;
}

a.bmc{background-position: 0px 0px;}
a.bmc:hover{background-position: 0px -77px;}
a.bmc:active{background-position: 0px -154px;}

a.hdsr{background-position: -77px 0px;}
a.hdsr:hover{background-position: -77px -77px;}
a.hdsr:active{background-position: -77px -154px;}

a.tnt{background-position: -154px 0px;}
a.tnt:hover{background-position: -154px -77px;}
a.tnt:active{background-position: -154px -154px;}

a.hyves{background-position: -231px 0px;}
a.hyves:hover{background-position: -231px -77px;}
a.hyves:active{background-position: -231px -154px;}

a.anwb{background-position: -308px 0px;}
a.anwb:hover{background-position: -308px -77px;}
a.anwb:active{background-position: -308px -154px;}

a.tmobile{background-position: -385px 0px;}
a.tmobile:hover{background-position: -385px -77px;}
a.tmobile:active{background-position: -385px -154px;}

a.vitae{background-position: -462px 0px;}
a.vitae:hover{background-position: -462px -77px;}
a.vitae:active{background-position: -462px -154px;}

a.interfaceflor{background-position: -539px 0px;}
a.interfaceflor:hover{background-position: -539px -77px;}
a.interfaceflor:active{background-position: -539px -154px;}

a.eatlola{background-position: -616px 0px;}
a.eatlola:hover{background-position: -616px -77px;}
a.eatlola:active{background-position: -616px -154px;}

a.gogreener{background-position: -693px 0px;}
a.gogreener:hover{background-position: -693px -77px;}
a.gogreener:active{background-position: -693px -154px;}

a.ecotuk{background-position: -770px 0px;}
a.ecotuk:hover{background-position: -770px -77px;}
a.ecotuk:active{background-position: -770px -154px;}

a.people4earth{background-position: -847px 0px;}
a.people4earth:hover{background-position: -847px -77px;}
a.people4earth:active{background-position: -847px -154px;}

a.eenwereld{background-position: -924px 0px;}
a.eenwereld:hover{background-position: -924px -77px;}
a.eenwereld:active{background-position: -924px -154px;}

a.connex{background-position: -1001px 0px;}
a.connex:hover{background-position: -1001px -77px;}
a.connex:active{background-position: -1001px -154px;}

a.dijkhuis{background-position: -1078px 0px;}
a.dijkhuis:hover{background-position: -1078px -77px;}
a.dijkhuis:active{background-position: -1078px -154px;}

a.greengraf{background-position: -1155px 0px;}
a.greengraf:hover{background-position: -1155px -77px;}
a.greengraf:active{background-position: -1155px -154px;}

a.jourdan{background-position: -1232px 0px;}
a.jourdan:hover{background-position: -1232px -77px;}
a.jourdan:active{background-position: -1232px -154px;}

a.avans{background-position: -1309px 0px;}
a.avans:hover{background-position: -1309px -77px;}
a.avans:active{background-position: -1309px -154px;}

a.duurzamevac{background-position: -1386px 0px;}
a.duurzamevac:hover{background-position: -1386px -77px;}
a.duurzamevac:active{background-position: -1386px -154px;}

a.dp21{background-position: -1463px 0px;}
a.dp21:hover{background-position: -1463px -77px;}
a.dp21:active{background-position: -1463px -154px;}

a.greenlightning{background-position: -1540px 0px;}
a.greenlightning:hover{background-position: -1540px -77px;}
a.greenlightning:active{background-position: -1540px -154px;}

a.dhv{background-position: -1617px 0px;}
a.dhv:hover{background-position: -1617px -77px;}
a.dhv:active{background-position: -1617px -154px;}

a.vitalinterest{background-position: -1694px 0px;}
a.vitalinterest:hover{background-position: -1694px -77px;}
a.vitalinterest:active{background-position: -1694px -154px;}

a.ocf20{background-position: -1771px 0px;}
a.ocf20:hover{background-position: -1771px -77px;}
a.ocf20:active{background-position: -1771px -154px;}

a.radbouduniversiteit{background-position: -1848px 0px;}
a.radbouduniversiteit:hover{background-position: -1848px -77px;}
a.radbouduniversiteit:active{background-position: -1848px -154px;}

a.ahrend{background-position: -1925px 0px;}
a.ahrend:hover{background-position: -1925px -77px;}
a.ahrend:active{background-position: -1925px -154px;}

a.ivn{background-position: -2002px 0px;}
a.ivn:hover{background-position: -2002px -77px;}
a.ivn:active{background-position: -2002px -154px;}

a.cocacola{background-position: -2079px 0px;}
a.cocacola:hover{background-position: -2079px -77px;}
a.cocacola:active{background-position: -2079px -154px;}

a.stimular{background-position: -2156px 0px;}
a.stimular:hover{background-position: -2156px -77px;}
a.stimular:active{background-position: -2156px -154px;}

a.enviu{background-position: -2233px 0px;}
a.enviu:hover{background-position: -2233px -77px;}
a.enviu:active{background-position: -2233px -154px;}

a.mvonederland{background-position: -2310px 0px;}
a.mvonederland:hover{background-position: -2310px -77px;}
a.mvonederland:active{background-position: -2310px -154px;}

a.pifworld{background-position: -2387px 0px;}
a.pifworld:hover{background-position: -2387px -77px;}
a.pifworld:active{background-position: -2387px -154px;}

a.accenture{background-position: -2464px 0px;}
a.accenture:hover{background-position: -2464px -77px;}
a.accenture:active{background-position: -2464px -154px;}

a.dutchspirit{background-position: -2541px 0px;}
a.dutchspirit:hover{background-position: -2541px -77px;}
a.dutchspirit:active{background-position: -2541px -154px;}

a.dekleineaarde{background-position: -2618px 0px;}
a.dekleineaarde:hover{background-position: -2618px -77px;}
a.dekleineaarde:active{background-position: -2618px -154px;}

a.earthcharter{background-position: -2695px 0px;}
a.earthcharter:hover{background-position: -2695px -77px;}
a.earthcharter:active{background-position: -2695px -154px;}

a.gulpener{background-position: -2772px 0px;}
a.gulpener:hover{background-position: -2772px -77px;}
a.gulpener:active{background-position: -2772px -154px;}

a.innocent{background-position: -2849px 0px;}
a.innocent:hover{background-position: -2849px -77px;}
a.innocent:active{background-position: -2849px -154px;}

a.triodos{background-position: -2926px 0px;}
a.triodos:hover{background-position: -2926px -77px;}
a.triodos:active{background-position: -2926px -154px;}

a.last{margin-right: 0;}
a.bottom{margin-bottom: 0;}

div.blue{background: url(../images/box-bg-blue.png) no-repeat #478bc0;}
div.green{background: url(../images/box-bg-green.png) no-repeat #94c33b;}
div.pink, fieldset.pink{background: url(../images/box-bg-pink.png) no-repeat #e66586;}


/* End Main section */

div#footercontainer{
}

/* End Container section */


/* 
	Common used elements 
	DO NOT MODIFY!
*/

.clearfix, .clearfix:after{
	clear: both;
	font-size: 1px;
	line-height: 0;
	margin: 0;
	content:"."; 
	display:block; 
	height:0; 
	visibility:hidden;
}

/*  \*/
.clearfix{
	min-height:1%;
}

* html .clearfix{
	height:1%;
}

div.left{
	float: left;
}

div.right{
	float: right;
}

::selection {
	background: #ffb7b7; /* Safari */
	}
::-moz-selection {
	background: #ffb7b7; /* Firefox */
}