/*

edits:

rv 22.07.11
- Feste Hoehe fuer #topNavi, damit Formatierung des Kopfes unabhaengig von
  der Schriftgroesse wird
- div.loginlogout und "Zubehoer" ersetzt div.partner mit "Zubehoer"

rv 27.06.07
- h1: line-height ergaenzt

rv 25.06.07
- input.checkInfoButton nochmal geaendert
- table#prodList td: border-bottom durch border-top ersetzt

rv 20.06.07
- input.checkInfoButton und Table-ID "prodList" laut Kundenwunsch angepasst

ah 20.06.07
- Ergänzung der Table-ID "prodList" um einen Abstand (margin) nach unten
- neu: input.checkInfoButton in den Styles für die Produktlisten


ah 15.06.07
- neue Styles für die Checkboxen und die Links in der Produktliste

rv 15.06.2007
- select.auswahl ergaenzt

ah 15.05.2007
- div-Styles für den Link zur Produktinfo ergänzt (ab Zeile 507)


rv 14.05.2007
- input.cbox ergaenzt

ah 03/2007
- neue Styles für ein überarbeitetes Kontaktform ab Zeile 393
- Änderungen für Überschriften H1 und H2
- neue Klasse für die Box um die Eigenschaften in den Produkt-Details

ah 15.11.2006
- Schriftgrößen und Zeilenhöhen der Überschriften eingestellt
- dem Absatz eine Klasse zugeteilt
- Einrückungen für die Navigation in Fällen der Zweizeiligkeit korrigiert, hier: keine neuen Klassen benannt oder zugeteilt

rv 16.11.2006
- p.spip ergaenzt

rv 17.11.2006
- br.clear und p.caption ergaenzt

rv 20.11.2006
- div.navLevel02T ergaenzt
- Einrueckungen der nav-Ebenen 03 und 04 vergroessert und bei 02 verkleinert
- Linker Abstand bei #breadcrumbs dem der nav-Ebene 02 angepasst
- td.searchForm td.searchGo angepasst fuer voruebergehendes Disablen des
  Links zur erweiterten Suche

ah/rv 20.11.2006
- neu: #navigationLinks div.longlists

*/

/*  --------------  Texte --------------- */

br.clear {
	clear: both;
}

p	{
	padding: 0px 0px 10px 0px;
	margin: 0px;
}
p.caption {
	padding-bottom: 5px;
	margin-top: 5px;
}
p.spip	{
	padding: 0px 0px 10px 0px;
	margin: 0px;
}
p.zehn	{
	padding: 0px 0px 10px 0px;
	margin: 0px;
}

h1	{
	margin-top: 2px;
	font-size: 170%;
	line-height: 120%;
	color: #484848;
	margin-bottom: 10px;
}

h2	{
	font-size: 130%;
	color: #484848;
	margin-bottom: 15px;
	margin-top: 5px;
}

h3	{
	margin: 0px;
	padding: 2px 0px 10px 0px;
	font-size: 120%;
	line-height: 120%;
}

h4	{
	margin: 0px;
	padding: 2px 0px 5px 0px;
	font-size: 100%;
	line-height: 120%;
}

/*  -------------- Piktogramme --------------- */

div#pictogramme	img {
	border: 1px solid #4d4d4d;
}

#pictogramme div	{
	width: 70px;
	float: left;
	font-size: 80%;
	text-align: center;
	margin-right: 5px;
	margin-bottom: 20px;
}

/*  -------------- Bilder --------------- */

/* img {border: 0px;} */
img.rechts {float: right; margin: 3px 0px 0px 10px;}
img.links {float: left; margin: 3px 10px 0px 0px;}

img.rechtsBO {float: right; margin: 3px 0px 0px 10px; border: 1px solid #ccc;}
img.linksBO {float: left; margin: 3px 10px 0px 0px; border: 1px solid #ccc;}





/*  -------------- Navigation ganz oben beim Logo --------------- */

#topNavi	{
	margin-left: 205px;
	margin-top: 5px;
	height: 62px;
	line-height: 140%;
}

#topNavi a {
	color: #034183;
	font-weight: bold;
	text-decoration: none;
}	

#topNavi a:hover {
	color: #e60012;
	font-weight: bold;
	text-decoration: none;
}	



/*  -------------- Navigation oben (Level 1) --------------- */
#navLevel01	{
	background-color: #004d9f;
	border: 1px solid #004d9f;
	
	width: 898px;
	height: 17px;
	margin-top: 33px;
	
	color: #fff;
	font-weight: bold;
	font-size: 120%;	
	line-height: 17px;
	text-align: center;
}

#navLevel01 div	{
	float: left;
	padding: 0px 30px 0px 30px;
	color: #fff;
}	

#navLevel01 div.moduleRow a	{
	color: #fff;
	text-decoration: none;
}	

