/*
 *  ACHTUNG! bei Hinzufügen neuer Klassen oder sonstigen relevanten Änderungen müssen
 *  die stylesheets für die anderen Themes angepasst werden.
 *
 */

/* Begrenzer unten: */
table.begrUnten,th.begrUnten,tr.begrUnten,td.begrUnten {
   background-color: #FFCC00;
   height: 22px;
   color: #000000;
}

table.Userform tr td
{
	padding-left: 0px;	
}

th {text-align: left;
}

.divider  {color:#cccccc;
   background-color:#cccccc;
} /* Separator Main-Bereich */

tr.toolbar,td.toolbar  { /* für HTMLArea-Editor */
   background-color: #8492bd;
   color: #000000;
}

td.sep  {background-color:#ffffff;
} /* Separator Tabelle Main-Bereich, wenn allgemeine bgcolor vorgegeben */

table.background,table.bg {background-color:#000000;
}

table.normal,table.n { /* nur verwenden, wenn keine durchsichtigen Bereiche vorgesehen sind! */
   background-color: #d1d8eb;  /* derzeit:helles blau */
}
tr.nHead,th.nHead,th.normal,th.n,td.nHead   {
   background-color: #8492bd;  /* derzeit: mittleres blau */
   color: #ffffff;
   font-weight: 800;
   text-decoration : none;
}
tr.normal,tr.n,tr.nBody,td.normal,td.n,td.nBody  {
   background-color:#d1d8eb;  /* derzeit:helles blau */
   color: #000000;
}
tr.normalBottom,tr.nBottom,td.normalBottom,td.nBottom {
   background-color: #8492bd;  /* alt: $_CONF["FarbeTabTh"] */
   color: #ffffff;
}
td.normalSep,td.nSep  {background-color: #ffffff;
} /* Separator Tabelle Main-Bereich, wenn allgemeine bgcolor vorgegeben */


/* Ausgabe einer VIP-Zeile - nur EINE Tabellenzelle!
   border=0 cellspacing=1 cellpadding=2  */
table.vip {background-color: #FFD039;  /* fungiert hier als Rahmenfarbe */
}
tr.vip,tr.vipBody,td.vip,td.vipBody  {background-color: #FEF5DB;
   color: #000000;
   font-weight: 800;
}


/* große LÜCKENTABELLE (funktioniert unter NN4 allerdings unzuverlässig!) */
/* <table cellspacing="2" [cellpadding="2"] class="gap"> !! */
table.gap {
   margin: -2px;  /* Ausgleich der optischen Einrückung der Tabelle am linken Rand */
   border:0px none;
}

table.gap tr th
{
	font-size: 12px;
	line-height: 1.5;
}
table.gap tr td
{
	padding-left: 0px;
	padding-right: 2px;
}

tr.gapHead,th.gap,th.gapHead,td.gapHead  {background-color: #FFD039;
   border:0px none;
   color: #000000;  /* #d1d8e8; */
   font-weight: 800;
   text-decoration : none;
}
tr.gap,tr.gapBody,td.gap,td.gapBody  {
   background-color: #FEF5DB;
   border:0px none;
}
tr.gapBottom,td.gapBottom {
   background-color: #8492bd;
}

tr.gapAlter, td.gapAlter {
   background-color: #EDEDED;
   border:0px none;
}


table.L,tr.L,tr.lBody,td.L,td.lBody {
    background-color:  #d1d8e8;
   color: #000000;
}
tr.lHead,th.L,th.lHead,td.lHead  {background-color: #8492bd;
   color: #ffffff;
}
tr.lBottom,td.lBottom  {background-color #006666;
   color: #ffffff;
}
td.sepL,td.lSep  {background-color:#ffffff;  /* entspricht Hintergrundfarbe!! ->PHP */
}  /* sepL VERALTETE SCHREIBWEISE - nicht mehr benutzen */


table.R,tr.R,tr.rBody,td.R,td.rBody,input.rInput {background-color:  #FEF5DB;
   color: #000000;
}
tr.rHead,th.R,th.rHead,td.rHead  {background-color: #FFD039;  /* #8492bd; */
   color: #000000;
}
tr.rBottom,td.rBottom   {background-color: #006666;
   color: #ffffff;
}
td.sepR,td.rSep  {background-color:#ffffff;
}


table.R2,tr.R2,tr.r2body,td.R2,tr.r2body,input.r2Input {background-color: #FEF5DB;  /* #d1d8eb; */
   color: #000000;
}
th.R2,th.r2head,tr.r2head,td.r2head  {background-color: #FFD039;  /* #8492bd; */
   color: #000000;
}
tr.r2bottom,td.r2bottom  {background-color: #006666;
   color: #000000;
}
td.sepR2,td.r2sep   {background-color:#ffffff;
}

/* funktioniert aus unerfindlichen Gründen nicht:
tr.sep  {background-color:#cccccc;
}
tr.sepL  {background-color:#ffffff;
}
tr.sepR  {background-color:#ffffff;
}
*/


