/*
 - Danet GmbH
 - $Id: styles.css,v 1.37 2009/04/20 13:11:57 sts Exp $
*/

.navigation_top_img
{
border: 0;
}

/* Tabellenformatierung f�r EDEKA mobil Seiten */
.bluebar {
	background-image: url(../images/blauerBlock.gif);
	width:360px;
}

.bluerectangle {
	background-color: #2C64B2;
	width:360px;
}	
.blueborder {
	border-color:#BFDBE8;
}

.blue-border, .group-area .blue-border td
{
    border-color: #BFDBE8;
    border-style: solid;
}

.blue-border
{
	width: 360px;
    border-width: 0 1px 1px 1px;
    border-spacing: 0;
    border-collapse: collapse;
}

.group-area .blue-border td
{
    margin: 0;
    padding: 4px;
    border-width: 1px 1px 0 0;
    background-color: #FFF;
    border-color: #BFDBE8;
    border-style: solid;
}

.group-area .blue-border .centercol-yellow {
	text-align: center;
	background-color:#F8EC1A;
	width: 95px;
}
.ueberschrift-gross {
	font-size: 30px;
	color: #2C64B2;
}
.ueberschrift-mittel {
	font-size: 20px;
	color: #2C64B2;
}
.ueberschrift-klein {
	margin-top: 10px;
	font-size: 14px;
	font-weight: bold;
	color: #2C64B2;
}
.text-small {
	font-size: 10px;	
}

.text-small-bold {
	font-size: 10px;
	font-weight: bold;	
}

.bluetitle {
	font-size: 20px;
/*	padding-left: 0px;*/
/*	padding-right: 0px;*/
	color:#BFDBE8;
}
.bluetitle-indent {
	font-size: 20px;
	color:#BFDBE8;
 	margin-left:20px;
}
.smallbluetitle {
	font-size: 14px;
/*	padding-left: 0px;*/
/*	padding-right: 0px;*/
	color:#BFDBE8;
}
.yellowtitle {
	font-size: 20px;
/*	padding-left: 0px;*/
/*	padding-right: 0px;*/
	color:#F8EC1A;
}
.yellowtitle-indent {
	font-size: 20px;
	color:#F8EC1A;
 	margin-left:15px;
}
.smallyellowtitle {
	font-size: 14px;
/*	padding-left: 0px;*/
/*	padding-right: 0px;*/
	color:#F8EC1A;
}
.smallyellowtitle-indent {
	font-size: 14px;
/*	padding-left: 0px;*/
/*	padding-right: 0px;*/
	color:#F8EC1A;
 	margin-left:15px;
 	margin-right:15px;
}
.whitetext {
	font-size: 14px;
	color:white;
}
.tabletitle {
	font-size: 12px;
	color:black;
	font-weight:bold;
/*	border-style:solid;*/
/*	border-color:#BFDBE8;*/
}
.tabletext {
	font-size: 12px;
	color:black;
/*	border-style:solid;*/
/*	border-color:#BFDBE8;*/
}
.tabletext td {
	font-size: 12px;
	color:black;
	border-style:solid;
	border-color:#BFDBE8;
}
.bulletbox {
	width:360px;
}
.bulletcol-left {
	width:5px;
}
.bulletcol-right {
	width:355px;
}
.blocktext {
	width:372px;
	margin-left:-6px;
	margin-right:-6px;
}
.leftcol {
	text-align: left;
	width: 246px;
}
.leftcol-small {
	text-align: left;
	width: 142px;
}
.leftcol-bold {
	text-align: left;
	font-weight: bold;
	width: 95px;
}

.centercol-bold {
	text-align: center;
	font-weight: bold;
	width: 95px;
}
.rightcol {
	text-align: center;
	width: 95px;
}
.rightcol-big {
	text-align: left;
	width: 246px;
}
.position-top {
	/*position: relative;*/
	/*top: 0px;*/
}
.arrowcol, .emptycol {
	width: 75px;
}
.edeka-dunkelblau {
	color: #2C64B2;
}
.bg-edeka-dunkelblau {
	background-color: #2C64B2;
}
.edeka-gelb {
	color: #F8EC1A;
}
.bg-edeka-gelb {
	background-color: #F8EC1A;
}

