/* Stylesheets | Seitenaufbau */
/* ----------------------------------------------------------------------------------------|
|
|
|  Import, HTML-Tags, Allgemeine Klassen, Seitenaufbau & Hauptelemente, PopUp, Reddot-Elemente
|  01.02.2011 13:30:29  
|
|
|---------------------------------------------------------------------------------------- */
@import "elements.css";
@import "article.css"; 
@import "navigation.css";
@import "form.css";
@import "modules.css";
@import "custom.css";
@import "../../css.css"; 
/* -------------------------------------------------------------------------------------- */
body {
 color: #333;
 background-color: #EEE;
 margin: 0px;
 padding: 0px;
 font-family: Arial, Helvetica, sans-serif;
 text-align: center;
 background-image: url(../../images/structure/bg_body.jpg);
 background-position: left top;
 background-repeat: repeat-x;
}
a {
 color: #333;
}
label, 
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit] {
 cursor: pointer;
}
/* -------------------------------------------------------------------------------------- */
/* Allgemeine Klassen */ 
.clear {
 clear: both;
 height: 0px;
 margin: 0px;
 padding: 0px;
 border: none;
 display: inline;
} 
div.clear {
 clear: both;
 height: 1px;
 margin: 0px;
 padding: 0px;
 border: none;
 display: block;
 overflow: hidden;
}
br.clear {
 clear: both;
 height: 1px;
 margin: 0px;
 padding: 0px;
 border: none;
 display: inline;
}
/* -------------------------------------------------------------------------------------- */
/* #wrapper */  /* alles-umschliessender Container */
#wrapper {
 margin: 0 auto;
 padding: 0;
 text-align: left;
 background-color: transparent;
 color: #333;
 width: 760px;
 }
 
/* -------------------------------------------------------------------------------------- */
/* navAcess */ /* liegt ausserhalb des Sichtfeldes ... und wird bei :focus sichtbar */
.navAccessContent,
.navAccessMainNavigation,
.navAccessNavigation,
.navAccessSearch {
  position: absolute;
  top: -10000px;
  left: -10000px;
  height: 1px;
  width: 1px;
}
a:focus.navAccessContent, a:hover.navAccessContent, a:active.navAccessContent,
a:focus.navAccessMainNavigation, a:hover.navAccessMainNavigation, a:active.navAccessMainNavigation,
a:focus.navAccessNavigation, a:hover.navAccessNavigation, a:active.navAccessNavigation,
a:focus.navAccessSearch, a:hover.navAccessSearch, a:active.navAccessSearch {
  position: absolute;
  display: block;
  top: 5px;
  left: 5px;
  height: auto;
  width: auto;
  font-size: 0.7em;
  color: #333;
  text-decoration: none;
  white-space: nowrap;
  background-color: #fff;
  padding: 5px;
}
/* -------------------------------------------------------------------------------------- */
/* #main */ /* Container fuer Head, 3 Spalten und Footer */
#main {
 width: 760px !important; /* alle browser */
 width /**/:760px; /* win ie 5 & 5.5 */
 margin: 0px;
 padding: 0px;
 border: 0px;
 background-color: #fff;
}
/* -------------------------------------------------------------------------------------- */
/* #head */
#head {
 margin: 0;
 padding: 0;
 width: auto !important; /* alle browser */
 width /**/:60px; /* win ie 5 & 5.5 */
 background-color: transparent;
}
/* -------------------------------------------------------------------------------------- */
/* #topBar */ /* umschliesst #logo und #navMeta */
#topBar {
 width: auto !important; /* alle browser */
 width /**/:760px; /* win ie 5 & 5.5 */
 height: 30px;
 border: 0px;
 margin: 0px;
 padding: 0px;
 border-bottom: 1px solid #D7D7DA; 
}
/* -------------------------------------------------------------------------------------- */
/* #domain */
#domain {
 border: 0px;
 margin: 0px;
 float: left;
 padding: 8px 0 0 14px; 
}
#domain a {
 border: 0px;
 margin: 0px;
 padding: 0px;
 text-decoration: none; 
 font-weight: bold;
 color: #86878F;
 font-size: 0.75em; 
}
/* -------------------------------------------------------------------------------------- */
/* #navMeta */
#navMeta {
 width: 490px; /* Achtung: Breite muss angepasst werden */
 height: 30px;
 margin: 0px;
 padding: 0px;
 border: 0px solid #000;
 font-size: 0.7em;
 color: #999;
 float: right;
}
#navMeta ul {
 margin: 0px;
 padding: 0px;
 width: auto;
 list-style-type: none;
 line-height: 1.0em;
 border: 0px solid #000;
 float: right;
}

