/*
	styles for the homepage (news)

	23.05.2007, mJ:	extra -> dark
					box3 auch ohne padding
				
	24.05.2007, mJ:	aufräumen, hp-yellowtop
					optional color für box3-dark

	21.09.2007, mJ:	color for hp-contentarea disabled
					inherits from main

	16.10.2007, mJ:	vertical box alias box4
					empty-box

	01.11.2007, mJ:	überflüssiges Komma in Z. 185 weg

	16.01.2008, mJ:	GPP Styles hier eingebaut...

	14.02.2008, mJ:	dark-box2 padding bug
	
	28.09.2009, mJ:	hp boxes height: 165->169 resp 75->77 px
*/

body#homepage /* not used? */
{
/* 	padding:			10px; */
/* 	background: 		#f3f3f3; */
/* 	background: 		url(/imgs/cnt-bg.png); */
}


.yellow-top { /* not used? */
	border-top:				4px solid #ffe700;
	padding-top:			2px;
}




#quicksearch {	/* reposition #quicksearch to the right side */
	position:				absolute;
	top:					185px;
	left:					740px;
}

div#hp-yellowtop,
div#gpp-yellowtop
{

	border-top: 	4px solid #FFE700;
	padding-top:	2px;
	width: 			920px;
	margin-left: 	5px;
}

div#hp-contentarea,
div#gpp-contentarea
{
/* 	color:				#959595; */
	width:				910px;
/* 	width:				920px; */
/* 	margin-left:		4px; */
/* 	margin-top:			4px; */
	padding-left:		8px;
	padding-top:		8px;
	padding-bottom:		3px;
/* 				height:	 600px; */
	border:	 			1px dotted;
}

div#hp-contentarea
{
	font-size: 			11px;
	line-height:		12px;
}

table#hp-contentarea
{
/* 	color:				#959595; */
	font-size: 			11px;
	line-height:		12px;
/* 	width:				910px; */
	width:				920px;
	
/* 	margin-left:		4px; */

/* 	padding-top:		8px; */
/* 	padding-bottom:		3px; */
/* 				height:	 600px; */
/* 	border:	 			1px dotted; */
/* 	padding-bottom:		20px; */
}

div#hp-contentarea h3, 
table#hp-contentarea h3
{
	font-size:			11px;
	margin-top:			2px;
	margin-bottom:		4px;
}

.box1-group
{
	width:				227px;
	float:				left;
}

.empty-box
{
	width:				227px;
	height:				180px;
	float:				left;
}


.box1,
.box1-dark
{
/* 	width:				227px; */
/* 	height:				90px; */
	position:			relative;
	width:				207px;
	height:				77px;
	padding:			5px 14px 10px 6px;
	background:			url(/imgs/box1-bg.png);
	float:				left;
	overflow: 			hidden;
}

.box1-dark
{
	background:			url(/imgs/box1-dark-bg.png);
	color:				#fff;
}

.box2,
.box2-dark,
.box2-dark-padding,
.box4,
.box4-dark
{
/* 	width:				227px; */
/* 	height:				180px; */
	
	position:			relative;
	width:				207px;
	height:				169px;
    padding:			5px 14px 10px 6px;
	background:			url(/imgs/box2-bg.png);
	float:				left;
	overflow: 			hidden;
}

.box2-dark,
.box2-dark-padding
{
	background:			url(/imgs/box2-dark-bg.png);
	color:				#fff;
}

.box4
{
	background:			url(/imgs/box4-bg.png);
	height:				345px;
}

.box4-dark
{
	background:			url(/imgs/box4-dark-bg.png);
	height:				345px;
	color:				#fff;
}

.box3,
.box3-dark
{
/* 	width:				454px; */
/* 	height:				180px; */
	position:			relative;
	width:				434px;
	height:				169px;
    padding:			5px 14px 10px 6px;
	background:			url(/imgs/box3-bg.png);
	float: 				left;
	overflow: 			hidden;
}

.box3-dark
{
	background:			url(/imgs/box3-dark-bg.png);
/* 	color:				#fff; */
}


.box1 .content,
.box1-dark .content
{
	height: 			72px;	/* 63px; */
	overflow: 			hidden;
}

.box2 .content,
.box2-dark .content,
.box2-dark-padding .content
{
	height: 			153px;
	overflow: 			hidden;
}

.box3 .content,
.box3-dark .content
{
/* 	height: 			53px; */
	overflow: 			hidden;
}


.box1 div.teaserimage,
.box1-dark div.teaserimage
{
	margin-right:		5px;
	float:				left;
 	width:				60px;
/*  wenn die Größe gefixt sein soll */
}

.box1 .teaserimage,
.box1-dark .teaserimage,
.box2 .teaserimage,
.box2-dark .teaserimage,	/* bild bis links oben an den schatten ziehen */
.box2-dark-padding .teaserimage
{
	margin-right:		5px;
	float:				left;
}

.box3 .teaserimage,
.box3-dark .teaserimage
{
	position:			relative;
	left:	 			-6px;
	top: 				-5px;
/* 	margin-right:		5px; */
	float:				left;
}

.box3 .teaserimage,
.box3-dark .teaserimage
{
	float:				none;
}

.box1 ul.bottomnavi,	/* compensate wide shadow */
.box1-dark ul.bottomnavi,
.box2 ul.bottomnavi,
.box2-dark ul.bottomnavi,
.box2-dark-padding ul.bottomnavi,
.box3 ul.bottomnavi,
.box3-dark ul.bottomnavi,
.box4 ul.bottomnavi,
.box4-dark ul.bottomnavi
{
	bottom:					13px;
	right:					13px;
}




/* debugcolors */


/*
.bottomnavi
{
	background:				#ffe0e0;
}


.box1 .content,
.box2 .content,
.box2-dark .content,
.box3 .content,
.box3-dark .content
{
	background: 			#e0ffe0;
}

.box1-group
{
	background:				#e0e0ff;
}

*/