/*** Allgemein ***********************************************************************************************/

body {
	background: #b7b7b7 url(img/bg_body.jpg) 0 0 repeat-x;
	margin-top: 58px;
	padding: 0px;
	
  	font-family: Arial, Helvetica, Verdana, sans-serif;
  	font-size: 12px;
	color: #000000;
  	text-align: center;	
}

img {
	border: 0px;
}


img.quadrat104 {
	height: 104px;
	width: 104px;
	border: 0px;
}

hr.contentline {
	border: 0px;
	border-bottom: 1px solid #acacac;
	color: #a6a6a6;
	height: 1px;
}

/* Grundlayout DBB Vorteilswelt *****************************************************************************/
div #centerlayout {
	position: relative;
	width: 1010px;
	margin: 0px auto;
	text-align:left;
}

div #container {
	position: relative;
	width: 1010px;
	margin: 0px auto;
	background-color: transparent;
	text-align:left;
	height:100%;
}

#infobox {
	position:absolute; 
	left:25px; 
	top:-100px; 
	z-index:+1;
	background-color: #ffffff; 
}

td.infoboxHead {
	background-color: #b6b6b6;
	color:	#FFFFFF;
	padding: 5px 20px 5px 10px;
	text-align: center;
}

td.infoboxCont {
	background-color: #f3f3f3;
	color: #000000;
	padding: 5px 20px 5px 10px;
	text-align: left;
}

/* Schatten ****************************************************************************************************/
table#shadows {
	background-color: transparent;
	border: 0px;
	width: 100%;
}

table#shadows tr td {
	border: 0px;
	padding: 0px;
	margin: 0px;
}

table#shadows tr.oben td.oben {
	background: transparent url(img/shadow/oben.jpg) top left no-repeat; height: 20px; min-width: 1010px;
}
table#shadows tr.oben td.links  {
	border: 0px; vertical-align: top; width: 20px;
	background: transparent url(img/shadow/linksmitte.jpg) top left repeat-y; width: 20px; 
}
table#shadows tr.oben td.links div.fest {
	background: transparent url(img/shadow/linksoben.jpg) top left no-repeat; height: 631px; width: 20px;
}
table#shadows tr.oben td.rechts  {
	border: 0px; vertical-align: top; width: 20px;
	background: transparent url(img/shadow/rechtsmitte.jpg) top left repeat-y; width: 20px; 
}
table#shadows tr.oben td.rechts div.fest {
	background: transparent url(img/shadow/rechtsoben.jpg) top left no-repeat; height: 631px; width: 20px;
}
table#shadows tr.unten td.unten {
	background: transparent url(img/shadow/unten.jpg) top left no-repeat; height: 29px; width: 1010px;
}

table#shadows td.content {
	width: 968px;
	height: 100%;
	background-color: #ffffff;
	border: 1px solid #acacac;
	vertical-align: top;
}

/* Basis-Panels *************************************************************************************************/

table#basepanel {
	width: 968px;
	min-height: 538px;
	height: 100%;
	vertical-align: top;
	text-align: left;	
}

table#basepanel td#headpanel {
	height: 110px;
	background: #ffffff url(img/bg_header.gif) top left repeat-x;
}

table#basepanel td#menupanel {
	width: 239px;
	background-color: #a6a6a6;
	border-right: 1px solid #a6a6a6;
	vertical-align: top;
	height: 100%; 
}

/******** Loginbox *****************************************************************************************/
div#loginbox {
	width: 239px;
	background-color: #fdc300;
	text-align: right;
	color: #6d6d6d;
	font-weight: bold; 	
}

div#loginbox table {
	width: 98%;
	margin: 5px 0px 2px 5px;	
}

div#loginbox table td.label {
	width: 50%;
	text-align: right;
	padding: 1px 4px 1px 0px;
}
div#loginbox table td.field {
	width: 50%;
	text-align: right;
}

div#loginbox table td.buttons {
	text-align: right;
}

