/* CSS-Reset */
html,body{height:100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,em,strong,pre,code,form,fieldset,input,textarea,p,blockquote{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6,ul,li,em,strong,address,caption,cite,pre,code,dfn,th,var{line-height:1;font-size:100%;font-weight:normal;font-style:normal;}
fieldset,img{border:0;}
caption,th{text-align:left;}
td{vertical-align:top;}
table{font-size:inherit;table-layout:fixed;}
ol,ul{list-style:none;}
ul,ol,dl{position:relative;}
hr{clear:both;}
strong{font-weight:bold;}
sup{font-size:80%;vertical-align:top;}
/* Rahmen bei Inputfeldern entfernen IE <= 6 */
* html input{margin:-1px 0;}
/* Rahmen bei Inputfeldern entfernen IE > 6 */
*:first-child+html input{margin:-1px 0;}
/* CSS-Reset */
@font-face {
	font-family: 'MetaBookRoman';
	src: url('metaboor-webfont.eot');
	src: local('?'), url('metaboor-webfont.woff') format('woff'), url('metaboor-webfont.otf') format('opentype'), url('metaboor-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}
html, body, table, textarea, input {
  line-height: 1.3;
  font-size: 12px;
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; 
  color: #231f20;
}
body {
  /*overflow: -moz-scrollbars-vertical;*/
}
.blau {
  color: #003777;
}
.rot {
  color: #a01f31;
}
ul li {
  padding: 5px 0 5px 20px;
  background: url(../images/list.gif) no-repeat 8px 10px;
  line-height: 1.1;
}
ol li {
  margin: 0 0 0 25px;
  list-style-type: decimal;
  line-height: 1.3;
}
hr {
  width: 100%;
  height: 1px;
  background: #fff;
  color: #fff;
  border: 0;
  border-bottom: 1px solid #231f20;
}
a {
  text-decoration: none;
  color: #a01f31;
}
a.link_pfeil {
  background: url(../images/link_pfeil.gif) no-repeat right 3px;
  padding: 0 10px 0 0;
}
a.link_pdf {
  background: url(../images/icon_pdf.gif) no-repeat 0px 0px;
  padding: 0 0 0 18px;
}
a.link_doc {
  background: url(../images/icon_doc.gif) no-repeat 0px 0px;
  padding: 0 0 0 18px;
}
a.link_image {
  background: url(../images/icon_image.gif) no-repeat 0px 0px;
  padding: 0 0 0 18px;
}
a.link_mail {
  background: url(../images/icon_mail.gif) no-repeat 0px 0px;
  padding: 0 0 0 18px;
}
a.link_print {
  background: url(../images/icon_print.gif) no-repeat 0px 0px;
  padding: 0 0 0 18px;
}
h1, h2, h3, h4 {
  font-family: "MetaBookRoman", "Lucida Sans Unicode", "Lucida Grande", sans-serif; 
	font-weight: bold;
}
h2 a, h4 a {
  color: #231f20;
}
h1 {
	font-size: 18px;
  color: #a01f31;
}
h2 {
	font-size: 18px;
}
h3 {
	font-size: 15px;
  color: #a01f31;
}
h4 {
	font-size: 15px;
}
div#deutschlandkarte td {
	font-size: 10px;
	
}
div#page {
  position: relative;
  width: 100%;
  height: 100%;
}
div#wrapper {
  position: absolute;
  left: 50%;
  top: 45%;
  width: 979px;
  height: 600px;
  margin-left: -489px;
  margin-top: -270px;
}
div#wrapper_inner {
  position: relative;
  width: 979px;
  height: 600px;
}
div#header {
  position: relative;
  height: 98px;
}
div#hilfsnavi {
  position: relative;
  font-size: 11px;
  margin: 0 0 0 15px;
}
div#hilfsnavi a {
  color: #231f20;
}
div#hilfsnavi a:hover {
  color: #a01f31;
}
div#logo_top100, div#logo_topjob, div#logo_topconsultant, div#logo_ethics, div#logo_compamedia {
  position: relative;
  float: right;
  width: 98px;
  height: 95px;
}
div#logo_top100 a, div#logo_topjob a, div#logo_topconsultant a, div#logo_ethics a, div#logo_compamedia a {
  display: block;
  width: 98px;
  height: 95px;
}
div#logo_top100 a { background: url(../images/btn_top100.jpg) no-repeat; }
div#logo_top100 a:hover, div#logo_top100 a.active { background: url(../images/btn_top100_a.jpg) no-repeat; }
div#logo_topjob a { background: url(../images/btn_topjob.jpg) no-repeat; }
div#logo_topjob a:hover, div#logo_topjob a.active { background: url(../images/btn_topjob_a.jpg) no-repeat; }
div#logo_topconsultant a { background: url(../images/btn_topconsultant.jpg) no-repeat; }
div#logo_topconsultant a:hover, div#logo_topconsultant a.active { background: url(../images/btn_topconsultant_a.jpg) no-repeat; }
div#logo_ethics a { background: url(../images/btn_ethics.jpg) no-repeat; }
div#logo_ethics a:hover, div#logo_ethics a.active { background: url(../images/btn_ethics_a.jpg) no-repeat; }
div#logo_compamedia a { background: url(../images/btn_compamedia.jpg) no-repeat; }
div#logo_compamedia a:hover, div#logo_compamedia a.active { background: url(../images/btn_compamedia_a.jpg) no-repeat; }
div#content {
  position: relative;
  height: 502px;
}
div#content_header {
  position: relative;
  height: 195px;
  z-index: 2;
}
div#content_header_img {
  position: relative;
  float: right;
  width: 769px;
  height: 181px;

}
div#hauptnavi {
  position: absolute;
  bottom: 0px;
  margin-left: -1px;
  height: 22px;
  background: #fff;
  z-index: 3;
}
.hauptnavi {position:relative;width:97px;background:#231f20;float:left;margin:0 0 0 1px;overflow:hidden;z-index: 3;}
.hauptnavi a {display:block;width:92px;padding:2px 0 4px 5px;text-decoration:none;background:transparent;color:#fff;margin:0;}
.hauptnavi a:hover {background:transparent;color:#231f20;}
.hauptnavi a.active {background:#e0c399;color:#231f20;}
.hauptnavi ul {width:147px;background:#e0c399;position:absolute;left:0;margin:0;padding:0;list-style:none;}
.hauptnavi ul li {margin:0;padding:0;background:none;}
.hauptnavi ul li a {display:block;width:142px;padding:5px 0 5px 5px;text-decoration:none;color:#231f20;font-weight:normal;border-top:1px solid #fff;font-size:11px;}
.hauptnavi ul li a:hover, .hauptnavi ul li a.active {background:#a01f31;color:#fff;}
.hauptnavi:hover {overflow:visible;background:#e0c399;}
.hauptnavi:hover a {color:#231f20;}
div#content_main {
  position: relative;
  min-height: 250px;
  padding: 30px 0 0 0;
  z-index: 1;
}
div#content_main.presse {
  min-height: 300px;
}
div#content_main.newsletter {
  min-height: 500px;
}
div#breadcrumbnavi {
  position: absolute;
  left: 210px;
  top: 0px;
  font-size: 10px;
  color: #c0a177;
}
div#breadcrumbnavi a, a.breadcrumbnavi {
  font-size: 10px;
  color: #c0a177;
}
div#breadcrumbnavi a:hover, a.breadcrumbnavi:hover {
  color: #a01f31;
}
div#content_main_navi {
  position: absolute;
  left: 15px;
  bottom: 0px;
  font-size: 11px;
  z-index: 2;
}
div#content_main_navi a {
  color: #231f20;
}
div#content_main_navi a:hover {
  color: #a01f31;
}
div#sidebar {
  position: absolute;
  left: 15px;
  top: 30px;
}
div#sidebar_newsletter {
  position: absolute;
  left: 15px;
  top: 30px;
}

