/*
==============================================================
  basic layout and general formatting rules for GEO.de
  
  author: Jan-Eric Strohsal <strohsal.jan-eric@geo.de>
  last modified: 2005/07/06
==============================================================
*/

/* global whitespace reset */
* { margin: 0; padding: 0;  }

body { 
  font: 0.83em Verdana,Arial,sans-serif;
}

ul, li {
  list-style: none;
   z-index: 1;
}
ul.disc li {
  list-style: disc;
  margin-left: 25px;
}
acronym, abbr {
  border-bottom: none;
}

/* invisible element */
.invisible {
  position: absolute;
  left: -1000px;
  top: -1000px;
  width: 0px;
  height: 0px;
  overflow: hidden;
  display: inline;
}
/* clear floatings */
.clearFloat {
  clear: both;
  height: 1px;
  line-height:0;
}
/* non-semantic italic and bold style */
.i { font-style: italic; overflow:auto; }
.b, .text-bold { font-weight: bold; }
.ok { color: #090; }
.error { color: #c00; }

/* protect e-mail-addresses */
.backwards { unicode-bidi: bidi-override; direction: rtl; }

.intro {
  margin: 5px 0 20px 0;
  line-height: 1.3em; 
  font-size: 0.93em;
  font-weight: normal;
  color: #6d6d6d;
}

/* ==== layout container ==== */
#magNav {
 background: #ededed;
 border-bottom: 1px solid #999;
 padding: 0 0 3px 5px; 
 height: 18px;
}
#magNav ul {
  width: 990px;
}
#magNav li {
  float: left;
  margin: 3px 10px;
}
#magNav a {
  float: left;
  font-size: 76%;
  color: #690;
}
#mainHeader {
  width: 823px;
  height: 56px;
  border: 1px solid #999;
  border-bottom: none;
  padding-top: 5px;
  background: #a8cd41;
}
#mainContent {
  clear: both;
  width: 825px;
  border-right: none;
  border-top: none;
}
#mainContent #breadcrumb {
  width: 599px;
  font-size: 10px;
  height: 12px;
  color: #000;
  padding-top: 1px;
}
#mainContent #breadcrumb  h1{
  display: inline;
  font-size: 10px;
  height: 12px;
  color: #000;
  padding-top: 1px;
  font-weight: normal;
}
.catMarker {
  float: left;
  width: 10px;
  height: 12px;
  margin: 0 5px 0 0;
  font-size: 1px;
}
#mainContent #left {
  float: left;
  width: 627px;
}
#mainContent #right {
  float: right;
  width: 180px;
  background: #f1f1f1;
  overflow: hidden;
  margin-top: 15px;
}
#footer {
  width: 823px;
  height: 19px;
  border: 1px solid #999;
  margin: 0;
  text-align: center;
  padding-top: 2px;
  background: #a8c944 url(/images/GEO/start/footer.jpg) no-repeat;
}
#gujSites {
  width: 550px !important;
  padding: 15px 135px;
  font-size: 76%;
  color: #999;
  text-align: center;
  background: #fff;
}
#gujSites  ul li{
  display: inline !important;
  color: #999 !important;
}
#gujSites  li  a {
  font-size: 10px !important;
  color: #999 !important;
}

/* ====== header elements ====== */
#logo {
  float: left;
  width: 210px;
  margin-top: -5px;
}
#logo a {
  display: block;
  width: 200px;
  height: 61px;
}
#logo a:hover {
  text-decoration: none;
}
#mainHeader .content {
  float: right;
  font-size: 83%;
  margin-top: 5px;
  text-align: right;
}

/* short service navigation */
#shortNav {
  width: 400px;
  margin-top: -3px;
}
#shortNav ul {
  float: right;
}
#shortNav li {
  float: left;
}
#shortNav a {
  float: left;
  display: block;
  border-right: 1px solid #fff;
  padding: 0 11px;
  color: #fff;
}
#mainHeader #shortNav  a.login, #mainHeader #shortNav  a.last { 
  border: none;
  padding-right: 7px;
}
a.login img { 
  vertical-align: bottom;
  margin: 1px 0 0 3px;
}

/* search form */
#searchForm {
  padding: 9px 5px 5px 7px;
  color: #fff;
  clear: both;
}
#searchField {
  width: 145px;
  /*color: #fff;*/
}
#catSearchField {
  width: 430px;
}
#searchCategory {
  font-size: 12px;
  vertical-align: top;
}
#searchForm option {
  padding-left: 5px;
}
#searchButton, #catSearchButton {
  vertical-align: top;
  margin-left: 5px;
}

/* ==== hyperlink styles ==== */

a  { text-decoration: none; color: #690; }
a:hover { text-decoration: underline; }
a:focus { outline: none; }
a img { border: none; }
h3 a {
  color: #fff;
}
.teaserBox a,.shortTeaserBoxshortTeaserBox a, .imgTeaserBox a,.promoTeaserBox a,.teaserBoxGreen a, .teaserBoxL a, .teaserBoxGrey a, #breadcrumb a, .tocBoxRight a, .tocBoxLeft a, #pager a {
  color: #000;
}
a.green  { 
  color: #690;
}
#footer a {
  color: #fff;
  font-size: 83%;
  margin: 0 0 0 30px;
}
#gujSites a {
  color: #999;
}

/* ==== global text styles ==== */
.issueInfo {
  color: #6d6d6d;
  font-weight: normal;
}

/* ==== main navigation ==== */
#mainNav {
  width: 824px;
  font-size: 11px;
  height: 21px;
  border-right: 1px solid #999;
  position: relative;
  z-index: 200;
}
#mainNav ul { 
  visibility: hidden; 
  position: absolute;
  left: 0;
  top: 21px;
  background: #fff;
  padding-top: 2px;
  z-index: 200;
  display: inline;
}
#mainNav #topNav11 ul, #mainNav #topNav12 ul { margin-left: -77px; }

#mainNav li {
  float: left;
  text-align: center;
  position: relative;
  background: #fff;
}
#mainNav a {
  text-decoration: none;
}
#mainNav .seperator, #mainNav #seperatorHalfpage {
  float: left;
  height: 20px;
  width: 4px;
  font-size: 1px;
  border-left: 1px solid #999;
  border-top: 1px solid #999;
}
#mainNav #seperatorHalfpage {
  display: none;
}
#mainNav li a {
  display: block;
  float: left;
  text-align: center;
  padding: 3px 4px;
  font-weight: normal;
  color: #000;
  border: 1px solid #999;
  border-right: none;
}
#topNav1  a { width: 38px; }
#topNav2  a { width: 70px; }
#topNav3  a { width: 70px; }
#topNav4  a { width: 70px; }
#topNav5  a { width: 70px; }
#topNav6  a { width: 70px; }
#topNav7  a { width: 72px; }
#topNav8  a { width: 70px; }
#topNav9  a { width: 33px; }
#topNav10 a { width: 76px; }
#topNav11 a { width: 31px; }
#topNav12 a { width: 31px; }

/*#topNav4 { border: 1px solid red; }*/
#mainNav #topNavHalfpage   { display: none; }
#mainNav #topNavHalfpage a { width: 154px; color: #999; }

body#start     #mainNav #topNav1 a, #mainNav #topNav1 a:hover  { color: #fff; background: #a8cd41; }
body#natur       #mainNav #topNav2 a, #mainNav #topNav2 a:hover  { color: #fff; background: #15a077; }
body#technik     #mainNav #topNav3 a, #mainNav #topNav3 a:hover  { color: #fff; background: #193370; }
body#mensch      #mainNav #topNav4 a, #mainNav #topNav4 a:hover  { color: #fff; background: #9e003a; }
body#kultur      #mainNav #topNav5 a, #mainNav #topNav5 a:hover  { color: #fff; background: #de6f03; }
body#reisen      #mainNav #topNav6 a, #mainNav #topNav6 a:hover  { color: #fff; background: #f1c213; }
body#fotografie  #mainNav #topNav7 a, body#portfolio #mainNav #topNav7 a, #mainNav #topNav7 a:hover  { color: #fff; background: #50595b; }
body#interaktiv  #mainNav #topNav8 a, #mainNav #topNav8 a:hover, body#info #mainNav #topNav9 a, #mainNav #topNav9 a:hover, body#heftreihen #mainNav #topNav10 a, #mainNav #topNav10 a:hover, body#abo #mainNav #topNav11 a, #mainNav #topNav11 a:hover,  body#shop #mainNav #topNav12 a, #mainNav #topNav12 a:hover, #mainNav #topNavHalfpage-active a, #mainNav #topNavHalfpage a:hover {
  color: #fff; background: #a8cd41;
}



#mainNav ul li, #mainNav ul li a {
  display: block;
  text-align: left;
  clear: both;
}
#mainNav ul li a {
  padding: 2px;
  border-left: 1px solid #999;
  border-right: 1px solid #999;
  border-top: none;
  border-bottom: none;
  color: #fff !important;
}

#mainNav ul li a:hover {
  color: #000 !important;
}

