/* ================================================ */
/*  Bar */
/* ================================================ */
html {
	font-size: 75%;	
}
* {
	font-size: 1em;
}

p, span, h1, h2, h3, h4, h5, h6, ul, a {
	font-size: 1em;
	font-family: verdana, helvetica, sans-serif, arial;
	text-decoration: none;
  font-weight: normal;
	text-align: left;
}
a {
	text-decoration: underline;
}
a:hover {
	text-decoration: underline;
}
table, input, .textfeld {
	font-family: verdana, helvetica, sans-serif, arial;
	text-align: left;
	font-size: 1em;
}
table td {
	vertical-align: top;
}


ul {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
  list-style-type: disc;
}
ol {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	line-height: 1.3em;
}
li {
	padding:  5px 0px 5px 0px;
	margin:  0px 0px 0px 30px;
  list-style-type: disc;
	line-height: 1.3em;
}

p {	
	line-height: 1.2em;
}
hr {	
	margin-bottom: 10px;
	color: #666666;
	background-color:#666666;
	height:1px;
}


H1 {
	padding: 0px 0px 8px 0px; 
	font-size: 1.2em;
	FONT-WEIGHT: bold;
}
H2 {
	padding: 0px 0px 2px 0px;
	margin-bottom: 8px;
	font-size: 1.2em;
	FONT-WEIGHT: bold;
}
H3 {
	padding: 0px 0px 6px 0px;
	FONT-WEIGHT: bold;
}
H4 {
	padding: 0px 0px 6px 0px;
	FONT-WEIGHT: bold;
}
H5 {
	padding: 8px 6px 8px 6px; 
	FONT-WEIGHT: bold;
	margin-bottom: 0px;
}
H6 {
	padding: 3px 3px 3px 3px;
	FONT-WEIGHT: bold;
	margin-bottom: 12px;
}
H1 {
	color:   #B30811;
}
h2 {
	color: #2b3878;
}
h3 {
	color: #2b3878;
}
h4 {
	color:  #444444;
}
h5 {
	color:  #444444;
	border: 1px solid #cccccc;
	border-bottom: 1px solid #bbbbbb;
	background: url(/img/navi_back.gif) repeat-x bottom left;
	background-color: #ffffff;
}
h6 {
	color:   #222222;
	background-color: #d8d8d8;
}



/* ================================================ */
/*  Farben und Hintergründe */
/* ================================================ */

/* 	
#2b3878;		Hintergrund Banner
#f7d175;		Gelb
#7982ab;		Menu aus
#bbbbbb;		Rahmen

#d40309			rot Logo

Rot:
#B30811			rot Menu
#b5b9b8			grau hell
#707473			grau dunkel

*/

body {
/* in Standards => CMS */
}
p, span, ul, a {
	color: #202020;
}
a {
	color:  #2b3878;
}
a:hover {
	color: #DE2121;
}
.popdowntext p {
	color:  #2b3878;
}




#header {
}
#header-banner {
}
#suche .innen{
	background-color: #f8f8f8;
	border: #bbbbbb 1px solid;
}
#suche .submitbutton {
	background-color: #e8e8e8;
	border: #bbbbbb 1px solid;
}
#main {
	background-color: #FFFFFF;
}
#main-content {	
	background-color: #FFFFFF;
}
#footer  {
	border-top: #a8a8a8 1px solid;
}
#footer p , #footer a {
	color: #333333;
}

.formrahmen{
	border-top: #aaaaaa 1px solid;
	border-right: #bbbbbb 1px solid;
	border-left: #bbbbbb 1px solid;
	border-bottom: #bbbbbb 1px solid;
	background-color: #042f63;
}
.formkopf{
	border-top: #ffffff 1px solid;
	border-right: #ffffff 1px solid;
	border-left: #ffffff 1px solid;
	border-bottom: #ffffff 1px solid;
}
.formkopf p {
	COLOR: #e9e9e9;
}
.formborder {
  border-bottom: 1px solid #bbbbbb;
  border-left: 1px solid #bbbbbb;
  border-right: 1px solid #bbbbbb;
	background-color: #f9f9f9;
}
#fehlermeldung .innen{
  border: 1px solid #c63f3e;
}
#fehlermeldung H3 {
	COLOR: #c63f3e;
}

