/*********************************************************/
/* style-css*/
/*********************************************************/
*{margin:0;padding:0;}

img{border:none;}

html{
  height:100%;
}

body{
  font-size:101%;
  color:black;
}

a{color:#33C;text-decoration:none;}
a:hover, a:focus{text-decoration:underline;}
a:active{color:#D64701;}

#kopf a, #fuss a{text-decoration:none;}

#seite {
  position:absolute;
  top:0; left:0;
  width:99%;
  min-width:58em;
  height:100%;
  padding-top:5px;
  padding-left:0.003em;
  font:0.75em Verdana,Arial,Helvetica,sans-serif;
}


/*****************************************************/
/*-------Kopf---------*/
/****************************************************/
#kopf{
}

/*----------------brotkruemelpfad-------------------*/

#brotkruemelpfad{
  list-style:none;
  font-family:Arial,Helvetica,sans-serif;
  height:2em;
  /*border-bottom:1px solid #ccc;*/
  font-size:0.95em;
  padding:0.1em 0;
  padding-left:0.3em;
  color:black;
  width:100%;
}
#kopf>#brotkruemelpfad{
  height:1.7em;
}

#brotkruemelpfad li{
  float:left;
  padding-left:0.2em;
}

#brotkruemelpfad a{
  color:#33C;
  font-weight:normal;
  padding-right:0.2em;
  border-right:1px solid #33C;
  margin-right:0.1em;
  text-decoration:underline;
}
#brotkruemelpfad a:hover, #brotkruemelpfad a:focus{text-decoration:none;}

/*------------navigationsweiche--------------*/

#navigationsweiche{
  position:absolute;
  left:-500em;
  top:-500em;
}

/*----------------logo------------------*/

#logos{
  background:url(../images/kopf_hinten.jpg) repeat-y top left;
  height:80px;
  width:100%;
  border-top:1px solid #ccc;
}

@media projection{
  #logos{
  background:url(../images/kopf_hinten_bima.jpg) repeat-y top left;
  }
}

#fernuni-text{
  position:absolute;
  right:0.5em;top:4em;
  font-size:1em;
  font-weight:bold;
  z-index:1;
}
#logos a{color:#33C;}

#fernunilogo {
  float:left;
  position:absolute;
  left:0.5em;
  z-index:3;
}

#illustration {
  float:right;
  position:absolute;
  right:0;
  z-index:2;
}

/*------------------rubriken--------------------*/
#balke{
  clear:both;
  background-color:#ccc;
  position:absolute;
  right:0;
  font-weight:bold;
  color:#ccc;
  width:100%;
  height:1.60em;
  padding-left:0.5em;
}

#rubriken{
  font-weight:bold;
  font-size:1.1em;
  position:absolute;
  left:0;
  list-style:none;
  /*margin-top:0.1em;*/
}

#rubriken #focus,#rubriken #studium,#rubriken #forschung,#rubriken #arbeiten{
  float:left;
  color:black;
  position:relative;
  white-space:nowrap;
  margin-right:2.5em;
}

#rubriken #focus{
  margin-right:2em;
}

#rubriken #studium{
  margin-right:3em;
}

#rubriken li a{
  display:block;
  width:3em;
  color:#339;
  text-decoration:none;
  height:1.45em;
  padding:0 1.5em;
}

#rubriken #focus>a, #rubriken #studium>a, #rubriken #forschung>a, #rubriken #arbeiten>a{
  width:auto;
}

#focus a:hover, #focus a:focus,#studium a:hover, #studium a:focus,#forschung a:hover, #forschung a:focus,#arbeiten a:hover, #arbeiten a:focus{
  background-color:#33c;
  color:#fff;
}
#focus a:hover, #focus a:focus, #studium a:hover, #studium a:focus, #forschung a:hover, #forschung a:focus, #arbeiten a:hover, #arbeiten a:focus{
  padding:0 1.5em;
}
#rubriken ul{
  list-style:none;
  margin-top:0.1em;
  padding-left:1.5em;
}

#rubriken li li{
  font:normal 0.8em Arial,Helvetica,sans-serif;
  text-transform:none;
  line-height:1.3em;
}