#topNav1 ul li a  { width: 145px; background: #a8cd41; }
#mainNav #topNav2 ul a  { width: 170px; background: #15a077; }
#mainNav #topNav3 ul a  { width: 100px; background: #193370; }
#mainNav #topNav4 ul a  { width: 100px; background: #9e003a; }
#mainNav #topNav5 ul a  { width: 120px; background: #de6f03; }
#mainNav #topNav6 ul a  { width: 100px; background: #f1c213; }
#mainNav #topNav7 ul a  { width: 130px; background: #50595b; }
#mainNav #topNav8 ul a, #mainNav #topNav9 ul a, #mainNav #topNav10 ul a, #mainNav #topNav11 ul a, #mainNav #topNav12 ul a { 
  width: 100px; background: #a8cd41; 
}
#mainNav #topNav9  ul a { width: 120px; }
#mainNav #topNav10 ul a { width: 112px; }
#mainNav #topNav11 ul a { width: 112px; }
#mainNav #topNav12 ul a { width: 112px; }

body#start     #mainNav #topNav1 ul a:hover, #mainNav #topNav1 ul a:hover  { background: #cde599; }
body#natur       #mainNav #topNav2 ul a:hover, #mainNav #topNav2 ul a:hover  { background: #a3ecd6; }
body#technik     #mainNav #topNav3 ul a:hover, #mainNav #topNav3 ul a:hover  { background: #c7d8ff; }
body#mensch      #mainNav #topNav4 ul a:hover, #mainNav #topNav4 ul a:hover  { background: #f7cbe1; }
body#kultur      #mainNav #topNav5 ul a:hover, #mainNav #topNav5 ul a:hover  { background: #ffcb98; }
body#reisen      #mainNav #topNav6 ul a:hover, #mainNav #topNav6 ul a:hover  { background: #f4e5a7; }
body#fotografie  #mainNav #topNav7 ul a:hover, body#portfolio #mainNav #topNav7 ul a:hover, #mainNav #topNav7 ul a:hover  { background: #dbe2e4; }
body#interaktiv  #mainNav #topNav8 ul a:hover, #mainNav #topNav8 ul a:hover, body#info #mainNav #topNav9 ul li a:hover, #mainNav #topNav9 ul li a:hover, body#heftreihen #mainNav #topNav10 ul li a:hover, #mainNav #topNav10 ul li a:hover, body#abo #mainNav #topNav11 ul li a:hover, #mainNav #topNav11 ul li a:hover, body#shop #mainNav #topNav12 ul li a:hover , #mainNav #topNav12 ul li a:hover   { 
  background: #cde599;
}

#mainNav ul a.secondLevel { padding-left: 10px; width: 162px !important}
#mainNav .first { border-top: 1px solid #999; }
#mainNav .last  { border-bottom: 1px solid #999; }

#mainNav li:hover>ul {
  visibility: visible;
}


#blogNav {
  float: right;
  margin: -18px 2px 0 0;
}
#blogNav a {
  display: block;
  float: left;
  width: 10px;
  height: 11px;
  text-align: center;
  color: #fff; 
  text-decoration: none;
  padding: 1px 1px 2px 1px;
  margin-right: 1px;
}      
#blogNav a:hover, #blogNav a.activeSlide {
  font-weight: bold;   
  background-color: #d3a100;
}

/* ==== right col styles ===== */
#right .seperator { 
  height: 15px;
  background: #fff;
}
#right .spacer { 
  height: 10px;
}
#right img {
  margin-bottom: 10px;
}
#right .standAlone {
  margin-bottom: 10px;
}
#right .teaserBox, #right .teaserBoxGreen, .teaserBoxGrey, #right .teaserBoxShop, #right .feedBox {
  width: 178px;
  margin-bottom: 10px;
  font-size: 86%;
  background: #ededed;
}

#right .teaserBox .h3, #right .teaserBox>h3, #right .teaserBoxGreen h3, .teaserBoxGrey h3, #right .teaserBoxShop h3 { 
 padding: 3px 6px;
 color: #fff;
 font-weight: bold;
 font-size: 93%;
}
#right .teaserBox .item, #left .shortTeaserBox .item {
  margin: 3px 3px 6px 6px;
  line-height: 130%;
}
#right .teaserBox .keywords {
  text-align: center;
  padding: 5px;
  font-size: 82%;
}
#right .teaserBox .keywords a {
  color: #666;
}
#right #issueBox {
  text-align: center;
  height: 208px;
  background: #fff;
}
#right #issueBox h3 {
  text-align: left;
}
#right #issueBox .altContent {
  margin: 15px 0;
  text-align: center;
}
#right #issueBoxLarge {
  display: none;
  float: right;
  width: 144px;
  margin-bottom: 10px;
  font-size: 93%;
  border: 1px solid #a8cd41;
  text-align: center;
}
#right #issueBoxLarge h3 {
 padding: 3px 6px;
 color: #fff;
 font-weight: bold;
 font-size: 93%;
 background: #a8cd41;
 text-align: left;
}
#right .teaserBox li, #right .teaserBoxGreen li, .teaserBoxGrey li {
  line-height: 130%;
  color: #000;
  text-indent: -11px;
  margin: 2px 3px 0 19px;
}
#right .teaserBox li h3, #right .teaserBoxGreen li h3, .teaserBoxGrey li h3 {
  font-weight: normal;
  font-size: 96%;
}
#right ul.disc li {
  text-indent: 0;
}
#right .teaserBox ul, #right .teaserBoxGreen ul, .teaserBoxGrey ul { 
 padding: 3px 0 6px 0; 
}
#right .imgContent { 
  text-align: center;
  color: #000;
  padding: 6px;
  margin: 3px 0;
}
#right .teaserBox li .imgContent { 
  margin-left: -12px;
}
#right .teaserBox .imgContent a {
  display: inline;
  text-indent: 0;
  margin: 0;
}
#right .teaserBox .imgContent img {
  display: inline;
  text-indent: 0;
  margin-top: 10px;
}
/* vote box */
#right .teaserBox .voteContent {
  padding: 10px;
  font-size: 90%;
}
#right .teaserBox .voteContent p {
  padding-bottom: 10px;
}
#right .teaserBox .voteContent li {
  line-height: 130%;
  color: #000;
  text-indent: -11px;
  margin: 2px 3px 0 12px;
}
#right .teaserBox .voteContent ul { 
 padding: 2px 0 2px 0; 
}
#right .teaserBox .voteContent form { 
 padding-bottom: 8px; 
}

#right .feedBox, .feedBoxL {
  border: 1px solid #690 !important;
}
#right .feedBox a, .feedBoxL a, .feedBox a.green {
  /*color: #961a3d;*/
  color: #000;
  color: #961a3d;
}
#right .feedBox h3, .feedBoxL h3 {
  margin-bottom: 10px;
  font-size: 105%;
}
#right .feedBox  .feedContent {
 margin: 0px 5px 10px 9px;
 font-size: 82%;
}
#right .feedBox  .feedContent h4, .feedBoxL h4 {
 font-size: 100%;
}

#right .feedBox  .feedContent .image {
  display: block;
  margin: 2px 5px -5px 0;
}
#right .feedBox  .feedContent .formButton {
 color: #000;
 margin: 0 5px 10px 0;
}
#right .feedBox  .feedContent hr {
 width: 159px;
 border: none;
 background-color: #690;
 height: 1px;
 margin: 8px 0;
}

#left .feedBoxL h3 { 
  padding: 3px 6px;
  color: #fff;
  font-weight: bold;
  font-size: 100%;
  background: #a8cd41;
  border-bottom: 1px solid #7ba822;
}
#left .feedBoxL h3 {
  background: #becb60;
  border-bottom: 1px solid #690 !important;
  height: 23px;
}

.feedBoxL  .feedContent {
 margin: 0px 12px 10px 12px;
}
.feedBoxL  .feedContent .image {
  display: block;
  float: left;
  margin: 2px 10px -5px 0;
  width: 100px;
  height: 75px;
  overflow: hidden;
}
.feedBoxL  .feedContent hr {
 border: none;
 background-color: #690;
 height: 1px;
 margin: 12px 0 10px 0;
}
.feedBoxL  .feedContent .formButton {
 color: #000;
 margin-top: 0;
 /*margin: 0 5px 10px 0;*/
}

.voteBar { 
  padding:3px 1px 3px 1px; color:#333; font-size:10px; background:#a8cd41; border: 1px solid #7ba822;
}

/* shop */
#right .teaserBoxShop {
  border: 6px solid #a8cd41; 
  border-top: none;
  width: 168px;
  background: #fff;  
}
#right .teaserBoxShop h3 { 
  background: #a8cd41;
  padding: 4px 6px;
  border: none;
}
#right .teaserBoxShop li {
  line-height: 130%;
  color: #000;
  text-indent: -11px;
  margin: 2px 3px 0 19px;
}
#right .teaserBoxShop li .imgContent {
  margin-left: -12px;
}
#right .teaserBoxShop li .imgContent img {
  margin-left: 12px;
  margin-bottom: 2px;
}
#right .teaserBoxShop li a {
  color: #000;
}
#right .teaserBoxShop ul {
  padding-bottom: 10px;
  padding-right: 2px;
}