#navLevel01 div.moduleRowOver	{
	float: left;
	background-color: #fff;
}	
#navLevel01 div.moduleRowOver a {
	color: #e60012;
	text-decoration: none;
}	



/*  -------------- Navigation oben (Level 1) / Partner-Login  --------------- */

#navLevel01 div.loginlogout {
	float: right;
	padding: 0px 30px 0px 30px;
	color: #fff;
}	

#navLevel01 div.loginlogoutOver {
	float: right;
	padding: 0px 30px 0px 30px;
	background-color: #fff;
}	

#navLevel01 div.loginlogout a	{
	color: #fff;
	text-decoration: none;
}	

#navLevel01 div.loginlogoutOver a {
	color: #e60012;
	text-decoration: none;
}	


/*  ------------------- Breadcrumbs ---------------------- */
#breadcrumbs	{
	background-color: #dee4ed;
	width: 884px;
	margin-top: 10px;
	font-size: 90%;
	height: 13px;
	line-height: 13px;
	padding-left: 16px;
}
#breadcrumbs div.yah	{
	float: left;
	color: #666;
	margin-right: 10px;
}	

#breadcrumbs div	{
	float: left;
	color: #034183;
}	
#breadcrumbs a, a:link, a:active, a:visited	{
	color: #034183;
	text-decoration: none;
}	
#breadcrumbs a:hover	{
	color: #e60012;
	text-decoration: none;
}	


/*  -------------- Navigation links (Level 2) --------------- */

#navigationLinks div.longlists {
	overflow: auto;
	height: 170px;
}

/* div.navLevel02T ist div.navLevel02H mit zusaetzlicher Linie oben */
div.navLevel02T {
	background-color: #fff;
	border-top: dotted 1px #818d9a;
	border-bottom: dotted 1px #818d9a;
	padding: 4px 0px 3px 16px;
}

div.navLevel02	 {	
	background-color: #c0c8d5;
	border-bottom: dotted 1px #818d9a;
	padding: 4px 0px 3px 16px;
}

a.navLevel02, a.navLevel02:link, a.navLevel02:active, a.navLevel02:visited	{
	font-weight: normal;
	line-height: 110%;
}

a.navLevel02:hover {
	font-weight: normal;
	line-height: 110%;
}


/*  -------------- AKTIVER STATUS: Navigation links (Level 2) --------------- */
/*  -------------- Die Farbe wird in 'seitenformate.css' definiert --------------- */
div.navLevel02H	 {	
	background-color: #fff;
	border-bottom: dotted 1px #818d9a;
	padding: 4px 0px 3px 16px;
}

a.navLevel02H, a.navLevel02H:link, a.navLevel02H:active, a.navLevel02H:visited, a.navLevel02H:hover	{
	font-weight: normal;
	line-height: 110%;
}


/*  -------------- Navigation links (Level 3) --------------- */


div.navLevel03 {
	background-color: #dee4ed;
	border-bottom: dotted 1px #818d9a;
	padding: 4px 0px 3px 26px;
}


a.navLevel03, a.navLevel03:link, a.navLevel03:active, a.navLevel03:visited	{
	font-weight: normal;
	line-height: 110%;
}

a.navLevel03:hover {
	font-weight: normal;
	line-height: 110%;
}


/*  -------------- AKTIVER STATUS: Navigation links (Level 3) --------------- */
/*  -------------- Die Farbe wird in 'seitenformate.css' definiert --------------- */
div.navLevel03H {
	background-color: #fff;
	border-bottom: dotted 1px #818d9a;
	padding: 4px 0px 3px 26px;
}
a.navLevel03H, a.navLevel03H:link, a.navLevel03H:active, a.navLevel03H:visited, a.navLevel03H:hover	{
	font-weight: normal;
	line-height: 110%;
}




/*  -------------- Navigation links (Level 4) --------------- */
div.navLevel04 {
	background-color: #eff2f6;
	border-bottom: 0px;
	padding: 4px 0px 3px 36px;
}


a.navLevel04, a.navLevel04:link, a.navLevel04:active, a.navLevel04:visited, a.navLevel04:hover	{
	font-size: 80%;
	line-height: 110%;
}



/*  -------------- AKTIVER STATUS: Navigation links (Level 4) --------------- */
/*  -------------- Die Farbe wird in 'seitenformate.css' definiert --------------- */
div.navLevel04H {
	background-color: #fff;
	border-bottom: 0px;
	padding: 4px 0px 3px 36px;
}
a.navLevel04H, a.navLevel04H:link, a.navLevel04H:active, a.navLevel04H:visited, a.navLevel04H:hover	{
	font-size: 80%;
	line-height: 110%;
}



/*  ------------------- Suche ---------------------- */

