/**
 * @package: Burmester
 * @creator: Jan Konzack
 * @copyright New Image GmbH
 * @created: 04.09.2007
 *
 * CSS fuer die Komponentendetailseite - Vertikal
*/

div#content {
	padding-top: 0;	
}

/* Oberer Komponenteninhalt (Titel, Headline, Beschreibungstext, Detailbild) */
div#component_topcontent {
	margin-top: 4em;
	padding: 0 4em;
	background: url(../pixel/component_detail_content_bg_holz.jpg) no-repeat right bottom;
	position: relative;
	
	float: left;
	width: 89em;
}

/* Wrapperbox um die Komponentenbeschreibung (Titel, Headline, Beschreibungstext) rechts oben zu positionieren */
div#component_wrapper {
	width: 31.6em;
	padding-top: 0;
	padding-left: 2.4em;
	padding-right: 2.4em;
	padding-bottom: 1em;
	background: #303030;
	
	float: right;
	background: #303030;
	margin-right: -1.6em;
	margin-bottom: 2em;
}

/* Komponententitel ist Grafik */
div#component_wrapper h1 {
	font-size: 1em;
}
img#component_title {
	height: 3.4em;
	margin-top: 2em;
}
/* Komponentenueberschrift */
h2#component_headline {
	margin-bottom: 1em;
	margin-top: 0.2em;
	font-weight: bold;
	font-size: 1.4em;
}

/* Komponentenillustration */
div#component_illu img {
	width: 48em;
	display: block;
}
div#component_illu img#component_illu_spacer {
	height: 0;
}

/* Komponentenbeschreibung */
div#component_text {
	font-size: 1.4em;
	color: #acacac;
}


/* Wrapper fuer Komponentenillustration & Slideshow Widget */
div#component_illu_wrapper {
	position: relative;
	padding-top: 2em;
	
	float: left;
}


/* Slideshow Widget */
div#component_slider {
	position: absolute;
	margin-left: 35em;
	margin-top: -5em;
	width: 10em; /* IE7 - Angabe der maximalen Breite, ansonsten horizontaler scrollbalken */
}


/* Komponentenpulldown */
div#component_navigation {
	float: right;
	padding-bottom: 1.5em;
	margin-right: -1.8em;
}
/* Wrapper fuer Textinhalte */
div#component_content_wrapper {
	clear: both; 
}