@charset "UTF-8";

/*****************************************/
/**************** Body *******************/
/*****************************************/

html * {
	margin: 0px;
	padding: 0px;	
}

body {
	background: #FFFFFF url(../img/bg_holz.jpg);
	font-family: Arial,Helvetica,sans-serif;
	font-size: 62.6% /*!important*/; /* base: 10 px */
	text-align: center;
}

body.thickbox {
	background-image: none;
}

html > body {
 	font-size: 10px;
}

img {
	border: none;	
}


	
/*****************************************/
/****************** misc *****************/
/*****************************************/

h1 {
/* 	color:#11358c; */
	font-size:160%;
	font-weight:700;
	margin: 0 0 1em 0;
}

h2 {
/* 	color:#11358c; */
	font-size:140%;
	font-weight:700;
	margin: 0 0 0.7em 0;
}

h3 {
/* 	color:#878dc4; */
	font-size:120%;
	font-weight:700;
	margin: 0 0 0.5em 0;
}

h4, h5, h6 {
/* 	color:#878dc4; */
	font-size:100%;
	font-weight:700;
	margin: 0 0 0.5em 0;
}


a {
	color:#53646d;
	text-decoration:underline;
}

a:hover,
a:focus,
a:active {
	text-decoration:none;
}


#content p,
#content table {
	margin: 0 0 1em 0;
}

#content ul,
#content ol {
	list-style-image: url(../img/MP_Haekchen_klein.png);
	margin-left:10px;
	padding-left:10px;
}

.clear-both {
	clear:both;
}


/*********** main frame **********/


#mainFrame {
	width: 917px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	margin-top: 30px;
}

#mainLeftBorder {
	padding-left: 59px;
	background: url(../img/bg_left.gif) repeat-y 20px top;
}

#mainRightBorder {
	padding-right: 43px;
	background: url(../img/bg_right-trans.png) repeat-y right top;
}

#mainRightBorderTop {
	height: 222px;
	padding-right: 43px;
	background: url(../img/bg_right-top-trans.png) no-repeat right top;
}

#mainFooterBorder {
	height: 43px;
	background: url(../img/bg_footer-trans.png) no-repeat left top;
}


/*********** header **********/

#header {
	position: relative;
	border-top: 2px solid #53646d;
	background-color: #fff;
	height: 220px;	
}

#logo {
	position: absolute;
	top: 37px;
	left: 19px;
}

#subtitle {
	position: absolute;
	top: 155px;
	left: 20px;
	font-size: 1.8em;
	
	color: #53646d;
	letter-spacing: 1px;
}

/*********** meta menu **********/

#metaMenu {
	position: absolute;
	top: 8px;
	right: 19px;
}

#metaMenu ul {
	list-style: none;
}

#metaMenu ul li {
	display: inline;
	padding-right: 8px;
	margin-right: 6px;
	background: url(../img/bg_menu_meta.gif) no-repeat right 3px;
}

#metaMenu ul li.last_item {
	background: none;
	padding-right: 0px;
	margin-right: 0px;
}

#metaMenu ul li a {
	font-size: 1.2em;
	color: #53646d;
	text-decoration: none;
	text-transform: uppercase;
}

#metaMenu ul li a:hover {
	text-decoration: underline; 
}


/*********** main menu **********/

#mainMenu {
	position: absolute;
	top: 180px;
	left: 0px;
}

#mainMenu ul {
	list-style: none;
}

#mainMenu ul li {
	float: left;
	background: url(../img/bg_menu_top-active.gif) no-repeat left top;
	margin-left: 3px;
	margin-right: 0px;
}

#mainMenu ul li.current {
	background: url(../img/bg_menu_top.gif) no-repeat left top;
}

#mainMenu ul li.active {
	background: url(../img/bg_menu_top.gif) no-repeat left top;
}
	
#mainMenu ul li a {
	display: block;
	width: 200px;
	height: 28px;
	font-size: 1.4em;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	text-align: center;
	padding-top: 10px;
}

#mainMenu ul li a:hover {
	text-decoration: underline; 
}

#claim {
	position:relative;
	background: #53646d url(../img/claim.gif) no-repeat 270px top;
	padding: 83px 42px 42px 43px; 
}


/*****************************************/
/**************** content ****************/
/*****************************************/

#keyvisual {
	position:relative;
}

#stern {
	width:164px;
	height:164px;
	position:absolute;
	top:15px;
	left:-55px;
	z-index:50;
	background: url(../img/stern-trans.png) no-repeat left top;
}

#stern a {
	display: block;
	width:164px;
	height:164px;
/* 	text-indent: -999px; */
	font-size: 8px;
}

