/*

edits:

rv, 13.09.2010
- #startseite: Hintergrund weiss, flash entfaellt endgueltig
- alle Boxen auf Startseite mit Rand
- Positionierung der Boxen auf Startseite "optimiert"
- neue Box "cassida"
- einige div's umbenannt

rv, 10.09.2010
- #startseite: Hintergrundbild ersetzt durch einheitliche Farbe, und damit das
  gut aussieht, width, heigth und padding angepasst
- #obenStartseite: margin-bottom weg, wegen Hintergrund in #startseite
- neu: 

rv, 28.05.2010
- neu: #seiteJK, als Variante von #seite
- #breit an #seiteJK angepasst (werden nur zusammen verwendet)
- noch mehr "Kosmetik"

rv, 27.05.2010
- margin-top bei #startseite div.sprachKont{,2,3} verringert, damit
  #startseite div.sprachKont etwas groesser werden kann
- "Kosmetik"

rv, 28.04.2009
#breit noch 10px breiter gemacht

rv, 14.04.2009
neu: #breit

rv, 27.03.2009
Ueberarbeitung einiger #startseite div's zwecks Integration einer
weiteren Box am linken Rand

rv, 18.06.2008
neu: div.sprachKont2

rv, 15.08.2007
- margin's optimiert bei #mitte ul li
- geloescht, weil nicht mehr genutzt: #mitte ul.products

ah, 09.07.2007
Styles fuer die Startseite erstellen

ah, 18.07.2007
Aenderungen und Ergaenzungen wg. Ungenauigkeiten in den Pixel-Abstaenden fuer
die Startseite ab Zeile 190

nh, 20.07.2007
Aenderungen in Zeile 196 und 205 nach Vorgabe ah

*/


/* -------  Allgemeine Definitionen  --------------------------------------- */

html	{
	font-family: Arial, Helvetica, sans-serif;
	color: #151617;
	margin: 0px;
	padding: 0px;
	height: 100%;
}

body	{
	background: #818d9a;
	font-family: Arial, Helvetica, sans-serif;
	color: #151617;
	font-size: 70%;
	line-height: 150%;
	text-align: center;
	padding: 0px;
	margin: 0px;
	height: 100%;
}

td	{
	font-family: Arial, Helvetica, sans-serif;
	color: #151617;
	vertical-align: top;
}

div	{
	border: solid 0px #000;
}


/* ------  Seitenaufbau  --------------------------------------------------- */

#oben	{
	float: left;
	background: url(/img/header.jpg) 0 0 no-repeat;
	width: 900px;
	height: 160px;
}


#seite	{
	background-color: #fff;
	margin:0 auto;
	text-align: left;
	width: 900px;
	height: 100%;
}

#seiteJK	{
	/* in "Jobs und Karriere" muss die Seite hoeher sein als der IFrame,
	   damit der MS IE nicht unsinnig viele Scrollbalken darstellt */
	background-color: #fff;
	margin:0 auto;
	text-align: left;
	width: 900px;
	height: 1400px;
}


#rechts	{
	float: left;
	width: 170px;
	padding: 0px 6px 10px 10px;
}



#links	{
	float: left;
	width: 200px;
}

#mitte	{
	float: left;
	background-color: #fff;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 0px 10px 20px 15px;
	margin: 0px;
	width: 485px;
	overflow: auto;
	height: 75%;
}

#breit	{
	float: left;
	background-color: #fff;
	border-left: 1px solid #ccc;
	padding: 0px 5px 20px 10px;
	margin: 0px;
	width: 680px;
	overflow: auto;
	height: auto;
}


/* -------  Aussehen allg. aller Links auf der Seite  ---------------------- */

#seite	a	{
	color: #034183;
	text-decoration: none;
}

#seite	a:hover	{
	color: #e60012;
	text-decoration: none;
}

/* -------  Farbe der Links in der Navigation links  ----------------------- */

#navigationLinks a	{
	color: #151617;
}

/* -------  AKTIVER STATUS der Links in der Navigation links  -------------- */

#navigationLinks a.navLevel02H	{
	color: #e60012;
}
#navigationLinks a.navLevel03H	{
	color: #e60012;
}
#navigationLinks a.navLevel04H	{
	color: #e60012;
}



