html {
  height: 100%;
  overflow-y: hidden;
}

body {
  position: relative;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow-y: scroll;
  line-height: 17Px;
  font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;  
  font-size: 11Px;
  color: #000000;
  background: #1F3546 url(../img/bg_pattern.gif) no-repeat center top fixed;
}

img {
  border: 0;
}

a:link, a:visited {
  color: #356E98;
  text-decoration: none;
}

h1, h2, h3, h4, h5 {
  font-size: 11Px;
  font-weight: bold;
  margin: 0;
  padding: 0;
}

form {
  margin: 0;
  padding: 0;
}

label {
  font-size: 11Px;
  font-weight: normal;
}

input.text,
select,
textarea {
  line-height: 11Px;
  padding: 0;
  margin: 0;
  font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;  
  font-size: 11Px;
  color: #666666;
  border: 1Px solid #90AFC6;
}

input.text,
select {
  height: 17Px;
}

input.clickbox {
  margin: 2Px 0 0 0;
  padding: 0;
  width: 12Px;
  height: 12Px;
}

button {
  height: 17Px;
  line-height: 17Px;
  vertical-align: top;
  margin: 0;
  padding: 0;
  border: 0;
  text-align: left;
  background: none;
  cursor: pointer;
}

table {
  border-collapse: collapse;
  width: 560Px;
}

th, td {
  padding: 2Px 4Px 2Px 4Px;
  margin: 0;
  vertical-align: top;
  text-align: left;
}

th {
  padding-right: 12Px;
  font-weight: bold;
  white-space: nowrap;
}

tr.row1, tr.row1 td  {
  background-color: #E3EBF0;
}

#page {
  position: relative;
  width: 850Px;
  margin: 94Px auto 0 auto;
  padding-top: 550Px;
  background: #FFFFFF;
}

* html #page {
  padding-top: 66Px;
  height: 470Px;
  overflow: visible;
}

#content {
  margin: -484Px 40Px 0 40Px;
}

* html #content {
  margin-top: 0;
}

#topnavi {
  position: absolute;
  top: 12Px;
  left: 15Px;
}

#quicksearch {
  position: absolute;
  width: 125Px;
  top: 12Px;
  right: 15Px;
  height: 15Px;
  line-height: 15Px;
}

#quicksearch #qs {
  position: absolute;
  width: 68Px;
  right: 20Px;
  top: 0Px;
}

#quicksearch button {
  position: absolute;
  width: 18Px;
  right: 0;
}

#footer {
  position: absolute;
  bottom: -62Px;
  height: 62Px;
  width: 750Px;
  background: #FFFFFF;
}

#footer h1 {
  position: absolute;
  display: block;
  width: 103Px;
  height: 153Px;
  right: -100Px;
  top: -41px;
  margin: 0;
  padding: 0;
  background: url(../img/logo_bg.gif) no-repeat right top;
}

#footer div {
  position: relative;
  top: 30Px;
  left: 15Px;
}

.clearer {
  position: relative;
  display: block;
  clear: both;
}

.marginalwrapper {
}

.marginalwrapper .main {
  float: left;
  width: 560Px;
}

.marginalwrapper .marginal {
  float: right;
  width: 170Px;
  margin-bottom: 70Px;
  text-align: center;  
}

/** Content **/
.home h2 {
  text-align: center;
  margin-top: 50Px;
}

h3, p, .p {
  margin-bottom: 5Px;
}

img.cover,
.cover img {
  line-height: 0;
  border: 1Px solid #D1D1D1;
  background: #FFFFFF;
}

img.portrait,
.portrait img {
  line-height: 0;
  padding: 3Px;
  border: 1Px solid #90AFC6;
  background: #FFFFFF;
}

#flashscroller {
  width: 850Px;
  margin: 0 -40Px 0 -40Px;
}

.home #flashscroller {
  margin-top: 20Px;
}

.home .buchteaser {
  text-align: center;
  position: relative;
}

.buchteaser .cover {
  margin-bottom: 8Px;
}

#js {
  position: absolute;
  display: none;
}

.buchliste {
  width: 600Px;
  margin-right: -20Px;
}

.buchdetails h3 {
  margin-bottom: 0;
  font-weight: normal;
}

.buchdetails .cover {
  float: left;
}

.buchdetails.small {
  float: left;
  width: 280Px;
  margin: 0 20Px 10Px 0;
}

.buchdetails.small .cover {
  width: 70Px;
}

.buchdetails.big .cover {
  width: 170Px;
}

.buchdetails.small .text {
  position: relative;
  height: 124Px;
  margin-left: 80Px;
}

.buchdetails.big .text {
  margin-left: 180Px;
}

.buchdetails.small .text .p {
  position: absolute;
  top: 66Px;
}

.buchdetails.big h2 {
  font-size: 14Px;
}