#stern a img {
	width:164px;
	height:164px;
}

#content {
	position:relative;
	font-size:1.3em;
	background: #ffffff;
	padding: 2em;
	/*width: 670px;*/
}

#footer {
	padding: 20px 0 3px 0;
	margin: 0;
	background-color: #ffffff;
	text-align: center;
}

#footer a {
	color: #000;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

/************** startpage ****************/
/*****************************************/

.tx-strgbmpmagazine-pi1 {
	position:relative;
}

.tx-strgbmpmagazine-pi1 .top-title {
	position:relative;
	overflow:hidden;
	margin: 0 auto 0 auto;
	padding: 0 0 1em 0;
	/*border-bottom:1px dashed #53646d; */
}


.tx-strgbmpmagazine-pi1 .cover {
	float:left;
	width:33%;
	position:relative;
	text-align:center;
}

.tx-strgbmpmagazine-pi1 .four-cover {
	float: left;
	width: 25%;
	position: relative;
	text-align: center;
}

.tx-strgbmpmagazine-pi1 .cover-img {
	position:relative;
	margin: 0 auto;
}

.tx-strgbmpmagazine-pi1 .price-badge {
	position:absolute;
	top:160px;
	left:0px;
	
	width:60px;
	height:60px;
	padding:25px;
	
	font-weight:700;
	
	background-image:url(../img/stern-clean-trans.png);
	background-repeat:no-repeat;
	background-position:left top;
}

.tx-strgbmpmagazine-pi1 .four-cover .price-badge {
	top: 120px;
	left: 0px;
}

.tx-strgbmpmagazine-pi1 .price-badge .original {
	background-image:url(../img/stern-slashed.gif);
	background-repeat:no-repeat;
	background-position:center center;
}

.tx-strgbmpmagazine-pi1 .price-badge .lease { 
	color:#b9040b;
	margin:0.3em 0;
}
 
.tx-strgbmpmagazine-pi1 .price-badge .text { 
	color:#b9040b;
}


/**************** boxes ******************/
/*****************************************/

.csc-frame-frame1-box {
	
}

.csc-frame-frame1 {
	width:25%;
	float:left;
	text-align:center;
}

.csc-frame-frame1 h1 {
	display:block;
	width:119px;
	height:34px;
	margin: 0 auto 0.5em auto;
	font-size:1.0em;
}

.csc-frame-frame1 h1 a {
	display:block;
	width:119px;
	height:23px;
	padding: 11px 0 0 0;

	color:#ffffff;
	text-align:center;
		
	background-image:url(../img/bg_csc-frame-frame1.gif);
	background-repeat:no-repeat;
	background-position:left top;
}

.csc-frame-frame1 p {
	width:119px;
/*	height:1%; */
/* 	min-height:20px; */
/* 	overflow:hidden; */
	margin: 0 auto !important;
	text-align:left;
	
}

/************* preview box ***************/
/*****************************************/

.outerHeaderBox {
	
}

.headerBox {
	background-color:transparent !important;
	margin-top: 15px;
}

.headerBox .magazines {
	padding: 0.5em 1em;
	border:solid #b9040b;
	border-width:1px 0;
	overflow:hidden;
	margin: 1em 0;
}


.headerBox .calculatedSums {
	float:left;
	padding-top:5px;
	text-align:left;
}

.headerBox .calculatedSums .price {
	font-weight:700;
}

.headerBox .calculatedSums .points {
	font-weight:700;
}

.headerBox .selectedMags {
	float:right;
	width:500px;
	min-height:39px;
	margin-bottom:-5px;
}

.headerBox .selectedMags .cover-mag-copy {
	margin-left:5px;
	margin-bottom:5px;
	float:right;
}

.headerBox .selectedMags .cover-mag-copy img {
	height:39px;
}

.headerBox-copy { 
	position:fixed; 
	left:0; 
	top:0;
	margin:0;
	padding:1em;
	background-color:#b9040b !important;
	opacity:0.85;
	font-size:1.2em;
	
	width:98%; 
	display:none; 
	border:0; 
	border-bottom:solid 1px #53646d; 
	z-index:20; 
}


.headerBox-copy .calculatedSums {
	color:#ffffff;
}
.headerBox-copy .selectedMags {
	width:80%;
	
}

.headerBox-copy .magazines {
	border: none;
	padding: 0;
	margin: 8px 0 0 0;	
}

.headerBox-copy .warning {
	color: #fff;
	font-site: 1.2em;
	font-weight: bold;
	float: left;	
}

.jump-navi {
	text-align: center;
}

.jump-navi ul {
	list-style: none;
	margin: 0 !important;
	padding: 0 !important;
	
}

