/*	eMM-Xpress-Website
	Autor: Martin Aschoff
	CMS: Typo3 4.0
	Version 0.2, 23.06.09, MHO */

/* Aus Kompatibilitätsgründen zum IE 5 und 5.5 sollten Rahmen (border) und Innenabstand (padding) jeweils 0 sein */

/****** 1. Element-Stile ******/
body {
	border:				0px;							/* Rahmen */
	margin:				0px;							/* Außenabstand */
	padding:			0px;							/* Innenabstand */
	height:				100%;							/* IE-Bug: verfügbare Fensterhöhe voll ausnutzen, damit Hintergrund bis unten läuft */
	font-family:		Verdana, Arial, Helvetica, sans-serif;
/*	letter-spacing:		1px;							/* Buchstabenabstand, addiert 1px zum Standard */
	background-color:	#FFFFFF;
	color:				#000000;
}
hr {													/* Trennlinie */
	background-color:	#2A5682;
	height:				1px;
	border:				0px;
	width:				100%;
}
div, p, td {											/* Fließtext Main/Content */
	font-size:			12px;
	line-height:		15px;
	font-weight:		normal;
	text-align:			left;							/* justify = Blocksatz */
	text-decoration:	none;
	padding:			0px;
	margin:				0px;
}
p.blue {													/* Fließtext Blau für Search */
	font-weight:		bold;
	color:				#3974AF;
}
p.smallblk {											/* Fließtext Right/Subcontent */
	font-size:			11px;
	line-height:		13px;
	font-weight:		normal;
	text-align:			left;
	text-decoration:	none;
	padding:			3px;
	margin:				0px 0px 8px 0px;
}
p.smallgry {											/* Fließtext Grau für Footer */
	font-size:			10px;
	line-height:		11px;
	color:				#909090;
	padding:			3px;
	margin:				0px;
}
ul {													/* Bulletpoints im Fließtext */
	list-style-type:	disc;							/* Alternativ-Bulletpoint */
/*	list-style-image:	url(images/bulletl.gif);		/* low für FF, hoch für IE */
}
a, a:link, a:visited {									/* Links passiv */
	font-weight:		bold;
	text-decoration:	none;
	color:				#3974AF;
}
a:hover {												/* Links aktiv */
	text-decoration:	underline;
	color:				#96B9DC;
}
a.button {												/* Button passiv */
	font-size:			11px;
	font-weight:		bold;
	text-decoration: 	none;
	color:				#FFFFFF;
	background-color:	#70A0D0;
	border:				1px solid;
	border-color:		#2A5682 #2A5682 #BAD1E8 #BAD1E8; /* oben, rechts, unten, links */
	padding:			0px;
	margin:				0px;
}
a.button:hover {										/* Button aktiv */
	font-size:			11px;
	font-weight:		bold;
	text-decoration: 	none;
	color:				#FFFFFF;
	background-color:	#CC6666;
	border:				1px solid;
	border-color:		#D9E6F3 #D9E6F3 #538DC7 #538DC7;
	padding:			0px;
	margin:				0px;
}

/****** 2. Klassen-Stile ******/
.date {													/* für Datum */
	font-size:			11px;
}
.clickpath {											/* für Klickpfad */
	font-size:			11px;
	color:				#3974AF;
}
p.csc-sitemap-level1 {									/* für Sitemap */
	font-size:			13px;
	line-height:		15px;
	text-indent:		10px;
	margin-top:			5px;
}
p.csc-sitemap-level2 {									/* für Sitemap */
	font-size:			13px;
	line-height:		15px;
	text-indent:		30px;
	margin-bottom:		5px;
}