div#sidebar_newsletter form td {
  height: 40px;
}

div#content_main_inner {
  position: relative;
  min-height: 250px;
  margin: 0 0 0 210px;
  z-index: 1;
}
div#content_main_inner_start {
  position: relative;
  min-height: 250px;
  margin: 0 0 0 15px;
  z-index: 1;
}
div#preloader {
  height: 0;
  overflow: hidden;
  font-size: 0;
}
div#sidebar {
  position: absolute;
  left: 15px;
  top: 30px;
  font-size: 10px;
  color: #ababab;
}
div#sidebar_newsletter {
  position: absolute;
  left: 15px;
  top: 30px;
}
div.tabbar {
  position: relative;
  height: 24px;
  border-bottom: 1px solid #231f20;
}
div.tabbar div {
  position: relative;
  float: left;
  margin: 0 3px 0 0;
  width: 193px;
}
div.tabbar div.lasttab {
  width: 177px;
}
div.tabbar div a {
  display: block;
  height: 17px;
  padding: 3px 8px;
  color: #231f20;
  border-top: 1px solid #231f20;
  border-right: 1px solid #231f20;
  border-bottom: 1px solid #231f20;
  border-left: 1px solid #231f20;
  background: #e0c399;
}
div.tabbar div a:hover {
  background: #fff;
}
div.tabbar div a.active {
  border-bottom: 1px solid #fff;
  background: #fff;
}
div.tabbar_bottom {
  position: relative;
  clear: both;
  height: 27px;
}
form#fmTeilnahmeunterlagen td {
  height: 25px;
}
form#fmTeilnahmeunterlagen fieldset {
  border: 1px solid #000;
  padding: 16px;
}
form#fmUnternehmen td {
  height: 25px;
}
form#fmUnternehmen fieldset {
  border: 1px solid #000;
  padding: 16px;
}
form#fmUnternehmen fieldset legend {
  font-weight: bold;
}