#content .jump-navi ul {
	list-style-image: none;
}

.jump-navi ul li {
	/* display: block; */
	float:left;
	text-align: left;
	padding: 0 0.3em;
/* 	font-size: 1.2em; */
	font-size: 1.1em;
}

.jump-navi ul li.first-last {
/* 	padding-left: 0.6em;	 */
/* 	padding-right: 0.6em;	 */
}

.jump-navi ul li a {
	padding: 0 2px;
/* 	text-decoration: underline; */
}

.jump-navi ul li a:hover,
.jump-navi ul li a:focus,
.jump-navi ul li a:active {
/* 	text-decoration: none; */
}

.headerBox-copy .jump-navi ul li {
	
}

.headerBox-copy .jump-navi ul li a {
	color: #fff;
}

.change-jump-navi {
	text-align:right;
}

.headerBox-copy .change-jump-navi a {
	color:#fff;
}

/*************** mag form ****************/
/*****************************************/

form#magazine-list {
/* 	margin:1em 0; */
}

#magazine-list .button-box {
	text-align:right;
}

#magazine-list .input-button {
	width:80px;
}

#magazine-list .submit-button {
	
}

#magazine-list .reset-button {
	
}


#magazine-list table {
	width:100%;
/* 	margin: 1em 2em; */
/* 	border-top:1px dashed #53646d; */
}
#magazine-list table tr.header-row {

}

#magazine-list table tr th {
	padding:1em 0 0.5em 0;
	border-bottom:1px dashed #53646d;
	text-align: left;
}

#magazine-list table tr th.title {
	width: 250px; 
}

#magazine-list table tr td {
	padding:0.4em 0 0em 0;
}

#magazine-list table tr.headline th {
	padding-top:3em;
	color:#b9040b;
}
#magazine-list table tr.headline th a {
	padding-bottom:10px;
}

#magazine-list .jump-navi {
	margin: 30px 0 15px 0;
	overflow: hidden;	
}

#magazine-list .jump-navi-bottom {
	margin-bottom: 0;	
	
}

/************ mag order form *************/
/*****************************************/

form#magazine-order {
/* 	margin:1em 0; */
}

#magazine-order .input-button {
	width: 80px;
}

#magazine-order .submit-button {
	margin-top: 1em;
	margin-left: 186px;
}

#magazine-order table {
	width: 100%;
	margin: 0 auto;
/* 	border-top:1px dashed #53646d; */
}
#magazine-order table tr.header-row {

}

#magazine-order table tr th {
	padding: 1em 0 0.5em 0;
	border-bottom: 1px dashed #53646d;
	text-align: left;
}



#magazine-order table tr td {
	padding: 0.4em 0 0.4em 0;
}

#magazine-order table tr th.price,
#magazine-order table tr td.price {
	text-align: right;
	padding-right:15em;
}

#magazine-order table tr td.price-label {
	margin-top: 1em;
	border-top: 1px solid #b9040b;
	border-bottom: 3px double #b9040b;
}

#magazine-order table tr td.price-total {
	text-align: right;
	margin-top: 1em;
	padding: 0.5em 15em 0.2em 0;
	
	border-top: 1px solid #b9040b;
	border-bottom: 3px double #b9040b;
}

.discount {
	margin:0.3em 0;
}

.discount div {
/* 	float:left; */
}

.price-summary {
/* 	display:block; */
/* 	float:left; */
	width:30px;
	padding-left:1em;
	font-weight:700;
}

.discount-save {
	color:#b9040b;
}

#discount-total {

}


.reading-orders {
	margin:2em 0 2em 100px;
}

.reading-orders .reading-order {

}

.reading-orders label.reading-order-label {
	padding-left:0.5em;
}

.reading-orders label.reading-order-saved {
	padding-left:1em;
	color:#b9040b;
}


.customer {

}

.customer div.form-row,
.payment-bank div.form-row,
.payment-selected div.form-row {
	clear:both;
	height:18px;
	margin-bottom:4px;
}

.customer div.form-row label,
.payment-bank div.form-row label,
.payment-selected div.form-row label {
	display:block;
	float:left;
	width:100px;
}

.customer div.form-row input,
.customer div.form-row span,
.payment-bank div.form-row input,
.payment-bank div.form-row span,
.payment-selected div.form-row input,
.payment-selected div.form-row span {
	display:block;
	float:left;
	width:150px;
}

.order-data .customer div.form-row label,
.order-data .payment-bank div.form-row label,
.order-data .payment-selected div.form-row label  {
	width:160px;	
}

.payment-bank {
	margin-top:1em;
}

