/* ==== 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 ==== */
#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.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 {
   float: left;
   padding: 10px;   
   width: 117px;
   height: 105px;
   margin-right: 12px;
   text-align: center;
   margin-top: -5px;
 } 

 #slideBar .active_natur {
   border: 1px solid #999900;
 }
 #slideBar .active_mensch {
   border: 1px solid #c35c13;
 }
 #slideBar .active_technik {
   border: 1px solid #069;
 }
 #slideBar .active_kreativ {
   border: 1px solid #fdcb09;
 }
 #slideBar .active_tests_spiele {
   border: 1px solid #993333;
 }
 #slideBar .active_nachrichten {
   border: 1px solid #003258;
 }
 #slideBar .active_default {
   border: 1px solid #9c3;
 }
 #slideBar .passive_natur, #slideBar .passive_mensch, #slideBar .passive_technik, #slideBar .passive_kreativ, #slideBar .passive_tests_spiele, #slideBar .passive_nachrichten, #slideBar .passive_default {
   border: 1px solid #fff;
 }
 #slideBar div  a:hover {
   text-decoration: none;
 }
 #slideBar div a{
   font-size: 78%;
   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;
 }
 

/* 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;
}
.teaserL h1, .teaserL h1 a {
  line-height: 1.1em;
  font-size: 1.2em;
  margin-bottom: 5px;
}
.teaserL .teaserTxt {
  float: left;
  width: 182px; 
  font-size: 0.93em;
  line-height: 1.3em;
}
.teaserL .teaserImg {
  float: right;
  width: 385px;
  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 {
  width: 176px;  
  height: 135px;  
  margin-left: -3px;
}
.teaserM .teaserImg a {
  display: block;
  width: 176px;
  height: 95px;
  text-decoration: none;
}
.teaserM h2, .teaserM h2 a {
  line-height: 1.1em;
  font-size: 1.1em; 
  margin: 3px 0;
  margin-bottom: 6px;
}

#archive {
  padding: 0 0 0 10px;
  margin: 15px 5px 20px 22px;
}
#archive .addHeadline {
  padding: 0 5px;
  border-left: 1px solid #999;
}
/* small */
.teaserS {
  margin-bottom: 15px;
  font-size: 86%; 
}
.teaserS .teaserImg {
  float: left;
  width: 120px;
  margin-right: 10px;
}
.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 #003258;
  border-top: none;
  width: 592px;
}
.newsBox h2, .leftBoxL h2 {
  padding: 3px;
  margin-bottom: 15px;
  background: #003258;
  color: #fff;
  font-size: 2em;
  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/nachrichten/bl.png) no-repeat bottom left;
  z-index: 1;
}
.newsBox .rightCorner {
  background: url(http://www.geo.de/images/GEOlino/nachrichten/br.png) no-repeat bottom right;
  z-index: 1;
}


/* teaser box left */
#left .teaserBox {
  width: 176px;
}
#left .teaserBoxL {
  width: 387px;
}
#left .teaserBox, #left .teaserBoxL {
  float: left;
  margin-top: 32px;
  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;
}

/* 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;
}
.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 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;
}

.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; }
a.mensch   { color: #c35c13; }
a.technik  { color: #069; }
a.natur    { color: #999900; }
a.kreativ  { color: #fdcb09; }
a.tests_spiele   { color: #993333; }
a.nachrichten { color: #003258; }

.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;
}