/* book.php */

html {
margin : 0;
padding : 0;
background : #FFFFFF;
background-repeat : repeat;
}

body {  
margin : 0 auto;
padding : 0;
width : 960px;
height : auto;
font-size: 1em;
font-family: Arial;
color: #666666;
border-radius : 0.3em 0 0.3em 0.3em;
box-shadow : 0.2em 0.2em 0.3em #808080;
}

#header {
position : relative;
margin : 0 auto;
padding : 0;
width : 960px;
height : 240px;
margin-top: 1em;
}

#container {
position : relative;
float : left;
margin: 0 auto;
margin-left: 2em;
margin-right: 1em;
margin-bottom: 1em;
text-align: center;
height : auto;
width: 95%;
border-radius : 0.3em;
margin-bottom: 1em;
padding-left: 4em;
}

#footer {
position : relative;
top : 2em;
margin : 0 auto;
width : 960px;
height : auto;
text-align : center;
font-size : 100%;
font-family : Arial, sans-serif;
background : #FFFFFF;
text-align: center; 
clear : both;
}

#footer a {
color : #202020;
font-family : Arial, sans-serif;
cursor: pointer;
}

a {
text-decoration: none; 
color: #808080;
}

a:hover{
text-decoration: none; 
color: #333333;
}

h1 {
font-size: 200%; 
font-weight: bold; 
font-family: Arial; 
text-align: center;
margin-left: -6em;
}

h1.index {
font-size: 200%; 
font-weight: bold; 
font-family: Arial; 
text-align: center;
margin-left: -6em;
}

a.titelschutz_link {
color: blue;
}

.slideup{
max-height: 0; overflow-y: hidden;
transition: max-height 0.1s ease-in-out;
}

.slidedown {
max-height: 0; overflow-y: hidden;
transition: max-height 0.8s ease-in-out;
}

.normal {
text-align: center;
width: 100%;
}

h6 {
font-size: 120%; 
color: #404040;
}

img._info {
width: 27px; 
height: 27px; 
text-align: right; 
margin-right: 1em; 
cursor: pointer;
}

table.normal {
  border-collapse: collapse;
  border-radius: 0.5em;
  width: 86%;
}

table.normal_ {
  border-collapse: collapse;
  border-radius: 0.5em;
  width: 86%;
  margin-left: -1em;
}

table.buchtitel_info {
hyphens: auto;
text-align: justify;
width: 80%;
margin-left: 1.5em;
margin-top: 0.5em;
}

td.buchtitel {
background : linear-gradient(to bottom, rgba(225, 224, 229, 1) 0%, rgba(255, 255, 255, 1) 25%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 75%, rgba(236, 240, 242, 1) 100%); 
text-align: left;
border-radius : 0.5em 0em 0em 0.5em;
height: 3em;
width : 90%;
padding: 0;
padding-left: 1.5em;
font-size: 120%;
}

td.buchtitel_info {
background : linear-gradient(to bottom, rgba(225, 224, 229, 1) 0%, rgba(255, 255, 255, 1) 25%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 75%, rgba(236, 240, 242, 1) 100%); 
text-align: left;
border-radius : 0em 0.5em 0.5em 0em;
height: 3em;
width : 10%;
padding-left: 1.5em;
font-size: 120%;
}

table.autorname_info {
hyphens: auto;
text-align: justify;
width: 80%;
margin-left: 1.5em;
margin-top: 0.5em;
}

td.autorname {
background : linear-gradient(to bottom, rgba(225, 224, 229, 1) 0%, rgba(255, 255, 255, 1) 25%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 75%, rgba(236, 240, 242, 1) 100%); 
text-align: left;
border-radius : 0.5em 0em 0em 0.5em;
height: 3em;
width : 90%;
padding-left: 1.5em;
font-size: 120%;
}

td.autorname_info {
background : linear-gradient(to bottom, rgba(225, 224, 229, 1) 0%, rgba(255, 255, 255, 1) 25%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 75%, rgba(236, 240, 242, 1) 100%); 
text-align: left;
border-radius : 0em 0.5em 0.5em 0em;
height: 3em;
width : 10%;
padding-left: 1.5em;
font-size: 120%;
}

table.formular_info {
text-align : left;
padding: 0px;
border-collapse: collapse;
max-height: 0; overflow-y: hidden;
transition: max-height 0.1s ease-in-out;
background: #FFFFFF;
border-width: 5px;
border-bottom-color: #707070;
border-radius : 0em;
box-shadow : 0.2em 0.2em 0.3em #99B3F2;
background-repeat: no-repeat;
background-position: 0px 0px; width: 90%; 
margin-left: 1em; 
margin-bottom: 0.5em;
margin-top: 0.5em; 
width: 96%;
}

