/*********************************************************************/
/*                 Zusatzstylesheet fr die Startseite               */
/*                        fr www.enob.info                          */
/*      copyright 2006/2007 Sunbeam GmbH www.sunbeam-berlin.de       */
/*                                                                   */
/*********************************************************************/


/***  Startseite Teaserboxen Start  ***/  
.box	{
	float: left;
	margin-top: 1em;
	background: url(../../../../../fileadmin/media/Projektteaser/box01.jpg) repeat-x #ECECEC;
	min-width: 12em;
	width: 48.5%;
}

.box#box01	{
	margin-top: 2em;
}

.box#box02	{
	margin-top: 2em;
	margin-left: 0.9em;
	background-image:  url(../../../../../fileadmin/media/Projektteaser/box02.jpg);
}

.box#box03	{
	clear: left;
  	margin-top: 1em;
	background-image:  url(../../../../../fileadmin/media/Projektteaser/box03.jpg);
}

.box#box04	{
	margin: 1em 0 0 0.9em;
	background-image:  url(../../../../../fileadmin/media/Projektteaser/box04.jpg);
}

.box div	{
	background:  url(../../../../../fileadmin/images/runde_ecke_ro.gif) no-repeat top right;
}

.box h3	{
	margin: 0;
	background:  url(../../../../../fileadmin/images/runde_ecke_lo.gif) no-repeat;
	padding: 76px 0.6em 7px 0.6em;
	color: #003f7c;
	font-size: 1.1em;
}

/** Icons im Startseiten-Teaser erstmal nicht gewnscht // Start **
.box h3 a	{
	padding-left: 22px;
}

.box#box01 h3 a	{background:  url(../../../../../fileadmin/images/icons/icon_neubau.gif) no-repeat 0 0;}
.box#box02 h3 a	{background:  url(../../../../../fileadmin/images/icons/icon_sanierung.gif) no-repeat 0 0;}
.box#box03 h3 a	{background:  url(../../../../../fileadmin/images/icons/icon_neuetech.gif) no-repeat 0 0;}
.box#box04 h3 a	{background:  url(../../../../../fileadmin/images/icons/icon_events.gif) no-repeat 0 0;}

** Icons im Startseiten-Teaser erstmal nicht gewnscht // Ende **/

.box h3 a:link, .box h3 a:visited,
.box p.mehr a:link, .box p.mehr a:visited	{
	text-decoration: underline;
}

.box h3 a:hover, .box h3 a:focus, .box h3 a:active,
.box p.mehr a:hover, .box p.mehr a:focus, .box p.mehr a:active	{
	text-decoration: none;
}

#content .box p {
	margin: 0;
	background-color: #fff;
	padding: 0.8em;
	padding-bottom: 0.1em;
}

#main #content .box p.mehr	{
	margin: 0;
	padding-bottom: 0.8em;
	padding-top: 0;
	text-align: right;
	border-bottom: 1px solid #e7e7e7;
}

.box h4, .box p, .box p.mehr{
	border-right: 1px solid #e7e7e7;
	border-left: 1px solid #e7e7e7;
}
/*** Startseite Teaserboxen Ende ***/