* {margin:0;padding:0;}

img {border:none;}

html {
  height:100%;
}

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

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

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

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

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

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

#brotkruemelpfad {
  list-style:none;
  height:2em;
  font-size:0.95em;
  font-family:Arial,Helvetica,sans-serif;
  padding:0.1em 0;
  padding-left:0.3em;
  color:black;
}
#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 #33c;*/
}

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

#fernuni-text{
  position:absolute;
  right:5px;top:2.5em;
  font-size:10px;
  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:#339;
  position:absolute;
  right:0;
  font-weight:bold;
  color:#339;
  width:100%;
  height:1.60em;
  padding-left:0.5em;
}

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

#rubriken li{
  float:left;
  color:black;
  position:relative;
  white-space:nowrap;
  padding-bottom:0.2em;
  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 li>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;
}

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

#navigation {
  float:left;
  font-weight:bold;
  font-family:Arial,Helvetica,sans-serif;
  width:15%;
  position:relative;
  left:0; top:2em;
  padding:1.4em 0 0 5px;
}

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

#navigation #navigation-ueberschrift,#navigation .navigation-ueberschrift{
  font-size:1em;
  border-bottom:3px solid #33c;
  padding:0.3em 0.2em 0.3em 0.5em;
}
/*------------------themennavigation--------------*/

#navigation #themennavigation,#navigation .themennavigation{
  list-style:none;
  padding:0.5em 0.2em 0.5em 0.7em;
  font-size:0.9em;
}

#navigation #themennavigation li,#navigation .themennavigation li{
  line-height:1.3em;
  background:url(../images/menu_minus.gif) no-repeat 0 0.2em;
  padding: 0 0 0 12px;
  margin-bottom:0.5em;
}
/*-----------Social-Medien--------------*/

#navigation #social{
  margin-top:30px;
  padding:0 0 0 5px;
  font-size:0.9em;
}
#navigation #social ul{
  list-style:none;
  padding-top:3px;
}
#navigation #social ul li{
  float:left;
  padding:3px 10px 3px 0;
}
#navigation #social div{
  clear:both;
  font-family:Arial,Helvetica,sans-serif;
  font-weight:normal;
  line-height:1.1em;
}
/*----------------Funktionen (Kontakt,Suche etc.)--------*/

#navigation #funktionen{
  font-family:Verdana,Arial,Helvetica,sans-serif;
  margin-top:20px;
  margin-left:5px;
  list-style:none;
  font-size:0.9em;
  font-weight:normal;
}

#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;
}

/*------------LG-Funktionen-Menü----------*/
#navigation #lg-funktionen{
  margin-top:5px;
  margin-left:5px;
  list-style:none;
  font-weight:normal;
  font-size:0.9em;
}
#navigation #lg-fernuni{
  margin-top:2em;
  border-bottom:2px solid #33c;
  font-weight:normal;
  letter-spacing:0.1em;
  padding:1.4em 0 0 0.5em;
}

#lg-funktionen #lg-vu{
  padding:0;
  /*text-transform:uppercase;*/
  margin-bottom:0.15em;
}
#lg-funktionen .lg{
  margin-bottom:0.15em;
}
/********************************************************/
/*-------------Inhalt-------------/*
/*******************************************************/

#inhalt {
  float:right;
/*
  position:absolute;
  right:0;
*/
  width:83.5%;
  padding:1em 0.5em 2em 0.5em;
  margin-top:2.3em;
}

#seite>#inhalt{
  width:79.5%;
  padding-bottom:3em;
  padding-top:1em;
}

h1 {
  font-size:1.2em;
  padding-bottom:0.5em;
  padding-left:0.5em;
  letter-spacing:0.02em;
}

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

#information {
  float:left;
  width:71%;
  line-height:1.4em;
  padding:1em 0.5em 1em 1.5em;
  height:40em;
}

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

/******************************************************/
/*-----------Elemente------------------*/
/*****************************************************/

h2 {
  font-size:1.1em;
  margin:0 0 1em 0;
  letter-spacing:0.02em;
}

.pfeil li h2{
  margin-bottom:0.3em;
}

h2 a{text-decoration:none;}
h2 a:hover{text-decoration:underline;}

h3,h4 {
  font-size:0.9em;
  margin:0.6em 0 0.4em 0;
  line-height:1.3em;
}

