* HTML {
    overflow: auto;
}

+HTML {
    overflow: auto;
}

BODY {
    margin: 0px;
    padding: 0px;
    background: url(/img/hs21/main_bg.gif);
    background-attachment: scroll !important;
}

BODY {
    font-size: 0.75em;
    font-family: Verdana, Arial;
	/*width: 1000px;*/
}


HR, #head H4, #head H1, #submenu H4 {
    display: none;
}

A {
    text-decoration: none;
    color: #195A73;
}

P {
    margin-top: 0px;
    margin-bottom: 3px;
    line-height: 1.4em;

}

H2 {
    font-size: 1.3em;
}

H3 {
    font-size: 1.2em;
}

#head {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    background-color: white;
}

#head UL {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

#head UL LI {
    float: left;
    padding-right: 10px;
}

#head UL LI A {
    display: block;
    height: 51px;
}

/* navi */

#head LI A SPAN {
    display: none;
}

/*noch kopieren */

#head LI {
    background-repeat: no-repeat;
}

.de #head LI.studium {
    background-image: url(/img/hs21/menu/fuer_studieninteressierte_.gif);

}

.de #head LI.studium A {
    background: url(/img/hs21/menu/fuer_studieninteressierte.gif);
    width: 204px;
}

.en #head LI.studium {
    background-image: url(/img/hs21/menu/fuer_studieninteressierte_en_.gif);

}

.en #head LI.studium A {
    background: url(/img/hs21/menu/fuer_studieninteressierte_en.gif);
    width: 150px;
}

/*bis hier*/


.de #head LI.unternehmen {
    background-image: url(/img/hs21/menu/fuer_unternehmen_.gif);
}

.de #head LI.unternehmen A {
    background: url(/img/hs21/menu/fuer_unternehmen.gif);
    width: 153px;
}


.de #head LI.fuer_weiterbildungsinteressierte {
    background-image: url(/img/hs21/menu/fuer_weiterbildungsinteressierte_.gif);
}

.de #head LI.fuer_weiterbildungsinteressierte A {
    background: url(/img/hs21/menu/fuer_weiterbildungsinteressierte.gif);
    width: 261px;
}

/**
 * Für Studierende
 */
.de #head LI.studenten {
    background-image: url(/img/hs21/menu/fuer_studierende_.gif);
}

.de #head LI.studenten A {
    background: url(/img/hs21/menu/fuer_studierende.gif);
    width: 146px;
}

.en #head LI.studenten {
    background-image: url(/img/hs21/menu/fuer_studierende_en_.gif);
}

.en #head LI.studenten A {
    background: url(/img/hs21/menu/fuer_studierende_en.gif);
    width: 146px;
}

/**
 * Hochschule 21
 */
.de #head LI.hochschule_21 {
    background-image: url(/img/hs21/menu/hochschule21_.gif);
}

.de #head LI.hochschule_21 A {
    background: url(/img/hs21/menu/hochschule21.gif);
    width: 140px;
}

.en #head LI.hochschule_21 {
    background-image: url(/img/hs21/menu/hochschule21_en_.gif);
}

.en #head LI.hochschule_21 A {
    background: url(/img/hs21/menu/hochschule21_en.gif);
    width: 140px;
}

.de #head LI A.active,
.en #head LI A.active {
    background: none;
}

.de #head LI A:hover,
.en #head LI A:hover {
    background: none;
}

#head DIV.studium.first {
    background: #317D19;
}

#head DIV.unternehmen .first {
    background: #E44600;
}

#head DIV.studenten .first {
    background: #D89D11;
}

#head DIV.fuer_weiterbildungsinteressierte .first {
    background: #008DC9;
}

#head .first {
    background: #175973;
    height: 11px;
    line-height: 1px;
    border-top: 5px solid #EEEEEE;
    border-bottom: 1px solid white;
    line-height: 1px;
    font-size: 0em;
}

#main {
    position: absolute;
    top: 67px;
    bottom: 121px;
    left: 220px;
    overflow: auto;
   /* width: 100%;*/
    height: expression(document.documentElement.clientHeight - 188 + "px") !important;
/*    z-index: 200;*/
  right: 0px;
}

* HTML #main {
      width: expression(document.documentElement.clientWidth - 220 + "px") !important;
}

#mainInner {
    /*margin-left: 220px;*/
    width: 760px;
    /*border: 1px solid;*/
}

#content {
    width: 440px;
    float: left;
    margin-top: 20px;
}