div#loginbox table td.buttons input.button {
	background-color:#6D6D6D;
    color:#FFFFFF;
    cursor:pointer;
    border-width:0;
    margin:0px;
    padding:0px;
    height:20px;
    line-height:20px;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size:11px;
    font-weight:normal;
    text-align:center;
    vertical-align: middle;
    text-decoration:none;
	overflow-x: visible;
	overflow-y: visible;        
}

div#loginbox .field input {
	width: 96%;
	text-align: left;
}

/********* Mainmenu ****************************************************************************************/
table#basepanel td#menupanel td#mainmenu {
	width: 239px;
	min-width: 239px;
	background-color: #c79c00;
	text-align: right;
}

table#basepanel td#menupanel td#mainmenu a {
	text-decoration: none;
	cursor: pointer;
}

table#basepanel td#menupanel td#mainmenu table {
	width: 239px;
	border-top: 15px solid #c79c00;
	border-bottom: 15px solid #c79c00;
}

table#basepanel td#menupanel td#mainmenu table td {
	height: 20px;
	background-color: #c79c00;
	border-top: 1px solid #c79c00;
	color: #ffffff;
}

table#basepanel td#menupanel td#mainmenu table td.elinks {
	width: 110px;
	text-align: right;
	padding-right: 5px;
	border-right: 3px solid #ffffff;
}

table#basepanel td#menupanel td#mainmenu table td.erechts {
	width: 123px;
	text-align: left;
	padding-left: 5px;
	font-size: 0.8em;
}

table#basepanel td#menupanel td#mainmenu table td a {
	color: #ffffff;
}

table#basepanel td#menupanel td#mainmenu table td.mlinks {
	font-weight: bold;
}
table#basepanel td#menupanel td#mainmenu table td.mrechts {
	
	background-color: #6d6d6d;
	 
}

table#basepanel td#menupanel td#mainmenu table td.aktiv {
	background-color: #ffffff;
	color: #6d6d6d;
}

table#basepanel td#menupanel td#mainmenu table td.aktiv a {
	color: #6d6d6d;
}


/*********** Add-Menu *********************************************************************/

table#basepanel td#menupanel td#addmenu {
	width: 239px;
	text-align: center;
	height: 100%;
}





/***** Formulare *************************************************************************************/
.formularzweitueberschift
{
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 13px;
  color: #000000;
  font-weight: bold;
}
.formulartext
{
  height:25px;
  width:148px;
  text-align:left;
  font-family: Arial, Helvetica, Verdana, sans-serif;
}
.formulartextklein
{
  vertical-align: middle;
  height:25px;
  width:145px;
  text-align:left;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size:9px;
  font-weight:normal;
}
.formularfeld
{
  height:25px;
  width:180px;
  text-align:left;
}



.formularhinweis
{
  vertical-align: middle;
  height:25px;
  font-size:9px;
  font-weight:normal;
}
.selectanredefeld
{
  width:120px;
  text-align:left;
  background-color:#FFFFFF;
}
.selecttitelfeld
{
  width:150px;
  text-align:left;
  background-color:#FFFFFF;
}
.selectgewerkschaftfeld
{
  width:493px;
  text-align:left;
  background-color:#FFFFFF;
}
.textfeld
{
  width:170px;
  text-align:left;
  background-color:#FFFFFF;
}
.textfeldkurz
{
  width:46px;
  text-align:left;
  background-color:#FFFFFF;
}
.textfeldmittel
{
  width:115px;
  text-align:left;
  background-color:#FFFFFF;
}
.checkbox
{
  background-color:#FFFFFF;
}
.buttonunderline
{
  text-align:right;
  border-bottom:1px solid #6D6D6D;
}
.formularbutton
{
  background-color:#6D6D6D;
  color:#FFFFFF;
  cursor:pointer;
  border-width:0;
  margin:0px;
  padding:0px;
  height:25px;
  line-height:25px;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size:11px;
  font-weight:normal;
  text-align:center;
  vertical-align: middle;
  text-decoration:none;
}
.formularbuttonhell
{
  background-color:#FFFFFF;
  color:#000000;
  cursor:pointer;
  border-width:0;
  margin:0px;
  padding:0px;
  height:20px;
  line-height:20px;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size:11px;
  font-weight:normal;
  text-align:right;
  vertical-align: middle;
  text-decoration:none;
}

