/* ==== global teaser styles ==== */
.addHeadline {
  font-size: 0.76em;
  font-weight: bold;
  margin-bottom: 2px;
}
.addHeadline span.rb {
  width: 1px;
  border-left: 1px solid #999;
  margin-left: 5px;
}
.addHeadline span.lb {
  width: 1px;
  border-left: 1px solid #999;
  margin-right: 3px;
}
h1.pageTitle {
  color: #9c3 !important;
  font-size: 1.4em !important;
  line-height: 55px;
}
.teaserL, .teaserM {
  font-size: 0.93em;
  line-height: 1.2em;
}
.teaserL .teaserImg:hover, .teaserM .teaserImg:hover {
  cursor: pointer;
}
.more {
  display: block;
  text-align: right;
  font-weight: bold;
  font-size: 0.93em;
}

/* ==== teaser styles ==== */
#stageNav {margin: 0 0 0px 13px; padding-top:10px; float:none;position:relative; }
#stageNav a { font-weight: bold; font-size: 67%; width: 113px; height: 106px; overflow: hidden; display: block; float: left; background: #fff; text-decoration: none; margin: 0px 10px 0 9px; padding: 10px;  }
#stageNav a.activeSlide { background: #fff; }
#stageNav a.activeSlide { 
  -moz-opacity: 0.35;
  opacity: 0.35;
  filter: Alpha(opacity=35) !important; 
}

#teaserStage {  
  height:  257px;  
  width:   639px;  
  overflow: hidden;
  position: relative !important; 
  padding: 0;
  z-index: 1;
} 

#slideContainer0, #slideContainer1, #slideContainer2, #slideContainer3#, #slideContainer4 {
   margin-bottom: 0 !important;
 }
 #slideBar { 
   margin: 0 14px 18px 20px;
   height: 120px;
 }
#slideBar div.active_natur, #slideBar div.active_mensch, #slideBar div.active_technik, #slideBar div.active_kreativ, #slideBar div.active_tests_spiele, #slideBar div.active_nachrichten, #slideBar div.active_default, #slideBar div.active_community, #slideBar div.active_weihnachten, #slideBar div.passive_natur, #slideBar div.passive_mensch, #slideBar div.passive_technik, #slideBar div.passive_kreativ, #slideBar div.passive_tests_spiele, #slideBar div.passive_nachrichten, #slideBar div.passive_default, #slideBar div.passive_community , #slideBar div.passive_weihnachten {
   float: left;
   padding: 10px;   
   width: 117px;
   height: 105px;
   margin-right: 12px;
   text-align: center;
   margin-top: -5px;
 } 

a.active_natur {
   border: 1px solid #999900;
   color: #999900;
 }
a.active_mensch {
   border: 1px solid #c35c13;
   color: #c35c13;
 }
a.active_technik {
   border: 1px solid #069;
   color: #069;
 }
a.active_kreativ {
   border: 1px solid #fdcb09;
   color: #fdcb09;
 }
a.active_tests_spiele, #slideBar .active_weihnachten , a.active_spiele{
   border: 1px solid #993333;
   color: #993333;
 }
a.active_nachrichten, a.active_wissenstests {
   border: 1px solid #003258;
   color: #003258;
 }
a.active_default {
   border: 1px solid #9c3;
   color: #9c3;
 }
a.active_community {
   border: 1px solid #f59008;
   color: #f59008;
 }
a.passive_natur, #slideBar .passive_mensch, #slideBar .passive_technik, #slideBar .passive_kreativ, #slideBar .passive_tests_spiele, #slideBar .passive_spiele, #slideBar .passive_nachrichten, #slideBar .passive_wissenstests, #slideBar .passive_default, #slideBar .passive_community, #slideBar .passive_weihnachten {
   border: 1px solid #fff;
 }
 #slideBar div  a:hover {
   text-decoration: none;
 }
 #slideBar div a{
   font-size: 67%;
   font-weight: bold;
 }
 #slideThumb0:hover, #slideThumb1:hover, #slideThumb2:hover, #slideThumb3:hover {
   cursor: pointer;
   cursor: hand;
 }
 #slideBar #slideThumb2 {
   margin-right: 9px;
 } 
 #slideBar #slideThumb3 {
   margin-right: 5px;
   float: right;
 } 
 #slideCredit {
   height: 20px;
 }
 .teaserSeperator {
   margin: 15px 18px 0 18px; 
   padding: 3px 10px; 
   background-color: #9c3; 
   color: #fff; 
   font-weight: bold;
 }