table.formular_feld {
text-align : left;
padding: 0px;
border-collapse: collapse;
width : 90%;
}

tr.left {
text-align: left;
}

td.formular_feld {
padding: 0px;
height: 4em; 
width: 40%;
}

td.formular_feld_ {
padding: 0px;
height: 4em; 
width: 20%;
}

input.formular_text {
border-radius : 0.5em;
box-shadow : 0.2em 0.2em 0.3em #99B3F2;
width : 100%;
border : #A0B8F4 solid 2px;
margin-left : 0.75em;
margin-top : 0.4em;
margin-bottom : 0.5em;
font-size : 120%;
font-weight: normal;
font-family : Arial;
color : #222222;
transition: opacity 1s ease-in-out;
padding: 0.75em;
}

td.bindung {
background : linear-gradient(to bottom, rgba(225, 224, 229, 1) 0%, rgba(255, 255, 255, 1) 25%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 75%, rgba(236, 240, 242, 1) 100%); 
text-align: left;
border-radius : 0.5em 0em 0em 0.5em;
height: 3em;
width : 90%;
padding: 0;
padding-left: 1.5em;
font-size: 120%;
}

td.bindung_info {
background : linear-gradient(to bottom, rgba(225, 224, 229, 1) 0%, rgba(255, 255, 255, 1) 25%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 75%, rgba(236, 240, 242, 1) 100%); 
text-align: left;
border-radius : 0em 0.5em 0.5em 0em;
height: 3em;
width : 10%;
padding-left: 1.5em;
font-size: 120%;
}

table.bindung_info {
hyphens: auto;
text-align: justify;
width: 80%;
margin-left: 1.5em;
margin-top: 0.5em;
}

img.softcover {
width: 140px; 
height: 116px; 
margin-left: 1.5em;
}

img.hardcover {
width: 140px; 
height: 116px;
margin-left: 3em;
}

p.softcover {
font-family: Arial; 
font-size: 85%; 
color: #606060; 
margin-left: 1.5em; 
text-align: left; 
margin-top: -4.2em;
}

p.hardcover {
margin-top: 0.7em; 
font-family: Arial; 
text-align: left; 
margin-left: 3em; 
font-size: 85%; 
color: #606060;
}

input.bindung_soft {
margin-left: -12em;
}

input.bindung_hard {
margin-left: -12.2em;
}

img._separator {
width: 780px; 
height: 16px;
margin-left: -8.5em;
}

p.aufpreis {
text-align: left; 
float: left; 
margin-left: 1.3em; 
width: auto; 
font-size: 90%; 
font-weight: normal; 
color: #045DD6; 
margin-top: -5em;
}

td.mit_fadenheftung {
width: 40%;
}

td.ohne_fadenheftung {
width: 40%;
}

input.mit_fadenheftung {
margin-left: 7em; 
margin-right: 0.5em; 
margin-top: -0.5em; 
font-weight: normal;
}

input.ohne_fadenheftung {
margin-left: 5.5em;  
margin-right: 0.9em; 
margin-top: 0em;
font-weight: normal; 
}

img.tipp {
margin-left: 0.8em; 
margin-top: 1.2em; 
width: 26px; 
height: 26px;
}

p.mit_fadenheftung {
font-family: Arial; 
font-size: 85%; 
color: #606060; 
margin-left: 1.5em; 
text-align: left; 
margin-top: -5em;
}

p.ohne_fadenheftung {
margin-top: 0em; 
font-family: Arial; 
text-align: left; 
margin-left: 1em;
margin-top: 2em; 
font-size: 85%; 
color: #606060;
}

p.tipp_fadenheftung {
width: 80%; 
margin-top: -5em; 
font-family: Arial; 
text-align: justify; 
hyphens: auto; 
margin-left: 1.3em; 
font-size: 1em; 
color: rgb(51, 51, 51);
}

b.tipp_fadenheftung {
color: #00C000; 
font-size: 120%;
}

table.buchformat_info {
hyphens: auto;
text-align: justify;
width: 80%;
margin-left: 1.5em;
margin-top: 0.5em;
}

