/******************************** general.css - Start ********************************************/

/* Form validation */
.invalid { border-color: #ff0000; }
label.invalid { color: #ff0000; }

/* Buttons */
#editor-xtd-buttons {
	padding: 5px;
}

.button2-left,
.button2-right,
.button2-left div,
.button2-right div {
	float: left;
}

.button2-left a,
.button2-right a,
.button2-left span,
.button2-right span {
	display: block;
	height: 22px;
	float: left;
	line-height: 22px;
	font-size: 11px;
	color: #666;
	cursor: pointer;
}

.button2-left span,
.button2-right span {
	cursor: default;
	color: #999;
}

.button2-left .page a,
.button2-right .page a,
.button2-left .page span,
.button2-right .page span {
	padding: 0 6px;
}

.page span {
	color: #000;
	font-weight: bold;
}

.button2-left a:hover,
.button2-right a:hover {
	text-decoration: none;
	color: #0B55C4;
}

.button2-left a,
.button2-left span {
	padding: 0 24px 0 6px;
}

.button2-right a,
.button2-right span {
	padding: 0 6px 0 24px;
}

.button2-left {
	background: url(../images/j_button2_left.png) no-repeat;
	float: left;
	margin-left: 5px;
}

.button2-right {
	background: url(../images/j_button2_right.png) 100% 0 no-repeat;
	float: left;
	margin-left: 5px;
}

.button2-left .image {
	background: url(../images/j_button2_image.png) 100% 0 no-repeat;
}

.button2-left .readmore {
	background: url(../images/j_button2_readmore.png) 100% 0 no-repeat;
}

.button2-left .pagebreak {
	background: url(../images/j_button2_pagebreak.png) 100% 0 no-repeat;
}

.button2-left .blank {
	background: url(../images/j_button2_blank.png) 100% 0 no-repeat;
}

/* Tooltips */
div.tooltip {
	float: left;
	background: #ffc;
	border: 1px solid #D4D5AA;
	padding: 5px;
	max-width: 200px;
	z-index:13000;
}

div.tooltip h4 {
	padding: 0;
	margin: 0;
	font-size: 95%;
	font-weight: bold;
	margin-top: -15px;
	padding-top: 15px;
	padding-bottom: 5px;
	background: url(../images/selector-arrow.png) no-repeat;
}

div.tooltip p {
	font-size: 90%;
	margin: 0;
}

/* Caption fixes */
.img_caption.left {
	float: left;
	margin-right: 1em;
}

.img_caption.right {
	float: right;
	margin-left: 1em;
}

.img_caption.left p {
	clear: left;
	text-align: center;
}

.img_caption.right p {
	clear: right;
	text-align: center;
}

.img_caption  {
text-align: center!important;
}

.img_caption.none {
	margin-left:auto;
	margin-right:auto;
}

.caption.left {
	float: left;
	margin-right: 1em;
}

.caption.right {
	float: right;
	margin-left: 1em;
}

.caption.left p {
	clear: left;
	text-align: center;
}

.caption.right p {
	clear: right;
	text-align: center;
}

.caption.none {
	margin-left:auto;
	margin-right:auto;
}

.caption  {
	text-align: center!important;
}

/* Calendar */
a img.calendar {
	width: 16px;
	height: 16px;
	margin-left: 3px;
	background: url(../images/calendar.png) no-repeat;
	cursor: pointer;
	vertical-align: middle;
}
/******************************** general.css - Ende ********************************************/

/******************************** system.css - Start ********************************************/
/* OpenID icon style */
input.system-openid, input.com-system-openid {
   background: url(http://openid.net/images/login-bg.gif) no-repeat;
   background-color: #fff;
   background-position: 0 50%;
   color: #000;
   padding-left: 18px;
}


/* Unpublished */
.system-unpublished {
background: #e8edf1;
border-top: 4px solid #c4d3df;
border-bottom: 4px solid #c4d3df;
}

/* System Messages */
#system-message    { margin-bottom: 10px; padding: 0;}
#system-message dt { font-weight: bold; }
#system-message dd { margin: 0; font-weight: bold; text-indent: 30px; }
#system-message dd ul { color: #0055BB; margin-bottom: 10px; list-style: none; padding: 10px; border-top: 3px solid #84A7DB; border-bottom: 3px solid #84A7DB;}

/* System Standard Messages */
#system-message dt.message { display: none; }
#system-message dd.message {  }

/* System Error Messages */
#system-message dt.error { display: none; }
#system-message dd.error ul { color: #c00; background-color: #E6C0C0; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B;}

/* System Notice Messages */
#system-message dt.notice { display: none; }
#system-message dd.notice ul { color: #c00; background: #EFE7B8; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E;}

/* Debug */
#system-debug     { color: #ccc; background-color: #fff; padding: 10px; margin: 10px; }
#system-debug div { font-size: 11px;}

/******************************** system.css - Ende ********************************************/

/******************************** globalReset.css - Start ********************************************/
* {
margin:0;
padding:0;
}

h1,h2,h3,h4,h5,h6,p,blockquote,form,label,ul,ol,dl,fieldset,address
{
margin:0 0;
}

li,dd
{
margin-left:1em;
}

fieldset
{
padding:.5em;
}

body
{
font-size:76%;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:1.3;
}
/******************************** globalReset.css - Ende ********************************************/

/******************************** template.css - Start ********************************************/
* { margin:0; padding:0; }

html {height:100%; margin-bottom: 1px; }

body {
position: relative;
font-family: Arial, Helvetica, sans-serif;
/* background: url(../global_images/background/bg2.gif) repeat; */
background-image: url(../global_images/background/bg_top.gif);
background-repeat: repeat;
background-position: top center;
}

#wrapper1_bg {
height: 100%;
width: 100%;
overflow: auto;
}

#wrapper2_bg {
background-image: url(../global_images/background/bg.gif);
background-repeat: repeat;
background-position: top center;
}