table#kontaktform_tab .formulartext
{
  width:150px;
}

table#kontaktform_tab .formulartextklein
{
  width:100%;
}
table#kontaktform_tab .formularfeld
{
  width:230px;
}
table#kontaktform_tab .selectgewerkschaftfeld
{
  width: 236px;
}
table#kontaktform_tab .textfeld
{
  width:230px;
}
table#kontaktform_tab .textfeldkurz
{
  width:46px;
}
table#kontaktform_tab .textfeldmittel
{
  width:175px;
}
table#kontaktform_tab textarea
{
  width:320px;
  height:120px;
}

table.headblockmessage
{
  width: 100%;
  padding: 10px;
  background-color: transparent;
  border: 0px;
}

table.fehlerheadblockmessage td
{
  padding: 5px;
  text-align: left;
  font-weight: bold;
  font-size: 14px; 
  font-family: Arial, Helvetica, Verdana, sans-serif; 
  color: #fe0000;
  vertical-align:top;
}

table.korrektheadblockmessage td
{
  padding: 5px;
  text-align: left;
  font-weight: bold;
  font-size: 14px; 
  font-family: Arial, Helvetica, Verdana, sans-serif; 
  color: #037d06;
  vertical-align:top;
}

/*** für den Content-Bereich relevant ***********************************************************************/

table#basepanel td#contentpanel {
	width: 728px; /*maximale Breite!!*/
	overflow-x: hidden;
	background-color: #ffffff;
	vertical-align: top;
}

table#basepanel td#contentpanel div {
	position: relative;
	width: 728px;
}

table#basepanel td#contentpanel div.padded {
	position: relative;
	width: 688px;
	margin: 20px;
	min-height: 500px;
	overflow-y: visible;
}

table#basepanel td#contentpanel div.padded_message {
	position: relative;
	width: 688px;
	margin: 20px;
	overflow-y: visible;
}

table#basepanel td#contentpanel h1 {
	font-size: 16px;
	line-height: 110%;
	padding: 0px;
	margin: 0px;
	font-weight: bold;
}

/***** Schrift *********************************************************************************************/

h1 {
	font-family: Arial, Helvetica, Verdana, sans-serif;
  	font-size: 16px;
	color: #000000;
	font-weight: bold;
	line-height: 18px; 
}

h2 {
	font-family: Arial, Helvetica, Verdana, sans-serif;
  	font-size: 13px;
	color: #000000;
	font-weight: bold;
	line-height: 15px; 
}

.text {
	font-family: Arial, Helvetica, Verdana, sans-serif;
  	font-size: 12px;
	color: #000000;
	font-weight: normal;
	line-height: 14px; 
}

.klein {
    font-size: 10px;
	line-height: 12px;
}

a:link, a:hover, a:active, a:visited {
	color: #6b6b6b;
}





/*** reisewelt *********************************************************************************************/



table#reisekategorien td.reisekat {
	width: 160px;
	height: 240px;
	background: #ffffff url(img/shadow/reisekatrahmen.gif) 0 0 no-repeat;
}

table.reisekategorie {
	margin: 8px;
	height: 225px;
	width: 143px;
}

td.Space5 {
	width: 5px;
}

td.reisekat .rk_titel  {
	color: #6b6b6b;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold;
	font-size: 10pt;
	line-height: 14pt;
	vertical-align: bottom;
	text-decoration: none; 
}

td.reisekat td.rk_subtitel {
	color: #6b6b6b;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 7pt;
	vertical-align: bottom;
	
}



td.reisekat a.rk_link {
	display: block;
	height: 18px;
	width: 48px;
	line-height: 16px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold;
	font-size: 8pt;
	text-align: center;
	text-decoration: none;
	background-color: #6b6b6b;
	color: #ffffff;
	
}

td.reisekat .rk_image {
	width: 133px;
	height: 164px;
	border: 0;
	text-decoration: none;
}

/****** shoppingwelt ****************************************************************/