.payment {
	position:relative;
	clear:both;
	margin-top:1em;
}

.payment .payment-item {
	position:relative;
	float:left;
/* 	height:1%; */
	overflow:hidden;
	width:100px;
}

.payment input {
/* 	height:1%; */
/* 	display:block; */
/* 	float:left; */
/* 	width:150px; */
}

.csc-textpic-text {
	width: 360px;	
}

p.bodytext {
	line-height: 1.5em;	
}

p.bodytext a {
	text-decoration: underline;
}

.csc-frame-indent {
	padding-left: 50px;
}


.csc-frame-frame2 {
	margin-right: 310px;
} 

.errors ul {
	margin-bottom: 15px;
}

.errors ul li {
	color: #B9040B;
}

.contenttable tr th,
.contenttable tr td {
	vertical-align: top;
}

#content .contenttable tr td p {
	margin-bottom: 0.5em;
}

.order-data {
	margin-top: 15px;
	border: 1px solid #b9040b;
	padding: 15px;
}

.nojs {
	color: red;
	font-weight: bold;
}

#overlay { 
	background-image: url(../img/overlay.png); 
}

#overlay-load { 
	position: fixed;
	display: none;
	height: 24px;
	width: 24px;
	z-index: 905;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -0px;
	background-image: url(../img/loadingAnimation.gif);
}


/************ MAGAZINE_DETAIL *************/
/*****************************************/
.main-thickbox {
	margin-left: 0px !important;
	margin-right: 0px !important;
	margin-top: 0 !important;
	text-align: left !important;
	width: auto !important;
	padding: 0 10px; 
}

.main-thickbox .content-thickbox {
	padding: 15px 0 0 0 !important;
}

.content-thickbox .left-col .tx-strgbmpmagazine-pi2 .space {
	/* margin-left: 0px !important; */
}

.main-thickbox  .content-thickbox .left-col .tx-strgbmpmagazine-pi2 .space {
	 margin-left: 0px !important;
}

.main-thickbox .content-thickbox .left-col {
	width: 520px !important;
}

.main-thickbox .content-thickbox .right-col {
	margin-left: 0 !important;
	width: 150px !important;
}

.main-thickbox  .content-thickbox {
	width: 700px;
}

.main-thickbox .content-thickbox .csc-frame-indent {
	padding-left: 0px!important;
}

#content .left-col .tx-strgbmpmagazine-pi2 .space {
	margin: 0 0 10px 50px;
	width: 400px;
}

.main-thickbox #content .left-col .tx-strgbmpmagazine-pi2 .space {
	width: 500px;
}

#content .right-col .tx-strgbmpmagazine-pi2 .space {
	/*width: 400px;*/
}

#content .tx-strgbmpmagazine-pi2 .magazine-cloze {
	border-bottom: 1px solid #B9040B;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

#content .tx-strgbmpmagazine-pi2 .detail-magazines {
	border-bottom: 1px solid #B9040B;
	padding-bottom: 10px;
	margin-bottom: 10px;
	/*float: left; */
}

#content .tx-strgbmpmagazine-pi2 .detail-magazines .magazine-image {
	padding-left: 5px;
	width: 205px;
	float: right;
}

#content .tx-strgbmpmagazine-pi2 .detail-magazines .magazine-text {
	/* width: 190px;
	float: left; */
}

#content .tx-strgbmpmagazine-pi2 .magazine-faq {
	
}

#content .left-col {
	width:450px;
	min-height: 1px;
	float: left;	
}

#content .right-col {
	width: 180px;
	float: left;
	background: transparent url(/fileadmin/templates/img/bg_teaser.gif) repeat scroll 0 0;
	border: 1px solid #B2B2B2;
	padding: 10px;
	margin-left: 26px;
	margin-bottom:20px;
	color: #53646D;
}

#content .right-col .tx-strgbmpmagazine-pi2 {
		margin-bottom: 10px;
		padding-bottom: 10px;
}

#TB_ajaxContent #content {
	font-size: 1em;
}

.toplink {
	text-align:right !important;
}

/**********************************
 ********* T3BLOG EXT. ************
 **********************************/

#content .left {
	width: 450px;
	float: left;
}

#content .right {
	width: 228px;
	float: right;
	/*height: 100px;*/
}

.tx-t3blog-pi2 .item {
	margin-bottom: 22px;
	padding: 0 20px 20px 0px;
	border-bottom: 1px dashed #d6d6d6;
	width: 416px;
}

.tx-t3blog-pi2 .item .content-wrap {
	
}

.tx-t3blog-pi2 .item .image {
	float: left;
	margin-right: 22px;
	/*min-height: 153px; */
}