table.search	{
	margin: 0px 0px 8px 10px;
}
td.flag	{
	padding-top: 3px;
}
td.searchHeadline	{
	padding-left: 9px;
	background-color: #004d9f;
	color: #fff;
	font-weight: bold;
	border: 1px solid #b4b4b4;
}	

td.searchForm	{
	padding-top: 3px;
	padding-left: 9px;
	border-left: 1px solid #b4b4b4;
	border-bottom: 1px solid #b4b4b4; /* ohne "erweiterte Suche" */
	padding-bottom: 5px;		  /* ditto */
}

td.searchGo	{
	padding-top: 3px;
	border-right: 1px solid #b4b4b4;
	border-bottom: 1px solid #b4b4b4; /* ohne "erweiterte Suche" */
	padding-bottom: 5px;		  /* ditto */
	text-align: center;
}

td.searchMore	{
	padding-left: 9px;
	border: 1px solid #b4b4b4;
	border-top: 0px;
	font-size: 90%;
}

.formfeldSearch	{
	display: block;
	width: 130px;
	float: left;
	font-size: 100%;
	height: 14px;
	margin-top: 1px;
	border: 1px solid #bcbcbc;
}



/* ------------------------- Begin Styles Kontaktformular ------------------------- */

table#kf	{
	width: 90%;
}
#kf td.feld	{
	padding-left: 25px;
	color: #4c4c4c;
	font-weight: bold;
	background-color: #e9e9e9;
	border: 1px solid #bbb;	
}

#kf select, input, input.kurz	{
	font-size: 90%;
	border: 1px solid #bbb;
}
#kf input	{
	height: 19px;
	width: 288px;
}

#kf select	{
	height: 20px;
	width: 290px;
	font-size: 90%;
}

#kf select.auswahl	{
	height: 80px;
	width: 290px;
	font-size: 90%;
}

#kf input.cbox {
	height: 12px;
	width: 12px;
}
#kf input.kurz	{
	height: 19px;
	width: 10em;
}
#kf textarea	{
	font-family: Arial, Helvetica, sans-serif;
	width: 288px;
	height: 50px;
	font-size: 100%;
	border: 1px solid #bbb;
	margin: 0px;
	padding: 0px;
}
.sternchen	{
	font-family : Arial, Helvetica, sans-serif;
	font-size : 130%;
	color : #ff0000;
	font-weight : bold;
}

#kf input.submitButtons {
	width: 10em;
	height: 23px;
	background-color: #004d9f;
	font-weight: bold;
	color: #e9ebf3;
	font-size: 100%;
	border-top: 2px solid #88b4e2;
	border-left: 2px solid #88b4e2;
	border-right: 2px solid #003166;
	border-bottom: 2px solid #003166;
}	

/* ------------------------- Ende Styles Kontaktformular ------------------------- */


/* ------------------------ Begin Box für die Eigenschaften auf Produktdetail-Seite ---------------- */


div.boxProperty	{
	width: 95%;
	border: 1px solid #6d6d6d;
	margin-bottom: 10px;
}

div.boxPropertyHead	{
	padding: 0px 2px 2px 9px;
	background-color: #bcbcbc;
	font-weight: bold;
	font-size: 120%;
	border-bottom: 1px solid #6d6d6d;
}

div.boxPropertyContent	{
	padding-top: 7px;
	padding-left: 9px;
	background-color: #eeeeee;
}


/* ------------------------ Ende Box für die Eigenschaften auf Produktdetail-Seite ---------------- */

/* ----------------------- Begin neue Styles für die Produktauflistung ------------------------------ */

table#prodList	{
	margin-bottom: 10px;
}

table#prodList td	{
	 border-top: 1px solid #ccc;
}
#prodList td.bgGrau	{
	 background-color: #e9e9e9;
}

/* ----------------------- Ende neue Styles für die Produktauflistung ------------------------------ */


/* ----------------------- Begin Styles Link zur Produktanforderung ------------------------------ */

.goProdInfo {
	 float: right;

}
.goProdInfo img {
	 border: 0px;
}

/* ----------------------- Ende Styles Link zur Produktanforderung ------------------------------ */


/* ----------------------- Begin Styles Checkboxen Produktliste ------------------------------ */

.checkProd {
	 margin-right: 3px;	
	 margin-top: 2px;
	 height: 12px;
	 width: 12px;
	 border-style: none;
	 border-width: 1px;
	 float: left;
	 display: block;
}

a.checkL	{
	float: left;
}

.checkInfo	{
	font-weight: bold;
}


input.checkInfoButton {
	width: 10em;
	height: 23px;
	background-color: #004d9f;
	font-weight: bold;
	color: #e9ebf3;
	font-size: 100%;
	border-top: 2px solid #88b4e2;
	border-left: 2px solid #88b4e2;
	border-right: 2px solid #003166;
	border-bottom: 2px solid #003166;
}	

/* ----------------------- Ende Styles Checkboxen Produktliste ------------------------------ */