html, body {
background : #eaeff5; 
background-image : url(http://uni-koeln.de/uni/images/hg_navrubrik.gif); 
background-repeat : repeat-y; 
background-position : top left; 
color : #333; 
font-size: 100.1%;
margin : 0; 
padding : 0; 
border : 0; 
font-family : arial, helvetica, sans-serif; 
height : 95%; 
} 
body a {
cursor : pointer; 
} 
A:link {
color : #41799e; 
background : transparent; 
text-decoration : none; 
} 

A:visited {
color: #003399;
text-decoration:none}

A:hover {
color : #ff020e; 
font-weight : normal; 
background : transparent; 
text-decoration : none; 
} 

A:active {
color : #ff020e; 
font-weight : normal; 

background : transparent; 
text-decoration : none; 
} 
#wrapper {
background : transparent; 
background-image : url(http://uni-koeln.de/uni/images/seitenkopf1.gif); 
background-repeat : repeat-x; 
background-position : top left; 
display : block; 
color : #333; 
margin : 0; 
padding : 0; 
width : 100%; 
border : 0; 
height : 100%; 

} 

#pagebody {
display : block; 
background : transparent; 
background-image : url(http://uni-koeln.de/uni/images/siegelunten1.gif); 
background-repeat : no-repeat; 
background-position : top right; 
 height : 100%; 
color : #333; 

margin : 0; 
padding : 0; 
border : 0 solid;  
} 
* html #pagebody {
position : relative; 
} 

h2 {
border-bottom : 1px solid #41799e; 
font-size : 1em; 
color : #333; 
width : auto; 
} 
h3 {
border-bottom : 0 solid #41799e; 
font-size : 0.88em; 
color : #333; 
padding-top : 15px; 
border-top : 1px solid #ccc; 
} 

h3.a {
font-weight : bold; 
} 

h3.a:hover {
font-weight : bold; 
color : #ff020e; 
} 

h4 {
font-size:0.82em;
color : #333; 
font-weight:bold;
padding-top: 10px;
margin: 3px 0px 3px 0px;
width : auto; 
} 

h5 {
border-bottom : 0 solid #41799e; 
font-size : 0.88em; 
color : #fff; 
background-color: #41799e;
padding : 5px; 
margin:0px  0px  5px 0px;
border-top : 1px solid #ccc; 
} 

.anker {
font-size : 0.7em; 
color : #999999; 
padding :4px 0px 11px 0px; 
text-decoration : none; 
} 
.anker a {
color : #999999; 
padding :4px 0px 11px 0px;   
} 
.anker a:hover {
padding :1px 0px 14px 0px; 
color : #ff020e; 
} 
 
p {
margin : 0.5em 0 0.5em; 
font-family : arial, helvetica, sans-serif; 
font-size : 0.82em; 
line-height : 16px; 
background : transparent; 
} 




p a {
text-decoration: none;
} 

p a:hover{
text-decoration: none;
} 

p.news {
margin : 0.5em 0 0.5em; 
font-family : arial, helvetica, sans-serif; 
font-size : 0.82em; 
line-height : 16px; 
background : transparent; 
border-bottom: 1px dotted #999;
} 

dd {margin-left:15px; font-size:  0.82em}
dt {font-size:  0.82em}

 /*  ---------------------------------------------------------------- */
 /*  ------------------------kopf ------------------------ */