/* grey box */
#right .teaserBoxGrey { 
  border: 1px solid #676767;
  border-top: none;
}
#right .teaserBoxGrey h3 { 
  background: #999;
  border-top: 1px solid #676767;
  border-bottom: 1px solid #676767;
}
#right .teaserBoxGrey img {
  margin: 0;
}

/* ==== pager ===== */
#pager {
  text-align: center;
  font-size: 76%;
  margin-bottom: 20px;
}
#pager .pageIndex {
  margin-top: 25px;
  padding-bottom: 5px;
}
.pagingBar {
  padding: 3px 0 3px 0;
  border-bottom: 1px solid #999;
  border-top: 1px solid #999;
  text-align: center;
  height: 13px;
}
.pages {
  float: left;
  width: 35.9%;
}
#pager .back {
  float: left;
  width: 32%;
  text-align: left;
}
#pager .next { 
  float: left;
  width: 32%;
  text-align: right;
}

/* ==== popup ==== */
#tocImgL {
  margin: 10px;
  padding: 10px;
  padding-bottom: 5px;
  border: 1px solid #999;
}
.closeWin {
  padding-top: 5px;
  text-align: right;
  font-size: 76%;
}
.closeWin a {
  color: #666;
}

/* default style informations */
.catMarker {
  background: #a8cd41;
}
#left .teaserBox, #left .teaserBoxL, #left .leftBoxL {
  border: 1px solid #7ba822;
}
/*
#left .teaserBoxL h3, #left .teaserBox h3, .leftBoxL h2 {
  background: #a8cd41;
  border-bottom: 1px solid #7ba822;
}
*/
#left .teaserBoxL h3, #left .teaserBox h3, .leftBoxL h2 , .shortTeaserBox h3{
  color: #000;
  font-size: 12px;
  font-weight: normal;
}
.shortTeaserBox h3 a{
  color: #000;
}
#right .teaserBox, #right .teaserBoxGreen, #right #issueBoxLarge {
  border: 1px solid #7ba822;
  border-top: none;
}
#right .teaserBox>h3,
#right .teaserBoxGreen>h3,
#right .teaserBox .h3,
#right .teaserBoxGreen .h3,

#right #issueBoxLarge h3 {
  background: #a8cd41;
  border-top: 1px solid #7ba822;
  border-bottom: 1px solid #7ba822;
}

img.arrow  { margin-right: 3px; }

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

/* ==== ad section ==== */
#contentAd, #textAd, #bufferRubrikenAd, #bufferContentAd, #bufferPromoAd, #bufferGoogleArticleBox {
  display: none;
}

#homepageSpecialAd{
   display: block;
   text-align:right;
}

#rubrikenAd {
  width: 823px;
  height: 90px;
  font-size: 1px;
  text-align: center;
  margin: 8px 0 8px 0;
  z-index: 5000;
  position: relative;
  display: block;
}
#rubrikenAd  object, #rubrikenAd  object embed{
  z-index: 5000;
}

#contentAd {
  float:right;
  text-align: center;
  margin: 15px 14px 15px 10px;
}
#left>#contentAd {
  margin-top: 12px;
}
#contentAd hr { display: none !important }

#left>#contentAd hr {
  margin: 5px 0 5px 0;
}

#article #contentAd {
  float: none;
  margin: 0 0 15px 0;
}
#article #contentAd hr {
  height: 1px;
  margin-top: 5px;
  width: 385px;
  width: 507px;
}
#article #contentAd hr.top {
  margin: 10px 0 0 0;
  width: 507px;
}
#promoAd {
  text-align: center;
  margin-bottom: 10px;
  width: 180px;
  display: none;
}
#promoAd img {
  margin-top: 0;
}
#promoAdContainer {
  border: 1px solid #999; 
  text-align:center;
  padding-bottom: 11px;
}
#promoAdContainer180 { 
  text-align:center;
}
#promoAdContainer .header {
  border-bottom: 1px solid #999; 
  text-align:left; 
  padding: 2px; 
  margin-bottom: 10px; 
  font-size: 76%; 
  color: #333;
}
#promoAdContainer180 .header {  
  text-align:left; 
  padding: 2px; 
  font-size: 76%; 
  color: #333;
}
#textAd {
  display: none;
}
#googleArticleBox {
  display: block;
  text-align: center;
  width: 507px;
}
#floater {
  position: absolute;
  text-align: left;
  left: 833px;
  top: 78px;
  z-index: 5000;
  width: 160px;
  height: 600px;
}
#floater  object, #rubrikenAd  object embed{
  z-index: 5000;
}

#homepageSpecialAd{
  position:relative; 
  float:none; 
}

#ligatusAdIndex {
  border-style:none;
  margin-left: 18px;
  margin-top:10px;
  padding:10px;
  border-width:1px;
  width:595px;
}

/* ###  B-Day  ### */
.article-headline {
  font-size: 20px; 
  line-height: 25px; 
  color: #333; 
  font-weight: normal;
  margin: 3px 0 7px 0;
}
.headline-hp1 {
  font-size: 110%; 
  line-height: 130%;
  font-weight: bold;
  color: #333;
  margin-bottom: 5px;
}
.magazine-headline {
  font-size: 13px;
  color: #333;
}

.survey-submit, .formButton, .ecard-submit {
  border-left: 1px solid #999;
  border-top: 1px solid #999;
  border-right: 1px solid #333;
  border-bottom: 1px solid #333;
  background: #f5f5f5;
  background: #f9f9f9;
  text-align: center;
  padding: 2px;
  color: #333;
  cursor: pointer;
}
.survey-submit, .ecard-submit {
  margin-left: 10px;
}
.survey-submit:hover, .formButton:hover, .ecard-submit:hover {
  border-left: 1px solid #333;
  border-top: 1px solid #333;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
  text-decoration: none;
}
#right .formButton, .feedBoxL .formButton, .formButtonSlim {
  margin: 0;
  border-width: 1px;
}
#right a.formButton, .feedBoxL .formButton {
  display: block;
  padding: 4px;
  margin: 10px 10px 0 0;
}
.formButtonSlim {
  padding: 4px;
}
.feedBoxL .formButton {
  margin: 12px 0;
}
.formButtonFlashy {
  display: block;  
  clear: both;
  text-align: center;
  padding: 6px;
  width: 493px;
  background-image:url(/images/GEO/start/flashy_button_bg.png);
  color: #fff;
  font-weight: bold;
}
.formButtonFlashy:hover {
  background-image:url(/images/GEO/start/flashy_button_bg_hover.png);
  font-weight: bold;
  text-decoration: none;
}

#right a.formButton:hover, .feedBoxL a.formButton:hover, a.formButtonSlim:hover {
  text-decoration: none;
  border-left: 1px solid #333;
  border-top: 1px solid #333;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
}
.relatedBoxSmallRight {
  width: 180px;
  font-size: 76%;
  border: 1px solid #999;
  padding-bottom: 5px;  
}
.tocBoxRight, .relatedBoxSmallRight {
  float: right;
  margin: 4px 0 10px 15px;  
}
.relatedBoxSmallRight li {
  text-indent: -10px;
  margin: 2px 3px 2px 15px;
}
/* ### Ecards ### */
h1.ecards {
  font-size: 140%;
  margin-bottom: 20px;
  font-weight: normal;
  color: #a4bd45;
  font-family: Verdana;
}
table {
  color: #000;
  margin-top: 20px;
}
.ecard-error {border:2px solid white; display:none; width:97%; padding:2px; visibility:hidden; font-weight:bold; color:white; background-color:red}
.ecard-submit { background-color: #F6F6F6; color: #000; border-style: solid; border-width: 1px; border-color: #999999; font-size: 11px;}


/* ### HCard Styles Box / microformats.org ### */

.vcard a{
	display:block;
}

.vcard .org{
	color:#666666;
	font-weight:bold;
}

.vcard .iconvcard{
	padding-left:34px;
	padding-top:3px;
	background-image:url(/images/GEO/info/vcard.gif);
	background-repeat:no-repeat;
	height:22px;
}

/* Special form styles*/
#form_show   {
	display:none;
}

/* #######         Bookmark Styles          ###### */
#right #clippingsmenu {
  width: 100%;
  display: none;
	z-index: 1;
	overflow: hidden;
  font-size: 76%;
}
#clippingsarea {
  margin-top: -5px !important;
}
#clippingsmenu li {
  text-indent: -8px !important;
  margin-left: 15px !important;
  margin-top: 5px !important;
}
#adminBookmarks {
  width: 100%;
  border-top: 1px solid #a8cd41;
  margin-top: 5px;
  text-align: center; 
  padding: 0 0 9px 5px;
  background: #fff;
  text-align: center;
}
#deleteBookmark {
  background: url(/images/GEO/delete-bookmark.png) no-repeat;
  cursor: pointer;
  margin-top: 2px;
}
#deleteBookmark:hover {
  background: url(/images/GEO/delete-bookmark-hover.png) no-repeat;
}
.clippingHeader { height: 14px }
.clippingsButton { padding: 3px 0; height: 14px;}
.clickMark { background: url(/images/GEO/bookmark.gif) bottom left no-repeat; margin-bottom: -2px; cursor: pointer; visibility: hidden; }
.clickMark:hover { background: url(/images/GEO/bookmark-hover.gif) bottom left no-repeat}
#bookmarkTarget { cursor: pointer; display: none; float:right; margin-top: 1px }
#bookmarkHelp { color: #fff; display: inline; cursor: pointer; float: right; }
#flyImg { display: none; cursor: pointer; }
#bubble_tooltip {z-index: 5000 }

