html, body {
/* background : #eaeff5; */


background : #fff; 
min-width: 50em; /* Mindestbreite  Mozilla + Co */
font-size: 100.1%;
margin : 0px;
padding : 0px;
border : 0px;
font-family : arial, helvetica, sans-serif;
height : 100%;
width:100%;
}

#blauHG {
background :#eaeff5;
margin-top: 0px;
border-bottom : 1px solid #457492;
border-top : 1px solid #457492;
}


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

#leisteoben {
		background : transparent;
		color : #333;
		margin : 0;
		padding : 0;
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
		width: 1000px;
		height:130px;
		background-image : url(https://uni-koeln.de/uni/images/siegelhg_1.gif);
		background-repeat : no-repeat;
		background-position : top right;

	}

.ankerpunkte {
 			font-size:0.75em;
			color : #41799e;
			text-align : right;
			font-family : arial, helvetica, sans-serif;
 			display: block;
			float:right;
} 

.ankerpunkte a { 
           color : #41799e;
           text-decoration : none;
           font-family : arial, helvetica, sans-serif;
      }
.ankerpunkte a:hover {
           color : #ff020e;
           text-decoration : underline;
           font-family : arial, helvetica, sans-serif;
      }
.ankerpunkte  a:active {
           color : #41799e;
           text-decoration : underline;
           font-family : arial, helvetica, sans-serif;
      }

	  
	  
#siegel {
		border : 1px;
		margin-left : 40px;
		margin-top : 15px;
		float:left;
	}


#kopftext {
		overflow: auto;
		padding:0;
		text-align: left;
		margin-left : 50px;
		margin-top : 40px;
		float:left;
		color : #41799e;
		font-size : 1.44em;
		font-weight : bold;
		font-family : arial, verdana;
		width: 400px;
		border:0px solid black;
	}


#zielgruppe {
		float: left;
		width:800px;
		padding:0px;
		text-align: left;
		font-size: 0.82em;
		margin-left: 181px;
		margin-top:6px;
		color : #999999;
	}
	
#zielgruppe a {
		font-weight : bold;
		color : #666;
		text-decoration : none;
	}

#zielgruppe a:hover {
		font-weight : bold;
		color : #ff020e;
		text-decoration : underline;
	}
	
.clear {
		clear:both;
	}

 /*  ---------------------------------------------------------------- */
 /*  ------------------------ende kopf ------------------------ */
 
 
#content {
		width: 1000px;
		background-image : url(https://uni-koeln.de/uni/images/siegelunten1.gif); 
		background-repeat : no-repeat;
		background-position : top right;
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
		text-align:left;
	}
 
 
 
 
 
 /*  ---------------------------------------------------------------- */
 /*  ------------------------Navleiste links ------------------------ */

 
 #nav {
 display: block; 
 float : left;
 padding : 28px 0px 0px 0px;
text-align:left;
border:0px solid black;

  }
 
.nav_main {
background-color : transparent;
margin : 0px;
font-size: 0.82em;
font-weight : bold;
color : #41799e;
width : 147px;

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 10px;
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;
}




 /*  ----- Suchformular ------ */
form.suche {
margin : 0;
padding : 10px 10px 30px 0;
}

input.c2 {
font-size : 0.8em;
margin : 0;
padding : 0 5px 0 0;
}

select.c2 {
font-size : 0.8em;
margin : 0;
padding : 0;
border:  1px solid #ccc;
}




  /*  ---------------------------------------------------------------- */
 /*  ------------------------Inhalt Mitte ------------------------ */

#mitte {
float:left;
width: 580px;
display : block;
border : 0px solid #000000;
padding : 0px 0px 10px 0px;
margin: 35px 35px 0px 36px;
color : #333;
text-decoration : none;
font-weight : normal;
background : transparent;
font-size:0.82em;
}


#thema {
display: block;
margin:0px;
 background-color : #fff;
 text-align :left;
 border-top: 1px solid #41799e; 
  border-bottom: 1px solid #bbcaf3; 
  min-height: 200px;
}

#startbild {
float: left;
padding: 0px;
margin: 0px;
}

#thematext  {
padding: 20px;
margin-left: 210px;
}

 #themaheader {
 font-size: 0.82em;
 background:  #41799e;
 color: #fff;
  width:150px;
 padding: 0px 00px 0px 13px;
 margin: 0px;
