/* SEITENLAYOUT */
.center    { width:800px; margin:0px auto; }
#global    { position:relative; left:0px;   top:0px;   z-index:1; width:800px; height:auto; }

#blaukopf  { position:absolute; left:0px;   top:0px;   z-index:2; width:800px; height:90px; background-color:#003366; }
  #logo    { position:absolute; left:15px;  top:8px;   z-index:4; width:70px;  height:93px; }
  #titel   { position:absolute; left:93px;  top:20px;  z-index:3; width:400px; height:22px; }
  #meta1   { position:absolute; left:0px;   top:72px;  z-index:3; width:791px; height:18px; }
  #meta2   { position:absolute; left:500px; top:2px;   z-index:3; width:291px; height:18px; }
  #lila    { position:absolute; left:0px;   top:90px;  z-index:2; width:800px; height:36px; background-color:#993399; }
  #navi1   { position:absolute; left:191px; top:90px;  z-index:3; width:361px; height:36px; }
  #lupe    { position:absolute; left:552px; top:90px;  z-index:4; width:239px; height:36px; }
  #suche   { position:absolute; left:552px; top:96px;  z-index:4; width:239px; height:36px; }

#inhalt    { position:absolute; left:0px;   top:126px; z-index:2; width:800px; height:auto; background-color:#FFFFFF; }
  .rubrik  { margin-left:15px; margin-top:15px; margin-bottom:15px; width:170px; }
  .artikel { margin-left:15px; margin-top:30px; margin-bottom:15px; width:540px; }

  /* TRENNER FUER ARTIKELLISTE UND WARENKORB, BESTELL-LEISTE, FORMULAR-ZEILEN */
  td.trenner  { background-color:#ECD8EC; padding:2px 15px 2px 9px; }
  td.bestell  { background-color:#993399; padding:3px 15px 3px 9px; }
  td.formular { background-color:#FFFFFF; padding:2px  0px 2px 5px; }
  td.formtext { background-color:#FFFFFF; padding:0px 15px 0px 5px; }
       .obun9 { margin-top:9px; margin-bottom:9px; }

/* EINZUEGE, ABSTAENDE */
.oben9    { margin-top:9px; }
.oben12   { margin-top:12px; }
.oben18   { margin-top:18px; }
.oben21   { margin-top:21px; }
.oben36   { margin-top:36px; }
.links9   { margin-left:9px; }
.links12  { margin-left:12px; }
.links18  { margin-left:18px; }
.rechts15 { padding-right:15px; }

/* ELEMENT-STILE */
body   { background-color:#CCCCDD; margin-top:0px; text-align:center; }

p,td    { font-family:Georgia,Sans; font-size:12px; color:#000000; }
.titel  { font-family:Arial,Sans-serif; font-size:13px; line-height:16px; font-weight:bold; }
.utitel { font-size:12px; font-weight:normal; }
.isbn   { font-family:Arial,Sans-serif; font-size:11px; line-height:13px; font-weight:normal; }
.fein   { font-family:Arial,Sans-serif; font-size:11px; line-height:13px; font-weight:normal; color:#666699; }
.inv    { color:#FFFFFF; }
.va     { font-family:Arial,Sans-serif; font-size:11px; line-height:13px; color:#003366; }

.inline  { vertical-align:middle; }            /* Grafiken mittig stellen in Fliesstextzeilen */
.pflicht { color:#FF0066; font-weight:bold; }

h2,h3,.h3,h4,.h4,h5,.h5 { font-family:Georgia,Sans; }
h2     { color:#003366; font-size:16px; }
h3     { color:#003366; font-size:14px; }
.h3    { color:#003366; font-size:14px; font-weight:bold; margin-top:0px; }
h4.evp { color:#E6EBF0; font-size:13px; line-height:18px; margin-top:0px; }
.h4    { color:#003366; font-size:13px; line-height:16px; font-weight:bold; }
.h5    { color:#666699; font-size:12px; line-height:16px; letter-spacing:0.03em; }

hr { width:100%; height:1px; color:#FFFFFF; border:none; border-top:1px dotted #993399; }

a { font-family:Arial,Sans-serif; font-size:11px; font-weight:bold; color:#993399; }
a:link,a:visited { text-decoration:none; color:#993399; }
a:hover,a:active { text-decoration:none; color:#CC99CC; }

/* 'BEARBEITEN'-VERWEISE */
.edit { color:#999900; }
a.edit:link,a.edit:visited { text-decoration:none; color:#999900; }
a.edit:hover,a.edit:active { text-decoration:none; color:#CCCC33; }

/* HAUPT-NAVIGATION 1 - HORIZONTALE LEISTE, LILA: WARENGRUPPEN (BUECHER, HOERBUECHER) */
.navi1 { font-family:Arial,Sans-serif; font-size:14px; font-weight:bold; color:#CC99CC; }
.navad1 { font-family:Georgia,Sans; font-size:14px; font-weight:bold; font-style:italic; letter-spacing:0.12em; color:#CC99CC; margin-top:9px; }
a.navi1 { color:#FFFFFF; }
a.navi1:link,a.navi1:visited { text-decoration:none; color:#FFFFFF; }
a.navi1:hover,a.navi1:active { text-decoration:none; color:#CC99CC; }
a.sub { font-weight:normal; }

/* HAUPT-NAVIGATION 2 - LINKE SPALTE: RUBRIKEN  */
.navi2 { font-family:Arial,Sans-serif; font-size:12px; font-weight:bold; color:#CC99CC; line-height:14px; margin-top:9px; }
a.navi2 { color:#993399; }
a.navi2:link,a.navi2:visited { text-decoration:none; color:#993399; }
a.navi2:hover,a.navi2:active { text-decoration:none; color:#CC99CC; }
.navi li  { margin:0 0 0 -40px; padding:3px 0 3px 0;list-style:none; }
.navi2-13 { font-size:13px; }

/* ADMIN-NAVIGATION - LINKE SPALTE: HERVORHEBUNGEN DURCH HINTERGRUNDFARBE, ...  */
.navadm { font-family:Arial,Sans-serif; font-size:12px; font-weight:bold; color:#ECD8EC; line-height:14px; margin-top:9px; }
a.navadm { color:#FFFFFF; }
a.navadm:link,a.navadm:visited { text-decoration:none; color:#FFFFFF; background-color:#993399; }
a.navadm:hover,a.navadm:active { text-decoration:none; color:#ECD8EC; background-color:#993399; }
.navedit { font-family:Georgia,Sans; font-size:13px; font-weight:bold; font-style:italic; color:#ECD8EC; }
a.navedit { color:#FFFFFF; }
a.navedit:link,a.navedit:visited { text-decoration:none; color:#FFFFFF; background-color:#999900; }
a.navedit:hover,a.navedit:active { text-decoration:none; color:#993399; background-color:#CCCC33; }
.navind li { margin:0 0 0 -24px; padding:3px 0 3px 0;list-style:none; text-indent:-16px; }

/* META-NAVIGATION 1 - HORIZONTAL IM HEADER, BLAU (STARTSEITE, IMPRESSUM, ...) */
.meta1 { font-family:Arial,Sans-serif; font-size:12px; font-weight:bold; color:#00CC59; margin-top:0px; }
a.meta1 { color:#FFFFFF; }
a.meta1:link,a.meta1:visited { text-decoration:none; font-weight:normal; color:#FFFFFF; }
a.meta1:hover,a.meta1:active { text-decoration:none; font-weight:normal; color:#00CC59; }

/* META-NAVIGATION 2  - HORIZONTAL IM HEADER, OBEN (BUCHHANDEL, PRESSE) */
.meta2 { font-family:Arial,Sans-serif; font-size:11px; font-weight:bold; color:#00CC59; margin-top:0px; }
a.meta2 { color:#E5E5E5; }
a.meta2:link,a.meta2:visited { text-decoration:none; font-weight:normal; color:#E5E5E5; }
a.meta2:hover,a.meta2:active { text-decoration:none; font-weight:normal; color:#00CC59; }

/* EXTERNE VERWEISE */
.ext { color:#003366; }
a.ext:link,a.ext:visited { text-decoration:none; color:#003366; }
a.ext:hover,a.ext:active { text-decoration:none; color:#CC99CC; }

/* TEXTFELDER, BUTTONS, ... */
.suchfeld { font-family:Arial,Sans-serif; font-size:12px; color:#000000; background-color:#ECD8EC; }
.textfeld { font-family:Arial,Sans-serif; font-size:12px; color:#000000; background-color:#F8F1F8; }
.button   { font-family:Arial,Sans-serif; font-size:12px; color:#000000; background-color:#F2F2F6; }