/*CSS D. Czukta, H. Spoerl, S. Raffel*/

a {
  color: #cc3300;
  text-decoration: none;
}

a:visited {
  color: #cc3300;
  text-decoration:none;
}

a:hover {
  color: #cc3300;
  text-decoration: none;
}

a img {
  border: 0;
}

div {
  margin: 0;
  padding: 0;
    
}

h1 {
  font-weight: 900;
  color: #030385;
  font-size: 114%;
  padding: 0;
  margin: 0.3em 0 0 0.6em;
  letter-spacing: 0.07em;
}

h1.start {
  font-weight: 600;
  color: #030385;
  font-size: 106%;
  padding: 0;
  margin: 0 0 0 0;
  letter-spacing: 0.05em;
}

h1.alias {
  font-weight: 600;
  color: #030385;
  font-size: 106%;
  padding: 0;
  margin: 0.3em 0 0 0.6em;
  letter-spacing: 0.05em;
}

h2 {
  font-weight: 600;
  color: #030385;
  font-size: 106%;
  padding: 0;
  margin: 0.3em 0 0 0.6em;
  letter-spacing: 0.05em;
}


h3 {
        font-weight: 400;
        font-size: 108%;
        color: #030385;
        padding: 0;
        margin: 0.3em 0 0 0.6em;
        letter-spacing: 0.05em;
}

h3.kontakt {
  margin: 0;
  padding: 0;
}

.kontakt {
  margin: 0;
  padding: 0;
}

h4 {
  font-weight: 400;
  color: #030385;
  font-size: 104%;
  padding: 0;
  margin: 0.3em 0 0 0.6em;
  letter-spacing: 0.04em;
}

h5 {
  font-weight: lighter;
  color: #030385;
  font-size: 100%;
  padding: 0;
  margin: 0.3em 0 0 0.6em;
}

h6 {
  font-weight: lighter;
  color: #030385;
  font-size: 100%;
  padding: 0;
  margin: 0.3em 0 0 0.6em;
}

p {
  margin: 0.3em 0 0.8em 0.6em;
  padding: 0;
  font-size: 100%;
  color: #000000;
}

p.bodytext {}


.start {
  margin: 0.8em 0 0 0.6em;
}

div.start_links {
  margin: 0 0 0 0;
}

div.start_links1 {
  margin: 0.6em 0 0 0;
}

div.start_linksabstand {
  margin: 0 0 0 0.6em;
}

body {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  background-color: #ffffff;
  font-size: 13pt;
  text-align: left;
  margin: 0;
  padding: 0;
  color: #000000;
}

.fett {
  font-weight: bold;
}



.smaller {
  font-size: 0.85em;
  line-height: 1.15em;
  padding: 1%;
}

/*
ul {
  in  rte_test.css
}
*/

ul > li {
  padding: 0.1em 0 0.2em 0;
  margin: 0 0 0 0;
}

ul > li > ul {
  padding: 0;
  margin: 0;
}

ul > li > ul > li {
  padding: 0;
  margin: 0;
}

hr {
  text-align: center;
  height:0.15em;
  margin: 0.5em 0 0.5em 0;
  padding: 0;
  color: #ffffff;
  background-color: #ffffff;
  width: 100%;
  border: none;
}

.warntxt {
         font-size: 110%;
         font-weight: bold;
         background-color: #aaaaaa;
}

small  {
  font-size: small;
}

/* Grafiken nicht loeschen */

#lupe {
  position:relative; top:0.1em;
}

#lupe1 {

  position:relative; top:3px;
}

#lupe2 {

  position:relative; top:3px; left:5px;
}

/* ab hier Corp-Design */
#header {
  position:relative;
  top: 0px;
  margin: 0px;
  height: 100px;
  width: 100%;
  left: 0px;
  padding: 0px;
  background-image: url(ub_bg1px.jpg);
  background-repeat: repeat-x;
  border-bottom: 1px solid #030385;
  overflow:hidden;
  z-index:999;
}