/***** 3. Formulare *****/
.csc-mailform {											/* Formularbreite */
	width:				510px;
	padding:			0px;
	margin:				0px;
	border:				0px;
}
.csc-mailform-field {
	width:				510px;
    display:			table-row;
}
.formlabel {											/* für Feldbezeichnungen */
	width:				340px;							/* Feldbezeichnungsbreite */
	float: 				left;							/* steht links und wird rechts umflossen */
	padding:			0px;
	margin:				5px 0px 5px 0px;
}
.inputtype {											/* einzeiliges Eingabefeld */
	font-size:			12px;
	font-weight:		normal;
	color:				#000000;
	background-color:	#FFFFFF;
	border:				1px solid #3974AF;
	padding:			2px;
	margin:				5px 0px 5px 10px;
	width:				150px;							/* Eingabefeldbreite */
}
.inputarea {											/* mehrzeiliges Eingabefeld */
	font-size:			12px;
	font-weight:		normal;
	color:				#000000;
	background-color:	#FFFFFF;
	border:				1px solid #3974AF;
	padding:			2px;
	margin:				5px 0px 5px 10px;
	width:				150px;							/* Eingabefeldbreite */
}
.inputselect {											/* mehrzeiliges Eingabefeld */
	font-size:			12px;
	font-weight:		normal;
	color:				#000000;
	background-color:	#FFFFFF;
	border:				1px solid #3974AF;
	padding:			1px;
	margin:				5px 0px 5px 10px;
	width:				157px;							/* Eingabefeldbreite */
}
.csc-mailform-check {											/* Checkbox */
	font-size:			12px;
	font-weight:		normal;
	color:				#000000;
	background-color:	#FFFFFF;
	border:				1px solid #3974AF;
	padding:			2px;
	margin:				5px 0px 5px 10px;
}
.csc-mailform-radio {											/* Radiobutton */
	font-size:			12px;
	font-weight:		normal;
	color:				#000000;
	background-color:	#FFFFFF;
	border:				0px;
	padding:			2px;
	margin:				5px 0px 5px 10px;
}
.csc-mailform-submit {											/* Absendebutton */
	font-size:			11px;
	font-weight:		bold;
	text-decoration: 	none;
	color:				#FFFFFF;
	background-color:	#538DC7;
	border:				1px solid;
	border-color:		#2A5682; /* oben, rechts, unten, links */
	padding:			2px;
	margin:				3px 3px 3px 3px;
}

/* 4. ID-Stile */
/* Individualformate (nicht wiederverwendet), die Layout-Container definieren */
/* (wenn Einleitung durch # statt ., dann Einbindung per id= statt class=) */
#SpacerT {													/* Top-Spacer für oberen 10-Pixel-Rand */
	visibility:			visible;
	position:			absolute;
	top:				0px;
	left:				0px;
	width:				910px;
	height:				10px;
	background-color:   #FFFFFF;
	line-height:		10px;								/* Zeilenhöhe für  , damit 10px weißer Hintergrund dargestellt wird */
	z-index:			2;									/* Standardebene */
}
#Header {
         padding-left:40px;
         padding-top:10px;
	visibility:			visible;
	position:			absolute;
	top:				10px;
	left:				10px;
	width:				900px;
	height:				110px;
	z-index:			2;									/* Standardebene */
}

/****** Topmenü ******/
#Topmenu {
	visibility:			visible;
	position:			absolute;
	top:				120px;
	left:				190px;
	width:				720px;
	height:				30px;
	z-index:			2;									/* Standardebene */
}
#Topmenu ul {
	
	margin:				0px;
	padding:			0px;
	list-style:			none;
} 
#Topmenu li {
	float:				left; 								/* ganze Menüzeile linksbündig */
	font-size:			12px;
	font-weight:		bold;
	text-indent:		10px;								/* Einrückung der ersten Zeile */
	white-space:		nowrap;
	line-height:		28px;
	vertical-align:		middle; 
	width:				25%;
}
#Topmenu a, #Topmenu a:link, #Topmenu a:visited {
	display:			block; 								/* jedes Listenelement in neuer Zeile */
	text-decoration:	none;
	color:				#FFFFFF;							/* Schriftfarbe */
	background-image:	url(images/orange-gelb.png);
	background-repeat:	no-repeat;
	border:				1px solid;
	border-color:		#E95D0F; 	/* oben, rechts, unten, links */
}
#Topmenu a:hover {
	background-image:	url(images/gelb-orange.png);
	background-repeat:	no-repeat;
	border:				1px solid;
	border-color:		#FCC300;
}

/****** Mainmenü ******/
#Left {
	visibility:			visible;
	position:			absolute;
	top:				10px;
	left:				10px;
	width:				180px;
	height:				100%;							/* verfügbare Fensterhöhe voll ausnutzen, damit Hintergrund bis unten läuft */
	overflow:			visible;						/* wenn mehr Inhalte vorhanden, dann über den Rand nach unten gehen */
	background-color:	#FFFFFF;
/*	background-image:	url(images/stripes.png);
/*	background-repeat:  repeat;							/* Image horizontal und vertikal wiederholen */
	z-index:			1;								/* untere Ebene */
}
#Mainmenu {
	visibility:			visible;
	position:			absolute;
	top:				110px;
	left:				0px;
	width:				180px;
	overflow:			visible;
	z-index:			3;								/* obere Ebene */
}
#Mainmenu ul {
	margin:				0px;
	padding:			0px;
	list-style:			none;
} 
#Mainmenu li {
	font-size:			12px;
	font-weight:		bold;
	text-indent:		10px;
	line-height:		28px;
	vertical-align:		middle; 
	width:				180px;
	background-color:	#70A0D0;
}
#Mainmenu a, #Mainmenu a:link, #Mainmenu a:visited {
	display:			block; 							/* jedes Listenelement in neuer Zeile */
	color:				#FFFFFF;
	text-decoration:	none;
	background-image:	url(images/mittel-hell.png);
	background-repeat:	no-repeat;
	border:				1px solid;
	border-color:		#3974AF; 	/* oben, rechts, unten, links */
}
#Mainmenu a:hover {
	background-image:	url(images/hell-mittel.png);
	background-repeat:	no-repeat;
	border:				1px solid;
	border-color:		#BAD1E8;
}

