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

.qhigh { background: #a8cd41; }

/* blacjk hyperlinks */ 
.tocBoxLeft a, .tocBoxRight a, #pager a {
  color: #000;
}

#article ul.textliste {
  margin: -13px 0 15px 0;
}
#article {
  padding: 15px 58px 15px 70px; 
  font-size: 0.93em;
}
#article>ul.textliste {
  margin-bottom: 20px;
}
#article ul.textliste li {
  list-style: url(http://www.geo.de/images/GEO/disc.png); 
  margin-left: 15px;
  margin-bottom: 10px;
}
#article ol{
  margin-bottom: 15px;
}
#article ol li {
  list-style: decimal;
  margin-left: 20px;
}
#article dir li {
  list-style: url(http://www.geo.de/images/GEO/square.png);
  margin-left: 15px;
  line-height: 130%;
}
#article .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;
}
#article .addHeadline .pageIndex {
  border: 1px solid #999; 
  border-top: none; 
  border-bottom: none;
  padding: 0 5px;
  margin-left: 2px;
  font-weight: normal;
}
.pubDate {
	float: right;
	font-size: 0.76em;
}
#article .issue {
  float: left;
  width: 80px;
  margin: 2px 15px 15px -40px;
}
#article .issue a {
  display: block;
  color: #666;
  font-size: 10px;
  font-weight: bold;  
}
.tocBoxLeft, .tocBoxRight, .relatedBoxSmallRight, .relatedBoxSmallLeft {
  width: 180px;
  font-size: 0.76em;
  border: 1px solid #999;
  padding-bottom: 5px;
}
.tocBoxLeft, .relatedBoxSmallLeft {
  float: left;  
  margin: 4px 15px 7px 0;  
}
.tocBoxRight, .relatedBoxSmallRight {
  float: right;
  margin: 4px 0 7px 15px;  
}
.tocBoxRight h2, .tocBoxLeft h2, .relatedBoxSmallRight h2, .relatedBoxSmallLeft h2 {
  background: #999;
  height: 16px;
  padding: 1px 5px;
  color: #fff !important;
  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 2px 15px;
}
.tocBoxRight .active, .tocBoxLeft .active {
  text-indent: -10px;
  margin-left: 15px;
  font-weight: bold;
}
.author {
  font-size: 0.76em;
  text-transform: uppercase;
}
#article h1 {
	font-size: 26px; 
	line-height: 28px; 
	margin: 7px 0;
}
#article .subHead {
  font-size: 1.1em;
  font-weight: bold;
}
#article .contentKnowledgeTest .subHead {
  font-size: 0.93em;
}
#article p {
  margin-bottom: 15px;
  line-height: 1.4em;
  font-size: 0.93em;
}
.intro {
  margin: 5px 0 20px 0;
  line-height: 1.3em; 
  font-size: 0.93em;
  font-weight: normal;
  color: #6d6d6d !important;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
.ecardLink {
  float: left;
}
.ecardLink img {
  vertical-align: bottom;
  margin: 2px 0;
}
.ecardLink a {
  color:#666;
  font-size: 76%;
  line-height: 150%;
}
.media {
  background: #ededed;
  margin: auto;
}
.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 {
  background: #fff;
  border: 1px solid #999;
  margin: 0 0 10px 15px;
}
.audio h2 {
  background: #999 url(http://www.geo.de/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: -8px;
}
.multipleMediaLeft object, .multipleMediaRight object, .multipleMediaCenter object {
  padding-top: 15px;
  background: #fff;
}
.multipleMediaLeft {
  margin: 4px 15px 10px 0;
  float: left;
}
.multipleMediaRight {
  margin: 4px 0 10px 15px;
  float: right;
}
.multipleMediaCenter {
  margin: 0 0 15px 0;
  text-align: center;
}
.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: 92%;
  text-align: left;
  font-size: 0.76em;
  color: #999;
  padding: 2px;
  padding-top: 0;
}
.caption {
  text-align: left;
  font-size: 0.76em; 
  color: #333;
  clear: both;
  padding-top: 2px;
}
#article .caption {
  background: #fff;
}

/* ==== Google Maps ==== */
.mapContainerSmall {
  width: 200px;
  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;
}
.coordsContainer {
  padding: 3px; 
  background: #f1f1f1;
  border: 1px solid #999;

}
.coordsContainer ol {
  margin: 4px 0 2px 0px !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;
}
#videoPopup {
	background: #ededed;
	margin: 0;
}
.video {
	margin: 10px;
}
.boxDefault, .boxClassic, .boxCat {
  padding: 15px 15px 0 15px;
  margin-bottom: 15px;
  border: 3px solid #9c3;
}
.boxClassic {
  border: 3px solid #999;
}

.videoMediaDummy{
  display:none;
}

