/******************************** main.css - Start ********************************************/
#main_left {
background: url("../images/main_content/content_grafik.gif") repeat-x 200px 0px #ABD73A;
}

#main_middle {
background: url("../images/main_content/content_grafik.gif") repeat-x 200px 0px #fff;
}

h1 {
font-size:18px;
}
	
h2 {
padding-top: 8px;
font-size:13px;
}

#main_middle_inner {
position: relative;
width: auto;
margin: 15px;
margin-right: 0px;
background: url("../images/main_content/content_grafik.gif") repeat-x 200px 0px #fff;
}

#main_middle_inner_Modul_top_zeitschriften_geschenkabo {
position: relative;
margin-top: 12px;
margin-bottom: 5px;
margin-left:7px; /* Gesamt-Tab mittig zentrieren */
width: 769px;
height: auto;
}

#main_middle_inner_Modul_top_zeitschriften_praemienabo {
position: relative;
margin-top: 12px;
margin-bottom: 5px;
margin-left:7px; /* Gesamt-Tab mittig zentrieren */
width: 769px;
height: auto;
}

#main_middle_inner_Modul_top_zeitschriften_jahresabo {
position: relative;
margin-top: 12px;
margin-bottom: 5px;
margin-left:7px; /* Gesamt-Tab mittig zentrieren */
width: 769px;
height: auto;
}

#main_middle_inner_Modul_top_zeitschriften_halbjahresabo {
position: relative;
margin-top: 12px;
margin-bottom: 5px;
margin-left:7px; /* Gesamt-Tab mittig zentrieren */
width: 769px;
height: auto;
}

#main_middle_inner_Modul_top_zeitschriften_miniabo {
position: relative;
margin-top: 12px;
margin-bottom: 5px;
margin-left:7px; /* Gesamt-Tab mittig zentrieren */
width: 769px;
height: auto;
}

#main_middle_inner_Modul_abo_storch_tipp {
}

#main_middle_inner_Modul_Geschenkabo {
}
	
a.alle_zeitschriften:link, a.alle_zeitschriften:visited {color: black; text-decoration: underline;}
a.alle_zeitschriften:hover, a.alle_zeitschriften:active {text-decoration: none;}

a.alle_zeitschriften0:link, a.alle_zeitschriften0:visited {color: black; text-decoration: none;}
a.alle_zeitschriften0:hover, a.alle_zeitschriften0:active {text-decoration: underline;}
	
a.titel_links {
font-size: 11px;
}
a.titel_links:link, a.titel_links:visited {color: black; text-decoration: underline;}
a.titel_links:hover, a.titel_links:active {text-decoration: none;}	

a.zum_angebot_link {
font-size: 11px;
}

a.zum_angebot_link:link, a.zum_angebot_link:visited {font-weight: bold; color: #45494F;}
a.zum_angebot_link:hover, a.zum_angebot_link:active {font-weight: bold; color: #45494F; text-decoration: underline;}	

a.zum_angebot_link3:link, a.zum_angebot_link3:visited {background-color: #e5e5e5; font-size: 11px; font-weight: bold; color: #45494F; text-decoration: none;}
a.zum_angebot_link3:hover, a.zum_angebot_link3:active {background-color: #B4B4EA; font-weight: bold; color: #000000; text-decoration: none;}	

#gesamt_abo_storch_tipp {
position:absolute;
height:213px;
width:150px;
right:23px; /* normal: 23px */
top:29px;
}

#abo_storch_tipp_header {
position:relative;
border: 1px solid #777788;
border-bottom: 0px;
height:18px;
width:150px;
background-color: #0F760C;
}	

#abo_storch_tipp_header h3 {
position:relative;
font-size:14px;
color: #eee;
height:18px;
width:150px;
text-align:center;
}	

#abo_storch_tipp {
position:relative;
border: 1px solid #777788;
height:156px;
width:150px;
}	

#abo_storch_tipp_footer {
position:relative;
color:#ffffff;
border: 1px solid #777788;
border-top: 0px solid #777788;
height:30px;
width:150px;
background-color: #0F760C;
text-align:center;
}	

#format {
position:relative;
font-size:10px;
color: #eee;
text-align:center;
bottom:1px;
}	

