/* Grundlegende Styles */
html {
 font-family: Arial, Helvetica, sans-serif;
 background-color: White;
 color: Black;
}
body {
 padding: 0px;
 margin: 0px;
}
div, li, a {
 font-family: Arial, Helvetica, sans-serif;
 }
/*  Linkstyles  */
/* Festlegung der default Linkfarbe und Style */
a:link {
 color: #3333CC;
 text-decoration: none;
}
a:visited {
 color: #3333CC;
 text-decoration: none;
}
/* Linkstyles der vertikalen Navigation, erben von default (AP)*/
a.navVert {
 margin-bottom: 2pt;
 color: #333399;
}
a.navVert:hover {
 color: #333399;
 background: #FFFFCC;
}
/* Linkstyles der horizontalen Navigation (Dienste u.s.), erben von default (AP)*/
li.navHori {
list-style-image: none;
}
a.navHori:link {
 color: #333399;
}
a.navHori:visited {
 color: #333399;
 text-decoration: none;
}
a.navHori:hover {
 color: #333399;
 background: #FFFF99;
}
/* Linkstyles für die Versionsumschalter (Druckansicht, Englisch), erbt von default (FK)
a.versionSwitch:link {
 color: #000000;
 text-decoration: none;
} */
  
/* a.versionSwitch:visited {
 color: #000000;
 text-decoration: none;
}*/
/* Kopfzeile */
.layerlogo {
 width: 360px;
 margin: 0px;
 position: absolute;
 vertical-align: top;
 z-index: 1;
 height: 105px;
 left: 0px;
 top: 0px;
}
.layerBildOben {
 border: 0px none;
 width: 180px;
 background: #CCCCCC;
 position: absolute;
 z-index: 1;
 height: 105px;
 left: 180px;
 top: 0px;
}
/********************************  Horizontale Navigation  ***********************************/
.allNavHori {
 width: 540px;
 margin: 0px;
 background: #FFFFCC;
 position: absolute;
 height: 105px;
 left: 360px;
 top: 0px;
}
.layerDirektZu {
 width: 180px;
 margin: 0px;
 position: absolute;
 z-index: 2;
 height: 105px;
 left: 0px;
 top: 0px;
}
.navHoriDirektZuHead {
 padding-top: 4px;
 padding-bottom: 4px;
 border-bottom: #FFCC00 1px solid;
 width: 180px;
 color: #333399;
 background: #FFFF99;
 font: normal bold 12px Arial, Helvetica, sans-serif;
 padding-left: 10px;
 height: 16px;
}
.layerInteraktiv {
 width: 180px;
 margin: 0px;
 position: absolute;
 z-index: 2;
 height: 105px;
 left: 180px;
 top: 0px;
}
.navHoriInteraktivHead {
 padding-top: 4px;
 padding-bottom: 4px; 
 border-bottom: #FFCC00 1px solid;
 color: #333399;
 background: #FFFF99;
 font: normal bold 12px Arial, Helvetica, sans-serif;
 text-indent: 10px;
 height: 16px;
}
.layerImpressum {
 width: 180px;
 margin: 0px;
 font: normal 12px Arial, Helvetica, sans-serif;
 text-indent: 10px;
 position: absolute;
 z-index: 4;
 height: 20px;
 left: 180px;
 top: 85px;
}
.layerSuche {
 width: 180px;
 margin: 0px;
 position: absolute;
 z-index: 2;
 height: 105px;
 left: 360px;
 top: 0px;
}
.navHoriSucheHead {
 border-bottom: #FFCC00 1px solid;
 padding-top: 4px;
 padding-bottom: 4px;
 color: #333399;
 background: #FFFF99;
 font: normal bold 12px Arial, Helvetica, sans-serif;
 text-indent: 0px;
 height: 16px;
}
.fontUntermenuepunkteSchwarz{
 color: #000000;
 font: normal 12px Arial, Helvetica, sans-serif;
 position: absolute;
}
.fontSmall{
 color: #000000;
 font: normal 11px Arial, Helvetica, sans-serif;
 position: absolute;
 left: 0px;
 top: 28px;
}
/****************************  linke Navigation  *********************************************/
/* grauer Kasten, der als div alle Navigation links umschließt (AP)*/
.layerHauptNavBackground {
 width: 180px;
 background: #eeeeee;
 font: normal 12px Arial, Helvetica, sans-serif;
 position: absolute;
 z-index: 1;
 left: 0px;
 top: 105px;
 height: 600px;
 max-width: 180px;
} 
 
