/**
*	///////////////////////////////////////////////////
*	////////////// T D K  H O M E P A G E /////////////
*	///////////////////////////////////////////////////
*
*	Strukturelemente der Seite
*
*	@author			Norbert
*	@since			20070712
*	@version		1.0.1 20070713
*
*	///////////////////////////////////////////////// */


#homepage{
	
}

/* Container fuer die Teaserboxen */
.homepage{
	width				: 801px;
	border				: none;
	padding				: 32px 31px 0px 32px;
	margin				: 0px;
/*	background-color	: fuchsia;*/
}

/* Allgemeine defaultproperties ueberschreiben */
.homepage * {
	font-family			: Helvetica, Arial, Geneva, sans-serif;
	font-size			: 11px;
	padding				: 0px;
	margin				: 0px;
	text-align			: left;
}

.homepage h2{
	color				: #ecece9;
	font-size			: 12px;
	margin-bottom		: 10px;
	text-transform		: uppercase;
}

.homepage p{
	color				: #b0aea7;
	margin-bottom		: 10px;
	line-height			: 15px;
}

.homepage img{
	border				: none;
}

/* Container Teaser obere Haelfte*/
.homepage .teaserBox{
	background-color	: #3b3b3b;/*#3b3b3b*/
	height				: 477px;
}

.homepage .teaserBox:after{
		content			: "."; /* ='hairspace' */
		clear			: both;
		display			: block;
		visibility		: hidden;
		height			: 0px;
		line-height		: 0px;
}

/* Komplett - bild -Teaser*/
.teaserBox div.teaser{
	width				: 400px;
	height				: 238px;
	float				: left;
/*	background-color	: #000;*/
	margin				: 0 1px 1px 0;
}

.teaserBox div.teaser2Columns{
	width				: 801px;
	height				: 238px;
	float				: left;
/*	background-color	: #000;*/
	margin				: 0 0 1px 0;
}


/* Halb Bild, halb Textbox */
.teaserBox div.textteaser{
	width				: 376px;
	height				: 214px;
	float				: left;
	background			: #f2f3f2 url(../img/hp_teaser_bg.gif) repeat-x bottom left;
	margin				: 0;
	padding				: 12px;
	text-align			: left;
	margin				: 0 1px 0 0;
	overflow			: hidden;
}

.teaserBox div.textteaser p{
	position			: relative;
}

.teaserBox div.lastchild{
	margin-right		:0px !important ;
}

/* Image wird  per -margin ueber das Boxpadding geschoben*/
.teaserBox div.textteaser .teaserImage{
	margin				: -12px -12px 12px -12px;
}

.teaserBox div.textteaser .teaserImage a{
	display				: block;
}

.teaserBox div.teaser img{
	display				: block;
}

.teaserBox div.teaserImage{
	height				: 124px;
}

#crosscentral{
	
}


.teaserBox div.textteaser p a{
	color				: #ec8839;
	background			: transparent url(/img/link-bg.png) no-repeat left;
	padding				: 0 0 0 12px;
	text-decoration		: none;
	line-height			: 14px;
	_background-image	: none;
	_filter				: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/link-bg.png',sizingMethod='crop');
	zoom				: 1.0;
}

/* Container untere Reihe der Homepage */
.homepage .subTeaserBox{
	background			: #f2f3f2 url(../img/hp_subteaser_bg.gif) repeat-x bottom left;/*#3b3b3b*/
	height				: 156px;
	margin				: 20px 0 1px 0;
	padding				: 12px 0;
	overflow			: hidden;
}

/* Ein Teaserelement der unteren Reihe */
.subTeaserBox div.teaser{
	width				: 187px;
	height				: 100%;
	float				: left;
	background-color	: transparent;
	padding				: 0 0 0 12px;
	margin				: 0 0 0 0;
	border-right		: 1px solid #9a9b93;
}

.subTeaserBox div.lastchild{
	border-right		: none;
}

.subTeaserBox div.alternativeWidth{
	width				: 188px; /*801px Raster*/
}

.subTeaserBox div.teaser h2{
	color				: #a1a6a7;
	margin				: 6px 0 12px 0;
}


.subTeaserBox div.teaser p{
	color				: #ffffff;
}

.subTeaserBox div.teaser img{
	display				: block;
	margin				: 0;
}

/* Boxformat mit Linkliste */
.subTeaserBox div.teaser p.linklist a{
	color				: #ffffff;
	background			: transparent url(../img/link-sub-bg.png) no-repeat left;
	padding				: 0 0 0 12px;
	text-decoration		: none;
	line-height			: 14px;
	display				: block;
	font-weight			: bold;
	margin				: 0 0 4px 0;
	_background-image	: none;
	_filter				: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/link-sub-bg.png',sizingMethod='crop');
	zoom				: 1.0;
}

/* Boxformat mit Link & Text */
.subTeaserBox div.teaser p.infobox a{
	color				: #ffffff;
	background			: transparent url(../img/link-sub-bg.png) no-repeat left;
	padding				: 0 0 0 12px;
	text-decoration		: none;
	line-height			: 14px;
	display				: block;
	font-weight			: bold;
	margin				: 0 0 4px 0;
	_background-image	: none;
	_filter				: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/link-sub-bg.png',sizingMethod='crop');
	zoom				: 1.0;
}

.subTeaserBox div.teaser p.infobox a.imageLink{
	background			: none;
	padding				: 0;
}

#homepage #header{
	width				: 864px;

}

#homepage #tdk-navigation{
	height				: 160px;
}

/* globalen Footer ueberschreiben  */
#homepage #spiegelung{
	width				: 801px;
	border				: 0;
	padding				: 0px 31px 20px 32px;
	margin				: 0px;
	background-color	: #ffffff;
}

#homepage #spiegelung #footer{
	margin				: 0px;
	padding				: 40px 10px 40px 10px;
	width				: auto;
	background			: url(../img/hp_spiegelung.gif) top left repeat-x;
	border				: none;
}

#homepage #spiegelung #footer p{
/*	border				: 1px solid #b5b7b7;*/
	margin				: -9px -10px -9px -10px;
	padding				: 0;
}

/* Positionierung dreierraster in einer Box */
#slot1{
	position			: absolute;
	left				: 0px; 
	top					: 0px;
}

#slot2{
	position			: absolute;
	left				: 200px; 
	top					: 0px;
}

#slot3{
	position			: absolute;
	right 				: 0px; 
	_right 				: 10px; 
	top					: 0px;
}