div#shoppingwelt table#shopuebersicht td.shopkasten {
	width: 185px;
	height: 185px;
	background: #ffffff url(img/shadow/shoprahmen.gif) 0 0 no-repeat;
}

div#shoppingwelt table.shop {
	margin: 8px;
	height: 169px;
	width: 169px;
}

#aktion {
	width: 214px;
	hight: 263px;
	background: #ffffff url(img/shadow/shoppingkatrahmen.gif) 0 0 no-repeat;
}

#aktion_profil {
	width: 268px;
	hight: 178px;
	background: #ffffff url(img/shadow/firmenprofil_aktion.gif) 0 0 no-repeat;
}

div#shoppingwelt td.space5 {
	width: 5px;
}

div#shoppingwelt td.shopkasten td.shoptitel {
	color: #000000;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold;
	font-size: 11pt;
	line-height: 14pt;
	vertical-align: bottom; 
}

div#shoppingwelt td.shopkasten td.shopinfo {
	color: #000000;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 8pt;
	vertical-align: top;
	width: 159px;
	height: 40px; /* maximale anzahl Zeilen ist 3*/
	
}

div#shoppingwelt td.shopkasten td.shopbonus {
	color: #ed055f;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight: normal;
	font-size: 10pt;
	vertical-align: bottom;
	width: 159px;
	
}

td.shopbonus {
	color: #ed055f;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight: normal;
	font-size: 10pt;
	vertical-align: bottom;
	width: 159px;
	
}


div#shoppingwelt td.shopkasten a.shoplink {
	line-height: 16px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight: normal;
	font-size: 10pt;
	text-align: left;
	color: #6b6b6b;
	vertical-align: middle; 
}

div#shoppingwelt td.shopkasten td.shoplogo {
	width: 159px;
	height: 60px;
	vertical-align: middle;
	text-align: center;
}

div#shoppingwelt td  {

}


table#shoppingwelten td.shoppingkat {
	width: 185px;
	height: 230px;
	background: #ffffff url(img/shadow/shoppingkatrahmen.gif) 0 0 no-repeat;
}

table#aktionsseite td.shoppingkat {
	width: 200px;
	height: 227px;
	background: #ffffff url(img/shadow/shoppingkatrahmen.gif) 0 0 no-repeat;
}

table.shoppingkat {
	margin: 8px;
	height: 225px;
	width: 143px;
}



img#rk_image{

top:0px;

}


/*************** autoWelt *******************************************************************/



div#autowelt span.textblue {
	color: #000000; 
	font-style: normal; 
	font-weight: bold;
}
div#autowelt span.textred {
	color: #c79c00; 
	font-style: normal; 
	font-weight: bold;
}
div#autowelt span.textblues {
	color: #000000; 
	font-style: normal;
	font-weight: normal; 
}
div#autowelt span.textempblue {
	font-size: 9px;
	color: #000000; 
	font-style: normal;
	font-weight: normal; 
}
div#autowelt span.textbluesb {
	font-size: 9px;
	color: #000000; 
	font-style: normal; 
	font-weight: bold;
}
div#autowelt span.textreds {
	color: #c79c00; 
	font-style: normal; 
	font-weight: normal;
}

div#autowelt span.vorteil {
	font-weight: normal;
	font-size: 11px;
	color: #000000;
}
div#autowelt span.vorteiltop {
	font-weight: bold;
	font-size: 13px;
	color: #000000;
}

div#autowelt table#suchformular {
	width: 100%;
	border: 1px solid #6D6D6D;
	 
}

div#autowelt table#suchformular input[type=checkbox] { 
}

div#autowelt table#suchformular input[type=text] {
	width: 156px;	 
}

div#autowelt table#suchformular select {
	width: 162px;	 
}

div#autowelt table#suchformular .bottomline {
	border-bottom: 2px solid #ffffff;
}

div#autowelt table#suchformular .formulartext {
	width: 120px;
	height: 45px;
	text-align: left;
	padding-left: 10px;
	vertical-align: middle;
	background-color: #f3f3f3;
}

div#autowelt table#suchformular .formularfeld {
	width: 180px;
	text-align: left;
	padding-left: 10px;
	vertical-align: middle;	
}