#rubriken li li a{
  color:#33c;
  text-decoration:none;
  padding:0;
  background:none;
  height:auto;
}

#rubriken li li a:hover, #rubriken li li a:focus{
  padding:0;
  color:#33c;
  text-decoration:underline;
}

#focus ul a:hover, #studium ul a:hover, #forschung ul a:hover, #arbeiten ul a:hover, #focus ul a:focus, #studium ul a:focus, #forschung ul a:focus, #arbeiten ul a:focus{
  background-color:#fff;
}

#sc{
  position:absolute;
  right:0;
  margin-top:2em;
  font:normal 0.9em Arial,Helvetica,sans-serif;
  line-height:1.2em;
}


/*********************************************************/
/*----------Navigation---------------*/
/********************************************************/

#navigation {
  float:left;
  width:16%;
  position:absolute;
  left:0;top:17em;
  padding:0 0 0 5px;
}

#navigation ul, #zusatzinformation ul{
  font-size:0.9em;
}

#themennavigation li,#zusatzinformation li{
  font-family:Arial,Helvetica,sans-serif;
}

#zusatzinformation li{
  padding-bottom:1em;
  line-height:1.1em;
}

#themennavigation{
  margin-bottom:20px;
}

#themennavigation li{
  padding-bottom:5px;
}

#navigation #navitext{
  font-family:Arial,Helvetica,sans-serif;
  margin-top:10px;
  margin-bottom:15px;
}

/*----------------funktionen------------------------*/


#navigation #en{
  margin:50px 0 10px 5px;
  font-weight:normal;
  font-size:0.9em;
}

#navigation #funktionen{
  /*font-family:Arial,Helvetica,sans-serif;*/
  margin-top:0;
  margin-left:5px;
  list-style:none;
  font-size:0.9em;
}

#funktionen li{
  padding:0.1em 0 0 0;
}

#funktionen #suche{
  padding:0 0 5px 0;
}

#suche input{
  border:1px solid #8B8B90;
  background-color:#fff;
}

#suche #sucheingabe{
  border:1px solid #8B8B90;
  width:40%;
  background-color:#fff;
}

#suche #go{
  font-size:1.1em;
  text-align:left;
  color:#33C;
  border:none;
}
/*
#funktionen #kontakt{
  font-weight:bold;
  padding:0 0 0.5em 0;
}

#funktionen #vu{
  font-weight:bold;
  padding:0 0 0.5em 0;
  text-transform:uppercase;
}*/

/********************************************************/
/*-------------inhalt-------------/*
/*******************************************************/

#inhalt {
  float:right;
  position:absolute;
  right:0;top:17em;
  width:81%;
  padding:0;
}

#seite>#inhalt{
  padding-bottom:3em;
}

h1 {
  font-size:1.2em;
  padding-bottom:3px;
  width:100%;
  margin-bottom:10px;
  border-bottom:3px solid #ccc;
}

#titel{
  margin-top:0.1em;
}

/*----------information-------------*/

#information {
  float:left;
  width:73%;
  line-height:1.4em;
  padding-right:0;
  height:37em;
}

#information .all, #zusatzinformation .all{
  text-align:right;
  font:normal 0.9em Arial,Helvetica,sans-serif;
  margin-top:-10px;
  margin-bottom:8px;
}

#inhalt>#information{
  min-height:37em;
  height:auto;
}

.text-block{
  margin-left:30px;
  border-bottom:10px solid white;
  background-color:#E8E8EA;
  height:10em;
  padding:5px 5px 5px 0;
  position:relative;
  z-index:11;
}

#information>.text-block{
  min-height:10em;
  height:auto;
}

.text-block img{
  width:9.2em;
  margin:5px 0 5px -30px;
  float:left;
  position:relative;
  z-index:12;
}

.text-block h2{
  padding-left:7em;
}

.text-block div{
  padding-left:7.7em;
}

.text-block ul{
  padding-left:0.2em;
}

.text-block div ul li{
  background:url(../images/minus.gif) no-repeat 0 0.25em ;
  padding-left:13px;
  margin:0.3em 0;
}

