/* 
	Die content.css wurde vom B2C-Auftritt uebernommen. Fuer B2B muessen folgende
	Aenderungen gemacht werden:
	1. die font-Groessen muessen durch absolute px-Angaben ersetzt werden
			dabei entspricht 	0.83/0.86 11px
												0.91			12px
			 									1.08			13px
			 									1.41			17px
  2. die table-Definition kommt zweimal vor und muss daher einmal entfernt werden
  		zusaetzlich ist width: 100% zu entfernen, da sonst das Layout gesprengt wird.
  3. im div.centreW sind die margin-Angaben und die background-color zu entfernen und
  		font-size auf 11px und font-family Verdana zu setzen.
  4. aus der basis.css des B2C-Auftritts sind folgende Styleklassen hier einzufuegen:
    	.hblau, .bg_FFF, #bg_content, .bg_content, p.clear, #clear.
  5. die Link-Farbe des a-Elements ist explizit auf #000 zu setzen, da sonst blau verwendet wird
  6. fuer das img-Element muss der border auf none gesetzt werden.
  Hinweis: Fuer den content-Bereich wird nur ein kleiner Teil der Styleklassen benoetigt, der
            ueberfluessige Rest koennte auch entfernt werden.
*/

div.centreW {
	width: 654px;
	float: left;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;	
}

/* Link-Farbe explizit setzen, da sonst blau */
a {
	color: #000;
}

img { 
	border: none;
}
	
/* muss einmal raus, taucht 2mal auf */
table {
	border: none;
}

/* aus basis.css */
.hblau {
	background-color: #e5ecf6;
}

.bg_FFF {
	background-color: #fff;
}

#bg_content, .bg_content {
	background-color: #eee; 
}

p.clear, #clear {
	clear: both;
}

/*********** original *********** /
/* normale styles */
.bg_petrol1 {
	background-color: #113388;
}

.bg_petrol2 {
	background-color: #426bb3;
}

.bg_petrol {
	background-color: #b3c4dc;
}

.bg_orange1 {
	background-color: #f1701a;
}

.bg_grau {
	background-color: #eee;
}

.co_petrol {
	color: #113388;
}

.co_orange {
	color: #f1701a;
}

.co_grau {
	color: #000;
}

.co_petrol p {
	color: #113388;
}

.co_orange p {
	color: #f1701a;
}

.box1 {
	width: 162px; 
	position: absolute;
}

.box2 {
	border-top: #fff 2px solid; 
	margin-top: 10px; 
	left: 0px; 
	width: 162px; 
	bottom: 0px; 
	position: absolute;
}

.pic_margin {
	padding: 4px 0px 3px 0px;
}

.textmod_a {
	padding: 7px 7px 0px 171px;
	font-size: 13px;
}

p.textmod_a_m {
	padding: 0px 7px 8px 7px;
	text-align: right;
}

p.textmod_a_m a {
	color: #fff; 
	text-align: right; 
	text-decoration: none;
}

p.textmod_a_m a:hover {
	text-decoration: underline;
}

.textmod_hlA {
	padding: 0px 7px 11px 171px;
	font-weight: bold; 
	font-size: 17px;	
	color: #113388; 
}

.textmod_a_hl {
	padding: 0px 7px 8px 171px;
	font-size: 17px;
	font-weight: bold;
	font-family: Verdana, sans-serif;
	color: #113388; 
}

.textmod_c {
	padding: 0px 7px 0px 7px;
	font-size: 13px;	
}

.textmod_c_hl {
	padding: 0px 7px 0px 7px;
	font-weight: bold; 
	font-size: 13px;	
	color: #113388; 
}

.textmod_c_hl a {
	color: #113388; 
	text-decoration: none;
}

.textlink_a {
	padding: 0px 7px 0px 7px;
}

.textlink_m, .textlink_a_m {
	padding: 0px 7px;
	text-align: right;
}

.textlink_a_m {
	padding-bottom: 10px;
}

.textlink_a_hl {
	padding: 10px 7px 10px 7px;
	font-weight: bold; 
	color: #113388; 
}

p.textlink_m a, p.textlink_a_m a {
	text-decoration: none;
}

p.textlink_m a:hover, p.textlink_a_m a:hover {
	text-decoration: underline;
}

.column {
	padding: 11px 0px 11px 0px;
	float: left;
	width: 490px;
}

.column_Left {
	padding: 11px 0px 11px 0px;
	float: left;
	width: 164px; 
	height: auto;
}

.linkModulKlein {
	padding: 0; 
	float: left; 
	width: 162px; 
	background: #e5ecf6;
}

.linkModulGross {
	padding: 0;
	float: left; 
	width: 326px; 
	background: #e5ecf6;	
}

.bild326 {
	float: left; 
	width: 326px;
}

.bildklein {
	width: 162px;
}

.bildgross {
	width: 654px;
}

.whiteBand {
	float: left; 
	width: 2px; 
	background: #fff;
}

.no_picmodG {
	display: block; 
	padding-bottom: 10px;
}

p.textmod_punkt77 {
	margin-left: 7px; 
	width: 640px; 
	height: 15px; 
	background-color: #fff;
	background-repeat: repeat-x; 
	background-position: 0px 7px; 
	background-image: url(../images/point.gif); 
}

.punkt {
	background-position: 50% bottom; 
	background-image: url(../images/point.gif); 
	background-repeat: repeat-x;
}

/* Direct Sales Module - PortletTopic an neuen StyleGuide angepasst */
.PortletTopic {
	padding: 10px 7px 10px 7px;	
	font-weight: bold; 
	color: #113388; 
	background-color: #e5ecf6;
}

.PortletTopic_con {
	width: 162px;
}

.directsales_b_icon {
	padding: 6px 5px 5px 7px;
	float: left; 
}

.directsales_b {
	padding: 6px 7px 5px 7px;
	font-weight: bold; 
	font-size: 11px;
	float: left; 
	text-transform: uppercase; 
}

.directsales_b a {
	color: #fff; 
	text-decoration: none;
}

.directsales_b a:link {
	text-decoration: none;
}

p.directsales_b a:visited {
	text-decoration: none;
}

.directsales_b_hl {
	padding: 1px 7px 0px 7px;
	display: block; 
	font-weight: bold; 
	font-size: 17px;
	margin-bottom: 30px; 
	text-transform: uppercase; 
}

.directsales_b_h1 {
	padding: 8px 7px 7px 7px;
	font-weight: bold; 
	font-size: 12px;	
	color: #113388; 
}