h2.grau,h3.grau,h4.grau {
  padding:0.2em 0 0.2em 0.2em;
}

p{
  margin:0 0 0.7em 0;
}

.zurueck{
  clear:both;
  float:right;
  font-size:0.9em;
}

pre{
  font-size:1.1em;
}

address{
  font-style:normal;
}

.clear{
  clear:both;
}

.kleiner{
  padding-top:1em;
  font-size:0.9em;
}

#autor{
  clear:both;
  padding-top:3em;
  font-size:0.9em;
  margin-bottom:3em;
}

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

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

#information .text-block-rahmen-90 ul, #information .text-block-rahmen-90 ol{
  margin-left:0;
  line-height:1.3em;
  padding-left:0;
}

#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, #information ol li .buchstaben{
  list-style-type:lower-alpha;
  margin:0.5em 0 1em 2.4em;
}

#information .buchstaben li{
  margin:0.3em 0;
  background:none;
  padding:0;
}

#information ol li .buchstaben li{
  list-style-type:lower-alpha;
  margin:0.3em 0;
}

#information ol li,#information .liste-ohne-bullet li,#information #team 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, #information .liste-ohne-bullet li 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 .liste-ohne-bullet li{
  list-style:none;
  background:none;
  margin-left:-1.5em;
  padding-bottom:0.2em;
}

#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.2em ;
  padding-left:15px;
  margin:0.5em 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;
}

#information ul .literaturliste,#information .literaturliste li {
list-style:none;
list-style-image:none;
text-indent: -1em;
background:none !important;
}

.unterstrich {
border-bottom:1px solid #E8E8EA;
padding-top:1em;
}

.publikationen {
padding-left:33px;
}

/*----------Tabellen----------*/

table{
  border-collapse:collapse;
  font-family:Arial,Helvetica,sans-serif;
  font-size:1em;
  line-height:1.3em;
  margin-top:1em;
  margin-bottom:1em;
}

.tabelle100{
  width:99%;
}

caption{
  text-align:left;
  font-size:1em;
  margin-bottom:0.5em;
  font-weight:bold;
}

td, th{
  padding:0.3em;
  vertical-align:top;
  text-align:left;
  border:1px solid #999;
}

th{
  font-weight:bold;
  background-color:#E8E8EA;
  white-space:nowrap;
}

#information td ul,#information th ul,.text-block td ul,.text-block th ul{
  margin:0;
  padding:0;
}

#information td ul li,#information th ul li,.text-block td ul li,.text-block th ul li{
/* Warum bloss werden Spiegelstrichlisten in Tabellen abgeschaltet?
  background:none;
  margin:0;
  padding:0 0 0.3em 0;
*/
}

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

.zusammen{
  white-space:nowrap;
}

.linksbuendig{
  text-align:left;
}

.rechtsbuendig{
  text-align:right;
}

.zentriert{
  text-align:center;
}

.unterstrichen{
  border-bottom:2px solid #339;
  padding-bottom:2px;
}

.versteckt{
  display:none;
}

.halb{
  width:50%;
}

.drittel{
  width:30%;
}

.viertel{
  width:25%;
}

.tabelle-grau{
  background-color:#E8E8EA;
}

.tabelle-grau100, #stelle{
  background-color:#E8E8EA;
  width:99%;
}

.ohne-rahmen,.ohne-rahmen100{
  font-family:Verdana,Arial,Helvetica,sans-serif;
  margin-top:0.5em;
}
.ohne-rahmen td,.ohne-rahmen th, .ohne-rahmen100 td, .ohne-rahmen100 th{
  border:none;
  background:none;
  padding:0.3em 0.6em 0.3em 0;
}

.ohne-rahmen td img, .ohne-rahmen100 td img{
  width:7em;
  float:left;
  margin:0 0 1em 1em;
  border:1px solid #A5C3FB;
}

.ohne-rahmen100{
  width:99.5%;
}

.tabelle-grau td, .tabelle-grau th, .tabelle-grau100 td, .tabelle-grau100 th, #stelle td, #stelle th{
  border:2px solid #FFF;
}

#stelle td, #stelle th{
  padding:0.5em;
}

.tabelle-weiss100, .ohne-rahmen100{
  width:99%;
}

#infohefte, #infohefteklein{
  width:99.5%;
}