/* rounded corners */
.rbtopTeaserL div, .rbtopTeaserL, .rbbotTeaserL div, .rbbot TeaserL, .rbtopTeaserM div, .rbtopTeaserM, .rbbotTeaserM div, .rbbot TeaserM {
  height: 20px; font-size: 1px;
}
.rbtopTeaserL div { background: url(http://www.geo.de/images/GEOlino/tl_gross_trans.png) no-repeat top left; }
.rbtopTeaserL     { background: url(http://www.geo.de/images/GEOlino/tr_gross_trans.png) no-repeat top right; }
.rbbotTeaserL div { background: url(http://www.geo.de/images/GEOlino/bl_gross_trans.png) no-repeat bottom left; }
.rbbotTeaserL     { background: url(http://www.geo.de/images/GEOlino/br_gross_trans.png) no-repeat bottom right; }

.rbtopTeaserS div, .rbbotTeaserS div  {
  height: 10px; font-size: 1px;
}
.rbtopTeaserS div { background: url(http://www.geo.de/images/GEOlino/tl_klein_trans.png) no-repeat top left; }
.rbtopTeaserS     { background: url(http://www.geo.de/images/GEOlino/tr_klein_trans.png) no-repeat top right; }
.rbbotTeaserS div { background: url(http://www.geo.de/images/GEOlino/bl_klein_trans.png) no-repeat bottom left; }
.rbbotTeaserS     { background: url(http://www.geo.de/images/GEOlino/br_klein_trans.png) no-repeat bottom right; }

/* large */
.teaserL {
  margin: 15px 20px 0 22px;
  float: right; 
}
.teaserL h1, .teaserL h1 a {
  line-height: 1.1em;
  font-size: 1.2em;
  margin-bottom: 5px;
}
.teaserL .teaserTxt {
  float: left;
  width: 190px; 
  font-size: 0.93em;
  line-height: 1.3em;
}
.teaserL .teaserImg {
  float: left;
  position:relative;
  display:block;
  width: 385px;
  padding-left:18px;
  height: 227px;
  overflow: visible;
}
.teaserL .teaserImg a {
  display: block;
  width: 385px;
  height: 187px;
  text-decoration: none;
}
.teaserL .teaserImg, .teaserM .teaserImg {
  cursor: pointer;
}
.teaserL .credit {
  margin-left: 210px;
  font-size: 0.76em; 
  color: #bfbfbf;
}

/* medium */
.rbtopTeaserM div { background: url(http://www.geo.de/images/GEOlino/tl_gross_trans.png) no-repeat top left; }
.rbtopTeaserM     { background: url(http://www.geo.de/images/GEOlino/tr_gross_trans.png) no-repeat top right; }
.rbbotTeaserM div { background: url(http://www.geo.de/images/GEOlino/bl_gross_trans.png) no-repeat bottom left; }
.rbbotTeaserM     { background: url(http://www.geo.de/images/GEOlino/br_gross_trans.png) no-repeat bottom right; }

.teaserM {
  float: left;
  margin: 15px 9px 15px 20px;
  width: 179px;
  font-size: 0.86em;
  line-height: 1.3em;
  padding-left: 3px;
}
.teaserM .teaserImg, .teaserMh .teaserImg {
  width: 176px;  
  height: 135px;  
  margin-left: -3px;
}
.teaserM .teaserImg a {
  display: block;
  width: 176px;
  height: 95px;
  text-decoration: none;
}
.teaserM h2, .teaserM h2 a, .teaserMh h2 a {
  line-height: 1.1em;
  font-size: 1.1em; 
  margin: 3px 0;
  margin-bottom: 6px;
}
.teaserMh{
  margin: 15px 9px 15px -5px;
  font-size: 0.86em;
  line-height: 1.3em;
  padding-left: 3px;
}
.teaserMh .teaserImg {
  float: left;
  margin-right: 15px;
}
.teaserMh .more {
  margin: 5px 15px 15px 0;
}
.addLinks{ padding-left: 17px; margin: 0 20px 0 -5px; }
.addLinks li{text-indent: -17px; margin-bottom: 6px}

#accordion { margin: 15px 18px 20px 21px; border: 1px solid #fdcb09;}
#left .catHeader {border-bottom: 2px solid #fff; padding: 3px 0 4px 25px; cursor: pointer; background: #f59008 url(/images/GEOlino/collapsed.png) no-repeat scroll 5px 4px;}
#left .selected .catHeader {cursor: pointer; background: #f59008 url(/images/GEOlino/expanded.png) no-repeat scroll 5px 4px;}


#archive {
  padding: 0 0 0 10px;
  margin: 15px 5px 20px 22px;
}
#archive .addHeadline {
  padding: 0 5px;
  border-left: 1px solid #999;
}
#archive  #pageIndex {
  overflow: auto; 
  border: 1px solid #999;
  height: 60px;
  padding: 2px 10px
}
#archive  #boxHandler {
 display: block; 
 text-align: center
}
#archive .teaserS h2,  .teaserMh h2 {
  font-size: 126%; 
}

/* small */
.teaserS {
  margin-bottom: 15px;
  font-size: 86%; 
}
.teaserS .teaserImg {
  float: left;
  width: 120px;
  margin-right: 10px;
}
.teaserS .teaserTxt, #archive .teaserS .teaserTxt {
  float: left;
  width: 78%;
}
.teaserList {
 margin: 20px;
 margin-top: 0;
 font-size: 0.93em;
}

/* header box */
.headerBox {
  position: relative;
  margin: 0 0 30px -4px;
  width: 606px;
  font-size: 0.86em;
  z-index: 1;
}
.headerBox .content {
  position: relative;
  border: 3px solid #9c3;
  width: 600px;
  height: 55px;
  z-index: 1;
}
.headerBox .content img {
  float: left;
  margin: 6px 60px 6px 15px;
}

.headerBox .leftCorner {
  background: url(http://www.geo.de/images/GEOlino/default/bl.png) no-repeat bottom left;
}
.headerBox .rightCorner {
  background: url(http://www.geo.de/images/GEOlino/default/br.png) no-repeat bottom right;
}
.headerBox .topLeftCorner {
  background: url(http://www.geo.de/images/GEOlino/default/tl.png) no-repeat top left;
}
.headerBox .topRightCorner {
  background: url(http://www.geo.de/images/GEOlino/default/tr.png) no-repeat top right;
}

/* newsbox */
.newsBox, .leftBoxL {
  clear: both;
  margin: 15px 24px 0 20px;
  width: 598px;
  font-size: 0.86em;
}

#archive .leftBoxL {
  margin: 0;
}
.newsBox .content, .leftBoxL .content {
  border: 3px solid #c35c13;
  border-top: none;
  width: 592px;
}
.newsBox h2, .leftBoxL h2 {
  padding: 3px;
  margin-bottom: 15px;
  background: #c35c13;
  color: #fff;
  font-size: 1em;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
.newsbox ul, .leftBoxL ul {
  margin: 10px 0;
}
.newsBox li, .leftBoxL li {
  color: #666;  
  font-size: 0.93em;
  margin: 5px 10px;
  font-weight: bold;
}
.newsBox li a, .leftBoxL li a {
  color: #666; 
}
.newsBox li img, .leftBoxL li img {
  vertical-align: text-top; 
}
.newsBox .more {
  float: right;
  width: 150px;
  margin-right: 15px;
  margin-bottom: 5px; 
}
.newsBox .leftCorner { 
  background: url(http://www.geo.de/images/GEOlino/mensch/bl.png) no-repeat bottom left;
  z-index: 1;
}
.newsBox .rightCorner {
  background: url(http://www.geo.de/images/GEOlino/mensch/br.png) no-repeat bottom right;
  z-index: 1;
}
.newsBox a.startButton {
  border: 3px solid #c35c13;
  width: 180px;
  margin: 10px 0;
  float: none;
}
.newsBox a.startButton:hover {
  background: #f60;
}

.tvTeaser:hover {
  background-image:url(/iw-mount/iwstore2/main/geo2/WORKAREA/redaktion/htdocs/images/GEOlino/start/television2.jpg)
}

/* rubriken box */
.leftBoxL {;
  border: none !important;
  margin-bottom: 0 !important;
}

.leftBoxL .content h2 {
  font-size: 1.05em !important;
}
.leftBoxL .imgContainer {
  float: left; 
  width: 188px; 
  height: 164px; 
  padding: 12px 5px 5px 0; 
  margin: -15px 15px 0 15px; 
  border-right: 1px solid #7ba822;
}
.leftBoxL .imgContainer div {
  width: 177px; 
}
.leftBoxL .imgContainer div h3{
  margin-bottom: 10px; 
  font-size: 98%;
}
.leftBoxL .imgContainer .more {
  text-align: left;
  margin: 8px 0; 
  font-size: 86%; 
  font-weight: normal;  
}
.scrollList {
  width: 354px; 
  height: 153px; 
  margin-top: -1px; 
  margin-bottom: 14px; 
  overflow: auto; 
  float: left;
}
.scrollList h4 {
  font-style: normal;
  text-indent: 0 !important;
  border-bottom: 1px solid #7ba822;
  font-size: 1em;
}
.scrollList h4 a {
  display: block;
  padding: 2px 3px 2px 3px;
  background: #fff;
  margin: 0;
  width: 331px;
}
.scrollList h4 a:hover {
  background: #a8cd41;
  text-decoration: none;
  color: #fff;
}
.scrollList h4:hover {
  cursor: pointer;
}




/* teaser box left */
#left .teaserBox {
  width: 176px;
}
#left .teaserBoxL {
  width: 387px;
}
#left .teaserBox, #left .teaserBoxL {
  float: left;
  margin-top: 15px;
  margin-left: 20px;
  font-size: 0.93em;
}
#left .teaserBox h3, #left .teaserBoxL h3 { 
 padding: 3px 6px;
 color: #fff;
 font-weight: bold;
 font-size: 0.93em;
}
#left .teaserBox li, #left .teaserBoxL li {
  line-height: 1.2em;  
  padding: 1px 0;
  text-indent: -18px;
  margin: 4px 3px 0 27px;
}
#left .teaserBox ul, #left .teaserBoxL ul { 
  padding: -6px 0; 
  padding-top: 3px;
  margin-bottom: 7px;
}
#left .teaserBox a, #left .teaserBoxL a { 
 color: #666;
 font-weight: bold;
 font-size: 0.86em;
}
#left .teaserBox img, #left .teaserBoxL img { 
 vertical-align: text-top;
}
#left .teaserBox h3, #left .teaserBoxL h3, #left .shortTeaserBox h3, #left .imgTeaserBox h3, #left .promoTeaserBox h3 { 
  padding: 3px 6px;
  color: #fff;
  font-weight: bold;
  font-size: 100%;
  background: #a8cd41;
  border-bottom: 1px solid #7ba822;
}
#left .imgTeaserBox, #left .promoTeaserBox {
  width: 592px;
  margin: 18px 0 15px 0;  
  border: 1px solid #7ba822;
}
#left .shortTeaserBox .more, #left .promoTeaserBox .more {
  color: #690;
  padding-left: 11px;
}
#left .shortTeaserBox ul, #left .shortTeaserBox .item {
  padding: 10px;
}

#left .shortTeaserBox {
  width: 598px;
  margin: 18px 0 15px 20px;  
}
#left .shortTeaserBox li {
  margin-bottom: 7px;  
}
#left .shortTeaserBox a {
  font-weight: bold;
}

/* ecards */
.ecardTeaser {
  float: left;
  width: 159px;
  margin: 0 10px;
  padding: 12px 5px 5px 5px;
  text-align: center;
  margin-bottom: 20px;
  border: 1px solid #9c3;
  background: #f1f1f1;
  height: 135px;
  overflow: hidden;
}
.ecardLinks {
  font-size: 82%;
  text-align: left;
}

/* toc */
#toc .pages {
  width: 59.9%;
}
#toc #pager .back {
  float: left;
  width: 20%;
  text-align: left;
}
#toc #pager .next { 
  float: left;
  width: 20%;
  text-align: right;
}
.issueTeaser {
  float: left;
  width: 153px;
  margin-right: 17px;
  margin-left: 11px;
  margin-bottom: 15px;
  text-align: center;
  padding: 5px;
  color: #333;
  font-size: 0.83em;
}
.issueTeaser .addHeadline {
  text-align: center;
  border: none;
  padding-bottom: 5px;
}
.issueSpacer {
  float: left;
  width: 105px;
}

#toc, #serviceContent {
  width: 575px;
  margin: 15px 22px;
  margin-right: 32px;
  margin-bottom: -14px;
}
 #serviceContent {
  float: left;
  padding-top: 0;
  padding-right: 10px;
}
#toc .issue {
  float: left;
  color: #666;
  font-size: 76%;
  width: 100px;
  margin: 0 20px 5px 0;
}
#toc .issue a {
  display: block;
  font-weight: bold;
}
#toc .tocImg .txt {
  width: 230px;
}

#toc h1, #serviceContent h1 {
  font-size: 150%;
  margin-bottom: 25px;
  font-weight: bold;
  color: #6d6d6d;
}
#serviceContent h1 {
  color: #9c3;
}

