/* ==========================
Allgemeine CSS-Angaben für Seiten von Bosch PT

Farben:
#153B63: Bosch Blau 1 (Dunkelblau)
#829DBA: Bosch Blau 2 
#B4C6D9: Bosch Blau 3 (Mittelblau)
#DFE9F4: Bosch Blau 4 (Hellblau)

#2269B5: Bosch Blau 1a - Kennzeichnung der aktuellen Seite
#1B528C: Bosch Blau 1b - Schaltfläche bei Mauskontakt
#A0B7CF: Bosch Blau 3a - Kennzeichnung der aktuellen Seite
#8CA8C5: Bosch Blau 3b - Schaltfläche bei Mauskontakt

Sonderfarben:
#EF2614: Rot
#DDDDDD: Mittelgrau
#F1F2F2: Hellgrau
#EF2614: Bosch Rot



Erstellt 2005-01 von www.kittelberger.de
========================== */

body {
	width: 720px;
	margin: 0 auto;
	background-color: #FFFFFF;
	font-family: Arial, sans-serif; 
	font-size: 12px;
	color: #153B63;
}

a {
	text-decoration:none;
	font-size: 11px;
}	

p, h2 {
	font-size: 100%;
	margin: 0;
	line-height: 15px;
}

h1 {
	font-size: 20px;
	line-height: 22px;
	color: #FFFFFF;
	padding: 15px 12px 12px 12px;
	margin: 0;
	background-color: #829DBA;
	border-top: 6px solid #B4C6D9;
}

h1.dark {
	font-size: 20px;
	line-height: 22px;
	padding: 15px 12px 10px 12px;
	margin: 0;
	background-color: #DFE9F4;
	border-top: 6px solid #B4C6D9;
}

h2 {
	font-weight: bold;
}

table {
	border-collapse: collapse;
}

td {
	padding: 0px;
	margin: 0px;
	vertical-align: top;
}

img {
	border: none;
	margin: 0;
	padding: 0px;
	display: block;
}

ul {
	margin: 0 156px 18px 30px;
	padding: 0 30px 0 0;
	list-style-type: square;
	text-indent: -16px;
	list-style-type: square;
	list-style-position: inside;
}	

li {
	margin: 0 0 6px 0;
	padding: 0;


}

li p {
	margin: 0;
}

form {
	margin: 0px;
	padding: 0px;
}

input, textarea {
	font-size: 100%;
}

input.button {
	border: none;
	background: none;
	font-weight: bold;
	text-align: left;
	background-image: ;
	background-repeat: no-repeat;
	background-position: 0 1px;
	padding-left: 17px;
	padding-top: 1px;
	margin-bottom: 4px;
	font-family: Verdana, sans-serif;
}


.lightgrey {
	background-color: #F1F2F2;
}

.middlegrey {
	background-color: #DDDDDD;
}

.dark {
	background-color: #153B63;
}

.darkmedium {
	background-color: #829DBA;
	color: #FFFFFF;
}

.middle {
	background-color: #B4C6D9;
}

.light {
	background-color: #DFE9F4;
}




/* --------------------------
Seitenformatierende Tabelle
-------------------------- */

table#pageMain {
	width: 100%;
	background-color: #FFFFFF;
}


/* --------------------------
Navigationsspalte mit Haupt- und Zusatznavigation und Bannern
-------------------------- */

td#pageNavigation {
	width: 180px;
	background-image: url('bg-navigation.gif');
	background-repeat:repeat-y;
}

#pageNavigation p {
	margin: 0 6px 0 0;
	padding: 0px;
	background-color: #153B63;
}

#pageNavigation a {
	margin: 0px 6px 0 0;
	padding: 0px;
	line-height: 13px;
}

#pageNavigation p img {
	display: block;
	margin: 0;
	padding: 0;
}

#pageNavigation h2 {
	margin: 0;
	color: #FFFFFF;
	background-color: #153B63;
	font-size: 13px;
	padding: 6px 4px 7px 12px;
	margin: 0px 6px 0 0px;
}

#pageNavigation h3 {
	margin: 0;
	color: #FFFFFF;
	background-color: #153B63;
	font-size: 11px;
	font-weight: bold;
	padding: 7px 0 2px 12px;
	margin: 0px 6px 0 0px;
}

#pageNavigation img {
	margin: 0;
	padding: 0;
}

#pageNavigation a:hover {
	background-color: #1B528C;
}