#navMeta ul li {
 margin: 0px 5px 0px 10px;
 padding: 10px 5px 0px 5px;
 border-left: 1px solid #999;
 float: left;
}
#navMeta ul li a {
 text-decoration: none;
 color: #999;
}
#navMeta ul li a:hover {
 text-decoration: none;
 color: #333;
}
/* -------------------------------------------------------------------------------------- */
/* #picBar */
#picBar {
 height: 150px;
 width: 760px;
 margin: 0px;
 padding: 0px;
 border-bottom: 1px solid #FFF;
}
#picBar a, #picBar img {
 margin: 0;
 padding: 0;
 border: 0;
}
#picLarge {
 margin: 0;
 padding: 0;
 border: 0;
 border-right: 1px solid #FFF;
 float: left;
}
#picSmall {
 margin: 0;
 padding: 0;
 border: 0;
 float: left;
}
/* -------------------------------------------------------------------------------------- */
/* #navBar */
#navBar {
 width: 760px;
 margin: 0px;
 padding: 0px;
}
#navMain {
 width: 578px !important; /* alle Browser */
 width /**/:579px; /* Windows IE 5 & 5.5 */
 margin: 0px;
 padding: 0px;
 background-color: #E7E6E6;
 border-right: 1px solid #FFF;
 float: left;
}
#navBar #navMain ul {
 margin: 0px;
 padding: 0px;
 width: 100%;
 list-style-type: none;
 border: 0px solid #000;
}
/* Hauptnavigation PortalDEU */ /* Breiten muessen manuell zugewiesen werden */
#portalDEU #navBar #navMain ul #navdestination {
 width: 156px;
 border-left: 0px;
 border-bottom: 3px solid #F15B4E;
}
#portalDEU #navBar #navMain ul #navculture {
 width: 116px;
 border-bottom: 3px solid #0089CF;
}
#portalDEU #navBar #navMain ul #navnature {
 width: 142px;
 border-bottom: 3px solid #0DB14B;
}
#portalDEU #navBar #navMain ul #navinfocenter {
 width: 78px;
 border-bottom: 3px solid #FFD400;
}
#portalDEU #navBar #navMain ul #navabout {
 width: 78px !important; /* alle Browser */
 width /**/:86px; /* Windows IE 5 & 5.5 */
 border-right: 0px;
 border-bottom: 3px solid #999;
}
/* Hauptnavigation PortalENG */ /* Breiten muessen manuell zugewiesen werden */
#portalENG #navBar #navMain ul #navdestination {
 width: 136px;
 border-left: 0px;
 border-bottom: 3px solid #F15B4E;
}
#portalENG #navBar #navMain ul #navculture {
 width: 110px;
 border-bottom: 3px solid #0089CF;
}
#portalENG #navBar #navMain ul #navnature {
 width: 168px;
 border-bottom: 3px solid #0DB14B;
}
#portalENG #navBar #navMain ul #navinfocenter {
 width: 84px;
 border-bottom: 3px solid #FFD400;
}
#portalENG #navBar #navMain ul #navabout {
 width: 72px !important; /* alle Browser */
 width /**/:80px; /* Windows IE 5 & 5.5 */
 border-right: 0px;
 border-bottom: 3px solid #999;
}
#navBar #navMain ul li {
 line-height: 1.7em;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 text-align: center;
 border-top: 0px solid #FFF;
 border-left: 1px solid #FFF;
 border-right: 1px solid #A1A1A1;
 border-bottom: 3px solid #999;
 float: left;
}
#navBar #navMain ul li a {
 text-decoration: none;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 width: 100%;
 height: 100%;
 border: 0px;
 display: block;
 font-size: 0.72em;
 font-weight: bold;
}
#navBar #navMain a:hover { 
 text-decoration: none;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 width: 100%;
 height: 100%;
 border: 0 0 0 0;
 background-color: #D6D5D5;
}
/* Farbzuweisungen fuer PortalDEU und PortalENG */ 
#navBar #navMain ul #navdestination a:hover,
#destination #navBar #navMain ul #navdestination a,
#destination #navSearch,
#destination #navSearchExt,
#destination #navSearchExtQuery {
 background-color: #F8D7CB;
}
#navBar #navMain ul #navculture a:hover,
#culture #navBar #navMain ul #navculture a,
#culture #navSearch ,
#culture #navSearchExt,
#culture #navSearchExtQuery {
 background-color: #C6D9F4;
}
#navBar #navMain ul #navnature a:hover,
#nature #navBar #navMain ul #navnature a,
#nature #navSearch ,
#nature #navSearchExt,
#nature #navSearchExtQuery {
 background-color: #D1E6C2;
}
#navBar #navMain ul #navinfocenter a:hover,
#infocenter #navBar #navMain ul #navinfocenter a,
#infocenter #navSearch ,
#infocenter #navSearchExt,
#infocenter #navSearchExtQuery {
 background-color: #FFF1AE;
}
#navBar #navMain ul #navabout a:hover,
#about #navBar #navMain ul #navabout a,
#about #navSearch ,
#about #navSearchExt,
#about #navSearchExtQuery {
 background-color: #D6D5D5;
}
/* nur Opera */
@media screen and (min-width: 550px){
 #navBar #navMain ul li { height: 27px; }
 #navBar #navMain ul li { line-height: 1.6em; }
 #navBar #navMain ul li { padding: 0px 0px 0px 0px; }
 #navBar #navMain ul li a { font-size: 0.71em; }
 #navBar #navMain ul li a { height: 27px; }
 #navBar #navMain ul li a:hover { height: 27px; }
}
/* -------------------------------------------------------------------------------------- */
#navSearch {
 width: 181px;
 height: 30px;
 margin: 0px;
 padding: 0px;
 background-color: #D6D5D5;
 float: left;
}
#navSearch form {
 margin: 0px;
 padding: 0px;
 border: 0px;
}
#navSearch .txt {
 height: 17px;
 width: 110px;
 padding: 0px 0px 0px 2px;
 margin: 5px 5px 0 10px;
 border: 1px solid #999;
 background-image: url(../../images/structure/bg_input.gif);
 background-repeat: no-repeat;
 font-size: 0.75em;
 _line-height: 1.5em;
 line-height: 1.5em;
}
/* nur Opera */
@media screen and (min-width: 550px){
   #navSearch .txt { height: 20px; }
}
#navSearch .btn {
 width: 25px;
 border: 1px solid #999;
 margin: 0px;
 padding: 0px 0 1px 0;
 background-image: url(../../images/structure/bg_submit.gif);
 background-repeat: no-repeat;
 background-position: left top;
 color: #333;
 font-size: 0.7em;
 font-weight: bold;
}
/* nur Opera */
@media screen and (min-width: 550px){
   #navSearch .btn { height: 20px; }
}
/* -------------------------------------------------------------------------------------- */
/* #navSearchExt */
/* erweiterte Suche - sichtbar auf MouseOver */
#navSearchExt,
#navSearchExtQuery {
 width: 181px;
 height: 150px;
 float: right;
 margin: 0;
 padding: 0;
 font-size: 0.7em;
 color: #333;
 display: none;
 background-color: #D6D5D5; 
 top: 106px;
 _top: 109px;    
 left: auto;
 position: absolute;
}
#navSearchExt h2,
#navSearchExtQuery h2 {
 padding: 0px;
 margin: 10px 10px 0 10px;
 font-weight: bold;
 font-size: 1.0em;
 display: block;
}
#navSearchExt fieldset {
 margin: 5px 0 0 0;
 _margin: 0;
 padding: 3px 10px 0 10px;
 border: 0px solid #D6D5D5;
 display: block;
}
#navSearchExt fieldset input {
 padding: 0 0 0 0;
 margin: 0 4px 0 0;
 _margin: 0 2px 0 -4px;
 text-align: left;
 display: inline;
 width: auto;
}
#navSearchExt fieldset label {
 padding: 0;
 margin: -1.8em 0 0 0px;
 display: inline;
 width: auto;
 line-height: 1.8em;
}
#searchQueryContainer {
 padding: 5px 7px 0 11px;
}
#searchQueryContainer span {
 display: block; 
 text-align: center;
}
/* -------------------------------------------------------------------------------------- */
#bottomBar {
 height: 25px;
 margin: 0px;
   padding: 0px;
 border: 1px solid #000;
}
/* -------------------------------------------------------------------------------------- */
/* #content */
#content {
 height: 100%;
 height /**/:auto; /* Windows IE 5 & 5.5 */
 margin: 25px 5px 0px 5px;
 padding: 0px;
 border: 0px solid #000;
}
/* -------------------------------------------------------------------------------------- */
/* #leftCol */
#leftCol {
 width: 175px;
 height: auto;
 padding: 0px;
 margin: 0px 0px 0 0px;
 border: 0px;
 font-size: 0.7em;
 text-align: left;
 float: left;
 overflow: hidden;
}
/*#middleCol */
#middleCol {
 width: 369px; /* Mac IE 5 */
 height: auto;
 padding: 0px;
 margin: 0px 14px 0 14px; /* Mac IE 5 */
 border: 0px;
 text-align: left;
 font-weight: normal;
 float: left;
 overflow: hidden;
}
/* Mac IE Workaround */ 
/* vor Mac IE verbergen \*/
#middleCol {
 width: 370px; /* alle Browser */
 margin: 0px 15px 0 15px; /* alle Browser */
}
#middleCol { 
 width: 370px; /* alle Browser */
 margin: 0px 15px 0 15px; /* alle Browser */
}
/* Ende Workaround */
/* -------------------------------------------------------------------------------------- */
/* #rightCol */
#rightCol {
 width: 175px;
 height: auto;
 /* \*/
 _height: 1%;
 /* */
 padding: 0px;
 margin: 0px 0px 0 0px;
 border: 0px;
 font-size: 0.71em;
 text-align: left;
 float: left;
 overflow: hidden;
}
/* -------------------------------------------------------------------------------------- */
/* .htmlButton */
.htmlButton .mainBox {
 overflow: hidden;
}