.kasten-rechts {
  border-bottom: 1px solid #bbbbbb;
  border-left: 1px solid #bbbbbb;
  border-right: 1px solid #bbbbbb;
}



/* =====  Menuzeile  ===== */
#menu {
	BACKGROUND: url(/img/menu_back_blau.gif) repeat-x;
  border-bottom: 1px solid #b5b9b8;
}
.menufeld a {
	BACKGROUND: url(/img/menu_aus_blau.gif) no-repeat;
	COLOR: #bbbbbb;
}
.menufeld a:hover {
	COLOR: #bbbbbb;
}
.menufeld a.an {
	BACKGROUND: url(/img/menu_an_blau.gif) no-repeat;
	COLOR: #e9e9e9;
}
.menufeld a.an:hover {
	COLOR: #e9e9e9;
}

/*** Navigation Farben ***/
#navigate a {
	border-right: #bbbbbb 1px solid;
	border-left: #bbbbbb 1px solid;
	border-bottom: #bbbbbb 1px solid;
	color:  #404040;
}
#navigate a.an  {
	background: url(/img/navi_an.gif) repeat-x;
	color: #CE0914;
}
#navigate .navioben a.an  {
	background: none;
	color: #CE0914;
}
#navigate a.an:hover {
}
#navigate a.aus {
	color: #404040;
	background: url(/img/navi_back.gif) repeat-x;
}
#navigate .navioben a.aus {
	color: #404040;
	background: none;
}

/* sub */
#navigate a.sub {
	background-color: #e5eaef;
}
#navigate a.suban {
	background-color: #bac6d5	;
}


/*** Produktdatenbank Farben ***/
#ProductOut table {
	color: #000000;
	background-color: #ffffff;
}
#ProductOut table td.s1 {
	border-right: #bbbbbb 1px solid;
}
#ProductOut {
	border-bottom: silver 5px solid;
	border-left: #bbbbbb 1px solid;
	border-right: #bbbbbb 1px solid;
}
#ProductOut table {
	border-top: #bbbbbb 1px solid;
}
#ProductOut table .t1 {
	border-top: #bbbbbb 1px solid;
	background-color: #ffffff;
}
#ProductOut table .t2 {
	background-color: #f9f9f9;
}
#ProductOut table td {
	border-bottom: #bbbbbb 1px solid;
}
#ProductOut table thead td {
	background-color: #DAE6E6;
}
#ProductOut table thead td {
	border-top: #bbbbbb 1px solid;
	border-bottom: #bbbbbb 2px solid;
	border-right: silver 1px solid;
}


/*** Login Farben ***/
.LoginKasten {
  border-bottom: 1px solid #bbbbbb;
  border-left: 1px solid #bbbbbb;
  border-right: 1px solid #bbbbbb;
}
.login-main .LoginKasten {
  border: none;
}
.LoginKasten .inhalt {
	color:  #404040;
}

.LoginUser div {
	border: 1px solid #cdcbcb;
	BACKGROUND-color: #f6f6f6;
}

.LoginFehler {
  border: 1px solid #cdcbcb;
}
.LoginFehler p {
	color: #333333;
}
.LoginFehler H3 {
	color: #DE2121;
}


.TableKonto, .TableAuszahlung, .TableBonus {
	BACKGROUND-color: #ffffff;
	border-top: 1px solid #bbbbbb;
	border-left: 1px solid #bbbbbb;
}
.TableKonto td, .TableBonus td {
	border-right: 1px solid #bbbbbb;
	border-bottom: 1px solid #bbbbbb;
}
.TableKonto th, .TableAuszahlung th {
	background-color: #e5eaef;
	border-right: 1px solid #bbbbbb;
	border-bottom: 2px solid #bbbbbb;
}
.TableAuszahlung td {
	border-right: 1px solid #bbbbbb;
}
.TableAuszahlung td.s6,.TableAuszahlung td.s7  {
	border-bottom: 1px solid #999999;
}