/* ### class="bright" bitte nur in Ausnahmefällen nutzen!! */
.bright  {color : #ff00ff;  /* entfernen! */
}

/* ### class="medium" bitte nur in Ausnahmefällen nutzen!! */
.medium  {color : #ff00ff;  /* entfernen! */
}

.h1like  {color : #8292ba;  /* ## SIEHE AUCH h1 ! ## */
} /* zur Zeit dunkelgrün */

p.h1like, em.h1like {font-weight:800;
}

.goodinfo {color: #000000; /* z. Zt. wie h1 */
   font-weight: 800;
}

.vip,.badinfo {color: #d84911; /* "very important point" oder so */
   font-weight: 800;
} /* derzeit: rot */

.vipL {color:#d84911;
   font-weight: 800;
} /* derzeit: rot von a.menLsel */

.vipR {color:#ffffff;
   font-weight:800;
}

.weak {color:#e5e5e5;
}


/* ### FORMULARFELDER ### */
/* multiple Klassenangaben: class="noStyle Blabla" mit LEERZEICHEN! */

.ExtLong
{
	width: 220px;	
}

.ExtInput {color: #000000;  /* #727cb2; */
   border-left: 1px solid #727cb2;
   border-top: 1px solid #727cb2;
   border-right: 1px solid #d8dadd;
   border-bottom: 1px solid #d8dadd;
   background-color: #f8faff;
   font-size: 12px;
   padding-left: 2!important;
}

input.void,textarea.void,select.void   {color: #000000;
   border-left: 0px none;
   border-right: 0px none;
   border-top: 0px none;
   border-bottom: 0px none;
   background-color: #ffffff;  /* ggf anpassen! */
}

input.rInput,input.r2Input { /* .void für Checkbox & Radiobtn in rechter Tabelle */
   /* background-color wird zugleich mit Tabellenfarbe (s.o.) gesetzt */
   color: #000000;
   border-left: 0px none;
   border-right: 0px none;
   border-top: 0px none;
   border-bottom: 0px none;
}

input.rdonly { /* für read-only Felder */
   background-color: #eeeeee;
}

input.std,textarea.std,select.std   {color: #000000;
   border-left: 2px inset #e3e3e3;
   border-right: 2px inset #e3e3e3;
   border-top: 2px inset #e3e3e3;
   border-bottom: 2px inset #e3e3e3;
   background-color: #ffffff;
}

input.button,button  {background-color: #FFCC00;
   color: #000000;
   border-top: 2px outset #000000;
   border-left: 2px outset #000000;
   border-right: 2px outset #000000;
   border-bottom: 2px outset #000000;
   font-size: 11px;
   font-weight: 800;
}

/* Formulargrößen ganzseitig ... */

input.full,textarea.full   {
 width: 410px;
} /* size="38" textarea: cols="39" */

input.half,textarea.half   {width: 200px;
} /* size="17" */

input.third   {width: 130px;
} /* 3x size="10" */

input.quarter   {width: 95px;
} /* 2x size="6" & 2x size="7" */

input.number  {width: 56px;
} /* size="3" */

input.restOfNumber     {
 width: 344px;
} /* size="31" */

input.halfRestOfNumber     {
 width: 167px;
} /* 1x size="13" & 1x size="14" */

input.restOfNumberAndHalf  {width: 134px;
} /* size="3" ?? */

/* Formulargrößen rechte Spalte (Trenner 5px!) ... */

input.small     {
 width: 130px;
} /* size="10" ? */

input.smaller     {
 width: 85px;
} /* size="5" ? */

input.halfSmall     {
 width: 60px;
} /* size="3" ? */

textarea.small     {
 width: 130px;
} /*  ? */

/* ############# REGISTERKARTEN / KARTEIREITER -STYLES ############### */

.shopcart a
.shopcart a:visited
.shopcart a:acitve
.shopcart a:hover
{
	text-decoration: none;	
}

a.karteiakt    {color: #000000;
   font-weight:800;
   text-decoration: none;}
a.karteiakt:active  {text-decoration: none;
}
a.karteiakt:visited  {color: #000000;
}
a.karteiakt:hover  {color: #000000;
   text-decoration: none;
}

a.karteipas    {color: #000000;
   font-weight:400;
   text-decoration: none;}
a.karteipas:active  {text-decoration: none;
}
a.karteipas:visited  {color: #000000;
}
a.karteipas:hover  {color: #000000;
   text-decoration: underline;
}

table.kartei {; /* derzeit ohne Modifikationen */
}
td.karteiakt {
   background-color :#FFD039;  /* :#fbe0b0 -- alt: $_CONF["FarbeTabTh"] */
   color: #000000;
   font-weight:800;
   font-style : normal;
   text-decoration:none;
/*   border: 0px none; */
   border-bottom-color: #006666;
   border-bottom-width: 1px;
   border-bottom-style:solid;
}
td.karteipas {
   background-color:#FEF5DB;  /* #faf0ce -- alt: $_CONF["FarbeTabLetzte"] */
   color: #000000;
   font-weight:400;
   font-style : normal;
   text-decoration:none;
   border-left: 0px none;
   border-right: 0px none;
   border-top: 0px none;
   border-bottom: 1px solid ;  /* muss mit .divider und .linieunten übereinstimmen **NEU** auch aktive Farbe*/
}

