#headerBox {
  border: 1px solid #999;
  margin: 15px 15px 15px 20px;
  width: 592px;
  overflow: hidden;
}
#headerBox img{
  border-bottom: 1px solid #999;
}
#headerBox .linkBox, #headerBox .linkBoxLast {
  display: block;
  float:left;
  font-size: 76%;
  margin: 3px 0px 3px 8px;
  padding-right: 10px;
  border-right: 1px solid #999;
  font-weight: bold;
  text-align: left;
}
#headerBox .linkBoxLast {
  border-right: 0;
}

#archive {
 margin: 20px 16px 20px 22px;
}
#archive  #pageIndex {
  overflow: auto; 
  border: 1px solid #999;
  height: 60px;
  padding: 2px 10px
}
#archive  #boxHandler {
 display: block; 
 text-align: center
}
#archive  .leftBoxL a {
color: #000;
}
#archive  .leftBoxL ul li {
margin-bottom: 6px;
}

      
#iconSet a  { float: left; text-decoration: none; margin: 0px 12px 0 9px;}

#slideContainer0, #slideContainer1, #slideContainer2, #slideContainer3#, #slideContainer4 {
   margin-bottom: 0 !important;
 }
 #slideBar { 
   margin: 0 14px 18px 20px;
   height: 120px;
 }
 #slideBar div.active, #slideBar div.passive {
   float: left;
   padding: 10px;   
   width: 117px;
   height: 100px;
   margin-right: 12px;
   text-align: center;
   margin-top: -5px;
   overflow: hidden;
 } 
 #slideBar .active {
   /*background: #999;*/
   border: 1px solid #999;
 }
 #slideBar .passive {
   /*background: #efefef;*/
   border: 1px solid #fff;
 }
 #slideBar div.active a:hover, #slideBar div.passive a:hover  {
   text-decoration: none;
 }
 #slideBar div.active a, #slideBar div.passive a  {
   color: #000;
   font-size: 82%;
 }
 #slideBar div.passive a  {
   color: #333;
 }
 #slideBar #slideThumb2 {
   margin-right: 11px;
 } 
 #slideBar #slideThumb3 {
   margin-right: 0;
   float: right;
 } 
 #slideCredit {
   height: 20px;
 }
 #fotoshow, #slideshow, #mediacenter { 
  text-align: center;
  padding: 25px 37px;
  border-right: 1px solid #999;
  margin-bottom: -5px; 
  margin-top: -13px;
}
#slideshow { 
  padding: 30px 15px;
}
#mediacenter { 
  padding: 30px 17px 30px 14px;
  text-align: left;
  height: 700px;
}
#slideshow object {
  margin-top: -1000px !important;
  z-index: 1;
  position: relative;
}
#map object {
margin-top: 0 !important;
}

.addHeadline {
  font-size: 76%;
  margin: 0 0 5px 0;
  border-left: 1px solid #999;
  padding: 0 5px;
  font-weight: bold;
  text-align: left;
  line-height: 130%;
}
.more {
  color: #690;
  display: block;
  text-align: right;
  font-weight: bold;
  font-size: 93%;
}
.teaserL, .teaserM, .teaserD {
  font-size: 93%;
  line-height: 130%;
}

/* large teaser styles */
.teaserL {
  margin: 15px 14px 15px 20px;
}
.teaserL h1, .teaserL h1 a , .teaserL h2, .teaserL h2 a{
  font-size: 115%; 
  line-height: 130%;
  color: #333;
  margin-bottom: 5px;
  margin-top: -5px;
}
.teaserL .teaserTxt {
  float: left;
  width: 195px; 
  line-height: 130%;
}
.teaserL .teaserImg {
  float: right;
  width: 385px;
  font-size: 76%;
  color: #bfbfbf;
}
.teaserL .teaserImg:hover>.clickMark {
  visibility: visible;
}
.teaserSlide { margin-bottom: 0; height: 260px; overflow: hidden }

#teaserStage .teaserL {
  margin-top: 0;
}

/* medium teaser styles */
.teaserM, .teaserMBox, .catHeaderMenschSmall, .catHeaderNaturSmall, .catHeaderTechnikSmall, .catHeaderKulturSmall, .catHeaderReisenSmall, .catHeaderFotoSmall {
  float: left;
  margin: 17px 8px 15px 19px;
  width: 182px;
  line-height: 130%;
}
.teaserM h2, .teaserM h2 a, .teaserMBox h2, .teaserMBox h2 a {
  font-size: 105%;
  color: #333;
  margin: 3px 0;
  margin-bottom: 6px;
}
.teaserMBox a {
  color: #333;
}
.teaserMBox h2, .teaserMBox h2 a {
  font-size: 100%;
}

