/* 
--------------
Allgemeines
--------------
*/

body {
	margin: 0px auto;
	padding: 0px;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;;
	font-size: 12px;
	line-height: 15px;
	color: #000000;
	width:auto;
}

h1, h2, h3, h4, h5, h6{
	font-weight:bold;
}

p, td, a, table, body, ul {
	font-family: Arial, Helvetica, sans-serif;
	color: #153B63;
	text-decoration: none;
	vertical-align: top;
}

img{
	border: 0px;
}

img.imgBlock{
	display:block;
}


h2{
	font-size:14px;
	padding:0px 6px 0px 6px;
}

p{
	padding:0px 6px 0px 6px;
}

em{
	font-style:italic;
}

strong{
	font-weight:bold;
}

ul{
	margin: 0px 6px 0px 6px;
	padding: 0px; 
	border-style: none; 
	border-width: 0px;
	list-style-type: none;
	/*list-style-image:url('../shared/bullet_blue.gif');*/
	color: #153B63;
}

li{
	padding-bottom:3px;
	background-image:url('../shared/bullet_blue.gif');
	background-repeat:no-repeat;
	padding-left:9px;
}

a{
	background-repeat:no-repeat;
}

br{
	font-size:9px;
	line-height:9px;
}




/* 
--------------
Seitenaufteilung/-elemente
--------------
*/
 
#main{
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	width:900px;
	height:auto;
	background-image:url('../shared/bg_blue.gif');
	background-repeat:repeat-y;
}

#navBereich{
	width:180px;
	float:left;
	text-align:left;
	height:auto;
}

#contentBereich{
	width:720px;
	border-top:6px solid #B4C6D9;
	float:right;
	text-align:left;
	height:auto;
	position:relative;
}

#contentBereich #cHeader{
	background-color:#DFE9F4;
	padding-bottom:6px;
}

#contentBereich #cHeader .visual{
	margin-left:6px;
	width:534px;
}

#contentBereich #cHeader .withBorder{
	border:1px solid #B4C6D9;
	width:532px;
}

#contentBereich #cHeader h1{
	font-size:20px;
	line-height:normal;
	color:#153B63;
	padding:15px 180px 9px 12px;
}

#contentBereich #cHeader p{
	color:#153B63;
	padding:0px 180px 0px 12px;
}

#contentBereich #cHeader ul.visualText{
	width:533px;
	height:251px;
	margin:0px 0px 6px 6px;
	background-repeat:no-repeat;
	padding:12px 0px 0px 0px;
	list-style:none;
}

#contentBereich #cHeader ul.visualText li{
	background-image:url('../shared/haekchen_weiss.png');
	background-position:0px 1px;
	background-repeat:no-repeat;
	margin:6px 250px 3px 12px;
	padding-left:26px;
	font-size:16px;
	line-height:19px;
	font-style:italic;
	font-weight:bold;
	color:#FFFFFF;
}

* html #contentBereich #cHeader ul.visualText li{
	background-image:url('../shared/haekchen_weiss.gif');
}

#contentBereich #cHeader ul.visualTextRed{
	width:534px;
	height:238px;
	margin:0px 0px 0px 6px;
	background-repeat:no-repeat;
	padding:12px 0px 0px 0px;
	list-style:none;
	/*border:1px solid #B4C6D9;*/
}

#contentBereich #cHeader ul.visualTextRed li{
	/*background-image:url('../shared/haekchen_rot.png');*/
	background-image:url('../shared/haekchen_blau.png');
	background-position:0px 1px;
	background-repeat:no-repeat;
	margin:6px 250px 3px 12px;
	padding-left:22px;
	font-size:16px;
	line-height:19px;
	font-style:italic;
	font-weight:bold;
	/*color:#df0034;*/
	color:#153B63;
}

* html #contentBereich #cHeader ul.visualTextRed li{
	background-image:url('../shared/haekchen_rot.gif');
}

#contentBereich #contentLeft{
	width:546px;
	padding-top:6px;
	position:static;
	float: left;
}

.floatImg{
	float:left;
	margin-right:6px;
	display:block;
}

#contentBereich *.cBlock{
	clear:left;
	margin: 0px 6px 9px 6px;
}

#contentBereich #contentLeft a,
#contentBereich #cHeader .AS a{
	background-image: url('../shared/pfeil-dark.gif');
	background-position: 1px 5px;
	padding-left:8px;
	/* text-decoration:underline; */
	font-weight: bold;
	margin-right: 6px;
}

#contentBereich #contentLeft a.download {
	margin-left: 6px;
}

#contentBereich #contentLeft a.cBlock {
	margin: 0px 0px 9px 12px;
	padding:2px 0px 2px 10px;
	font-size: 12px;
	background-image: url('../shared/pfeil-dark.gif');
	background-position: 3px 6px;
	border-top:1px solid #B4C6D9;
	border-bottom:1px solid #B4C6D9;
	display:block;
	width:332px;
	text-decoration:none;
}

#contentBereich a.cBlock:hover{
	background-color:#DFE9F4;
}

#contentBereich ul.cBlock{
	margin-left:12px;
}

#contentBereich .cBlock p {
	padding-left: 6px;
}

#contentBereich .cBlock h2 {
	margin-bottom: 3px;
}

#contentBereich .cBlock ul,
#contentBereich .cBlock p,
#contentBereich .cBlock a{
	margin-bottom: 9px;
}

#contentBereich .cBlock a{
	margin-left: 6px;
}

#contentBereich ul.list{
	margin:6px 6px 12px 6px;
}

#contentBereich ul.list li{
	margin-bottom:2px;
	list-style:none;
	background-image:url('../shared/pfeil_big_blue.gif');
	background-repeat:no-repeat;
	background-position:6px 5px;
	padding:2px 6px 2px 22px;
	line-height:normal;
}

.bgCol1{
	background-color:#f2f5f8;
}

