@charset "UTF-8";

/* CSS Document - validated CSS 2.1 */
/* created by Niklas Tewes - August 2008 */


/* -- wide content box with green border definitions -- */

div.wide_box_top {
	width: 810px;
	height: 17px;
	background: url('../img/wide_box_top.jpg');
}

div.wide_box_content {
	width: 798px;
	border: 1px solid #bae3cf;
	border-top: 0px;
	border-bottom: 0px;
	padding-left: 5px;
	padding-right: 5px;
}

div.wide_box_bottom {
	width: 810px;
	height: 17px;
	background: url('../img/wide_box_bottom.jpg');
	margin-bottom: 20px;
}


/* -- table for content -- */

table.wide_box {
	width: 796px;
}

td.img_column {
	width: 165px;
}

td.green_info {
	width: 265px;
	background: #e2f3eb;
	padding: 3px;
	padding-left: 6px;
	padding-right: 6px;
}

.wb_hl1 { /* bold green headline */
	color: #006633;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
}

.wb_hl2 { /* small green headline */
	color: #006633;
	font-size: 11px;
}

.wb_release { /* erscheinungsweise / release */
	font-size: 14px;
	margin-bottom: 12px;
}

.wb_infotext {
	font-size: 11px;
	text-align: justify;
	padding-right: 10px;
	line-height: 13px;
}







table.aboform {
	width: 810px;
	background: url('../img/aboform_head.jpg') top left no-repeat;
}

table.aboform td {
	vertical-align: middle;
	padding-top: 1px;
}

tr.abo_head {
	width: 810px;
	height: 36px;
}

tr.green {
	text-align: center;
	height: 24px;
	background: #bae3cf;
}

tr.white {
	text-align: center;
	height: 24px;
	background: #ffffff;
}

tr.first { /* especially for the 1st row */
	text-align: center;
	height: 24px;
}

td.angebot_1st {  /* especially for the 1st row */
	width: 118px;
}
	


td.aboform {
	width: 142px;
	padding-left: 10px;
}

td.mindest {
	width: 97px;
}

td.gesamt {
	width: 108px;
}

td.ausgaben {
	width: 77px;
}

td.ppstck {
	width: 70px;
}

td.gratis {
	width: 63px;
}

td.vorteil {
	width: 128px;
}

td.angebot {
	width: 118px;
	background: url('../img/aboform_order.jpg') top right no-repeat;
}

a.order {
	display:block;
	width: 110px;
	height: 24px;
}

td.angebot_last {
	width: 118px;
	background: transparent url('../img/aboform_order_last.gif') top right no-repeat;
}


/* -- aboform 2nd version / small teaser left -- */

#magazine_info_small_box {
	background: url('../img/magazine_info_small_box.jpg') left top no-repeat;
	width: 423px;
	height: 339px;
	margin-bottom: 20px;
	z-index: 2;
}

#empfehlen1 {
	position: absolute;
	top: 134px;
	left: 632px;
	display: block;
	background: url('../img/empfehlen1.jpg') left top no-repeat;
	width: 357px;
	height: 158px;
}

#empfehlen1 div {/* text inside 'empfehlen' banner (...kassieren...) */
	position: relative;
	top: 33px;
	left: 155px;
	display: block;
	width: 180px;
	height: 80px;
	text-align: right;
	font-size: 12px;
	color: black;
}


#gutscheincode { /* container for 'Gutscheincode' */
	position: absolute;
	top: 315px;
	left: 632px;
	display: block;
	background: url('') top left no-repeat;
	/* background is defined inside <div> tag via style attribute
	   - Example: <div id="gutscheincode" style="background-image: url('img/gutscheingrafik10euro_357x158.jpg');"> [...] */
	width: 357px;
	height: 158px;
}

#gutscheincode_code {/* gutscheincode area */
	position: absolute;
	left: 220px;
	top: 32px;
	width: 117px;
	height: 20px;
	overflow: hidden;
	display: block;
	text-align: center;
	font-size: 12px;
	color: black;
	z-index: 100;
}

#gutscheincode_text {/* gutscheincode text */
	position: absolute;
	top: 64px;
	left: 194px;
	width: 156px;
	height: 80px;
	display: block;
	text-align: center;
	font-size: 12px;
	color: black;
	z-index: 100;
}



.highlight {
	font-weight: bold;
	color: #e95e1e;
}

#teased_magazine_cover {
	position: absolute;
	top: 11px;
	left: 10px;
	z-index: 3;
}

#teased_magazine_title {
	position: absolute;
	top: 11px;
	left: 126px;
	width: 288px;
	color: #006633;
	font-size: 14px;
	font-weight: bold;
}

#teased_magazine_topics {
	position: absolute;
	top: 45px;
	left: 126px;
	width: 288px;
	color: #000000;
	font-size: 11px;
	height: 122px;
}

#teased_magazine_topics div { /* themen der aktuellen ausgabe */
	color: #006633;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
	text-align: justify;
}

#teased_magazine_descr {
	position: absolute;
	top: 185px;
	left: 11px;
	font-size: 11px;
	color: #000000;
	text-align: justify;
	width: 407px;
}

#sternchentext {
	background: url('../img/sternchentext.jpg') top left no-repeat;
	width: 775px;
	height: 56px;
	margin: 10px 0 10px 0;
	font-size: 11px;
	padding: 10px 10px 5px 15px;;
}