.TableKonto td.s4 {
	color: #DE2121;
}


/*** Formular Farben ***/
#Anmeldung .zeiletext {
	color: #555555;
}
#Anmeldung .zeiletext .extratext{
	color: #444444;
}



/* ================================================ */
/*  spezielle Klassen der Seite */
/* ================================================ */

.linkimage {
	vertical-align: middle;
	margin-right: 5px;
}

.kasten-rechts {
	padding: 10px;
}

.popdowntext p {
	cursor: pointer;
	text-decoration: underline;	 
}
.popupwindow {
}

.TextKlein p {
	font-size: 0.9em;
}

#suche input {
	padding: 0px 0px 0px 0px;
	margin: 0px;
	text-align: left;
}
#suche select {
	padding: 0px 0px 0px 0px;
	margin: 0px;
	text-align: left;
}
#suche span {
	FONT-WEIGHT: bold;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	text-align: left;
}
#suche .SubmitButton {
	padding: 0px 0px 0px 0px;
	margin: 0px;
	text-align: center;
}


/* ================================================ */
/*  Formular  */
/* ================================================ */
#empfehlen {
	overflow: hidden;
	padding: 0px 0px 0px 0px;
	font-family: arial, sans-serif, tahoma, helvetica;
}
#kontakt {
	overflow: hidden;
	padding: 0px 0px 0px 0px;
	font-family: arial, sans-serif, tahoma, helvetica;
}

#Standardformular {
	overflow: hidden;
	padding: 0px 0px 0px 0px;
	font-family: arial, sans-serif, tahoma, helvetica;
}
#Standardformular .SubmitButton {
	padding: 0px 0px 0px 0px;
	margin: 0px;
	text-align: center;
}

#Anmeldung .inhalt {
	overflow: hidden;
	padding: 0px 0px 0px 0px;
	font-family: arial, sans-serif, tahoma, helvetica;
}
#Anmeldung select {
}
.Interessen td {
	margin: 0px;
	font-size: 0.9em;
	height: 20px;
}



.zeiletext {
	width: 100%;
	overflow: hidden;
	padding: 0px 0px 2px 0px;
  font-weight: bold;
}
.zeiletext .extratext{
  font-weight: normal;
}
.zeileinput input {
	padding: 1px 0px 1px 0px;
}
.textfeld {
	text-decoration: none;
  font-weight: normal;
	text-align: left;
}
.checktextfeld {
	float: left;
}
.checktextfeld a {
  font-weight: bold;
	font-size: 1em;
}
input.radiofeld {
	margin-bottom: -2px;
}
p.radiofeld {
	padding-bottom: 3px;
}


.fehlerzeile {
	float: right;
	width: 250px;  /*  */
	display: none;
	vertical-align: top;
}
.leerzeile {
	clear:both;
	padding-bottom: 0px;
	font-size:5px;
}
.sendebutton {
	width: 100%;
	text-align: right; 
	padding: 5px 0px 0px 0px;
}
.sendebutton input {
	margin-right: 20px;
	padding: 2px 5px 2px 5px;
	text-align: center; 
}

.formrahmen {
	margin-top: 15px;
}
.formrahmen, .formkopf {
	padding: 0px;
}
.formkopf p {
	padding: 5px 0px 5px 10px;
	margin: 0px;
	FONT-WEIGHT: bold;
	text-align: left;
}
.formborder{
	padding: 15px 10px 15px 10px;
}
.formborder .innen{
	width: 100%;
}

#fehlermeldung {
	margin: 0px 0px 20px 0px;
	WIDTH: 100%;
}
#fehlermeldung .innen {
	padding: 15px 10px 10px 10px;
}
#fehlermeldung p {
	padding: 0px 0px 0px 0px;
	text-align: left;
	line-height: 1.4em;
}
#fehlermeldung H3 {
	padding: 0px 0px 4px 0px;
	font-weight: bold;
	text-decoration: none;
	border: none;
}