.bgCol2{
	background-color:#dde5ee;
}

#contentBereich h2.cBlock{
	margin: 0px 6px 3px 6px;
}

#contentBereich h3.cBlock{
	margin: 3px 6px 0px 12px;
}

.imageBlock{
	background-color:#EFEFEF;
	margin:12px 6px;
	padding:9px 0px 0px 9px;
}

.imageBlock img{
	margin:0px 9px 9px 0px;
	border:1px solid #153B63;
}

#contentBereich #contentRight{
	width:174px;

	top:0px;
	position:absolute;
	right:0px;

}

#footerBereich{
	width:894px;
	background-color:#B6C6D9;
	height:18px;
	margin-left:6px;
	text-align:left;
}

#footerBereich .left{
	width:174px;
	float:left;
	height:18px;
}

#footerBereich .left a{
	background-image:url('../shared/pfeil-top.gif');
	background-position:6px 7px;
	padding:3px 0px 0px 17px;
	font-size:11px;
	line-height:13px;
}

#footerBereich .right{
	width:720px;
	height:12px;
	font-size:1px;
	line-height:1px;
	background-color:#FFFFFF;
	float:right;
}

.clearer{
	clear:both;
	font-size:0px;
	line-height:0px;
	height:0px;
	border:0px none;
}

* html .clearer{
	display:inline;
}


	#main .intro  {
		height: 400px;
	}
	
	
	.intro  #cHeader {
		height: 300px;
	}
	
	#contentBereich  #colFrame {
		position: absolute;
		top: 58px;

	}
	
	#contentBereich .col3Box {
		background-color: #f1f1f1;
		width: 234px;
		float: left;
		margin-left: 6px;
		display: inline;	
	}
	
	#contentBereich .col3Box h2{
		background-color: #153b63;
		color: white;
		font-weight: bold;
		padding: 9px 0 9px 6px;
		font-size: 16px;
	}
	
	#contentBereich .col3Box ul {
		margin: 12px 6px 12px 6px;	
	}
	
	#contentBereich .col3Box ul li{
		margin-bottom: 6px;
	}	
	
	#contentBereich .col3Box a {
		background-image:url("../shared/dreieck_w.gif");
		background-position:6px 2px;
		/* display:block; */
		font-weight:normal;
		margin: -9px 6px 12px 0;
		padding:2px 6px 2px 15px;
		text-decoration:none;	
		color: white;
		font-size: 11px;
		background-color: #153b63;
		float: right;
	}

/*
--------------
Infoboxen im Content
--------------
*/

.infoBoxC{
	width:534px;
	margin:12px 0px 12px 6px;
	background-color:#DFE9F4;
}

#contentBereich .infoBoxC h3{
	background-color:#153B63;
	color:#FFFFFF;
	padding:2px 6px;
}

.infoBoxC .angaben{
	margin:6px;
	float:left;
	width:45%;
}

#contentBereich .infoBoxC p{
	padding:0px;
}

.infoBoxCLight{
	width:532px;
	margin:12px 0px 12px 6px;
	background-color:#DFE9F4;
	border:1px solid #829DBA;
}

#contentBereich .infoBoxCLight h3{
	background-color:#829DBA;
	color:#FFFFFF;
	padding:2px 6px;
}

#contentBereich .infoBoxCLight p{
	padding:6px;
}

#contentBereich .infoBoxCLight div.textWithImg{
	float:left;
	width:342px;
}

#contentBereich .infoBoxCLight img.textWithImg{
	float:right;
	display:block;
}

/* 
--------------
Link-/Infoboxen
--------------
*/

.linkBox{
	width:174px;
	margin-bottom:12px;
	background-color:#B4C6D9;
}

.linkBox *{
	font-size:11px;
	line-height:13px;
}

.linkBox h3{
	background-color:#153b63;
	color:#FFFFFF;
	padding:2px 6px;
}


.linkBox a {
	background-image:url(../shared/dreieck_db.gif);
	background-position:0 3px;
	display:block;
	font-size:11px;
	font-weight:bold;
	margin:3px 0 3px 0px;
	padding:3px 3px 2px 11px;
}

.linkBox h4{
	padding:3px 6px;
}

#contentBereich .linkBox a.download {
	border: none;
}

#contentBereich .linkBox ul, #contentBereich .linkBox li{
	list-style:none;
	list-style-type:none;
	background-image:none;
	margin:0px;
	padding:0px;
}

#contentBereich .linkBox .sub a{
	border:0px none;
}

#contentBereich .linkBox .sub ul{
	border-top:1px solid #DFE9F4;
	border-bottom:1px solid #DFE9F4;
}

#contentBereich .linkBox ul li{
	display:inline;
}

.linkBox ul a{
	padding:2px 3px 2px 14px;
	background-position:6px 2px;
	background-image:url('../shared/dreieck_db.gif');
	border-bottom:1px solid #DFE9F4;
	display:block;
}

#contentBereich .linkBox .sub ul a{
	background-position:10px 2px;
	padding:0px 0px 0px 10px;
	border:0px none;
}

#contentBereich .linkBox .sub ul a span{
	padding:2px 3px 2px 8px;
	display:block;
	border-top:1px solid #FFFFFF;
}

#contentBereich .linkBox .sub .first span{
	border:0px none;
}

.linkBox ul a:hover{
	background-color:#A0B7CF;
}

.linkBox ul a.active, .linkBox ul a.active:hover{
	background-color:#8CA8C5;
}

.linkBox img.imgMarg{
	margin-top:5px;
	margin-left:3px;
}

/*
.linkBox.grey{
	background-color:#EFEFEF;
}

.linkBox.grey h3{
	background-color:#CCCCCC;
	color:#153B63;
}

.linkBox.grey div{
	border:1px solid #CCCCCC;
	#padding-top:6px;
	padding-bottom:6px;
}

.linkBox.grey img{
	margin:6px auto 0px auto;
	border:1px solid #153B63;
	display:block;
}
*/