#departmentheader {
        width: 19%;
        line-height:1.3em;
        border: 0;
        margin: 0;
        padding: 0;
        overflow:hidden;
        font-size: 1.3em;
        color: #030385;
}

#departmentheader a {
  color: #030385;
  text-decoration: none;
}


#departmentlogo {
  position: absolute;
  width: 19%;
  left: 0px;
  top: 0px;
  border: 0px;
  margin: 0 10px 0 0;
  padding: 0;
  overflow:hidden;
  z-index:999;
  
}

#departmentlogo img {  
  margin: 0 1em 0 0;
  z-index:999;  
}

#departmentlogo2 {
  width: 219px;
  height: 100px;
  border: 0;
  margin: 0 0 0 5px;
  padding: 0;
  overflow:hidden;
  z-index:999;
}

#sitelogo {
  height: 100px;
  width: 76.5%;
  border: 0;
  margin: 0 0 0 19%;
  padding: 0;
  overflow:hidden;
}

#unilogo {
  position: absolute;
  right: 45px;
  top: 0;
  height: 100px;
  text-align: right;
  border: 0;
  margin: 0;
  padding: 0;
  overflow:hidden;
}

/* Navigationsleiste unter dem Unilogo */
#departmentmainmenu {
  text-align: right;
  margin-top: 3px;
  margin-bottom: 3px;
  width: 100%;
  height: auto;
  padding:0;
  font-size:90%;
}

#departmentmainmenu  ul {
  margin: 0;
  height: 1.5em;
  padding: 0;
  text-align: right;

}

#departmentmainmenu li {
  padding: 0;
  margin: 0;
}

#departmentmainmenu  a, #divisionmainmenu a:visited {
  color: #030385;
  text-decoration: none;
  padding-right: 0.3em;
  padding-left: 0.3em;
  margin-right: 0;
}

#departmentmainmenu  a:hover, #divisionmainmenu a:visited:hover {
  color: #030385;
}

#departmentmainmenu .active {
        font-weight:bold;
}

#departmentmainmenu .last {
  border-right: 0px solid black;
  margin-right: 0.3em;
  padding-right: 0;
}

#departmentmainmenu span {
  font-size: 0.8em;
  color:  #030385;
  padding-right: 0;
  margin-right: 0;
}

/* Menus auf der linken Seite  */

#suchbox {
  margin-left: 10px;
  margin-top: 3ex;
  padding:0;
  font-size: 0.8em;
}

#such {
  clear: left;
}

/* Neue Hauptnavi aus Typonx 21.05.2009 */

#side {
        clear: both;
        width: 17%;
        top: 0;
        background-color: transparent;
        padding:0;
        margin: 0;
        left: 0px;
        top: 125px;
        border: 0px;
        float: left;
        overflow: hidden;
        display: inline;
}


.sidemenu {
        margin: 0;
        padding: 0;
        list-style-type: none;
}

.cur {
        font-weight: bold;
        color: #030385;

}

.cur ul li {
        font-weight: normal;
        color: #030385;

}

.sidemenu_ul {
        list-style-type: none;
        margin: 0 0 0 0.6em;
        padding: 0;
}


.sidemenu_ul ul {
        list-style-type: none;
        list-style-position: outside;
        margin: 0.3em 0 0 0.4em;
        padding: 0;
        font-size: 1em;
}

.sidemenu_ul ul li {
        list-style-type: none;
        list-style-position: outside;
        margin: 0.1em 0 0.3em 0.6em;
        padding: 0;
        font-size: 0.8em;
        line-height: 1em;
        background-color: transparent;
}

.sidemenu_ul a {
        display:block;
        color: #030385;
        text-decoration: none;
        font-size:0.9em;
        width:100%;
}

.sidemenu_ul a:hover {
        display:block;
        color: #cc3300;
        text-decoration: none;
        font-size:0.9em;
        width:100%;
}

/* ENDE neue Hauptsnavi */



