/* CSS Document */
/* start CSS-Import */
@import "navigation.css";
@import "article.css";
@import "custom.css";
@import "elements.css";
/* end CSS-Import */
/* define HTML-Tags */

/*
body {
 color: #333;
 background : url(null) fixed no-repeat;
 background-color: #EEE;
 margin: 0px;
 padding: 0px;
 font-family: Arial, Helvetica, sans-serif;
 text-align: center;
}
*/

body {
 color: #333;
 background-color: #EEE;
 margin: 0px;
 padding: 0px;
 font-family: Arial, Helvetica, sans-serif;
 text-align: center;
 background-image: url(media/bg_body.jpg);
 background-position: left top;
 background-repeat: repeat-x;
}

/* #wrapper */
#wrapper {
  margin: 0 auto;
  padding: 0;
 text-align: left;
 background-color: #fff;
 color: #333;
 width: 760px;
 }
a {
 color: #333;
}
/* navAcess */
.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: 45px;
  left: auto;
  height: auto;
  width: auto;
  font-size: 0.7em;
  color: #333;
  text-decoration: none;
  white-space: nowrap;
  background-color: #fff;
  padding: 5px;
}
.clear {
 clear: both;
 /* line-height: 0px; */
 height: 0px;
 margin: 0px;
 padding: 0px;
 border: 0px;
 display: inline;
} 

div.clear {
 clear: both;
 height: 1px;
 margin: 0px;
 padding: 0px;
 border: 0px;
 display: block;
 overflow: hidden;
} 
br.clear {
 clear: both;
 height: 1px;
 margin: 0px;
 padding: 0px;
 border: 0px;
 display: inline;
}

/* #main */
#main {
 width: 760px !important; /* value for all browsers */
 width /**/:760px; /* value for winie 5 & 5.5 */
 margin: 0px;
 padding: 0px;
 border: 0px;
}

/* #head */
#head {
 margin: 0;
 padding: 0;
 width: auto !important; /* value for all browsers */
 width /**/:60px; /* value for winie 5 & 5.5 */
 background-color: transparent;
}

/* #topBar */
#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: 450px;
 height: 45px;
 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;
}
#picLarge {
 float: left;
 border-right: 1px solid #FFF;
}
#picSmall {
 float: left;
}
#picBar a, #picBar img {
 margin: 0;
 padding: 0;
 border: 0;
}

/* #navBar */
#navBar {
 width: 760px;
 margin: 0px;
 padding: 0px;
}
#navMain {
 width: 578px !important; /* value for all browsers */
  width /**/:579px; /* value for winie 5 & 5.5 */
 margin: 0px;
 padding: 0px;
 background-color: #c6d9f4;
 border-right: 1px solid #FFF;
 float: left;
}
#navBar #navMain ul {
 margin: 0px;
 padding: 0px;
 width: 100%;
 list-style-type: none;
 border: 0px solid #000;
}
/* main navigation PortalDEU */
#portalDEU #navBar #navMain ul #navdestination {
 width: 111px;
 border-left: 0px;
 border-bottom: 3px solid #0089cf;
}
#portalDEU #navBar #navMain ul #navculture {
 width: 125px;
 border-bottom: 3px solid #0089CF;
}
#portalDEU #navBar #navMain ul #navnature {
 width: 134px;
 border-bottom: 3px solid #0DB14B;
}
#portalDEU #navBar #navMain ul #navinfocenter {
 width: 98px;
 border-bottom: 3px solid #FFD400;
}
#portalDEU #navBar #navMain ul #navabout {
 width: 102px;
 width: 102px !important; /* value for all browsers */
  width /**/:110px; /* value for winie 5 & 5.5 */
 border-right: 0px;
}
#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 #0089cf;
 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: #c3dcf0;
}
/* area selection */
#navBar #navMain ul #navDestination a:hover,
#destination #navBar #navMain ul #navDestination a,
#destination #navSearch,
#destination #navSearchExt {
 background-color: #4cb425;
}
#navBar #navMain ul #navCulture a:hover,
#culture #navBar #navMain ul #navCulture a,
#culture #navSearch ,
#culture #navSearchExt {
 background-color: #C6D9F4;
}
#navBar #navMain ul #navNature a:hover,
#nature #navBar #navMain ul #navNature a,
#nature #navSearch ,
#nature #navSearchExt {
 background-color: #D1E6C2;
}
#navBar #navMain ul #navInfocenter a:hover,
#infocenter #navBar #navMain ul #navInfocenter a,
#infocenter #navSearch ,
#infocenter #navSearchExt {
 background-color: #FFF1AE;
}
#navBar #navMain ul #navAbout a:hover,
#aboutDZT #navBar #navMain ul #navAbout a,
#aboutDZT #navSearch ,
#aboutDZT #navSearchExt {
 background-color: #D6D5D5;
}
/* opera only */
@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(media/structure/bg_input.gif);
 background-repeat: no-repeat;
 font-size: 0.75em;
 _line-height: 1.5em;
 line-height: 1.5em;
}
/* opera only */
@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(media/structure/bg_submit.gif);
 background-repeat: no-repeat;
 background-position: left top;
 color: #333;
 font-size: 0.7em;
 font-weight: bold;
}
/* opera only */
@media screen and (min-width: 550px){
   #navSearch .btn { height: 20px; }
}
#navSearchExt {
 width: 181px;
 height: 150px;
 float: right;
 padding: 0px;
 margin: 0px;
 margin-top: -150px;
 font-size: 0.7em;
 color: #333;
 display: none;
 background-color: #D6D5D5; 
 /*-moz-opacity:0.85;
 filter:Alpha(Opacity=85);*/
}
#navSearchExt form {
 margin: 0px;
 padding: 10px 0 10px 10px;
}
#navSearchExt h2 {
 padding: 0px;
 margin: 0px;
 font-weight: bold;
 font-size: 1.0em;
 display: block;
}
#navSearchExt fieldset {
 margin: 5px 0 0 0;
 _margin: 0;
 padding: 0;
 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;
}
label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit] {
 cursor: pointer;
}
#bottomBar {
 height: 25px;
 margin: 0px;
   padding: 0px;
 border: 1px solid #000;
}