.tx-t3blog-pi2 .item .image img {
	border: 1px solid #D6D6D6;
	padding: 2px;	
}

.tx-t3blog-pi2 .title {
}

#content  .tx-t3blog-pi2 .title p {
	margin-bottom: 0;
	color:#666666;
	font-size: 12px;
	line-height: 1.5em;
	
	padding: 15px;
	margin-bottom: 20px;
	border: 1px dashed #53646D;
}

#content .tx-t3blog-pi2 .title a {
	color: #B9040B;
	text-decoration: none;
}

.tx-t3blog-pi2 .blogList .date {
	width: 39px;
	height: 45px;
	float: left;
	padding: 6px 0 0 12px;
	margin-right: 15px;
	background-image: url(../img/date_batch.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.tx-t3blog-pi2 .blogList .date .month {
	text-transform: uppercase;
	color: #ffffff;
}

.tx-t3blog-pi2 .blogList .date .day {
	font-size: 23px;
	color: #53646D;
}

#content ul.tag-cloud {
	list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 2px;
	line-height: 3em;
	text-align: center;
}

#content ul.tag-cloud li {
	 display: inline;
	 margin: 2px;
}

#content ul.tag-cloud a {
	padding: 0;
	color: black !important;
}

#content .right h3 {
	color: #B9040B;
	border-bottom: 1px solid black;
	margin-bottom: 15px;
}

.itemTop h3 {
	font-weight: normal;
	text-decoration: none;
	padding-top: 15px;
	margin-left: 60px;
	margin-bottom: 0;
	font-size: 16px;
	color: #333333;
}

.itemTop h3 a {
	text-decoration: none;
}

.blogList .itemTop .categories {
	/*padding-left: 10px;*/
	padding-bottom: 10px;
	width: 328px;
	display: inline;
}

.blogList .itemTop .categories a {
	color: #999999;
	font-size: 11px;	
}

.blogList .itemBody {
	margin-top: 17px;
	line-height: 1.5em;
	color: #666666;
	font-size: 12px;
}

#content .blogList .itemBody p {
	margin-bottom: 0;	
}

.blogList .itemBody .more {

}

.blogList .itemBody .more a {
	color: #B9040B;
	text-decoration: none;
}

.blogList .itemBody .more a:hover {
	text-decoration: underline;
}


/* BLOG SINGLE */

.tx-t3blog-pi2 .single .date {
	width: 39px;
	height: 45px;
	float: left;
	padding: 6px 0 0 12px;
	margin-right: 15px;
	background-image: url(../img/date_batch.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.tx-t3blog-pi2 .single .date .month {
	text-transform: uppercase;
	color: #ffffff;
}

.tx-t3blog-pi2 .single .date .day {
	font-size: 23px;
	color: #53646D;
}

.tx-t3blog-pi2 .single {
	margin-bottom: 25px;	
}

.tx-t3blog-pi2 .itemNav {
	padding-top: 15px;
}

.tx-t3blog-pi2 .itemNav a {
	color: #B9040B;
	text-decoration: none;
	display: block;
	line-height: 0;
}

.tx-t3blog-pi2 .itemNav .category-wrap {
	margin-bottom: 10px;
	color: #53646D;
}

.tx-t3blog-pi2 .itemNav .categories {
	display: block;
	margin-top: 11px;
}

#mainFrame .tx-pagebrowse-pi1 ul.tx-pagebrowse {
	margin: 0;
	padding: 0;
	font-size: 11px;
}

.tx-t3blog-pi2 .single .itemBody h3 a {
	text-decoration: none;
}

.tx-t3blog-pi2 .single .itemBody p {
	color: #666666;
	font-size: 12px;
	line-height: 1.5em;
	margin-top: 17px;
}

.news #content {
	float: left;
}

.tx-t3blog-pi2 .csc-textpic-text {
	width: 450px;
}


/* Startseiten News */

#latestPosts {
	/*padding-left: 50px;*/
	border-top: 1px dashed #53646D;
	margin: 1em auto 0;
	padding: 1em 0 0;
}

#latestPosts .item {
	padding: 0 20px 10px 0;
	width: auto;
}

#latestPosts .item .image {
}

#latestPosts .item .date,
#latestPosts .item .categories {
	color:#999999;
	font-size:11px;
}

#latestPosts .item h3 {
	margin-left: 0;
	padding-top: 3px;
}

#latestPosts .item .itemBody {
	color: #666666;
	font-size: 12px;
	line-height: 1.5em;
	margin-top: 6px;
}

#latestPosts .item .itemBody span.more a {
	color: #B9040B;
	text-decoration: none;
} 

/* Startseiten News end */