.catHeaderMenschSmall, .catHeaderNaturSmall, .catHeaderTechnikSmall, .catHeaderKulturSmall, .catHeaderReisenSmall, .catHeaderFotoSmall {
  margin-bottom: 0;
  margin-top: 5px;
}
/* small teaser styles */
.teaserS {
  margin-bottom: 20px; 
}
#archive h3 {
  font-size: 120%; 
}
.teaserS .teaserImg {
  float: left;  
  width: 120px;
  margin-right: 15px;
}
.teaserS .teaserTxt {
  float: left;  
  width: 454px;
  line-height: 130%;
}

/* teaser stage*/
#stageNav, #iconSet {margin: 0 0 0px 11px;}
#stageNav a { color: #333; font-size: 76%; width: 112px; height: 126px; overflow: hidden; display: block; float: left; border: 1px solid #c5c5c5; background: #fff; text-decoration: none; margin: -8px 10px 0 9px; padding: 10px;  }
#stageNav a.activeSlide { background: #fff }
#stageNav a.activeSlide { 
  -moz-opacity: 0.35;
  filter: Alpha(opacity=35); 
}

#teaserStage {  
  height: 245px;   
  width:   627px;  
  margin-top: 35px;  
  overflow: hidden;
  z-index: 1;
  background:#fff;
  position: relative;  
} 

#teaserStage div {  
  background:#fff;
} 

  
#teaserStage .teaserImg {
  float: left;
  margin-left: 13px;
  font-size: 76%;
  color: #bfbfbf;
}
#teaserNav {
  float: right;
  margin: -263px 14px 2px 18px;
  background:#fff;
}
#teaserNav a {
  display: block;
  float: left;
  background-image: url(/images/GEO/start/tab.png);
  background-repeat:no-repeat;
  width: 18px;
  height: 19px;
  text-align: center;
  color: #333; 
  text-decoration: none;
  padding: 1px 3px;
}
#teaserNav #firstTab {
   background-image: url(/images/GEO/start/tab1.png);
}      
#teaserNav a:hover, #teaserNav a.activeSlide {
  background-image: url(/images/GEO/start/tab-active.png) !important;       
  color: #fff; 
  font-weight: bold;   
  background-color: #a8cd41;
  background-position: -1px 0;
  background-repeat:no-repeat;
   border-right: 1px solid #999;
  padding: 1px 2px 1px 3px;       
}

.teaserImgBar {
  margin: 15px 9px 0 0;
  
}
.teaserImgBar div  {
  float: right;
  width: 105px; 
  margin-left: 18px;     
  background:#fff;  
}
.teaserImgBar div h2{
  font-size: 76%; 
}
.teaserImgBar div h2 a {
  color: #333 !important;
}
.teaserImgBar div a:hover, .teaserL h1 a:hover {
  text-decoration: none;
}
.teaserImgBar  .addHeadline, #teaserStage  .addHeadline, .teaserM  .addHeadline, .teaserL  .addHeadline {
  width: 91px;
  padding: 0;
  display: block;
  margin: -2px 0 3px 0;
  font-size: 10px;
  border: none;
  text-transform: uppercase;
  color: #999;
  font-weight: normal;
}
#teaserStage .addHeadline, .teaserL  .addHeadline, .teaserM  .addHeadline {
  font-weight: bold;
}
.addHeadline:hover {
  text-decoration: underline;
}

/* teaser box left */
#left .teaserBox {
  width: 174px;
  padding-bottom: 10px;
}
.teaserBoxL {
  width: 383px;
  padding-bottom: 10px;
}

#left .teaserBox, .teaserBoxL {
  float: left;
  margin-top: 17px;
  margin-left: 19px;
  font-size: 93%;
}
#left .teaserBoxFoto .h3 { 
  background: #50595b !important;
  border-bottom: 1px solid #292e2f !important;
  color: #fff;
}
#left .teaserBoxFoto { 
  border: 1px solid #292e2f;
  padding-bottom: 3px !important;
}

#left .teaserBox .h3, #left .teaserBoxL .h3, #left .shortTeaserBox .h3, #left .imgTeaserBox .h3, #left .promoTeaserBox .h3 , #left .leftBoxL .h3, #left .imgTeaserBox h3, #left .imgTeaserBoxFoto h3  { 
  padding: 3px 6px;
  color: #fff;
  font-weight: bold;
  font-size: 100%;
  background: #a8cd41;
  border-bottom: 1px solid #7ba822;
}
#left .imgTeaserBoxFoto .h3, #left .imgTeaserBoxFoto h3 { 
  background: #50595b;
  border-bottom: 1px solid #292e2f;
}
#left .imgTeaserBoxFoto h3 a, #left .imgTeaserBox h3 a { 
  color:#fff;
}
#left .shortTeaserBox, #left .imgTeaserBox, #left .promoTeaserBox, #left .feedBoxL {
  width: 592px;
  margin: 18px 0 18px 19px;
  border: 1px solid #7ba822;
}
#left .imgTeaserBoxFoto { 
  border: 1px solid #292e2f;
}
#left .feedContent .hpBox {
  background: #f8f9f0; 
  margin: 18px 15px 10px 20px;
}
#left .feedContent .hpBox a {
  color: #961a3d;
}
#left .shortTeaserBox .more, #left .promoTeaserBox .more {
  color: #690;
  padding-left: 11px;
}
#left .promoTeaserBox {
  margin-top: 0;
  margin-bottom: 3px;   
 }