#wrapper3_bg {
background: transparent url(../global_images/background/bg_top.gif) repeat-x top center ;
}

#container { 
position: relative;
width: 1000px;
margin: 0 auto;
text-align: left;
background: rgb(171,215,58); /* hell-gruen hier (unter Navi) und in global_main.css fuer linke Spalte */
}

#container_inner { 
position: relative;
width: auto;
}

#footer {
position: relative;
width: 1000px;
height: 50px;
margin: 0 auto;
background: green;
clear: left;
}

#pfadangabe {
position: relative;
margin-top: -10px;
margin-bottom: 8px;
margin-left: 0px;
color: #000;
font-size: 10px;
/* background: #4CB222; */
/* border: 1px solid #000;  */
}

a.pfade_link:link, a.pfade_link:visited {color: #45494F; text-decoration: underline;}
a.pfade_link:hover, a.pfade_link:active {color: #BF1C0B; text-decoration: underline;}

#hidefoc_id { outline: expression(this.hideFocus=1); outline:0}
.hidefoc_class { outline: expression(this.hideFocus=1); outline:0}
/******************************** template.css - Ende ********************************************/

/******************************** header.css - Start ********************************************/
#header {
position: relative;
width: 1000px;
height: 100px;
background: #fff;
}

#header_inner_left {
position: relative;
z-index:10;
width: 700px;
height: 100px;
background: #fff;
float: left;
background: url(../global_images/header/storch_header_inner_left.jpg) no-repeat;
}

/* Hoerzu - links */
#pix1_oben {
position: relative; width: 91px; height: 141px; display:block;
}

/* LTB - mitte */
#pix2_oben {
position: relative; width: 91px; height: 141px; display:block;
}

/* BamS - rechts */
#pix3_oben {
position: relative; width: 91px; height: 133px; display:block;
}

#header_inner_right {
position: relative;
width: 300px;
height: 50px;
background: white;
border: 0px;
float: left;
}