#bubble_tooltip{
	width:147px;
	position:absolute;
	display:none;
  z-index: 500000;
}
#bubble_tooltip .bubble_top{
	background-image: url('/images/GEO/bubble_top.png');
	background-repeat:no-repeat;
	height:16px;	
}
#bubble_tooltip .bubble_middle{
	background-image: url('/images/GEO/bubble_middle.png');
	background-repeat:repeat-y;	
	background-position:bottom left;
	padding-left:7px;
	padding-right:7px;
}
#bubble_tooltip .bubble_middle span{
	position:relative;
	top:-8px;
	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
	font-size:11px;
}
#bubble_tooltip .bubble_bottom{
	background-image: url('/images/GEO/bubble_bottom.png');
	background-repeat:no-repeat;
	height:44px;
	position:relative;
	top:-6px;
}

/* #######         RC-Box-Styles           ###### */

/* Special Pages and page sections */
  .padding{padding: 13px 13px 0 13px;}
  .indexWrapper {padding: 0 12px 0 17px; margin-top: -15px}
  div.showcase_content {position:relative; font-family: Arial, Helvetica, Verdana; margin: 18px 0 -5px 0}
  div.showcase_content hr {margin:8px 0 ; padding: 0; border: none; height: 3px; border-bottom: 3px solid #EAEFDC;}
  div.showcase_content h2 {font-size: 13px; color: #808232; padding: 0; text-transform:uppercase; margin: 0 0 5px 0; }
  div.showcase_content h3 {display: none; }
  div.showcase_content h4 {font-size: 15px; color: #808232; padding: 0; margin: 0 0 3px 0; }
  div.showcase_content img {overflow: hidden; margin-bottom: 3px;}
  #showcase_header a {color: transparent; display:block; position:absolute; left:0;top:0;width:275px;height:45px; text-decoration:none; outline: none;}
  #showcase_header a:hover {text-decoration: none; outline: none;}
  div.showcase_content a {color: #961A3D; text-decoration:none; outline: none;}
  div.showcase_content a:hover {text-decoration: underline; outline: none;}
  #showcase_header a.title {color: #fff; display:inline; position:relative; text-decoration:none; font-size: 16px;}
  #showcase_header a.title:hover {text-decoration: none; outline: none;}

/* Showcase Box -> the green rounded box */
  .showcase_tr {background:url(/images/GEOreisecommunity/bg_showcase_tr.gif) top right no-repeat; margin:0; padding:0;}
  .showcase_tl {background:url(/images/GEOreisecommunity/bg_showcase_tl.gif) top left no-repeat; margin:0; padding:0;}
  .showcase_br {background:url(/images/GEOreisecommunity/bg_showcase_br.gif) bottom right no-repeat; margin:0; padding:0;}
  .showcase_bl {background:url(/images/GEOreisecommunity/bg_showcase_bl.gif) bottom left no-repeat; margin:0; padding:0;}
  .showcase_content {margin: 0; padding: 6px;}

/* Print-Register (geo.de/themenregister) */
#printRegister {
  margin: 0;
  width: 975px;
  text-align: left;
}
#printRegister  table{
  font-size: 12px;
}
#printRegister  #topNav{  
  margin-left: 2px;
}
#printRegister  .formTable {  
  width: 975px;
}
#printRegister  .wrapper{
  padding: 0;
  margin: 0 0 15px 0;
  width: 975px;
}
#printRegister  .wrapper table{
  padding: 0;
  margin: 0 !important;  
}
#printRegister  .wrapper table td{
  border: 1px solid #999;  
}
#printRegister  .wrapper .formTable td, #printRegister  .wrapper .resultTable td{  
  padding: 2px;
}
#printRegister  .wrapper .formTable td input, #printRegister  .wrapper .formTable td select{  
  border: none;
}

/* Special Link Classes */
.podcast-link{
  color: #fff;
  display: block;
  float: right;
  padding-left: 22px;
  padding-top: 2px;
  margin: -1px 3px 0 0;  
  padding-bottom: 3px;
  background:url(/images/GEO/podcast-icon.png) no-repeat -0px 1px;
}
.itunes-link{ 
  color: #fff;
  display: block;
  float: right;
  padding-left: 20px;
  padding-top: 2px;
  margin: -1px 17px 0 5px;
  padding-bottom: 2px;
  background:url(/images/GEO/itunes-icon.png) no-repeat;
}

/* Scroll Pager */
div.pags {
	position:relative;
	text-align:center;
	margin:auto;
	padding:0;
	width:560px;
	float:none;
	border:0px solid #999;
}

.selected {
	font-weight:bold;
}

ul.menuout {
	position:relative;
	left:0px;
	list-style-image:none;
	list-style-type:none;
	display:block;
	margin: 6px 0 0 0;
	padding:0;
	float:left;
}
ul.menuout li {
	float:left;
	display:block;
	margin:6px 2px 2px 2px;
	padding:0;
	cursor:pointer;
}

.pags a ,.pags a:visited {
	padding: 0 0;
	text-decoration: none;
    color: #443;
}

.spag {
	position:relative;
	margin:0;
	float:left;
	width:100%;    
}
#pager_position {
  margin-top: 15px;
  display: none;
}
#loader {
  text-align: center;
  margin: 25px 0;
  color: #666;
}
#loader  img{
  margin-bottom: 8px;
}
div.supermenu_paginado {
	overflow:hidden;
	position:relative;
	float:left;
	display:block;
}

div.supermenu_paginado ul  {
	position:relative;
	left:0px;
	list-style-image:none;
	list-style-type:none;
	display:block;
	width:10000px;
	margin:0;
}

div.supermenu_paginado li{
	float:left;
	display:inline;
	margin:2px 12px 2px 2px;
	padding:0;
}
.spag div.supermenu_paginado{
	width:62%;
}


div.supermenu_2 {
	overflow:hidden;
	position:relative;
	float:left;
	display:block;
}

div.supermenu_2 ul  {
	position:relative;
	list-style-image:none;
	list-style-type:none;
	display:block;
	width:10000px;
	margin:0;
	padding:0;
}

div.supermenu_2 li{
	float:left;
	display:inline;
	margin:2px 12px 2px 2px;
	padding:0;
}
.spag div.supermenu_2{
	width:91%;
}

* html .spag div.supermenu_2{  
 width:90%;
}  

img {
	border:0;
}
.imgsel{
	border:1px solid #999;
}

.list_link {
	font-weight: normal !important;
  font-size: 11px;
}
.list_link:hover{
	
}

.imageScroll { position:absolute; left:1px; top:28px; z-index:33; opacity:0.10;filter: alpha(opacity=10); -moz-opacity: 0.10; }

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

/* sidebar facebook widget */

.connect_button
{
	padding:0px;
	margin:0;
	width:135px;
	overflow:hidden;
}

.connect_top
{
	height:75px;
}

/* Sidebar Video*/
#videoCatapult a:hover{
	text-decoration:none;
}

/*
==============================================================
  index layout for GEO.de
  
  author: Jan-Eric Strohsal <strohsal.jan-eric@geo.de>
  last modified: 2005/07/06
==============================================================
*/
#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%;
}
#pixel_container {
  display: none;
}
/* 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;   
  overflow: hidden;
  z-index: 1;
  background:#fff;
  clear: both;
  
} 
#teaserStage div {  
  background:#fff;
} 
#teaserStage .teaserImg {
  float: left;
  margin-left: 13px;
  font-size: 76%;
  color: #bfbfbf;
}
#teaserNav {
  float: right;
  background:#fff;
  height: 30px;
  width: 150px;
  margin: 0 -16px -11px 0;
}
#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: 98%;
  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;
}
a.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 .teaserBoxL>h3, #left .shortTeaserBox .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 .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}













/*
==============================================================
  article layout for GEO.de
  
  author: Jan-Eric Strohsal <strohsal.jan-eric@geo.de>
  last modified: 2005/07/06
==============================================================
*/

.qhigh { background: #a8cd41; }

#article {
  padding: 18px 55px 15px 65px; 
}

#article ul.textliste {
  margin: -13px 0 15px 0;
}
#article ul.textliste li {
  list-style: url(/images/GEO/disc.png); 
  margin-left: 15px;
  margin-bottom: 10px;
}
#article ol {
  margin: -10px 0 15px 0;
}
#article ol li {
  list-style: decimal;
  margin-left: 45px;
}
#article dir li {
  list-style: url(/images/GEO/square.png);
  margin-left: 15px;
  line-height: 130%;
}
#article .addHeadline, #bday .addHeadline {
 float: left;
 font-size: 0.76em;
 margin: 0 0 15px -40px;
 border-left: 1px solid #999;
 padding: 0 0 0 5px;
 font-weight: bold;
}
#bday .addHeadline {
  margin: 0 0 15px 0;
}
#article .addHeadline .pageIndex, #bday .addHeadline .pageIndex {
  border: 1px solid #999; 
  border-top: none; 
  border-bottom: none;
  padding: 0 5px;
  margin-left: 2px;
  font-weight: normal;
}

