/* CSS fuer Intranet / Internet; (c) 2004 - 2010 software@jan-trippler.de; Version 2011-02-05 */

/* generelle Einstellungen */
body
{
  margin:           20px;
  border:           0px;
  background-color: #FFFFFF;
  color:            black;
  font-family:      sans-serif;
  top:              10px;
}
a img
{
  border:           0px;
}

/* Das Hauptmenue */
div.mainmenu
{
  width:            100%;
  height:           90px;
  left:             0;
  padding:          20px;
  background-color: #FFFFFF;
  border-width:     1px;
  border-style:     solid;
  border-color:     silver;
  position:         absolute;
  top:              0px;
  z-index:          1;
  text-align:       justify;
}
/* fuer alle Browser ausser IE: Menue festnageln (Hack aus ix 04/2003) */
div.endmatter>div.mainmenu
{
  position:         fixed;
}
/* Logo + Schriftzug */
a.homebtn
{
  position:         absolute;
  margin-left:      20px;
  margin-right:     50px;
  top:              10px;
}
/* a.homebtn img
{
  border:           0px;
} */

img#bttb
{
  position:         absolute;
  margin-left:      50px;
  margin-right:     20px;
  left:             280px;
  top:              10px;
}

/* Buttons */
p.mainselect
{
  width:            100%;
  position:         absolute;
  top:              45px;
  left:             250px;
  text-align:       justify;
}
p.mainselect.line2
{
  width:            100%;
  position:         absolute;
  top:              80px;
  left:             250px;
  text-align:       justify;
}
p.mainselect a.button
{
  padding:          5px;
  background-color: #A8B0FF;
  border-width:     2px;
  border-style:     groove;
  border-color:     #E0FAFF;
  text-decoration:  none;
  color:            white;
}
p.mainselect a.button1
{
  padding-top:      5px;
  padding-bottom:   5px;
  padding-left:     10px;
  padding-right:    10px;
  color:            #003366;
  background-color: #E0E0E0;
  border-width:     2px;
  border-style:     groove;
  border-color:     #D0F8FF;
  text-decoration:  none;
  font-weight:      bold;
  margin-left:      20px;
  margin-right:     20px;
}
p.mainselect a.button_act
{
  padding:          5px;
  background-color: #E8F0FF;
  border-width:     2px;
  border-style:     groove;
  border-color:     #E0FAFF;
  text-decoration:  none;
  color:            blue;
}
p.mainselect a.button1_act
{
  padding-top:      5px;
  padding-bottom:   5px;
  padding-left:     10px;
  padding-right:    10px;
  color:            blue;
  background-color: #E8F0FF;
  border-width:     2px;
  border-style:     groove;
  border-color:     #D0F8FF;
  text-decoration:  none;
  font-weight:      bold;
  margin-left:      20px;
  margin-right:     20px;
}
p.mainselect a:hover
{
  background-color: white;
  color:            blue;
}

/* Content beginnt unter dem Hauptmenue */
div.content
{
  position:         absolute;
  top:              130px;
  width:            95%;
}
div.content h1
{
  color:            #003366;
  font-size:        140%;
  font-weight:      bolder;
  text-align:       center;
}
div.content h2
{
  color:            #003366;
  font-size:        120%;
  font-weight:      bold;
  text-align:       left;
  text-decoration:  underline;
}
div.content p.idxleft
{
  width:            30%;
  float:            left;
  text-align:       justify;
  margin-right:     20px;
}
div.content p.idxright
{
  margin-left:      50px;
}
div.content .idxall
{
  float:            none;
  clear:            both;
  width:            100%;
}
div.content form
{
  text-align:       left;
}
div.content span.mark
{
  color:            #00008B;
  font-style:       italic;
}
div.content span.bigmark
{
  color:            #00008B;
  font-size:        120%;
  font-weight:      bold;
}
div.content span.typedesc
{
  vertical-align:   middle;
  padding-bottom:   10px;
}
div.content p.footer
{
  width:            100%;
  color:            #003366;
  background-color: #E0E0E0;
  text-align:       center;
  font-size:        80%;
}
div.content p.note
{
  color:            #00008B;
}
div.content p.types
{
  width:            90%;
  text-align:       center;
}
div.content p.types a.button
{
  padding:          5px;
  background-color: #A8B0FF;
  border-width:     2px;
  border-style:     groove;
  border-color:     #E0FAFF;
  text-decoration:  none;
  color:            white;
}
div.content p.types a.button_act
{
  padding:          5px;
  background-color: #E8F0FF;
  border-width:     2px;
  border-style:     groove;
  border-color:     #E0FAFF;
  text-decoration:  none;
  color:            blue;
}
div.content p.types span.errmsg
{
  color:            red;
  text-align:       center;
  font-size:        120%;
}