/* SUCHE SUCHE SUCHE */
#suche {
position: relative;
background: white;
border: 0px;
float: left;
background: url(../global_images/such_modul/such_modul.jpg) no-repeat;
width: 300px;
height: 50px;
}

#such_feld  {
margin-top:32px;  /* auch richtig: 26px (andere Grafik) */
margin-left: 59px;
height:15px;
width:159px;
font-size: 12px;
line-height: 15px;
border: 0px;
border-top: 1px solid #807A7A;
float: left;
}

#such_button {
display:block;
background:url(../global_images/such_modul/such_button/such_button.jpg) no-repeat;
width:66px;
height:17px;
margin-left: 227px;
margin-top: -15px;
background-position: 0 -17px;
border: 0px;
float: left;
cursor:pointer; 
-moz-outline: none;
}

#such_button:hover {background-position: 0 -51px; cursor:pointer; -moz-outline: none;}

#twittern_links {
position:relative;
padding-left:100px;
width:180px;
height: 46px;
border:0px solid blue;
color: #45494F;
text-decoration: none;
}

#twittern_rechts {
position:relative;
width:35px;
height: 46px;
border:0px solid red;
margin-top: -20px;
margin-left: 274px;
}

a.twitter_link:link, a.twitter_link:visited {color: #45494F; text-decoration: none;}
a.twitter_link:hover, a.twitter_link:active {text-decoration: none;}

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.alle_zeitschriften4:link, a.alle_zeitschriften4:visited {font-size:11px; font-weight: normal; color: #000000; text-decoration: none;}
a.alle_zeitschriften4:hover, a.alle_zeitschriften4:active {font-weight: normal; color: #FF0033; text-decoration: underline;}	


#top_top_navi {
z-index:9999991;
position:relative;
width:190px;
height: 1px;
border:0px solid blue;
color:#000000;
text-align:right;
margin-right:7px;
float:right;
font-size:10px;
}

a.top_top_links:link, a.top_top_links:visited {font-size:10px; font-weight: normal; color: #010163; text-decoration: underline;}
a.top_top_links:hover, a.top_top_links:active {font-weight: normal; color: #010163; text-decoration: none;}	

div.shadows, div.shadows2, div.shadows3, div.shadows4, div.shadows5
{padding: 1px; border-radius: 10px; -moz-border-radius: 10px;}

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

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

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

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

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

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

/******************************** global_main.css - Start ********************************************/
#main_content {
position: relative;
width: 1000px;
margin: 0 auto;
overflow:hidden; /* Formatierung wird beibehalten bei Text-zoom !! */
}

#main_left {
position: relative;
width: 199px;
height: 100%;
background: rgb(171,215,58); /* hell-gruen hier (ueber Navi) und in template.css fuer linke Spalte */	
float: left;
}

#main_middle {
z-index:10;   /* WICHTIG obere Grafiken verdecken */
position: relative;
width: 801px;
height: 100%;
background: #ABD73A;
float: left;
}
/******************************** global_main.css - Ende ********************************************/

/******************************** leftNav.css - Start ********************************************/
#main_left {
font-family:Arial, sans-serif;
}

.moduletable_leftNav {
color:#333;
margin-bottom:1em;
padding:0;
}

.moduletable_leftNav h3 {
color:#000;
text-align:center;
font-size:12px;
border-bottom:1px solid #fff;
margin:0;
padding:3px 5px 1px 0.5em;
margin-top: 15px;
margin-left: 5px;
background-color:#fff;
border-top: 1px solid #333;
border-left: 1px solid #333;
border-right: 1px solid #333;
font-weight: bold;
width: 177px;
background: url("../global_images/leftNav/leftNav.gif") repeat-x 20px;
}

.moduletable_leftNav ul {
list-style:none;
margin:0;
padding:0;
}

.moduletable_leftNav li {
border-bottom:1px solid #ccc;
margin:0;
}

