/* CSS Document */

html, body{
  height:100%; /* für das zentrieren */
  margin:0;
  padding:0;
	font: 100.01% Arial, Helvetica, sans-serif;
	color: #666666;
	background-color: #CBCBCB;
}

a,img
{	border:none;
}


/* Weil folgende Eigenschaften für beide Elemente identisch sind, 
werden diese gleich gemeinsam definiert. */ 
#spacer, #center{
  position:absolute;
  margin:0;
  padding:0;
}

#spacer{
  /* sorgt dafür, dass wenn nötig Scrolleisten erscheinen */
  width:100%;        /* ganauso breit, wie der Anzeigebereich */
  height:100%;       /* ganauso hoch, wie der Anzeigebereich */

  /* jetzt werden die notwendigen oder gewünschten Mindestmaße definiert. */
  min-width:500px;   /* Breite von #center */ 
  min-height:358px;  /* Höhe von #center */
}

* html #IEspacer {
  /* sorgt dafür, dass es im IE auch bei deaktiviertem Javascript funktioniert */ 
  width:500px;          /* Breite von #center */ 
  height:358px;         /* Höhe von #center */
}

#center {
  /* ist das Element, welches zentriert werden soll */
  padding:0;        /* es sind auch andere Angaben möglich, die dann 
  allerdings bei der Breite und Höhe mit berücksichtigt werden müssen. */ 
 
   /* Angaben zu Breite und Höhe, diese können auch in em angegeben werden. */
  width:500px;      /* Breite insgesamt */
  min-height:358px; /* Mindesthöhe insgesamt,
  bei genau dieser Höhe funktioniert die vertikale Zentrierung */
  
  /* jetzt wird die linke obere Ecke vertikal und horizontal zentriert */
  position:absolute;
  top:50%;                  
  left:50%;
  
  /* durch negative margins wird es jetzt um die Hälfte von Höhe und 
  Breite nach oben und links verschoben */
  margin:-179px 0 0 -250px; /* jeweils die Hälfte der Gesamthöhe und -breite */
	
}

/* min-height für den IE */
* html #center {
  height:358px;             /* das selbe Maß wie oben bei min-height */
}


#titel h1,
#titel h2,
#titel h3,
#titel p {
text-indent: -1000em;
overflow:hidden;
font-size: 0;
line-height: 0px;
margin: 0;
padding: 0;
display: block;
}

#deutsch {
position: absolute;
left: 0px;
top: 20px;
width: 176px;
height: 327px;
background: url(../images/deutsch.gif) no-repeat;
}

#english {
position: absolute;
right: 0px;
top: 20px;
width: 176px;
height: 327px;
background: url(../images/english.gif) no-repeat;
}

#english a,
#deutsch a {
position: absolute;
/*left: 55px;
bottom: 0px;
width: 115px;
height: 80px;*/
left: 0;
top: 0;
width: 176px;
height: 327px;
display: block;
}
#english p,
#deutsch p {
position: absolute;
left: 25px;
top: 222px;
width: 150px;
display: block;
font-size: 0.82em;
}

#english a span,
#deutsch a span {
text-indent: -1000em;
/* For MAC IE 5 */
display: none;
/* end hack */
/* Not for Mac IE 5 \*/
display: block;
/* end hack */
margin: 0;
padding: 0;
font-size: 0;
height: 0;
}



/* Text-Formate allgemeim
**********************************************************/

p {
margin: 0;
}

strong 
{	color: #333333;
}

a {
color: #333333;
}
a:link, a:active, a:visited {
text-decoration: underline;
}
a:hover {
text-decoration: none;
}


/* imprint
**********************************************************/

#imprint {
position: absolute;
top: 0px;
left: 0px;
width: 495px;
font-size: 0.7em;
background-color: #CBCBCB;
padding-left: 3px;
}

#imprint a {
color: #666666;
text-decoration: none;
}
#imprint a:hover {
text-decoration: underline;
}
#imprint hr {
display:  none;
}

#imprint p#copy {
text-indent: -1000em;
margin: 0;
padding: 0;
font-size: 0;
height: 0;
line-height: 0px;
/* For MAC IE 5 */
display: none;
/* end hack */
/* Not for Mac IE 5 \*/
display: block;
/* end hack */
}