/*
Copyright (c)  bpm consult ag, CH-Birsfelden
               2006
               All rights reserved.
*/

/*** global defaults ***/

body, html {
  margin:            0px;
  border:            0px;
  padding:           0px;
  font-size:         12px;
  font-family:       Verdana, Univers, Helvetica, sans-serif;
  font-weight:       normal;
  background:        #FFFFFF;
  color:             #333333;
}
table {
  margin:            0px;
  border:            0px;
  border-collapse:   collapse;
  border-spacing:    0px;
  padding:           0px;
}
th, td {
  margin:            0px;
  border:            0px;
  padding:           2px;
  vertical-align:    top;
  font-size:         12px;
  font-family:       Verdana, Univers, Helvetica, sans-serif;
  font-weight:       normal;
}
hr {
  margin-top:        4px;
  margin-right:      0px;
  margin-bottom:     4px;
  margin-left:       0px;
  border-top:        1px solid #EEEEEE;
  border-right:      1px solid #FFFFFF;
  border-bottom:     1px solid #FFFFFF;
  border-left:       1px solid #EEEEEE;
  padding:           0px;
}
div, img, form {
  margin:            0px;
  border:            0px;
  padding:           0px;
}
h1, h2, h3, p {
  margin:            0px;
  border:            0px;
  padding-top:       8px;
  padding-right:     0px;
  padding-bottom:    8px;
  padding-left:      0px;
  font-family:       Verdana, Univers, Helvetica, sans-serif;
  font-weight:       normal;
}
h1 {
  font-size:         20px;
  color:             #333333;
}
h2 {
  font-size:         16px;
  color:             #333333;
}
h3 {
  font-size:         12px;
  color:             #333333;
}
a:link, a:visited, a:active {
  font-size:         12px;
  color:             #930A14;
  text-decoration:   none;
}
a:hover, a:focus {
  font-size:         12px;
  color:             #B8303B;
  text-decoration:   underline;
}
input, select, textarea {
  vertical-align:    top;
  font-size:         12px;
  font-family:       Verdana, Univers, Helvetica, sans-serif;
  font-weight:       normal;
  color:             #333333;
}
.text {
  border:            1px solid #946C64;
  background:        #EFC3BA;
}

/*** header ***/

div.headerbg1 {
  height:            122px;
  width:             100%;
  background:        #B8303B;
}
div.headerbg2 {
  position:          absolute;
  top:               0px;
  left:              0px;
  width:             100%;
}
div.headerfg {
  position:          absolute;
  top:               18px;
  left:              280px;
  width:             420px;
  color:             #D7D7D7;
  text-align:        right;
  white-space:       nowrap;
}
div.topnav {
  top:               100px;
  left:              0px;
  width:             80%;
  position:          absolute;
  padding:           4px;
  white-space:       nowrap;
  text-indent:       4px;
  background:        #CCCCCC;
}
div.topright {
  top:               100px;
  right:             0px;
  width:             20%;
  position:          absolute;
  padding:           4px;
  text-align:        right;
  white-space:       nowrap;
  background:        #CCCCCC;
}
a.header:link, a.header:visited {
  color:             #D7D7D7;
}
a.header:hover, a.header:active, a.header:focus {
  color:             #FFFFFF;
}
a.navtop:link, a.navtop:visited {
  padding-top:       4px;
  padding-right:     8px;
  padding-bottom:    4px;
  padding-left:      8px;
  text-align:        center;
  text-decoration:   none;
  font-weight:       bold;
  color:             #333333;
  white-space:       nowrap;
}
a.navtop:hover, a.navtop:active, a.navtop:focus {
  color:             #BBBBBB;
  background:        #B8303B;
}
a.navabout:link, a.navabout:visited {
  padding:           4px;
  text-align:        center;
  text-decoration:   none;
  font-weight:       bold;
  color:             #333333;
  white-space:       nowrap;
}
a.navabout:hover, a.navabout:active, a.navabout:focus {
  color:             #B8303B;
}

/*** left ***/

div.navleft {
  top:               122px;
  left:              0px;
  width:             200px;
  position:          absolute;
  float:             left;
  border-top:        0px;
  border-right:      1px solid #946C64;
  border-bottom:     1px solid #946C64;
  border-left:       0px;
  text-align:        center;
  background:        #E4A296;
  overflow:          hidden;
}
div.subnav {
  margin:            14px;
  border-top:        2px solid #946C64;
  border-bottom:     2px solid #946C64;
  padding:           4px;
  text-align:        left;
  background:        #EFC3BA;
}

/*** right ***/

div.right {
  top:               122px;
  right:             0px;
  width:             200px;
  position:          absolute;
  float:             right;
  border-top:        0px;
  border-right:      0px;
  border-bottom:     1px solid #946C64;
  border-left:       1px solid #946C64;
  text-align:        center;
  background:        #E4A296;
}
div.author {
  margin:            14px;
  text-align:        left;
}

/*** content ****/

div.content {
  margin-top:        0px;
  margin-right:      200px;
  margin-bottom:     8px;
  margin-left:       200px;
  border-top:        1px solid #946C64;
  padding:           10px;
  background:        #FFFFFF;
}
td.image {
  width:             70px;
}
div.overview {
  display:           inline;
  margin:            4px;
}
img.cover {
  border:            1px solid #CCCCCC;
}

/*** bottom ***/

div.bottom {
  margin-top:        40px;
  margin-right:      210px;
  margin-bottom:     4px;
  margin-left:       210px;
  border-top:        2px dotted #D7D7D7;
  padding:           4px;
  text-align:        center;
  background:        #EEEEEE;
  clear:             left;
  float:             none;
}

/*** boxes ***/

table.box {
  width:             170px;
  margin:            14px;
}
th.box {
  height:            20px;
  border-top:        8px solid #E4A296;
  background:        #B8303B;
  color:             #FFFFFF;
}
td.box {
  border-bottom:     2px solid #946C64;
  background:        #EFC3BA;
}

/*** messages ***/

div.error, div.warn {
  position:          absolute;
  top:               76px;
  left:              260px;
  border:            2px solid #FFFFFF;
  padding:           2px;
  color:             #FFFFFF;
  font-weight:       bold;
  text-align:        right;
  white-space:       nowrap;
}
.noscreen {
  visibility:        hidden;
  position:          absolute;
  top:               0px;
  left:              0px;
}
.noprint {
}