#pageNavigation p.selected a, #pageNavigation p.selected a:hover {
	background-color: #2269B5;
	color: #FFFFFF;
}



/* ---- Mainnavi----- */

#mainnavi {
	width: 180px;
	background-image: url('bg-mainnavi.gif');
	background-repeat:repeat-y;
}

#pageNavigation #mainnavi a {
	margin: 0;
	display: block;
	padding: 2px 6px 2px 20px;
	color: #FFFFFF;
	background-image: url('pfeil-navi.gif');
	background-repeat:no-repeat;
}


#blockname {
	width: 174px;
	vertical-align: text-bottom;
	background-color: #153B63;
}

#block {
	border-top: 1px solid #B4C6D9;
}

#block.firstblock {
	border-top: 0px;
}

/* ---- Helle Navi unterhalb der Mainnavi----- */

#additionalnavi {
	width: 174px;
	margin: 18px 0 0 6px;
	border-bottom: 1px solid #DFE9F4;
}

#pageNavigation #additionalnavi p {
	margin: 0;
	background-color: #B4C6D9;
	border-top: 1px solid #DFE9F4;
}

#pageNavigation #additionalnavi a {
	margin: 0;
	display: block;
	padding: 2px 6px 2px 14px;
	color: #153B63;
	background-image: url('pfeil-additionalnavi.gif');
	background-repeat:no-repeat;
}

#pageNavigation #additionalnavi a:hover {
	background-color: #A0B7CF;
}

#pageNavigation #additionalnavi p.selected a, #pageNavigation #additionalnavi p.selected a:hover {
	background-color: #8CA8C5;
	color: #FFFFFF;
}


/* ---- Banner unterhalb der Mainnavi----- */

#banner{
	width: 174px;
	margin: 18px 0 6px 0px;
	padding: 0px;
}

#pageNavigation #mainnavi .banner{
	border: 1px solid #153B63;
	background-color: #8CA8C5;
	width: auto;
	margin: 18px 0 6px 0px;
	padding: 0px;
	width: 172px;
}

#pageNavigation #mainnavi .banner img{
	border: 0px;
	display: block;
}

#pageNavigation #mainnavi .banner a{
	background-image:none;
	padding: 0px;
}

#pageNavigation #mainnavi .banner p{
	color: #FFFFFF;
	font-size: 11px;
	font-weight: normal;
	background-image:none;
	line-height: 13px;
	padding: 2px 6px;
	padding-right: 0px;
	background-color: transparent;
}

#pageNavigation #mainnavi .banner a:hover{
	background-color: transparent;
	padding: 0px;
}

#bildbanner {
	width: 174px;
	margin: 18px 0 6px 0px;
	padding: 0px;
}

#pageNavigation #banner a {
	background-image: none;
	padding: 0px;
}

#pageNavigation #banner a img {
	padding: 0;
}

#pageNavigation #bildbanner a {
	background-image: none;
	padding: 0px;
}

#pageNavigation #bildbanner a img {
	padding: 0;
}

/* --------------------------
Content
-------------------------- */




td#pageContent {
	width: 540px;
	background-color: #FFFFFF;
}

#pageContent table {
	width: 534px;
	font-size: 11px;
	margin: 0 0 18px 6px;
}

#pageContent table.small {
	width: 354px;
	font-size: 11px;
	margin: 0 0 18px 6px;
}


#pageContent table p {
	margin: 2px 0 2px 6px;
	padding: 0;
	font-size: 11px;
	line-height: 13px;
}

#pageContent table a {
	margin: 0;
	display: block;
	padding: 0px 6px 0px 8px;
	background-image: url('pfeil-dark.gif');
	background-repeat:no-repeat;
}

#pageContent table h2 {
	color: #FFFFFF;
	margin: 1px 0 2px 6px;
}

#pageContent table td.spacer {
	height: 2px;
}

#pageContent p.spacer {
	height: 18px;
	margin: 0;
	padding: 0;
	border: 0;
}


#pageContent p {
	margin: 0px 186px 12px 12px;
}


#pageContent p.image {
	margin: 0px 174px 12px 6px;
}

#pageContent a {
	color: #153B63;
	margin: 0 0 0 12px;

	background-image-position: inside;
	padding: 0 186px 0px 8px;
	background-image: url('pfeil-dark.gif');
	background-repeat:no-repeat;
}


#pageContent h2 {
	margin: 0px 186px 0px 12px;
	padding: 0px;
	font-weight: bold;
}

