/******* Farben *******

schwarz:  #000000;
grau 50%: #959595;
grau 10%: #EBEBEB;
orange:   #EA7A17;
 
*/


/* Allgemeines */

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

body{
text-align: center; /* Zentrierung des Layouts im IE 5 */
font-size: 62.5%; /* Setzt 1em auf 10px */
line-height: 1.68em;
}

h1,h2,h3,h4,h5,h6,ol,ul,li,dl,dt,dd,div,p,input,textarea,select,legend,fieldset,label{
color: #000000;
font-family: Arial, Helvetica, sans-serif;
text-align: left; /* Alle Elemente linksbündig */
}

h1 {
clear: both;
margin-bottom: 0.6em;
}

h2 {
margin-bottom: 0.6em;
font-size: 1.2em;
}

h3 {
margin-top: 1.2em;
margin-bottom: 0.6em;
font-size: 1.2em;
}

em {
  font-weight: normal;
  font-style: normal; 
}

#content p {
margin-bottom: 0.6em;
font-size: 1.2em;
}

.right {
text-align: right;
}

.clear {
clear: both;
margin: 0;
}

.active {
color: #000000;
}


/* Links */

a:link{
color: #EA7A17;
text-decoration: none;
}

a:visited{
color: #EA7A17;
text-decoration: none;
}

a:hover{
color: #000000;
text-decoration: none;
}

a:active{
color: #000000;
text-decoration: none;
}

/* DIV-Grund-Layout */

#wrap {
margin: 0 auto; /* Zentrierung */
margin-top: 3em;
width: 80em;
height: 100%;

/* background-color: yellow; */
}

#header {
width: 80em;
height: 5.2em;
position: relative;
margin-bottom: 1.5em;

/* background-color: red; */
}

#navigation {
clear: both;
width: 21em;
position: relative;
margin-left: 4.5em;
margin-top: -0.3em;
float: left;

/* background-color: green; */
}

#content {
clear: right;
width: 51em;
position: relative;
margin-left: 25.5em;

/* background-color: blue; */
}

#footer {
clear: both;
width: 50.5em;
position: relative;
margin-top: 2em;
margin-left: 25.5em;
margin-bottom: 3em; 

/* background-color: grey; */
}

/* Header */

#header #logo {
width: 60em;
float: left;

/* background-color: orange; */
}

#header #languages {
width: 20em;
position: absolute;
bottom: 0;
margin-left: 60em;
text-align: right;
line-height: 0.8em;

/* background-color: brown; */
}

/* Navigation */
	
#navigation ul {
list-style-type: none;
font-size: 1.2em;
}

#navigation li {
line-height: 1.9em;
}

#navigation li a {
}

#navigation li a:visited {
}

#navigation li a:hover {
}


/* Footer */


	

/* Meta-Navigation für Header und Footer */

.meta ul {
list-style-type: none;
margin: 0;
}

#footer .meta ul {
list-style-type: none;
margin: 0;
}

.meta li {
display: inline;
color: #959595;
}

.meta li a {
color: #959595;
}

.meta li a:visited {
color: #959595;
}

.meta li a:hover {
color: #000000;
}

.meta li a:active {
color: #000000;
}


/* Organisation */

.header-organisation {
margin-top: 0.7em;
margin-right: 1em; 
margin-bottom: -0.3em;
}

.header-organisation-last { 
margin-top: 0.7em;
margin-bottom: -0.3em;
}

.logos {
margin-top: 1em; 
margin-right: 1em;
}

.logos-last {
margin-top: 1.2em; 
}


/* Management */

dl {
float: left;
margin-right: 1.5em;
margin-top: 0.7em;
margin-bottom: 0.6em;
}

.dl-last {
float: left;
margin-right: 0em;
margin-top: 0.7em;
margin-bottom: 0.6em;
}

dd {
line-height: 1.2em;
}

/* Relativer Tooltip */
a.tooltip, a.tooltip:link, a.tooltip:visited, a.tooltip:active,
dt a, dt a:link, dt a:visited, dt a:active  {
  position: relative;
  text-decoration: none;  
  }
  
a.tooltip:hover,
dt a:hover { 
  background: transparent;
  }

a.tooltip span,
dt a span {
  display: none;  
  text-decoration: none; 
}

a.tooltip:hover span,
dt a:hover span {
  display: block;
  position: absolute; 
  top: 1.2em; 
  left: 0; 
  width: 17.3em;
  height: 3.5em;
  z-index: 100;
  color: #000000; 
  border:0px solid #000000; 
  background: #CCCCCC; 
  background-image: url(../images/tooltip-ecke.gif);
  background-position: right bottom;
  background-repeat: no-repeat;
  text-align: left;
  line-height: 1.2em;
  font-weight: bold;
  padding: 0.5em;
  padding-top: 0.3em;
  border-right: 6em solid #ffffff;
}

a.tooltip:hover span {
  width: 23.5em;
  font-weight: normal;
}

/* nur Safari (funktioniert in safari.css nicht) */

html* a.tooltip:hover span {
  padding-top: 0.5em;
  padding-left: 0.7em;
}