a.zum_storch_tipp_angebot_link:link, a.zum_storch_tipp_angebot_link:visited {font-size:10px; font-weight: bold; color: #eee; text-decoration: underline;}
a.zum_storch_tipp_angebot_link:hover, a.zum_storch_tipp_angebot_link:active {font-weight: bold; color: #eee; text-decoration: none;}	
	
a.zum_newsletter_link:link, a.zum_newsletter_link:visited {font-size:14px; font-weight: normal; color: #fff; text-decoration: none;}
a.zum_newsletter_link:hover, a.zum_newsletter_link:active {font-weight: normal; color: #fff; text-decoration: underline;}	

a.zum_newsletter_link2:link, a.zum_newsletter_link2:visited {font-size:12px; font-weight: normal; color: #fff; text-decoration: none;}
a.zum_newsletter_link2:hover, a.zum_newsletter_link2:active {font-weight: normal; color: #fff; text-decoration: underline;}	

a.zum_storch_tipp_angebot2_link:link, a.zum_storch_tipp_angebot2_link:visited {font-size:10px; font-weight: normal; color: #fff; text-decoration: none;}
a.zum_storch_tipp_angebot2_link:hover, a.zum_storch_tipp_angebot2_link:active {font-weight: normal; color: #fff; text-decoration: underline;}	
	
#main_middle_einleitung_links_oben_A {
position:relative;
height: 80px;
width: 385px;
float:left;
text-align: justify;
}

#main_middle_einleitung_links_oben_B {
position:relative;
height: 80px;
width: 355px;
float:left;
margin-left:22px;
text-align: justify;
}

#main_middle_einleitung_so_geht_es_unten {
position:relative;
height: 180px;
width: 763px;
float:left;
margin-top:0px;
border:1px solid #777788;
margin-bottom:7px;
}


#main_middle_einleitung_so_geht_es_unten_inner {
position:relative;
height: 180px;
width: 763px;
float:left;
/* background-color: yellow; */
border-right:0px solid #777788;
/* background: url("../images/main_content/front_teaser/zeitschriften_front.jpg") no-repeat 0px #fff; */
}


.main_middle_was_ist_ein_zeitschriftenabo_links {
position:relative;
height: 100px;
width: 385px;
float:left;
margin-top:10px;
text-align: justify;
}

.main_middle_was_ist_ein_zeitschriftenabo_rechts {
position:relative;
height: 100px;
width: 355px;
float:left;
margin-top:10px;
margin-left:23px;
text-align: justify;
}

.doClear {
clear:both;
margin-bottom:50px;
}

.doClear_XX {
clear:both;
margin-bottom:20px;
}

#abo_storch_tipp_geschenkt {
position:absolute;
border: 0px solid #777788;
height:56px;
width:183px;
right:173px;
top:322px;
z-index:4000;
}

.modul_ueberschrift_startseite {
font-size:17px;
display:block;
margin-left:-3px;
}

#beschreibungstext {
height:91px; /* Abstand zur Text-Überschrift "Top-Zeitschriften in den..." */
width:630px;
border: 0px solid #777788;
}	

a.pusher_link:link, a.pusher_link:visited {color:#000000; text-decoration: none;}
a.pusher_link:hover, a.pusher_link:active {color:#CC0907; text-decoration: none;}	
a.pusher_link:focus	                                           {outline:0;}
	
.infopush {
color:#000000;
font-family:Verdana,Arial sans-serif;
font-size:10.5pt;
font-weight:bold;
}

.r_ed {
color:#CC0907;
font-size:12px;
font-weight:normal;
}

.b_lack {
color:#000000;
font-size:12px;
font-weight:normal;
}

a.teaser_buttons {
background:url("../images/main_content/mini.jpg");
z-index:6000;
display:block;
width:198px;
height:40px;
}
a.teaser_buttons:hover {
z-index:6000;
background-image:url("../images/main_content/mini2.jpg");
}


#hidefoc1 { outline: expression(this.hideFocus=1);}
.hidefoc2 { outline: expression(this.hideFocus=1);}


#live_ticker_oben {
position:absolute;
height:17px;
width:162px;
right:16px;
top:-9px;
z-index:4000;
padding-left:3px;
}

.live_ticker_unten {
position:absolute;
height:77px;
width:162px;
right:16px;
top:14px;
z-index:4000;
padding-left:3px;
}

a.ticker_link:link, a.ticker_link:visited {color:#000000; text-decoration: none;}
a.ticker_link:hover, a.ticker_link:active {color:#000000; text-decoration: underline;}	
a.ticker_link:focus	                                           {outline:0;}

#change a {
z-index:6666666666;
background: url(../images/main_content/ticker_gutschein/gutschein2.png) no-repeat;
display:block; width:162px; /* Linkbereich begrenzen */
}
#change a:focus {
outline: none;
display:block; width:162px; /* Linkbereich begrenzen */
}
#change img {
display:block; width:162px; height:77px; border:0;
}
#change a:hover img {
visibility: hidden;
}
#change a:hover { /* Workaround fuer IE 5.5 und 6 */
border:0;
}
* html #change a {
margin-right:1px;
}
* html #change a:hover {
width:163px; margin-right:0; /* Workaround fuer IE 5.01 */
}

.anzeiger_startseite1 {
margin-left:4px; display:block; border: solid 0px #ccc; background-color:#ccc; height: 16px; width:88px;
background: url("../images/main_content/anzeiger_startseite/anzeiger_hintergrund.gif")
}