/* === service box === */
#serviceBox, #socialBookmarkBox, #emailBox  {
  float: right;
  font-size: 82%;
  color: #666;
  margin-right: -40px;
  margin-top: -5px;
  position: relative;
  text-align: right;
}
#serviceBox {
  height: 20px;
  width: 140px;
}
#socialBookmarkBox, #emailBox {
  border: 1px solid #999;
  background: #f1f1f1;
  width: 250px;
  display: none;
  z-index: 1000;
  margin-right: 0 !important;
  left: 0;
  top: 5px;
  opacity:0.98;
  filter:alpha(opacity=98);
  text-align: left;
}
#socialBookmarkBox  .header, #emailBox  .header{
  padding: 4px 5px;
  background: #999;  
  color: #fff;
  font-weight: bold;
}
#socialBookmarkBox  .h4, #emailBox  .h4{
  float: left; 
}
.help, .closeTop {
  float: right; 
  cursor: help;
  margin-left: 6px;
}
.closeTop {
  cursor: pointer;
}
#socialBookmarkBox  ul{
  float: left;
  margin: 5px; 
  width: 114px;
}
#socialBookmarkBox  ul li a{
  color: #666; 
  display: block;
  padding: 4px 0 0 25px;
  height: 19px;
}
#socialBookmarkBox  .close, #emailBox  .close,  #emailBox  .send{
  margin: 0 0 5px 82px;
  padding: 2px 10px 3px 10px;
}
.helpBox {
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
  margin-bottom: 5px;
  padding: 5px;
}
#emailBox  .send{
  margin-left: 73px;
}
#responseContent {
  display: none;
  font-size: 11px;
  padding: 15px;
  text-align: center;
}
#closeMailBox {
  display: none;
  margin: 0 0 5px 70px;
}
#emailBox  form {
  margin: 10px;
  border: none;
}
#emailBox input , #emailBox textarea{
  margin-bottom: 5px;
  width: 226px;
}
#emailBox  #email , #emailBox  #emailLabel, #sendername_error, #sender_error, #recv_error, #recv_regex_error, #sender_regex_error { /* #email is the honeypot */
  display: none;
}
#sendername_error, #sender_error, #recv_error, #recv_regex_error, #sender_regex_error { 
  font-weight: bold;
  color: #c00;
  margin-bottom: -6px;
  margin-top: -3px;
}

.delicious { background-image: url("/images/GEO/bookmarks/delicious_over.gif"); background-repeat: no-repeat; }
.facebook { background-image: url("/images/GEO/bookmarks/facebook.gif"); background-repeat: no-repeat; }
.myspace { background-image: url("/images/GEO/bookmarks/myspace.gif"); background-repeat: no-repeat; }
.mister-wong { background-image: url("/images/GEO/bookmarks/mrwong_over.gif"); background-repeat: no-repeat; }
.linkarena { background-image: url("/images/GEO/bookmarks/linkarena_over.gif"); background-repeat: no-repeat; }
.furl { background-image: url("/images/GEO/bookmarks/furl_over.gif"); background-repeat: no-repeat; }
.google { background-image: url("/images/GEO/bookmarks/google_over.gif"); background-repeat: no-repeat; }
.oneview { background-image: url("/images/GEO/bookmarks/oneview_over.gif"); background-repeat: no-repeat; }
.yahoo { background-image: url("/images/GEO/bookmarks/yahoo_over.gif"); background-repeat: no-repeat; }
.live { background-image: url("/images/GEO/bookmarks/live_over.gif"); background-repeat: no-repeat; }

.yigg { background-image: url("/images/GEO/bookmarks/yigg_over.gif"); background-repeat: no-repeat; }
.digg { background-image: url("/images/GEO/bookmarks/digg_over.gif"); background-repeat: no-repeat; }
.folkd { background-image: url("/images/GEO/bookmarks/folkd_over.gif"); background-repeat: no-repeat; }
.tausendreporter { background-image: url("/images/GEO/bookmarks/tausendreporter_over.gif"); background-repeat: no-repeat; }
.technorati { background-image: url("/images/GEO/bookmarks/technorati_over.gif"); background-repeat: no-repeat; }
.shortnews { background-image: url("/images/GEO/bookmarks/shortnews_over.gif"); background-repeat: no-repeat; }
.stumbleupon { background-image: url("/images/GEO/bookmarks/stumbleupon_over.gif"); background-repeat: no-repeat; }
.webnews { background-image: url("/images/GEO/bookmarks/webnews_over.gif"); background-repeat: no-repeat; }

.pubDate {
  float: right;
  text-align: right;
  font-size: 0.76em;
  margin-right: -25px;
}
.issue {
  float: left;
  width: 80px;
  margin: 2px 15px 15px -40px;
}
.issue a, .out_of_stock {
  display: block;
  color: #666;
  font-size: 10px;
  font-weight: bold;  
}
.out_of_stock {
  font-weight: normal;  
}
.tocBoxLeft, .tocBoxRight, .relatedBoxSmallRight, .relatedBoxSmallLeft {
  width: 180px;
  font-size: 0.76em;
  border: 1px solid #999;
  padding-bottom: 5px;  
}
.tocBoxLeft, .relatedBoxSmallLeft {
  float: left;  
  margin: 4px 15px 10px 0;  
}
.tocBoxRight, .relatedBoxSmallRight {
  float: right;
  margin: 4px 0 10px 15px;  
}
.tocBoxRight .h2, .tocBoxLeft .h2, .relatedBoxSmallRight .h2, .relatedBoxSmallLeft .h2 {
  background: #999;
  height: 16px;
  padding: 1px 5px;
  color: #fff;
  font-weight: bold;
  font-size: 1.05em;
  text-transform: uppercase;
  margin-bottom: 4px;
}
.tocBoxRight li, .tocBoxLeft li, .relatedBoxSmallRight li, .relatedBoxSmallLeft li {
  text-indent: -10px;
  margin: 2px 3px 5px 15px;
}
.relatedBoxSmallRight a, .relatedBoxSmallLeft a {
  font-weight: bold;
}
.relatedBoxSmallRight h2, .relatedBoxSmallLeft h2 {
  font-size: 11px;
  margin-bottom: -10px !important;
}
.tocBoxRight .active, .tocBoxLeft .active {
  text-indent: -10px;
  margin-left: 15px;
  font-weight: bold;
}
.author {
  font-size: 0.76em;
  text-transform: uppercase;
}
#headerImg {
  font-size: 0.82em;
}
#headerImg img {
  margin-bottom: 5px;
}
/*#headerImg a {
  text-transform: uppercase;
}*/
#article h1, #fotoshow h1, .h1 {
  font-size: 20px; 
  line-height: 25px; 
  color: #333; 
  font-weight: normal;
  margin: 3px 0 7px 0;
}
h1.headlineFollowingPage {
  margin: -10px 0 20px 0 !important;
  font-size: 16px !important;
  clear: both;
}
#article h2.subHead, h3.subHead {
  font-size: 0.93em;
  font-weight: bold;
}
#article p {
  margin-bottom: 15px;
  line-height: 1.3em;
}
#ecardLinkContainer {
  padding: 3px 3px 5px 3px;
}
.ecardLink {
  float: left;
}
.ecardLink img {
  vertical-align: bottom;
  margin: 2px 0;
}
.ecardLink a {
  color:#fff;
  font-size: 76%;
  line-height: 170%;
  font-weight: bold;
}
.ecardLink a:hover {
  text-decoration: none;
}
.multipleMediaLeft {
  margin: 4px 15px 10px 0;
  float: left;
}
.multipleMediaRight {
  margin: 4px 0 10px 15px;
  float: right;
}
.multipleMediaCenter {
  clear: both;
  margin: 0 0 15px 0;
  text-align: center;
}
.media, audio {
  background: #ededed;
  margin: auto;
}
.videoBox {
  overflow: hidden;
  padding-top: -28px;
}
.videoBoxList {
  padding-top: 0;
}

.videoMediaDummy{
  display:none;
}

.flashmedia {
  padding: 4px;
  border: 1px solid #999;
}

.flashmedia_teaserpic{
  position:relative;
}

.flashmedia_teaserpic span{
  position:absolute;
  display:block;
  background-image:url(/images/GEO/play_layer.gif);
  width:200px;
  height:150px;
  background-position: 0px 0px;
}

.flashmedia_teaserpic span:hover {
  background-image:url(/images/GEO/play_layer_over.gif);
  cursor:hand  ;
}

.swfmedia {
  margin-left:35px;
}