td.buchformat {
background : linear-gradient(to bottom, rgba(225, 224, 229, 1) 0%, rgba(255, 255, 255, 1) 25%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 75%, rgba(236, 240, 242, 1) 100%); 
text-align: left;
border-radius : 0.5em 0em 0em 0.5em;
height: 3em;
width : 90%;
padding: 0;
padding-left: 1.5em;
font-size: 120%;
}

td.buchformat_info {
background : linear-gradient(to bottom, rgba(225, 224, 229, 1) 0%, rgba(255, 255, 255, 1) 25%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 75%, rgba(236, 240, 242, 1) 100%); 
text-align: left;
border-radius : 0em 0.5em 0.5em 0em;
height: 3em;
width : 10%;
padding-left: 1.5em;
font-size: 120%;
}

td.buch_format {
width: 65%;
}

p.buchformat {
font-family: Arial; 
color: #333333; 
text-align: left; 
margin-left: 1.3em;
font-size: 110%; 
line-height: 50%;
}

img._dina5hoch {
margin-left: 3.5em;
width: 84px;
height: 68px;
}

img._dina5quer {
margin-left: -6.5em;
width: 151px;
height: 68px;
}

p.buchformat_ {
margin-left: 8.5em; 
font-size: 95%; 
font-weight: normal; 
font-family: Arial;
}

span.buchformat_ {
margin-left: 13em;
}

p.buchformat_info {
width: 100%; 
margin-top: 0em; 
font-family: Arial; 
text-align: justify; 
hyphens: auto; 
margin-left: -0.6em; 
font-size: 100%; 
color: rgb(51, 51, 51);
}

p.dina5hoch {
font-family: Arial; 
font-size: 85%; 
color: #606060; 
margin-left: 1.5em; 
text-align: left; 
margin-top: -3.2em;
}

p.dina5quer {
margin-top: 0.7em; 
font-family: Arial; 
text-align: left; 
margin-left: -9em; 
font-size: 85%; 
color: #606060;
}

input.dina5hoch {
text-align: left; 
margin-right: 0.5em;
margin-left: -23.5em;
}

input.dina5quer {
text-align: left; 
margin-left: -22.8em; 
margin-right: 0.5em;
}

td.buchumschlag {
background : linear-gradient(to bottom, rgba(225, 224, 229, 1) 0%, rgba(255, 255, 255, 1) 25%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 75%, rgba(236, 240, 242, 1) 100%); 
text-align: left;
border-radius : 0.5em 0em 0em 0.5em;
height: 3em;
width : 90%;
padding: 0;
padding-left: 1.5em;
font-size: 120%;
}

td.buchumschlag_ {
background : linear-gradient(to bottom, rgba(225, 224, 229, 1) 0%, rgba(255, 255, 255, 1) 25%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 75%, rgba(236, 240, 242, 1) 100%); 
text-align: left;
border-radius : 0em 0.5em 0.5em 0em;
height: 3em;
width : 10%;
padding: 0;
padding-left: 1.5em;
font-size: 120%;
}

td.buchumschlag_info {
width: 80%;
}

p.buchumschlag_info {
width: 91%; 
font-family: Arial; 
text-align: justify; 
hyphens: auto; 
margin-left: 1.5em; 
font-size: 1em; 
color: rgb(51, 51, 51);
}

img._umschlag {
float: left; 
width: 142px; 
height: 146px;
padding-right: 0.7em;
}

select.papiersorte {
width: 25em; 
text-align: left; 
border: #045DD6 solid 1px; 
margin-left: 1.7em; 
font-size: 1em; 
font-weight: normal; 
font-family: Arial; 
color: #056905;
border-color: #045DD6; 
border-radius : 0.5em;
box-shadow : 0.2em 0.2em 0.3em #99B3F2;
margin-bottom : 0.5em;
height: 2em; 
}

p.papiersorte {
font-family: Arial; 
color: #333333; 
text-align: left; 
margin-left: 2em;
}

p.papiersorte_info {
width: 81%; 
font-family: Arial; 
text-align: justify; 
hyphens: auto; 
margin-left: 0.5em; 
font-size: 1em; 
color: rgb(51, 51, 51);
}

td.papiersorte {
background : linear-gradient(to bottom, rgba(225, 224, 229, 1) 0%, rgba(255, 255, 255, 1) 25%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 75%, rgba(236, 240, 242, 1) 100%); 
text-align: left;
border-radius : 0.5em 0em 0em 0.5em;
height: 3em;
width : 90%;
padding: 0;
padding-left: 1.5em;
font-size: 120%;
}

