/* CSS Document */

/*   mediafactum. copyright Volker Siebert, Berlin 2007.   */
/*   getestet auf Windows Vista mit Firefox 2.0.0.6 (FF), Opera 9.23 (OP), Internet Explorer 7.0 (IE), Safari, Lynx   */

/* CorporateDesign: Farben (Beispiel)  */ 
/* Primärfarben                        */
	/* A1a #532E63 violett dunkel      */
	/* A1b #99819B violett hell        */
	/* A2a #FDB825 orange dunkel       */
	/* A2b #FFD894 orange hell         */
/* Sekundärfarben                      */
	/* B1a #D06E18 orange-braun dunkel */
	/* B1b #E7AE7C orange-braun hell   */
	/* B2a #FFF1DA beige dunkel        */
	/* B2b #FFF8EC beige hell          */
	/* B3a #7E8083 grau dunkel         */
	/* B3b #BBBCBF grau hell           */

/*   L A Y O U T   */
/* Container für die Seite (Wrapper) */
#seite {
	/* Seitenbreite 800x600:750  */
	/* Seitenbreite 1024x768:985 */
	/* Seitenbreite 100% falls gewünscht, Breite von Kopfbanner flexibel gestalten! */
	width:975px; /* min-width:750px; max-width:985px; */
	padding:5px 5px 30px 5px;
	border:1px solid #E7AE7C; /* #ddd */
	margin:0;
	background-color:#FFF1DA;
}

#inhalt { min-height:460px; }
#inhaltLinks {  }
#inhaltRechts { height:460px; }
#inhaltRechts p { margin: 0px 0px 8px 0px; }

/* ### */
#abschnitt1_4Spalten {
	clear:both;
	background-color:#fff;
}

	/* abschnitt1_4Spalten_1 */
	#abschnitt1_4Spalten_1 {
		float:left;
		width:240px; /* ca.225px (inhalt.margin! */
	} /* enthält das Untermenü (s. unten) */
		#abschnitt1_4Spalten_1_innen { 
			height:180px; /* gilt wegen des js für alle Spalten, einmal angeben genügt */
			padding:0px 0px 0px 0px;
			background-color: #FFF8EC;
		} 

	/* abschnitt1_4Spalten_2 */
	#abschnitt1_4Spalten_2 {
		float:left;
		width:240px; /* nicht notwendig, bei variabler Größe weglassen */
		margin-left:5px;
	}
		#abschnitt1_4Spalten_2_innen { 
			height:180px;
			padding:0px 0px 0px 0px;
			background-color: #FFF8EC;
		}

	/* abschnitt1_4Spalten_3 */
	#abschnitt1_4Spalten_3 {
		float:left;
		width:240px; /* nicht notwendig, bei variabler Größe weglassen */
		margin-left:5px;
	}
		#abschnitt1_4Spalten_3_innen { 
			height:180px;
			padding:0px 0px 0px 0px;
			background-color: #FFF8EC;
		}

	/* abschnitt1_4Spalten_4 */
	#abschnitt1_4Spalten_4 {
		float:right;
		width:240px; /* nicht notwendig, bei variabler Größe weglassen */
	}
		#abschnitt1_4Spalten_4_innen { 
			height:180px;
			padding:0px 0px 0px 0px;
			background-color:#FFF8EC;
		}

/* ### */

#abschnitt_2Spalten {
	clear:both;
	background-color:#FFF1DA;
}

	/* abschnitt_2Spalten_1 */
	#abschnitt_2Spalten_1 {
		float:left;
		width:210px; /* ca.225px (inhalt.margin! */
	} /* enthält das Untermenü (s. unten) */
		#abschnitt_2Spalten_1_innen { 
			min-height:150px; /* gilt wegen des js für alle Spalten, einmal angeben genügt */
			padding:5px 5px 5px 5px;
			border-top:1px solid #E7AE7C;
			background-color:#FFF8EC;
		} 

	/* abschnitt_2Spalten_2 */
	#abschnitt_2Spalten_2 {
		float:right;
		width:760px; /* nicht notwendig, bei variabler Größe weglassen */
	}
		#abschnitt_2Spalten_2_innen { 
			min-height:150px;
			padding:5px 10px 5px 10px; 
			border-top:1px solid #E7AE7C;
			background-color:#FFF8EC;
		}

/* ### */

#abschnitt_3Spalten {
	clear:both;
	background-color:#FFF1DA;
}

	/* abschnitt_3Spalten_1 */
	#abschnitt_3Spalten_1 {
		float:left;
		width:210px; /* ca.225px (inhalt.margin! */
	} /* enthält das Untermenü (s. unten) */
		#abschnitt_3Spalten_1_innen { 
			min-height:150px; /* gilt wegen des js für alle Spalten, einmal angeben genügt */
			padding:5px 5px 5px 5px;
			border-top:1px solid #E7AE7C;
			background-color:#FFF8EC;
		} 

	/* abschnitt_3Spalten_2 */
	#abschnitt_3Spalten_2 {
		float:left;
		width:563px; /* ca.225px (inhalt.margin! */
		margin-left:5px;
	} /* enthält das Untermenü (s. unten) */
		#abschnitt_3Spalten_2_innen { 
			min-height:150px; /* gilt wegen des js für alle Spalten, einmal angeben genügt */
			padding:5px 5px 5px 5px;
			border-top:1px solid #E7AE7C;
			background-color:#FFF8EC;
		} 

	/* abschnitt_3Spalten_3 */
	#abschnitt_3Spalten_3 {
		float:right;
		width:192px; /* nicht notwendig, bei variabler Größe weglassen */
	}
		#abschnitt_3Spalten_3_innen { 
			min-height:150px;
			padding:5px 5px 5px 5px; 
			border-top:1px solid #E7AE7C;
			background-color:#FFF8EC;
		}

/* ### */

#abschnittFUSS_1Spalte {
	clear:both;
	width:975px; /* ca.225px (inhalt.margin! */
	border-top:1px solid #E7AE7C;
	background-color:#fff;
	} /* enthält das Untermenü (s. unten) */
		#abschnittFUSS_1Spalte_innen { 
/* min-height gilt wegen des js für alle Spalten, einmal angeben genügt */
			padding:5px 0px 0px 0px;
			background-color: #FFF8EC;
			background-image: url(../images/mediafactum90.png);
			background-repeat: no-repeat;
			background-position:center;
		} 
			#abschnittFUSS_1Spalte_inhalt { 
				height:20px;
			}

/* ### */

.stretch { /* zwingt übergeordn. Div, Höhe anzupassen (bei IE automatisch) */
	clear:both;
	height:0px;
	padding:0px;
	border-bottom:1px solid #E7AE7C;
	margin:0px;
}
.abstand0 { 
	clear:both;
	height:0px;
}
.abstand1 { 
	clear:both;
	height:5px;
}
.abstand2 { 
	clear:both;
	height:1px;
	border-top:1px solid #E7AE7C;
	margin-bottom:0px;
}