.audio {
  border: 1px solid #999;
  margin: 4px 0 10px 15px;
}
.audio h2 {
  background: #999 url(/images/GEO/audio_s.gif) no-repeat; 
  height: 16px;
  font-size: 0.82em;
  color: #fff;
  font-weight: bold;
  padding: 1px 0 1px 28px;
}
.audio .content{
  padding: 4px;
  padding-top: 0;
}
.audio .content img{
  margin-top: 4px;
}
.multipleMediaRight>.flashmedia, .multipleMediaRight>.audio {
  margin-left: -11px;
}
.multipleMediaLeft object, .multipleMediaRight object, .multipleMediaCenter object {
  padding-top: 15px;
  background: #fff;
}
.mediaKnowledgeTest {
  border: 1px solid #999; 
  background: #fff; 
  padding: 0px 5px;
  margin-top: 15px;
  width: 200px;
  height: 35px;
  font-size: 0.76em;
  color: #999;
}

.downloadHint{
  visibility:hidden;
}

.close, .flashclose {
  background: #fff;
  float:left;
  text-align: center;
}
.close a, .flashclose a {
  display: block;
  float: right;
  color: #666;
  font-size: 0.82em;
  width: 90px;
  padding:2px 0 3px 0;
  border: 1px solid #999;
  background: #ededed;
  border-bottom: 0;
}
.flashclose a {
  background: #fff;
}
.close a:hover, .flashclose a:hover {
  text-decoration: none;
}
.enlarge {
  float: right;
  width: 9px;
  padding: 2px 0;
}
.credit {
  float: left;
  width: 91%;
  text-align: left;
  font-size: 0.76em;
  color: #999;
  padding: 2px;
  padding-top: 0;
  background: #efefef
}
.caption {
  text-align: left;
  font-size: 0.76em; 
  color: #333;
  clear: both;
  padding-top: 2px;
  font-weight:normal;
}
#article .caption {
  background: #fff;
}

/* ==== Google Maps ==== */
.mapContainerSmall {
  width: 250px;
  height: 300px;
  border: 1px solid #999;
  border-bottom: none;
  overflow: hidden;
}
.mapContainerLarge {  
  height: 350px; 
  width: 505px; 
  border: 1px solid #999;
  border-bottom: none;
  overflow: hidden;
}

.mapContainerLargest {  
  height: 500px; 
  width: 505px; 
  border: 1px solid #999;
  border-bottom: none;
  overflow: hidden;
}

.coordsContainer {
  padding: 3px; 
  background: #f1f1f1;
  border: 1px solid #999;
}
.coordsContainer ol {
  margin: 4px 0 2px -27px !important; 
}
.coordsContainer .caption {
  background: #f1f1f1 !important;
}
#coordsLightboxContent {
  display: none;
}
#TB_ajaxContent table {  
  font-size: 100%;
  text-align: right; 
  background: #f9f9f9;
  border: 1px #999 solid;
  border-collapse: collapse;  
}
#TB_ajaxContent td, #TB_ajaxContent th {
  padding: 3px;
}
.coordsLinkBox {
  border: 1px solid #999;
  border-bottom: none;
  margin-bottom: 20px;
}
.coordsLinkBox h4  {
  background: #dbdbdb;
  border-bottom: 1px solid #999;
  padding: 3px;
  font-size: 100%;
}
.coordsLinkBox .darkRow  {
  background: #ebebeb;
  border-bottom: 1px solid #999;
  padding: 3px;
  font-size: 100%;
}
.coordsLinkBox .brightRow  {
  background: #f9f9f9;
  border-bottom: 1px solid #999;
  padding: 3px;
}

/* ==== video popup ==== */
#fotoshow #mediaLargeBox {
  padding: 15px;
  border: 1px solid #999;
  margin: auto;
}
.video {
  margin: 10px;
}
.boxDefault, .boxClassic, .boxCat {
  padding: 15px 15px 0 15px;
  margin-bottom: 15px;
  width: 475px;
  border: 1px solid #7ba822;
  clear: both;
}
.boxClassic {
  border: 1px solid #999;
}
/* ==== related teaser styles ==== */
.relatedWrapper {
  clear: both;
  margin-bottom: 15px;
}
.relatedBox ul, .relatedBoxGrey ul, .relatedBox .contentKnowledgeTest, .relatedBoxGrey .contentKnowledgeTest {
  padding: 15px;
  padding-bottom: 0;
}
.relatedTravelInfo {
  margin: 12px 12px 5px 10px; 
  background: #f1c213
}
.relatedTravelInfo .teaserTxt {
  margin-left: 188px;
  color: #fff;
  height: 86px;
  font-size: 11px;
  padding-right: 3px;
}
.relatedTravelInfo .teaserTxt h3 {
  font-size: 14px;
  line-height: 24px;
}
.relatedTravelInfo .teaserTxt a {
  color: #fff;
}
.KnowledgeTestList{
  width:450px;
  float:left;
  padding-left:0px;
  margin-left:0px;
}

.KnowledgeTestList li{
  padding-left:0px;
  margin-left:0px;
  margin-bottom:15px;
  float:left;
  display:block;
  clear:both;
}

.KnowledgeTestList img{
  border-style:solid;  
  border-width:0px;
}

.KnowledgeTestList input{

}

.KnowledgeTestList div{
  width:60px;
  text-align:center; 
  float:left;
  border-style:solid;  
  border-width:1px;
  margin-right:15px;
}
 
 
.relatedBox .contentNoHeader {
  margin-top: -15px;
  padding: 15px 0 0 15px;  
}
.relatedBox .knowledgeTestResult {
  padding: 0 15px 15px 15px;
}
.relatedBox ul li, .relatedBoxGrey ul li {
  margin-bottom: 15px;
  width: 472px;  
}
.relatedBox ul li.advert, .relatedBoxGrey ul li.advert {
  padding: 0 0 4px 0;
  background: #ededed;
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
}
.relatedBox ul li .addTxt, .relatedBoxGrey ul li .addTxt {
  font-size: 82%;
}
.relatedBox h2, .relatedBoxGrey h2, .fotoBox h2 {
  color: #fff;
  font-size: 0.86em;
  padding: 3px;
}
.relatedBox .relatedImg, .relatedBoxGrey .relatedImg {
  float: left;
  width: 100px;
  margin-right: 10px;
}
.relatedBox .relatedTxt, .relatedBoxGrey .relatedTxt {
  float: right;
  width: 76%; 
}
.relatedBox .relatedTxtNoImg, .relatedBoxGrey .relatedTxtNoImg {
  float: left;
  width: 100%; 
}
.relatedBox .relatedTxt h3, .relatedBoxGrey .relatedTxt h3, .relatedBox .relatedTxtNoImg h3, .relatedBoxGrey .relatedTxtNoImg h3 {
  font-size: 0.96em;
}
.relatedBox .relatedTxt h3 a, .relatedBoxGrey .relatedTxt h3 a, .relatedBox .relatedTxtNoImg h3 a, .relatedBoxGrey .relatedTxtNoImg h3 a {
  color: #333;
}
.relatedBox .keywords {
  padding: 10px;  
}
.relatedBox .keywords  a{
  color: #666;  
}
/* ---- category depending related styles ---- */
/*grey */
.relatedBoxGrey {
  border: 1px solid #676767;
  border-top: none;
}
.relatedBoxGrey h2 {
  background: #999; 
  border-bottom: 1px solid #676767;  
  border-top: 1px solid #676767;
}
/*default*/
.relatedBox {
  border: 1px solid #7ba822;
  border-top: none;
}
.relatedBox h2 {
  background: #9c3; 
  border-top: 1px solid #7ba822;  
  border-bottom: 1px solid #7ba822;  
}


/* portfolio */ 
.fotoBox a.start, .fotoBox a.overview {
  display: block; 
  font-size: 93%;
  color: #333; 
}
.fotoBox a.start {
  float: left; 
  margin-left: 15px;
}
.fotoBox a.overview {
  float: right;
  text-align: right;
  margin-right: 15px;
}

#mainContent .fotoBox, #mainContent .fotoBoxOverview {
  border: 1px solid #999;
  margin-bottom: 15px;
  padding-bottom: 5px;
}
.fotoBoxOverview {
  padding-bottom: 0;
  margin-top: 25px;
}
.fotoBoxOverview  a:hover{
  text-decoration: none;
}
#mainContent .imgBar {
  padding-right: 0px;
  text-align: center;
  border-bottom: 1px solid #999;
  margin-bottom: 5px;
  width: 100%;
}
#mainContent .imgBar img {
  margin: 15px 7px 10px 7px;
}
#mainContent .fotoBoxOverview .imgBar {
  border-bottom: none;
  margin-bottom: 0;
}

/* ================ fotoshows ===================== */
a.startButton {
  color: #333;
  display: block;
  text-align: center;
  float:right;
  border:1px solid #999;
  padding: 3px 0;
  width: 505px;
  background: #ededed;
  font-weight: bold;
}
a.startButton:hover {
  text-decoration:none;
}
#fotoshow, #slideshow { 
  text-align: center;
  padding: 25px 37px;
  border-right: 1px solid #999;
  margin-bottom: -5px; 
  margin-top: -13px;
}
#slideshow { 
  padding: 30px 15px;
}
.backToArticle {
  text-align: left;
  font-size: 0.76em;
  margin: 10px 0 5px 0;
}
#imgLargeBox {
  position: relative;
  clear: both;
  margin: 15px 0;
  margin: auto;
  z-index: 1;
}