/* -------  Link- und Listendefinitionen fuer den Bereich MITTE  ----------- */

#mitte	a	{
	font-weight: bold;
}

#mitte	ul	{
	list-style-image: url(/img/list.gif);
	padding: 0px 10px 10px 15px;
	margin: 0px;
	/* font-weight: bold; */
}
#mitte	ul li	{
	line-height: 120%;
	margin-top: 4px;
}

#mitte	ol	{
	padding: 0px 10px 10px 18px;
	margin: 0px;
	/* font-weight: bold; */
}

#mitte	ol li	{
	line-height: 120%;
	margin-bottom: 5px;
}



/* -------  News-Boxen auf der rechten Seite  ------------------------------ */

#rechts div.box	{
	width: 165px;
	border: 1px solid #6b7384;
	margin-bottom: 10px;
}

#rechts div.box div.boxHead	{
	padding-left: 9px;
	background-color: #004d9f;
	color: #fff;
	font-weight: bold;
}

#rechts div.box div.boxContent	{
	padding-left: 9px;
	background-color: #e3e9f0;
	/* background-color: #dee4ed; */
}




/* -------  Startseite  ---------------------------------------------------- */

#obenStartseite	{
	float: left;
	background: url(/img/header.jpg) 0 0 no-repeat;
	width: 900px;
	height: 100px;
	padding: 0px;
	/* margin-bottom: 20px; */
	border-bottom: 1px solid #004d9f;
}

#startseite	{
	float: left;
	width: 880px;
	height: 500px;
	/* background: url(/img/bg-rad.jpg) 27px 0px no-repeat; */
	/* background-color: #dfe3ee; */
	margin: 0px;
	padding: 28px 0px 0px 20px;
}

#startseite	img {
	border: 0px;
}

/* -------  Die Info-Boxen der ersten Zeile auf der Startseite  ------------ */

#startseite div.startbox	{
	width: 153px;
	height: 124px;
	background-color: #fff;
	float: left;
	margin-right: 20px;
	border-left: 1px solid #004d9f;
	border-right: 1px solid #004d9f;
	border-bottom: 1px solid #004d9f;
}


#startseite div.startbox div.startboxHead	{
	padding-left: 9px;
	background-color: #004d9f;
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	line-height: 120%;
	height: 15px;
}
#startseite div.startbox div.startboxHead a {
	display:block;
	color: #fff;
	width:137px;
	text-decoration: none;
	background: url(/img/pfeilStart.gif) right no-repeat;
}
#startseite div.startbox div.startboxHead a:hover {
	color: #e60012;
	background: url(/img/pfeilStart_rot.gif) right no-repeat;
}
#startseite div.startbox div.startboxHead div.startboxHeadText	{
float: left;
}
#startseite div.startbox div.startboxHead div.startboxHeadPfeil {
float: right;
padding: 3px 5px 1px 0px;
}

#startseite div.startbox div.startboxHead div.startboxHeadPfeil a.start {
	text-decoration: none;
}

#startseite div.startbox div.startboxContent	{
	line-height: 120%;
	color: #5c5c5c;
/* Pixel statt Prozent bei der Font-Size wegen OPERA eingestellt */
	font-size: 10px;
	padding: 5px 5px 0px 9px;
}
/* ------- ENDE Info-Boxen der ersten Zeile auf der Startseite  ------------ */

/* ------- Die SERVICE Info-Box der ersten Zeile auf der Startseite  ------- */

#startseite div.servicebox	{
	width: 153px;
	height: 124px;
	background-color: #fff;
	float: left;
	border-left: 1px solid #004d9f;
	border-right: 1px solid #004d9f;
	border-bottom: 1px solid #004d9f;
}

#startseite div.servicebox div.serviceboxHead	{
	padding-left: 9px;
	background-color: #004d9f;
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	line-height: 120%;
	height: 15px;
}
#startseite div.servicebox div.serviceboxHead a {
	display:block;
	color: #fff;
	width:137px;
	text-decoration: none;
	background: url(/img/pfeilStart.gif) right no-repeat;
}
#startseite div.servicebox div.serviceboxHead a:hover {
	color: #e60012;
	background: url(/img/pfeilStart_rot.gif) right no-repeat;
}
#startseite div.servicebox div.serviceboxHead div.serviceboxHeadText	{
float: left;
}
#startseite div.servicebox div.serviceboxHead div.serviceboxHeadPfeil {
float: right;
padding: 3px 5px 1px 0px;
}