#serviceContent form {
  margin: 25px 0;
  border: 3px solid #9c3;
  padding: 15px;
}
#serviceContent  .intro {
   color:#666;
   font-size: 14px;
   line-height:19px;
   margin-top:-15px;
}
.serviceTeaser {
  float: left;
  width: 260px;
  margin: 0 12px;
  margin-bottom: 25px;
  font-weight: bold;
  /*background: #efefef;*/
  /*border: 1px solid #9c3;*/
}
.serviceTeaser img {
  float: left;
  margin-right: 8px;
  vertical-align: text-top;
}
.serviceTeaser a {
  line-height: 60px;
  color: #9c3;
}
/* category related link colors */
a.default  { color: #9c3 !important; }
a.mensch   { color: #c35c13 !important; }
a.technik  { color: #069 !important; }
a.natur    { color: #999900 !important; }
a.kreativ  { color: #fdcb09 !important; }
a.tests_spiele, a.spiele, a.weihnachten   { color: #993333 !important; }
a.nachrichten, a.wissenstests  { color: #003258 !important; }

.leftBoxL, .leftBoxLino {
  margin-top: 15px;
  margin-bottom: 20px;
}
.leftBoxL h2, .leftBoxLino h2 {
  padding: 3px 5px;
  font-size: 93%;
  color: #fff;
}
.leftBoxL ul, .leftBoxLino ul {
  margin: 10px;
}
.leftBoxL ul li h3 a, .leftBoxLino ul li h3 a, .teaserS h3 a {
  font-size: 86%;
  color: #333;
  line-height: 130%;
}
.authorIntro p {
  margin-bottom: 10px;
  font-size: 86%;
}

.staticText {
  font-size: 0.86em;
  line-height: 1.3em;
  width: 560px;
  margin: 0px;
}

.staticText h2 {
  line-height: 1.1em;
  font-size: 1.1em; 
  margin-bottom: 6px;
  color: #9c3
}

.staticText a {
  color: #9c3;
}

.staticText p {
  margin-bottom: 20px;
}

.sitemap {
  font-size: 0.86em;
  line-height: 20px;
  width: 560px;
  margin: 10px 0px;
  padding: 0px;
}

.sitemap a {
  font-size: 0.86em;
  font-weight: bold;
}

.sitemap .ebene1 {
  padding-left: 10px;
}

.sitemap .ebene1 a {
  color: #fff;
  padding-left: 10px;
}

.sitemap .ebene2 {
  padding-left: 30px;
}


.sitemap .ebene3 {
  padding-left: 60px;
}

.sitemapHeaderStart, .sitemapHeaderBestellen, .sitemapHeaderCommunity, .sitemapHeaderService, .sitemapHeaderAbo, .sitemapHeaderShop{
	background:#f59008;
}

.sitemapHeaderNatur{
	background:#999900;
}

.sitemapHeaderTechnik{
	background:#069;
}

.sitemapHeaderMensch{
	background:#c35c13;
}

.sitemapHeaderNachrichten{
	background:#003258;
}

.sitemapHeaderKreativ{
	background:#fdcb09;
}

.sitemapHeaderTests{
	background:#993333;
}

.sitemapStart, .sitemapCommunity, .sitemapService, .sitemapBestellen, .sitemapAbo, .sitemapShop{
	border:1px solid #f59008;
}

.sitemapNatur{
	border:1px solid #999900;
}

.sitemapTechnik{
	border:1px solid #069;
}

.sitemapMensch{
	border:1px solid #c35c13;
}

.sitemapNachrichten{
	border:1px solid #003258;
}

.sitemapKreativ{
	border:1px solid #fdcb09;
}

.sitemapTests{
	border:1px solid #993333;
}