/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
html,button,input,select,textarea {
	color: #333333;
}

body {
	font-size: 13px;
	line-height: 1.4;
	text-align: center;
	background-color: #f0f0f0;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */
::-moz-selection {
	background: #eeeeee;
	text-shadow: none;
}

::selection {
	background: #eeeeee;
	text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */
img {
	vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */
fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */
textarea {
	resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */
.chromeframe {
	margin: 0.2em 0;
	background: #ccc;
	color: #000;
	padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
h1,h2,h3 {
	font-family: "Georgia", "Arial", "Verdana";
	font-weight: normal;
}

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

#pagewrap {
	text-align: left;
	margin: 0 auto;
	width: 1242px;
	background-color: #ffffff;
}

#backgroundshadow {
	text-align: left;
	margin: 0 auto;
	width: 1258px;
	xbackground-color: #ffffff;
	background: url('../img/bg/bg_bordershadow.png') -1px 0px repeat-y transparent;
}

.wrap {
	width: 960px;
	margin: 0 auto;
	position: relative;
}

input,
textarea,
select {
	border: 1px solid #d7d6d6;
}

input[type=radio] {
	border: none 0;
}

/**** HEADER Einstieg *****/
.einstieg header {
	background: url('../img/bg/einstiegsseite/bg_head.png') repeat-x;
	height: 130px;
	margin-bottom: -20px;
}

.einstieg header img.logo {
	padding: 21px 0 16px 26px;
}
.einstieg header nav ul li {
	background: url('../img/sprites/springer_aboshop_icons.png') 0px -614px
		no-repeat;
	float: left;
	padding-left: 9px;
	margin-left: 6px;
	font-size: 12px;
	text-shadow: #ffffff 1px 1px 1px;
}
.einstieg header nav ul li.first {
	background: none;
	padding-left: 0px;
	margin-left: -17px;
}
.einstieg header nav ul li a:hover {
	color: #2668ab;
}

/**** HEADER Einstieg Ende *****/

/**** HEADER Aboshop *****/
.aboshop header {
	background: url('../img/bg/aboshop/bg_head.png') repeat-x;
	height: 124px;
}

.aboshop header nav ul {
	margin: 0px;
	padding: 0px;
}

.aboshop header nav.magazine .language {
	background: url('../img/sprites/language.png') no-repeat;
	height: 100px;
	width: 71px;
	float: right;
	color: #ffffff;
	font-size: 11px;
	cursor: pointer;
}

.aboshop header nav.magazine .language .sprache {
	padding: 15px 0 0 13px;
}

.aboshop header nav.magazine .language .flag {
	background: url('../img/sprites/language.png') no-repeat;
	width: 35px;
	height: 20px;
	margin: 4px 0 0 17px;
}

.aboshop header nav.magazine .language .de {
	background-position: 0px -100px;
}

.aboshop header nav.magazine .language .en {
	background-position: 0px -130px;
}

.aboshop header nav.magazine ul li.first {
	border-left: 1px solid #d8d8d8;
}

.aboshop header nav.magazine{
	width: 960px;
}
.aboshop header nav.magazine span{
	display: block;
	width: 170px;
	height: 102px;
	background-position: 0px -102px;
}
.aboshop header nav.magazine span:hover{
	background-position: 0px 0px;
}
.aboshop header nav.magazine li.active span{
	background-position: 0px 0px;
}
.aboshop header .carousel_wrapper{
	position: relative;
	overflow:hidden;
}
.aboshop header nav.magazine ul li {
	border-right: 1px solid #d8d8d8;
	width: 170px;
	height: 102px;
	float: left;
}
#carousel{

	padding: 0px;
}
.jcarousel-clip{
	overflow: hidden;
}
.jcarousel-next, .jcarousel-prev{
	background: url('../img/sprites/springer_aboshop_slider.png') 0px 0px no-repeat;
	width: 50px;
	height: 102px;
	position: absolute;
	top: 0px;
	cursor: pointer;
}
.jcarousel-next{left: 0px;}
.jcarousel-prev{
	background-position: -78px 0px;
	right: 0px;
}
.jcarousel-next:hover{
	background-position: 0px -112px;
}
.jcarousel-prev:hover{
	background-position: -78px -112px;
}
.aboshop header nav.magazine ul li img.active {
	display: none;
}

.aboshop header nav.magazine ul li.active {
	background: url('../img/bg/aboshop/bg_topnavi_active.png') no-repeat;
}

.aboshop header nav.magazine ul li.active img {
	display: none;
}

.aboshop header nav.magazine ul li.active img.active {
	display: block;
}

.aboshop header nav.breadcrumb ul li {
	background: url('../img/sprites/springer_aboshop_icons.png') no-repeat
		right -90px;
	height: 22px;
	float: left;
	padding-right: 24px;
	margin-left: 18px;
	font-size: 11px;
	color: #6e6e6e;
	padding-top: 0px;
	line-height: 22px;
}
.aboshop header nav.breadcrumb a:hover{
	text-decoration: underline;
}
.aboshop header nav.breadcrumb ul li.active {
	background: url('../img/bg/aboshop/bg_breadcrumb_active_arrow.png')
		no-repeat right 0px;
	color: #333333;
	min-width:44px;
}
/**** HEADER Themenshop Ende *****/

/**** FOOTER *****/
footer nav {
	background: url('../img/bg/einstiegsseite/bg_footer_sitemap.png') 0px
		bottom repeat-x;
	min-height: 434px;
	padding-top: 0px;
}

footer nav ul {
	padding-left: 0px;
}

footer nav ul {
	margin-top: -8px;
	padding-top: 13px;
}

footer nav .trenner {
	background: url('../img/bg/einstiegsseite/footer_trenner.png') 0px
		bottom repeat-y;
	min-height: 360px;
}
footer nav .trenner.en {
	background: none;
}
footer nav ul.sub {
	margin-top: 16px;
	padding-top: 0px;
}

footer nav ul li {
	background: none;
	font-size: 16px;
	font-family: Georgia;
	float: left;
	width: 190px;
	margin-bottom: 29px;
	line-height: 14px;
}

footer nav ul.sub li {
	font-family: Arial;
	background: url('../img/sprites/springer_aboshop_icons.png') 0px -26px
		no-repeat;
	padding-left: 8px;
	font-size: 11px;
	width: 140px;
	margin-bottom: 10px;
}

footer nav ul li a:hover {
	text-decoration: underline;
}

footer h2 {
	border-bottom: 1px solid #d7d6d6;
	font-size: 20px;
	padding: 4px 0 5px 0px;
	margin-left: 0px;
	margin-right: 12px;
	width: 300px;
	margin-bottom: 31px;
}

footer .abschluss {
	background: url('../img/bg/einstiegsseite/bg_footer.png') repeat-x;
	height: 64px;
	margin-bottom: 0px;
	padding-top: 10px;
	font-size: 11px;
	color: #ffffff;
}

footer .abschluss a {
	color: #ffffff;
}

footer .abschluss a:hover {
	text-decoration: underline;
}

footer .abschluss .copyright {
	float: left;
}

footer .abschluss .datenschutz {
	float: right;
}
footer .abschluss .datenschutz a {
	background: url('../img/sprites/springer_aboshop_icons.png') 0px -5px no-repeat;
	padding-left: 10px;
	margin-left: 10px
}
footer .aboservice, footer .verband {
	background: url('../img/bg/einstiegsseite/bg_servicebar.png') 0px 0px
		repeat-x;
	background-color: #ffffff;
	height: 60px;
	margin: 0px 0 0px 0;
	padding-top: 14px;
}
footer .verband{
	padding-top: 13px;
	height: 46px;
	background: url('../img/bg/einstiegsseite/bg_verbandslink.png') 0px 0px repeat-x;
	margin-top: -14px;
}

footer section.aboservice  h2, footer section.verband  h2 {
	font-size: 20px;
	background: none;
	margin-top: 0px;
	margin-left: 0px;
	width: 410px;
	border: none;
}
footer section.verband  h2 {
	width: 100%;
}
footer section.verband h2 a {
	cursor: pointer;
}

footer section.aboservice h2 span, footer section.verband h2 a {
	background: url('../img/sprites/springer_aboshop_icons.png') 0px -66px
		no-repeat;
	font-size: 16px;
	padding-left: 15px;
	margin-left: 13px;
	cursor: pointer;
}

/****** FOOTER Ende ******/

/****** BUTTONS ******/
a.button {
	background: url("../img/sprites/springer_aboshop_buttons.png") no-repeat left 0;
	display: inline-block;
	height: 31px;
	padding-left: 20px;
	position: absolute;
	z-index: 3;
}

a.button span,
button.button span {
	background: url("../img/sprites/springer_aboshop_buttons.png") no-repeat right -40px;
	color: #FFFFFF;
	display: inline-block;
	font-size: 15px;
	line-height: 33px;
	padding-left: 6px;
	padding-right: 13px;
}

a.button:hover {
	background-position: left -80px;
}

a.button:hover span {
	background-position: right -120px;
}

a.button.dark {
	background: url("../img/sprites/springer_aboshop_buttons.png") no-repeat left -160px;
	height: 50px;
	padding-left: 40px;
}
button.button {
	padding: 0; vertical-align: middle;
}
button.button.dark {
	background: transparent url("../img/sprites/springer_aboshop_buttons.png") no-repeat left -160px;
	border: none;
	color: #fff;
	height: 50px;
	padding-left: 40px;
}

a.button.dark span,
button.button.dark span {
	background: url("../img/sprites/springer_aboshop_buttons.png") no-repeat right -210px;
	height: 50px;
	line-height: 50px;
	padding-left: 0px;
	padding-right: 23px;
	font-family: Georgia;
}

a.button.dark:hover,
button.button.dark:hover {
	background-position: left -260px;
}

a.button.dark:hover span,
button.button.dark:hover span {
	background-position: right -310px;
}

a.button.small {
	background: url("../img/sprites/springer_aboshop_buttons.png") no-repeat left -370px;
	height: 35px;
	padding-left: 20px;
}

a.button.small span {
	background: url("../img/sprites/springer_aboshop_buttons.png") no-repeat right -410px;
	color: #FFFFFF;
	display: inline-block;
	font-size: 12px;
	line-height: 35px;
	padding-left: 6px;
	padding-right: 26px;
}

.selected a.button.small,a.button.small:hover {
	background-position: left -450px;
}

.selected a.button.small span,a.button.small:hover span {
	background-position: right -490px;
}

.kundenservice a.button.grey {
	background: url("../img/sprites/springer_aboshop_buttons.png") no-repeat -6px -575px;
	height: 35px;
	width: 150px;
	position: relative;
	padding-left:40px;
	font-size: 16px;
    line-height: 35px;
    font-family: Georgia;
    -webkit-box-shadow: 0px 0px 8px #d5d5d5; /* webkit browser*/
	-moz-box-shadow: 0px 0px 8px #d5d5d5; /* firefox */
	box-shadow: 0px 0px 8px #d5d5d5;
}
.kundenservice a.button.grey.external-link {
    font-size: 12px;
}
.kundenservice a.button.grey:hover,
.kundenservice a.button.grey:active,
.kundenservice a.button.grey.selected,
.kundenservice a.button.grey.activeSlide   {
    background-position: -6px -530px;
}
.kundenservice .content-box a.button.dark {
	right: -5px;
}
.kundenservice a.button.close, .produktdetail a.button.close, .einzelheftbildgross a.button.close, .flipbook-viewport a.button.close, .block_layer a.button.close, .video-layer a.button.close {
	background: url("../img/sprites/springer_aboshop_icons.png") no-repeat left -280px;
	height: 55px;
	width: 57px;
	top: -25px;
	right: -30px;
	padding: 0;
	z-index:30;
}

.kundenservice a.button { outline: none; }

.kundenservice .content { width: 500px; height: 330px; overflow: auto }


.einstieg section .shops a.button {
	bottom: 43px;
	left: 70px;
}

.einstieg section .bestseller a.button {
	left: 50px;
	bottom: 0px;
}

.aboshop section.slider a.button {
	left: 200px;
	bottom: -76px;
}

.aboshop section.slider .abowahl a.button {
	top: 0px;
}

.aboshop section .magazine a.button {
	top: 383px;
	left: 29px;
}

.aboshop section.einzel .magazine a.button {
	top: 203px;
	left: 29px
}
.aboshop section.einzel.praemie .magazine a.button {
	top: 250px;
	left: 20px
}

.aboshop .magazine.abo a.button {
	top: 328px;
}

.aboshop .magazine.abo .long a.button {
	left: 260px;
}

#button-print {
	display: inline-block;
  margin-right: -8px;
  position: absolute;
  right: 0;
  cursor: pointer;
  z-index: 100;
}

/****** BUTTONS ENDE ******/

/****** EINSTIEGSSEITE ******/
.einstieg section h1 {
	color: #6e6e6e;
	/**width: 760px;**/
	margin-left: 23px;
	font-size: 27px;
	line-height: 31px;
	padding-top: 10px;
}

.einstieg section.content {
	margin-bottom: 54px;
}

.einstieg section.content h2 {
	background: url('../img/bg/einstiegsseite/bg_headline.png') 0px bottom
		repeat-x;
	font-size: 24px;
	padding: 8px 0 6px 11px;
	margin-left: 12px;
	margin-right: 12px;
}

.einstieg section article {
	position: relative;
	float: left;
}

.einstieg section .shops {
	margin-left: 5px;
}

.einstieg section .shops article {
	background:
		url('../img/flaechen/einstiegsseite/bg_themen_container.png') 0px 0px
		no-repeat;
	width: 311px;
	height: 424px;
	margin: 0 0 8px 7px;
}

.einstieg section .bestseller article {
	height: 360px;
	width: 240px;
}

.einstieg section article h3 {
	font-size: 24px;
	margin: 13px 0 0px 14px;
}

.einstieg section article img {
	margin-left: 30px;
}

.einstieg section article ul {
	margin: 5px 0px 0 0px;
	padding-left: 14px;
	padding-right: 15px
}

.einstieg section .bestseller article ul {
	padding-left: 20px;
}

.einstieg section article li {
	background: url('../img/sprites/springer_aboshop_icons.png') 0px -613px
		no-repeat;
	padding-left: 10px;
	marin-left: 0px;
	list-style: none;
	padding-right: 10px;
}

.einstieg section .bestseller article li {
	padding-right: 2px;
}

/****** EINSTIEGSSEITE ENDE ******/


/****** KUNDENSERVICE ******/
section.kundenservice, section.produktdetail, section.block_layer {
	display: none;
	background:
		url('../img/flaechen/layer/bg_kundenservice.png') 0px 0px
		no-repeat transparent;
	width: 840px;
	height: 459px;
	xmargin: 0 0 8px 7px;
}
section.kundenservice h1, section.produktdetail h1{
	font-size: 36px;
	color: #333333;
	line-height: 46px;
	padding: 30px 0 0;
	margin: 0 0 35px 30px;
	border-bottom: 1px solid #6E6E6E;
	width: 680px;
}

section.kundenservice h2{
	font-size: 20px;
	color: #333333;
	line-height: 27px;
	margin: 0 0 18px 0;
	border-bottom: 1px solid #6E6E6E;
	width: 480px;
}

section.kundenservice .content .wrap {
	margin:0px 0px;
	width: 480px;
}

section.kundenservice .content .faq-quest {
	margin-bottom: 2px;
	font-style: italic;
	font-weight: bold;
}

section.kundenservice .content .faq-answer {
	margin-left: 10px;
	margin-bottom: 10px;
}
section.kundenservice .content .faq-answer  p {
	margin-bottom: 8px;
}


section.kundenservice #service-nav{
	width: 190px;
	float: left;
	margin: 0px 50px 0 30px;
}