#imgLargeBox #prevNav {
  display: block;
  position: absolute;
  float: left;
  z-index: 5;
  background: url(/images/GEO/space.gif); 
}
#imgLargeBox #prevNav:hover, #imgLargeBox #nextNav:hover {
  text-decoration: none;
}
#imgLargeBox #prevNavBox {
  /*visibility: hidden;*/
  position: absolute; 
  float: left; 
  left: -20px; 
  width: 15px; 
  height: 150px;
  z-index: 1;
  background: url(/images/GEO/prev_large_bright.png);
}
#imgLargeBox #nextNav {
  float: left;
  left: 50%;
  display: block;
  position: absolute;
  z-index: 5;
  background: url(/images/GEO/space.gif); 
}

#imgLargeBox #nextNavBox {
  /*visibility: hidden;*/
  position: absolute; 
  float: right; 
  width: 15px; 
  height: 150px;
  z-index: 1;
  background: url(/images/GEO/next_large_bright.png);  
}
#imgLargeBox .credit {
  padding: 0;
}
#imgLargeBox .caption { 
  font-size: 0.83em;
}
#imgLarge {
  z-index: 1;
}
#imgLargeBox h1 {
  font-size: 14px !important;
  margin-bottom: 0 !important;
  text-align: left;
}

.imgNavi {
  width: 100%;
  border-top: 1px solid #999;
  padding: 5px 0;
  margin: 5px 0;
}
.imgNavi .thumbs img {
  margin: 0 7px;
}
.imgNavi .thumbs a:hover {
  text-decoration: none;
}
.thumbs {
  float: left;
  width: 720px;
  margin-bottom: 2px;
}
.imgNavi a img.active {
  opacity: .3;
  filter: Alpha(opacity=30);
}
.imgNavi .prev {
  float: left;
  width: 15px;
  margin: 0;
}
.imgNavi .next {
  float: right;
  width: 15px;
  margin: 0;
}
.imgIndex {
  border-top: 1px solid #999;
  margin-top: 0;
  padding-top: 5px;
  color: #000;
  font-size: 0.76em;
  clear: both;
  text-align: center;
}

/* ==== service bar ==== */
#serviceBar {
  clear: both;
  padding-top: 15px;
  text-align: center;
}
#serviceBar a {
  font-size: 0.76em;
  color: #666;
  margin-right: 8px;
  text-decoration: none;
}
#serviceBar a img {
  vertical-align: middle;
}

/* ==== picture contest ==== */
#picture_vote { 
  border: 1px solid #999;
  background: #ededed; 
  padding: 10px;
  margin-top: 15px;
}

/* ==== forum box ==== */
#article ul.threadList {
  padding-bottom: 15px; 
}
#article ul.threadList li {
  list-style: url(http://www.geo.de/forum/images/misc/navbits_start.gif); 
  margin: 0 0 2px 23px; 
}
#article ul.threadList li div {
  margin-left: 0;
  font-size:82%; 
  color:#666; 
}

/* ==== bubble tooltipp ==== */
.tool_tipp {
  /*background-color: #fff;*/
  /*background: url(http://www.strohsal.de/images/bg_1.gif);*/
  border-bottom: 1px dashed #000;
}
#bubble_tooltip{
	width:147px;
	position:absolute;
	display:none;
}
#bubble_tooltip .bubble_top{
	background-image: url('http://www.geo.de/images/GEO/bubble_top.gif');
	background-repeat:no-repeat;
	height:16px;	
}
#bubble_tooltip .bubble_middle{
	background-image: url('http://www.geo.de/images/GEO/bubble_middle.gif');
	background-repeat:repeat-y;	
	background-position:bottom left;
	padding-left:7px;
	padding-right:7px;
}
#bubble_tooltip .bubble_middle span{
	position:relative;
	top:-8px;
	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
	font-size:11px;
}
#bubble_tooltip .bubble_bottom{
	background-image: url('http://www.geo.de/images/GEO/bubble_bottom.gif');
	background-repeat:no-repeat;	
	height:44px;
	position:relative;
	top:-6px;
}

/* ==== social bookmarks styles ==== */
.bookmarkHorizLine{
  color: #BBBBBB; 
  background: #BBBBBB; 
  margin-bottom:5px;
  height:1px;
  padding:0px; 
  border-width:0px;
  clear:both;
}

#socialBookmarks{
  position:relative; margin-bottom:50px;
}

#socialBookmarks h3{
  padding-top:0px;
  padding-bottom:3px;
  margin:0px;
  font-size: 12px;
  font-weight: normal;
}
#socialBookmarks h3 a{
  color: #690;
}
.bookmark_links{ width:24px; height:20px; position:relative; float:left; background-repeat:no-repeat; text-indent:-20000px;}
.link_blinkList{ background-image:url(/images/GEO/bookmarks/blinklist.gif); }
.link_blinkList:hover{background-image:url(/images/GEO/bookmarks/blinklist_over.gif);}
.link_delicious{ background-image:url(/images/GEO/bookmarks/delicious.gif); }
.link_delicious:hover{background-image:url(/images/GEO/bookmarks/delicious_over.gif);}
.link_folkd{ background-image:url(/images/GEO/bookmarks/folkd.gif); }
.link_folkd:hover{background-image:url(/images/GEO/bookmarks/folkd_over.gif);}
.link_furl{ background-image:url(/images/GEO/bookmarks/furl.gif); }
.link_furl:hover{background-image:url(/images/GEO/bookmarks/furl_over.gif);}
.link_google{ background-image:url(/images/GEO/bookmarks/google.gif); }
.link_google:hover{background-image:url(/images/GEO/bookmarks/google_over.gif);}
.link_linkarena{ background-image:url(/images/GEO/bookmarks/linkarena.gif); }
.link_linkarena:hover{background-image:url(/images/GEO/bookmarks/linkarena_over.gif);}
.link_wong{ background-image:url(/images/GEO/bookmarks/mrwong.gif); }
.link_wong:hover{background-image:url(/images/GEO/bookmarks/mrwong_over.gif);}
.link_oneview{ background-image:url(/images/GEO/bookmarks/oneview.gif); }
.link_oneview:hover{background-image:url(/images/GEO/bookmarks/oneview_over.gif);}
.link_webnews{ background-image:url(/images/GEO/bookmarks/webnews.gif); }
.link_webnews:hover{background-image:url(/images/GEO/bookmarks/webnews_over.gif);}
.link_yahoo{ background-image:url(/images/GEO/bookmarks/yahoo.gif); }
.link_yahoo:hover{background-image:url(/images/GEO/bookmarks/yahoo_over.gif);}
.link_yigg{ background-image:url(/images/GEO/bookmarks/yigg.gif); }
.link_yigg:hover{background-image:url(/images/GEO/bookmarks/yigg_over.gif);}
.link_facebook{ background-image:url(/images/GEO/bookmarks/yigg.gif); }
.link_facebook:hover{background-image:url(/images/GEO/bookmarks/yigg_over.gif);}
.link_myspace{ background-image:url(/images/GEO/bookmarks/yigg.gif); }
.link_myspace:hover{background-image:url(/images/GEO/bookmarks/yigg_over.gif);}
	
  
/* Google Maps */
.gmnoprint h3, .coordsContainer h3 {
  font-size: 11px;
}
.coordsContainer h3 a {
  font-size: 10px;
  color: #690;
  font-weight: normal;
}
.coordsLinkBox  h3{
  font-size: 12px;
  margin: 3px;
}
/* ### Comment Box ### */
.commentButton {
  margin-bottom: 25px;
}
.commentButton h2 {
  font-size: 11px;
}
.commentBox{
  border:solid #cccccc;
  border-width:1px 0px 0px 0px;
  font-size:0.83em;
  padding-top:5px;  
  margin:0px;
  overflow: hidden;
}

.commentUser{
 padding-left:15px;
 background-image:url(/images/GEO/user_community.gif);
 background-repeat:no-repeat;
 background-position: 2px 1px;
 color:#333333;
 font-weight:bold;
 line-height:20px;
}

.commentBox p{
  padding:0px;
  margin:0px;
}
#article-discussion h3 {
  font-size: 14px;
  color: #666;
  margin: 0 0 10px 0;
}
#commentLeave{
  border:solid #cccccc;
  border-width:0px 0px 0px 0px;
  font-size:0.83em;
  margin-top:20px;
  padding-top:0px;
  padding-bottom:10px;
  margin-bottom:10px;
}

#commentForm span{
  padding-top:5px;
  padding-bottom:5px;
  display:block;
  font-size:0.83em;
  clear: both;
}

#commentForm fieldset{
  border:0px;
  text-align: left;
}

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

#commentFormSet legend{
  display:block;
  text-align:center;
  position:relative;
  float:left;
  padding-right:330px;
  font-weight:bold;
  color:#333333;
  padding-top:0px;
  padding-bottom:7px;
  padding-left:0px;
  margin-bottom:20px;
  * margin-left: -7px;
  font-size:12px;
  border:solid #cccccc;
  border-width:0px 0px 1px 0px;
}

