@charset "utf-8";
/* GSO-MI Desgin CSS */

body {
    margin:0;
    padding:0;
    background: #cad4e3 url(../images/contentBackground.jpg) repeat-y center top;
    position: relative;
    font-family:Arial,Helvetica,sans-serif;
    color:#3c3c3c;
    font-size:12px;
    }

img {
    border:0;
    }

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

li {
    margin:0;
    padding:0;
    list-style-type: none;
    }   
form {
    margin: 0px;
    padding: 0px;
}


p {padding:10px 0 5px 0; margin-bottom:0; margin-top:0;}

a           {font-family:Arial,Helvetica,sans-serif; color:#3d3d3d; font-size:12px; text-decoration:none;}
a:visited   {font-family:Arial,Helvetica,sans-serif; color:#3d3d3d; font-size:12px; text-decoration:none;}
a:hover     {font-family:Arial,Helvetica,sans-serif; color:#21549d; font-size:12px; text-decoration:none;}

h1 {font-size:24px; color:#3c3c3c; font-weight: bold; line-height:28px; padding:0; margin:0;}
h2 {font-size:16px; color:#b1b3b2; font-weight: bold; line-height:20px; padding:0; margin:0;}
h3 {font-size:14px; color:#3c3c3c; font-weight: bold; margin:0;}
h4 {font-size:14px; color:#ffffff; font-weight: normal; line-height:16px; padding-bottom: 10px;  margin:0;}

/* Formulare */
label.searchLabel {vertical-align:bottom; padding-right:8px;}
input {border: 1px solid #d0d0d0; vertical-align:middle; font-family: Arial,Helvetica,sans-serif;}
input#searchSubmit {padding:0; margin:0; width:24px; height:21px; background: url(../images/searchSubmit.jpg) no-repeat; border:none; cursor:pointer;}
input#searchText {width:150px; margin-right:5px}

/* Editor Styles */
.bold {font-weight:bold;}
.blueItalic {color:#21549d; font-style:italic;}

/* DIVs */
#frame      {margin: 0 auto; width: 1000px; background: transparent; _padding-left:1px;}

#header { width:1000px; height:385px; background: transparent;}
#header .top { width:1000px; background: transparent;}
#header .top .left {float:left; background: transparent url(../images/logo.png) no-repeat 23px 20px; width:577px; height:92px; padding:20px 0 0 23px;}
#header .top .right {float:right; background: transparent url(../images/header_right.jpg) no-repeat; width:385px; height:82px; padding:30px 5px 0 0;}
.rightTop {height:25px;}
.topLeft {width:170px; float:left;}
.topLeft li {float:left; padding-right:10px;} 
.topRight {width:195px; float:left; padding: 10px 0 0 20px;}
.rightBottom {padding-top:10px;}
.bottomLeft {width:115px; float:left; padding:10px 0 0 5px;}
.bottomRight {width:238px; float:left; padding:4px 0 0 27px;}
.top-back-link {border:none; color:#fff; text-transform:uppercase; font-size:14px; font-weight:bold;}


#header .bottom {width:1000px; height:273px;}
#header .bottom .topMenue {height:26px; background: url(../images/topMenue.png) repeat-x;}
#header .bottom .flash {width:1000px; height:247px; /*background: transparent url(../images/flash.jpg) no-repeat;*/}

#mainMenue {width:1000px; height:37px; background: url(../images/mainMenue.png) repeat-x;}

#content {width:1000px; background: transparent; padding: 33px 0 50px 0;}
#content .left {float:left; width:319px; padding: 0 0 0 17px;}
#content .right {float:left; width:602px; padding: 0 17px 0 45px;}
#content .right li {padding:2px 0 2px 15px; background: url(../images/dot.jpg) no-repeat 0 6px;}

*html #footerFrame {  position:static !important; }

#footerFrame {width:100%; position:fixed; bottom:0;}
.footer {margin:0 auto; bottom:0; width:956px; height:20px; padding:10px 22px 10px 21px; color:#3d3d3d; background:#ffffff;}
.footer_left {float:left;}
.footer_right {float:right;}

#kundenstimmen {padding: 7px 0 0 0;}
#aktuelles {padding: 7px 0 0 0;}
#kontaktbox {height: 30px; background: url(../images/kontaktbox.jpg) no-repeat; padding:183px 0 0 57px;}
.newscontent {border-bottom:1px dotted #5f5f5f; padding:5px 0 5px 0;}

/* LINKS */
#header .top .left a, #header .top .left a:visited {display:block; width:317px; height:61px;}

/* Features im Header wie RSS Fav etz. */
.topLeft a, .topLeft a:visited, .topLeft a:hover {display:block; height:25px; width:25px;}

a.rss, a.rss:visited {background: url(../images/rss.jpg) no-repeat bottom;}
a.rss:hover {background: url(../images/rss.jpg) no-repeat bottom;}

a.mail, a.mail:visited {background: url(../images/mail.jpg) no-repeat bottom;}
a.mail:hover {background: url(../images/mail.jpg) no-repeat bottom;}

a.print, a:visited.print {background: url(../images/print.jpg) no-repeat bottom;}
a:hover.print {background: url(../images/print.jpg) no-repeat bottom;}

a.fav, a:visited.fav {background: url(../images/fav.jpg) no-repeat bottom;}
a:hover.fav {background: url(../images/fav.jpg) no-repeat bottom;}

/* Topmenue (topMenue) */
.topMenue li {float:left;}
.topMenue a, .topMenue a:visited, .topMenue a:hover {display:block; height:26px; line-height:26px;}

a.tm1, a.tm1:visited {width:84px; background: url(../images/topMenue/institut.jpg) no-repeat;}
a.tm1:hover {width:84px; background: url(../images/topMenue/institut.jpg) no-repeat -84px 0;}
a.tm1Act, a.tm1Act:visited, a.tm1Act:hover {width:84px; background: url(../images/topMenue/institut.jpg) no-repeat -84px 0;}

a.tm2, a.tm2:visited {width:99px; background: url(../images/topMenue/studenten.jpg) no-repeat -99px 0;}
a.tm2:hover {width:99px; background: url(../images/topMenue/studenten.jpg) no-repeat;}
a.tm2Act, a.tm2Act:visited, a.tm2Act:hover {width:99px; background: url(../images/topMenue/studenten.jpg) no-repeat;}

a.tm3, a.tm3:visited {width:76px; background: url(../images/topMenue/alumni.jpg) no-repeat -76px 0;}
a.tm3:hover {width:76px; background: url(../images/topMenue/alumni.jpg) no-repeat;}
a.tm3Act, a.tm3Act:visited, a.tm3Act:hover {width:76px; background: url(../images/topMenue/alumni.jpg) no-repeat;}

a.tm4, a.tm4:visited {width:118px; background: url(../images/topMenue/unternehmen.jpg) no-repeat -118px 0;}
a.tm4:hover {width:118px; background: url(../images/topMenue/unternehmen.jpg) no-repeat;}
a.tm4Act, a.tm4Act:visited, a.tm4Act:hover {width:118px; background: url(../images/topMenue/unternehmen.jpg) no-repeat;}


/* HAUPTMENUE (mainMenue) */
#mainMenue .menu {float:right; width: 620px;}
#mainMenue ul li {float:left;}
#mainMenue a, #mainMenue a:visited, #mainMenue a:hover {display:block; height:37px;}

a.mm1, a.mm1:visited {width:93px; background: url(../images/mainMenue/mba.jpg) no-repeat;}
a.mm1:hover {width:93px; background: url(../images/mainMenue/mba.jpg) no-repeat -93px 0;}
a.mm1Act, a.mm1Act:visited, a.mm1Act:hover {width:93px; background: url(../images/mainMenue/mba.jpg) no-repeat -93px 0;}

a.mm2, a.mm2:visited {width:117px; background: url(../images/mainMenue/master.jpg) no-repeat;}
a.mm2:hover {width:117px; background: url(../images/mainMenue/master.jpg) no-repeat -117px 0;}
a.mm2Act, a.mm2Act:visited, a.mm2Act:hover {width:117px; background: url(../images/mainMenue/master.jpg) no-repeat -117px 0;}

a.mm3, a.mm3:visited {width:138px; background: url(../images/mainMenue/lehrgaenge.jpg) no-repeat;}
a.mm3:hover {width:138px; background: url(../images/mainMenue/lehrgaenge.jpg) no-repeat -138px 0;}
a.mm3Act, a.mm3Act:visited, a.mm3Act:hover {width:138px; background: url(../images/mainMenue/lehrgaenge.jpg) no-repeat -138px 0;}

a.mm4, a.mm4:visited {width:128px; background: url(../images/mainMenue/seminare.jpg) no-repeat;}
a.mm4:hover {width:128px; background: url(../images/mainMenue/seminare.jpg) no-repeat -128px 0;}
a.mm4Act, a.mm4Act:visited, a.mm4Act:hover {width:128px; background: url(../images/mainMenue/seminare.jpg) no-repeat -128px 0;}

a.mm5, a.mm5:visited {width:144px; background: url(../images/mainMenue/forschung.jpg) no-repeat;}
a.mm5:hover {width:144px; background: url(../images/mainMenue/forschung.jpg) no-repeat -144px 0;}
a.mm5Act, a.mm5Act:visited, a.mm5Act:hover {width:144px; background: url(../images/mainMenue/forschung.jpg) no-repeat -144px 0;}


/* TabMenue im (tabContent) */
.tabContent {padding-bottom:10px;}
.tabContent .tabs li {float:left;}
.tabContent .tabs a, .tabContent .tabs a:visited, .tabContent .tabs a:hover {display:block; height:27px;}

.tab1 a, .tab1 a:visited {width:111px; background: url(../images/tabMenue/navigation.jpg) no-repeat;}
.tab1 a:hover {width:111px; background: url(../images/tabMenue/navigation.jpg) no-repeat -111px 0;}
.tab1 a.active, .tab1 a.active:visited, .tab1 a.active:hover {width:111px; background: url(../images/tabMenue/navigation.jpg) no-repeat -111px 0;}

.tab2 a, .tab2 a:visited {width:88px; background: url(../images/tabMenue/kontakt.jpg) no-repeat;}
.tab2 a:hover {width:88px; background: url(../images/tabMenue/kontakt.jpg) no-repeat -88px 0;}
.tab2 a.active, .tab2 a.active:visited, .tab2 a.active:hover {width:88px; background: url(../images/tabMenue/kontakt.jpg) no-repeat -88px 0;}

.tab3 a, .tab3 a:visited {width:120px; background: url(../images/tabMenue/infos.jpg) no-repeat;}
.tab3 a:hover {width:120px; background: url(../images/tabMenue/infos.jpg) no-repeat -120px 0;}
.tab3 a.active, .tab3 a.active:visited, .tab3 a.active:hover {width:120px; background: url(../images/tabMenue/infos.jpg) no-repeat -120px 0;}

#tabBox1 {padding:12px;}
#tabBox2 {padding:12px;}
#tabBox3 {padding:12px;}

/* Leftmenue */
#tabBox1 a, #tabBox1 a:visited, #tabBox1 a:hover {display:block; height:24px; line-height:24px;}
/* erste ebene */
#tabBox1 ul li a, #tabBox1 ul li a:visited {font-size:14px; color:#7b7b7b; font-weight: bold; border-bottom: 1px solid #dce0e3;}
#tabBox1 ul li a:hover {font-size:14px; color:#3c3c3c; font-weight: bold; border-bottom: 1px solid #dce0e3;}

#tabBox1 ul li a.act, #tabBox1 ul li a:visited.act, #tabBox1 ul li a:hover.act {font-size:14px; color:#3c3c3c; font-weight: bold; border-bottom: 1px solid #dce0e3;}
/* zweite ebene */
#tabBox1 ul ul li a, #tabBox1 ul ul li a:visited {font-size:12px; color:#7b7b7b; font-weight: normal; border-bottom: 1px solid #dce0e3; padding:0 0 0 10px; border:none;}
#tabBox1 ul ul li a:hover {font-size:12px; color:#3c3c3c; font-weight: normal; border-bottom: 1px solid #dce0e3; padding:0 0 0 10px; border:none;}

#tabBox1 ul ul li a.act, #tabBox1 ul ul li a:visited.act, #tabBox1 ul ul li a:hover.act {font-size:12px; color:#3c3c3c; font-weight: normal; border: none; background:#e6e6e6;}

/* sonstige */
.clear_l {clear:left; float:none !important; height:0; line-height:0; font-size:0; display:block; padding:0; margin:0; border:none; overflow:hidden;}
.clear {clear:both; float:none !important; height:0; line-height:0; font-size:0; display:block; padding:0; margin:0; border:none; overflow:hidden;}

.searchTabA {float:left; width:295px;}
.searchTabB {float:left; width:307px;}

.searchTabA .contentbox_300_zusatz_inaktiv { width: 295px; height: 27px; line-height: 27px; background: url(../images/sucheSeminar.png) no-repeat left top; cursor:pointer;}
.searchTabB .contentbox_300_zusatz_inaktiv { width: 307px; height: 27px; line-height: 27px; background: url(../images/sucheSeiten.png) no-repeat left top; cursor:pointer;}
.searchTabA .contentbox_300_zusatz_aktiv { width: 295px; height: 27px; line-height: 27px; background: url(../images/sucheSeminar.png) no-repeat -296px top; cursor:pointer;}
.searchTabB .contentbox_300_zusatz_aktiv { width: 307px; height: 27px; line-height: 27px; background: url(../images/sucheSeiten.png) no-repeat -307px top; cursor:pointer;}