@charset "utf-8";
/* CSS Document */

* { margin: 0px; padding:0px }

html, body { height: 100%; }

body { background-color: #eeeeee; margin: 0px; padding: 0px; font-family:Arial, Helvetica, sans-serif; font-size: 1em;  }

p, h1 { margin: 0px; padding: 0px; }

h1 { color: #577992; padding: 20px 0 20px 0; font-size: 1.3em; width: 35em;}
h2 {
	color: #000;
	padding: 20px 0 20px 0;
	font-size: 1.1em;
	line-height: 1.8em;
}
h3 { color: #000; padding: 0px 0 10px 0; font-size: 0.9em; font-weight:bold; }
p  { font-size: 0.8em; line-height: 2em; }
a  { color: #577992; }
/* color: #009cdc; */

table { font-size: 1em}
table p {width:0px}

#container { width: 1000px;  margin: 0px; padding: 0px; margin-left: auto; margin-right: auto;  min-height: 100%; background-color:#313a4c }

/* * html #container { height:100% } */


#top { background-color: #ffffff; width: 100% }
 
#bigheader {}

#smallheader {}

#content { padding: 20px;  background-color: #ffffff; height: 100%;   }
 
#content p { padding-bottom: 20px; width: 650px }

#content table p {width:auto}
#content div p {width:auto}

#content ul { padding-bottom: 20px; }
#content ol { padding-bottom: 20px; }

#content li { font-size: 0.8em; line-height: 1.8em; margin-left: 20px; padding-left: 5px; width: 60%}


#bottom { padding: 20px;  color: #ffffff; height: 20px;  }
#bottom .imprint { float:right; margin-right: 20px; font-size: 0.6em; }


/* Navigation Top */
/* background-image: url(img/nav_bg.jpg); */


#navigation_top {  margin: 0; padding: 0; padding-left: 5px; padding-top: 10px; font-family:Arial, Helvetica, sans-serif;
font-size: 15px; border-top: #bbb 1px solid; border-bottom: #bbb 1px solid; width: 995px; background-color:#313a4c; height: 350px; background-image:url(img/bigheader_de.jpg)} 

#navigation_top_small {  margin: 0; padding: 0; padding-left: 5px; padding-top: 10px; font-family:Arial, Helvetica, sans-serif;
font-size: 15px; border-top: #bbb 1px solid; border-bottom: #bbb 1px solid; width: 995px; background-color:#313a4c; height: 215px; background-image:url(img/smallheader_de.jpg)} 

/* background-color:#060f20; oder #577992 */
/* font-family: Georgia, "Times New Roman", Times, serif; */

/*
#navigation_top ul  { list-style-type: none; height: 100px; width: 850px; margin: auto; }

#navigation_top li { float: left; }

#navigation_top ul a {
background-image: url(navi_bg_divider.png);
background-repeat: no-repeat;
background-position: right;
padding-top:20px;
padding-right: 8px;
padding-left: 8px;
display: block;
line-height: 20px;
text-decoration: none;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 13px;
color: #371C1C;
}

#navigation_top ul a:hover {
color: #009cdc;
}
*/

/*
#navigation_top ul {
list-style-type: none;
background-color: #123456;
height: 80px;
width: 663px;
margin: auto;
}

#navigation_top li {
   float: left;
}
#navigation_top li a {
   display: block;
   text-align: center;
   color: #222222;
   padding: 5px;
   font-weight: bold;
   margin-top: 40px;
   text-decoration: none;
}
#navigation_top li a:hover {
}

*/

/*------------------------------------*\
  NAV
\*------------------------------------*/
#nav{
  float:left;
  width:100%;
  list-style:none;
  font-weight:bold;
  margin-bottom:10px;
}
#nav a{
  text-decoration:none;
}
#nav li{
  float:left;
  margin-right:13px;
  position:relative;
  display:block;
  text-decoration:none;
}
#nav li a{
  display:block;
  padding:5px;
  /* color:#fff; */
  /* background:#333; */
  color: #ffffff;
  /* background: #ffffff */
  text-decoration:none;

  text-shadow:1px 1px 1px rgba(0,0,0,0.75); /* Text shadow to lift it a little */
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  border-radius:2px;
}
#nav li a:hover{
  color:#fff;
  /*background:#6b0c36;*/ /* Solid colour fall-back */
  /*background:rgba(107,12,54,0.75);*/ /* It'll look nice semi-transparent */
  background:#009cdc; /* Solid colour fall-back */
  background:rgba(0,156,220,0.75); /* It'll look nice semi-transparent */  
  /* text-decoration:underline; */
}

/*--- DROPDOWN ---*/
#nav ul{
  font-size: 14px;
  list-style:none;
  position:absolute;
  left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
  opacity:0; /* Set initial state to transparent */
  -webkit-transition:0.25s linear opacity; /* Make the dropdown fade-in in Webkit */
}
#nav ul li{
  padding-top:1px; /* Introducing a padding between the li and the a give the illusion spaced items */
  float:none;
}
#nav ul a{
  white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
  display:block;
}
#nav li:hover ul{ /* Display the dropdown on hover */
  left:0; /* Bring back on-screen when needed */
  opacity:1; /* Fade to opaque */
  z-index: 99;
}
#nav li:hover a{ /* Set styles for top level when dropdown is hovered */
  /*background:#6b0c36;*/ /* Solid colour fall-back */
  /*background:rgba(107,12,54,0.75);*/ /* It'll look nice semi-transparent */
  background:#009cdc; /* Solid colour fall-back */
  background:rgba(0,156,220,0.75); /* It'll look nice semi-transparent */    
  /* text-decoration:underline; */
}
#nav li:hover ul a{ /* Override some top level styles when dropdown is hovered */
  text-decoration:none;
  -webkit-transition:-webkit-transform 0.075s linear;
}
#nav li:hover ul li a:hover{ /* Set styles for dropdown when items are hovered */
  background:#333; /* Solid colour fall-back */
  background:rgba(51,51,51,0.75); /* It'll look nice semi-transparent */
  /* text-decoration:underline; */
  -moz-transform:scale(1.05);
  -webkit-transform:scale(1.05);
}

.floatingelement_small { float: left; width: 10em; }
.floatingelement_medium { float: left; width: 15em; margin-right: 20px;}

#finalreport { background-color:#BFD0DB; border: 1px solid #060f20; padding: 20px; width: 67%; -moz-border-radius:5px;
  -webkit-border-radius:5px; border-radius:5px; }
#finalreport p { width: 100% }
#finalreport p .imagetext {font-size: 0.6em;}
#rightmargin {
	float:right;
	margin-top:15px;
	width:250px;
	margin-left: 20px;
	font-size:0.9em
}
#rightmargin p { width: 100% }
.infobox {background-color:#C8C4B7; padding: 10px; -moz-border-radius:5px;   -webkit-border-radius:5px; border-radius:5px; border: 1px solid #aca99d;}
.infoboxhillen {background-color:#cccccc; padding: 10px; -moz-border-radius:5px;   -webkit-border-radius:5px; border-radius:5px; border: 2px solid #000000;}
.subtitle {font-size: 0.6em; text-align: center; width: 300px;}
.floatingelement_left_with_margin {float:left; margin: 0 20px 20px 0; }