#commentFormSet label{
  padding-top:3px;
  padding-bottom:3px;
}

#commentFormSet input{
  padding-left:3px;
  padding-right:3px;
  margin-right:12px;
  width:165px;
  border:1px solid #cccccc;
}

#commentFormSet textarea{
  padding-left:3px;
  padding-right:3px;
  margin-right:12px;
  border:1px solid #cccccc;
  font-size:1em;
  font-family:arial,verdana;
  width:456px;
  height:80px;
  margin-top:10px;
  margin-bottom:10px;
  overflow:auto;
  /*float:right;*/
}

#commentSuccess{
  display:none;
  font-weight:bold;
  color:#333;
}

#commentLink{
  background-image:url(/images/GEO/arrow_green.gif);
  background-repeat:no-repeat;
  padding-left:16px;
}
.commentBox .reportButton, .reportBox .close {
  float: right;
  cursor: pointer;
  font-weight: bold;
  background: #f1f1f1;
}
.reportBox .close {
  margin-top: -13px;
}
.commentBox .reportBox {  
  color: #333;
  background: #f1f1f1;
  margin-top: -5px;
  margin-bottom: 10px;
  padding: 5px;
}
.commentBox .reportBox  .formButton {
  border: 1px solid #999 !important;
  font-size: 1em;
}
.comment-head-info
{
	position:relative;
	float:left;
	padding-bottom:7px;
	padding-top:7px;
}

.comment-head-pager
{
	position:relative;
	float:right;
	padding-bottom:7px;
	padding-top:7px;
}

.comment-bottom-pager
{
	float:left;
	width:475px;
	padding-bottom:0px;
	padding-top:7px;
	border:solid #cccccc;
    border-width:1px 0px 0px 0px;
}

.comment-head-pager a,.comment-bottom-pager a
{
	padding-right:10px;
}

.comment-head-pager a.active,.comment-bottom-pager a.active
{
	font-weight:bold;
}	

/* #### Wissenstests #### */
#clock {
  border: 0;
  width: 14px;
}
#counterWrapper {
  height: 45px;
}
#msg {
  display: none;
}

/* ad-content */
#adContent {
  font: 0.96em Arial,Verdana,sans-serif;
}

/* Wetter & Klima Box */

#weatherClimateInfo {
  background:#fff;
  margin-bottom:15px;
  float:none;
}

#weatherClimateInfo a{
	color:#000;
	font-size:80%;
	color:#669900;
}

#weatherClimateInfo h4{
	padding-bottom:10px;
}

#weatherInfo {
  float:left;
  width:230px;
  padding: 10px;
  margin-top:2px;
  border-style:solid;
  border-left-width:0px;
  border-top-width:0px;
  border-bottom-width:0px;
  border-right-width:1px;
}

#climateInfo {
  width:230px;
  float:left; 
  margin-left:3px;
  padding: 10px;
  margin-top:2px;
}

#climateInfo select {
  width: 100px;
}

#climateInfo ul {
  width:230px;
  padding:3px; 
  margin-top:15px;
  padding-bottom:8px;
}

#climateInfo li{
  width:210px; 
  float:none;
  margin-bottom:15px;
  background-repeat:no-repeat;
  padding-left:25px;
  padding-top:4px;
}

/* Teaserstag XL */
#superCol {
    margin: -23px 0 -28px 0;
    padding: 10px 0 25px 0;
    border-right: 1px solid #999;    
  }  
  #loader {
    padding-top: 70px;
    width: 820px;
    text-align: center;
    background-color: #555 !important;
    margin: 45px 0 -5px -18px;
    border: none;
  }
  .loaderText {
    color: #fff;
  }
  #teaserStageXL {
    background-color: #555;
    overflow: hidden;
    margin-top: 25px;
    height: 480px;
    width: 805px;
    padding: 10px 0 0 20px;
    border-top: 2px solid #999;
    border-bottom: 2px solid #999;
    }
  #teaserStageXL .logo {
    float: left;
    margin: 0px 20px 0 0;
  }
  #teaserStageXL .h1, #teaserStageXL h2 {
    color: #fff;
    font-weight: normal;
  }
  #teaserStageXL .h1 {
    font-size: 18px;
    margin: 1px 0 5px 0;
  }
  #teaserStageXL h2 {
    font-size: 13px;
    width: 770px;
  }
  #teaserArea {
    display: none;
    margin-top: 15px;
  }
  #teaserArea #teaser {
    width: 592px;
    height: 375px;
    float: left;
  }  
  
  .teaserXL, .teaserM {
    position: relative;    
  }
  .teaserXL .moreIcon {
    display: block;
    position: relative;
    z-index: 2;
    top: -32px;
    left: 505px;
    width: 82px;
    height: 23px;
  }  
  .teaserXL .articleIcon {
    background-image: url(/images/GEO/mehr-article.png);
  }
  .teaserXL .articleIcon:hover {
    cursor: pointer;
    background-image: url(/images/GEO/natur/tiere/mehr-article-hover.png);
  }
  .teaserXL .videoIcon {
    background-image: url(/images/GEO/mehr-video.png);
  }
  .teaserXL .videoIcon:hover {
    cursor: pointer;
    background-image: url(/images/GEO/natur/tiere/mehr-video-hover.png);
  }
  .teaserXL .photoshowIcon {
    background-image: url(/images/GEO/mehr-photo.png);
  }  
  .teaserXL .photoshowIcon:hover {
    cursor: pointer;
    background-image: url(/images/GEO/natur/tiere/mehr-photo-hover.png);
  }
  .teaserXL .knowledgetestIcon {
    background-image: url(/images/GEO/mehr-knowledgetest.png);
  }
  .teaserXL .knowledgetestIcon:hover {
    cursor: pointer;
    background-image: url(/images/GEO/natur/tiere/mehr-knowledgetest-hover.png);
  }

  .teaserM .moreIcon {
    display: block;
    position: relative;
    z-index: 2;
    top: -28px;
    left: 147px;
    width: 27px;
    height: 23px;
  }  
  .teaserM .articleIcon {
    background-image: url(/images/GEO/icon-article.png);
  }  
  .teaserM .videoIcon {
    background-image: url(/images/GEO/icon-video.png);
  }  
  .teaserM .photoshowIcon {
    background-image: url(/images/GEO/icon-photo.png);
  }    
  .teaserM .knowledgetestIcon {
    background-image: url(/images/GEO/icon-knowledgetest.png);
  }  
  .teaserM h2 {  
    margin-top: -20px;
  }
  .teaserM .addHeadline {
    font-size: 9px !important;
  }
  .teaserXL .teaserTxt {
    position:absolute;
    bottom: 34px;
    left: 7px;
    z-index: 2;
    width: 465px;  
  }  
  .teaserXL h2 {
    padding-bottom: 2px;
  } 
  .teaserXL h2 a {
    color: #fff;
    font-size: 20px;
    line-height: 30px !important;
    background-color: #15A077;
    padding: 0 3px 2px 3px;
  } 
  .teaserXL h3 {
    padding: 0;
    border-left:  3px solid #15A077;
  }
  .teaserXL h3 span {
    color: #fff;
    font-size: 12px;
    line-height: 14px;
    background-color: #15A077;
    font-weight: normal;
    padding: 3px 0 1px 0;
  }
  .teaserXL:hover h3 {
     padding: 0;
     border-left:  3px solid #15A077;
  }
  .teaserXL:hover h2 a {
     opacity:.99;
  }
  .teaserXL:hover h3 span {
     opacity:.99;
  }
  .teaserXL img {
    position: relative;
    top: 0;
    z-index: 1;
  }
  .teaserXL .credit {
    background-color: #555;
    color: #ccc;  
    width:592px;
  }
  
  #teaserStageXL #nav {
    float: left;
    width: 213px;
    height: 349px;
    overflow: hidden;
  }
  #teaserStageXL #nav .navItem {
    display: block;
    padding-left: 33px;    
    margin-bottom: 16px;
    height: 106px;
    position: relative;
  }
  #teaserStageXL #nav .navItem h3 {
    font-weight: normal;
    font-size: 11px;
    position: absolute;
    bottom: 5px;
    left: 37px;
  }
  #teaserStageXL #nav .navItem h3 span {
    color: #cacaca;
    background-color: #555;
    opacity:.77;
  }
  #teaserStageXL #nav .navItem:hover h3 span {
    color: #fff; 
    opacity:.99;
  }
  #teaserStageXL #nav .navItem:hover {
    background: #555 url('/images/GEO/natur/tiere/arrow-ghost.png') 4px 0 no-repeat;
    /*background: #555 url('/images/GEO/natur/tiere/arrow-ghost-small.png') 3px 35px no-repeat;*/
    text-decoration: none;
    cursor: pointer;
  }
  #teaserStageXL #nav .activeSlide {    
    background: #555 url('/images/GEO/natur/tiere/arrow-active.png') 4px 0 no-repeat !important;
    /*background: #555 url('/images/GEO/natur/tiere/arrow-active-small.png') 3px 35px no-repeat !important;*/
  }
  #teaserStageXL #nav .activeSlide h3 span {
    color: #fff;
    background-color: #15A077;
  }