section.kundenservice .content{
	float: left;
}

section.kundenservice .content-box {
	background-color: transparent !important;
}

section.kundenservice .content img {
	float: right;
	margin-left: 20px;
}
section.kundenservice .content img.tx-srfreecap-pi2-image {
	float: none;
}

section.kundenservice .content p {
	margin: 0px;
}

section.kundenservice .content .no-scroll-content {
	height: 200px;
}

section.kundenservice .content .slimScrollDiv {
	padding-right: 10px;
}

section.kundenservice #formular-adresse-danke,
section.kundenservice #formular-nachricht-danke {
	display: none;
}

.kundenservice .formular h2 {
	border-bottom: 1px solid #6e6e6e;
	width: 470px;
}

.kundenservice .formular fieldset {
	width: 400px;
	display: block;
	margin-bottom: 20px;
	border: none;
}

.kundenservice .formular label {
	width: 120px;
	display: inline-block;
}
.kundenservice .formular label[for="freecapfield"] {
	width: 100%;
}

.kundenservice .formular fieldset span {
	font-size: 11px;
}

.kundenservice .formular input[type="text"],
.kundenservice .formular input[type="email"],
.kundenservice .formular input[type="number"],
.kundenservice .formular input[type="tel"],
.kundenservice .formular textarea,
.kundenservice .formular select {
	width: 260px;
	margin-bottom: 5px;
	font-size: 12px;

	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.kundenservice .formular textarea {
	resize: none;
	padding: 0;
}
.kundenservice .formular .inputError {
	border: 1px solid red;
}
.kundenservice .formular input.plz{
	width:70px;
}
.kundenservice .formular input.ort{
	width: 180px;
}
.kundenservice .formular input.strasse{
	width: 200px;
}
.kundenservice .formular input.hausnr{
	width: 50px;
}
.kundenservice .formular input.rightspace {
	margin-right: 6px;
}

.kundenservice .formular select {
	width: 262px;
}



/****** KUNDENSERVICE ENDE ******/

/**** SLIDER Aboshop *****/
section.slider {
	margin: 0px;
	position: relative;
	clear:both;
}

section.slider ul {
	margin: 0px;
	list-style: none;
	padding: 0px;
}

section.slider ul li {
	position: relative;
	border-bottom: 1px solid #d7d6d6;
}

section.slider ul li .text {
	position: absolute;
	left: 580px;
	top: 94px;
	width: 455px;
}

section.slider ul li .text h1 {
	border-bottom: 1px solid #6e6e6e;
	padding-bottom: 14px;
	font-size: 36px;
	line-height: 40px;
	margin-bottom: 20px;
}

section.slider ul.single li .text {
	top: 67px;
}

section.slider ul li img.magazin {
	position: absolute;
	top: 66px;
	left: 203px;
	float: left;
}

section.slider ul li .text .abowahl {
	position: absolute;
  margin-top: 20px;
  border: 1px solid #d2d2d2;
  width: 100%;
  height: 102px;
  padding: 20px;
  /*background: url("../img/bg/aboshop/bg_head.png") repeat-x scroll 0 0 rgba(255, 255, 255, 0.8);*/
  background-color: rgb(255, 255, 255);
  background-color: rgba(255, 255, 255, 0.8);
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
}

section.slider ul li .text .abowahl .angebot {
	float: left;
	width: 200px;
	line-height: 25px;
}
section.slider ul li .text .abowahl .angebot.error {
  color: red;
}

section.slider ul li .text .abowahl .angebot select {
  width: 200px;
}

section.slider ul li .text .abowahl .button {
	width: 200px;
	margin-top: 32px;
  left: 290px;
}

section.slider ul li a.blick {
	display: block;
	background: url('../img/sprites/springer_aboshop_stoerer.png') 0px 0px
		no-repeat;
	position: absolute;
	top: 330px;
	left: 190px;
	width: 136px;
	height: 136px;
	text-indent: -9999px;
	cursor: pointer;
}
section.slider ul.en li a.blick {
	background: url('../img/sprites/springer_aboshop_stoerer_en.png') 0px 0px no-repeat;
}

section.slider .pager {
	position: absolute;
	top: 477px;
	left: 583px;
	z-index: 100;
}

section.slider .pager .left {
	background: url('../img/sprites/springer_aboshop_icons.png') 0px -440px
		no-repeat;
	width: 12px;
	height: 26px;
	float: left;
}

section.slider .pager ul {
	/*background: url('../img/sprites/springer_aboshop_icons.png') 0px -500px*/
		/*repeat-x;*/
    background: url('../img/grafiken/slide_pager_bg.png') 8px 2px repeat-x;
	float: left;
	height: 26px;
	padding-left: 0px;
}

section.slider .pager ul li {
	background: url('../img/sprites/springer_aboshop_icons.png') 0px -463px
		no-repeat;
	width: 12px;
	height: 21px;
	margin: 0 4px 0 5px;
	float: left;
	cursor: pointer;
	border:0 none;
}

section.slider .pager ul li.activeSlide {
	background: url('../img/sprites/springer_aboshop_icons.png') -20px
		-463px no-repeat;
}

section.slider .pager .right {
	background: url('../img/sprites/springer_aboshop_icons.png') -45px
		-440px no-repeat;
	width: 12px;
	height: 26px;
	float: right;
}
/**** SLIDER Aboshop Ende *****/

/**** MAGAZINE Aboshop  *****/
.aboshop .mainbg {
	background: url('../img/bg/aboshop/bg_main.png') repeat-x #f4f4f4;
	padding-bottom: 22px;
}

.aboshop section.content.praemie {
	background: none;
}

.aboshop section.content .wrap {
	width: 990px;
}

.aboshop section .magazine {
	margin-left: -15px;
	margin-top: 18px;
}
.aboshop section.einzel .magazine {
	margin-left: -9px;
}

.aboshop section.einzel.auswahl{
	display: none;
}
.aboshop section .magazine article {
	background: url('../img/flaechen/aboshop/bg_zeitschriften_small.png') 0px 0px no-repeat;
	width: 300px;
	height: 456px;
	margin: 12px 0 8px 30px;
	position: relative;
	float: left;
}

.aboshop section.einzel .magazine article {
	background: url('../img/flaechen/aboshop/bg_abo_einzelheft.png') 0px 0px no-repeat;
	width: 173px;
	height: 350px;
	margin-left: 24px;
}

.aboshop section.einzel .magazine article.selected {
	background: url('../img/flaechen/aboshop/bg_abo_einzelheft.png') -180px	-0px no-repeat;
	width: 173px;
	height: 350px;
}

.aboshop section.einzel .magazine article .menge {
	position: absolute;
	top: 246px;
	width: 170px;
	text-align: center;
}
.aboshop section.einzel.praemie .magazine article .menge {
	top: 290px;
}
.aboshop section.einzel .magazine article .menge input {
	width: 37px;
	padding-left: 5px;
	line-height: 16px;
}

.aboshop section.einzel .magazine article .menge .preis {
	font-size: 20px;
	font-family: Georgia;
	padding: 6px 0 5px 0;
}
.aboshop section.einzel .magazine article .menge .info {
	font-size: 11px;
	line-height: 14px;
	color: #6e6e6e;
}
.aboshop section.einzel .magazine article .menge .details {
	font-size: 13px;
	padding-top: 4px;
	color: #0176c8;
	cursor: pointer;
}
.aboshop section.einzel .magazine article .bez{
	position: absolute;
	top: 180px;
	left: 9px;
	width: 152px;
	text-align: center;
	font-family: Georgia;
}

.aboshop section.einzel article .lupe {
	background: url('../img/sprites/springer_aboshop_icons.png') 0px -220px no-repeat;
	position: absolute;
	left: 100px;
	top: 150px;
	width: 53px;
	height: 57px;
	cursor: pointer;
}

.aboshop section.einzel article .sbImageWrapper {
	background: url('../img/flaechen/image_shadow.png') 0px 0px no-repeat;
	width: 112px;
	height: 143px;
	padding-left: 13px;
	padding-top: 12px;
}

.aboshop section .magazine article h3 {
	font-size: 24px;
	position: absolute;
	left: 37px;
	top: 0px;
	margin-top: 13px;
	line-height: 30px;
}

.aboshop section.einzel .magazine article h3 {
	font-size: 20px;
	position: relative;
	left: 0px;
	top: 0px;
	margin-top: 15px;
	text-align: center;
}

.aboshop section article img {
	position: absolute;
	left: 42px;
	top: 87px;
}

.aboshop section.einzel article img, .aboshop section.einzel article .sbImageWrapper {
	position: absolute;
	left: 24px;
	top: 44px;
}

.aboshop section.einzel article .sbImageWrapper img {
	position: static;
}

.aboshop section.einzel.praemie article .imgpramie {
	height:130px;
	width:130px;
	background-color:#ffffff;
	top:20px;
	left:20px;
	position:relative;
	overflow:hidden;
	text-align:center;
	line-height:130px;
	vertical-align:middle;
}

.aboshop section.einzel.praemie article img {
 	top:auto;
 	left:auto;
 	position:relative;
}

.aboshop section article ul {
	position: absolute;
	top: 298px;
	left: -3px;
}

.aboshop section article li {
	background: url('../img/sprites/springer_aboshop_icons.png') 0px -613px
		no-repeat;
	padding-left: 10px;
	marin-left: 0px;
	list-style: none;
	padding-right: 10px;
	width:250px;
}

/**** MAGAZINE Aboshop Ende *****/

/**** MAGAZINE Abovarianten  *****/
.aboshop .magazine.abo article {
	background: url('../img/flaechen/aboshop/bg_abo_small.png') 0px 0px
		no-repeat;
	height: 401px;
}

.aboshop .magazine.abo article.long {
	background: url('../img/flaechen/aboshop/bg_abo_big.png') 0px 0px
		no-repeat;
	width: 630px;
	height: 401px;
}

.aboshop .magazine.abo article.long.kombiabo ul {
    margin-bottom: 10px;
    overflow:hidden;
}

.aboshop .magazine.abo article h3 {
	left: 37px;
}

.aboshop .magazine.abo article img {
	top: 58px;
	left: 35px;
}

.aboshop .magazine.abo article .text {
	position: absolute;
	top: 225px;
	left: 35px;
}

.aboshop .magazine.abo article .text ul {
	position: absolute;
	top: 15px;
	left: -40px;
	width: 300px;
}

.aboshop .magazine.abo article.long h3 {
	font-size: 36px;
	left: 264px;
	top: 5px;
}

.aboshop .magazine.abo article.long img {
	left: 19px;
}

.aboshop .magazine.abo article.long .text {
	position: absolute;
	top: 84px;
	left: 263px;
	line-height: 16px;
	margin-right: 55px;
	width: 325px;
}

.aboshop .magazine.abo article.long .text ul {
	position: relative;
	top: 15px;
	left: -40px;
	width: 300px;
	margin-top: 0px;
}

.aboshop .magazine.abo article.long.kombiabo .text ul {
    position: static;
    padding-left: 0;
    margin-top: 10px;
}

.aboshop .magazine.abo article.long .abotyp.probeabo {
	top: 153px;
	left: 78px;
}

section.einzelheftbildgross {
	display: none;
}

/**** MAGAZINE Abovarianten Ende *****/

/**** MAGAZINE Abovarianten Icons  *****/
section .abotyp {
	background: url('../img/sprites/springer_aboshop_stoerer.png') 0px 0px
		no-repeat;
	position: absolute;
	width: 120px;
	height: 127px;
	top: 93px;
	left: 141px;
}

section.en .abotyp {
	background: url('../img/sprites/springer_aboshop_stoerer_en.png') 0px 0px no-repeat;
}

section .abotyp.probeabo {
	background-position: -100px -136px;
	width: 155px;
	height: 150px;
}

section .abotyp.kombiabo {
    background-position: -270px -1170px;
    width: 120px;
    height: 127px;
    left: 120px
}

section .abotyp.danke {
	background-position: -100px -1250px;
}


section .abotyp.sparen {
	background-position: -280px 0px;
}

section .abotyp.jahresabo, section .abotyp.verbandsabo {
	background-position: -270px -136px;
}

section .abotyp.leserwerbenleser {
	background-position: -270px -260px;
}
section .abotyp.freeregistration {
	background-position: -270px -136px;
}

section .abotyp.studentenabo {
	background-position: -270px -390px;
}

section .abotyp.geschenkabo {
	background-position: -270px -520px;
}

section .abotyp.miniabo {
	background-position: -270px -650px;
}

section .abotyp.einzelhefte {
	background-position: -270px -780px;
}
section.danke .abotyp.einzelhefte {
	background-position: -100px -935px;
}
section.danke .abotyp.freeregistration {
	background-position: -100px -292px;
}
section .abotyp.emagazine {
	background-position: -270px -910px;
}
section.danke .abotyp.leserwerbenleser {
	background-position: -100px -1574px;
}

/**** MAGAZINE Abovarianten Icons Ende *****/

/**** Abotypen und Formular *****/
.abotyp .wrap,.daten .wrap, .wrap.specialteaser-large-image {
	margin-top: 30px;
	margin-bottom: 20px;
	background: url('../img/flaechen/aboshop/bg_container_big.png') 0px 0px
		no-repeat;
	border-bottom: 1px solid #d7d6d6;
	padding-bottom: 28px;
	position: relative;
	height: 100%;
}

.wrap.specialteaser-large-image {
	border-bottom-width: 0;
	padding-bottom: 0;
}

.wrap.specialteaser .specialteser-background {
	height: 344px;
}

.wrap.specialteaser h1 {
	border-bottom: 1px solid #c7c6c4;
	margin-bottom: 15px;
	padding-bottom: 15px;
}

.wrap.specialteaser h2 {
	color: #e50043;
	font-weight: bold;
	font-size: 13px;
}

.wrap.specialteaser ul {
	list-style: inside none disc;
	padding-left: 0;
}

.daten .wrap {
	margin-top: 20px;
}

.abotyp .wrap h1,.daten .wrap h1 {
	font-size: 36px;
	position: relative;
	margin-top: 23px;
	margin-left: 36px;
	line-height: 30px;
	padding: 28px 0px 0px 0px;
	/*width: 560px;*/
	width: 600px;
}

.abotyp.danke .wrap h1,.abotyp.einzel .wrap h1 {
	border-bottom: 1px solid #6e6e6e;
	padding-bottom: 8px;
}

section.abotyp.danke .wrap {
	min-height: 400px
}

section.abotyp.danke .advertising-wrap {
    width: 960px;
    margin: 0 auto;
}

.abotyp .wrap .text, .specialteaser .text {
	margin-left: 330px;
	padding-top: 13px;
	width: 500px;
	line-height: 18px;
}

.specialteaser .text {
	padding-top: 35px;
}

.abotyp .wrap .text a {
	text-decoration: underline;
}

.abotyp .wrap .text h2 {
	font-size: 20px;
	position: relative;
	margin-top: 0px;
	margin-left: 0px;
	line-height: 30px;
	border-bottom: 1px solid #6e6e6e;
	padding: 10px 0px 2px 0px;
	width: 500px;
}

.abotyp .wrap .text h2 {
	padding-top: 0px;
}

.abotyp .wrap ul {
	position: relative;
	line-height: 18px;
	padding-left: 0px;
}

.abotyp .wrap li {
	background: url('../img/sprites/springer_aboshop_icons.png') 0px -609px	no-repeat;
	marin-left: 0px;
	list-style: none;
	padding: 4px 10px;
}

.abotyp .wrap .abotyp {
	top: 190px;
	left: 108px;
	width: 160px;
	height: 155px;
}

.abotyp .wrap .abotyp.sparen {
	height: 137px;
}

.abotyp .wrap .abotyp.jahresabo {
	background-position: -100px -295px;
}

.abotyp .wrap .abotyp.verbandsabo {
	background-position: -100px -775px;
}

.abotyp .wrap .abotyp.studentenabo {
	background-position: -100px -455px;
}

.abotyp .wrap .abotyp.geschenkabo {
	background-position: -100px -615px;
}

.abotyp .wrap .abotyp.miniabo {
	background-position: -100px -775px;
}

.abotyp .wrap .abotyp.einzelabo {
	background-position: -100px -935px;
}

.abotyp .wrap .abotyp.eabo {
	background-position: -100px -1095px;
}

.abotyp .wrap .abotyp.summe {
	background-position: -100px -1420px;
}

.abotyp .wrap .abotyp.leserabo {
	background-position: -100px -1570px;
}

.daten .wrap h1 {
	font-size: 24px;
	width: 480px;
	padding-bottom: 2px;
	border-bottom: 1px solid #6e6e6e;
	padding-top: 24px;
}

.daten .dots {
	background: url('../img/bg/aboshop/formular_dots.png') 0px 0px repeat-y;
	width: 4px;
	float: left;
	margin: 12px 120px 0px 170px;
}


.daten .formular {
	margin-left: 331px;
}

.daten .formular .circle{
	background: url('../img/sprites/springer_aboshop_stoerer.png') no-repeat;
	width: 95px;
	height: 95px;
	left: -207px;
	position: absolute;
}
.daten .formular .circle.person {
	background-position: 0px -760px;
	height: 130px;
	top: -5px;
}
.daten .formular .circle.lieferadresse {
	background-position: 0px -260px;
	top: 105px;
}
.daten .formular .circle.zahlungsart {
	background-position: 0px -460px;
	top:-9px;
}
.daten .formular .trialForm .circle.zahlungsart {
  top: -80px;
}

.daten .formular .circle.rechnungsadresse {
	background-position: 0px -360px;
	top:60px;
}

.daten .formular .circle.gesamtsumme {
	background-position: 0px -560px;
	top:-50px;
}
.daten .formular .circle.einwilligung {
	background-position: 0px -660px;
	/*top:40px;*/
}
.daten .formular .circle.sfp {
    background-position: 0px -884px;
    top: 65px;
}

.daten .formular div.part{
	position: relative;
	width:520px;
}

.daten .formular div.part ul{
	font-size:11px;
	padding-left:35px;
}

.daten .formular h2 {
	border-bottom: 1px solid #6e6e6e;
	width: 520px;
	padding-bottom: 3px;
}

.daten .formular h2 span {
	font-size: 16px;
}

.daten .formular h3 {
	margin-bottom: 5px;
}
.daten .formular .person div{
	padding-bottom: 4px;
}
.daten .formular .lieferadresse {
	margin-top: 38px;
}

.daten .formular fieldset {
	width: 400px;
	display: block;
	border:none;
}

.daten .formular label {
	width: 120px;
	display: inline-block;
}

.daten .formular fieldset span {
	font-size: 11px;
}

.daten .formular input[type="text"],
.daten .formular input[type="email"],
.daten .formular input[type="tel"],
.daten .formular input[type="number"],
.daten .formular input[type="password"],
.daten .formular textarea,
.daten .formular select {
	width: 260px;
	margin-bottom: 5px;
	font-size: 12px;

	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */

    vertical-align: top;
}

div.errors { color: #f00 }

.daten .formular input.error,
.daten .formular textarea.error,
.daten .formular select.error {
	border: 1px solid #f00;
}
.text.error, .text.error a { color: #f00 }

.daten .formular textarea {
	resize: none;
	padding: 0;
}

.daten .formular input.plz{
	width: 70px;
}
.daten .formular input.ort{
	width: 180px;
}
.daten .formular input.strasse{
	width: 200px;
}
.daten .formular input.hausnr {
	width: 50px;
}
.daten .formular input.rightspace {
	margin-right: 6px;
}
.daten .formular select {
	width: 262px;
}

.daten .formular .rechnungsadresse h2 {
	background: url('../img/sprites/springer_aboshop_icons.png') 0px -120px	no-repeat;
	padding-left: 35px;
	cursor: pointer;
	width:485px;
}

.daten .formular .rechnungsadresse.open h2 {
	background-position: 0px -160px;
}

.daten .formular .rechnungsadresse fieldset, .daten .formular .rechnungsadresse .circle {
	display: none;
}
.daten .formular .rechnungsadresse.open fieldset {
	display:block;
}

.daten .formular div.highlight {
	margin-top:20px;
	padding:25px 25px 10px 25px;
	background:#edf3ff;
	display: inline-block;
	width:470px;
}

.daten .formular .highlight span.detail{
	text-decoration:underline;
	cursor:pointer;
}

.daten .formular .highlight h2{
	width:470px;
	font-size:1.2em;
	font-family: sans-serif;
}

.daten .formular .artikel small{
	margin-left:25px;
}

.daten .formular .highlight small p{
	margin-top:0;
	padding-top:0;
}

.daten .formular .left{
	float:left;
	width:65%;
}

.daten .formular .right{
	float:right;
	width:30%;
	text-align:right;
}

.daten .formular .clearer{
	clear:both;
	height:0px;
}

.daten .wrap.sfp .formular .zahlungsart {
    margin-top: 0;
}

.daten .wrap.sfp .formular div.part.artikelauswahl,
.daten .wrap .trialForm div.part.artikelauswahl {
    margin-top: 30px
}

.daten .wrap.sfp .formular div.part.artikelauswahl div div,
.daten .wrap .trialForm div.part.artikelauswahl div div {
  line-height: 1.4;
}

.daten .wrap.sfp .formular div.part.artikelauswahl ul,
.daten .wrap .trialForm div.part.artikelauswahl ul {
  position: relative;
  padding-left: 10px;
  margin-top: 4px;
  margin-bottom: 10px;
}

.daten .wrap.sfp .formular div.part.artikelauswahl li,
.daten .wrap .trialForm div.part.artikelauswahl li {
  background: url('../img/sprites/springer_aboshop_icons.png') 0px -613px	no-repeat;
  marin-left: 0px;
  list-style: none;
  padding: 0px 10px;
  font-size: 11px;
}

.daten .wrap.sfp .formular div.part.artikelauswahl .bodytext,
.daten .wrap .trialForm div.part.artikelauswahl .bodytext {
  font-size: 11px;
  margin: 1em 0 0.5em 0;
  padding-left: 10px;
  width: 400px;
  line-height: 1.2;
}

.daten .wrap.sfp .formular div.part.artikelauswahl .additem,
.daten .wrap .trialForm div.part.artikelauswahl .additem {
  margin-top: 2em;
}
.daten .wrap .trialForm div.part.artikelauswahl .finalPriceHighlight {
	font-weight: bold;
}

.daten .finalprice small{
	color:#858585;
}

.daten .formular div.part .gesamtsumme {
	margin-top: 45px;
	margin-bottom: 38px;
}

.daten .formular .highlight .gesamtsumme_content{
	margin-left:140px;
	margin-top:30px;
	width:330px;
}

.daten .formular .highlight .gesamtsumme_content h4{
	margin:0;
}

.daten .formular .finalprice{
	margin-top:20px;
}

.daten .formular .finalprice h4{
	font-size:16px;
}

.daten .wrap.sfp .formular .gesamtsumme, .daten .wrap .formular .trialForm .gesamtsumme {
  margin-top: 30px;
  top: 0px;
}

.daten .formular span#finalprice {
  font-size: 16px;
}

.daten .wrap.sfp.trial .part.gesamtsumme,
.daten .wrap .trialForm .part.gesamtsumme  {
    border-top: 1px dotted #000;
}

.daten .formular .widerruf div.text{
	margin-left:25px;
	width:445px;
	margin-top:-18px;
}
.daten .formular .widerruf div.text a{
	text-decoration:underline;
}

.daten .formular div.part {
	margin-top: 38px;
}

.daten .formular .einwilligung div.text {
	margin-left: 25px;
	font-size: 11px;
	width: 445px;
	margin-top: -18px;
}
.daten .formular .einwilligung div.text a {
	text-decoration: underline;
}

.daten .formular .einwilligung div.text .bodytext {
	margin-top:-18px;
}

.daten .formular .send {
	margin-top: 30px;
	height: 55px;
	width: 526px;
	position: relative;
}
.daten .formular .send .trialAdditional {
	float: right;
	position: relative;
	margin-top: 16px;
}
.daten .formular .send .button.dark.trial {
	position: relative;
	float: right;

}
.daten .formular a.button {
	position: absolute;
	right: 0px;
}
.daten .formular .copayment { display:block }

.daten .formular .buttonHint {
	height: 55px;
	width: 526px;
	position: relative;
	font-size:11px;
	color:#1070ad;
}

.daten .formular .buttonHint span{
	position:absolute;
	right:0;
	width:235px;
}


/* Danke */
.abotyp.danke .wrap .text {
	position: relative;
	margin-bottom: 18px;
}

.abotyp.danke .wrap .text a.button {
	right: -5px;
	margin-top: 30px;
	text-decoration: none;
}

.abotyp.danke .wrap .danke {
	margin-bottom: 50px;
}

.abotyp.danke .wrap .danke img {
	position: relative;
	margin-bottom: 40px;
}

/* Einzelheft */
.abotyp .wrap .text .stern {
	font-size: 11px;
	line-height: 13px;
	padding-top: 44px;
}

.abotyp.einzel.auswahl .wrap .text {
	line-height: 24px;
	position: relative;
}

.abotyp.einzel.auswahl .wrap .text span {
	font-size: 20px;
	font-family: Georgia;
}

.abotyp.einzel.auswahl .wrap ul {
	margin-bottom: 25px;
}

.abotyp.einzel.auswahl .wrap li {
	background: none;
	padding: 0px;
}

.abotyp.einzel.auswahl .gesamtsumme {
	margin-bottom: 69px;
}
.abotyp.einzel.auswahl .wrap .text a.entfernen {
	margin-right: 40px;
	font-size:10px;
	font-family:sans-serif;
	line-height:27px;
	float:right;
	text-decoration:none;
}
.abotyp.einzel.auswahl .wrap .text a.entfernen:hover {
	text-decoration:underline;
}

.abotyp.einzel.auswahl .text a.button {
	position: absolute;
	right: -5px;
	margin-top: -42px;
	text-decoration: none;
}

.abotyp.einzel.auswahl .wrap .text a.button span {
	font-size: 16px;
}


/* Leser werben Leser Pr�mien */
section.praemien{
	margin-bottom: -24px;
}
section.praemien .wrap {
	background: url('../img/flaechen/aboshop/praemie_stoerer.png') 0px 0px	no-repeat;
	height: 75px;
	width: 960px;
	text-align: center;
}

section.praemien .wrap .stoerer{
	color: #ffffff;
	font-size: 24px;
	font-family: Georgia;
	padding-top: 10px;
}

.abotyp.auswahl.small .wrap{
	height: 230px;
}
section#praemie .imgpramie {
	height:130px;
	width:130px;
	background-color:#ffffff;
	top:45px;
	left:20px;
	position:relative;
	overflow:hidden;
	text-align:center;
	line-height:130px;
	vertical-align:middle;
 }
.abotyp .wrap .imgpramie img {
	left:0px;
  position: relative;
  top: 0px;
}

.abotyp .wrap img {
    position: absolute;
    left: 42px;
    top: 87px;
}
.abotyp .wrap .video-box img { position: relative; top: auto; left: auto }

.abotyp.auswahl.small .text{
	position:absolute;
	margin-left: 216px;
	top: 25px;
	height:150px;
}
.abotyp.auswahl.small .text h3{
	font-size: 20px;
	margin-bottom: 10px;
}
.abotyp.auswahl.small .text .bez{
	font-family: Georgia;
	width: 150px;
	vertical-align: middle;
	height: 140px;
	display: table-cell;
}
.abotyp.auswahl.small .text .info{
	font-size: 11px;
	color: #6e6e6e;
	padding-top: 14px;
}
.abotyp.auswahl.small .istgleich{
	position: absolute;
	left: 390px;
	top: 66px;
	font-size: 60px;
}
.abotyp.auswahl.small .gesamt{
	position: absolute;
	left: 455px;
	top: 55px;
	font-family: Georgia;
	font-size: 36px;
}
.abotyp.auswahl.small .gesamt .summe{
	border-bottom: 1px solid #6e6e6e;
	width: auto;
	padding-bottom: 3px;
	margin-bottom: 8px;
	text-align:center;
}
.abotyp.auswahl.small  a.button{
	right: 145px;
	bottom: 29px;
	cursor:pointer;
}

/* Produktdetail-Layer */
.produktdetail .content-box .scroll-content a.button.dark {
	z-index:100;
}
.produktdetail .content-box a.button.dark {
	right: 85px;
	bottom: 20px;
}
.produktdetail .content-box img{
	margin-left: 30px;
}

.produktdetail .content-box .text{
	position: absolute;
	top: 87px;
	left: 362px;
	width: 386px;
}
section.produktdetail h1{
	padding-top: 25px;
	padding-bottom: 3px;
}
.produktdetail .content-box h2{
	border-bottom: 1px solid #6e6e6e;
	padding-bottom: 3px;
}
.produktdetail ul{
	padding-left: 0px;
}
.produktdetail li{
	background: url('../img/sprites/springer_aboshop_icons.png') 0px -612px	no-repeat;
	padding-left: 10px;
	marin-left: 0px;
	list-style: none;
	padding-right: 10px;
}


/**** Abotypen Ende *****/


/**** some other classes ****/

.trialForm small { display:block; font-size:11px; }



/**** Bl�tterkatalog ****/

.flipbook-viewport{
	overflow: hidden;
	width: 100%;
	height: 100%;
	display: none;
	xoverflow: visible !important;
}
.flipbook-viewport a.button.close {
	top:0px;
	right:0px;
}

.flipbook-viewport .loader{
	background-image:url(../img/grafiken/loader.gif);
	width:22px;
	height:22px;
	position:absolute;
	top:280px;
	left:219px;
}
.flipbook-viewport .container{
	position:absolute;
	top:50%;
	left:50%;
	margin:auto;
}

.flipbook-viewport .flipbook{
	width:922px;
	height:600px;
	left:-461px;
	top:-300px;
}

.flipbook .even .gradient{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;

	background:-webkit-gradient(linear, left top, right top, color-stop(0.95, rgba(0,0,0,0)), color-stop(1, rgba(0,0,0,0.2)));
	background-image:-webkit-linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
	background-image:-moz-linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
	background-image:-ms-linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
	background-image:-o-linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
	background-image:linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
}

.flipbook .odd .gradient{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;

	background:-webkit-gradient(linear, right top, left top, color-stop(0.95, rgba(0,0,0,0)), color-stop(1, rgba(0,0,0,0.15)));
	background-image:-webkit-linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
	background-image:-moz-linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
	background-image:-ms-linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
	background-image:-o-linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
	background-image:linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
}

.flipbook-viewport .zoom-in .even .gradient,
.flipbook-viewport .zoom-in .odd .gradient{
	display:none;
}


.flipbook-viewport .loader{
	background-image:url(../img/grafiken/loader.gif);
	width:22px;
	height:22px;
	position:absolute;
	top:280px;
	left:219px;
}

.flipbook-viewport .page{
	width:461px;
	height:600px;
	background-color:white;
	background-repeat:no-repeat;
	background-size:100% 100%;
}

.flipbook-viewport .flipbook .page{
	-webkit-box-shadow:0 0 20px rgba(0,0,0,0.2);
	-moz-box-shadow:0 0 20px rgba(0,0,0,0.2);
	-ms-box-shadow:0 0 20px rgba(0,0,0,0.2);
	-o-box-shadow:0 0 20px rgba(0,0,0,0.2);
	box-shadow:0 0 20px rgba(0,0,0,0.2);
}

.flipbook-viewport .page img{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	margin:0;
}

.flipbook-viewport .shadow{
	-webkit-transition: -webkit-box-shadow 0.5s;
	-moz-transition: -moz-box-shadow 0.5s;
	-o-transition: -webkit-box-shadow 0.5s;
	-ms-transition: -ms-box-shadow 0.5s;

	-webkit-box-shadow:0 0 20px #ccc;
	-moz-box-shadow:0 0 20px #ccc;
	-o-box-shadow:0 0 20px #ccc;
	-ms-box-shadow:0 0 20px #ccc;
	box-shadow:0 0 20px #ccc;
}

.flipbook-viewport .animated{
	-webkit-transition:margin-left 0.5s;
	-moz-transition:margin-left 0.5s;
	-ms-transition:margin-left 0.5s;
	-o-transition:margin-left 0.5s;
	transition:margin-left 0.5s;
}

.zoom-icon{
	position:absolute;
	z-index:1000;
	width:22px;
	height:22px;
	top:18px;
	right:65px;
	background-image:url(../img/grafiken/zoom-icons.png);
	background-size:88px 22px;
}

.zoom-icon-in{
	background-position:0 0;
	cursor: pointer;
}

.zoom-icon-in.zoom-icon-in-hover{
	background-position:-22px 0;
	cursor: pointer;
}
.zoom-icon-out{
	background-position:-44px 0;
}
.zoom-icon-out.zoom-icon-out-hover{
	background-position:-66px 0;
	cursor: pointer;
}

.carousel-wrapper {
	width: 880px;
	float: left;
}
/* .wrap{
	width: 1024px;
}
.aboshop header nav.magazine{
	width: 1024px;
} */

/**** Blätterkatalog Ende ****/


/**** Layer f�r Impressum/Datenschutz ****/
.datenschutz_content,
.impressum_content{
	display:none;
}
.block_layer{
	background-color:#ffffff;
}
.block_layer .block_layer_content{
	padding:25px;
	height: 409px!important;
}
.block_layer .block_layer_content .scroll-content,
.block_layer .block_layer_content .slimScrollDiv{
	height: 409px!important;
	padding-right:10px;
}



/*** VIDEO LAYER ***/

.video-layer iframe {
    padding: 31px;
}

.magazine a.video,
.sfp-trial-box a.video { background: transparent url(../img/sprites/springer_aboshop_buttons.png) no-repeat left -693px; padding-left: 30px; padding-top: 3px; padding-bottom: 3px; font-weight:bold }
.abotyp .wrap .text .sfp-trial-box a.video { display:inline-block; text-decoration:none; background-color: #fff; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; padding-left: 40px; padding-top: 8px; padding-bottom: 8px; padding-right: 14px; background-position: 5px -687px  }


div.video-box { position: relative; margin-top: 20px }
div.video-box a.video span.icon-play-video { position: absolute; left: 125px; top: 55px; display:block; width: 75px; height: 75px; background: url("../img/sprites/springer_aboshop_buttons.png") no-repeat left -614px; text-indent: -9999px }

.notice-passwordlength { overflow:hidden; display:block; margin-top: 10px; margin-bottom: 5px }

.sfp-trial-box {
    background-color: #f4f4f4;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    margin-left: -40px;
    padding: 35px 40px;
    width: 500px;
    position: relative;
    margin-top: 50px;
}

.sfp-trial-box .icon {
    position:absolute;
    width: 96px;
    height: 96px;
    display:block;
    right: -20px;
    top: -37px;
    text-indent: -9999px;
    background: url('../img/sprites/springer_aboshop_stoerer.png') no-repeat left -984px
}

.sfp-chosen-article {
    position:relative;
    overflow:hidden;
    border-bottom: 1px dotted #000;
    padding: 18px 0;
}
.sfp-chosen-article.first {
    padding-top: 0;
}

.sfp-chosen-article.sfp-addition {
    min-height: 80px;
}

.sfp-chosen-article .sfp-description {
    float:left;
    width: 380px;
}
.sfp-chosen-article .sfp-description small {
    display:block;
}
.sfp-chosen-article .sfp-description ul {
    font-size: 11px;
    padding-left: 25px
}
.sfp-chosen-article .sfp-description .sfp-description-text {
    font-size: 11px;
}
.sfp-chosen-article .sfp-price {
    float:right;
    width: 75px;
    text-align: right;
    font-family: Georgia;
}
.remove-sfp-addition {
    display:block;
    margin-top: 10px;
    font-size: 11px;
    text-decoration: underline;
  padding-left: 10px;
}




.sfp-trial-checkbox {
    margin-top: 10px;
    overflow:visible;
}
.sfp-trial-checkbox p {
    display:inline;
}
.sfp-trial-checkbox label span {
    font-size: 18px;
    font-weight:bold;
    display:inline;
}

.sfp-trial-box .visual-checkbox-wrapper {
    float:left;
    width: 50px;
    margin-left: -8px;
    margin-top: -13px;
    margin-right: 5px;
}
.sfp-trial-box label {
    float:left;
    width: 410px;
}

.sfp-trial-box .sfp-trial-video {
    clear:both;
    padding-top: 15px;
}

.sfp-trial-box span.visual-checkbox {
    background: url('../img/sprites/springer_aboshop_icons.png') no-repeat -1px -696px;
    display:block;
    width: 50px;
    height: 55px;
}
.sfp-trial-box span.visual-checkbox:hover {
    cursor: pointer;
}
.sfp-trial-box span.visual-checkbox input {
    display:none;
}
.sfp-trial-box span.visual-checkbox.checked {
    background-position: right -696px;
}



.daten .sfp .formular .gesamtsumme span#finalprice,
.daten .formular .trialForm .gesamtsumme span#finalprice {
    float:right;
}
.daten .sfp .formular .grand-total,
.daten .formular .trialForm .grand-total {
    padding-top: 14px;
}
.daten .sfp .formular .grand-total .final-price-label,
.daten  .formular .trialForm .grand-total .final-price-label {
  padding-top: 4px;
  font-size: 1.5em;
  font-family: "Georgia";
}


/**** Layer f�r Impressum/Datenschutz Ende ****/


/**** additional ****/
ul.errors { color: #f00; list-style-type: none; margin: 0; padding: 0; padding-top: 20px }
ul.errors li { margin: 0; list-style-type: none; padding: 0 }
ul.errors ul { padding: 0; margin-left: 25px }


/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */
.ir {
	background-color: transparent;
	border: 0;
	overflow: hidden;
	/* IE 6/7 fallback */
	*text-indent: -9999px;
}

.ir:before {
	content: "";
	display: block;
	width: 0;
	height: 100%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */
.hidden {
	display: none !important;
	visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */
.visuallyhidden {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */
.invisible {
	visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,.clearfix:after {
	content: ""; /* 1 */
	display: table; /* 2 */
}

.clearfix:after {
	clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix {
	*zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */
@media only screen and (min-width: 35em) {
	/* Style adjustments for viewports that meet the condition */
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) , only
	screen and (min-resolution: 144dpi) {
	/* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
@media print {
	* {
		background: transparent !important;
		color: #000 !important; /* Black prints faster: h5bp.com/s */
		box-shadow: none !important;
		text-shadow: none !important;
	}
	a,a:visited {
		text-decoration: underline;
	}
	a[href]:after {
		content: " (" attr(href) ")";
	}
	abbr[title]:after {
		content: " (" attr(title) ")";
	}

	/*
     * Don't show links for images, or javascript/internal links
     */
	.ir a:after,a[href ^="javascript:"]:after,a[href ^="#"]:after {
		content: "";
	}
	pre,blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}
	thead {
		display: table-header-group; /* h5bp.com/t */
	}
	tr,img {
		page-break-inside: avoid;
	}
	img {
		max-width: 100% !important;
	}
	@page {
		margin: 0.5cm;
	}
	p,h2,h3 {
		orphans: 3;
		widows: 3;
	}
	h2,h3 {
		page-break-after: avoid;
	}
}