/* general */
html             { overflow-x: hauto; overflow-y: scroll;}
html, body, textarea   { scrollbar-face-color:#FFFFFF;
                   scrollbar-shadow-color:#FFFFFF;
                   scrollbar-highlight-color:#EEEEEE;
                   scrollbar-3dlight-color:#333399;
                   scrollbar-darkshadow-color:#333399;
                   scrollbar-track-color:#FFFFFF;
                   scrollbar-arrow-color:#333399; }

/* background colors */
body             {font-family:arial,helvetica,sans-serif; font-size:10px; color:#333399; border:0px; LINE-HEIGHT: 20px;text-decoration:none;cursor:default;}
body.banner      {background-color:#FFFFFF; margin:0px 0px 0px 0px; font-family:arial,helvetica,sans-serif; font-size: 8px;}
body.back        {background-color:#FFFFFF; margin: 0px 0px 0px 0px; font-family:arial,helvetica,sans-serif; font-size:10px;}
body.menu        {background-color:#FFFFFF; margin:0px 5px 0px 5px; }
body.navigate    {height:100%; background-color:#FFFFFF; margin:0px 0px 0px 0px;}
body.welcome     {background-image: url("img/welcome.jpg"); background-color:#FFFFFF; margin:8px 50px 20px 20px; font-family:arial,helvetica,sans-serif; scrollbar-face-color:#FFFFFF; scrollbar-shadow-color:#FFFFFF; scrollbar-highlight-color:#EEEEEE; scrollbar-3dlight-color:#333399;scrollbar-darkshadow-color:#333399;scrollbar-track-color:#FFFFFF;scrollbar-arrow-color:#333399;}
body.total       {background-color:#FFFFFF; margin: 0px 0px 0px 20px; border-top: #333399 1px solid; }
body.totalempty  {background-color:#FFFFFF; margin: 0px 0px 0px 0px; }
body.bottom      {background-color:#FFFFFF; margin: 0px 5px 0px 5px; }
body.itemlist    {background-image: url("img/body2.jpg"); background-color:#FFFFFF; margin:10px 10px 10px 20px; }
body.basket      {background-color:#FFFFFF; margin: 10px 10px 10px 20px;  font-family:arial,helvetica,sans-serifa; font-size: 8px;scrollbar-face-color:#FFFFFF; scrollbar-shadow-color:#FFFFFF; scrollbar-highlight-color:#EEEEEE; scrollbar-3dlight-color:#333399;scrollbar-darkshadow-color:#333399;scrollbar-track-color:#FFFFFF;scrollbar-arrow-color:#333399;}
body.itemcard    {background-color:#FFFFFF; margin: 10px 10px 10px 20px; }
body.info        {background-color:#FFFFFF; margin: 0px 5px 0px 20px; }
body.konditionen {background-color:#FFFFFF; margin: 10px 10px 10px 20px; font-family:arial,helvetica,sans-serif; font-size:10px;}
body.agb         {background-color:#FFFFFF; margin: 10px 10px 10px 20px; font-family:arial,helvetica,sans-serif; font-size:10px;}
body.contact     {background-color:#FFFFFF; margin: 10px 10px 10px 20px; font-family:arial,helvetica,sans-serif; font-size:10px;}
body.checkout    {background-color:#FFFFFF; margin: 10px 10px 10px 20px;}
body.orderconf   {background-color:#FFFFFF; margin: 10px 10px 10px 20px;}
body.formular    {background-color:#FFFFFF; margin: 10px 10px 10px 20px;}

/* Fonts and Margins *//* Font styles: normal/italic/oblique normal/bold/100-900 */
h1            { color:#333399; font-weight:bold; font-family:arial,helvetica,sans-serif; font-size:14pt; }

/* Welcome Screen */    
h1.navigate   { color:#000000; font-weight:bold; font-size: 10pt; }
h2            { color:#333399; margin:15px 0px 3px 3px; font-weight:bold; font-family:arial,helvetica,sans-serif; font-size:10pt; }        

/* Window title */
h3            { color:#333399; margin:10px 0px 3px 3px; font-style:italic; font-weight:bold; font-size:10pt; } 

/* Subtitle */
h4            { color:#000000; margin: 0px 0px 0px 3px; font-weight:bold; font-size:8pt; }         

/* Mini title */
h5            { color:#FF0000; margin: 0px 0px 0px 3px; font-style:italic; font-weight: normal; font-size:10pt; } 

/* User Alert */
h6            { color:#FF0000; margin: 0px 5px 0px 3px; font-weight:normal; font-size:8pt; }       

/* User Info Text */
p             { color:#000000; font: 10pt; }
p.total       { background-color:transparent; color:#333399; text-align:left;font: bold 8pt; padding-left: 10px}
p.welcome     { background-color:#333399; color:#333399; text-align:right;font: normal 8pt;}
p.info        { background-color:transparent; color:#000044;text-align:left;font: normal 8pt;}
div.license   { background-color:transparent; color:#333399;text-align:left;font: normal 6px;}
p.basketmsg   { color:#ff0000; font: normal 8pt; }

/* in Warenkorb übertragen */
p.orderconf   { color:#ff0000; font: normal 8pt; }
div.navigate  { color:#333399; font: normal 9pt; text-decoration: none; }
strong,b      { font-family:arial,helvetica,sans-serif; font-size: 10pt;}

a,a:visited,a:active              { color:#333399; background-color:transparent; text-decoration:none; }

a.browntext,a.browntext:active,a.browntext:navigate    { color:#333399; background-color:transparent; text-decoration:none; }
a.browntext:focus:hover           { color:#333399; background-color:transparent; text-decoration:none; }
a.browntext:visited               { color:#333399 ; background-color:transparent; text-decoration:none; }

a.navigate,a.navigate:visited     { background-color:transparent; color: #333399; font: 8pt; text-decoration: none; }
a.navigate:focus:hover            { background-color:#a5b1c6; color:#333399; text-decoration: none; border-bottom: #C4D4FC 1px solid; border-left: #C4D4FC 1px solid; border-right: #C4D4FC 1px solid; border-top: #C4D4FC 1px solid; }

/*
a,a:visited                       { background-color:transparent; text-decoration:none; color:#ffffff;}
a:active                          { background-color:transparent; text-decoration:none; color:#ffffd0;}
a:focus:hover                     { background-color:transparent; text-decoration:none; color:#ffffc0;}
a.navigate,a.navigate:visited     { background-color:transparent; color:#FFFFFF; font: bold 8pt; text-decoration: none; }
a.navigate:focus:hover            { background-color:#a4987a; color:#FFFFFF; text-decoration: none; border-bottom: #a4987a 1px solid; border-left: #a4987a 1px solid; border-right: #a4987a 1px solid; border-top: #a4987a 1px solid; }
*/

a.actualnavigate                  { background-color:transparent; color:#000000; font: bold 9pt;text-decoration: none; height : 10px; padding-left : 5px; }
a.actualnavigate:visited          { background-color:transparent; color:#000000; font: bold 9pt;text-decoration: none; height : 10px; padding-left : 5px; }

a.banner:focus:hover              { color:#EEEEEE;font-size:10pt; text-decoration:none;}
a.banner,a.banner:visited         { color:#FFFFFF; font-size:10pt; text-decoration:none;}

a.itemlist,a.itemlist:visited     { color:#333399; font:normal; text-decoration:none;}
a.itemlist:focus:hover            { color:#333399; font:normal; text-decoration: none;}

a.basketlist,a.basketlist:visited { color:#333399; font: bold; text-decoration: none;}
a.basketlist:focus:hover          { color:#333399; font: bold; text-decoration: none;}
a.mail                            { background-color:transparent; text-decoration:none; color:#333399;}
a.mail:focus:hover                { background-color:#333399; color:#FFFFFF; text-decoration: none; border-bottom: #333399 1px solid; border-left: #333399 1px solid; border-right: #333399 1px solid; border-top: #333399 1px solid; }



/* Hyperlinks color :visited :hover :active */

/* Tables */
table             { font-family:Arial, Helvetica, sans-serif; font-size: 10pt; color:#000000;}
table.hidden      {padding-top:0px; padding-bottom:0px; padding-left:0px; padding-right:0px;margin-left:0px; border:0px;}
table.basketlist  { font-size: 8pt; }
table.itemlist    { font-size: 8pt; }
table.orderconf   { font-size: 8pt; }
table.menutable   {background-color: #333399;}
table.navigate    {height:100%; width:210; padding-top:0px; padding-bottom:0px; padding-left:0px; padding-right:0px;margin-left:0px; border:0px; text-align:left; border:0px; background-color: #c1d1d1; }
/* background-color: #a4987a; color:#a4987a;  */

/* Row heights and alignments */
/* tr.search         { height:auto; vertical-align:middle; background-color: #a4987a; } */
tr.search         { height:auto; vertical-align:middle; background-color: #c1d1d1; border:1px; border-color:#ffffff; }
tr.navigate       { height:auto; vertical-align:middle; background-color: #c1d1d1; }
tr.colhead        { height:auto; vertical-align:middle; background-color: #FFFFFF; color: #333399; }
tr.space          { height:10px; }
tr.total          { border-color: #EEEEEE; height:auto; vertical-align:middle; }
tr.navigatetitle  { height:22px; vertical-align:middle;}
tr.menu           { height:7px;}
tr.1px            { height:1px;}
tr.banner         { vertical-align:left;}
tr.itemlist       { background-color:#EEEEEE; }
tr.basketlist     { background-color:#00ff00; }
tr.baskettotal    { border-color: #FF6633; height:20px; vertical-align:middle;}
tr.sort           { border-color: #EEEEEE; height:20px; vertical-align:middle;}     
tr.login          { border-color: none; vertical-align:left;}

/* Table cells */
td.black          { color: #000000;}
td.white          { color: #000000;}
td.missing        { background-color:transparent;color:#FF0000; }
td.menu           { background-color:transparent; }
td.flow           { background-color:transparent }

/* cards, welcome */
td.menu1		  {color: #333399; background-color: #FFFFFF; }
td.menu2		  {color: #333399; background-color: #FFFFFF;}
td.menu           { background-color:transparent; color:white;padding: 0px 2px 0px 0px; text-align:center; border: 0px; font:bold; }
td.flow           { vertical-align:top; }
td.banner         { font: 8pt; color: #000000;}
td.login          { color: #FFEEEE;}
td.total          { background-color:transparent; color:#000000; border: solid 0px; font:bold; vertical-align: middle; padding: 0px 0px 0px 0px;}
td.username       { background-color:#333399; color:#FFFFFF; vertical-align: middle; font: 8pt}
td.navigate       { background-color:#333399; color:#333399; vertical-align: middle; font: 8pt; padding: 0px 0px 0px 0px;  }
td.navigate1      { background-color:#c1d1d1; color:#333399; vertical-align: middle; font: 8pt;  }
td.navigate2      { background-color:#c1d1d1; color:#333399; vertical-align: middle; font: 8pt; border-bottom: #ffffff 1px solid;}
td.filter         { background-color:#FFFFFF; color:#333399; vertical-align: middle; font: 8pt}
td.browntext      { background-color:#FFFFFF; color:#333399; font: 8pt;}
td.browntext:focus:hover { color:#c1d1d1; vertical-align: bottom; font: 8pt}
td.itemlisteven2  { background-color:#FFFFFF; color:#000000; vertical-align: middle; padding: 0px 0px 3px 3px; border-color:#EDF2C8;}
td.itemlistodd2   { background-color:#c1d1d1; color:#333399; vertical-align: middle; padding: 0px 0px 3px 3px;}
td.itemlisteven   { background-color:#FFFFFF; color:#333399; border: 0px; vertical-align: middle; padding: 0px 0px 3px 3px; font: normal; text-decoration:none;}
td.itemlistodd    { background-color:#c1d1d1; color:#333399; border: 0px; vertical-align: middle; padding: 0px 0px 3px 3px; font: normal; text-decoration:none;}
td.basketlisteven { background-color:#FFFFFF; color:#333399; border: 0px; vertical-align: middle; padding: 0px 0px 3px 3px; font: normal; text-decoration:none;}
td.basketlistodd  { background-color:#c1d1d1; color:#333399; border: 0px; vertical-align: middle; padding: 0px 0px 3px 3px; font: normal; text-decoration:none;}
td.baskettotal    { background-color:transparent; color:#333399; border: 0px; font:bold; vertical-align: middle; padding: 0px 0px 0px 5px;}
td.sort           { background-color:#FFFFFF; color:#000000; border: solid 1px; vertical-align: middle; padding: 0px 0px 3px 3px;}
td.orderconfeven  { background-color:#FFFFFF; color:#333399; vertical-align: middle; padding: 0px 0px 3px 3px; border-color:#EDF2C8;}
td.orderconfodd   { background-color:#c1d1d1; color:#333399; vertical-align: middle; padding: 0px 0px 3px 3px;}
td.orderconfb     { background-color:#FFFFFF; color:#333399; border: 0px; vertical-align: top; padding: 0px 0px 3px 3px; font:8pt; font-weight:bold;}
td.orderconf      { background-color:#FFFFFF; color:#333399; border: 0px; vertical-align: middle; padding: 0px 0px 3px 3px; font: 8pt;}
td.welcome        { color:#0000A0;}
td.checkout       { color:#000000; font: 8pt}
td.orderconf      { color:#333399; font: 8pt}
td.formular       { color:#000000; font: 8pt}
select.checkout   { color:#000000; font: 8pt}
select.formular   { color:#000000; font: 8pt}
td.search		  { height:auto; vertical-align:middle; background-color: #c1d1d1; /*border-bottom: #ffffff 1px solid;*/}
td.colhead        { height:auto; vertical-align:middle; background-color: #FFFFFF; color: #333399; }

/* Buttons */
input.button,input.smallbutton,input.largebutton  { height:auto; text-align:center; background-color:#FFFFFF; color: #000000;}
input.button      { width:150px; border: solid 1px; border-color:#333399;}
input.largebutton { width:200px; border: solid 1px; border-color:#333399;}
input.smallbutton { width:100px;}
input.bannermenu  { background-color:#333399; border:solid 0px; height:auto; font: normal 8pt;vertical-align:top;}
input.login       { background-color:#FFFFFF; border:solid 0px; font: normal 8pt;}
input.navigate    { background-color:#ffffff; border:solid 1px; font: normal 8pt;}
input.loginbutton { background-color:transparent; border:solid 0px; font: normal 8pt; color:#333399; font-family:arial,helvetica,sans-serif;}
input.total       { background-color:#FFDD99; border-color:#FF6633; color:#000000; border: solid 1px;font: normal 8pt;}
input.totalbutton { background-color:transparent; color:#333399; border: solid 0px; font-weight:none; font-family:arial,helvetica,sans-serif; font-size:8pt;}
input.sort        { background-color:transparent; color:#000000; border: solid 0px;font: normal 7pt;}
input.itemlist    { background-color:#FFFFFF; color:#000000; border: solid 1px; border-color:#000000; font-family:arial,helvetica,sans-serif; font-size:9px; font-weight:400; text-align: right}
input.basketlist  { background-color:#FFFFFF; color:#000000; border: solid 1px; border-color:#000000; font-family:arial,helvetica,sans-serif; font-size:9px; font-weight:400; text-align: right}
input.checkout    { background-color:#EAEAEA; border:solid 1px; font: normal 8pt;}
input.formular    { background-color:#EAEAEA; border:solid 1px; font: normal 8pt;}
select.sort       { background-color:#ffffff; color:#000000; border: solid 0px; border-color:#333399; font-family:arial,helvetica,sans-serif; font-size:9px; font-weight:400;}
select.navigate   { background-color:#ffffff; border: solid 0px; border-color:#000000; font-family:arial,helvetica,sans-serif; font: normal 8pt; }

/* Images */
img               { margin: 0px 0px 0px 0px; border: 0px}

/* Content */
.Überschrift1     { color:#333399; font-weight:bold; font-family:arial,helvetica,sans-serif; font-size:12pt; }
.Überschrift2     { background-color:#666666; color:#FFFFFF; font-weight:bold; font-family:arial,helvetica,sans-serif; font-size:12pt; }
.Text1            { color:#333399; font-weight:bold; font-family:arial,helvetica,sans-serif; font-size:10pt; }
.Text2            { color:#333399; font-family:arial,helvetica,sans-serif; font-size:10pt; line-height: 1.3;}
.TextAutor        { color:#333399; font-family:arial,helvetica,sans-serif; font-size:10pt; font-style:none; line-height: 1.3; }
.TextWhite        { color:#333399; font-family:arial,helvetica,sans-serif; font-size:8pt; line-height: 2.7; }
.Links            { background-color:transparent; text-decoration:none; color:#333399; font-size:10pt; }
.TextSelect		  { color:#333399; font-family:arial,helvetica,sans-serif; font-size:8pt; bordercolor:#333399; border:solid 1px; background-color:#ffffff; }			
.HeadLine		  { color:#333399; font-family:arial,helvetica,sans-serif; font-size:8pt; line-height: 1.3;  }
.TextBasket		  { color:#333399; font-family:arial,helvetica,sans-serif; font-size:10pt; font-style:bold; }
.BasketTotal	  { color:#333399; font-family:arial,helvetica,sans-serif; font-size:8pt; line-height: 1.3; font-weight:bold;  }
.Safer            { color:#333399; font-weight:none; font-family:arial,helvetica,sans-serif; font-size:10pt; border-bottom: #333399 1px solid; border-left: #333399 1px solid; border-right: #333399 1px solid; border-top: #333399 1px solid;}
.HeadLine2		  { color:#333399; font-family:arial,helvetica,sans-serif; font-size:8pt; line-height: 1.3; font-weight:bold;  }