#left .promoTeaserBox .credit {
   font-size: 76%;
   color: #999;  
   margin-bottom: 2px;   
 }
#left .promoTeaserBox h4 {
   margin: 0 0 5px 0;
   font-size: 96%; 
   line-height: 160%;
}
#left .promoTeaserBox h4.topTeaserHl {
   padding: 10px 5px 5px 15px;
   margin-bottom: -2px;
   font-size: 96%; 
   line-height: 100%;
   color: #333;
   background: #f1f1f1;
}
#left .promoTeaserBox h4 a {
   color: #333 !important;
 }
#left .promoTeaserBox .topTeaser {
   background: #f1f1f1;
}
#left .promoTeaserBox .topTeaser li {
   margin-left: 25px;
}
#left .promoTeaserBox .imgContainer {
  float: left; 
  width: 188px; 
  height: 149px; 
  padding: 15px 5px 15px 0; 
  margin: 0 15px 0 15px; 
  border-right: 1px solid #7ba822;
}
#left .promoTeaserBox .imgContainer div {
  width: 177px; 
}
#left .promoTeaserBox .imgContainer .more {
  text-align: left;
  margin: 7px -11px; 
  font-size: 86%; 
  font-weight: normal;  
}
.scrollList {
  width: 354px; 
  height: 150px; 
  margin-top: 16px; 
  overflow: auto; 
  /*overflow-x: hidden;*/
  /*background: #7ba822 !important;*/
  float: left;
}
.scrollList div {
  font-style: normal;
  text-indent: 0 !important;
  /*margin: -1px 0 !important;*/
  border-bottom: 1px solid #7ba822;
}
.scrollList div a {
  display: block;
  padding: 2px 3px 2px 3px;
  background: #fff;
  margin: 0;
  width: 331px;
}
.scrollList div a:hover {
  background: #a8cd41;
  text-decoration: none;
  color: #000;
}
.scrollList div:hover {
  cursor: pointer;
}
#service .shortTeaserBox {
  margin-left: 0;
}
#left .teaserBox ul, .teaserBoxL ul, #left .shortTeaserBox ul { 
  padding: 6px 0;
  padding-top: 3px;
}
#left .shortTeaserBox .content {
  padding: 10px;
}
#left .teaserBox li, .teaserBoxL li, #left .shortTeaserBox li, #left .promoTeaserBox li {
  line-height: 130%;
  padding: 1px 0;
  text-indent: -11px;
  margin: 2px 3px 0 19px;
}
/*
#left .promoTeaserBox ul {
  float: left;
  width: 290px;
  margin: 10px 0;
  padding: 3px 5px 6px 0px;
}
*/
#left .imgTeaserBox .imgBar {
  padding: 0px;
  text-align: center;
  width: 99%;
  margin-left: 6px;
}
#left .imgTeaserBox .imgBar a {
  display: block;
  float: left;
  text-decoration: none;
  width: 100px;
  margin: 15px 8px 10px 8px;
  color: #333;
  font-size: 76%;
  font-weight: bold;
}
left .imgTeaserBox .imgBar a .link {
  text-decoration: underline;
}

#left .imgTeaserBox{
  background:#fff;
}
/* ecards */
.ecardTeaser {
  float: left;
  width: 163px;
  margin: 0 10px;
  padding: 12px 5px 5px 5px;
  text-align: center;
  margin-bottom: 20px;
  border: 1px solid #999;
  background: #f1f1f1;
  height: 135px;
  overflow: hidden;
}
.ecardLinks {
  text-align: left;
}
/* toc */
.issueTeaser {
  float: left;
  width: 160px;
  margin: 0 10px;
  text-align: center;
  padding: 5px;
  margin-bottom: 20px;
  color: #333;
}
.issueTeaser .addHeadline {
  text-align: center;
  border: none;
  padding: 0;
}