td.papiersorte_ {
background : linear-gradient(to bottom, rgba(225, 224, 229, 1) 0%, rgba(255, 255, 255, 1) 25%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 75%, rgba(236, 240, 242, 1) 100%); 
text-align: left;
border-radius : 0em 0.5em 0.5em 0em;
height: 3em;
width : 10%;
padding: 0;
padding-left: 1.5em;
font-size: 120%;
}

td._papiersorte {
background-color: #ffffff; 
width: 20%; 
text-align: left;
}

td.papiersorte_feld {
background-color : #FFFFFF;
padding: 0px;
height: 4em; 
width: 2%;
}

table.papiersorte_info {
hyphens: auto;
text-align: justify;
width: 94%;
margin-left: 1.5em;
margin-top: 0.5em;
}

img._papiersorte {
float: left; 
width: 189px; 
height: 135px;
padding-right: 0.9em;
}

img.info {
width: 36px; 
height: 36px; 
text-align: right; 
margin-right: 0.7em; 
}

td.seitenzahl {
background : linear-gradient(to bottom, rgba(225, 224, 229, 1) 0%, rgba(255, 255, 255, 1) 25%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 75%, rgba(236, 240, 242, 1) 100%); 
text-align: left;
border-radius : 0.5em 0em 0em 0.5em;
height: 3em;
width : 90%;
padding: 0;
padding-left: 1.5em;
font-size: 120%;
}

td.seitenzahl_info {
background : linear-gradient(to bottom, rgba(225, 224, 229, 1) 0%, rgba(255, 255, 255, 1) 25%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 75%, rgba(236, 240, 242, 1) 100%); 
text-align: left;
border-radius : 0em 0.5em 0.5em 0em;
height: 3em;
width : 10%;
padding-left: 1.5em;
font-size: 120%;
}

td.seitenzahl_feld {
background-color : #FFFFFF;
padding: 0px;
height: 4em; 
width: 25%;
}

span.seiten_info {
padding: 0.5em; 
border-radius : 0em; 
border : #CDD9F3 solid 2px; 
left: 13em; 
margin-top: 2.5em; 
font-family: Arial; 
font-size: 85%; 
color: #505050; 
cursor: default; 
background: #FFFFFF; 
border-radius : 0em; 
width: 60%; 
margin-left: -6em; 
font-weight: normal; 
position: absolute; 
z-index:3; 
text-align: justify; 
hyphens: auto; 
display: none;
}

span.seitenzahl_info {
font-family: Arial; 
font-size: 75%; 
font-weight: normal; 
color: #606060; 
text-align: justify; 
hyphens: auto;
margin-left: -0.5em;
}

span.seitenzahl_info_ {
font-family: Arial; 
font-size: 100%;
color: blue;
}

span._seitenzahl_info_ {
font-family: Arial; 
text-align: justify; 
hyphens: auto; 
font-size: 100%; 
font-weight: normal; 
color: #606060;
}

p.seitenzahl_info {
width: 90%; 
font-family: Arial; 
text-align: justify; 
hyphens: auto; 
margin-left: 1.5em; 
font-size: 1em; 
color: rgb(51, 51, 51);
}

p.seitenzahl_info_ {
text-align: left; 
margin-left: 1.5em; 
text-align: justify; 
hyphens: auto; 
width: 90%; 
line-height: 80%;
}

img._seitenzahl {
float: left; 
width: 252px; 
height: 133px;
}

span.titelei {
left: 16em; 
margin-left: 9.5em; 
padding: 1em; 
margin-top: -3.5em; 
border-radius : 0em; 
border: #CDD9F3 solid 2px; 
font-family: Arial; 
font-size: 90%; 
color: #606060; 
cursor: default; 
background: #FFFFFF; 
border-radius : 0em; 
width: 42%; 
font-weight: normal; 
text-align: left; 
position: absolute; 
z-index:3; 
display: none;
}

span.titelei_ {
font-family: Arial; 
font-size: 85%; 
font-weight: normal;
}

select.seitenzahl { 
margin-top: 1.5em; 
width: 30%; 
margin-left: 2em; 
font-size: 110%; 
margin-right: 1em; 
font-family: Arial; 
padding: 0.3em; 
text-align: center; 
font-weight: bold; 
border : #7295EE solid 1px; 
border-color: #045DD6; 
border-radius : 0.5em;
box-shadow : 0.2em 0.2em 0.3em #99B3F2;
margin-bottom : 0.5em;
font-family : Arial;
color : #222222;
height: 2em; 
}