#leisteoben {
background : transparent; 
background-image : url(http://uni-koeln.de/uni/images/siegeloben1.gif); 
background-repeat : no-repeat; 
background-position : top right; 
display : block; 
text-align : left; 
color : #333; 
margin : 0; 
padding : 0; 
border-bottom : 1px solid #457492; 
height : 129px;  
} 
* html #leisteoben {
position : relative; 
} 
#siegel {
border : 1px; 
margin-left : 20px; 
} 
A.siegel {
background : transparent; 
text-decoration : none; 
} 
A.siegel:hover {
background : transparent; 
text-decoration : none; 
} 
#kopftext {
position : absolute; 
top : 50px; 
left : 160px; 
color : #41799e; 
font-size : 1.44em; 
font-weight : bold; 
font-family : arial, verdana; 
} 
A.aktuell {
color : #41799e; 
text-decoration : none; 
font-size : 0.82em; 
font-family : arial, helvetica, sans-serif; 
} 
A.aktuell:hover {
color : #ff020e; 
text-decoration : underline; 
font-family : arial, helvetica, sans-serif; 
} 
A.aktuell:active {
color : #41799e; 
text-decoration : underline; 
font-family : arial, helvetica, sans-serif; 
} 
#zielgruppe {
font-size: 0.82em;
position : absolute; 
top : 110px; 
left : 168px; 
color : #999999; 

} 
#zielgruppe a {

font-weight : bold; 
color : #999999; 
text-decoration : none; 
} 
#zielgruppe a:hover {

font-weight : bold; 
color : #ff020e; 
text-decoration : underline; 
} 


 /*  ---------------------------------------------------------------- */
 /*  ------------------------Navleiste links ------------------------ */

#nav_main {
background-color : transparent; 
margin : 0px; 
font-size: 0.82em;
font-weight : bold; 
color : #41799e; 
float : left; 
width : 140px; 
background : url(http://uni-koeln.de/uni/images/hg_navrubrik.gif) repeat-y; 
border-top : 14px solid #41799e; 
padding : 20px 0 0; 
text-align : right; 
} 
#nav_main ul {
font-weight : bold; 
margin : 0 7px 0 0; 
margin-bottom : 0; 
padding : 5px; 
text-align : right; 
} 
#nav_main ul li {
font-weight : bold; 
color : #296b97; 
padding : 0 0 3px; 
list-style : none; 
margin : 0; 
text-align : right; 
} 
#nav_main ul li a {
font-weight : bold; 
color : #296b97; 
text-decoration : none; 
padding-bottom : 6px; 
text-align : right; 
} 
#nav_main ul li a:hover {
font-weight : bold; 
color : #ff020e; 
text-decoration : underline; 
padding-bottom : 6px; 
text-align : right; 
} 

 /*  ----------- Submenue Navleiste links ----------- */
 
 div.c12 {
color : #ff020e; 
font-size : 0.98em; 
text-decoration : underline; 
padding-bottom : 8px; 
padding-top: 0px;
} 

div.c12 a{
color : #ff020e; 
font-size : 0.98em; 
text-decoration : underline; 
padding-bottom : 8px; 
padding-top: 3px;
} 

 div.c12 a:hover{
 font-size : 0.98em; 
color : #ff020e; 
text-decoration : underline; 
padding-bottom : 8px; 
padding-top: 3px;
} 
 
#nav_main ul li ul {
font-size : 0.85em; 
font-weight : normal; 
color : #296b97; 
text-decoration : none; 
padding : 0 0 6px; 
text-align : right; 
padding-left : 3px; 
margin : 0; 
/* border-bottom : 1px solid #82a7bf; */
} 
#nav_main ul li ul li {

font-weight : normal; 
color : #296b97; 
text-decoration : none; 
padding : 0 0 3px; 
text-align : right; 
} 
#nav_main ul li ul li a {

font-weight : normal; 
color : #296b97; 
text-decoration : none; 
padding : 3px 0; 
text-align : right; 
} 
#nav_main ul li ul li a:hover {
 
font-weight : normal; 
color : #ff020e; 
text-decoration : underline; 
padding : 0 0 3px; 
text-align : right; 
} 

 /*  ---------------------------------------------------------------- */
 /*  ------------------------mitte ------------------------ */

#mitte {
display : block; 
border : 0 solid #000000; 
float : left; 
padding : 2px 30px 10px; 
background-color : #c9d8e7; 
margin : 0; 
color : #666666; 
text-decoration : none; 
font-weight : normal; 
background-color : transparent; 
} 
#mitte2 {
display : block; 
border : 0 solid #000000; 
float : left; 
padding : 2px 30px 10px; 
margin : 0; 
color : #333; 
text-decoration : none; 
font-weight : normal; 
background : transparent; 
} 