#toc, #service {
  padding: 15px 0 0 22px;
  padding-right: 17px;
}
#toc .issue {
  float: left;
  color: #666;
  font-size: 76%;
  min-width: 100px;
  margin: 0 20px 10px 0;
}
#toc .issue a {
  display: block;
  color: #666;
  font-weight: bold;
}
#toc h1, #service h1, #mediacenter h1 {
  font-size: 140%;
  margin-bottom: 20px;
  font-weight: normal;
  color: #6d6d6d;
  font-family: Verdana;
}
#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;
}

#service h1 {
  color: #a4bd45;
}
#service h2 {
  color: #666;
  font-size: 93%;
  margin: 5px 0;
}
#service p, #service .paragraph, #service form, #service .wrapper {
  margin: 20px;
}

#service form {
  border: 1px solid #999;
  background: #f1f1f1;
  padding: 10px;
}
.serviceTeaser {
  float: left;
  width: 250px;
  margin: 0 12px;
  text-align: center;
  padding: 5px;
  margin-bottom: 5px;
  color: #333;
}

.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 , .teaserS h2 a{
  font-size: 86%;
  color: #333;
  line-height: 130%;
}
.teaserS h2 {
  font-size: 130%;
  margin-bottom: 10px;
}

#archive .leftBoxL {
  margin-top: 0;
}

.authorIntro p {
  margin-bottom: 10px;
}

.worldmapBox {
  text-align: center; 
  width:591px; 
  background: #f1f1f1; 
  padding:15px 0; 
  border: 1px solid #d3a100; 
  margin: 15px 0 15px 19px;
}
.sitemap {
  font-size: 93%;
  line-height: 20px;
  width: 560px;
  margin: 10px 0px;
  padding: 0px;
}
.sitemap a {
  font-size: 93%;
}
.sitemap .ebene1 {
  padding-left: 10px;
}
.sitemap .ebene1 a {
  color: #fff;
  padding-left: 5px;
}
.sitemap .ebene2 {
  padding-left: 5px;
}
.sitemap .ebene3 {
  padding-left: 25px;
}

/* sidebar rc game */

button, tr, td
  { behavior: url('/css/GEO/IEFixes.htc');
  }

#wrapper p{font-family:arial;padding-right:10px;text-align:right}
#wrapper li span{padding-left:3px}
#wrapper input{margin-right:3px;padding-top:3px}
#wrapper a{border:0px}
#wrapper a:hover{border:0px;color:#A80909}
#wrapper .green {color:#808232;font-weight:bold;font-size:98%;padding:5px}
#wrapper #counter {color:#666666}
#wrapper{font-family:arial,helvetica;background:#F2F9E1 none repeat scroll 0 0;text-align:center;font-size:12px;}
#wrapper textarea {display:none;}

#quizPic{height:120px;position:relative;margin-top:3%;border-width:1px;border-style:solid;border-color:#ccc;z-index:10;display:none}
#quizFlag{position:relative;margin-top:3%;border-width:1px;border-style:solid;border-color:#ccc;z-index:10;display:none}
#quizbox{position:relative;width:95%;overflow:hidden;margin:0% auto 0;background-repeat:no-repeat;background-position:50% 50%}
#quizbox a{color:#A80909;border:0}
#quizbox  a:hover{color:#A80909;border-width:0px;text-decoration:underline}
#quizbox p{margin:0px;padding:0px;padding-right:7px}

#quizForm {margin:0% 0 0; width:170px;padding:3px;text-align:left;z-index:20;position:relative;background:#fff;border:1px solid #DFE5D7}
#quizForm a{color:#000;border:0px}
#quizForm  a:hover{color:#000;border-width:0px;text-decoration:underline;padding-left:-5px}
#quizForm li {text-decoration:none;font-size:90%;padding-left:2px;margin:0}
#quizForm ul {margin:0;padding:0}

#quizlist{margin:0px;padding:0px;float:none;}

#joker {cursor:pointer;color:#993333;  }
#joker:hover {cursor:pointer;color:#993333;text-decoration:underline }
#joker:active {color:#000;}
#submitSoultion {padding:0;margin:0}

.clearfix {clear:both;padding:0;margin:0;}
button{border:0px;background:transparent;padding:0;margin:0;  width:155px;display:block}
button:hover, button.hover {cursor:pointer}

span.container:hover{cursor:pointer}
span.container { background:transparent url(http://www.geo.de/images/GEOreisecommunity/btn_small_left_arrow.png) no-repeat scroll 0 0; padding:0 0 0 20px; }
span.container span { background:transparent url(http://www.geo.de/images/GEOreisecommunity/btn_small_right.png) no-repeat scroll 100% 0;color:#961A3D;font-family:Arial;font-size:12px;padding:0 10px 0 5px;white-space:nowrap;}
button.small span {display:block;height:20px;line-height:20px;}
button.small span:hover{cursor:pointer}