.buchdetails.big h2 a{
  font-size: 11Px;
}

#jumplist {
  position: absolute;
  left: 260Px;
  top: 69Px;
}

#jumplist select {
  float: left;
  margin-right: 10Px;
}

.gewinnspielteaser {
  margin: 0 -3Px 0 -3Px;
}

.buchtipp {
  margin-bottom: 20Px;
}

.buchtipp .buchteaser {
  margin: 10Px 0 08Px 0;
}

.hr {
  clear: both;
  position: relative;
  height: 1Px;
  line-height: 1Px;
}

.hr img {
  position: absolute;
  top: 0;
  left: 0;
}

.schnoerkel {
  height: 20Px;
  line-height: 20Px;
  margin: 6Px 0 8Px 0;
}

.imgtxtbox {
}

.imgtxtbox .img {
  float: left;
  width: 120Px;
}

.imgtxtbox .txt {
  margin-left: 120Px;
}

.texttypelist {
  margin-bottom: 6Px;
}

.bibliografie h3 {
  margin-bottom: 10Px;
}

#contact {
  width: 560Px;
}

#recipients {
  float: left;
  width: 170Px;
}

#recipients .recipient {
  margin: 0 0 20Px 18Px;
}

#recipients input.clickbox {
  position: absolute;
  margin-left: -18Px;
}

#message {
  float: right;
  width: 360Px;
}

#message input.text {
  width: 170Px;
}

#message textarea {
  width: 358Px;
  height: 132Px;
}

.partnerlist {
  width: 464Px;
  margin: 12Px 0 12Px 0;
}

.partnerlist a {
  display: block;
  float: left;
  width: 222Px;
  margin: 0 10Px 12Px 0;
  text-align: center;
  vertical-align: middle;
}

.skiplist {
  width: 560Px;
  line-height: 0;
  border: 2Px solid #C7D7E2;
}

.skiplist.top {
  margin-bottom: 6Px;
  border-width: 0 0 2Px 0;
}

.skiplist.bottom {
  border-width: 2Px 0 0 0;
}

.skiplist div {
  height: 14Px;
  line-height: 14Px;
  padding: 2Px 0 2Px 0;
  border: 1Px solid #9AB6CB;
}

.skiplist.top div {
  border-width: 0 0 1Px 0;
}

.skiplist.bottom div {
  border-width: 1Px 0 0 0;
}

.skiplist .info {
  float: left;
}

.skiplist .list {
  float: right;
}

.bookmarkteaser {
  float: left;
  width: 170Px;
  margin-right: 15Px;
}

.bookmarkteaser .cover {
  float: left;
  margin: 0 10Px 20Px 0;
}

.ecardbox {
  position: relative;
  height: 388Px;
  width: 543Px;
  margin-bottom: 8Px;
  background: url(../img/ecard_back.jpg) no-repeat;
}

.ecardbox .ecardfront,
.ecardbox .ecardback {
  position: relative;
  height: 352Px;
  width: 508Px;
  top: 18Px;
  left: 18Px;
}

.ecardbox .ecardfront {
  background: #FFFFFF;
}

.ecardbox .ecardback {
  background: url(../img/ecard_stamp.jpg) no-repeat 437Px 17Px;
}

.ecardbox .ecardfront img {
  margin-top: 2Px;
}

.ecardbox .msg {
  position: absolute;
  width: 213Px;
  left: 12Px;
  top: 12Px;
}

.ecardbox .msg.sent {
  width: 440Px;
  height: 260Px;
  background: url(../img/ecard_stamp_sent.gif) no-repeat right 17Px;
}

.ecardbox .msg.sent strong {
  display: block;
  width: 213Px;
}

.ecardbox .data {
  position: absolute;
  left: 225Px;
  top: 95Px;
}

.ecardbox .msg textarea,
.ecardbox .msg .msgbox {
  width: 210Px;
  height: 250Px;
  padding: 3Px;
  border: 0;
  background: #FFFFFF;
}

.ecardbox .data strong {
  display: block;
  width: 85Px;
  text-align: right;
}

.ecardbox .data .row {
  height: 17Px;
  clear: both;
  margin-bottom: 6Px;
}

.ecardbox .data label,
.ecardbox .data .label {
  display: block;
  float: left;
  width: 85Px;
  margin-right: 10Px;
  text-align: right;
}

.ecardbox .data input.text,
.ecardbox .data select {
  height: 15Px;
  width: 170Px;
  border-color: #D2D2D2;
}

.ecardbox .data select {
  width: 172Px;
}

.ecardbox .hint {
  position: absolute;
  bottom: 30Px;
  right: 15Px;
  font-size: 10Px;
}

.ecardbox div.error {
  position: absolute;
  bottom: 15Px;
  right: 15Px;
  font-size: 10Px;
  color: #F30000;
}

.ecardbox input.text.error {
  border-color: #F30000;
}