/* ================================================ */
/*  Navigation   */
/* ================================================ */
#menu {
	width: 100%;
	padding: 0px;
	text-align: center;
}
.menufeld {
	float: left;
	overflow: hidden;
}
.menufeld a {
	padding: 6px 0px 18px 0px;
	display: block;
	FONT-WEIGHT: bold;
	TEXT-DECORATION: none;
	text-align: center;
}
.menufeld a:hover {
	TEXT-DECORATION: underline;
}
.menufeld a.an {
}
.menufeld a.an:hover {
	TEXT-DECORATION: none;
}
.menuhome {
	float: left;
	width: 110px; 
}

/* =====  Navigationsmeu ===== */ 
#navigate {
	font-size: 0.9em;
	FONT-WEIGHT: bold;
	TEXT-DECORATION: none;
	overflow: hidden; /* ganze Zeile als Link */
}
#navigate a {
	FONT-WEIGHT: bold;
	display: block;	
	text-align: left;
	padding: 6px 0px 5px 10px;
	text-decoration:none;
}
#navigate a:hover {
	text-decoration:underline;
}
#navigate a.an {
	text-decoration:none;
}
#navigate .navioben a.an {
	text-decoration:underline;
}

/* sub */
#navigate a.sub {
	padding-left:  20px;
}
#navigate a.suban {
	padding-left:  20px;
	background-image: url(../img/nav_pfeil.gif);
	background-position: 15px 10px;
	background-repeat:no-repeat;
}



/* ================================================ */
/*  Login   */
/* ================================================ */
.login-main, .newpwd {
}
.LoginKasten {
}
.LoginKasten .inhalt {
	padding: 10px 10px 10px 10px;
}
.login-main .LoginKasten .inhalt {
}
.LoginKasten .inhalt p {
	padding: 0px 0px 5px 0px;
}
.LoginKasten .SubmitButton {
	margin-top: 8px;
	padding: 3px 3px 3px 15px;
	text-align: center;
	BACKGROUND: url(/img/button_login.gif) no-repeat 5px 2px; 
	width: 80px;
	background-color: #e9e9e9;
	border: 1px solid #999999;
	font-size: 0.9em;
	cursor: pointer;
}


.LoginKasten .feldtext {
	padding-top: 0.4em;
	text-align: left;
}
.login-main .LoginKasten .feldtext {
	padding-bottom: 2px;
}
.newpwd .feldtext {
	width: 30%;
	overflow: hidden;
	padding: 0px;
	float: left;
}
.LoginKasten .feldinput {
	WIDTH: 150px;	
	padding: 0px 0px 0px 0px;
	text-align: left;
}
.login-main .LoginKasten .feldinput {
	WIDTH: 180px;	
}
.newpwd .feldinput {
	WIDTH: 230px;	
	float: left;
}

/* sonst Fehler firefox mac */
.LoginKasten div.feldinput input {
	WIDTH: 150px;	
}
.login-main .LoginKasten div.feldinput input {
	WIDTH: 180px;	
}
.newpwd .feldinput input {
	WIDTH: 200px;	
}
.LoginKasten .loginbutton {
	width: 150px;
	text-align: right; 
}
.login-main .LoginKasten .loginbutton {
	width: 180px;
}
.newpwd .loginbutton {
	width: 100px;
	float: left;
}
.newpwd .SubmitButton {
	width: 100px;
	text-align: center;
}
/* Leerzeichen im Text wichtig für IE 5 + Float*/
.LoginKasten .leerzeile {
	clear:both;
	padding-bottom: 2px;
	font-size:1px;
}


