/* CSS für die Startseite des Instituts für Informatik */

/* ----- WRAPPER ----- start */

#wrapper {
  height: 100%;
  
    /* Use a 12px base font size with a 16px line height */
    font-size: 0.75em; /* 16px x .75 = 12px */
    line-height: 1.333em; /* 12px x 1.333 = 16px */

    /* Use a 14px base font size with a 18px line height */
    font-size: 0.875em; /* 16px x .875 = 14px */
    line-height: 1.286em; /* 14px x 1.286 = 18px */
}

#wrapper { 
  line-height:1.2em !important;
  float: none;
  max-width: 985px;
  min-width: 770px;
  border-right: none;
  margin: 0px;
}

#wrapper {
  background: #fff url(../images/Uni-Leipzig.jpg) no-repeat scroll 425px 56px;
  min-height: 570px;
}

/* ----- CONTENT-WRAPPER ----- start */

#content-wrapper {
  float: left;
  width: 99.9%;
  padding: 1em 0;
}

#index #content-wrapper {
  float: left;
  width: 99.9%;
  padding: 1em 0;
}

/* ----- CONTENT ----- start */

#content {
  padding-bottom: 1em;
}

#content {
  padding-bottom: 1em;
}

#content h3 {
  margin: 0 0 .5em 0;
  padding: 1px 5px 0 5px;
  font-size: .8em;
  line-height: 1.6em;
}

#content p {
  padding: 0 5px 5px 5px;
}

* html #content{
    width: 750px !important;
}

#index #content {
  width: 735px;
  margin-left: 20px;
  border: none;
}

/* ----- DREISPALTER ----- start */

.dreispalter{
  clear: both;
}

/* ----- EINS ZWEI DREI --- start */

.eins, .zwei, .drei {
    /*width: 238px;*/
  width:15.9em;
  float: left;
  margin-bottom: 1.1em;
}

/* ----- BLOCK ----- start */

#index .block {
  position: relative;
  overflow:hidden;
  float: left;
    /*width: 229px;
  height: 231px;*/
  width: 15.25em;
  height: 16.4em;
    /* margin: 0 9px 15px 0;  */
  margin: 0px;
  background: url(../images/block.png);
}

#index .block ul {
  padding-left: 5px !important;
}

#index .block li {
  line-height: 1.17em;
  color:#fff;
}

#index .block h3 {
  margin-top: -0px;
  padding-bottom: 3px;
  width: 10.2em;
  background-color: #333;
  font-weight:bold;
  font-size: 1em;
  line-height: 1.5em;
  line-height: 1.2em;
  color: #fff;
  background-image: none;
  margin-bottom: 0px;
}

#index .block p {
  position: absolute;
  bottom: 62px;
  left: 5px;
  color: #fff;
}

#index .block a {
  font-size: .9em;
  color: #fff;
}

#index .block img {
  position: absolute;
  bottom: 9px;
  width: 100%;
  height: 50px;
  background-color: #333;
  /* background-image: url(images/studium_block_3.jpg); */
}

#index .block hr {
  position: absolute;
  bottom: 7px;
  width: 100%;
  height: 2px;
    /* size: 1px; */
  color: #ff0000;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 1px;
  border-top-color: #ffffff;
  border-bottom-color: #000000;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-right-color: #ffffff;
  border-left-color: #ffffff;
}

#content .block ul{
  margin-left: 0px;
    /* margin-top: 20px; */
  margin-top: 0.5em;
  position: relative;
  height:9.5em;
  z-index: 6;
}

*:first-child+html #content .block hr {
  bottom: 7px; 
}

* html .block{
  margin-bottom: 15px;
}

* html .block hr {
  bottom:7px !important;
}

/* ----- BLOCKLINK ----- start */

.blockLink{
  position:absolute;
    /* position:relative; */
    /*margin-bottom:17px;*/
  margin-left:0px;
  left: 5px;
    /*top:185px;*/
  top:11.2em;
  bottom: 0px;
  font-weight:normal;
  font-size:1.1em;
    /*padding-top: 7px;*/
  padding-top:0.4em;
}

.blockLink a:hover{
  text-decoration: underline;
}

/* ----- BLOCKLINK ----- stop */

/* ----- BLOCK ----- stop */

/* ----- EINS ZWEI DREI --- stop */

/* ----- DREISPALTER ----- stop */

/* ----- CONTENT ----- stop */

/* ----- CONTENT-WRAPPER ----- stop */

.about {
  position: absolute;
  z-index: 100;
  left: 450px;
  top: 700px;
  xwidth: 10em;
  font-size: 2.0em;
  font-weight: bold;
  padding: 1.0em 1.0em 1.0em 1.0em;
  background-color: #ddd;
  xborder: thin solid black;
}

.pic600{
  display: none;
  position:  relative;
  height:  82px;
  width:  670px;
  left:  351px;
  top:  297px;
}/* ----- ----- */

.news_box {
  z-index: 10;
  position: absolute;
  top: 404px;
  left: 20px;
  width: 386px;
  color: black;
}

.rss-feed {
  display: none;
  position: absolute;
  top: 398px;
  left: 426px;
  width: 400px;
  background-color: white;  
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 5px;

}

.rss {
  display: block;
  position: relative;
  top: 2px;
  left: 0px;
  width: 390px;
  height: 245px;
  overflow: scroll;
  padding-left: 5px;
  padding-right: 5px;
}

.rss-feed h3 {
  background: #FFFFFF url(../images/bg_teaserbalken_service.jpg) repeat-x 0 0;
  font-size: 12px;
  font-weight: bold;
        padding-left: 5px;
  padding-top: 3px;
  height: 20px;
}

.rss-item {
  display: block;   
}

.rss-item h4 {
  font-size: 0.6em;
  font-weight: normal;
  padding-top: 10px;
}

.rss-item h2 {
  font-size: 0.8em;
  padding-bottom: 3px;
}

.rss-item p {
  font-size: 0.8em;
}

.rss-icon
{
  position: absolute;
  z-index: 20;
  top: 3px;
  left: 368px;
}
.nachruf
{
	visibility: hidden;
	position: absolute;
	z-index: 180;
	margin-left: 20px;
	margin-top: 410px;
	background-color:	white;
	width:	700px;
	#height:	100px;
	#border: thin solid black;
	font-size:	0.8em;
	padding: 5px 5px 5px 5px;
	padding-bottom: 30px;
}

.nachruf .box
{
	border:	2px solid black;
	padding: 10px 10px 10px 10px;
}

.nachruf h3
{
	line-height:	1.8;
}

.nachruf p
{
	height:	0.2em;
}

.nachruf img
{
	height: 10em;
}

.bewerbungsfrist
{
	visibility: hidden;
	position: absolute;
	z-index: 180;
	margin-left: 450px;
	margin-top: 300px;
	background-color:	white;
	width:	280px;
	#height:	100px;
	#border: thick solid red;
	font-size:	0.8em;
	#padding: 5px 5px 5px 5px;
	#margin: 10px 10px 10px 10px;
	color: red;
}

.bewerbungsfrist .box
{
	border: thick solid red;
	padding: 5px 5px 5px 5px;
	margin: 5px 5px 5px 5px;
}

.bewerbungsfrist h2
{
	line-height:	1.8;
	text-align: center;
}
.bewerbungsfrist h3
{
	text-align: center;
}

.bewerbungsfrist .datum
{
	font-size:	1.2em;
	font-weight:	bold;
}