/* 
--------------
Startseitenteaser
--------------
*/

#mainTeaser .teaser{
	margin: 0px 0px 12px 6px;
	float:left;
	width:534px;
	border-top: 1px solid #859cbb;
	border-bottom: 1px solid #859cbb;	
	background-color:#DFE9F4;
	display: inline;
}

#mainTeaser .teaser img{
	float:left;
	display:block;
}

#mainTeaser .teaser .text{
	width:180px;
	float:left;
}


#mainTeaser .serviceC {
	margin-left: 174px;
}

#mainTeaser .teaser .text *{
	font-size:11px;
	line-height:13px;
	padding:2px 6px;
}

#mainTeaser .teaser .text div{ /* bis zu 5 Zeilen */
	height:75px;
	overflow:hidden;
	padding:0px;
}

#mainTeaser .teaser .text h2{ 
	padding:3px 6px;
	fotn-size: 11px;
}

#mainTeaser .teaser  h2{ 
	padding:3px 6px;
	font-size: 11px;
}

#mainTeaser .teaser  p{ 
	padding:3px 6px;
	font-size: 11px;
}

#contentBereich #mainTeaser .teaser .text a, 
#contentBereich #mainTeaser .teaser a{
	margin-top:3px;
	font-weight:bold;
	padding:2px 3px 2px 8px;
	background-image:url('../shared/dreieck_db.gif');
	background-position:0px 3px;
	display:block;
	text-decoration: none;
}

#mainSubTeaser {
	margin-top: 12px;
}

#mainSubTeaser .teaserSmall {
	border-top: 1px solid #859cbb;
	border-bottom: 1px solid #859cbb;	
	margin-left: 6px;;
	background-color: #efefef;
	width: 174px;
	float: left;
}

#mainSubTeaser .teaserMiddle {
	border-top: 1px solid #859cbb;
	border-bottom: 1px solid #859cbb;	
	margin-left: 6px;;
	background-color: #efefef;
	width: 354px;
	height: 100px;
	float: left;
	display: inline;
}

#mainSubTeaser .teaserMiddle img{
	float: left;
}

#mainSubTeaser .teaserMiddle .text {
	padding: 0px 6px 0px 6px;
	float: left;
	width: 168px;
}

#mainSubTeaser .teaserMiddle .text img{
	float: none;
}

#mainSubTeaser .teaserMiddle .text p {
	font-size: 11px;
	padding: 0px;	
}

#mainSubTeaser .teaserMiddle .text a{
	margin:0px 0 0px 0px;
	font-weight:bold;
	padding:0px 3px 3px 11px;
	background-image:url('../shared/dreieck_db.gif');
	background-position:0px 1px;
	display:block;
	font-size: 11px;
}

#mainSubTeaser h3{
	font-size: 11px;
	font-weight: bold;
	background-color: #153b63;
	padding: 1px 3px 1px 6px;
	color: white;
	clear: both;
	border-left: 6px solid white;
	margin: 24px 0 6px 0;
	width: 704px;
}

#mainSubTeaser .teaserSmall h2{
	font-size: 11px;
	margin-top: 3px;
}

#mainSubTeaser .teaserSmall p{
	font-size: 11px;
}

#mainSubTeaser .teaserSmall a{
	margin:3px 0 3px 6px;
	font-weight:bold;
	padding:3px 3px 2px 11px;
	background-image:url('../shared/dreieck_db.gif');
	background-position:0px 3px;
	display:block;
	font-size: 11px;
}


/* 
--------------
Teaser Bereichshauptsseiten
--------------
*/

#contentBereich #bereichsTeaser .teaserBig{
	width:534px;
	border-left:6px solid white;
	background-color:#DFE9F4;
	margin:0px 0px 6px 0px;
}

#contentBereich #bereichsTeaser .teaserBig img{
	display:block;
	float:left;
} 

#contentBereich #bereichsTeaser .teaserBig .text{
	margin-left:174px;
	padding:2px 0px;
}

#contentBereich #bereichsTeaser .teaserBig .text p,
#contentBereich #bereichsTeaser .teaserBig .text li,
#contentBereich #bereichsTeaser .teaserBig .text a{
	font-size:11px;
	line-height:16px; 
	padding:2px 6px;
	margin:0px;
	text-decoration:none;
}

#contentBereich #bereichsTeaser .teaserBig .text p {
	margin-bottom: 6px;
}

#contentBereich #bereichsTeaser .teaserBig .text li{
	background-position:0px 0px;
	padding:0px;
	padding-left:8px;
}

#contentBereich #bereichsTeaser .teaserBig .text div{ /* bis zu 5 Zeilen */
	height:75px;
	overflow:hidden;
	padding:0px;
}

#contentBereich #bereichsTeaser .teaserBig .text a{
	margin-top:3px;
	font-weight:bold;
	padding:3px 3px 2px 14px;
	background-image:url('../shared/dreieck_db.gif');
	background-position:6px 3px;
	display:block;
	text-decoration:none;
}

#contentBereich #bereichsTeaser .teaserBig .text p a {
	padding-left:8px;	
	background-position:0px 3px;
}

#contentBereich #bereichsTeaserSmall {
	/* margin-bottom: 6px; */
}

#contentBereich #bereichsTeaserSmall .teaserSmall{
	/* border-top: 12px solid white; */
	float:left;
	width:174px;
	border-left:6px solid white;
	background-color:#DFE9F4;
	padding-bottom:3px;
	height:130px;
	margin-bottom: 6px;
}

#contentBereich #bereichsTeaser .white{
	background-color:#FFFFFF;
	height:auto;
} 

#contentBereich #bereichsTeaserSmall .teaserSmall img{
	display:block;
	height:83px;
} 