/* -------------------------------------------------------------------------------------- */
/* #footer */
#footer {
 padding: 0px;
 margin: 0px;
 height: 75px;
 font-size: 0.6em;
 background-position: left;
 background-repeat: no-repeat;
 background-color: #EEEEEE;
 text-align: center;
 background-image: url(../../images/structure/bg_footer_shd.jpg);
 background-position: left top;
 background-repeat: no-repeat;
}
/* -------------------------------------------------------------------------------------- */
#copyright {
 padding: 22px 0 0px 0px;
 color: #666;
 font-size: 1.1em;
 border: 0px solid #000;
}
#copyright span a {
 margin: 2px 0 0 0;
 padding: 0;
 text-decoration: none;
 color: #aaa;
}
/* -------------------------------------------------------------------------------------- */
#pageInfo {
 display: none;
}
/* -------------------------------------------------------------------------------------- */
#skyscraper {
 margin: 30px 0 0 15px;
 padding: 0;
 width: 120px;
 height: 600px;
 float: left;
 display: none;
}
/* -------------------------------------------------------------------------------------- */
/* popUp */ /* Extra-Anweisungen für PopUp-Windows  */
#popUp {
 background-image: url(../../images/structure/bg_body.jpg);
 background-position: left top;
 background-repeat: repeat-x;
}
#popUp #wrapper {
    width: auto;
    margin: 0 20px 0 20px;
}
#popUp #middleCol {
    margin: 0 0 0 20px;
    _margin: 0 0 0 10px;
     width: auto;
}
#popUp #content {
    width: auto;
    margin: 20px 10px 0 5px;
}
#popUp .logo {
  text-align: right;
}
#popUp .popClose {
 float: right;
 border: 0px;
 margin: 0px;
 padding: 8px 12px 0 14px;
 text-decoration: none; 
 color: #86878F;
 font-size: 0.75em;
}
#popUp .popClose a {
 color: #86878F;
 background-image: url(../../images/structure/btn_cc_close.gif);
 background-repeat: no-repeat;
 background-position: right;
 display: block;
 padding-right: 20px;
 line-height: 1.3em;
}
#popUp #content .article {
    width: 370px;
}
#popUp #main {
 width: auto !important; /* alle browser */
 width /**/:auto; /* win ie 5 & 5.5 */
}
#popUp #topBar {
 width: auto !important; /* alle browser */
 width /**/:auto; /* win ie 5 & 5.5 */
 height: 30px;
}
#popUp #navMeta {
 width: 120px;
 height: 45px;
}
#popUp #copyright {
 width: auto;
 padding: 15px 0 5px 45px;
}
#popUp #footer {
 background-image: none;
}
/* -------------------------------------------------------------------------------------- */
/* reddot */ /* Span-Klasse fuer RedDots und RedDot-Text  */
.reddot, #smartEditorOpen, #smartEditorClosed {
 color: #FA0404;
 font-size: 11px;
 font-weight: normal;
 text-align: left;
}
/* #smartEditorOpen */ /* Oeffnet sich ueber der #picBar */
#smartEditorOpen {
 margin: 0 0 0 0;
 margin-top: -150px;
 padding: 10px 0 0 15px;
 width: 562px;
 height: 140px;
 background-color: #fff;
 font-size: 0.7em;
 filter:Alpha(Opacity=96);
}
#smartEditorOpen .area {
 width: 155px;
 height: 135px;
 float: left;
 margin: 0 5px 0 5px;
}
#smartEditorOpen .area h1 {
 margin: 0 0 2px 0;
 padding: 0;
 font-size: 1em;
 display: block;
 width: 95%;
 border-bottom: 1px solid #ccc;
}
#smartEditorOpen .area #freepages{
 overflow: auto;
 height: 120px;
 width: 150px;
}
/* #smartEditorClosed */
#smartEditorClosed {
 margin: 0 0 0 0;
 margin-top: -35px;
 * margin-top: -45px;
 _margin-top: -35px;
 padding: 10px 0 0 15px;
 width: 200px;
 height: 25px;
 background-color: #fff;
 font-size: 0.7em;
 filter:Alpha(Opacity=96);
}
/* -------------------------------------------------------------------------------------- */
/* Zusatz-Quelltext fuer ImagePools */
#imagePoolL {
 width: 12px;
 height: 12px;
 background-color: #FFF;
 padding-left: 565px;
 float: left;
}
#imagePoolR {
 width: 12px;
 height: 12px;
 background-color: #FFF;
 padding-left: 165px;
}
/* -------------------------------------------------------------------------------------- */
/* Fullsize ImagePools */
#fullHead {
 padding: 0;
 margin: 0;
 display: block;
 float: left;
}
/* -------------------------------------------------------------------------------------- */
/* Lupenfunktion */
.lupe {
    border:3px solid #ddd;
    display: none;
}
.lupe img {
    border: none;
}
#countryside {
    position: relative;
}
#countryside a:hover .lupe,
#countryside a:focus .lupe {
    display: block;
}
#countryside a:hover #countrysideLupe {
    position: absolute;
    top: -340px;
    left: -300px;
    height: auto;
    width: auto;
    margin: 0px;
    padding: 0px;
}