td.linieunten {
   border-left: 0px none;
   border-right: 0px none;
   border-top: 0px none;
   border-bottom: 1px solid #006666;  /* muß mit .divider und karteipas übereinstimmen ** NEU ** aktive Farbe [CM]*/
}



/* CSI-Fragebögen auf Userseite */

table.csi_table {
  border-collapse:collapse;
}

td.csi_td {
  padding:6px;
  vertical-align:text-top;
  border-style:solid;
  border-color:#CCCCCC;
  border-width:1px;
}

td.csi_td_l {
  padding:6px;
  background-color:#EFEFEF;
  border-style:solid;
  border-color:#BCBCBC;
  border-width:1px;
}

td.csi_td_r {
  padding:6px;
  vertical-align:bottom;
  border-style:solid;
  border-color:#BCBCBC;
  border-width:1px;
}



/* ##################### aus dem alten CSS übernommen ######################## */

#introid { position:absolute; left:350; top:100; }

/*
Herausgenommen [BNY] - wenn Probleme: aus altem CSS holen ...
*/

table.baskettable
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	margin-top: 20px;
	width: 550px;
}

/*
Shop navigation
*/

.catnav ul { 
	list-style:none;
	margin:0 0 0 30px;
	padding:0;
	font-size:.7em;
	line-height:1.3;
	}

/* first navigation layer */
.catnav ul li a.navi_level_1:link, .catnav ul li a.navi_level_1:visited, .catnav ul li a.navi_level_1:active,
.catnav ul li a.navi_level_1_act:link, .catnav ul li a.navi_level_1_act:visited, .catnav ul li a.navi_level_1_act:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: black;
	text-decoration: none;
	padding-left:30px;
	margin-left:-30px;	
	width: 178px;
	height: 16px;
	width:17em;
	display:block;
	}
.catnav ul li a.navi_level_1_act:link, ul li a.navi_level_1_act:visited, ul li a.navi_level_1_act:active {
	background-image: url(../img/menu_level1_link.gif);
	background-repeat: no-repeat;
	background-position:0px center;
	}
.catnav ul li a.navi_level_1:hover, .catnav ul li a.navi_level_1_act:hover{
	color: #B1004A;
	background-image:url(../img/menu_level1.gif);
	background-repeat: no-repeat;
	background-position:0px center;
	}
.catnav ul li .space, .catnav ul li .space:hover {
	padding:0px;
	margin:0px;
	visibility:hidden;
	height: 1em;
	list-style-image: none;
}
/* second navigation layer */
.catnav ul li a.navi_level_2:link, .catnav ul li a.navi_level_2:visited, .catnav ul li a.navi_level_2:active,
.catnav ul li a.navi_level_2_act:link, .catnav ul li a.navi_level_2_act:visited, .catnav ul li a.navi_level_2_act:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
	color: #000000;
	height: 16px;
	background-image: url(../img/menu_level2_back.gif);
	background-repeat: no-repeat;
	background-position:0px center;
	padding-left:44px;
	margin-left:-30px;
	display:block;
	width:164px;
	width:18.3em;
	font-size:.85em;
	line-height:1.4;
	}
.catnav ul li a.navi_level_2_act:link, .catnav ul li a.navi_level_2_act:visited, .catnav ul li a.navi_level_2_act:active {
	font-weight: bold;
	background-image: url(../img/menu_level2_link.gif);
	background-repeat: no-repeat;
	background-position:0px center;	
	font-size:1em;
	}
.catnav ul li a.navi_level_2:hover, .catnav ul li a.navi_level_2_act:hover{
	color: #B1004A;
	background-image:url(../img/menu_level2.gif);
	background-repeat: no-repeat;
	background-position:0px center;
	}
/* third navigation layer */
.catnav ul li a.navi_level_3:link, .catnav ul li a.navi_level_3:visited, .catnav ul li a.navi_level_3:active,
.catnav ul li a.navi_level_3_act:link, .catnav ul li a.navi_level_3_act:visited, .catnav ul li a.navi_level_3_act:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
	color: #000000;
	height: 16px;
	width:150px;
	background-image: url(../img/menu_level2_back.gif);
	background-repeat: no-repeat;
	background-position:0px center;
	display:block;	
	padding-left:58px;
	margin-left:-30px;
	font-size:.85em;
	line-height:1.4;
	}
.catnav ul li a.navi_level_3_act:link, .catnav ul li a.navi_level_3_act:visited, .catnav ul li a.navi_level_3_act:active {	
	background-image:url(../img/menu_level3_link.gif);
	background-repeat: no-repeat;
	background-position:0px center;
	font-weight:bold;
	font-size:1em;
	line-height:1.3;
	}
.catnav ul li a.navi_level_3:hover, .catnav ul li a.navi_level_3_act:hover{
	background-image:url(../img/menu_level2.gif);
	background-repeat: no-repeat;
	background-position:0px center;
	}