#infohefte td img, #infohefteklein td img{
  float:left;
  margin-right:1em;
  margin-bottom:1em;
}

#infohefte td img {
  width:7em;
}

#infohefteklein td img {
  width:5em;
  border:1px solid #000;
}
#infohefte th, #infohefte td, #infohefteklein th, #infohefteklein td{
  border:none;
}

#stellenangebot{
  font-family:Verdana,Arial,Helvetica,sans-serif;
  width:99.5%;
}

.tabelle-weiss, .tabelle-weiss th, .tabelle-weiss100, .tabelle-weiss100 th, #stellenangebot th{
  background-color:#fff;
}
.tabelle-weiss td, .tabelle-weiss th, .tabelle-weiss100 td, .tabelle-weiss100 th, #stellenangebot th, #stellenangebot td{
  border:2px solid #E8E8EA;
}

#kontakt-person td input{
  margin:0;
  width:auto;
}

#kontakt-person td,#kontakt-person th{
  padding:0.2em;
  border:none;
  border-bottom:2px solid #fff;
}
#kontakt-person th{
  width:30%;
  vertical-align:middle;
  white-space:nowrap;
}

.grau,.tabelle-weiss .grau,.tabelle-weiss100 .grau,.ohne-rahmen .grau,.ohne-rahmen100 .grau{
  background-color:#E8E8EA;
}

/*----------Text-Block's (div's)----------*/

#information .text-block{
  clear:both;
  margin-left:30px;
  margin-bottom:0.3em;
  border-bottom:10px solid white;
  background-color:#e0e0e0;
  height:12.5em;
  padding:1.5em 1em 1.5em 0;
}

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

#information .text-block img, #information .text-block90 img{
  width:90px;
  margin:0 0 0 -30px;
  float:left;
  position:relative;
}

#information .text-block div, #information .text-block90 div{
  margin-left:80px;
}

#information .text-block div div, #information .text-block90 div div{
  margin-left:0;
}

#information #text-block-hintergr{
  background:url(../images/visi_icons.gif) no-repeat bottom right;
  background-color:/*#e0e0e0*/#E8E8EA;
}

#information .text-block90{
  clear:both;
  margin-left:30px;
  margin-bottom:20px;
  border-bottom:10px solid white;
  background-color:#e0e0e0;
  height:7.5em;
  padding:1.5em 1em 1.5em 0;
}
#information>.text-block90{
  min-height:7.5em;
  height:auto;
}

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

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

.block{
  clear:both;
  margin-top:1em;
}

.block .ueberschrift-grau, .ueberschrift-grau{
  background-color:#e0e0e0;
  padding:0.2em;
}

.block p, .block div{
  margin-top:0.5em;
}

#information .block ul{
  margin-left:0;
}

.stimmen{
  clear:both;
  margin-top:1em;
  margin-bottom:1.5em;
  line-height:1.3em;
}

.stimmen img{
  width:7.03em;
  float:left;
  padding-right:10px;
  padding-top:5px;
}

.stimmen div{
  margin-left:7.8em;
  padding:0;
}


.stimmen div h2,.stimmen div h3, .stimmen div p{
  margin-bottom:0;
  margin-top:0;
}

/*--------Text-Block110------*/
.text-block110{
  margin-left:30px;
  border-bottom:10px solid white;
  background-color:#e0e0e0;
  height:10em;
  padding:5px 5px 5px 0;
  position:relative;
  z-index:11;
}

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

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

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

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

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

#information .text-block-rahmen{
  clear:both;
  margin-left:30px;
  margin-bottom:15px;
  border:3px solid #339;
  background-color:#fff;
  height:12.5em;
  padding:1.5em 1em 1.5em 0;
}

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

#information .text-block-rahmen img, #information .text-block-rahmen-90 img{
  width:90px;
  margin:0 0 0 -30px;
  float:left;
  position:relative;
}

#information .text-block-rahmen div, #information .text-block-rahmen-90 div{
  margin-left:80px;
}

#information .text-block-rahmen div div, #information .text-block-rahmen-90 div div{
  margin-left:0;
}

#information .text-block-rahmen-90{
  clear:both;
  margin-left:30px;
  margin-bottom:15px;
  border:3px solid #339;
  background-color:#fff;
  height:7.5em;
  padding:1em 1em 1em 0;
}
#information>.text-block-rahmen-90{
  min-height:7.5em;
  height:auto;
}

