body {font-family: Verdana, Arial, Helvetica, Charcoal, Sans-Serif; font-size: 12px; background: url('../img/bg.jpg');}

#site {width: 805px; margin: 0 auto;}
#site-top {width: 805px;  height: 10px; overflow: hidden; background: white url('../img/body-bg-top.jpg') no-repeat left top;}
#site-out {width: 805px;}
#site-in {width: 805px; text-align: left; background: white url('../img/body-bg.jpg') repeat-y left top;}

#header {width: 800px; height: 260px; border-bottom: 1px solid #01005d;}
#header-left {width: 465px; height: 250px; float: left;}
#header-right {width: 310px; height: 230px; float: left; background: white url('../img/top-right-bg.jpg') no-repeat right bottom;}
img.us-cars {margin: 25px 0 0 5px;}
#logo {margin-top: 15px;}

#subheader {width: 800px;  margin: 1px 0; border-top: 1px solid #c70000; border-bottom: 1px solid #c70000; overflow: hidden;}
#subheader-menu {width: 780px; height: 20px; padding-top: 4px; padding-left: 20px; margin: 10px 0; color: #fff; font-weight: bold; background-color: #01005d; overflow: hidden;}
#subheader-menu a:link {color: #fff;}
#subheader a:visited {text-decoration: none; color: #fff;}
#subheader a:hover {text-decoration: underline; color: #fff;}
#subsubheader {width: 760px; padding: 7px 20px 5px 20px; margin-top: 1px; border-top: 1px solid #01005d; font-size: 11px; overflow: hidden;}