/* ----------------- */

body {
	background: #FFF;
  	/*
  	background: #40BDD6;
  	background-image: url(../images/blue.gif);*/
    color: black;
    margin: 0; 
	padding: 0;
	min-width: 41em; /* Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */
    text-align: center;  /* Zentrierung im Internet Explorer */
}

table, tr, td, th {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: left;
}  

a {
/*	color: #306BAD;*/
	color: black;
/*	font-size: 0.85em;*/
	font-size: 14px;
	text-decoration: underline;
}

a:hover {
    color: #2C64B2;
     text-decoration: underline;
}
  
th {
	font-size: 0.85em;
	font-weight: bold;
	color: #666666;	  
}
 
.h2 {
	color: #265AA3;
	font-size: 0.75em;
	font-weight: bold;
}
  
.h3 {
	color: #265AA3;  
	font-size: 0.85em;
	font-weight: normal;
	padding: 0 0 0 6px;
	margin: 0;
}

.h_Info{
	color: #265AA3;
	font-size: 1em;
	font-weight: bold;
}

.info_Head{
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 1.5em;
	font-weight: bold;
}

.screenText{
	color: #265AA3;
	font-size: 1em;
	font-weight: bold;
}

.startInfo{
	color: #265AA3;
	font-size: 13pt;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

.frame {
	text-align: left;    /* Seiteninhalt wieder links ausrichten */
    margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
    width: 965px;
    padding: 0;
    top: 5px;
    left: 5px;
	z-index: 1;
}

.frameRowTop {
	background: #2C64B2;
}

.frameRowContent {
	height: 600px;
	width: 987px;
}
/* Tabelle der Startseite */
.mainContent {
    text-align: left;
    padding: 0;
    margin: 0;
}

.header-panel {
/*	background-image: url(../images/headerBackground.gif);*/
/*	background: #2C64B2;*/
	width: 613px;
	height: 95px;
}
	
.headerTable {
	width: 100%;
}
.headerTable td {
	text-align: left;
}

.innerFrame {
	background: #40BDD6;	
	width: 100%;
	vertical-align: top;
	padding: 0;
}

.contentTable {
	height: 100%;	
}

.headerLogoTable {}

.roundedCornerRow, .startAdRow {
	background: #FFF;
}

	
.footerText {
	color: white;
/*	color: #2C64B2;*/
	font-weight: bold;
	text-decoration:none;
}

.footerText:hover {
    color: #F8EC1A;
	font-weight: bold;
	text-decoration:none;
}


.contentColumnLeft {	
/*	width: 220px;*/
/*	width: 140px;*/
	width: 155px;
	vertical-align : top;
	padding: 0 0 0 5px;
}

.contentColumnMain {
	width: 527px;
	/*height: 619px;*/
	vertical-align : top;
	padding: 10 0 0 10px;
	/*background: white;*/
}

.contentColumnMain td {
/*   	font-size: 0.8em;*/
   	font-size: 14px;
}

.contentColumnMainStart {
/*	width: 430px;*/
	width: 557px;
	vertical-align : top;
	padding: 0 0 0 25px;
}

.contentColumnMainStart td {
   	font-size: 0.8em;
}

.innerFrameColumnLeft {
	background-image: url(../images/innerFrameBack.gif);
	background-repeat: repeat-y;
	vertical-align: top;
	width: 807px;
/*	width: 450px;*/
/*	width: 780px;*/
}

.innerFrameColumnRight {
	vertical-align: top;
	width: 275px;
}

.logo-column, .headerColumnLogo {
	padding-left: 5px;
	text-align: center;
	vertical-align: bottom;
}

.contentRight {
	width: 275px;
}
/* banner image on start page layout */
.startAd {
	margin:0 5px 0 5px;
	/*background-color: #40BDD6;*/
	width: 770px;
	height: 200px;
	position: relative;
	padding: 0;
}
.topStartAd {
	vertical-align: top;
	height: 3px;
}
.centerStartAd {
	padding: 5px;
	width: 770px;
}

.bottomStartAd {
	vertical-align: bottom;
	height: 3px;
}

.contentAd {
	margin:0;
	padding: 0;
}

.startInfo td {
	padding: 3px;
	vertical-align: top;
	font-size: 0.9em;
	color: #265AA3;
}

/* -----------------------------------------------------
div-element defines footer row with table holding links */
#footer-div {
/*	width: 100%;*/
	background-color:#2C64B2; /* neu f�r blauen Balken im Footer */	
	text-align:center;
	width:100%;
	height: 20px;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
	margin: 0 auto;
}