/* Infobox, f. Katalog u. spezielle Angebote */
#outerinfobox {
  font-size: 0.9em;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
}


/* Links in Outerinfobox schwaerzen */
#outerinfobox a {
  color: #030385;
  display:block;
  text-decoration: none;
  width:100%;
}

#outerinfobox a:hover {
  color: #cc3300;
  text-decoration: none;
}

/* wie ul sidemenu */
#outerinfobox ul {
  list-style-type: none;
  list-style-position: outside;
  margin-left: 0.6em;
  margin-bottom: 4px;
  margin-right: 0;
  padding: 0px;
  line-height: 1.2em;
  font-size: 1em;
}

#outerinfobox .infoboxheader{
  color: #ffffff;
  font-size: 1em;
  background-color: #030385;
  margin: 0;
  padding: 6px 0 6px 6px;
}

#outerinfobox .infoboxheader a {
        color: #ffffff;
        text-decoration: none;
        margin: 0;
        padding: 0;
}

/* Fuer die Zielgruppen in spezielle Angebote wird .infoboxcontent 

genutzt */

#outerinfobox .infoboxcontent {
  background-color: transparent;
  padding: 0px;
  margin-left: 8px;
  margin-bottom: 4px;
  line-height: 1em;
  font-size: 0.8em;
}

#outerinfobox .infoboxcontent a {
  margin: 0;
  padding: 0;
  border: 0;
}

/* inhaltsdiv */
#outercontentwidth {
  float: right;
  width : 81%;
  top : 58px;
  left: 0px;
  background-color: transparent;
  margin: 0;
  padding: 0;
  display: inline;
  font-size: 80%;
}

#contentheader {
  width: 100%;
  border-bottom: 1px;
  border-bottom-style: solid;
  border-bottom-color: #030385;
  background-color: transparent;
  margin: 0;
  padding: 2px 0 2px 0;
  font-size: 90%;
  overflow: auto;
}

div.contentsiteheader h1 {
  font-weight: 900;
  color: #030385;
  font-size: 114%;
  padding: 0;
  margin: 0.9em 0 0 0.6em;
  letter-spacing: 0.07em;  
}

#breadcrump {
  overflow: auto;       
  width: 98%;
  max-width: 75%;
  text-decoration:none;
  color:#030385;
  font-size:0.8em;
  float:left;
}

#breadcrump a {
        text-decoration: none;
        color: #030385;
}

#sitemap {
  float:right;
}

#language {
  float: right;
  margin: 0 5px 0 5px;
  height: 18px;
  overflow: hidden;
}

#language img {
  padding: 2px;
}

.content {
  float: left;
  background-color: #e8f1f6;
  padding: 0;
  width: 100%;
}

.content menu {
  text-align: left;
  padding: 0 0 0 4%;
}

#content-blau {
  float: left;
  overflow: visible;
  margin: 5px 0 0 0;
  padding: 0 0 0 0;
  background-color: #e8f1f6;
  width: 100%;
}

#content-index {
        overflow: hidden;
        margin-bottom:2px;
        background-color: #ffffff;
}

#content-head {
  float: left;
  margin: 0;
  width: 98%;
  height: 2.0em;
}

.content-left {
  float: left;
  background-color: #e8f1f6;
  margin: 0;
  width: 30.5%;
  height: 36ex;
  padding: 1%;
}

.content-right {
        float: right;
        background-color: #e8f1f6;
        margin: 0;
        width: 30.5%;
        height: 36ex;
        padding: 1%;
}

.c_col_such_links {
  float: left;
  background-color: #e8f1f6;
  width: 50%;
  padding-bottom: 0.3em;
}

.c_col_such_links h1 {
  margin-top: 0.46em;
  margin-left: 0.66em;

}

.c_col_such_rechts {
  float: left;
        background-color: #e8f1f6;
        position: relative; left: -1px;
        width: 49.66%;
        border-left: 2px;
        border-left-style: solid;
        border-left-color: #e8f1f6;
        padding-bottom: 0.3em;
}