.floatRight {
	float: right;
}

#pageContent div.sideboxes div.subnavi p.noborder {
	border: 0px;
}



/* ----------------------------
Linklisten im Content
---------------------------- */

#pageContent #linklist  {
	margin: 0px 174px 18px 3px;
	padding: 00;
	float: left;
	width: 174px;
	border-bottom: 1px solid #B4C6D9;
}

#pageContent #linklist.double  {
	margin: 0px 3px 12px 3px;
	padding: 0;
	float: left;
	width: 174px;
	border-bottom: 1px solid #B4C6D9;
}

#pageContent #linklist h3 {
	font-size: 11px;
	line-height: 13px:
	border: 0;
	margin: 0;
	padding: 0px 0 2px 6px;
}

#pageContent #linklist p {
	margin: 0;
	padding: 0;
	border-top: 1px solid #B4C6D9;
}

#pageContent #linklist a {
	color: #153B63;
	display: block;
	margin: 0px;
	background-image-position: inside;
	padding: 1px 0 2px 14px;
	background-image: url('pfeil-additionalnavi.gif');
	background-repeat:no-repeat;
}

#pageContent #linklist a:hover {
	background-color: #DFE9F4;
}


/* ----------------------------
Teaser im Content
---------------------------- */


div.teaser360 {
	width: 360px;
	margin: 0 0 0px 0px;
	padding: 0 0 0 0px;
}

div.teaser540 {
	width: 540px;
	margin: 0 0px 0px 0px;
	padding: 0 0 0 0px;
}

#teaser {
	margin: 0 0px 6px 0px;
	padding: 0;
	line-height: 13px;
	width: 180px;
	float: left;
}

#pageContent #teaser p {
	background-color: #F1F2F2;
	font-size: 11px;
	line-height: 13px;
	margin: 0 0 0 6px;
	padding: 0px 4px 4px 4px;
}

#pageContent #teaser p.image {
	background-color: #F1F2F2;
	margin: 0 0 0 6px;
	padding: 0;
}

#pageContent #teaser img {
	display: inline;
}

#pageContent #teaser a {
	margin: 0;
	padding: 0;
	background-image: none;
}

#pageContent #teaser a.link {
	margin: 0px;
	padding: 0 0 0 8px;
	background-image: url('pfeil-dark.gif');
	background-repeat:no-repeat;
}

#pageContent #teaser a.wmv {
	padding: 0px 0 0 32px;
	background-image: url('wmv.gif');
	background-repeat:no-repeat;
}

#pageContent #teaser a.pdf {
	padding: 0px 0 0 32px;
	background-image: url('pdf.gif');
	background-repeat:no-repeat;
}

#pageContent #teaser a.doc {
	padding: 0px 0 0 32px;
	background-image: url('doc.gif');
	background-repeat:no-repeat;
}

#pageContent #teaser a.xls {
	padding: 0px 0 0 32px;
	background-image: url('xls.gif');
	background-repeat:no-repeat;
}

#pageContent #teaser a.zip {
	padding: 0px 0 0 32px;
	background-image: url('zip.gif');
	background-repeat:no-repeat;
}

#pageContent #teaser a.jpg {
	padding: 0px 0 0 32px;
	background-image: url('jpg.gif');
	background-repeat:no-repeat;
}

#pageContent #teaser a.gif {
	padding: 0px 0 0 32px;
	background-image: url('gif.gif');
	background-repeat:no-repeat;
}

#pageContent #teaser h3 {
	font-size: 11px;
	background-color: #F1F2F2;
	line-height: 13px;
	margin: 0 0 0 6px;
	padding: 2px 2px 0px 4px;
}



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

div.sideboxes {
	width: 174px;
	float: right;
	display: inline;
	margin: 0px 0px 0 0;
}

div.sideboxes div {
	margin-bottom: 17px;
}

#pageContent div.sideboxes p {
	margin: 0px;
	padding: 4px;
	background-color: #B4C6D9;
	font-size: 11px;
	line-height: 13px;
}

#pageContent div.sideboxes div p.image {
	margin: 0px;
	padding: 0px;
	border: 0;
}

div.sideboxes img {
	margin: 0;
	padding: 0;
	border: 0;
}

#pageContent div.sideboxes a {
	margin: 0;
	display: block;
	padding: 2px 6px 0px 8px;
	color: #153B63;
	text-indent: 0;
	background-image: url('pfeil-sideboxes.gif');
	background-repeat:no-repeat;
}