.footer-table {
}

.footer-table td{
	vertical-align: top;
}
	
.linkTable {
	font-size: 14px;
	width: 450px;
	margin-left: auto;
	margin-right: auto;
	margin: 0 auto;
}

.linkTable td {
	padding: 3px;
	vertical-align: bottom;
	font-size: 0.8em;
	color: #265AA3;
}

.legalsTable {
	width: 400px;
	text-align: center;
	margin-left:0px; 
	margin-right:40px;
	margin-top: 20px;	
}

.legalsTable td {
	padding: 3px;
	vertical-align: top;
	font-size: 0.6em;
	color: #265AA3;
}
/* Mixed single styles */
.centered {
	text-align: center;	
}

.bold {
	font-weight: bold;	
}
		
.underline {
	text-decoration: underline;
}

.hidden {
	display: none;
}
.header-area, .footer-area, .navigation-area, .navigation-area a, .subview-area, .top-area,
.group-area, .group-area td, .group , .group-column-left, .group-column-right, .group-header, .group-header-column-right, .group-header-column-left,
.info-area, .info-header, .button-footer, .input-field, .input-readonly, .output-field, .button, a.internal-link:link, a.external-link:link {
	font-family : Arial, Helvetica, sans-serif;
}

.message-area, .message-error, .message-info, .message-warn, .message-fatal  {}

/* styles for input types */
.input-field {
	font-size: 1.05em;
	color:#333;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-bottom: 1px solid #DDD;
	border-right: 1px solid #DDD;
	line-height:normal;
	margin:1px 2px 1px 0;
	background:#EAEAEA;	
	padding:1px 3px 1px 3px;
	height:18px; /* 21px 18px*/
	background:#EAEAEA none repeat scroll 0 0;
}
.select-one-item {
	font-size: 0.9em;
	color:#333;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-bottom: 1px solid #DDD;
	border-right: 1px solid #DDD;
	background:#EAEAEA;	
	line-height:normal;
	/*margin:2px 2px 1px 0;*/
	padding:1px 2px 1px 0;
	height:22px;
/*	height:18px;*/	
}

.input-readonly {
	width : 100%;
	background : #FFFFFF;
}

.service-textarea{
   float:left;
   display:block;
   background:#EAEAEA;
   border-top: 1px solid #999999;
   border-left: 1px solid #999999;
   border-bottom: 1px solid #DDD;
   border-right: 1px solid #DDD;
   font-size: 10pt;
   margin:2px 2px 1px 0;
   padding:1px 3px 1px 3px;
   width: 245px;
}

/* styles for text and image links */
.contentLink {
	font-size: 0.9em;	  
}
a.internal-link:link,	a.internal-link:visited{
	color:#000;
}
a.internal-link:hover{
	color:#306BAD;
}
a.external-link:link, a.external-link:visited {
	color:#000;
}
a.external-link:hover{
	color:#0076bd;
}
.image-link {
	border : none;
}
.lightbluelink {
	color: #BFDBE8;
	font-size: 14px;
	text-decoration: underline;
}
.lightbluelink:hover {
    color: #F8EC1A;
}

/*unused */
.header-area {}
.footer-area {}
.subview-area {}

.error_col1 {
	width:76px;
	float:left;
}

.error_col2 {
	width:392px;
	float:left;
	padding:4px;
}

.divError h5 {
	padding:0;
	margin:0;
}