/****** Abstandshalter links ******/
#SpacerL {
	visibility:			visible;
	position:			absolute;
	top:				0px;
	left:				190px;
	width:				10px;
	background-color:	#FFFFFF;
	z-index:			1;								/* untere Ebene */
}

/****** Maincontent ******/
#Main {
	visibility:			visible;
	position:			absolute;
	top:				0px;
	left:				190px;
	width:				720px;
	height:				100%;						/* verfügbare Fensterhöhe voll ausnutzen, damit Hintergrundlogo komplett dargestellt wird */
													/* (bei IE nur, wenn auch body-height = 100%) */
	background-color:	#FFFFFF;
	overflow:			visible;						/* wenn mehr Inhalte vorhanden, dann über den Rand nach unten gehen */
/*	background-image:	url(images/circle_bright.png); */
/*	background-repeat:	no-repeat; */
/*	background-position: 0px 140px; */
	z-index:			1;								/* untere Ebene */
}
#Content {
	visibility:			visible;
	position:			absolute;
	top:				150px;
	left:				10px;
	width:				530px;
	overflow:			visible;
	z-index:			3;								/* obere Ebene */
}
#Content h1 {
	font-size:			14px;
	line-height:		16px;
	font-weight:		bold;
	text-align:			left;
	text-decoration:	none;
	color:				#3974AF;
	padding:			3px;
	margin:				10px 0px 5px 0px;
}
#Content h2 {
	font-size:			13px;
	line-height:		16px;
	font-weight:		bold;
	text-align: 		left;
	text-decoration:	none;
	color:				#FFFFFF;
	background-color:	#538DC7;
	padding:			3px;
	margin:				10px 0px 5px 0px;
}
#Content h3 {
	font-size:			13px;
	line-height:		16px;
	font-weight:		bold;
	text-align:			left;
	text-decoration:	none;
	color:				#FFFFFF;
	background-color:	#E95D0F;
	padding:			3px;
	margin:				10px 0px 5px 0px;
}
/* #Content p:first-letter {								/* Pseudo-Klasse für Initial */
/*	font-size:			13px; */
/*	font-weight:		bold; */
/*	color:				#660000; */
/* }
#Footer {
	visibility:			visible;
	overflow:			visible;
	z-index:			3;									/* obere Ebene */
}
#Footer p:first-letter {									/* wie smallgry */
	font-size:			10px;
	font-weight:		bold;
	line-height:		11px;
	color:				#909090;
}
/* Footer-Problem: "position: fixed" wird von IE nicht unterstützt */

/****** Abstandshalter rechts ******/
#SpacerR {
	visibility:			visible;
	position:			absolute;
	top:				0px;
	left:				890px;
	width:				10px;
	background-color:	#FFFFFF;
	z-index:			1;									/* untere Ebene */
}

/****** Subcontent ******/
#Right {
	visibility:			visible;
	position:			absolute;
	top:				150px;
	left:				740px;
	width:				170px;
	height:				100%;								/* verfügbare Fensterhöhe voll ausnutzen, damit Hintergrund bis unten läuft */
	background-color:	#FFFFFF;
	overflow:			visible;							/* wenn mehr Inhalte vorhanden, dann über den Rand nach unten gehen */
	z-index:			1;									/* untere Ebene */
}
#Subcontent {
	visibility:			visible;
	position:			realtive;
	top:				140px;
	left:				0px;
	width:				170px;
	overflow:			visible;
	z-index:			3;									/* obere Ebene */
}
#Subcontent h1 {
	font-size:			11px;
	line-height:		13px;
	font-weight:		bold;
	text-align:			left;
	text-decoration:	none;
	color:				#FFFFFF;
	background-color:	#CC6666;
	border-top:			1px solid;
	border-color:		#FFFFFF;
	padding:			3px;
	margin:				0px 0px 5px 0px;
}
#Subcontent p.bodytext {
	font-size: 			11px;
	line-height:		13px;
	font-weight:		normal;
	text-align:			left;
	text-decoration:	none;
	padding:			3px;
	margin:				0px;
}