/* Rahmen für Links zu zB englischer, PrintVersion (AP)*/
.layerVersionsAuswahl{
 width: 170px;
 margin-left: 10px;
 position: relative;
 height: 60px;
 }
/* Positionsrahmen für die beiden Menüberschriften (DK)*/
.layerMenuePositons {
 width: 180px;
 position: relative;
}
.layerMenueUeberschrift_fuer {
 width: 180px;
 border-width: 1px;
 border-style: solid;
 border-color: #FFCC00;
 background: #FFFF99;
 height: auto;
}
.layerMenueUeberschrift_ueber {
 width: 180px;
 border-width: 1px;
 border-style: solid;
 border-color: #FFCC00;
 margin-top: 30px;
 background: #FFFF99;
 height: auto;
}
/* folgender Font ist mittlerweile Blau, 2005 (KS)*/
.fontMenuepunkteFettWeiss {
 margin-top: 4px;
 margin-left: 10px;
 margin-bottom: 4px;
 color: #333399;
 font: normal bold 13px Arial, Helvetica, sans-serif;
}
/****************************  Ebenenzeiger  ***********************************************/
/* Platz für Ebenenzeiger (DK)*/
.layerBreadcrumb {
 width: 600px;
 margin: 25px;
 color: #333399;
 position: absolute;
 z-index: 1;
 left: 195px;
 top: 105px;
 height: 1%;
}
/* Font Ebenenzeiger (DK)*/
.fontBreadcrumb {
 color: #333399;
 font: normal 12px Arial, Helvetica, sans-serif;
}
.fontInhaltText, td, th, p, font, li {
 font: normal 12px Arial, Helvetica, sans-serif;
}
/* für Vorlesungsverzeichnis aus studip */

.h3 {
 font: bold 12px Arial, Helvetica, sans-serif;
}
      td, th {
 text-align: left;
 vertical-align: top;
}
/* Ende studip */
.reddot{
 color: #FF0000;
 font: normal 9px Arial, Helvetica, sans-serif;
}
h1, .h1, .fontInhaltBigheadline{
 color: #333399;
 font: 18px Arial, Helvetica, sans-serif;
 margin: 0px;
 padding-top: 10px;
 padding-bottom: 5px; 
}

.h2, .fontInhaltHeadline{
 font: bold 16px Arial, Helvetica, sans-serif; 
}