.message-area, .divError {
	/*width : 100%;*/
	background : #EEE;
	border: 1px solid #CCC;
	/*font-size: 1.3em;*/
}
.message-error, #message-error, .divError {
	color : red;
	font-size:11px;
}
.message-fatal {
	color : darkred;
}
.message-warn {
	color : orange;
}
.message-info {
	color : green;
}
/*	used for checkbox positioning */
.cbx-header, .cbx-footer td {
	padding-left: 180px;
	width : 100%;
}
.cbx-header table, .cbx-header td {
	font-weight: bold;
	font-size: 0.95em;
}
/* group-area is the basic table in regular forms */
.group-area {
	width: 100%;
	border-style : none;
}
.group-area td{
	padding: 4px;
	margin-bottom : 8px;
	border-style : none;
	vertical-align: top;
}
/*	used for checkbox positioning */
.group-header, .group-footer {
}
.group-column-left {
	width : 55px;
	vertical-align : top;
	text-align : left;
}
.group-column-right {
	width : 430px;
	vertical-align : top;
	text-align : left;
}

.group-column-right img {
	vertical-align: middle;
}

/*	used for registration checkbox positioning */
.reg-group-header, .reg-group-footer {
}
.reg-group-column-left {
	width : 150px;
	vertical-align : top;
	text-align : left;
}
.reg-group-column-right {
	width : 220px;
	vertical-align : top;
	text-align : left;
	max-width : 220px;
}

.reg-group-column-left-small {
	width : 80px;
	vertical-align : top;
	text-align : left;
}

.reg-group-column-right img {
	vertical-align: middle;
}

/* for imprint tables only */
.imprint-column-left {
	width : 200px;
	vertical-align : top;
	text-align : left;
	color: #999;
	font-weight: bold;
}
.imprint-column-right {
	width : 200px;
	vertical-align : top;
	text-align : left;
}
/* displays a gif for page explanation*/
.page-header {}
/* text title for special pages not using gif as page header*/
.info-header {
	padding-left: 15px;
	font-size: 1.0em;
	font-weight: bold;
	color: #265AA3;
}
/* style for action buttons currently footer in regular tables*/
.button-footer {
	/*padding-left : 180px;*/
	padding : 10px 0 4px 0;
}
/* tables with no padding and other styles, used to surround group-area tables */
.table, .table-header {}
.singleElement {
	width: 100%;
	margin: 4px;
	padding: 4px;
}


/**************************************************************
	CSS Styles for navigation information 
***************************************************************/
#navigation {
	height:35px;
/*	padding: 15px;*/				
	padding: 0px 15px 0px 15px;				
}
#navigation td{
	padding-bottom: 1px;
	text-align: right;
}
#subnavigation {
	height:200px;
	padding: 0;				
}
#subnavigation td{
	padding-bottom: 1px;
	text-align: right;
}
	
#subnavigation-faq, #subnavigation-tarif, #subnavigation-einfach, #subnavigation-freischalten, #subnavigation-wechseln {
	background: #40BDD6;
	height:450px;
	padding: 0;
	padding-top: 25px;
	width: 100%;
	margin-left: -5px;			
}
#subnavigation-faq td, #subnavigation-tarif td, #subnavigation-einfach td, #subnavigation-freischalten td, #subnavigation-wechseln td {
	padding-bottom: 1px;
	vertical-align: top;
/*	text-align: right;*/
}

.row_subnavLvl1 {
	background-image: url(../images/navBack.gif);
	background-repeat: repeat-y;
/*	line-height: 1,5;*/
	padding: 0;
}

.col_ind{
	width: 10px;
	vertical-align: top;
}

.col_link{
	width: 115px;
	vertical-align: top;
}