#contentBereich #bereichsTeaserSmall .teaserSmall .bgAlpha{
	background-color:#DFE9F4;
	height:6px;
	margin-top:-6px;
	#margin-top:-9px;
	filter:alpha(opacity=70); 
	-moz-opacity: 0.70; 
	opacity: 0.70;
	font-size:0px;
	line-height:0px;
} 

* html #contentBereich #bereichsTeaserSmall .teaserSmall .bgAlpha{
	display:none;
} 

#contentBereich #bereichsTeaserSmall .teaserSmall .text *{
	font-size:11px;
	line-height:13px;
	padding:2px 6px;
	margin:0px;
	text-decoration:none;
}

#contentBereich #bereichsTeaserSmall .teaserSmall .text li{
	background-position:0px 3px;
	padding:0px;
	padding-left:8px;
}

#contentBereich #bereichsTeaserSmall .teaserSmall .text h2{ /* nur eine Zeile */
	height:13px;
	overflow:hidden;
}

#contentBereich #bereichsTeaserSmall .teaserSmall .text a{
	margin-top:0px;
	font-weight:normal;
	padding:1px 3px 1px 14px;
	background-image:url('../shared/dreieck_db.gif');
	background-position:6px 0px;
	display:block;
	text-decoration:none;
}


/* 
--------------
Inhaltsbereich Serviceangebot
--------------
*/

.serviceBlock{
	margin:0px 6px 0px 6px;
	background-color:#EFEFEF;
	padding-bottom: 12px;
	height:100%;
	border:0px none;
	/* border-top:1px solid #829DBA; 
	border-bottom:1px solid #829DBA;*/
}

.serviceBlockLightBb{
	border-bottom:1px solid #829DBA;
	margin:12px 6px;
}

.serviceBlockLight{
	margin:0px;
	height:100%;
	border-top:1px solid #829DBA;
	padding:9px 0px;
	background-color:transparent;
}

.serviceBlock img {
	display:block;
	width:174px;
	float:left;
}

.serviceBlock .serviceC{
	width:356px;
	padding:0px 3px 6px 0px;
	height:100%;
	float:right;
}

.serviceBlockLight img{
	display:block;
	width:174px;
	float:left;
	margin: 0px 6px 0px 0px;
	#margin:0px;
}

.serviceBlockLight .serviceC{
	width:auto;
	padding:0px;
	height:100%;
	/*float:left;*/
}

.withAcc .serviceC{
	float:none;
	margin-left:174px;
	width:auto;
}


#contentBereich .serviceBlock .serviceC * , #contentBereich .serviceBlockLight .serviceC *{
	font-size:12px;
	line-height:15px;
	margin:3px 0px 3px 0px;
}

#contentBereich .serviceBlock .serviceC ul, #contentBereich .serviceBlockLight .serviceC ul{
	margin:0px 20px 0px 9px;
}

#contentBereich .serviceBlock .serviceC ul li, #contentBereich .serviceBlockLight .serviceC ul li{
	margin:0px;
	padding-bottom:1px;
}


/*
--------------
1-spaltige Infoblöcke
--------------
*/

.info3Spalten{
	vertical-align:top;	
	margin-top:12px;
}

.info3Spalten div.info1Spaltig{
	#display:inline; /* IE-Hack damit er das Block-Element als Inline-Element sieht und somit display:inline-block funktioniert */
	vertical-align:top;	
}

*:not(hr) .info3Spalten div.info1Spaltig{
	display:-moz-inline-box;
}

.info3Spalten .info1Spaltig{
	width:174px;
	margin-left:6px;
	background-color:#DFE9F4;
	margin-bottom:12px;
	display:inline-block;
}

.info3Spalten .info1Spaltig div{
	width:174px;
	display:inline-block;
	border-top:1px solid #B4C6D9;
	border-bottom:1px solid #B4C6D9;
	height:100%;
	padding:3px 0px;
}

.info3Spalten .info1Spaltig div *{
	margin-left:6px;
	margin-right:6px;
	display:inline-block;
}

.info3Spalten .info1Spaltig img{
	width:162px;
	max-width:162px;
	height:auto;
	margin:6px;
}

#contentBereich .info3Spalten .info1Spaltig p.info{
	font-size:10px;
	line-height:normal;
	padding:3px 0px 0px 0px;
}



/* 
--------------
Inhaltsbereich Serviceangebot
--------------
*/

.newsBlock{
	margin:0px 6px;
	height:100%;
	padding:9px 0px;
	border-bottom:1px solid #829DBA;
}

.newsBlock img{
	display:block;
	width:174px;
	margin-right:6px;
	float:left;
}

.newsBlock .serviceC{
	width:auto;
	padding:0px 3px 0px 0px;
	height:100%;
	display:inline;
}

*:not(hr) .newsBlock .serviceC{
	display:block;
}

#contentBereich .newsBlock .serviceC *{
	font-size:12px;
	line-height:15px;
	margin:0px 0px 3px 0px;
}

#contentBereich .newsBlock .serviceC ul{
	margin:0px 0px 0px 6px;
}

#contentBereich .newsBlock .serviceC ul li{
	margin:0px;
	padding-bottom:1px;
}

/* 
--------------
Reiternavigation
--------------
*/

.flag{
	margin:0px 0px 0px 6px;
	width:534px;
	padding-top:12px;
	padding-bottom:6px;
	border-bottom:6px solid #B4C6D9;
}

.flag a{
	padding:6px 10px;
	font-weight:bold;
	margin-right:3px;
	cursor: pointer;
}

.flag a.active{
	color:#FFFFFF;
	cursor:text;
	background-color:#B4C6D9;
}

.flag a.inactive{
	background-image:url('../shared/dreieck_db.gif');
	padding-left:14px;
	background-color:#FFFFFF;
	background-position:6px 6px;
}


/* 
--------------
Special Offers 
--------------
*/