.anzeiger_startseite2 {
display:block; width:50%; height:100%; color:white; text-align: center; background-color: #0F760B;
background: url("../images/main_content/anzeiger_startseite/anzeiger_vordergrund.gif")
}

div.shadow, div.shadow2, div.shadow3, div.shadow4, div.shadow5
{padding: 1px; border-radius: 10px; -moz-border-radius: 10px;}

div.shadow
{background-color: #8e8e8e; border: 1px solid #959595; margin: 0px;}

div.shadow2
{background-color: #aaa; border: 1px solid #bebebe; margin: 0;}

div.shadow3
{background-color: #d1d1d1; border: 1px solid #e1e1e1; margin: 0;}

div.shadow4 
{background-color: #ededed; border: 1px solid #f6f6f6; margin: 0;}

div.shadow5
{float: left; background-color: #fcfcfc; border: 1px solid #fff; margin-top: 1px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px;}

div.shadow img 
{border: 0px solid #666; margin: 0; display:block; position: relative; top: -3px; left: -3px; width: 93px; height: 135px}
/******************************** main.css - Ende ********************************************/

/******************************** tabs.css - Start ********************************************/
/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}

.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #778;
 font: bold 12px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 4px;
 border: 1px solid #778;
 border-bottom: none;
 background: #DDE;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #448; -moz-outline: none;}  /* Firefox: -moz-outline: none = dotted Focus-Rahmen ausblenden */
ul.tabbernav li a:visited { color: #667; -moz-outline: none;}

ul.tabbernav li a:hover
{
 color: #000;
 background: #AAE;
 border-color: #227;
}

ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
 color: #EC000B; /* markiert das geöffnete Tab !!!*/
}

ul.tabbernav li.tabberactive a:hover
{
 color: #EC000B; /* markiert das geöffnete Tab !!!*/
 background: white;
 border-bottom: 1px solid white;
 border-left: 1px solid #777788;
 border-right: 1px solid #777788;
 border-top: 1px solid #777788;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:10px;  /* Text-Abstand zum Rand */
 padding-bottom: 0px;  /* Text-Abstand unten zur Tab-End-Linie */
 border:1px solid #aaa;
 border-top:0;
 background: #FFFFFF;  /* HINTERGRUND-FARBE */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}

#tabs_modul_breite {
 margin-left: 5px;
 margin-right: 1px;
 width: 760px;
}

.text_under_cover {
color:#0F760C;
font-weight:bold;
font-size:16px;
margin-top: 15px;
margin-top: 10px;
margin-left: 10px;
}

/******************************** tabs.css - Ende ********************************************/

/******************************** tooltips.css - Start ********************************************/
#hilfe_praemienabo {
border: 0px solid #000;
}

.noborder {
border: 0px solid #000;
-moz-outline: none;
}

.focus_weg {
-moz-outline: none;
}
/******************************** tooltips.css - Ende ********************************************/

/******************************** geschenkabo.css - Start ********************************************/
.top_produkt_cover_geschenkabo {
position:relative;
float:left;
width:108px;
height:156px;
border-left: 1px solid #777;
border-top: 1px solid #777;
border-bottom: 1px solid #777;
}

.top_produkt_text_geschenkabo {
position:relative;
float:left;
width:108px;
height:156px;
border-right: 1px solid #777;
border-top: 1px solid #777;
border-bottom: 1px solid #777;
}

.praemien_text_geschenkabo {
margin-left: 6px;
font-size: 12px;
font-weight: normal;
}

.praemien_text_geschenkabo_A {
margin-left: 6px;
font-size: 12px;
font-weight: normal;
}

.zum_angebot_text_geschenkabo {
margin-top: 4px;
margin-left: 6px;
color: red;
}	

.top_produkt_spacer_horizontal_geschenkabo {
position:relative;
float:left;
width:35px;
height:156px;
}

.top_produkt_cover2_geschenkabo {
position:relative;
float:left;
width:108px;
height:30px;
}

.top_produkt_text2_geschenkabo {
position:relative;
float:left;
width:108px;
height:30px;
}	

.top_produkt_spacer_horizontal2_geschenkabo {
position:relative;
float:left;
width:35px;
height:30px;
}
/******************************** geschenkabo.css - Ende ********************************************/

/******************************** praemienabo.css - Start ********************************************/
.top_produkt_cover_praemienabo {
position:relative;
float:left;
width:108px;
height:156px;
border-left: 1px solid #777;
border-top: 1px solid #777;
border-bottom: 1px solid #777;
}

.top_produkt_text_praemienabo {
position:relative;
float:left;
width:108px;
height:156px;
border-right: 1px solid #777;
border-top: 1px solid #777;
border-bottom: 1px solid #777;
}

.praemien_text_praemienabo {
margin-left: 6px;
font-size: 12px;
font-weight: normal;
}

.zum_angebot_text_praemienabo {
margin-top: 7px;
margin-left: 6px;
color: red;
}	

.top_produkt_spacer_horizontal_praemienabo {
position:relative;
float:left;
width:35px;
height:156px;
}

.top_produkt_cover2_praemienabo {
position:relative;
float:left;
width:108px;
height:30px;
}

.top_produkt_text2_praemienabo {
position:relative;
float:left;
width:108px;
height:30px;
}	

.top_produkt_spacer_horizontal2_praemienabo {
position:relative;
float:left;
width:35px;
height:30px;
}

.preis_text_praemienabo {
margin-top: 6px;
margin-left: 6px;
font-size: 12px;
}
/******************************** praemienabo.css - Ende ********************************************/

/******************************** miniabo.css - Start ********************************************/
.top_produkt_cover_miniabo {
position:relative;
float:left;
width:108px;
height:156px;
border-left: 1px solid #777;
border-top: 1px solid #777;
border-bottom: 1px solid #777;
}

.top_produkt_text_miniabo {
position:relative;
float:left;
width:108px;
height:156px;
border-right: 1px solid #777;
border-top: 1px solid #777;
border-bottom: 1px solid #777;
}

.praemien_text_miniabo {
margin-left: 6px;
font-size: 12px;
font-weight: normal;
}

.zum_angebot_text_miniabo {
margin-top: 7px;
margin-left: 6px;
color: red;
}	

.top_produkt_spacer_horizontal_miniabo {
position:relative;
float:left;
width:35px;
height:156px;
}

.top_produkt_cover2_miniabo {
position:relative;
float:left;
width:108px;
height:30px;
}

.top_produkt_text2_miniabo {
position:relative;
float:left;
width:108px;
height:30px;
}	

.top_produkt_spacer_horizontal2_miniabo {
position:relative;
float:left;
width:35px;
height:30px;
}

.preis_text_miniabo {
margin-top: 6px;
margin-left: 6px;
font-size: 12px;
}
/******************************** miniabo.css - Ende ********************************************/

/******************************** halbjahresabo.css - Start ********************************************/
.top_produkt_cover_halbjahresabo {
position:relative;
float:left;
width:108px;
height:156px;
border-left: 1px solid #777;
border-top: 1px solid #777;
border-bottom: 1px solid #777;
}

.top_produkt_text_halbjahresabo {
position:relative;
float:left;
width:108px;
height:156px;
border-right: 1px solid #777;
border-top: 1px solid #777;
border-bottom: 1px solid #777;
}

.praemien_text_halbjahresabo {
margin-left: 6px;
font-size: 12px;
font-weight: normal;
}

.zum_angebot_text_halbjahresabo {
margin-top: 7px;
margin-left: 6px;
color: red;
}	

.top_produkt_spacer_horizontal_halbjahresabo {
position:relative;
float:left;
width:35px;
height:156px;
}

.top_produkt_cover2_halbjahresabo {
position:relative;
float:left;
width:108px;
height:30px;
}

.top_produkt_text2_halbjahresabo {
position:relative;
float:left;
width:108px;
height:30px;
}	

.top_produkt_spacer_horizontal2_halbjahresabo {
position:relative;
float:left;
width:35px;
height:30px;
}

.preis_text_halbjahresabo {
margin-top: 6px;
margin-left: 6px;
font-size: 12px;
}
/******************************** halbjahresabo.css - Ende ********************************************/

/******************************** jahresabo.css - Start ********************************************/
.top_produkt_cover_jahresabo {
position: relative;
float:left;
width:108px;
height:156px;
border-left: 1px solid #777;
border-top: 1px solid #777;
border-bottom: 1px solid #777;
}

.top_produkt_text_jahresabo {
position: relative;
float:left;
width:108px;
height:156px;
border-right: 1px solid #777;
border-top: 1px solid #777;
border-bottom: 1px solid #777;
}

.praemien_text_jahresabo {
margin-left: 6px;
font-size: 12px;
font-weight: normal;
}

.zum_angebot_text_jahresabo {
margin-top: 7px;
margin-left: 6px;
color: red;
}	

.top_produkt_spacer_horizontal_jahresabo {
position: relative;
float:left;
width:35px;
height:156px;
}

.top_produkt_cover2_jahresabo {
position: relative;
float:left;
width:108px;
height:30px;
}

.top_produkt_text2_jahresabo {
position: relative;
float:left;
width:108px;
height:30px;
}	

.top_produkt_spacer_horizontal2_jahresabo {
position: relative;
float:left;
width:35px;
height:30px;
}

.preis_text_jahresabo {
margin-top: 6px;
margin-left: 6px;
font-size: 12px;
}
/******************************** jahresabo.css - Ende ********************************************/