.c_such {
        float: left;
        background-color: #e8f1f6;
        width: 98%;
        margin: 0;
        padding: 0 0 0 1%; 
        overflow: auto;
}

#content-misc {
        float: left;
        clear: both;
  background-color: #e8f1f6;
        padding:1%;
        width: 96.5%;
  font-size: 100%;
}

.content2 {
        float: left;
        clear: both;
        background-color: #e8f1f6;
        padding:1%;
        width: 63.5%;
  height: 55ex;
}

.content2-1 {
        float: left;
        padding:1%;
        width: 48%;
}

.content2-2 {
        float: right;
        padding:1%;
        width: 48%;
        font-size: 100%;
}

.content2-3 {
        float: left;
        padding:1%;
        width: 48%;
        height: 15ex;
}

.content3 {
  float: left;
  margin: 0;
  width: 47%;
  padding: 1.5%;
}

.content3 p {
  margin: 0;
}


.content3 ul {
  margin: 0 0 0 1em;
}

.content3 h2 {
  font-size: 106%;
  background-color: transparent;
  margin: 0 0 0.5ex 0;
  padding: 0 0 0 0;

 }

/***** f. typo3 Anpassung *****/

/*******************/
/* link-to-top */
/*******************/

.csc-linkToTop {
  background-color: transparent;
  text-align: left;
  padding: 0 0 0 0;
  margin: 1em 0 0 0.6em;
}

/* P.csc-linkToTop a { font-weight: bold; background:url(pfeil_top.gif) 

no-repeat; padding:0 0 0 1.5em; 

background-position:2px 7px; } */

.tt_col_links {
  float: left;
        background-color: transparent;
  width: 49.76%;
}

.tt_col_rechts {
        position: relative; left: 0px;
        float: left;
        background-color: transparent;
        width: 50%;
        overflow: visible;
}

.tt_col_links_start {
  float: left;
        background-color: transparent;
  width: 47%;
}

.tt_col_rechts_start {
        position: relative; left: 0px;
        float: left;
        background-color: transparent;
        width: 50%;
        overflow: visible;
  margin-left: 2.5%;
}

/* * html .tt_col_rechts ist sog. STAR-Hack. Wird nur bis IE6 

interpretiert,
   damit der Brower die Inhaltselemente uebereinander schiebt
   (position: relative; left: -2px;). FF und IE7 interpretieren nicht 

und  
   nehmen das normale tt_col_rechts.
*/

* html .tt_col_rechts {
  position: relative; left: -2px;
        float: left;
        background-color: transparent;
        width: 49.67%;
  overflow: visible;
}
   
.tt_col_rechts {
  position: relative; left: 0px;
        float: left;
        background-color: transparent;
        width: 49.74%;
  overflow: visible;
}

.contentitem {
  float: left;
  background-color: #e8f1f6;
  width: 99%;
  overflow: hidden;
  border-top: 2px;
  border-top-style: solid;
  border-top-color: #ffffff;  
  /*padding-left: 0.5%;*/
  padding-right: 0.5%;
  padding-top: 1ex;
  padding-bottom: 2ex;
}

.contentitem a {
  margin-bottom: 0.66em;
}
.contentitem0 {
  float: left;
        background-color: #e8f1f6;
        width: 97.5%;
        padding-right: 1.5%;
  padding-left: 1%;
        padding-bottom: 2ex;
        padding-top: 1ex;
        border-top: 2px;
        border-top-style: solid;
        border-top-color: white;
         border-right: 2px;
        border-right-style: solid;
        border-right-color: white;
  display: inline;
}

.contentitem2 {
  float: left;
  background-color: #e8f1f6;
        width: 97.9%;
  padding-left: 1%;
        padding-right: 1.5%;
        padding-bottom: 1ex;
  padding-top: 1ex;
        border-top: 2px;
        border-top-style: solid;
        border-top-color: white;
  border-left: 2px;
  border-left-style: solid;
  border-left-color: white;
  display: inline;
}