.specialOffer{
	margin:0px 6px 18px 6px;
	padding:3px 0px 0px 0px;
}

.specialOffer h3{
	font-size:16px;
	padding:6px;
	line-height:normal;
}

.specialOffer .soInner{
	position:relative;
	width:534px;
}

.specialOffer .stoerer{
	text-align:right;
	background-image:url(../shared/stoerer_offer.gif);
	background-repeat:no-repeat;
	width:76px;
	height:76px;
	top:-3px;
	right:0px;
	position:absolute;
}

.specialOffer .stoerer p{
	margin:0px;
	padding:12px 4px 0px 0px;
	color:#DF0024;
	font-weight:bold;
	font-size:16px;
}


.specialOffer .trenner{
	height:3px;
	margin:6px 0px 0px 0px;
	font-size:0px;
}

.specialOffer .oContent{
	margin:3px 0px;
}


.specialOffer .oContent .img{
	float:left;
	width:174px;
	overflow:hidden;
	margin-right:6px;
	margin-top:3px;
}

.specialOffer .oContent .img h4{
	padding: 3px 0px 3px 6px;
}

.specialOffer .oContent .text{
	float:left;
	width:348px;
}

.withStoerer .oContent .text{
	width:300px;
}

.specialOffer .oContent p, .specialOffer .oContent h4{
	padding: 3px 0px;
}

.specialOffer .oContent p.preis{
	color:#df0024;
	font-size:35px;
	line-height:normal;
	font-weight:bold;
	padding:18px 0px 6px 0px;
}

.specialOffer .oContent p.preis span{
	font-size:18px;
}


.specialOffer .oContent p.zusatz{
	font-size:9px;
	line-height:normal;
	text-align:right;
	/*float:right;*/
	text-align:left;
	padding:0px;
}

.specialOffer.yellow{
	background-color:#eadd8f;
}

.specialOffer.yellow h3{
	background-color:#f9f5de;
}

.specialOffer.yellow .trenner{
	background-color:#dcc644;
}

.specialOffer.blue{
	background-color:#bcd2e9;
}

.specialOffer.blue h3{
	background-color:#ebf2f8;
}

.specialOffer.blue .trenner{
	background-color:#6496cb;
}



/* 
--------------
Popup/Thickbox
--------------
*/

#thickbox{
	height:480px;
	background-color:#FFFFFF;
}

#thickbox h1#header{
	background-image:url('../shared/bosch_logo_klein.gif');
	margin-right:12px;
	background-repeat:no-repeat;
	background-position:right 10px;
	font-size:16px;
	line-height:18px;
	padding:12px;
	padding-right:102px;
}

#tbContent{
	height:420px;
	overflow:auto;
	margin:0px 0px 0px 12px;
}

#schliessen{
	background-color:#153B63;
	text-align:right;
	padding:2px 0px;
	position:absolute;
	bottom:0px;
	left:0px;
	right:0px;
	width:100%;
}

#schliessen a{
	background-image: url('../shared/kreuz.gif');
	background-position: 0px 4px;
	padding-left: 12px;
	color: #FFFFFF;
	margin:0px 15px;
}

.yui-skin-sam .yui-panel .bd{
	padding:0px;
}

.imgSwBereich{
	margin-left:auto;
	margin-right:auto;
	width:500px;
}

a.back, #contentBereich #contentLeft a.back{
	background-image:url('../shared/pfeil-back.gif');
	background-position:0px 5px;
	font-weight:bold;
	padding-left:8px;
	float:left;
}

a.next, #contentBereich #contentLeft a.next{
	background-image:url('../shared/dreieck_db.gif');
	background-position:right 1px;
	padding-right:12px;
	font-weight:bold;
	float:right;
}

p#switchText{
	text-align:center;
	margin:3px 0px;
}	

/* 
--------------
BackLink
--------------
*/

a#back {
	background-image:url('../shared/pfeil-back.gif');
	background-position:left 4px;
	padding-left:9px;
	font-weight:bold;
	margin-left: 12px;
}

/* 
--------------
Kontakt
--------------
*/

form#ContactForm {
	margin: 0 6px;
}

form .formular {
	font-size: 11px;
	width: 100%;
}

form .formular td{
	padding: 3px;	
} 
form .formular td input.readonly {
    border: none;
    background-color: #B4C6D9;
    font-family:arial,helvetica sans-serif;
	font-size:11px;
	width:150px;
}

form .formular td input, 
form .formular td select{
	border:1px solid #153B63;
	color:#153B63;
	font-family:arial,helvetica sans-serif;
	font-size:11px;
	width:150px;
}

form .formular td textarea#address { 
	height:45px; 
	width: 150px;
}

form .formular td textarea {
	border:1px solid #153B63;
	color:#153B63;
	font-family:arial,helvetica sans-serif;
	font-size:11px;
	width:395px;
}

form .formular td input.radio {
	border:0 none;
	width:15px;
}

#contentBereich form #contentLeft a.back {
    background-image:url(../shared/pfeil-back.gif);
    font-weight: normal;
    text-decoration: none;
    margin-right: 6px;
}

form #calenderInput {
    float: left;
    width: 125px;
    height: 15px;
    background-color: #d7d7d7;
}

form #calender {
    cursor: pointer;
}

form #reuse {
	background-image:url('../shared/dreieck_db.gif');
	background-position:left 1px;
        background-repeat: no-repeat;
        padding-left: 9px;
     cursor: pointer;
     font-weight: bold;
}

form #sendIt{
    float: right;
}

#CommentErrorBox {
	border:1px solid red;
	color:red;
	display:none;
	margin:0 0 6px 6px;
	padding:12px 6px 12px 6px;	
}

#CommentErrorBox p{
	padding-left:0px;		
}

#CommentProfilStatus{
	display:none;
	margin:0 0 6px 6px;
	padding:6px 6px 6px 0px;		
}