#mitte2 UL {font-size : 0.82em;
list-style-image : url(http://www.uni-koeln.de/uni/images/pfeil-rot.gif); 
} 

#mitte2 OL {font-size : 0.82em; 
} 

#mitte2 UL li{
padding: 0 0 2px 0; 
} 


#mitte2 UL.biglist {
list-style-image : url(http://www.uni-koeln.de/uni/images/pfeil-rot.gif); 
} 

#mitte2 UL.biglist li{
padding: 0 0 9px 0; 
} 

#mitte3 {
display : block; 
border : 0 solid #000000; 
float : left; 
padding : 2px 30px 10px; 
width : 80%; 
margin : 0; 
color : #333; 
text-decoration : none; 
font-weight : normal; 
background : transparent; 
} 
#mitte3 UL {font-size : 0.82em;
list-style-image : url(http://www.uni-koeln.de/uni/images/pfeil-rot.gif); 
} 

#mitte3 UL li{
padding: 0 0 2px 0; 
} 


#mitte_pi {
display : block; 
border : 0 solid #000000; 
float : left; 
padding : 2px 30px 10px; 
width : 60%; 
margin : 0; 
color : #333; 
text-decoration : none; 
font-weight : normal; 
background : transparent; 
} 


 /*  ---------------------------------------------------------------- */
 /*  ------------------------Menue rechts -------------------------- */
#menurechts {
font-size: 0.82em;
float : left; 
padding : 2px 0 0; 

font-weight : normal; 
width : 150px; 
text-align : left; 
border : 0 solid; 
margin : 0; 
} 
* html #menurechts {
padding : 2px 0 0; 

} 
#menurechts a {

border-top : 0; 
padding-top : 6px; 
padding-bottom : 4px; 
text-decoration : none; 
} 
#menurechts a:hover {
color : #ff020e; 
text-decoration : underline; 
} 
#menurechts ul {
font-size : 0.85em; 
 font-weight : bold; 
margin : 4px 7px 0 0; 
padding : 0; 
text-align : left; 
border-top : 0 solid #ff020e; 
} 
#menurechts ul li {
font-weight : normal; 
color : #333; 
padding : 0 0 6px 0px; 
list-style : none; 
margin : 0; 
text-align : left; 
} 
#menurechts ul li a {
font-weight : normal; 
color : #ff020e; 
text-decoration : none; 
padding : 0 0 6px 0px;
text-align : left;
} 
#menuerechts ul li a:hover {

font-weight : normal; 
color : #ff020e; 
padding : 0 0 6px 0px;
text-align : left; 
}

#menurechts ul li ul   {
list-style-type: none;
} 

#menurechts ul li ul li  {

font-weight : normal; 
color : #ff020e; 
text-decoration : none; 
list-style-type:none;
} 

 

 /*  ----------------------------------------------------------- */
 /*  ------------------------ Tabelle ------------------------ */

table.tag {
vertical-align : top; 
} 

td {
margin : 0.5em 0 0.5em;
font-family : arial, helvetica, sans-serif;
font-size : 0.80em;
line-height : 16px;
}

td.mon, th.mon {
background-color : #dbe4ec; 
text-align : left; 
vertical-align:top;
margin: 3px;
padding: 6px;
font-size: 11px;
width:7%;
} 
td.mon1, th.mon1 {
background-color : #ffffff; 
text-align : center; 
vertical-align:top;
margin: 3px;
font-size: 11px;
font-weight:bold;
} 
td.mon1 a{
font-size: 11px;
color: #ff020e;
} 
td.mon a{
font-size: 11px;

} 

td.mon1 a:hover{
font-size: 11px;
color: #ff020e;
} 
td.mon a:hover{
font-size: 11px;
color: #ff020e;
} 

table.foto3 {
} 

td.foto3 {
text-align : left; 
vertical-align:top;
margin: 3px;
padding: 6px;
} 