a:link {text-decoration: none; color: #3366ff;}
a:visited {text-decoration: none; color:#FF6600;}
a:hover, a:active {text-decoration: underline; color: #ff0000;}

p {margin: 10px 0; line-height: 1.5em;}
p.note {font-size: 8px;}
p.copy {text-align: center; margin-top: 3px; margin-bottom: 0; color: #969696; font-size: 10px;}
p.copy a:link {color: #969696;}
p.p-right {margin-top: 20px;}
.center {text-align: center;}
.center-blue {text-align: center; color: #3366FF; margin-top: 40px;}
.red {color: red;}
.mini {font-size: 8px;}
.smaller {font-size: 0.8em;}
.smaller-black {font-size: 0.8em; color: #000;}
.align-right {text-align: right;}
.margin-bottom {margin-bottom: 0;}

.text-box {border: 1px solid red; padding: 10px; width: 578px;}
.text-box2 {width: 580px;}
.font-big {font-size: 20px;}

i.color {color: #FF6600; font-weight: bold;}
img {border: 0;}
img.promo-buch {padding-top: 13px;}
.img-text {float: left; margin-right: 10px;}
img.mail {margin-bottom: -1px;}
li {margin-top: 10px;}
hr {width: 200px; size: 1; text-align: center;}
.left {text-align: left;}
.partner {text-align: center; margin: 10px 0 0 0; color: #c70000;}
.partner a:link {text-decoration: none; color: #3366ff;}
.partner a:visited {text-decoration: none; color: #3366ff;}
.partner a:hover, a:active {text-decoration: underline; color: #3366ff;}

h1 {margin-top: -5px; margin-bottom: 20px; color: #000; letter-spacing: 1px; line-height: 1.2em; font: bold 20px/1em Verdana, Arial, Helvetica, Charcoal, Sans-Serif;}
h1.top {margin-top: 10px; margin-left: 20px;}
h2 {margin: 20px 0 5px 0; color: #000; font: bold 16px/1em Verdana, Arial, Helvetica, Charcoal, Sans-Serif; line-height: 1.2em;}
h2.top-blue-2 {color: #3366FF; margin-top: 20px; font-size: 18px;}
h2.top-blue-3 {color: #3366FF; font-size: 18px;}
h2.top-blue-1 {color: #3366FF; margin-top: 0px; font-size: 16px;}
h2.top-blue {color: #3366FF; font-size: 16px;}
h2.top-right {margin: 7px 0 5px 0; color: #000; font: bold 16px/1em Verdana, Arial, Helvetica, Charcoal, Sans-Serif; line-height: 1.2em;}
h2.pay {padding-top: 0; margin-top: 0;}
h3 {color: #000; font: bold 14px/1em Verdana, Arial, Helvetica, Charcoal, Sans-Serif; line-height: 1.2em; margin: 20px 0 5px 0;}
h4 {color: #000; font: bold 12px/1em Verdana, Arial, Helvetica, Charcoal, Sans-Serif; line-height: 1.2em; }
h4.right-side {margin: 3px 0 1px 0;}
h4.promo {margin: 10px 0 -2px 0; color: #000; letter-spacing: 1px; font: bold 12px/1em Verdana, Arial, Helvetica, Charcoal, Sans-Serif;}
h4.text-center {text-align: center; margin: 15px 0 -10px 0;}

#content {width: 610px; padding: 0 20px 0 20px; margin-bottom: 10px; float: left; overflow: hidden; background: white url('../img/content-bg.jpg') repeat-y left top;}
#content-top {width: 600px; height: 10px; padding: 0 30px 0 20px; background: white url('../img/content-bg-top.jpg') no-repeat left top;}
#text {padding-left: 5px;}
div.content-text {height: 100%;}
div.content-left {width: 50%; margin: 0; float: left; overflow: hidden;}
div.content-right {width: 50%; margin: 0; float: left; overflow: hidden;}
div.box-fachbuch {width: 100%; border: 1px solid white;}
div.content-leftbook {width: 290px; margin: 0 20px 0 0; float: left; overflow: hidden;}
div.content-rightbook {width: 290px; margin: 3px 0 0 0; float: left; overflow: hidden;}
div.content-leftbook p {text-align: justify; line-height: 1.5em;}
div.content-rightbook p {text-align: justify; line-height: 1.5em;}
div.extra-book {margin-top: 10px;}
div.extra-leftbook {width: 360px; margin: 0 10px 0 0; float: left; overflow: hidden;}
div.extra-rightbook {width: 219px; padding: 0 10px 0 10px; border-top: 1px solid silver; border-left: 1px solid silver; float: left; overflow: hidden; margin-top: 12px; background-color: #C4E0FF;}
div.extra-leftbook p {text-align: justify; line-height: 1.5em;}
div.extra-rightbook p {text-align: left; line-height: 1.5em;}
div.order-1 {width: 400px; height: 25px;}
div.order-1a {width: 100px; padding: 3px 5px 0 0; float: left; text-align: right;}
div.order-1b {float: left;}
div.order-2 {width: 400px; height: 25px;}
div.order-2a {width: 100px; padding: 3px 5px 0 0; float: left; text-align: right;}
div.order-2b {float: left;}
div.order-3 {width: 400px; height: 25px;}
div.order-3a {width: 100px; padding: 3px 5px 0 0; float: left; text-align: right;}
div.order-3b {float: left;}
div.order-4 {width: 400px; height: 25px;}
div.order-4a {width: 100px; padding: 3px 5px 0 0; float: left; text-align: right;}
div.order-4b {float: left;}
div.order-5 {width: 400px; height: 107px;}
div.order-5a {width: 100px; padding: 3px 5px 0 0; float: left; text-align: right;}
div.order-5b {float: left;}
div.order-6 {width: 400px; height: 25px;}
div.order-6a {width: 100px; padding: 3px 5px 0 0; float: left; text-align: right;}
div.order-6b {float: left;}
div.order-7 {width: 400px; height: 25px;}
div.order-7a {width: 100px; padding: 3px 5px 0 0; float: left; text-align: right;}
div.order-7b {float: left;}
div.order-8 {width: 400px; height: 100px;}
div.order-8a {width: 100px; padding: 3px 5px 0 0; float: left; text-align: right;}
div.order-8b {float: left;}
#payment {width: 100%;}
div.paypal {padding: 10px 0 0 10px; margin: 0 0 20px 0; float: left; border-top: 1px solid silver; border-left: 1px solid silver;}
div.vorkasse {padding: 10px 0 0 10px; margin: 0 0 20px 0; float: left; border-top: 1px solid silver; border-left: 1px solid silver;}
#content-bottom {width: 600px; height: 10px; padding: 0 30px 0 20px; background: white url('../img/content-bg-bottom.jpg') no-repeat left top;}

#right {width: 148px; margin: 0 5px 10px 0; float: left; text-align: center; font-weight: bold; overflow: hidden; background-color: white;}
#right-head {}
#right-content {width: 138px; padding-bottom: 6px; margin: 0 auto 1px auto; font-weight: normal; border-bottom: 1px solid #01005d;}
#right-content p {margin: 5px 0; font-size: 11px;}
#right-content-fachbuch {width: 138px; padding-bottom: 6px; margin: 0 auto 1px auto; font-weight: normal;}
#right-content-fachbuch p {margin: 5px 0; font-size: 11px;}
#right-promo {width: 138px; height: 227px; margin: 0 auto; border-top: 1px solid #c70000; background: white url('../img/right-promo-bg.jpg') no-repeat left top;}

#bestellung {clear: left; padding-left: 20px;}

#footer {width: 800px; clear: left; overflow: hidden; background-color: white;}
#footer-menu {height: 20px; padding-top: 4px; text-align: center; font-size: 12px; font-weight: bold; color: #fff; background-color: #c70000;}
#footer-menu a:link {color: #fff;}
#footer-menu a:visited {text-decoration: none; color: #fff;}
#footer-menu a:hover, a:active {text-decoration: underline; color: #fff;}

#site-bottom {width: 805px; height: 10px; overflow: hidden; background: white url('../img/body-bg-bottom.jpg') no-repeat left top;}


/*Fachbuch A/B Test Code*/
#subheaderf-1 {width: 800px;  margin: 1px 0; border-top: 1px solid #c70000; border-bottom: 1px solid #c70000; overflow: hidden;}
#subheader-menuf-1 {width: 800px; padding: 4px 0 6px 20px; margin: 10px 0; color: #fff; font-weight: bold; background-color: #01005d; overflow: hidden;}
#subheader-menuf-1 a:link {color: #fff;}
#subheaderf-1 a:visited {text-decoration: none; color: #fff;}
#subheaderf-1 a:hover {text-decoration: underline; color: #fff;}
#subsubheaderf-1 {width: 800px; padding: 7px 0 5px 0; margin-top: 1px; border-top: 1px solid #01005d; font-size: 11px; overflow: hidden;}
.extraf-1 {padding-left: 20px;}

#contentf-1 {width: 650px; float: left; background: white url('../img/content-bg.jpg') repeat-y left top; overflow: hidden;}
#content-topf-1 {width: 630px; margin-left: 20px; padding: 0; height: 10px; background: white url('../img/content-bg-top.jpg') no-repeat left top; overflow: hidden;}
div.content-f-1 {padding-left: 20px; margin: 0;}
div.box-fachbuchf-1 {width: 610px; border: 1px solid white;}
div.content-leftbookf-1 {width: 290px; margin: 0 20px 0 0; float: left; overflow: hidden;}
div.content-rightbookf-1 {width: 290px; margin: 3px 0 0 0; float: left; overflow: hidden;}
div.extra-bookf-1 {margin-top: 10px;}
div.extra-leftbookf-1 {width: 380px; margin: 0 10px 0 0; float: left; overflow: hidden;}
div.extra-rightbookf-1 {width: 199px; padding: 0 10px 0 10px; border-top: 1px solid silver; border-left: 1px solid silver; float: left; overflow: hidden; margin-top: 12px; background-color: #C4E0FF;}
.text-boxf-1 {border: 1px solid red; padding: 10px; width: 598px;}
.text-box2f-1 {width: 600px;}
#content-bottomf-1 {width: 650px; margin-left: 20px; height: 10px; background: white url('../img/content-bg-bottom.jpg') no-repeat left top;}

#rightf-1 {width: 150px; float: left; text-align: center; font-weight: bold; overflow: hidden; background-color: white;}
#right-headf-1 {}

#footerf-1 {width: 800px; clear: left; overflow: hidden; background-color: white;}
#footer-menuf-1 {padding: 4px 0 6px 0; text-align: center; font-size: 12px; font-weight: bold; color: #fff; background-color: #c70000;}
#footer-menuf-1 a:link {color: #fff;}
#footer-menuf-1 a:visited {text-decoration: none; color: #fff;}
#footer-menuf-1 a:hover, a:active {text-decoration: underline; color: #fff;}