.text-block-rahmen #hoehe250{
  height:22em;
}

.text-block-rahmen #hoehe350{
  height:30em;
}

.text-block-rahmen-110{
  margin-left:30px;
  margin-bottom:15px;
  border:3px solid #339;
  background-color:#fff;
  height:10em;
  padding:5px 5px 5px 0;
  position:relative;
  z-index:11;
}

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

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

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

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

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

.player-right {text-align:right;}
.player-center {text-align:center;}
.player-text-right {clear:both;float:left;margin:0 10px 10px 0}
.player-text-left {clear:both;float:right;margin:0 0 10px 10px}

/*---------------Bild-Format--------------------*/
#information img{ /*
  width:30%;*/
}

.bild-links{
  clear:both;
  float:left;
  margin:0 15px 5px 0;
}

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

.foto-rechts, .foto-links, .foto-gross, .foto-klein-rechts, .foto-klein-links, .symbol-links, .symbol-rechts{
  clear:both;
  background-color:#e0e0e0;
  padding:8px;
  font:0.9em normal Arial,Helvetica,sans-serif;
  margin-top:10px;
  margin-bottom:10px;
}
.foto-links img, .foto-rechts img, .foto-gross img, .foto-klein-links img, .foto-klein-rechts img, .symbol-links img, .symbol-rechts img{
  margin-bottom:5px;
  width:100%;
}

.foto-links{
  margin-right:10px;
  float:left;
  width:29.3em;
}

.foto-rechts{
  margin-left:10px;
  float:right;
  width:29.3em;
}
#information>.foto-links, #information>.foto-rechts, .block>.foto-links, .block>.foto-rechts{
  width:27.8em;
}

.foto-gross{
  width:47.8em;
}

#information>.foto-gross,.block>.foto-gross{
  width:46.3em;
}

.foto-klein-links{
  margin-right:10px;
  float:left;
  width:20em;
}

.foto-klein-rechts{
  margin-left:10px;
  float:right;
  width:20em;
}

#information>.foto-klein-links, #information>.foto-klein-rechts, .block>.foto-klein-links, .block>.foto-klein-rechts{
  width:18.5em;
}

.symbol-links{
  margin-right:10px;
  float:left;
  width:9.8em;
}

.symbol-rechts{
  margin-left:10px;
  float:right;
  width:9.8em;
}

#information>.symbol-links, #information>.symbol-rechts, .block>.symbol-links, .block>.symbol-rechts{
  width:8.3em;
}

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

#zusatzinformation {
  float:right;
  width:23%;
  font-size:0.9em;
  font-family:Arial,Helvetica,sans-serif;
  padding-top:2em;
}

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

#zusatzinformation ul{
  list-style:none;
  padding-bottom:5px;
}

#zusatzinformation li{
  padding-bottom:5px;
  font-weight:bold;
}

#zusatzinformation li ul{
  padding-top:0.5em;
  margin-top:0.2em;
  padding-left:5px;
  border:none;
  border-top:3px solid #ccc;
}

#zusatzinformation ul .letterliste {
  padding-bottom:0.5em;
}

#zusatzinformation li li{
  background:url(../images/minus.gif) no-repeat 0 0.1em;
  padding-left:12px;
  padding-bottom:0.3em;
  font-weight:normal;
  line-height:1.1em;
}

#zusatzinformation li .video li{
  background:none;
}

#inhalt #zusatzinformation ol{
  margin:0;
  padding:10px 0 20px 0;
}

#inhalt #zusatzinformation ol li{
  padding-bottom:0;
  margin-left:2.8em;
  padding-left:0;
  font-weight:normal;
}

#zusatzinformation h3{
  font-size:1em;
  margin:0;
  margin-top:-1em;
}

.alle{
  font-weight:normal;
  padding-left:1.5em;
}

/*************ics************/

form #ics, form .ics {
  background:url(../images/kalender.jpg) no-repeat 0 -3px;
  /*margin:0 0 15px 0;*/
  margin:0;
  padding-left:22px;
  border:1px dotted #339;
  background-color:transparent;
  font-family:Arial,Helvetica,sans-serif;
  font-weight:bold;
  font-size:1em;
  color:#339;

}

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

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

#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;
}

span.kontaktmailschutz { unicode-bidi:bidi-override; direction: rtl; }

label.unsichtbar {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}