/* * html .contentitem2 ist sog. STAR-Hack. Wird nur bis IE6 

interpretiert,
   damit der Brower die Inhaltselemente nicht soweit an den 

Randschiebt, dass
   sie umbrechen. (width: 100.12% statt 100.5%). FF und IE7 

interpretieren nicht    und nehmen das 105%.
*/

* html .contentitem2 {
        float: left;
        background-color: #e8f1f6;
        width: 100.12%;
        padding: 0;
        border-top: 2px;
        border-top-style: solid;
        border-top-color: white;
        border-left: 2px;
        border-left-style: solid;
        border-left-color: white;
        display: inline;
}

.contentitem2 p span.comment {
  margin-bottom: 2em;
}

#footer {
  float: right;
  text-align: right;
  margin-top: 4px;
  padding-right: 1%;
  width: 99%;
  font-size: 0.7em;
  border-top: 1px solid #030385;
  background-color: transparent;
}


/* ## Sitemap ## */

.csc-sitemap > ul {
  border: 0;
  padding: 0;
  margin: 0 0 0 0.6em;
  list-style-type: none;
  list-style-image: none;
}

.csc-sitemap > ul > li {
  padding: 1.5em 0 0 0.6em;
  margin: 0;
  border: 0;
  list-style-type: none;
  list-style-image: none;
}

.csc-sitemap > ul > li > ul > li {
  padding: 1.2em 0 0 1.5em;
  margin: 0 0 0 0;
  border: 0;
  list-style-type: none;
  list-style-image: none;
}

.csc-sitemap > ul > li > ul > li > ul >li {
  padding: 0.9em 0 0 2.5em;
  margin: 0 0 0 0;
  border: 0;
  list-style-type: none;
  list-style-image: none;
}

.csc-sitemap > ul > li > ul > li > ul >li > ul > li {
  padding: 0.6em 0 0 3.5em;
  margin: 0 0 0 0;
  border: 0;
  list-style-type: none;
  list-style-image: none;
}

.csc-sitemap > ul > li > ul > li > ul >li > ul > li ul > li {
  padding: 0.3em 0 0 4.5em;
  margin: 0 0 0 0;
  border: 0;
  list-style-type: none;
  list-style-image: none;
}


/* Kopie eigener RTE Styles für T3 FE (aus rte_styles.css) --!nicht 

loeschen!-- */

span.wichtig {
  font-weight:bold;
  color: #CC0000;
        font-size: 90%;
}

span.violett { color: #cc00cc;}

p.ebene-eins{
  font-weight:bold;
  color: #030385;
  font-size: 0.89em;
}

p.ebene-zwei{
  font-weight:bold;
  color: #030385;
  font-size: 0.85em;
}

p.ebene-drei{
  font-weight:bold;
  color: #030385;
  font-size: 0.8em;
}

/* ### NEWS ### */
tx-ttnews-browsebox {
  background-color: #ffffff;

}

/* Formatierung f. Formulare */

.fleft {
  float: left;
  text-align: left;
  font-weight: bold;
  width: 16em;
  padding: 0.2em 0.2em 0.2em 0.2em;
        background-color: transparent;
  clear: left;
  
}

.fleft92 {
  float: left;
  text-align: left;
  font-weight: bold;
  width: 16em;
  /*padding: 0.2em 0.2em 0.2em 0.2em;*/
        background-color: transparent;
  clear: left;
  
}

.fright {
        margin: 0.2em 0.2em 0.2em 0.2em;
  /* margin-left: 17em; */
}

/* Navigation f. Speziell fuer ... */

#spnavdiv {
        float: right;
        background-color: transparent;
        text-align: left;
        font-size: 0.8em;
        width: 9.2em;
        margin-top: 3px;
        margin-bottom: 3px;
        z-index: 990;
}