#pageContent div.sideboxes div.subnavi a.image {
	margin: 0;
	display: block;
	padding: 0;
	text-indent: 0;
	background-image: none;
	background-color: #B4C6D9;
}


#pageContent div.sideboxes h2 {
	border-top: none;
	font-size: 11px;
	line-height: 13px;
	color: #FFFFFF;
	background-color: #153B63;
	margin: 0;
	padding: 3px 4px 2px 4px;
}


#pageContent div.sideboxes div.subnavi p {
	margin: 0px;
	padding: 0;
	background-color: #B4C6D9;
	font-size: 11px;
	border-bottom: 1px solid #DFE9F4;
}

#pageContent div.sideboxes div.subnavi a {
	margin: 0;
	display: block;
	padding: 2px 6px 2px 12px;
	color: #153B63;
	text-indent: 0;
	background-image: url('pfeil-sideboxes-navi.gif');
	background-repeat:no-repeat;
}

/*--a.wmv hier nur für video-download im sidebereich--*/
#pageContent div.sideboxes div.subnavi a.wmv
 {
	margin: 0 0 0 2px;
	display: block;
	padding: 0px 0 0 32px;
	color: #153B63;
	text-indent: 0;
	background-image: url('wmv.gif');
	background-repeat:no-repeat;
}

#pageContent div.sideboxes div.subnavi a:hover {
	background-color: #A0B7CF;
}

#pageContent div.sideboxes div.subnavi input {
	margin: 5px;
	padding: 0px;
	height: 18px;
}

/* --------------------------
Footer
-------------------------- */

#footer {
	width: 720px;
	height: 73px;
	background-image: url('bg-footer.gif');
	background-repeat: no-repeat;
	margin: 0 0 0 6px;
}

#footer p {
	padding: 0px;
	margin: 2px 0 0 6px;
}

#footer a {
	color: #153B63;
	padding: 0px;
	margin: 0px;
}

#footer img {
	padding: 0px;
	margin: 0 0 1px 0;
	display: inline;
}


/* --------------------------
External windows
-------------------------- */

#externalwindow {
	width: auto;
	text-align: left;	
}

#externalwindow h1 {
	font-size: 17px;
	line-height: 19px;
	color: #153B63;
	padding: 10px 6px 0px 12px;
	margin: 0;
	border: 0;
	float: left;
	background-color: #FFFFFF;
}

#externalwindow h2 {
	color: #153B63;
	padding: 10px 10px 0px 12px;
	margin: 0;
	background-color: #B4C6D9;
}

#externalwindow p {
	color: #153B63;
	padding: 0px 10px 6px 12px;
	margin: 0;
	background-color: #B4C6D9;
}

#externalwindow img.center {
	padding: 12px;
	margin: 0;
}

#externalwindow a.print {
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	color: #153B63;
	margin: 20px 0 0 0;
	padding: 0 0 0 22px;
	background-image: url('ico_print.gif');
	background-repeat:no-repeat;
}

div.logo {
	width: 131px;
	float: right;
	display: inline;
	margin: 0;
}

#externalwindow #closewindow {
	background-color: #153B63;
	background-image: none;
	color: #FFFFFF;
	height: 24px;
}

#externalwindow #closewindow a.close {
	margin: 3px 0 0 0;
	color: #FFFFFF;
	padding: 1px 8px 2px 12px;
	text-indent: 0;
	background-image: url('cross.gif');
	background-repeat:no-repeat;
	float: right;
}




/* --------------------------
Browser-Eigenheiten
-------------------------- */

/* Anfang IEWin: Abstand unter Sideboxes korrigieren \*/
* html div.sideboxes div {
	padding-bottom: 1px;
}
/* Ende IEWin: Abstand unter Sideboxes korrigieren */


/* Anfang IEWin bis Version 5.5SP2: Fehlende Seitenzentrierung nachbauen \*/
* html body {
	text-align: center;
}

* html #pageBody {
	width: 720px;
	text-align: left;
}

* html body.popup #pageBody {
	width: 100%;
}
/* Ende IEWin bis Version 5.5SP2: Fehlende Seitenzentrierung nachbauen */


/* Anfang IEWin bis Version 5.5SP2: Fehlende Schriftgrößen-Kaskade nachbauen \*/
* html table, * html td {
	font-size: 100%;
}
/* Ende IEWin bis Version 5.5SP2: Fehlende Schriftgrößen-Kaskade nachbauen */