@charset "UTF-8";
/* CSS Document */
/* speziell für Startseite */




/* Sachen für das grosse Introbild */

#intro-startseite {
	width: 800px;
	height: 230px;
	margin: 0px;
	padding: 0px;
	background:url(../resrc/bilder/intro-bg.gif);
	background-repeat:no-repeat;
	background-position: top left;
	margin-top: 40px;
	}

#intro-bild {
	float: left;
	margin-right: 25px;
	}
	
#mehr-lesen-intro {
	float: left;
	width: 64px;
	height: 24px;
	background: url(../resrc/buttons/mehr-lesen-intro.gif) top left no-repeat;
	display: /*inline*/ block;
	margin-top: 170px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#intro-fulltext-box {
	width: 788px;
	margin: 0px;
	background-image: url(../resrc/backgrounds/bg-fulltext.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-top: 15px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 6px;
	}
	
	
/* Button "Ausblenden" als Klasse statt über ID und Klasse */

.bt-ausblenden {
	/* Eigenschaften aus image-replacement */
	text-indent: -200em;
	overflow: hidden;
	/* Button-Eigenschaften */
	width: 74px;
	height: 15px;
	background: url(../resrc/buttons/bt-ausblenden.gif) top left no-repeat;
	float: left;
	display:/*inline*/ block;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	}



/* Trennlinie */

.trennlinie {
	width: 800px;
	height: 9px;
	margin: 0px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
	background-image: url(../resrc/logos-etc/line-800px.gif);
	background-repeat: no-repeat;
	background-position: center;
	}


/* Angebotsboxen der Startseite */

#angebot-columns {
	/*float: left;*/
	width: 800px;
	margin: 0px;
	padding: 0px;
	text-align:left;
	}

#angebot-1 {
	width: 254px;
	float: left;
	margin-top: 0px;
	margin-right: 19px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
}

#angebot-2 {
	width: 254px;
	float: left;
	margin-top: 0px;
	margin-right: 19px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
}

#angebot-3 {
	width: 254px;
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
}

.angebot-box {
	padding: 6px;
	width: 242px;
	height: 288px;
	background-image: url(../resrc/boxen/angebot-startseite.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;	
	}
	
.angebot-box-linie {
	background-image: url(../resrc/logos-etc/angebot-box-linie.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
	height: 2px;
	width: 242px;
	}
	
img.angebot-preview {
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	height: 100px;
	width: 242px;
	border: none;
	}
	

/* Button "Details anzeigen" als Klasse statt über ID und Klasse */

.bt-angebot-details {
	/* Eigenschaften aus image-replacement */
	text-indent: -200em; 
	overflow: hidden;
	
	/* Button-Eigenschaften */
	width: 106px; 
	height: 21px;
	margin: 0px;
	background: url(../resrc/buttons/bt-angebot-details.gif) top left no-repeat;
	float: left; 
	display:/*inline*/ block;
	}



/* Button- und Service-Bereich */

#info-box {	
	width: 800px;
	text-align: left;
	margin: 0 auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}



#button-column {
	width: 254px;
	height: 154px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 19px;
	padding: 0px;
	float: left;
	}

/*#service-column {
	width: 527px;
	height: 154px;
	float: right;
	margin: 0px;
	padding: 0px;
	background:url(../resrc/backgrounds/bg-service-column.jpg) top left no-repeat;
	}*/

#service-column {
	width: 527px;
	height: 154px;
	float: right;
	margin: 0px;
	padding: 0px;
	background:url(../resrc/backgrounds/bg-service-column-ersatz.jpg) top left no-repeat;
	}
	
#bt-service-callback {
	float: left;
	width: 64px;
	height: 24px;
	background: url(../resrc/buttons/bt-callback-service.gif) top left no-repeat;
	display: /*inline*/ block;
	margin-top: 83px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 215px;
}



#bt-big-angebote {
	/* Eigenschaften aus image-replacement */
	text-indent: -200em; 
	overflow: hidden;
	
	/* Button-Eigenschaften */
	width: 254px; 
	height: 42px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 14px;
	background: url(../resrc/buttons/bt-angebote.gif) top left no-repeat;
	float: left; 
	display:/*inline*/ block;
	}

#bt-miet-woche {
	/* Eigenschaften aus image-replacement */
	text-indent: -200em;
	overflow: hidden;
	/* Button-Eigenschaften */
	width: 254px;
	height: 42px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 14px;
	float: left;
	display:/*inline*/ block;
	background-image: url(../resrc/buttons/button-miet-woche.gif);
	background-repeat: no-repeat;
	background-position: left top;
	}
	
#bt-kauf-monat {
	/* Eigenschaften aus image-replacement */
	text-indent: -200em;
	overflow: hidden;
	/* Button-Eigenschaften */
	width: 254px;
	height: 42px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 14px;
	float: left;
	display:/*inline*/ block;
	background-image: url(../resrc/buttons/bt-kauf-monat.gif);
	background-repeat: no-repeat;
	background-position: left top;
	}


p.copyright {
	margin-top: 25px;
	margin-bottom: 10px;
	padding: 0px;
	font-size: 10px;
	color:#FFFFFF;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	line-height: 1.5;
	}