p.seitenzahl {
font-family: Arial; 
font-weight: normal; 
font-size: 85%; 
color: #606060; 
line-height: 10%;
margin-top: -1em;
margin-left: -17em;
}

input.illustrationen {
margin-top: -0.5em; 
margin-left: -1.7em;
position: absolute;
z-index: 3;
}

p.aufpreis_info_ {
margin-left: 2em; 
margin-top: -5em;
margin-right: 3.5em;
text-align: justify; 
hyphens: auto; 
font-size: 1em;
width: 85%,
}

input.buchruecken {
margin-bottom: 0em; 
font-size: 90%; 
color: green; 
border: none; 
border-color: #FFFFFF;
background: #FFFFFF;
width: 80%;
margin-left: -6.5em;
}

input.buchruecken_ {
margin-bottom: 0em; 
font-weight: normal; 
font-size: 90%; 
color: green; 
border: none; 
background: #FFFFFF;
}

div.buchruecken {
display: none;
}

table.seitenzahl_info {
hyphens: auto;
text-align: justify;
width: 85%;
margin-left: 1.5em;
margin-top: 0.5em;
}

img.separator_ {
width: 780px; 
height: 16px;
margin-left: 6em;
}

h1.buchpreis {
font-size: 140%; 
font-weight: bold; 
font-family: Arial; 
text-align: center;
margin-left: -19.5em;
color: #056905;
}

table.buchpreis {
margin-left: 6em;
border-collapse: collapse;
padding: 0px;
background-repeat: no-repeat;
background-position: 0px 0px; 
width: 81%; 
overflow-y: hidden;
transition: max-height 0.1s ease-in-out;
}

td.buchpreis {
background : linear-gradient(to bottom, rgba(225, 224, 229, 1) 0%, rgba(255, 255, 255, 1) 25%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 75%, rgba(236, 240, 242, 1) 100%); 
text-align: left;
border-radius : 0.5em 0em 0em 0.5em;
height: 3em;
width : 90%;
padding: 0;
padding-left: 1.5em;
font-size: 120%;
}

td.buchpreis_info {
background : linear-gradient(to bottom, rgba(225, 224, 229, 1) 0%, rgba(255, 255, 255, 1) 25%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 75%, rgba(236, 240, 242, 1) 100%); 
text-align: left;
border-radius : 0em 0.5em 0.5em 0em;
height: 3em;
width : 10%;
padding-left: 1.5em;
font-size: 120%;
}

table.buchpreis_info_ {
hyphens: auto;
text-align: justify;
width: 80%;
margin-left: 1.5em;
margin-top: -0.5em;
}

p.buchpreis {
font-family: Arial; 
padding: 1.5em; 
font-size: 100%; 
width: 91%;
color: #606060; 
text-align: justify; 
hyphens: auto;
margin-left: 5em;
}


table._buchpreis {
text-align : left;
padding: 0px;
border-collapse: collapse;
width : 90%;
background: transparent;
margin-top: -3em;
}

p.buchpreis_ {
font-size: 100%; 
text-align: justify; 
hyphens: auto; 
width: 100%;
margin-left: 8.1em;
color: #606060;
margin-top: 4.5em;
}

a.preisbindung {
color: blue;
}

input.empfohlener_preis {
text-align: left; 
margin-left: 9.6em; 
margin-right: 1em;
}

input.eigener_preis {
text-align: left; 
margin-left: 4em; 
margin-right: 1em;
}

input.empfohlener_buchpreis {
width: 4.5em; 
height: 1em; 
padding: 0.3em; 
text-align: center; 
font-weight: bold; 
border : #7295EE solid 1px; 
border-color: #045DD6; 
font-size: 1em; 
border-radius : 0.5em;
box-shadow : 0.2em 0.2em 0.3em #99B3F2;
margin-top : 0.4em;
margin-bottom : 0.5em;
font-family : Arial;
color : #222222;
transition: opacity 1s ease-in-out;
padding: 0.75em;
margin-left: 8.5em; 
margin-right: 1em; 

}

span.euro {
font-family: Arial; 
font-weight: normal; 
font-size: 100%; 
color: #606060;
}

input.eigener_buchpreis { 
margin-left: 6.8em; 
margin-right: 1em; 
width: 4.5em; 
height: 1em; 
padding: 0.3em; 
text-align: center; 
font-weight: bold; 
border : #7295EE solid 1px; 
border-color: #045DD6; 
font-size: 1em; 
border-radius : 0.5em;
box-shadow : 0.2em 0.2em 0.3em #99B3F2;
margin-top : 0.4em;
margin-bottom : 0.5em;
font-family : Arial;
color : #222222;
transition: opacity 1s ease-in-out;
padding: 0.75em;
}