/* #content */
#content {
 height: 100%;
 height /**/:auto; /* value for winie 5 & 5.5 */
 margin: 25px 5px 0px 5px;
 padding: 0px;
 border: 0px solid #000;
}

/* #leftCol */
#leftCol {
 width: 205px;
 height: auto;
 padding: 0px;
 margin: 0px 0px 0 0px;
 border: 0px;
 font-size: 0.7em;
 text-align: left;
 float: left;
}

/*#middleCol */
#middleCol {
 width: 520px; /* value for macie5 */
 height: auto;
 padding: 0px;
 margin: 0px 14px 0 14px; /* value for macie5 */
 border: 0px;
 text-align: left;
 font-weight: normal;
 float: left;
}
/* macie5 workaround */
/* hide for macie5 \*/
#middleCol {
 width: 520px; /* value for all other browsers */
 margin: 0px 15px 0 15px; /* value for all other browsers */
}
#middleCol {
 width: 510px; /* value for all other browsers */
 margin: 0px 5px 0 30px; /* value for all other browsers */
}
/* end workaround */


/* #rightCol */
#rightCol {
 width: 175px;
 height: auto;
 padding: 0px;
 margin: 0px 0px 0 0px;
 border: 0px;
 font-size: 0.71em;
 text-align: left;
 float: left;
}

/* #service */
#service {
 padding: 0px;
 margin: 0px;
}

/* #footer */
#footer {
 padding: 0px;
 margin: 0px;
 height: 75px;
 font-size: 0.6em;
 background-position: left;
 background-repeat: no-repeat;
 background-color: #EEEEEE;
 background-image: url(media/bg_footer_shd.jpg);
 background-position: left top;
 background-repeat: no-repeat;
 text-align: center;
}
#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;
}
/* ------ Footer DEU ----- */
#copyright {
	padding-top: 10px;
	background-color: transparent;
}
#footer {
	position: relative;
	text-align: left;
}
#footerlogoDEU {
	float: left;
	width: 175px;
	height: 80px;
	margin-right: 53px;
	border-right: 1px solid #d6d6d6;
	background-color: #eee;
}
#footerlogoDEU a {
	float: left;
	margin-right: 14px;
}
#footerlogoDEU a img {
	border: none;
}
#footerlogoDEU a #lupe {
	display: none;
	position: absolute;
	top: -150px;
	left: -35px;
	border: 1px solid #ddd;
}
#footerlogoDEU a:hover #lupe,
#footerlogoDEU a:focus #lupe {
	display: block;	
}
#footercopyrightDEU {
	display: block;
	float: left;
	width: 297px;
	height: 80px;
	margin-right: 48px;
	border-right: 1px solid #d6d6d6;
	background-color: #eee;
}
#footercontactDEU {
	height: 80px;
	background-color: #eee;
}
#footercontactDEU a {
	color: #666;
}
/* ------ Footer ENG ----- */
#footerlogoENG {
	float: left;
	width: 175px;
	height: 80px;
	margin-right: 53px;
	border-right: 1px solid #d6d6d6;
	background-color: #eee;
}
#footerlogoENG a {
	float: left;
	margin-right: 14px;
}
#footerlogoENG a img {
	border: none;
}
#footerlogoENG a #lupe {
	display: none;
	position: absolute;
	top: -150px;
	left: -35px;
	border: 1px solid #ddd;
}
#footerlogoENG a:hover #lupe,
#footerlogoENG a:focus #lupe {
	display: block;	
}
#footercopyrightENG {
	display: block;
	float: left;
	width: 297px;
	height: 80px;
	margin-right: 48px;
	border-right: 1px solid #d6d6d6;
	background-color: #eee;
}
#footercontactENG {
	height: 80px;
	background-color: #eee;
}
#footercontactENG a {
	color: #666;
}