#CommentProfilStatus p {
	background-color:#2269B5;
	color:white;
	font-size:11px;
	font-weight:bold;
	padding:6px;		
}

#headerFlash {
	float: left;
}

/* 
--------------
Farben
--------------
*/

.white {
	background: #FFFFFF;
}

.lightblue {
	background: #DFE9F4;
}

.centralblue {
	background: #B4C6D9;
}

.darkerblue {
	background: #829DBA;
}

.darkblue {
	background: #153B63;
}


/* Fotogallery */
         #container, #container2 {
            margin: 6px 0 0 6px;
        }

        #container,
        #container2        {
            position: relative;
        }

        #container2        {
           overflow: visible;
        }


        /* Style the spotlight container */
        #spotlight {
            border: 1px solid #ccc;
            height: 400px;
            margin: 10px auto;
            padding: 1px;
            width: 534px;
        }

        /* Always be sure to give your carousel items a width and a height */
        #container li {
            height: 400px;
            opacity: 1;
            width: 534px;
            text-align: center;
        }

        #container2 li {
            height: 75px;
            opacity: 1;
            width: 75px;
        }

        .yui-skin-sam .yui-carousel,
        .yui-skin-sam .yui-carousel-vertical {
            border: none;
        }

        .yui-carousel-element .yui-carousel-item-selected {
            opacity: 1;
        }

        .yui-carousel-nav ul {
            display: none;

        }

        #carousel2 .yui-carousel-item-selected{
            opacity: 1;
            filter: alpha(opacity = 100);
        }
         ol#carousel{
            list-style-type: none;
         }
        #carousel2 li{
            opacity: 0.5;
            filter: alpha(opacity = 50);
        }

        #carousel .yui-carousel-item-selected,
        #carousel2 .yui-carousel-item-selected,
        .yui-carousel-element,
        ol#carousel li,
        #carousel2 li{
            border: none;
            outline: none;
            background-image: none;
        }
        ol#carousel li p {
            background-color:#FFFFFF;
            bottom:00px;
            left:0;
            font-weight:bold;
            margin:0;
            opacity:0.7;
            filter: alpha(opacity = 70);
            padding:6px 0;
            position:absolute;
            width:100%;
        }

        #container .yui-carousel-nav span button,
        #container .yui-carousel-nav span button:focus,
        #container2 .yui-carousel-nav span button,
        #container2 .yui-carousel-nav span button:focus {
                background:transparent none repeat scroll 0 0;
                border:medium none;
                cursor:pointer;
                height:25px;
                width:40px;
                outline: none;
                position: relative;
                left: -100px;
        }

        #container .yui-carousel-nav span.yui-carousel-next-button,
        #container2 .yui-carousel-nav span.yui-carousel-next-button{
            background:transparent url(/res/boschaa/shared/arrow_right.gif) no-repeat scroll left top;
            position: absolute;
            top: 180px;
            right: 0px;
            z-index: 999;
            outline: none;
            height: 60px;
            overflow: hidden;
            opacity: 0.7;
            filter: alpha(opacity = 70);

        }

        #container .yui-carousel-nav span.yui-carousel-first-button,
        #container2 .yui-carousel-nav span.yui-carousel-first-button{
            background:transparent url(/res/boschaa/shared/arrow_left.gif) no-repeat scroll left top;
            position: absolute;
            top: 180px;
            left: 10px;
            z-index: 999;
            outline: none;
            height: 60px;
            overflow: hidden;
            opacity: 0.7;
            filter: alpha(opacity = 70);
            margin-left: 0;
        }

        #container2 .yui-carousel-nav span.yui-carousel-next-button{
            top: 15px;
            right: -50px;
        }

        #container2 .yui-carousel-nav span.yui-carousel-first-button{
            top: 15px;
            left: -50px;
        }

        #thumbs {
            margin: 6px 0 0 6px;
            width: 540px;
            clear: both;
        }

        #thumbs img{
            opacity: 0.7;
            filter: alpha(opacity = 70);
            float: left;
            margin: 0 6px 6px 0;
        }

        #thumbs img.selected{
            opacity: 1;
            filter: alpha(opacity = 100);
        }