table.formular_feld_ {
width : 80%;
}

p.auflage_tipp {
text-align: justify; 
hyphens: auto; 
margin-left: 3em;  
width: 85%; 
font-weight: normal; 
color: #404040; 
font-family: Arial; 
font-size: 1em;
}

div.auflage {
border-width: 5px; 
border-bottom-color: #707070; 
box-shadow : 0.2em 0.2em 0.3em #99B3F2;
background: #FFFFDD; 
background-repeat: no-repeat; 
background-position: 0px 0px; 
width: 90%; 
margin-left: 1.7em;
}

div._auflage {
border-width: 5px; 
background: transparent;
width: 70%; 
margin-left: 6.5em;
}

span.auflage {
color: rgb(51, 51, 51); 
font-family: Arial; 
font-size: 120%; 
font-weight: normal; 
width: 100%;
text-align: center;
float: right;
}

table.auflage {
margin-left: 6em;
border-collapse: collapse;
padding: 0px;
background-repeat: no-repeat;
background-position: 0px 0px; 
width: 81%; 
overflow-y: hidden;
transition: max-height 0.1s ease-in-out;
}

table.auflage_ {
font-size: 1em; 
margin-left: 5em; 
color: #404040; 
font-weight: normal; 
font-family: Arial; 
width: 90%; 
height: 70px;
border-collapse: collapse;
border-radius: 0.5em;
}

td.auflage {
background : linear-gradient(to bottom, rgba(225, 224, 229, 1) 0%, rgba(255, 255, 255, 1) 25%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 75%, rgba(236, 240, 242, 1) 100%); 
text-align: left;
border-radius : 0.5em 0em 0em 0.5em;
height: 3em;
width : 90%;
padding: 0;
padding-left: 1.5em;
font-size: 120%;
}

td.auflage_info {
background : linear-gradient(to bottom, rgba(225, 224, 229, 1) 0%, rgba(255, 255, 255, 1) 25%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 75%, rgba(236, 240, 242, 1) 100%); 
text-align: left;
border-radius : 0em 0.5em 0.5em 0em;
height: 3em;
width : 10%;
padding-left: 1.5em;
font-size: 120%;
}

td.__auflage {
text-align: left; 
width: 60%; 
font-family: Arial;
}

td.auflage_ {
text-align: left; 
width: 40%; 
font-family: Arial;
}

p.auflage_info {
text-align: justify; 
hyphens: auto; 
margin-left: 2.8em;  
width: 85%;
}

span.auflage_info {
font-weight: normal; 
color: #404040; 
font-family: Arial; 
font-size: 1em;
margin-left: 3em;
}

span.auflage_text {
margin-left: 7em;
font-family: Arial; 
font-size: 133%; 
color: #333333; 
text-shadow : 0 0em 0 #fff;
}

td.auflage_feld {
width: 25%;
}

select.buch_auflage {
margin-left: 7.6em; 
margin-top: -1em;
width: 6em; 
font-size: 110%; 
margin-right: 1em; 
font-family: Arial; 
padding: 0.3em; 
text-align: center; 
font-weight: bold; 
border : #7295EE solid 1px; 
border-color: #045DD6; 
border-radius : 0.5em;
box-shadow : 0.2em 0.2em 0.3em #99B3F2;
margin-bottom : 0.5em;
font-family : Arial;
color : #222222;
height: 2em; 
}

td.auflage_feld_ {
width: 10%; 
text-align: left;
}

img._reset {
border: 0px solid ; 
width: 18px; 
height: 18px;
margin-left: 0em;
margin-top: 0em;
position: absolute;
z-index: 3;
}

td._auflage_feld_ {
width: 65%;
}

p.auflage_ {
text-align: justify; 
hyphens: auto; 
margin-left: 3em; 
width: 75%; 
font-size: 1em; 
font-weight: normal; 
color: #045DD6; 
margin-top: 1em;
}

p._auflage_ {
font-size: 1em; 
margin-left: 7.9em; 
line-height: 20%; 
text-align: left;
}

span.auflage_ {
margin-left: 4.1em;
}

tr.auflage {
line-height: 50%;
}

