/*
Diverses
darkblue: #0122EB
bluebackground: #FAFCFE
*/

/*Fonts/Layout*/

body {margin: 0px; padding: 0px; background-color:#000;}
h1 {color: #333; font-family: Arial; font-size: 16px; margin: 0px; padding: 0px; text-align:left; }
h2 {color: #333; font-family: Arial; font-size: 14px; padding: 0px; text-align:left; margin: 0px 0px 5px 0px; }
h3 {color: #333; font-family: Arial; font-size: 12px; font-weight: bold; margin: 0px; padding: 0px; text-align:left;}
p {color: #000; font-family: Arial; font-size: 12px; font-weight: normal; line-height:130%; padding: 0px; margin: 0px; text-align:left;}
p.small {color: #000; font-family: Arial; font-size: 10px; font-weight: normal; line-height:130%; padding: 0px; margin: 0px; text-align:left;}
.zitat {color: #005; font-family: Arial; font-size: 12px; font-weight: normal; line-height:130%; padding: 0px; margin: 0px; text-align:left;}
.footer {color: #000; font-family: Arial; font-size: 11px; font-weight: normal; padding: 0px; margin: 0px; text-align: left;}
a.footer {color: #000; font-family: Arial; font-size: 11px; font-weight: normal; text-decoration: underline; padding: 0px; margin: 0px;}
a.text {color: #000; font-family: Arial; font-size: 12px; font-weight: normal; text-decoration: underline; padding: 0px; margin: 0px;}
a.textzitat {color: #005; font-family: Arial; font-size: 12px; font-weight: normal; text-decoration: underline; padding: 0px; margin: 0px;}
div.name1 {color: #0122EB; background-color:#000; font-family: Arial; font-size: 20px; font-weight: normal; padding-bottom: 2px; margin: 0px; text-align: right;}
div.name2 {color: #0122EB; background-color:#000; font-family: Arial; font-size: 18px; font-weight: normal; padding: 0px; margin: 0px; text-align: right;}
ul {position:absolute; top:0px; left: 0px; list-style-type: none; margin: 0px; padding: 0px;}
li.list {color: #000; font-family: Arial; font-size: 12px; font-weight: normal; line-height:120%; padding: 0px; text-align:left; margin: 6px 0px 0px 0px;}
li.listlast {color: #000; font-family: Arial; font-size: 12px; font-weight: normal; line-height:120%; padding: 0px;  text-align:left; margin: 14px 0px 0px 0px;}
li.links {color: #000; font-family: Arial; font-size: 12px; font-weight: normal; line-height:120%; padding: 0px; text-align:left; margin: 6px 0px 0px 0px;}
li.linksmargintop {color: #000; font-family: Arial; font-size: 12px; font-weight: normal; line-height:120%; padding: 0px; text-align:left; margin: 20px 0px 0px 0px;}
img {border-style: none;}

/*Divs Layout*/

#aussen {background-color: #000;
  margin: 0px;
  height:420px;
  width:760px;
  /* zentrieren: */
  position: absolute;
  top:50%;
  left:50%;
  /* Jetzt steht die linke obere Ecke genau am Mittelpunkt. Einmitten: */
  margin-top:	-210px;  /* == halbe Höhe */
  margin-left:	-380px; /* == halbe Breite */
  z-index:2; }

#eyes {background-color: #000;
  position:absolute; 
  top:0px; 
  left:0px; 
  height:45px;
  width: 264px;
  z-index:1;
 background-image:url(Images/eyes.jpg);
 background-repeat: no-repeat; }
 
 #name {background-color: #000;
  position:absolute; 
  top:3px; 
  left:575px; 
  height:45px;
  width:160px;
  z-index:1;}
 
 #background {background-color: #FAFCFE;
  position:absolute; 
  top:60px; 
  left:0px; 
  height:360px;
  width:760px;
  z-index:2; }
 
 #corner1 {position:absolute; 
  top:60px; 
  left:0px; 
  height:30px;
  width: 30px;
  z-index:3;
 background-image:url(Images/corner1big.gif);
 background-repeat: no-repeat; }
 
  #corner3 {position:absolute; 
  top:390px; 
  left:730px; 
  height:30px;
  width: 30px;
  z-index:3;
 background-image:url(Images/corner3big.gif);
 background-repeat: no-repeat; }
 
 #menu {position:absolute; 
  top:90px; 
  left:10px; 
  height:300px;
  width:120px;
  z-index:4;}
  
  #menuline {position:absolute; 
  top:82px; 
  left:125px; 
  height:331px;
  width:1px;
  background-image:url(Images/bluedotts.gif);
  background-repeat:repeat;
  z-index:4;}
 
  #footer1 {position:absolute; 
  top:402px; 
  left:145px; 
  height:15px;
  width:600px;
  z-index:3;}
  
   #footer2 {position:absolute; 
  top:404px; 
  left:378px; 
  height:15px;
  width:600px;
  z-index:3;}
  
   #footer3 {position:absolute; 
  top:402px; 
  left:531px; 
  height:15px;
  width:600px;
  z-index:3;}
   
   #footer4 {position:absolute; 
  top:404px; 
  left:494px; 
  height:15px;
  width:600px;
  z-index:3;}
   
 /* Divs Content */
   
  #title {position:absolute; 
  top:75px; 
  left:145px; 
  height:30px;
  width:320px;
  z-index:3;}
  
  #content1 {position:absolute; 
  top:110px; 
  left:143px; 
  width:165px;
  height: 270px;
  text-align: left;
  z-index:3;}
  
  #content2 {position:absolute; 
  top:110px; 
  left:331px; 
  width:165px;
  height: 270px;
  text-align: left;
  z-index:3;}
  
  #content3 {position:absolute; 
  top:110px; 
  left:519px; 
  width:165px;
  height: 270px;
  text-align: left;
  z-index:3;}
    
  #image {position:absolute; 
  top:90px; 
  left:517px; 
  height:300px;
  width:210px;
  z-index:3;}

  