/* Calendar */
#container_c #container{
	background-color:white;
	border:1px solid #153B63;
	width:170px;
	position: absolute;
}
.yui-panel .hd, .yui-panel .ft .button-group {
	display:none;
}
.yui-panel .container-close {
	background:transparent url(../shared/close_dark.gif) no-repeat scroll 0 4px;
	float:right;
	padding-left:12px;
}
.yui-calcontainer {
	padding:10px;
}
.yui-calcontainer.multi {
	padding:0 5px;
}
.yui-calcontainer.multi .groupcal {
	background-color:transparent;
	border:medium none;
	margin:0;
	padding:10px 5px;
}
.yui-calcontainer .title {
	-x-system-font:none;
	background:transparent url(../../../../assets/skins/sam/sprite.png) repeat-x scroll 0 0;
	border-bottom:1px solid #CCCCCC;
	color:#000000;
	font-family:sans-serif;
	font-size:100%;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	height:auto;
	left:0;
	line-height:normal;
	margin:0 -10px 10px;
	padding:0.4em;
	text-align:left;
	top:0;
}
.yui-calcontainer.multi .title {
	margin:0 -5px;
}
.yui-calcontainer.withtitle {
	padding-top:0;
}
.yui-calcontainer .calclose {
	background:transparent url(../../../../assets/skins/sam/sprite.png) no-repeat scroll 0 -300px;
	cursor:pointer;
	height:15px;
	right:0.4em;
	top:0.4em;
	width:25px;
}
.yui-calendar {
	-x-system-font:none;
	border-collapse:collapse;
	border-spacing:0;
	font-family:sans-serif;
	font-size:100%;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	margin:0;
	text-align:center;
	width:146px;
}
.yui-calendar .calhead {
	background:transparent none repeat scroll 0 0;
	border:medium none;
	padding:0;
	vertical-align:middle;
}
.yui-calendar .calheader {
	background:transparent none repeat scroll 0 0;
	font-weight:bold;
	padding:0 0 0.6em;
	text-align:center;
        position:relative;
        text-align:center;
        width:100%;
}
.yui-calendar .calheader img {
	border:medium none;
}
.yui-calendar .calnavleft {
	background:transparent url(../shared/pfeil-back.gif) no-repeat scroll 0 0;
	bottom:0;
	cursor:pointer;
	height:15px;
	left:-4px;
	margin-left:0.4em;
	top:4px;
	width:25px;
        overflow:hidden;
        position:absolute;
        text-indent:-10000em;
        z-index:1;
}
.yui-calendar .calnavright {
	background:transparent url(../shared/pfeil-dark.gif) no-repeat scroll 0 0;
	bottom:0;
	cursor:pointer;
	height:15px;
	margin-right:0.4em;
	right:-20px;
	top:4px;
	width:20px;
        overflow:hidden;
        position:absolute;
        text-indent:-10000em;
        z-index:1;
}
.yui-calendar .calweekdayrow {
	height:2em;
}
.yui-calendar .calweekdayrow th {
	border:medium none;
	padding:0;
}
.yui-calendar .calweekdaycell {
	color:#C0C0C0;
	font-weight:bold;
	text-align:center;
	width:2em;
}
.yui-calendar .calfoot {
	background-color:#F2F2F2;
}
.yui-calendar .calrowhead,
.yui-calendar .calrowfoot {
	border:medium none;
	color:#A6A6A6;
	font-size:85%;
	font-style:normal;
	font-weight:normal;
}
.yui-calendar .calrowhead {
	padding:0 2px 0 0;
	text-align:right;
}
.yui-calendar .calrowfoot {
	padding:0 0 0 2px;
	text-align:left;
}
.yui-calendar td.calcell {
	background:#DFE9F4 none repeat scroll 0 0;
	border:1px solid white;
	height:1.6em;
	line-height:1.6em;
	padding:1px;
	text-align:center;
	white-space:nowrap;
}
.yui-calendar td.calcell a {
	color:#000000;
	display:block;
	height:100%;
	text-decoration:none;
}
.yui-calendar td.calcell.today {
	background-color:#7F9DB9;
}
.yui-calendar td.calcell.today a {
	background-color:#7F9DB9;
}
.yui-calendar td.calcell.oom {
	background-color:#F0F0F0;
	color:#D0D0D0;
	cursor:default;
}
.yui-calendar td.calcell.selected {
	background-color:#FFFFFF;
	color:#000000;
}
.yui-calendar td.calcell.selected a {
	background-color:#B3D4FF;
	color:#000000;
}
.yui-calendar td.calcell.calcellhover {
	background-color:#426FD9;
	color:#FFFFFF;
	cursor:pointer;
}
.yui-calendar td.calcell.calcellhover a {
	background-color:#426FD9;
	color:#FFFFFF;
}
.yui-calendar td.calcell.previous {
	color:#E0E0E0;
}
.yui-calendar td.calcell.restricted {
	text-decoration:line-through;
}
.yui-calendar td.calcell.highlight1 {
	background-color:#CCFF99;
}
.yui-calendar td.calcell.highlight2 {
	background-color:#99CCFF;
}
.yui-calendar td.calcell.highlight3 {
	background-color:#FFCCCC;
}
.yui-calendar td.calcell.highlight4 {
	background-color:#CCFF99;
}
.yui-calendar a.calnav {
	border:1px solid #F2F2F2;
	color:#000000;
	padding:0 4px;
	text-decoration:none;
}
.yui-calendar a.calnav:hover {
	background:transparent url(../../../../assets/skins/sam/sprite.png) repeat-x scroll 0 0;
	border-color:#A0A0A0;
	cursor:pointer;
}
.yui-calcontainer .yui-cal-nav-mask {
	background-color:#000000;
	opacity:0.25;
}
.yui-calcontainer .yui-cal-nav,
#container .yui-cal-nav {
	background-color:white;
	border:1px solid #153B63;
	font-family:arial, helvetica, clean, sans-serif;
	font-size:93%;
	left:55%;
	margin-left:-7em;
	padding:0;
	top:2.5em;
	width:150px;
}
.yui-calcontainer.withtitle .yui-cal-nav {
	top:4.5em;
}
.yui-calcontainer.multi .yui-cal-nav {
	margin-left:-8em;
	width:16em;
}
.yui-calcontainer .yui-cal-nav-y,
.yui-calcontainer .yui-cal-nav-m,
.yui-calcontainer .yui-cal-nav-b {
	padding:5px 10px;
}
.yui-calcontainer .yui-cal-nav-b {
	text-align:center;
}
.yui-calcontainer .yui-cal-nav-e {
	background-color:#EDF5FF;
	border-top:1px solid black;
	display:none;
	margin-top:5px;
	padding:5px;
}
.yui-calcontainer .yui-cal-nav label {
	display:block;
	font-weight:bold;
}
.yui-calcontainer .yui-cal-nav-mc {
	width:100%;
}
.yui-calcontainer .yui-cal-nav-y input.yui-invalid {
	background-color:#FFEE69;
	border:1px solid #000000;
}
.yui-calcontainer .yui-cal-nav-yc {
	width:4em;
}
.yui-calcontainer .yui-cal-nav .yui-cal-nav-btn {
	color:white;
	margin:auto 0.15em;
}
.yui-calcontainer .yui-cal-nav .yui-cal-nav-btn button,
#cal .yui-cal-nav .yui-cal-nav-btn button {
	background-color:#2269B5;
	border:1px solid #808080;
	color:white;
	font-size:93%;
	line-height:2;
	min-height:2em;
	padding:0 8px;
}
.yui-calcontainer .yui-cal-nav .yui-cal-nav-btn.yui-default {
}
.yui-calcontainer .yui-cal-nav .yui-cal-nav-btn.yui-default button {
	background-color:#2269B5;
	color:#FFFFFF;
}