.moduletable_leftNav li a {
display:block;
border-left:5px solid #333;
border-right:5px solid #9D9D9D;
background-color:#666;
color:#fff;
text-decoration:none;
padding:3px 5px 3px 0.5em;
}

html>body .moduletable_leftNav li a {
width:auto;
}

.moduletable_leftNav li a:hover{
background-color:#143d06; /* dunkel-gruen Hover */
color:#fff;
}

.moduletable_leftNav li a {
display:block;
border-left:5px solid #333;
border-right:5px solid #333;
background-color:#666;
color:#fff;
text-decoration:none;
padding:3px 5px 3px 0.5em;
}

/* Formatierung Hauptmenu-Links die nicht geklickt sind*/
.moduletable_leftNav ul li a {
background-color: #0f760c;
font-weight: normal;
}

/* Formatierung bei Klick auf Hauptmenu, um Untermenü normal zu stylen */
.moduletable_leftNav ul li#current.parent.active ul li a {
font-weight:normal;
font-size: 0.8em;
}

/* Formatierung bei Klick auf Hauptmenu, um Hauptmenü bold zu stylen */
#main_left ul.menu li.active a {
background-color: #0f760c;
font-weight: bold;
background-color:#143d06; /* dunkel-gruen Hover */
}

/* Formatierung bei Klick auf Untermenu, um Untermenu bold zu stylen und color */
#main_left ul.menu ul li#current.active a {
background-color: #666;
font-weight: bold;
font-size: 0.9em;
}

/* Hover für Untermenu */
#main_left ul.menu ul li.item23 a:hover, #main_left ul.menu ul li.item26  a:hover, #main_left ul.menu ul li.item6  a:hover ,
#main_left ul.menu ul li.item25  a:hover, #main_left ul.menu ul li.item36  a:hover, #main_left ul.menu ul li.item38  a:hover,
#main_left ul.menu ul li.item39  a:hover, #main_left ul.menu ul li.item41  a:hover,  #main_left ul.menu ul li.item42  a:hover,
#main_left ul.menu ul li.item44  a:hover, #main_left ul.menu ul li.item45  a:hover, #main_left ul.menu ul li.item47  a:hover,
#main_left ul.menu ul li.item48  a:hover, #main_left ul.menu ul li.item49  a:hover, #main_left ul.menu ul li.item50  a:hover,
#main_left ul.menu ul li.item54  a:hover, #main_left ul.menu ul li.item53  a:hover
{
text-decoration: underline;
}


/* Formatierung bei Klick auf Untermenu, um alle nicht aktiven Untermenu-Punkte normal u stylen */
#main_left ul.menu ul li.item23 a, #main_left ul.menu ul li.item26  a, #main_left ul.menu ul li.item6  a , #main_left ul.menu ul li.item25  a,
#main_left ul.menu ul li.item36  a, #main_left ul.menu ul li.item38  a, #main_left ul.menu ul li.item39  a, #main_left ul.menu ul li.item41  a,
#main_left ul.menu ul li.item42  a, #main_left ul.menu ul li.item44  a, #main_left ul.menu ul li.item45  a, #main_left ul.menu ul li.item47  a,
#main_left ul.menu ul li.item48  a, #main_left ul.menu ul li.item49  a, #main_left ul.menu ul li.item50  a, #main_left ul.menu ul li.item54  a,
#main_left ul.menu ul li.item53 a
{
background-color: #666;
font-weight: normal;
font-size: 0.8em;
}

/* TAGESZEITUNGEN Modul !!! */
a.tz:link, a.tz:visited {font-size:12px;color:#dddddd; text-decoration: underline;}
a.tz:hover, a.tz:active {text-decoration: none;}
/******************************** leftNav.css - Ende ********************************************/

/******************************** topNav.css - Start ********************************************/
#topNav {
z-index:666666; /* WICHTIG, um die Zeitschriftencover abzuschneiden */
position: relative;
width: 1000px;
height: 22px;
background: #0f760c; /* dunkel gruen*/
border-bottom: solid 1px #fff;
}
	