/* ==== related teaser styles ==== */
.relatedWrapper {
  clear: both;
  margin-bottom: 15px;
}
.relatedBox ul {
  padding: 15px;
  width: 475px;
  padding-bottom: 0;
}
.relatedBox .contentKnowledgeTest {
  padding: 15px;
}
.relatedBox ul li {
  margin-bottom: 15px;
}


.relatedLinklist {
  margin-bottom: 25px;
}
.relatedLinklist ul li {
  margin-bottom: 15px;
  width: 507px;  
}
.relatedLinklist .subHead {
  margin-bottom: 15px;
}


.relatedBox h2, .fotoBox h2 {
  color: #fff !important;
  font-size: 0.93em;
  padding: 3px 5px;
}
.relatedBox .relatedImg,
.relatedLinklist .relatedImg {
  float: left;
  width: 100px;
  margin-right: 10px;
  margin-top: 2px;
}
.relatedBox .relatedTxt, .relatedBox .relatedTxtNoImg {
  font-size: 93%;
  float: right;
  width: 76%; 
}
.relatedLinklist .relatedTxt {
  float: right;
  width: 390px; 
}
.relatedBox .relatedTxt img {
  vertical-align: text-top;
  margin-top: 1px;
}
.relatedBox .relatedTxt h3 a,
.relatedBox .relatedTxtNoImg a,
.relatedBoxGrey .relatedTxtNoImg h3 a,
.relatedLinklist .relatedTxt h3 a,
.relatedLinklist .relatedTxtNoImg h3 a {
  font-size: 86%;
  color: #333;
}
.relatedBox .relatedTxtNoImg {
  float: left;
  width: 100%; 
}
.relatedBox .keywords{
  padding: 10px 15px; 
  font-size: 11px;
}
/* medium teaser styles */
.teaserM {
  float: left;
  margin: 25px 30px 0 37px !important;
  width: 182px;
  line-height: 130%;
}
.teaserM h2, .teaserM h2 a {
  font-size: 105% !important;
  color: #333;
  margin: 3px 0 !important;
  margin-bottom: 6px !important;
  background: none !important;
  border: none !important;
}

.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: 3px solid #9c3;
  margin-bottom: 15px;
  padding-bottom: 5px;
}
.fotoBoxOverview {
  padding-bottom: 0;
  margin-top: 25px;
}
#mainContent .imgBar {
  padding-right: 0px;
  text-align: center;
  border-bottom: 3px solid #9c3;
  margin-bottom: 5px;
  width: 100%;
}
#mainContent .imgBar img {
  margin: 15px 7px 10px 7px;
}
#mainContent .fotoBoxOverview .imgBar {
  border-bottom: none;
  margin-bottom: 0;
}

/* ================ fotoshows ===================== */
#fotoshow { 
  text-align: center;
  padding: 25px 37px;
  margin-bottom: -5px; 
}
.backToArticle {
  text-align: left;
  font-size: 0.76em;
}
#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;
}
.imgNavi {
  width: 100%;
	border-top: 1px solid #999;
	padding: 5px 0;
	margin: 5px 0;
}
.imgNavi .thumbs img {
  margin: 0 7px;
}
.thumbs {
  float: left;
  width: 719px;
  margin-bottom: 2px;
}
.imgNavi img.active {
  -moz-opacity: 0.30;
  opacity: 0.30;
  filter: Alpha(opacity=30);
}
.imgNavi .prev {
  float: left;
  width: 15px;
  margin: 0;
}
.imgNavi .next {
  float: right;
  width: 15px;
  margin: 0;
}
.imgNavi a:hover, .imgNavi a:hover {
  text-decoration: none;
}
.imgIndex {
  border-top: 1px solid #999;
  margin-top: 2px;
  padding-top: 5px;
  color: #000;
  font-size: 0.76em;
  clear: both;
  text-align: center;
}

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

/* ==== service bar ==== */
#serviceBar {
  padding-top: 5px;
  width: 120%;  
  text-align: center;
}
#serviceBar a {  
  display: block;
  float: left;
  color: #000;
  height: 26px;
  padding-left: 28px;
  vertical-align: bottom;
  font-size: 0.76em;
  margin-right: 16px;
  text-decoration: none;
  padding-top:3px;
}
#serviceBar a:hover {
  text-decoration: underline;
}

/* ==== social bookmarks styles ==== */

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

#socialBookmarks p{
  padding-top:0px;
  padding-bottom:3px;
  margin:0px;
}


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



/* ### Comment Box ### */

#form_show{
	display:none;
}

.commentBox{
  border:solid #cccccc;
  border-width:1px 0px 0px 0px;
  font-size:0.83em;
  padding-top:5px;  
  margin:0px;
}

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

#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;
	font-weight:bold;
}

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

#allVideosTeaser {
  display: none;
}
.gmapBubbleContent  {
  font-size: 12px;
  height: auto;
  margin-top: 10px;
}
.gmapBubbleContent td  {
  font-size: 10px;
}