/* Bosch Service Google Workshopsuche  */
div#bsSearch h3 {
	margin-bottom: 9px;
}
div#bsSearch div.formRow{
	margin: 3px;
}

div#bsSearch div.formRow input{
	width: 112px;
}

div#bsSearch div.formRow label{
	width: 50px;
	display: block;
	float: left;
}

div#bsSearch div#selectBox {
	margin-top: 12px;
}

div#bsSearch div#selectBox p {
	padding: 0 6px 0 0;
	float: left;
}	

div#bsSearch div#selectBox img {
	margin-top: 2px;
}	

div#bsSearch div#selectBox select{
	margin: 6px 0 12px 0;
	width: 165px;
}	

div#bsSearch div.formRow .button,
#contentBereich #bereichsTeaser div.teaserBig .text a.button,
#contentBereich  #contentLeft div.ASBottom a
 {
	background-color: #153b63;
	color: #FFFFFF;
	background-image: url('/res/boschaa/shared/dreieck_w.gif');
	background-repeat:no-repeat;
	background-position: 6px 3px;
	border: none;
	padding: 2px 3px 2px 12px;
	width: auto;
	display: inline;
	
}	

#contentBereich #bereichsTeaser div.teaserBig .text a.button {
	background-position: 6px 1px;
	padding-left: 15px;
}

div#bsSearch div#detailSearch {
	border-top: 1px solid #8ea2ba;	
	padding: 0 0 3px 3px;
}

div#bsSearch div#detailSearch a{
	margin-top: 0;
}

div#bsSearch div#formControl input {
	float: right;
	margin: 0 3px 3px 0;
}	

div#bsSearch .tooltipText {
	display: none;
}

#cHeader div.AS {
	margin: 0 0 6px 12px;	
}

div.AS {
	margin: 0 0 6px 6px;
}

div.ASBottom {
	margin: 6px 0 0px 6px;
}		

/* Tooltips */

				div#bsSearch h3 {
					margin-bottom: 9px;
				}
				div#bsSearch div.formRow{
					margin: 3px;
				}
				
				div#bsSearch div.formRow input{
					width: 112px;
					color: #153b63;
				}
				
				div#bsSearch div.formRow #searchterm {
					width: 157px;
					margin: 3px 0 3px 3px;

				}
				
				div#bsSearch div.formRow input.fresh {
					color: #b4c6d9;
				}
				
				div#bsSearch div.formRow input.radio {
					width: 13px;
					height: 13px;
					border: none;
					float: left;
					margin: 0 6px 0 3px;
				}
				
				div#bsSearch div.formRow label{
					width: 130px;
					display: block;
					float: left;
				}
				
				div#bsSearch div#selectBox {
					border: 1px solid #7f9db9;
					padding: 3px;
					margin: 0 7px 12px 6px;
					background-color: #dae3ec;
				}
				
				div#bsSearch div#selectBox p {
					background-image:url("../shared/dreieck_db.gif");
					background-repeat: no-repeat;
					background-position:3px 0px;
					display:block;
					font-size:11px;
					padding-left: 12px;
					cursor: pointer;
					float: none;
				}	
				
				div#bsSearch div#selectBox img {
					margin-top: 2px;
				}	
				
				div#bsSearch div#selectBox select{
					margin: 6px 0 12px 0;
					width: 165px;
				}	
				
				div#bsSearch div.formRow .button {
					background-color: #153b63;
					color: #FFFFFF;
					background-image: url('../shared/dreieck_w.gif');
					background-repeat:no-repeat;
					background-position: 6px 3px;
					border: none;
					padding: 2px 3px 2px 12px;
					width: auto;
					
				}	
				
				div#bsSearch div#detailSearch {
					border-top: 1px solid #8ea2ba;	
					padding: 0 0 3px 3px;
				}
				
				div#bsSearch div#detailSearch a{
					margin-top: 6px;
					font-weight: normal;
					width: 80px;
					float: left;
				}
				
				div#bsSearch div#detailSearch input.button {
					float: right;
					margin: 6px 3px 3px 0;
					cursor: pointer;
				}	
				
				div#bsSearch .tooltipText {
					display: none;
				}	
				
				div#ttB a {
					display: block;
					margin-bottom: 6px;
				}
				
				div#ttB a#ttBCS {
					background-image:url("../shared/ttbcs.gif");
					background-position:left 1px;
					background-repeat:no-repeat;
					padding: 0px 0 0px 65px				
				}
				
				div#ttB a#ttBDC {
					background-image:url("../shared/ttbdc.gif");
					background-position:left 1px;
					background-repeat:no-repeat;
					padding: 0px 0 0px 65px				
				}	
				
				div#ttB a#ttBDS {
					background-image:url("../shared/ttbds.gif");
					background-position:left 1px;
					background-repeat:no-repeat;
					padding: 0px 0 0px 65px				
				}	
				
				div#ttB a#ttAll {
					background-image:url("../shared/dreieck_db.gif");
					background-repeat: no-repeat;				
					padding-left: 65px;
					background-position:54px 0px;			
				}												
				
				div#ttB {
					background-image:url("../shared/ttbg.png");
					background-position:left top;
					background-repeat:no-repeat;
					padding: 12px 30px 12px 12px;
					width:180px;
					height: 210px;
				}
				div#ttB .bd {
					color:#153B62;
					font-size:11px;
					left:0;
					position:relative;
					top:0;
					z-index:1;
				}
				div#ttB .bd h3 {
					font-size: 12px;
					margin-bottom: 9px;
				}	
				
				.tooltip {
					cursor: pointer;
				}