div#autowelt table#suchformular .formularbuttonspace {
	width: 80px;
	text-align: right;
	vertical-align: bottom;	
}


div#autowelt td.ang_such {
	background: #f3f3f3;
	font-weight: bold;
}
div#autowelt table.callback {
	background-color: #878787;
}
div#autowelt table.callbackCont {
	background-color: #FFFFFF;
}
div#autowelt td.callbackCont {
	padding: 5px;
}

div#autowelt table.anghome {
	background-color: #6d6d6d;
}
div#autowelt table.suchhome {
	background-color: #64646E;
}
div#autowelt table.suchhomeCont {
	background-color: #FFFFFF;
}
div#autowelt td.suchhomeCont {
	padding: 5px;
	margin-right: 30px;
}
div#autowelt table.suchhomekast {
	background-color: #f3f3f3;
}
div#autowelt table.suchhomekastCont {
	background-color: #f3f3f3;
}
div#autowelt td.suchhomekast {
	background-color: #f3f3f3;
	padding: 5px 10px 5px 10px;
}
div#autowelt td.suchhomekastnull {
	background-color: #f3f3f3;
}
div#autowelt td.suchhomekastCont {
	background-color: #FFFFFF;
	padding: 5px 10px 5px 10px;
}

div#autowelt td.hpline {
	border-bottom: 1px solid #676767;
	height: 18px;
	padding: 0px 0px 0px 0px;
}



div#autowelt td.tddetails {
	background-color: #ffffff;
}
div#autowelt td.tddetssym {
	background-color: #ffffff;
	padding: 2px;
}

div#autowelt table td#detailsunten {
	border: 1px solid #6b6b6b;
}

div#autowelt td.tddetailspreis {
	background-color: #f3f3f3;
	
}
div#autowelt td.tddetailsfinanz {
	background-color: #F3F3F3;
}
div#autowelt td.tddetline {
	background-color: #F3F3F3;
	border-bottom: 1px solid #6b6b6b;
	padding: 2px 5px 2px 5px;
	color: #000000;
}
div#autowelt td.tddetrline {
	border-right: 1px solid #6b6b6b;
}
div#autowelt td.tdvortline {
	background-color: #FFFFFF;
	border-bottom: 1px solid #6b6b6b;
	padding: 2px;
}

/*-------- Listen -----------*/
div#autowelt ul.fzdetails {
	list-style: none;
	list-style-position: outside;
}

div#autowelt #herstellerhinweis{
  position:relative;
}

div#autowelt #herstellerhinweis #hinweis_prozent      {
position:absolute;
top: 66px; 
left: 575px; 
width: 120px; 
height: 41px;
color: #111111;
visibility: visible }

div#autowelt #herstellerhinweis #hinweis_biszu      {
position:absolute;
top: 40px; 
left: 595px; 
width: 117px; 
height: 20px;
color: #111111;
visibility: visible;
}

div#autowelt #herstellerhinweis #hinweis_text {
position:absolute;
top: 8px; 
left: 131px; 
width: 427px; 
height: 76px;
color: #111111;
visibility: visible;
}

div#autowelt #herstellerhinweis #hinweis_text_unten {
position:absolute;
top: 65px; 
left: 131px; 
width: 427px; 
height: 34px; 
visibility: visible;
}

div#autowelt #herstellerhinweis #hinweis_logo {
position:absolute;
background-color: #ffffff; 
top: 20px; 
left: 13px; 
width: 100px; 
height: 60px; 
visibility: visible;
}

div#autowelt #herstellerhinweis .hinweis_text {
line-height: 14px;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 11px;
color: #000000;
}

div#autowelt #herstellerhinweis .hinweis_prozent {
text-align:  center;
line-height: 28px;
font-family: Arial, Helvetica, Verdana, sans-serif;
 font-weight:  bold;
font-size: 28px;
color: #111111;  
}

div#autowelt #herstellerhinweis .hinweis_biszu {
text-align: left;
line-height: 14px;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 14px;
color: #111111;  
}



/*************** meine_daten ****************************************************************/