/******** Styles aus TXO_BASICS: WICHTIG FUER MENUES ***********************************/
/******** Styles aus TXO_COMPLIANT: WICHTIG FUER MENUES *************************************/
.mainMenu {
 PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; TEXT-INDENT: 0px; PADDING-TOP: 1em;  WIDTH: 180px; BACKGROUND-COLOR: #eeeeee
}
.navMenu {
 PADDING-RIGHT: 0px; DISPLAY: none; PADDING-LEFT: 0px; LEFT: 180px; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #333399; TEXT-INDENT: 0px; PADDING-TOP: 0px; POSITION: absolute; TOP: -1px; WIDTH: 180px; BACKGROUND-COLOR: #eeeeee;
}
.mainMenu LI {
 PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #333399; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; POSITION: relative; BORDER: 1px solid #eeeeee;

}
.mainMenu LI A:link {
 PADDING-RIGHT: 0px; DISPLAY: block; PADDING-BOTTOM: 0px; COLOR: #333399; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none
}
.mainMenu LI A:visited {
 PADDING-RIGHT: 0px; DISPLAY: block; PADDING-BOTTOM: 0px; COLOR: #333399; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none
}
.mainMenu LI A:link {
 DISPLAY: block; MARGIN-LEFT: 0px; WIDTH: auto; HEIGHT: auto
}
.mainMenu LI A:visited {
 DISPLAY: block; MARGIN-LEFT: 0px; WIDTH: auto; HEIGHT: auto
}
UNKNOWN {
 DISPLAY: block; HEIGHT: auto
}
.mainMenu LI A:hover {
 COLOR: #333399; BACKGROUND-COLOR: #ffffcc! important
}
.mainMenu LI A:active {
 COLOR: #333399; BACKGROUND-COLOR: #ffffcc! important
}
.mainMenu LI A.activeItem {
 COLOR: #333399; BACKGROUND-COLOR: #ffffcc! important
}
.menuEnd {
 CLEAR: both
}
.hasSubMenu {
 BACKGROUND-POSITION: right center; BACKGROUND-IMAGE: url(http://www.sozialwiss.uni-osnabrueck.de/images/hasSubMenu.gif); COLOR: #fff; BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: transparent;
}
.hasSubMenuActive {
 BACKGROUND-POSITION: right center; BACKGROUND-IMAGE: url(http://www.sozialwiss.uni-osnabrueck.de/images/hasSubMenuActive.gif)! important; COLOR: #333399!important; BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: #ffffcc! important
}
.showMenu {
 DISPLAY: block! important
}



.content {
 margin-left:220px;
 margin-top:165px;
 margin-right: 25px;
 position: absolute;
 width: 653px;
}
.contentschmal {
 width: 460px;
 float: left;
}
/****************************  Bereichssitemap und vierte Nav-Ebene *************************************************/
/* Bereichsitemap positionieren (KS)*/
/* Liste Bereichssitemap*/
.listBMap {
 list-style-image: url(http://www.sozialwiss.uni-osnabrueck.de/images/dreieck_kl.gif);
 font: 12px Arial, Helvetica, sans-serif;
}
/* Menüpunkte positionieren (KS)*/
.layerVierteNav{
 background: #EEEEEE;
 position: relative;
 visibility: visible;
 padding-bottom: 2px;
 margin-bottom: 10px;
 }
/* Font Menüpunkte 4. Ebene (KS)*/
.fontMenuVier {
 color: #666666;
 font: normal 12px Arial, Helvetica, sans-serif;
}
/****************************  Ende Bereichssitemap und vierte Ebene******************************************/
/****************************  Infokästen auf rechter Seite ***********************************/
/* Rahmen für Infokästen auf rechter Seite, Infokästen sind unterteilt in
   Headline und Text (DK)*/
.infokasten {
 margin-bottom: 25px;
 }
.layerInfokaesten {
 float: right;
 width: 180px;
 visibility: visible;
 position: relative;
 left: +25px;
}
.layerInfokastenHeadline {
 border-right: #FFCC00 1px solid;
 border-top: #FFCC00 1px solid;
 border-left: #FFCC00 1px solid;
 width: 180px;
 border-bottom: #FFCC00 1px solid; 
 padding-bottom: 4px;
 background: #FFFF99;
 height: auto; 
 overflow:visible;
}
.fontInfokastenHeadline {
 margin-top: 4px;
 margin-left: 10px;
 color: #333399;
 font: normal bold 12px Arial, Helvetica, sans-serif;
}
.layerInfokastenBild {
 border-right: #FFCC00 1px solid;
 border-left: #FFCC00 1px solid;
 width: 180px;
 border-bottom: #FFCC00 1px solid;
 background: #FFFFFF;
}
.layerInfokastenText {
 border-right: #FFCC00 1px solid;
 border-left: #FFCC00 1px solid;
 width: 180px;
 border-bottom: #FFCC00 1px solid;
 background: #FFFFFF;
 overflow:visible;
}
.fontInfokastenText {
 padding: 10px;
 font: normal 12px Arial, Helvetica, sans-serif;
}
/*****************************************************   Überschriften ************************************************************/
.fontInhaltBigheadline{
 color: #333399;
 font: 18px Arial, Helvetica, sans-serif;
 padding-bottom: 8px;
}
.fontInhaltHeadline{
 font: bold 16px Arial, Helvetica, sans-serif;
 padding-bottom: 5px;
}
 
/********** FOOTER ********************************************************************************/
.Footer {
 clear: both;
 padding-top: 10px;
 color: #666666;
 font: 9px Arial, Helvetica, serif;
}
.fontFooter {
display: none;
}