#topNav_inner {
 position: relative;
 margin-left:194px; /* top-navi rechtsbündig */
}

#topNav_inner2 {
 float: left;
 background: #0F760C;
 width: 150px;
 height: 22px;
}

.moduletable_topNav ul li {
list-style-type: none;
padding: 0;
margin: 0;
margin-left:5px;
display: block;
float: left;
background: url("../global_images/topNav/topNav3.gif") no-repeat;
font: 11px/22px "Arial", verdana, sans-serif;
text-align: center;
}

.moduletable_topNav ul li {
margin-left:0px;
}

.moduletable_topNav a {
color: #000;
text-decoration: none;
display: block;
width: 88px;
background: url("../global_images/topNav/topNav2.gif") no-repeat;
font-weight: normal;
-moz-outline: none;
}

.moduletable_topNav a:hover      {color:#000;  background: url("../global_images/topNav/topNavHover2.gif") no-repeat; font-weight: normal; }
.moduletable_topNav #current a {color:#000;  background: url("../global_images/topNav/topNavHover2.gif") no-repeat; font-weight: bold; -moz-outline: none;}
.moduletable_topNav a:active    {color:#000;  background: url("../global_images/topNav/topNavHover2.gif") no-repeat; font-weight: normal; -moz-outline: none;}
.moduletable_topNav a:focus      {outline:0}

/* Justierung der Top-Navigation */
#topNav ul.menu li.item14 a  {  		   /* item14 = "Zur Startseite" */
margin-left:20px;
width:80px;
}

#topNav ul.menu li.item28 a  {          /* item28 = "Gutscheine" */
border-bottom: 0px solid #464646;  /*  unterer Rand */
width:80px;
}

#topNav ul.menu li.item15 a  {          /* item15 = "Prämienabo" + "Jahresabo" (Prämien-Abos) */
display:block;
border-bottom: 0px solid #464646;  /*  unterer Rand */
text-align: center;
padding-left:4px;
width:84px;
}

#topNav ul.menu li.item16 a  {     	   /* item16 = "Halbjahresabo" (Sparer-Abos) */
display:block;
border-bottom: 0px solid #464646;  /*  unterer Rand */
text-align: center;
padding-left:3px;
width:80px;
}

#topNav ul.menu li.item22 a  {          /* item22 = "Geschenkabo" (Geschenk-Abos) */
display:block;
border-bottom: 0px solid #464646;  /*  unterer Rand */
text-align: center;
padding-left:3px;
width:96px;
}

#topNav ul.menu li.item104 a  {         /* item104 = "Tageszeitungen" (Testabos, CP-Abos, TZ-Probeabos) */
display:block;
border-right: 0px solid #A7A8A8;   /*  rechter Rand */
border-bottom: 0px solid #464646;  /*  unterer Rand */
text-align: center;
padding-left:3px;
width:100px;
}

/******************************** topNav.css - Ende ********************************************/

/******************************** footer.css - Start ********************************************/
#footer_inner {
padding-top:18px; 
width:100%;
text-align:center;
}

.ohne_gewaehr {
font-size: 10px;
color: #DFDFDF;
}

.spacer {
font-size: 10px;
color: #DFDFDF;
margin-left: 2px;
margin-right: 2px;
}

a.footer_links:link, a.footer_links:visited {

font-size: 10px;
color: #DFDFDF;
text-decoration: none;
-moz-outline: none;
}
	
a.footer_links:hover, a.footer_links:active{
color: #DFDFDF;
text-decoration: underline;
-moz-outline: none;
}
	
a.footer_links:focus {
outline:0;
}
/******************************** footer.css - Ende ********************************************/

/******************************** images.css - Ende ********************************************/
#img.headerImage  {
font: italic small-caps bold 1em/1.5em verdana, sans-serif;
}
/******************************** images.css - Ende ********************************************/