input.auflage {
width: 4.5em; 
height: 1em; 
padding: 0.3em; 
text-align: center; 
font-weight: bold; 
border : #7295EE solid 1px; 
border-color: #045DD6; 
font-size: 1em; 
border-radius : 0.5em;
box-shadow : 0.2em 0.2em 0.3em #99B3F2;
margin-top : 0.4em;
margin-bottom : 0.5em;
font-family : Arial;
color : #222222;
transition: opacity 1s ease-in-out;
padding: 0.75em;
margin-left: 5.2em; 
margin-right: 0.5em;
}

span._auflage_ {
font-family: Arial; 
font-weight: normal; 
font-size: 1em; 
color: #606060;
}

input.auflage_ {
width: 4.5em; 
height: 1em; 
padding: 0.3em; 
text-align: center; 
font-weight: bold; 
border : #7295EE solid 1px; 
border-color: #045DD6; 
font-size: 1em; 
border-radius : 0.5em;
box-shadow : 0.2em 0.2em 0.3em #99B3F2;
margin-top : 0.4em;
margin-bottom : 0.5em;
font-family : Arial;
color : #222222;
transition: opacity 1s ease-in-out;
padding: 0.75em;
margin-left: 7.3em; 
margin-right: 0.5em;
}

p.druckkosten_text {
font-size: 1em; 
margin-left: 7.9em; 
line-height: 20%;
}

span._auflage__ {
font-family: Arial; 
font-weight: normal; 
font-size: 1em; 
color: #606060;
margin-left: 6.8em;
}

span.gewinn {
margin-left: 6.3em;
}

input.druckkosten {
width: 4.5em; 
height: 1em; 
padding: 0.3em; 
text-align: center; 
font-weight: bold; 
border : #7295EE solid 1px; 
border-color: #045DD6; 
font-size: 1em; 
border-radius : 0.5em;
box-shadow : 0.2em 0.2em 0.3em #99B3F2;
margin-top : 0.4em;
margin-bottom : 0.5em;
font-family : Arial;
color : #222222;
transition: opacity 1s ease-in-out;
padding: 0.75em;
margin-left: 5.2em; 
margin-right: 0.7em;
}

input.druckkosten_ {
width: 4.5em; 
height: 1em; 
padding: 0.3em; 
text-align: center; 
font-weight: bold; 
border : #7295EE solid 1px; 
border-color: #045DD6; 
font-size: 1em; 
border-radius : 0.5em;
box-shadow : 0.2em 0.2em 0.3em #99B3F2;
margin-top : 0.4em;
margin-bottom : 0.5em;
font-family : Arial;
color : #222222;
transition: opacity 1s ease-in-out;
padding: 0.75em;
margin-left: 7.3em; 
margin-right: 0.5em;
}

div.versand {
float: left; 
width: 20%; 
top: 2.8em; 
left: 0em;  
position: relative;
}

img._gewinn {
width: 85%; 
height: 85%;
margin-left: -24.7em;
margin-top: 2em;
}

p.folie_gratis {
text-align: left; 
float: left; 
width: 125%; 
font-size: 1em; 
font-weight: normal; 
color: #045DD6; 
margin-left: 7.9em;
}

#modalContainer { 
background: transparent; 
position: absolute; 
width: 100%; 
min-height: 5em; 
top: 0px; 
left: 0px; 
z-index: 10000; 
} 

#alertBox { 
position: relative; 
width: 18em; 
min-height: 5em; 
margin-top: 3em; 
border-width: 5px;
border-bottom-color: #707070;
border-radius : 0em;
box-shadow : 0.2em 0.2em 0.3em #99B3F2;
background: linear-gradient(to bottom, #ffffff 0%,#EFF2F4 100%);
background-repeat: no-repeat;
background-position: 0px 0px; 
border-radius : 0em;
} 

#modalContainer > #alertBox { 
position:fixed; 
} 

#alertBox h1 {  
margin-left: 0em;
margin-bottom: 1em;
font-weight: normal;
font-size: 0.8em;
font-family: Arial; 
color: #606060; 
padding: 0;
border-radius : 0em;
border-bottom: 0.1em solid #909090;
text-align: center;
background : linear-gradient(to bottom, rgba(236, 240, 242, 1) 0%, rgba(255, 255, 255, 1) 25%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 75%, rgba(236, 240, 242, 1) 100%);
height: 3.5em;
width : auto;
} 

#alertBox p { 
margin-top: 2em;
font-size: 0.9em;
font-family: Arial;
margin-left: 1em;
margin-right: 1em;
color: #404040; 
text-align: center; 
height: 2.5em; 
padding-left: 0.5em; 
} 