td.pi
 {
background-color :transparent; 
text-align : left; 
vertical-align:top;
margin: 3px;
padding: 6px;
font-size: 12px;
} 

td.pi a{
font-size: 12px;
} 

td.pi a:hover{
font-size: 12px;
color: #ff020e;
} 



 /*  ----------------------------------------------------------- */
 /*  ------------------------ Footer (Werbung etc) ------------------------ */

#footer {
clear : both; 
display : block; 
background-color : #ffffff; 
padding : 0; 
margin : 0; 
text-align : left; 
font-size : 10px; 
height : 250px; 
font-weight : normal; 
border-top : 1px solid #457492; 
} 
#copy {
text-align : left; 
font-size : 10px; 
color : #999999; 
} 
#copy a {
font-size : 10px; 
color : #999999; 
text-decoration : none; 
} 
#copy a:hover {
font-size : 10px; 
color : #ff020e; 
text-decoration : underline; 
} 

 /*  ----------------------------------------------------------- */
 /*  -------------------- Einzelformatierungen ----------------- */

 img.mitar {padding:3px 10px 3px 3px; vertical-align:top;}
 
 
.impressum 
  {
color : #333; 
font-size : 97%; 
margin : 0.5em 0 0.5em; 
} 


 
 span.fakul {
text-align : left; 
font-size : 9px; 
color : #999999; 
} 

div.c11 {
margin-top : 10px; 
text-align : center; 
} 
a.c10 {
color : #6f6f6f; 
font-size : 9px; 
} 
a.c10:hover {
color : #6f6f6f; 
font-size : 9px; 
} 
div.c8 {
font-size : 12px; 
color : #41799e; 
padding-bottom : 5px; 
vertical-align : bottom; 
background-color : #eaeff5; 
} 

span.uniaktuell {
width : 130px; 
border-bottom : 0 solid #ff020e; 
font-size : 13px; 
color : #ff020e; 
padding : 0; 
margin : 0; 
} 
span.c1 {
font-size : 0.75em; 
} 
div.c6 {
margin : -5px 0 0; 
padding : 8px; 
background : #41799e; 
color : #ffffff; 
font-weight : bold; 
} 
span.c5 {
font-size : 80%; 
} 
span.c4 {
padding : 0; 
background-color : #eaeff5; 
} 
form.c3 {
margin : 0; 
padding : 0 10px 0 0; 
} 
form.c8 {
margin : 0; 
padding : 3px 0 41px; 
} 
* html form.c8 {
margin : 0; 
padding : 3px 0 45px; 
} 
input.c2 {
font-size : 7pt; 
margin : 0; 
padding : 0 5px 0 0; 
} 
select.c2 {
font-size : 7pt; 
margin : 0; 
padding : 0; 
} 
div.c1 {
color : #41799e; 
font-size: 95%;
text-align : right; 
font-family : arial, helvetica, sans-serif; 
padding-top:3px;
} 

 .ersti 
  {float:left; vertical-align:top;  margin-bottom:5px; width:100%}
.ersti img.b2 {padding-right:15px; padding-bottom:50px;}
.ersti img.b1 {padding-right:15px; padding-bottom:20px;}
.ersti img.b3 {padding-right:15px; padding-bottom:40px;}


  /* ---------------------------------------------------------------- */
  /*  +++++++++++++ Stylesheets Aktuell +++++++++++++++++*/
  
 table.news1{
 background-image : url(images/mitte_aktuell.gif); color:#fff; width:400px; height: 127px; }
 

  
  .news1  {
font-weight : normal; 
color : #41799e; 
padding : 0 0 0px 0px; 
list-style : none; 
margin : 0; 
text-align : left; 
} 

.news1  a {
font-weight : bold; 
color : #41799e;
text-decoration : none; 
padding : 0 0 0px 0px;
text-align : left;
} 
.news1  a:hover {

font-weight :bold; 
color : #ff020e; 
padding : 0 0 0px 0px;
text-align : left; 
}
  