#mainInner H2 {
    font-size: 1.5em;
    margin-top: 5px;
}


#submenu {
    position: absolute;
    top: 80px;
    left: 0px;
    font-size: 1.0em;
    font-weight: bold;
    color: #878889;
   /* width: 210px;*/
    z-index: 2;
   /* bottom: 121px;
    overflow-y: auto;*/
}

/** HTML #submenu {
    height: expression(document.documentElement.clientHeight - 188 + "px") !important;
}*/

#submenu, #submenu A {
    color: #878889;
}
#submenu UL {
    margin: 0px;
    padding: 0px;
    width: 190px;
}

#submenu LI {
    width: 170px;
}
/*
#submenu LI LI {
    width: 150px;
}

#submenu LI UL {
    width: 170px;
}*/

#submenu A {
    display: block;
    padding-left: 24px;
    padding-top: 4px;
    padding-bottom: 4px;
    clear: both;
    width: 100%;
}

#submenu UL LI UL LI A {
    padding-left: 40px;
    width: 100%;
}

#submenu A:hover, #submenu LI.active A {
    color: black;
}

#submenu LI.active LI A {
    color: #878889;
}

#submenu LI LI A:hover, #submenu LI.active LI.active A {
    color: black;
}

#submenu LI LI {
    background: none !important;
}

#submenu LI.active {
    background-position: 7px 5px !important;
}

#submenu UL.studium LI.active {
    background: url(/img/hs21/menu/kuller_fuer_studieninteressierte.gif) no-repeat;
}

#submenu UL.unternehmen LI.active {
    background: url(/img/hs21/menu/kuller_fuer_unternehmen.gif) no-repeat;
}

#submenu UL.studenten LI.active {
    background: url(/img/hs21/menu/kuller_fuer_studierende.gif) no-repeat;
}

#submenu UL.fuer_weiterbildungsinteressierte LI.active {
    background: url(/img/hs21/menu/kuller_fuer_weiterbildungsinteressierte.gif) no-repeat;
}

#submenu UL.hochschule_21 LI.active {
    background: url(/img/hs21/menu/kuller_hochschule21.gif) no-repeat;
}

#submenu UL {
    list-style-type: none;
    margin-left: 7px;
    clear: both;
    margin: 0px;
    padding: 0px;
}

#submenu UL LI {
    margin: 0px;
    padding: 0px;
    float: left;
    clear: both;
}

#submenu UL LI UL LI A.active {
    background: transparent !important;
}

#mainInner H4 {
    font-size: 1.0em;
    margin: 0px;
    margin-bottom: 10px;
}

#footer {
    background: url(/img/hs21/bottom_bg.gif) repeat-x;
    position: absolute;
    /*bottom: 18px;*/
    left: 0px;
    width: 100%;
    bottom: 0px;
    padding-bottom: 18px;
    background-color: white;
}

#footer UL {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

#footer .inner {
    height: 103px;
}

.de #footer .inner {
    background: url(/img/hs21/bottom.gif) no-repeat;
}

.en #footer .inner {
    background: url(/img/hs21/bottom_en.gif) no-repeat;
}

#footer .inner A SPAN {
    display: none;
}

#footer .inner A {
    display: block;
}

#footer .inner LI {
    float: left;
}

#footer .inner LI.home A {
    width: 407px;
    height: 98px;
}

#footer .inner LI A {
    width: 98px;
    height: 98px;
}

#permanent {
    float: right;
    width: 270px;
    padding-right: 5px;
    padding-top: 300px;
}

#persons .person,
#advantages .advantage {
    margin-bottom: 5px;
    padding: 5px;
    border-top: 1px dotted black;
    border-bottom: 1px dotted black;
}

#persons .person IMG {
    float: left;
    width: 80px;
    height: 120px;
    margin-right: 10px;
}

INPUT, TEXTAREA {
    width: 250px !important;
}

#hs21special {
    display: none;
}

div.box {
float:left;
width:100px;
margin-left:10px;
margin-bottom:20px;
background-image:url(/files/2786.png);
height:66px;
background-repeat:no-repeat;
cursor:pointer;
}


div.box:hover {
background-position:0px -67px;
}

div.box_eins {
margin-left:0px !important;
}

div.box p a {
padding-left: 5px;
color:#fff;
display:block;
}

div#start_rechts_kasten {
position:absolute;
top:60px;
left:535px;
width: 200px;
}

IMG {
  border: 0px;
}

#advantage_85 {
  position: absolute; top: 20px;
}