#alertBox #closeBtn { 
display: block; 
position: relative; 
margin: 2em auto; 
padding: 0.5em; 
border: 1px solid #606060; 
border-radius : 0em;
width: 5em; 
font-weight: normal; 
font-size: 0.7em;
font-family: arial; 
text-align:center; 
color: #404040; 
background: linear-gradient(to bottom, rgba(236, 240, 242, 1) 0%, rgba(255, 255, 255, 1) 25%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 75%, rgba(236, 240, 242, 1) 100%); 
text-decoration: none; 
}

div.printjob {
width: 80%; 
float: left;
}

table.preise {
margin-left: -2.5em;
border-collapse: collapse;
border-radius: 0em;
width: 85%;
}

table.preise_ {
margin-left: -2.5em;
border-collapse: collapse;
border-radius: 0em;
width: 85%;
display: none;
}

input[type="submit"] {
width : 92%;
padding : 3%;
margin-bottom : 8%;
text-align: center;
}

input[type="submit"] {
height : 2em;
font-family : Arial, sans-serif;
font-size : 0.9em;
font-weight : bold;
color : #404040;
text-shadow : 0 0em 0 #fff;
border : solid 0.1em;
border-color : #b4ccce #b3c0c8 #9eb9c2;
border-radius : 0.5em;
outline : 0;
box-sizing : content-box;
background-image : linear-gradient(to bottom, #ECF0F4, #8BA8F1);
box-shadow : 0.2em 0.2em 0.3em #99B3F2;
transition: opacity 1s ease-in-out;
}

input[type="submit"]:hover {
background-image : linear-gradient(to bottom, #8BA8F1, #ECF0F4);
transition : 0.8s;
text-shadow : 0 0em 0 #fff;
box-shadow : 0.2em 0.2em 0.3em #99B3F2;
opacity: 0.8;
}

input[type="submit"]:active {
background : #8BA8F1;
border-color : #9eb9c2 #b3c0c8 #b4ccce;
box-shadow : 0.2em 0.2em 0.3em #99B3F2;
transition: opacity 1s ease-in-out;
}

input.paketpreis {
font-weight: normal; 
width: 5.3em; 
text-align: center; 
border : #7295EE solid 1px; 
border-color: #045DD6; 
margin-left: 0em; 
margin-right: 0.5em;
border-radius : 0.5em;
box-shadow : 0.2em 0.2em 0.3em #99B3F2;
font-size : 120%;
font-family : Arial;
color : #222222;
transition: opacity 1s ease-in-out;
padding: 0.75em;
}

span._euro {
font-family: Arial; 
font-weight: normal; 
font-size: 100%; 
color: #606060;
}

img._basket {
height: 65px; 
width: 67px; 
margin-left: 14em; 
margin-top: 0em;
position: absolute;
z-index: 3;
margin-right: 1em;
}

input.warenkorb {
text-align: center; 
font-size: 100%; 
width: 10em; 
height: 1em;
margin-left: 21em;
}

img._price_label {
left: 58em; 
width: 100px; 
height: 100px;
z-index:3; 
position: absolute;
}

td.preis_info {
width: 50%;
}

div.kosten {
text-align: center; 
margin-top: - 5em; 
z-index:3; 
position: relative;
}

p.position {
font-size: 120%; 
color: #404040;
text-align: right; 
margin-right: 0em;
}

p.position_ {
font-size: 120%; 
color: #404040;
text-align: right; 
margin-right: -5.4em;
}

input.kosten_zeile {
border-radius : 0.5em;
box-shadow : 0.2em 0.2em 0.3em #99B3F2;
width : 5.3em;
border : #A0B8F4 solid 2px;
margin-left: -10em;
margin-right : 0.75em;
margin-top : 0.4em;
margin-bottom : 0.5em;
font-size : 120%;
font-weight: normal;
text-align: center;
font-family : Arial;
color : #222222;
transition: opacity 1s ease-in-out;
padding: 0.75em;
}

input.kosten_zeile_ {
border-radius : 0.5em;
box-shadow : 0.2em 0.2em 0.3em #99B3F2;
width : 5.3em;
border : #A0B8F4 solid 2px;
margin-left: 6.25em;
margin-right : 0.75em;
margin-top : 0.4em;
margin-bottom : 0.5em;
font-size : 120%;
font-weight: normal;
text-align: center;
font-family : Arial;
color : #222222;
transition: opacity 1s ease-in-out;
padding: 0.75em;
}