#startseite div.servicebox div.serviceboxHead div.serviceboxHeadPfeil a.start {
	text-decoration: none;
}

#startseite div.servicebox div.serviceboxContent	{
	line-height: 120%;
	color: #5c5c5c;
/* Pixel statt Prozent bei der Font-Size wegen OPERA eingestellt */
	font-size: 10px;
	padding: 5px 5px 0px 9px;
}
/* -------  ENDE SERVICE Info-Box der ersten Zeile auf der Startseite  ----- */

#startseite div.leerhoriz	{
	clear: both;
	width: 100%;
	height: 0px;
}


p.clear	{
	clear: both;
	height: 5px;
}


/* -------  Spalte 1 in 2. Reihe mit Sprache und Kontakt  ------------------ */

#startseite div.spracheKontakt	{
	width: 155px;
	height: 340px;
	float: left;
	padding: 0px;
	margin-right: 195px;
}

/* fuer einzeiligen Inhalt */
#startseite div.sprachKont1	{
	width: 153px;
	height: 35px;
	background-color: #fff;
	margin-top: 28px;
	border-left: 1px solid #004d9f;
	border-right: 1px solid #004d9f;
	border-bottom: 1px solid #004d9f;
}

/* fuer zweizeiligen Inhalt */
/*
#startseite div.sprachKont2	{
	width: 153px;
	height: 55px;
	background-color: #fff;
	margin-top: 15px;
	border-left: 1px solid #004d9f;
	border-right: 1px solid #004d9f;
	border-bottom: 1px solid #004d9f;
}
*/

#startseite div.cassida		{
	width: 153px;
	height: 97px;
	background-color: #fff;
	margin-top: 28px;
	border-left: 1px solid #004d9f;
	border-right: 1px solid #004d9f;
	border-bottom: 1px solid #004d9f;
}
#startseite div.cassida	img	{
	margin-top: 1px;
	margin-bottom: 4px;
}

#startseite div.sprachKontHead	{
	padding-left: 9px;
	background-color: #004d9f;
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	line-height: 120%;
	height: 15px;
}


#startseite div.sprachKontHead a {
	display:block;
	color: #fff;
	width:137px;
	text-decoration: none;
	background: url(/img/pfeilStart.gif) right no-repeat;
}
#startseite div.sprachKontHead a:hover {
	color: #e60012;
	background: url(/img/pfeilStart_rot.gif) right no-repeat;
}

/* fuer mehrzeiligen Inhalt */
#startseite div.sprachKontContent	{
	line-height: 120%;
	color: #5c5c5c;
	font-size: 10px;
	padding: 5px 5px 0px 9px;
}

/* fuer einzeiligen Inhalt */
#startseite div.sprachKontContent1	{
	line-height: 100%;
	color: #5c5c5c;
	font-size: 10px;
	padding: 5px 5px 0px 9px;
}
/* -------  ENDE Spalte 1 in 2. Reihe mit Sprache und Kontakt  ------------- */


/* -------  "Welcome"-Box  ------------------------------------------------- */

#startseite div.welcome		{
	float: left;
	width: 503px;
	height: 289px;
	background-color: #fff;
	margin: 28px 0px 0px 0px;
	padding: 0px;
	border-left: 1px solid #004d9f;
	border-right: 1px solid #004d9f;
	border-bottom: 1px solid #004d9f;
}

#startseite div.welcomeHead	{
	padding-left: 9px;
	background-color: #004d9f;
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	height: 23px;
	padding-top: 7px;
}

#startseite div.welcomeLeftCol	{
	float: left;
	width: 193px;
	line-height: 120%;
	color: #5c5c5c;
	font-size: 12px;
	padding: 5px 0px 0px 9px;
}

#startseite div.welcomeRightCol	{
	float: right;
	line-height: 120%;
	color: #5c5c5c;
	font-size: 10px;
	padding: 5px 5px 0px 9px;
}