@charset "ISO-8859-1";

* {
	margin:				0;
	padding:			0;
}

body {
	height:				100%;
	background:			url(img/bg-menue.png) repeat-y; /* Hintergrund Menue */
	font-family:		Verdana,sans-serif;
	font-size:			12px;
	color:				#53575d;
}



/***********************************************************************************************************
 * Header
 ***********************************************************************************************************/
#header {
	height:				130px;
	background:			#fff url(img/logo.png) no-repeat left center; /* weisser Hintergrund mit vertikal zentriertem Logo links */
}
/* nur IE <= 6 (png mit weißem Hintergrund wegen falscher Darstellung von Transparenz in png) */
* html #header {
	background-image:	url(img/logo-weiss.png);
}

#header-img-home {
	height:				139px;
	background:			url(img/header-home.jpg) no-repeat #f2f2f2;
}
#header-img-training {
	height:				139px;
	background:			url(img/header-training.jpg) no-repeat #f2f2f2;
}
#header-img-beratung {
	height:				139px;
	background:			url(img/header-beratung.jpg) no-repeat #f2f2f2;
}
#header-img-profil {
	height:				139px;
	background:			url(img/header-profil.jpg) no-repeat #f2f2f2;
}
#header-img-kontakt {
	height:				139px;
	background:			url(img/header-kontakt.jpg) no-repeat #f2f2f2;
}

#header-line {
	height:				4px;
	overflow:			hidden; /* sonst wird height in IE 6 ignoriert */
	background:			#b6b7bb; /* Graue Linie unter dem Header-Bild */
}



/***********************************************************************************************************
 * Menue
 ***********************************************************************************************************/
#menu {
	width:				175px;
	float:				left;
	color:				#fff; /* Schriftfarbe weiss */
}

/* Liste für Menue */
#menu ul {
	list-style-type:	none;
}

/* Button (Seite nicht ausgewählt) */
#menu ul li {
	width: 				165px;
	padding-left:		10px;
	height: 			37px;
	line-height:		37px;
	margin-bottom:		4px;
	background: 		url(img/bg-bt-menue.png) no-repeat; /* Hintergrund-Bild der Buttons (Seite nicht ausgewählt) */
}

/* Button (Seite ausgewählt) */
#menu ul li.current {
	background:			url(img/bg-bt-menue-current.png) no-repeat; /* Hintergrund-Bild der Buttons (Seite ausgewählt) */
}
/* nur IE <= 6 (korrigiert die unterschiedliche Breite) */
* html #menu ul li.current {
	width:				175px;
}

/* Link Buttons */
#menu ul li a {
	display:			block;
	text-decoration:	none;
	color:				#fff; /* Schriftfarbe weiss */
	width:				165px;
	height:				37px;
}



/***********************************************************************************************************
 * Content
v ***********************************************************************************************************/
#content {
	margin-left: 		225px;
	width:				600px;
	line-height:		18px;
}

/* Bilder */
#content img {
	margin:				0px 20px 10px 0px;
}

/* Seitenüberschrift */
#content h1 {
	height:				33px;
	line-height:		33px;
	margin-bottom:		30px;
}

/* Balken vor und nach Seitenüberschrift */
#content h1 span {
	line-height:		33px;
	font-size:			19px;
	vertical-align:		top;
	border:				solid #a62b43; /* roter Rahmen */
	border-width:		0px 3px; /* Rahmen nur links und rechts anzeigen, 3px stark */
	padding:			5px 10px 7px 10px; /* Schrift zentrieren, rechts und links ausreichend Abstand zu den Balken */
}
/* nur IE 7, korrigiert unterschiedliche Ausrichtung des Span-Elements */
*:first-child+html #content h1 span {
	vertical-align:		middle;
	padding:			7px 10px;
}
/* nur IE <= 6, korrigiert unterschiedliche Ausrichtung des Span-Elements */
* html #content h1 span {
	vertical-align:		middle;
	padding:			7px 10px;
}

/* Bild mit chinesischer Überschrift (muss etwas nach unten verschoben werden, damit die Schrift auf gleicher Höhe mit der lateinischen ist) */
#content h1 span img {
	position:			relative;
	top:				3px;
	margin:				0px;
}

/* Überschrift 2. Grad */
#content h2  {
	font-size:			16px;
	margin-bottom:		1.5em;
}

/* Überschrift 3. Grad */
#content h3 {
	font-size:			12px;
	margin-top:			2em;
	margin-bottom:		1em;
}

/* Absaetze */
#content p {
	margin-bottom:		1em;
}

/* nicht nummerierte Listen */
#content ul {
	margin-left:		1em;
	padding-left:		2em;
	margin-bottom:		1em;
}
#content ul.notopmargin {
	margin-top:			-1em;
}

/* Tabellen */
#content table {
	border-collapse:	collapse;
}
#content td {
	padding-right:		5px;
}
/* nur IE <= 6: Abstand unten sonst zu klein */
* html #content table {
	margin-bottom:		10px;
}
/* nur IE <= 6: Schrift sonst zu groß */
* html #content td {
	font-size:			12px;
	line-height:		18px;
}

/* Links */
#content a {
	color:				#a62b43;
	text-decoration:	none;
}

/* Liste mit den Links auf der Beratungsseite breiter, damit alle Links in eine Zeile passen */
#content ul.beratung {
	width:				600px;
	list-style-type:	disc;
	list-style-position:outside;
}



/*

 Farben:
> Hintergrund Menü/Bild: F2F2F2
> Rot: A62B43
> Grau (Linie, Menü off): B6B7BB
> Grau (Untermenü off): 7F8386
> Grau (Text, Untermenü down):53575D

> Maße Menü: Breite 175 px, Höhe var.

*/