#content {
	position: relative;
    float: right;
    width: 500px;
}

#margin {
	position: relative;
	float: left;

    width: 240px;
    margin-right: 20px;
    min-height: 100px;
}


#sharpSmall {
	position: absolute;
	top: 91px;
	left: 0px;
	background-image: url("../pix/visual_hash1_fuchsia.png");
	background-repeat: no-repeat;
	background-position: 0px 0px;

	width: 104px;
	height: 109px;

	padding: 20px;

	padding-left: 25px;
	
	overflow: hidden;
}

.section-wind #sharpSmall {
	background-image: url("../pix/visual_hash1_blue.png");
}
.section-solar #sharpSmall {
	background-image: url("../pix/visual_hash1_yellow.png");
}
.section-bio #sharpSmall {
	background-image: url("../pix/visual_hash1_green.png");
}
.section-geo #sharpSmall {
	background-image: url("../pix/visual_hash1_orange.png");
}
.section-water #sharpSmall {
	background-image: url("../pix/visual_hash1_lightblue.png");
}

.section-greenbuildings #sharpSmall {
	background-image: url("../pix/visual_hash1_lightgreen.png");
}

.section-om #sharpSmall {
	background-image: url("../pix/visual_hash1_taubenblau.png");
}




#sharpBig {
	position: absolute;

	top: 0px;
	left: 0px;
	background-image: url("../pix/visual_hash2_fuchsia.png");
	background-repeat: no-repeat;
	background-position: 0px 0px;

	width: 200px;
	height: 200px;
	padding: 20px;
	
	overflow: hidden;
}
.section-wind #sharpBig {
	background-image: url("../pix/visual_hash2_blue.png");
}
.section-solar #sharpBig {
	background-image: url("../pix/visual_hash2_yellow.png");
}
.section-bio #sharpBig {
	background-image: url("../pix/visual_hash2_green.png");
}
.section-geo #sharpBig {
	background-image: url("../pix/visual_hash2_orange.png");
}
.section-water #sharpBig {
	background-image: url("../pix/visual_hash2_lightblue.png");
}
.section-greenbuildings #sharpBig {
	background-image: url("../pix/visual_hash2_lightgreen.png");
}
.section-om #sharpBig {
	background-image: url("../pix/visual_hash2_taubenblau.png");
}




#sharpImgWrap {
	position: absolute;
	display: block;
	top: 50%;

	width: 200px;
}

#sharpImgWrap IMG {
	position: absolute !important;
	top: -50% !important;
	left: 0px !important;
}



#bct {
	position: absolute;
	height: 39px;
}


/********************************************************************************************************/
/* Homepage Homepage Homepage Homepage Homepage Homepage Homepage Homepage Homepage Homepage  */
/********************************************************************************************************/



/********************************************************************************************************/
/* section section section section section section section section section section  */
/********************************************************************************************************/

.layout-section #visual {
	position: relative;
	height: 279px;
	overflow: hidden;
}

.layout-section #visual IMG {
	position: absolute;
	right: 0px;
	top: 0px;
}


.layout-section #bct {
	left: 260px;
	bottom: 0px;
}

/********************************************************************************************************/
/* subsection subsection subsection subsection subsection subsection subsection subsection subsection subsection  */
/********************************************************************************************************/
.layout-subsection #visual {
	position: relative;
	height: 279px;
	overflow: hidden;
}

.layout-subsection #visual IMG {
	position: absolute;
	right: 0px;
	top: 0px;
}

.layout-subsection #bct {
	left: 260px;
	bottom: 0px;
}

/********************************************************************************************************/
/* standard standard standard standard standard standard standard standard standard standard  */
/********************************************************************************************************/


.layout-standard #bct {
	top: 0px;
	left: 0px;
}


.layout-standard #margin {
	padding-top: 279px;
}
.layout-standard #content {
	padding-top: 38px;
}


/********************************************************************************************************/
/* full full full full full full full full full full full full full full full full full full full full  */
/********************************************************************************************************/

.layout-full #content {
    float: none;
    width: 760px;
}

.layout-full #bct {
	position: static;

}