h2 {
  font-size:1.1em;
  margin:0 0 0.5em 0;
}

h3 {
  font-size:1em;
  margin:0 0 0.4em 0;
}

.meldung{
  clear:both;
  line-height:1.3em;
  font-size:0.9em;
  margin-bottom:10px;
  height:9em;
}

#information>.meldung{
  min-height:9em;
  height:auto;
}
.meldung img{
  width:8.23em;
  height:8.23em;
  float:left;
}

.meldung div{
  margin-left:9em;
  padding:1px 0 0 0;
}

#information .meldung>div{
  margin-left:9em;
}
.meldung div h2,.meldung div h3, .meldung div p{
  padding-bottom:3px;
  line-height:1em;
  margin-bottom:0;
  margin-top:0;
}

/*---------------Listen-Format---------------*/

#information ul, #information ol{
  margin:0.5em 0 1em 1em;
  line-height:1.4em;
}

#information ul{
  list-style:none;
}

#information li{
  background:url(../images/minus.gif) no-repeat 0 0.25em ;
  padding-left:13px;
  margin:0.3em 0;
}

#information .buchstaben{
  list-style-type:lower-alpha;
}

#information ol li,#information .liste-ohne-bullet li,#information #team li,#information .buchstaben li{
  margin:0.3em 0;
  background:none;
  padding:0;
}

#information ol li{
  margin-left:1.8em;
}

#information ol>li{
  margin-left:1.6em;
}

#information li ul li{
  list-style:none;
  background:none;
  padding-left:0;
}

#information .pfeil li ul li, #information .stz li ul li, #information ol ul li{
  list-style:none;
  background:url(../images/minus.gif) no-repeat 0 0.25em ;
  margin: 0;
  padding: 0 0 0.1em 13px;
}

#information ul li ol{
  margin-left:0.3em;
}

#information li .liste-ohne-bullet li{
  list-style:none;
  background:none;
  margin-left:-1em;;
}

#information ol ol{
  margin-left:0.3em;
}

#information .pfeil li{
  background:url(../images/pfeil.gif) no-repeat 0 0.25em ;
  padding-left:15px;
  padding-bottom:0.7em;
  margin:0.4em 0;
}

#information .stz li{
  margin-bottom:0.8em;
  padding:0.3em 0.5em 0.3em 1em;
  background:none;
  background-color:#E8E8EA;
}

dl, dl dt{
  margin:0.4em 0;
}

dl dd{
  margin:0.2em 0 0.2em 1em;
}

/****************************************/

p{
  margin:0.7em 0;
}

.bild-links{
  float:left;
  margin:8px 8px 5px 0;
}

.bild-rechts{
  float:right;
  margin:8px 0 5px 8px;
}

.clear{
  clear:both;
}

#autor{
  margin-top:2em;
  font-size:0.9em;
  margin-bottom:3em;
}

/*---------zusatzinformation-------------*/

#zusatzinformation {
  float:right;
  width:24%;
}

#zusatzinformation ul{
  list-style:none;
}


/*------------------fieldset-----------------*/

fieldset{
  padding:0.5em 0.5em 0.5em 0.8em;
  width:90%;
  border:2px solid #ccc;
  margin-bottom:1em;
  margin-top:1em;
  font:0.9em Arial,Helvetica,sans-serif;
}

#zusatzinformation fieldset{
  border-top:none;
  border-bottom:none;
}

legend{
  padding:0 0.3em;
  font:bold 1em Verdana,Arial,Helvetica,sans-serif;
}

/*-----------fuss--------------*/

#fuss{
  clear:both;
  list-style:none;
  height:1.8em;
  font-size:0.9em;
  font-family:Arial,Helvetica,sans-serif;
  padding-top:10px;
}

#fuss a:visited{color:#33C;}

#fuss #copyright{
  float:right;
}


/**************************************************/
/*------------kopf-print----------*/
/**************************************************/
#kopf-print{
  display:none;
  position:absolute;
  top:0; left:0;
  font-size:0.9em;
}