ul#spnav  {
        list-style-type: none;
        background-color: transparent;
        text-align: left;
        color:  #030385;
        z-index: 991;

}



ul#spnav li {
        background-color: transparent;
        display: inline;
}


ul#spnav li ul {
        list-style-type: none;
        position: absolute;
        left: -999em;
        /* background-color: #e8f1f6;
        border: 1px solid #e8f1f6; */
        background-color: #f6f6f6;
        border: 0;


}

ul#spnav li:hover ul {
        /* list-style-position: inside; */
        list-style: none;
        left: auto;
        top: -0.1ex;
        position: relative;
        display: block;
        width: 10.7em;
        text-align: left;
        height: auto;
        z-index: 992;
        padding: 0.1em 0.1em 0.1em 0.1em;

}

ul#spnav li ul li {
        padding-top: 0.3em;
        padding-bottom: 0.3em;
        font-size: 100%;
        display: block;
}

ul#spnav li ul li :hover {
        font-weight: bold;
}

ul#spnav li ul li:hover a {
        color:  #cc3300;
}


/* Seitenuebersicht formatieren Test */

.uebersicht {
        float: left;
        background-color: transparent;
        /* width: 13em; */
  border: transparent solid 1px;
}

.uebersicht ul {
        list-style-image:url(pfeil.gif);
        list-style-position: outside;
        margin: 0.5em;
        padding-left: 1.2em;
        line-height:1.2em;
}

/* Formatierung Mailformulare */

legend {
  padding-left:10px;
  padding-right:10px;
  border: 0px;
  font-weight: bold;
}

fieldset {
  padding-left:10px;
  padding-right:10px;
  padding-top:10px;
  padding-bottom:10px;
  border: 0px none;
}

fieldset p {
  margin: 0;
  padding: 0;
}

.radiolayout {
  width:60%;
  padding-top:15px;
  padding-bottom:15px;
}

.formu {
  /* formatiert das Fieldset */
  width:100%;
  padding-top:10px;
  padding-bottom:10px;
  padding-left:10px;
  border: 0px none silver;
  background-color: transparent;
  font-weight: bold;
}

.formu92 {
  /* formatiert das Fieldset */
  width:100%;
  /*padding-top:10px;
  padding-bottom:10px;
  padding-left:10px;*/
  margin: 0;
  border: 0px none silver;
  background-color: transparent;
  font-weight: bold;
}

.mf-radio {
  border:0px;
}

.mf-text {
  color: #000000;
  border: 1px solid #C0C0C0;
  margin-bottom: 5px;
}

.mf-check {
  border: 0px;
}
.mf-select {
  border:0px;
}

.mf-input {
  border: 1px solid #C0C0C0;
  margin-bottom: 5px;
}

.mf-submit {
  color: #ffffff;
  background-color: #C0C0C0;
  border: 0px;
}

/* mit 4.5. LTS hat sich Formularlayout geaendert, daher neue Klassen */
.csc-loginform {
  color: black;
  margin: 0.5em;
}

.csc-loginform label {
  display: block;
  float: left;
  width: 8em;
}

.csc-mailform-field {
  margin-top: 0.2ex;
}



.csc-textpic-caption {font-size: 0.8em;}

.csc-textpic-imagewrap {margin-right: 2em; margin-left: 2em; 

margin-bottom: 1em;}

.right {text-align: right;}

/* Klasse comment */
p span.comment {font-size: 0.9em; vertical-align: bottom; margin: 2em 0 

4em 0;}
span.comment {font-size: 0.9em; vertical-align: bottom; margin: 0 0 4em 

0;}

.button_print {
  margin: 0 1px 1px 0;
}

#otnavr {
  margin: 0 0 0 0.6em;
  padding: 0;
  float: left;  
  text-align:left;
}

#otnavr p {
  margin: 0;
  padding: 0;
}

#otnavl {
  margin: 0 0.6em 0 0;
  padding: 0;
  text-align:right;
}

#otnavl p {
  margin: 0;
  padding: 0;
}