/* Fehlermeldung Login */
.LoginFehler, .LoginAnleitung {
	width: 380px;
	margin: 10px 0px 40px 0px; 
  font-size: 1.1em;
	padding: 10px 0px 10px 0px;
}
.LoginFehler H3 {
	padding: 0px 10px 5px 10px;
  font-size: 1em;
	font-weight: bold;
	text-decoration: none;
	border: none;
}
.LoginFehler p {
	margin: 0px 5px 0px 0px;
	padding: 0px 10px 0px 30px;
}
.LoginAnleitung ul {
	margin: 10px 0px 10px 0px;
	padding-left: 20px;
}

.LoginUser {
	width: 200px;
	margin: 20px 0px 30px 0px; 
  font-size: 1.2em;
}
.LoginUser div {
	padding: 10px;
}

.LoginKonto  {
	width: 100%;
  margin: 3px 0px 15px 0px;
}
.LoginKonto td.s1 {
	text-align: left;
	font-weight: normal;
  font-size: 0.9em;
}
.LoginKonto td.s2 {
  font-size: 0.9em;
	text-align: right;
	font-weight: bold;
}


.TableKonto, .TableBonus  {
	width: 100%;
	margin: 10px 0px 10px 0px;
}
.TableKonto th {
	text-align: right;
	padding: 5px 5px 5px 5px;
}
.TableKonto td, .TableAuszahlung td, .TableBonus  td {
	padding: 2px 5px 2px 5px;
}
.TableKonto th.h1, .TableKonto th.h2 {
	text-align: left;
}
.TableKonto td.s1 {
	width: 70px;
	text-align: left;
}
.TableKonto td.s2 {
	text-align: left;
}
.TableKonto td.s3, .TableKonto td.s4, .TableKonto td.s5  {
	width: 70px;
	text-align: right;
}
.TableKonto tfoot td {
	font-weight: bold;
	padding: 10px 5px 5px 5px;
}

.TableAuszahlung {
	width: 100%;
	margin: 0px;
}
.TableAuszahlung td {
	text-align: left;
	padding: 5px 5px 5px 5px;
}
.TableAuszahlung th {
	text-align: left;
	padding: 5px 5px 5px 5px;
}
.TableAuszahlung td.s1 {
	width: 80px;
}
.TableAuszahlung td.s2 {
	width: 80px;
}
.TableAuszahlung td.s3 {
	width: 80px;
}
.TableAuszahlung td.s4 {
}
.TableAuszahlung td.s5 {
	width: 90px;
}

.TableAuszahlung td.s6 {
	width: 80px;
}
.TableAuszahlung td.s7 {
	font-size: 0.9em;
	padding: 5px 5px 15px 5px;
}

.TableBonus td.s1 {
}
.TableBonus td.s2 {
	width: 80px;
	text-align: right;
	font-weight: bold;
}


.ButtonAuszahlen {
	text-align: right;
	margin: 10px 15px 60px 0px;
}


/* ================================================ */
/* CMS Classes */
/* ================================================ */
.cm-links {
	text-align: left;
}
.cm-rechts {
	text-align: right;
}
.cm-mitte {
	text-align: center;
}
.cm-img-border {
	border: 1px solid #666666;
}


.cm-ImgLeft {
	float:left; 
	margin: 0px 20px 0.3em 0px;
}
.cm-ImgRight{
	float:right; 
	margin: 0px 0px 0.3em 20px;
}
.cm-ImgCenter {
	vertical-align: middle;
}
.cm-ImgBottom {
	vertical-align: baseline;
}

.cm-underline-none a {
	text-decoration: none;
}
.cm-underline-none a:hover {
	text-decoration: underline;
}



/*  Tabelle 2-Spaltig */
.cm-tableII td.s1{
	width: 50%;
}
/*  Tabelle 3-Spaltig */
.cm-tableIII td.s1{
	width: 33.33%;
}
/*  Tabelle 4-Spaltig */
.cm-tableIV td {
	width: 25%;
}




/*  Tabelle 2 Boxen */
.cm-TableBox2 td.s1, .cm-TableBox2 td.s3 {
	width: 49%;
	border: #cccccc 1px solid;
	padding: 0px;
}
.cm-TableBox2 td.s2{
	width: auto;
	padding: 0px;
}
.cm-TableBox2 .bl-BoxFormat .box-innen {
	padding: 5px;
}