font-weight: bold;
float: left;
 }
 
 .thema_titel  {
 display: block;
 color:  #ff020e;
 font-weight: bold;
 }

  a.thema_link  {
   display: block;
   color:  #ff020e;
 font-weight: normal;
 text-decoration : none;
 }
 
 a.thema_link:hover {
 
 text-decoration : underline;
  font-weight: normal;
 }
 
 
 
 .nachrichten {
display: block;
margin:10px 0px 0px 0px;
 background-color : #fff;
 text-align :left;
 border-top: 1px solid #41799e; 
  border-bottom: 1px solid #bbcaf3; 

}

 .nachrichtenheader {
 font-size: 0.82em;
 background:  #41799e;
 color: #fff;
 width:150px;
 padding: 0px 0px 0px 13px;
 margin: 0px;
font-weight: bold;
float: left;
 }
 
 .nachrichtentext  {
padding: 10px 20px 20px 20px;
}

 a.nachrichten_titel  {
 display: block;
 color:  #41799e;
 font-weight: normal;
 }
 
  a.nachrichten_titel:hover {
     color:  #ff020e;
 text-decoration : underline;
  font-weight: normal;
 }
 
 
 
  /*  ---------------------------------------------------------------- */
 /*  ------------------------Rubriken rechts ------------------------ */
 
  #rechts
 {
display: block;
  float : right;
  width: 180px;
  margin: 36px 0px 5px 0px;
  padding: 0px; 
 text-align :left;
 border-top: 1px solid #41799e; 
  border-bottom: 1px solid #bbcaf3; 
 }
 
 
 
 .rubrikheader {
 font-size: 0.7em;
 background: #41799e;
 color: #fff;
 width:120px;
 padding: 1px 0px 0px 13px;
 margin: 0px;
font-weight: bold;
 }
 
  .rubrikheader a{
 font-size: 100%;
  background: #41799e;
 color: #fff;
 width:120px;
 padding: 1px 0px 0px 13px;
 margin: 0px;
font-weight: bold;

 }

  
  .rubrikheader a:hover{
 font-size: 100%;
color:#ff020e;
 }

 
 
 
 .termine {
 padding: 10px 20px 0px 15px;
 font-size: 0.75em;
  border-bottom: 1px solid #bbcaf3; 
  min-height:100px;
  margin-bottom:25px;

 }
 
 .terminitem {
  display: block;
padding-bottom: 10px;

 }
 
 
 
 .news_rechts {
   display: block;
padding:0px 0px 10px 0px;;
margin:0px;
 border-top: 1px solid #41799e; 

 }
 
  .newsitem {
  font-size: 0.75em;
  display: block;
padding: 10px 0px 10px 0px;
 min-height: 60px;

 }
 
 
   .newsitembild {
   padding: 5px;
   float: left;

   }

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

#footer {

display : block;
height: 200px;
padding : 0;
margin : 0;
text-align : left;
font-weight : normal;
width: 1000px;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;

}
#copy {
width: 1024px;
text-align : left;
font-size : 0.7em;
color : #999999;
}
#copy a {
color : #999999;
text-decoration : none;
}
#copy a:hover {
color : #ff020e;
text-decoration : underline;
}

.c11 {margin-top:5px;  text-align:center; }
.c10 {color: #6F6F6F; font-size:9px}
 
   /*  ---------------------------------------------------------------- */
 
 A {
color : #296b97;
font-weight : normal;
background : transparent;
text-decoration : none;
}
A:hover {
color : #ff020e;
font-weight : normal;
background : transparent;
text-decoration : none;
}


	   /*  ---------------------------------------------------------------- */
 /*  ------------------------Fakultäten------------------------ */

	    a.fakult {color : #41799e;    text-decoration : none;}
	  a.fakult:hover {color : #ff020e;    text-decoration : none;}

  .fakul {
  display: block;
           margin : 0px 0px 15px 0px;
           border : 0;
           height : 20px;
		   font-size : 100%;
           background-color : transparent;
		   border: 0px solid black;
           }
		   

	 .wiso {
		  float:left; 
		  width: 81px;
		  text-align : left; 
		  background: #77b800; 
		  padding: 1px; 
		  color: #fff;
		  font-size : 0.75em;
		  text-align: left;
	  }
	  
	
	  
	a.wiso:hover {
		  color: #fff;  
		   background: #77b800;
		   text-decoration: underline;
	  }
	  

	#jura {
 
		  float:left; 
		  width: 81px;
		  text-align : left; 
		  background: #9c3c25; 
		  padding: 1px; 
		  color: #fff;
		  font-size : 0.75em;
		  text-align: left;
	}
	
		 a#jura   {
		   background: #9c3c25; 
	  }
	  
	a#jura:hover {
		   background: #9c3c25;
		   text-decoration: underline;
	  }
	  


	  	#med {
	  	  float:left; 
		  width: 81px;
		  text-align : left; 
		  background: #dc291e; 
		  padding: 1px; 
		  color: #fff;
		  font-size : 0.75em;
		  text-align: left;
	  }
	  
	 a#med   {
		   background: #dc291e; 
	  }
	  
	a#med:hover {
		   background: #dc291e;
		   text-decoration: underline;
	  }


	  #phil {
		
		  float:left; 
		  width: 81px;
		  text-align : left; 
		  background: #71277a; 
		  padding: 1px; 
		  color: #fff;
		  font-size : 0.75em;
		  text-align: left;
	  }
	  
	  	 a#phil   {
		   background: #71277a; 
	  }
	  
	a#phil:hover {
		   background: #71277a;
		   text-decoration: underline;
	  }

	  
	
	

	#math {
		  float:left; 
		  width: 81px;
		  text-align : left; 
		  background: #0095c3; 
		  padding: 1px; 
		  color: #fff;
		  font-size : 0.75em;
		  text-align: left;
	  }
	
	a#math   {
		   background: #0095c3; 
	  }
	  
	a#math:hover {
		   background: #0095c3;
		   text-decoration: underline;
	  }




	  	#hf {
		  float:left; 
		  width: 81px;
		  text-align : left; 
		  background: #FF9933; 
		  padding: 1px; 
		  color: #fff;
		  font-size : 0.75em;
		  text-align: left;
	  }
	  
	  	a#hf   {
		   background: #FF9933; 
	  }
	  
	   a#hf:hover {
		   background: #FF9933;
		   text-decoration: underline;
	  }


	 

	  #verw {
		  float:left; 
		  width: 80px;
		  text-align : left; 
		  background: #6d­c6e7; 
		  padding: 1px; 
		  color: #fff;
		  font-size : 0.75em;
		  text-align: left;
			}  
			
	a#verw   {
		   background: #6dc6e7; 
	  }
	  
	   a#verw:hover {
		   background: #6dc6e7;
		   text-decoration: underline;
	  }


 /*  ---------------------------------------------------------------- */