/* Content fuer headerlose Seiten */
div.hdrcontent
{
/*  width:            95%; */
  width:            100%;
}
div.hdrcontent h1
{
  color:            #003366;
  font-size:        140%;
  font-weight:      bolder;
  text-align:       center;
}
div.hdrcontent h2
{
  color:            #003366;
  font-size:        120%;
  font-weight:      bold;
  text-align:       left;
  text-decoration:  underline;
}
div.hdrcontent span.mark
{
  color:            #00008B;
  font-style:       italic;
}
div.hdrcontent span.typedesc
{
  vertical-align:   middle;
  padding-bottom:   10px;
}
div.hdrcontent p.footer
{
  width:            100%;
  color:            #003366;
  background-color: #E0E0E0;
  text-align:       center;
  font-size:        80%;
}
div.hdrcontent p.note
{
  color:            #00008B;
}
div.hdrcontent p.types
{
  width:            90%;
  text-align:       center;
}
div.hdrcontent p.types a.button
{
  padding:          5px;
  background-color: #A8B0FF;
  border-width:     2px;
  border-style:     groove;
  border-color:     #E0FAFF;
  text-decoration:  none;
  color:            white;
}
div.hdrcontent p.types span.errmsg
{
  color:            red;
  text-align:       center;
  font-size:        120%;
}

/* News-Tabelle */
table.idxnews
{
  float:            none;
  width:            100%;
}
table.idxnews caption
{
  color:            #003366;
  padding-top:      10px;
  padding-bottom:   10px;
  font-size:        120%;
  font-weight:      bold;
  text-align:       left;
  text-decoration:  underline;
}
table.idxnews tr
{
  vertical-align:   top;
}
table.idxnews .blue
{
  background-color: #E8F0FF;
}
table.idxnews .left
{
  text-align:       left;
}
table.idxnews .center
{
  text-align:       center;
}
table.idxnews th
{
  color:            #003366;
  background-color: #E0E0E0;
  padding-left:     10px;
  padding-right:    10px;
}
table.idxnews td
{
  padding-left:     10px;
  padding-right:    10px;
}

/* Tabellen fuer Modelllisten */
table.list
{
  width:            100%;
  margin-left:      5px;
  margin-right:     5px;
}
table.list caption
{
  color:            #00008B;
  padding-top:      10px;
  padding-bottom:   10px;
}
table.list tr
{
  vertical-align:   top;
}
table.list .blue
{
  text-align:       left;
  background-color: #E8F0FF;
}
table.list .important
{
  text-align:       left;
  font-weight:      bold;
  background-color: #E0E0E0;
}
table.list th
{
  color:            #003366;
  background-color: #E0E0E0;
  padding-left:     5px;
  padding-right:    5px;
}
table.list td
{
  text-align:       center;
  padding-left:     5px;
  padding-right:    5px;
}
table.list td.left
{
  text-align:       left;
  padding-left:     5px;
  padding-right:    5px;
}
table.list td.id
{
  color:            #A00000;
  text-align:       center;
  padding-left:     5px;
  padding-right:    5px;
}
table.list td.ref
{
  color:            #003366;
  text-align:       center;
  padding-left:     5px;
  padding-right:    5px;
}
table.list td.descr
{
  color:            #003366;
  text-align:       left;
  font-style:       italic;
  padding-left:     5px;
  padding-right:    5px;
}
table.list img
{
  vertical-align:   middle;
  display:          inline;
  border:           0px;
}

/* Layer fuer Modell-Details */
div#bttb_bild
{
  padding-left:     5px;
  padding-right:    5px;
  background-color: #FFFFFF;
  text-align:       left;
  position:         relative;
  left:             10px;
  top:              10px;
}
/* Tabellen fuer Modell-Details */
table.details
{
  width:            100%;
  margin-left:      5px;
  margin-right:     5px;
  font-size:        120%;
}
table.details tr
{
  vertical-align:   middle;
  padding-top:      10px;
  padding-bottom:   10px;
}
table.details td
{
  text-align:       center;
  padding-left:     5px;
  padding-right:    5px;
  font-family:      Verdana, Geneva, Arial, Helvetica, sans-serif;
}
table.details td.buttons
{
  width:            26px;
  padding-left:     1px;
  padding-right:    1px;
}
table.details td.bold
{
  font-weight:      bold;
}
table.details img
{
  vertical-align:   middle;
  display:          inline;
  border:           0px;
}
table.details .head
{
  text-decoration:  underline;
}
table.kats
{
  margin-left:      5px;
  margin-right:     5px;
  font-size:        90%;
  border-width:     1px;
  border-style:     solid;
  border-color:     silver;
}
table.kats tr
{
  vertical-align:   middle;
  padding-top:      5px;
  padding-bottom:   5px;
}
table.kats tr.price
{
  font-size:        80%;
}
table.kats td
{
  text-align:       center;
  padding-left:     5px;
  padding-right:    5px;
  font-family:      Verdana, Geneva, Arial, Helvetica, sans-serif;
  width:            80px;
  border-width:     1px;
  border-style:     solid;
  border-color:     silver;
}
table.kats td.desc
{
  width:            80px;
  font-weight:      bold;
}
table.kats img
{
  vertical-align:   middle;
  display:          inline;
  border:           0px;
}

/* Kaestchen */
p.rect
{
  padding-top:      5px;
  padding-bottom:   5px;
  color:            #00008B;
  font-size:        80%;
  text-align:       center;
  border-width:     1px;
  border-color:     #00008B;
  border-style:     solid;
}
/* Kaestchen */
ul.rect
{
  padding-top:      5px;
  padding-bottom:   5px;
  padding-left:     50px;
  padding-right:    50px;
  margin-left:      100px;
  margin-right:     100px;
  color:            #00008B;
  font-size:        80%;
  text-align:       left;
  border-width:     1px;
  border-color:     #00008B;
  border-style:     solid;
}
p.rect span.header
{
  text-decoration:  underline;
}

/* Zusatzbemerkungen kleiner */
span.remark
{
  font-size:        80%;
}