* {margin:0; padding:0}


/*Farben

Blau: #5954A4
Blau2: #39329E
ROT: #BC3538
Rot2: #ED0B36
Blaugrün: #47D1DA
Dunkelgrün: #087172


Blau-Grau(Navi): #52667F
Hell-Grau (Navi-Hint): #D3D3D5
weiß-grau (Naviover): #E2E2E2
Braun (Navi-over-Hint): #594D41

Grau2: #12595C
Grau3: #594D41
Grau4: #E2E2E2
*/


/*Allgemeines*/

body,table,td,tr,div,p,pre,h1,h2,h3,h4,ul {font-family: Arial, sans-serif;}

body { background:white repeat-x; font-size:13px; height: 1000px;
     scrollbar-base-color:#8C8CC6; overflow:auto ;
}
a { text-decoration:none;}
img {border-width:0}


/*Logos*/

#logoimg {position:absolute; top:0; left:0; height:233px; width:350px}




#logo_hhu {position:absolute; top:40px; left:550px; }
#logo_koeln {position:absolute; top:50px; left:700px; height:70px; width:70px}
#logo_fh_bonn {position:absolute; top:140px; left:520px; width:242px; height:40px }
#logo_fhkoeln {position:absolute; top:140px; left:780px; height:48px; width:240px}
#logo_fhd {position:absolute; top:50px; left:800px; height:70px; width:160px}

/*Rechter Navigationsbereich / Termine/ Personen */

#Termine {position:absolute; top:250px; left:800px; width:170px ; height:768px; margin:0px}


#Termine h3 {
   font-size:14px; color: #52667F;background-color: #E2E2E2; 
   border:3px solid #D3D3D5; padding:0.3em; margin-bottom:0.8em;}
#Termine li {list-style-type:none; padding-left:18px;  
   background:url(bilder/arrow_small.gif) no-repeat; margin-bottom:0.6em; }
#Termine h4.head_right {font-size:9.5px; color:#52667F; margin-top:1em}





/*Navigationsleiste links*/

#NavLinks { 
   position:absolute; top:250px; left:10px; width:0200px; padding:0; 
   font-size: 14px; font-weight:bold;
   background-color:transparent;}


#NavLinks ul {white-space:nowrap; width:100px;
      padding: 0; 
      margin:0;}
#NavLinks li {display:block; list-style-type:none; margin-bottom:2em; text-align:center;
 }

#NavLinks ul a { width:100px;
      display:block;
      padding:0.8px 0;
   color:#52667F;  
   background-color:#D3D3D5; border:2px solid #52667F}

#NavLinks ul a#hier {width:100px;
      display:block;
      padding:0.8px 0;
   color:#E2E2E2; 
   background-color: #594D41; border:2px solid #52667F}

#NavLinks ul a:hover {width:100px;
      display:block;
      padding:0.8px 0;
   color:#E2E2E2; 
   background-color: #594D41; border:2px solid #52667F}





/*Hauptfenster*/

#main {
   position:absolute; top: 230px; left:0; margin-left: 165px; heigth:650px; padding: 0.8em; 
   width:570px; max-width:600px; background:transparent; text-align:justify;
   color:black; z-index:1;}
#main h2 {margin:12px 0}
#main p {margin:12px 0}
#main h3 {margin:12px 0; font-size: 16px; font-weight: bold;}

#main li {list-style-type:none; padding-left:18px; background:url(bilder/arrow_small.gif) no-repeat; margin-bottom:0.6em; }
#main li.faq {margin-top:1.2em; padding-left:0; padding-bottom:1em; background:transparent}
/* Seitenfuß */

#footer {position:absolute; top:500px; left: 0px; width:600px; font-size:9px; height: 40px; border:#47D1DA 1px; padding:0.5em; background:transparent no-repeat}
#footer ul li {display:inline; padding-right:1.5em; background:transparent;}
#footer a {color:#52667F; font-size: 1.2em; margin:0.2em; }
#footer a:hover {color:#594D41}
#footerlong {position:relative; top:15px; left: 0px; width:600px; font-size:9px; height: 40px; border:#47D1DA 1px; padding:0.5em; background:transparent no-repeat}
#footerlong ul li {display:inline; padding-right:1.5em; background:transparent;}
#footerlong a {color:#52667F; font-size: 1.2em; margin:0.2em; }
#footerlong a:hover {color:#594D41}

/*Formatierungen der Porträt-Seiten*/


#portrait {width:450; height:600; padding: 12px; text-align:justify; }
#portrait h1 {font-size:16;  font-weight:bold; margin-bottom: 12px}
#portrait h3 {font-size:13px; margin-bottom:7px}

dl.foto {top:20px;float:right; margin-left:14px;font-weight:bold}
dl.foto dd {background-color: #52667F; color:#47D1DA; padding:2px 5px; font-weight:bold}
#close {position:absolute; top: 560px; margin-left:190px; margin-right:190px; height:68px; width:100px;}