form#fmInformationspaket fieldset {
  border:1px solid #000000;
  padding:16px;
}
form#fmPocketGuide td {
  height: 25px;
}
form#fmPocketGuide fieldset {
  border: 1px solid #000;
  padding: 16px;
}
p.bildunterschrift {
  display:block;
  padding: 5px 0;
  font-size: 11px;
}
div.toggleable {
  position:relative;
  width: 573px;
  height: 248px;
}
div.tabs {
  height: 196px;
}
div#toggle_trigger {
  bottom: 15px;
  position: absolute;
}
div#toggle {
  margin: 0px 0 0 0;
  position: relative;
}

div.search_input {
  position:absolute;
  top:13px;
  left: -20px;
  display: none;
  width:220px;
  height:80px;  
  z-index:9999;
}
div.search_input form {  
  margin:10px 0 0 20px;
  width:200px;
  height:75px;  
}
div.search_input form input {
  width: 120px;
}
div.search_input form input[type="submit"] {
  width: 50px;
  margin-left:3px;
}

form#fmInformationspaket td {
  height:25px;
}



input.btn_search{
  width: 20px;
  height: 21px;
  background: url(../images/btn_search.jpg) no-repeat 0 1px;
  cursor:pointer;
  border: none;
}

.f_ueberschrift_1{
  font-size: 18px;
  color: #a01f31;
}
.f_default{
  font-size: 12px;  
}
.f_ueberschrift_3{
  font-size: 15px;
  font-weight: bold;
  color: #a01f31;
}
.f_interview{
  font-size: 12px; 
  font-weight: bold;
}
.f_kursiv{
  font-size: 12px; 
  font-style: italic;
}

div.unternehmen_icons{
           position: absolute; 
           right: 0px; 
           top: 0px; 
           width: 16px; 
           height: 16px;
           width: 150px;
         }
      
         div.unternehmen_icons a,
         div.unternehmen_icons span{
            position:relative;
            float:right;
            margin: 5px 0 0 16px; 
            width: 16px; 
            height: 16px;                   
         }
         
         div.unternehmen_icons a.userdefined {
            margin 0;
         }

.auszeichnung_text{
      border: 2px solid #000;
      color: #fff;
      padding: 5px 5px 6px 5px;
      width: 90px;
      text-align:center;    
      background:#A01F31;
      font-size: 11px;
      margin-top: 35px;
      line-height: 1.4;
    }




.logo_sueddeutsche{
  width: 135px;
  height: 29px;
  background: url(../images/logo_sueddeutsche.jpg) no-repeat;
  position:absolute;
  top:53px;
  left: 210px;
  display:block;
}

.logo_universitaetgallen{
  width: 139px;
  height: 31px;
  background: url(../images/logo_universitaetgallen.jpg) no-repeat;
  position:absolute;
  top:53px;
  left: 351px;
  display:block;
}


div#illustration{
  position:relative;
  background: #A01F31;
  height: 180px;
} 
div#illustration img{
  position:absolute;  
  top:0;
  left:0;     
  display:none;
}