/*Navigation*/

/*Hauptmenü*/
ul.menu {
position:absolute; 
top:20px; 
left: 0px;
list-style-type: none;
margin: 0px;
padding: 0px;}

li {
margin: 7px 0px 0px 0px;
text-align:left;
}

li .a{
padding: 0px 0px 0px 13px;
color: #222; font-family: Arial; font-size: 13px; font-weight: bold; text-decoration: none; text-align:left;
}

li .a:hover{
padding: 0px 0px 0px 13px;
background-image: url(Images/arrow.gif);
background-repeat: no-repeat;
background-position: left;
}

li .aactive{ /*Formatierung des Links der aktuellen Seite*/
margin: 0px 0px 0px 13px;
padding: 0px 0px 0px 13px;
background-image: url(Images/arrow.gif);
background-repeat: no-repeat;
background-position: left;
color:#0122EB; font-family: Arial; font-size: 13px; font-weight: bold; text-decoration: none;
}

/*Untermenü*/

li.small {
margin: 0px 0px 0px 0px;
text-align:left;
}

li .asmall{
padding: 0px 0px 0px 26px;
color: #000; font-family: Arial; font-size: 12px; font-weight: normal; text-decoration: none; text-align:left;
}

li .asmall:hover{
margin: 0px 0px 0px 13px;
padding: 0px 0px 0px 13px;
background-image: url(Images/arrow.gif);
background-repeat: no-repeat;
background-position: left;
color: #000; font-family: Arial; font-size: 12px; font-weight: normal; text-decoration: none; text-align:left;
}

li .asmallactive{ /*Formatierung des Linkss der aktuellen Seite*/
margin: 0px 0px 0px 13px;
padding: 0px 0px 0px 13px;
background-image: url(Images/arrow.gif);
background-repeat: no-repeat;
background-position: left;
color: #0122EB; font-family: Arial; font-size: 12px; font-weight: normal; text-decoration: none; 
}