/*  Tabelle 3 Boxen */
.cm-TableBox3 td.s1, .cm-TableBox3 td.s3, .cm-TableBox3 td.s5 {
	width: 32%;
	border: #cccccc 1px solid;
	padding: 0px;
}
.cm-TableBox3 td.s2, .cm-TableBox3 td.s4 {
	width: auto;
	padding: 0px;
}
.cm-TableBox3 .bl-BoxFormat .box-innen {
	padding: 10px;
}



.cm-button {
	text-align: right;
	BACKGROUND: url(/img/module/button.gif) no-repeat bottom right;
	padding: 7px 16px 7px 0px; 
	font-size: 1.2em;
	margin: 0px 40px 0px 0px; 
}
.cm-button  a, .cm-button {
	text-decoration: none;
	FONT-WEIGHT: bold;
	color: #486274;
}
.cm-button  a:hover {
	text-decoration: underline;
	color:  #aa4646;
}


.cm-button-gr {
	text-align: right;
	BACKGROUND: url(/img/module/button_gr.gif) no-repeat bottom right;
	padding: 7px 12px 7px 0px; 
	font-size: 1.2em;
	margin: 0px 20px 0px 0px; 
}
.cm-button-gr a, .cm-button-gr  {
	text-decoration: none;
	FONT-WEIGHT: bold;
	color: #486274;
}
.cm-button-gr a:hover {
	text-decoration: underline;
	color:  #aa4646;
}





/* ================================================ */
/*  Extra Formatierungen Module */
/*================================================ */



/*
------------------------ 
	Blockelemente Tabellen in Datenbank
------------------------
*/
.db-table {
	clear: both;
	overflow: hidden;
	width: 100%;
}
.db-table table {
	BORDER-style: none;
	width: 100%;
}
.db-table td, .db-table th {
	vertical-align: top;
	padding: 4px 10px 4px 4px;
}
.db-table p {
	margin: 0px;
}


/*
------------------------ 
	Tabellenformate
	table.xxx macht die Class auch für andere Tabellen zugänglich
------------------------
*/

/*  Tabelle mit Rahmen */
.db-TableFormat1 {
	width: 400px;
	border-top: 1px #bbbbbb solid;
	border-left: 1px #bbbbbb solid;
	color: #000000;
}
.db-TableFormat1 td, .db-TableFormat1 th {
	border-bottom: 1px #bbbbbb solid;
	border-right: 1px #bbbbbb solid;
}
.db-TableFormat1 th {
	background-color: #cccccc;
}
.db-TableFormat1 th p {
	font-weight: bold;
}


/* ================================================ */
/*  Extra Formatierungen Module*/
/*================================================ */

.titlerahmen, .titlekopf{
	padding: 0px;
}
.titlekopf p {
	padding: 5px 0px 5px 10px;
	margin: 0px;
	FONT-WEIGHT: bold;
	text-align: left;
}
.main-innen .titlekopf p {
}

.titlekopf{
	border-top: #ffffff 1px solid;
	border-right: #ffffff 1px solid;
	border-left: #ffffff 1px solid;
	border-bottom: #ffffff 1px solid;
	BACKGROUND: url(/img/boxkopf_blau.gif) no-repeat;
}
.titlerahmen {
	border-top: #bbbbbb 1px solid;
	border-right: #bbbbbb 1px solid;
	border-left: #bbbbbb 1px solid;
	border-bottom: #bbbbbb 1px solid;
	background-color: #042f63;
}
.titlekopf p {
	COLOR: #f0f0f0;
}

.tbox-body h2 {
	margin-bottom: 0px;
}



#footer .bl-boxfootl {
	width: 170px;
}
#footer  .bl-boxfootr {
	width: 790px;
}
#footer  .bl-boxrechts {
 float: right;;
}

#footer .bl-box .innen {
	padding: 7px 15px 15px 15px;
}