/*

edits:

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

ah, 09.07.2007
Styles für die Startseite erstellen

ah, 18.07.2007
Änderungen und Ergänzungen wg. Ungenauigkeiten in den Pixel-Abständen für die Startseite ab Zeile 190

nh, 20.07.2007
Änderungen 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%;
 
}


#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%;
}


/*  -------------- 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 für 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 (Neu am 09.07.2007) --------------- */

#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: 864px;
	height: 550px;
	background: url(/img/bg-rad.jpg) 27px 0px no-repeat;	
	margin: 0px;
	padding: 20px 0px 0px 20px;
}

#startseite	img {
	border: 0px;
}

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

#startseite div.startbox	{
	width: 155px;
	height: 125px;
	background-color: #fff;
	float: left;
	margin-right: 20px;
	
}


#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: 155px;
	height: 125px;
	background-color: #fff;
	float: left;
	
}

#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: 50px;
}


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


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

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


#startseite div.sprachKont	{
	width: 155px;
	height: 125px;
	background-color: #fff;	
}


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


#startseite div.sprachKont div.sprachKontHead div.sprachKontHeadPfeil a.start {
	text-decoration: none;
}

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



/* ------  Flash-Element -------------------------------- */
#startseite div.flash	{	
	float: left;
	width: 500px;
	height: 290px;
	margin: 0px;
	padding: 0px;
}

/* ------ ENDE  Flash-Element  --------------------------- */