.subnavigationLevel1 {
	line-height: 2;
	margin-left:25px;
	height: 20px;
	color: #3054A7;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}

.subnavigationLevel1Active {
	margin-left: 25px;
	line-height: 2;
	width: 100%;
	height: 20px;
	color: #F8EC1A;
	font-size: 14px;
	font-weight: bold;
	text-decoration: underline;
}

.subnavigationLevel2 {
	color: #3054A7;
	font-size: 11px;
	text-decoration: none;
/*	font-size: 0.8 em;*/
}

.subnavigationLevel2Active, .divInnerSubNav a.subnavigationLevel2Active {
	color: #F8EC1A;
	text-decoration: underline;
	font-size: 11px;
/*	font-size: 0.8 em;*/
}

.subnavigationLevel3 {
	color: white;
	padding-left: 30px;
	font-size: 10px;
/*	font-size: 0.8 em;*/
}

.subnavigationLevel3Active {
	color: #F8EC1A;
	text-decoration: underline;
	padding-left: 30px;
	font-size: 10px;
/*	font-size: 0.8 em;*/
}

/**********************************
    POPUP FOR TOOLTIPS
***********************************/

.edekamobilTooltip {
  	position: absolute;
  	display: none;
  	padding: 10px;
	background: #40BDD6;
  	border: 1px solid #265AA3;
  	z-index: 5000;
  }

.edekamobilTooltip td {
  	font-size: 0.8em;
  	color: #0061B0;
}


.button {
	/*background-image: url(../images/de/navigation/a_send.gif);
	background-repeat: no-repeat;*/
	width: 100%;
	height: 35px;
	border:0;
}
.disabled_button_send {
	background-image: url(../images/de/navigation/i_wait.gif);
	background-repeat: no-repeat;
	width: 92px;
	height: 20px;
	border:0;
}

.bankTransfer{
	padding-top: 2px;
	padding-bottom: 5px; 
}
.table_bankTransfer { 
	font-family: Arial, Helvetica, sans-serif; 
	width: 100%;
	}

.table_bankTransfer td{
    padding: 4px;
	margin-bottom : 8px;
}

.table_bankTransfer_header {  
	font-size: 12px;  
	color: #CC0000; 
	text-align: left; 
	top: 12px;
	padding-left: 3px;
	padding-bottom: 1px;
	}  
.table_bankTransfer_fields {
	background-color: white;
	padding: 3px 3px 3px 3px;
	font-size: 14px; 
	color: #000; 
	font-weight: bold; 
	width: 100%;
	text-align: left;
	}
	 
.table_bankTransfer_inputfields {
	background-color: white;
	font-size: 14px; 
	color: #000; 
	font-weight: bold; 
	width: 100%;
	text-align: left;
	} 
	
.headerRow{
}
.fieldRow{
	width: 95%;
	background-color: white;
	padding: 3px 3px 3px 3px;
}
.fieldRow td{
	border: 1px solid #CC0000;
}
.fieldRow_bankcode{
	background-color: white;
	width: 100%;
	text-align: left;
}
.fieldRow_bankcode td{
	border: 1px solid #CC0000;
}
.value_col1{
	width: 70%;
	text-align: right;
	}
.value_col2{
	width:30%;
	right:0px;
	text-align: right;
}
.account_col1{
	width: 50%;
	background-color: white;
	text-align: left;
	}

.customer_account_col1{
	width: 50%;
	background-color: white;
	border: 3px solid #CC0000;
	text-align: left;
	}

.account_col2{
	width: 50%;
	background-color: #F7E778;
	}

.value_field{
	width: 100%;
	background-color: white;
	text-align: center;
	border: 1px solid #CC0000;
}
.value_field td{
	border: 3px solid #CC0000;
}
.currency{
	text-align: right;
	vertical-align: bottom;
}
.amount{
	font-weight:bold;
	width: 100%;
}

.agreement {
	background-color: #B9D4EB;
	color: #306BAD;
}

.faqTable{
	width: 100%;
	padding: 0;
}
.question{
	color: #2C64B2;
	font-weight: bold;
	text-decoration: underline;
}

.question td {
	text-decoration:underline;
}
.answer{
}

.answer td{
	padding-right: 5px;
	padding-bottom: 5px;
}

.faq_table_01 {
	margin-bottom:20px;
}

.backButton{
cursor: default;
border: none;
}

.faq_browser td{
	padding: 1px;
}


td.small1 {
	font-size: 9px;
}
td.spacerline {
	font-size:1px;
}