/* basic styles */

.print_only {
  display:none;
}

hr {
  margin:0px;
  padding:0px;
  border:none;
  border-top:1px solid #D0D5D7;
  background-color:transparent;
  height:1px;
}

form {
  margin:0px;
  padding:0px;
}

a { color: #656b6e; }
img { border: 0px; }
b { font-weight: 900; }


body {
  margin: 0px;
  padding: 0px;
  
  font: 100 10px/150% Verdana, Helvetica, sans-serif;
  text-align: center;
  color: #656b6e;
  background: #fff;
}

input.text, input.text_selected, textarea, select.text, input.search {
  font: 100 11px Verdana, Helvetica, sans-serif;
  padding: 2px 0px 0px 5px;
  height:15px;
  _height:17px;
  _line-height: 12px;
  line-height: 12px;
  color: #656b6e;
  border: 1px #d0d5d7 solid;
}

input.btn {
  font: 100 11px Verdana, Helvetica, sans-serif;
  border:1px solid #D0D5D7;
  background-color:#FFF;
  color:#656B6E;
}

input.search {
  border: 1px solid #9C9FA2;
  margin:0 9px 0 0;
  width:119px;
  background-color:#F9FAFB;
}

select.text {
  height:auto;
}

input.text:focus, select.text:focus, textarea:focus{
  border: 1px solid #8F8F8F;
}

input.border_red, select.border_red {
  border:1px solid #F35218;
}

textarea {
  height:auto;
}

select.text {
  padding:0px;
}

h1 {
  font-size: 14px;
  margin: 0px;
  margin-bottom:12px;
  background-color: transparent;
  /*color: #656b6e;*/
}

h1.underlined {
  border-bottom:1px solid #D0D5D7;
}

input.btn:hover {
  background-color:#E9EBEF;
  color:#000;
}

div#body {
  margin: 10px auto 30px auto;
  height: 680px;
  width: 850px;
  text-align: left;
}

.border_left {
  border-left:1px solid #D0D5D7;
}

.border_bottom {
  border-bottom:1px solid #D0D5D7;
}

.border_top {
  border-top:1px solid #D0D5D7;
}

.border_left_white {
  border-left:1px solid #FFF;
}

.border_bottom_white {
  border-bottom:1px solid #FFF;
}

.inset {
  padding-left:6px;
}

.inset_right {
  padding-right:6px;
}

.red, .rot {
  color:#F35218;
}

.green, .gruen {
  color:#29AA29;
}

.box_back {
  background-color:#E9EBEF;
}

.textRight {
  text-align: right;
  font: 100 9px/100% Verdana, Helvetica, sans-serif;
  margin-right: 21px;
}

.linkEng {
  background: url('/__gfx/icon_english.png') transparent no-repeat center left;
  line-height: 90%;
  padding-left: 15px;
  color: #656b6e;
}

.headerBar {
  margin-top: 9px;
}

.headerBar img {
  vertical-align: top;
}

.navBar {
  height: 120px;
  margin-top: 10px;
}

.navBar a {
  text-decoration: none;
  
  float: left;
  height: 120px;
  width: 120px;
  margin-right: 10px;
  
  background-position: top left;
  background-repeat: no-repeat;
  background-color: transparent;
}


table#evidences, table#evidences td, table#evidences tr {
  font-size:11px;
  line-height:14px;
}


#i { background-image: url('/__gfx/interessierte.png'); }
#s { background-image: url('/__gfx/studierende.png'); }
#ab { background-image: url('/__gfx/absolventinnen.png'); }
#a { background-image: url('/__gfx/anbieter.png'); }
#u { background-image: url('/__gfx/ueberuns.png'); }

#i:hover, #i.selected,
#s:hover, #s.selected,
#ab:hover, #ab.selected,
#a:hover, #a.selected,
#u:hover, #u.selected {
  background-position: left -120px;
}

#login {
  float: left;
  height: 120px;
  width: 200px;
  background-color: #E9EBeF;
  
}

#loginInfo {
  margin:12px 20px 10px 15px;
  font-size:11px;
}

#loginInfo a {
  color:#656b6e;
  text-decoration:none;
  height:auto;
  margin:0px;
}

#loginInfo a:hover {
  color:#000;
}

#loginForm {
  margin: 9px 0px 0px 20px;
  padding: 0px;
}

#loginForm div {
  margin-bottom: 5px;
}

#loginForm div label {
  display: block;
   font: 900 12px/120% Verdana, Helvetica, sans-serif;
}

#loginForm div input {
  font: 100 11px Verdana, Helvetica, sans-serif;
  width: 153px; _width: 160px;
  padding: 2px 0px 0px 5px;
  height: 15px; _height: 19px;
  _line-height: 12px;
  color: #656b6e;
  border: 1px #d0d5d7 solid;
  
}

#loginBtn {
  marign-top: 5px;
}

#contentBar {
  margin-top: 10px;
  overflow: hidden;
}

#leftCBar {
  width: 378px; _width: 380px;
  height: 400px; _height: 402px;
  overflow: hidden;
  border: 1px #d0d5d7 solid;
  float: left;
  margin-right: 10px;
}

#leftCBarInner {
  margin: 1px;
  background-color: #fff;
  padding: 15px 15px 0px 15px;
}

#leftCBarInner p, #CBarInner, #CBarInner p, #CBarInner div, #CBarInner td {
  font: 100 12px/18px Verdana, Helvetica, sans-serif;
  color: #656b6e;
}

.redFlag {
  background: url('/__gfx/aufzaehlzeichen.png') no-repeat left 6px;
  padding-left: 10px;
  margin-bottom:0px;
  margin-top:0px;
}

.dlIcon {
  background: url('/__gfx/icn_download.png') no-repeat left 3px;
  padding-left: 12px;
  margin-bottom:0px;
  margin-top:0px;
}

.PDFIcon {
  background: url('/__gfx/icn_pdf.png') no-repeat left 6px;
  padding-left: 10px;
  margin-bottom:0px;
  margin-top:0px;
}

.WORDIcon {
  background: url('/__gfx/icn_word.png') no-repeat left 6px;
  padding-left: 10px;
  margin-bottom:0px;
  margin-top:0px;
}

.wayToGo {
  border: 1px #d0d5d7 solid;
  
  width: 248px; _width: 250px;
  height: 400px; _height: 402px;
  
  float:left;
  background: url('/__gfx/home/weg_zum_zertifikat.png') #fff no-repeat 10px 10px;
  position: relative;
  margin-right: 10px;
}

#qu {
  font: 100 11px Verdana, Helvetica, sans-serif;
  position: absolute;
  top: 80px;
  left: 20px;
  width: 200px;
  text-align: center;
}

#in {
  font: 100 11px Verdana, Helvetica, sans-serif;
  position: absolute;
  top: 245px;
  left: 40px;
  right: 40px;
  text-align: center;
}

#blog {
  position: absolute;
  top: 347px;
  left: 17px;
  right: 40px;
  text-align: center;
}

#egoTest {
  float: left;
  background: url('/__gfx/home/einschaetzungstest.png') transparent no-repeat top center;
  width: 200px;
  height: 110px;
  
  position: relative;
}

#egoTestText {
  position: absolute;
  top: 38px;
  left: 41px;
  width: 120px;
  
  font: 100 11px/110% Verdana, Helvetica, sans-serif;
}

#egoTest a {
  position: absolute;
  top: 72px;
  left: 45px;
  width: 110px;
  
  display: block;
  text-decoration: none;
}

#aktuell {
  float: left;
  width: 200px;
  /*margin-top: 10px;*/
  /*height: 225px;*/
  height: 345px;
  background-color: #E9EBEF;
}

#aktuell h1 {
  display: block;
  margin: 13px 0px 15px 19px;
  font: 900 12px/110% Verdana, Helvetica, sans-serif;
}

.aktuellText {
  /*margin: 13px 15px 15px 19px;*/
  color: #656b6e;
  font: 100 11px/130% Verdana, Helvetica, sans-serif;
}

.aktuellText:first-line {
  font-weight: 900;
}

#impresss {
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 8px;
  width: 832px; _width: 850px;
  height: 35px; _height: 53px;
  border: 1px #d0d5d7 solid;
  font: 100 9px/130% Verdana, Helvetica, sans-serif;
}

#impresss img {
  float: left;
  margin-right: 5px;
  border:none;
}

.iBlaf {
  float: left;
  margin-left: 4px;
  margin-top: 1px;
}

.iLinks {
  float: right;
  margin-right: 4px;
}

.iLinks a {
  color: #656b6e;
  text-decoration: underline;
}

.nlBlock {
  float: left;
  margin-left: 4px;
  margin-top: 1px;
  margin-right: 10px;
}

.fbBlock {
  float: left;
  margin-left: 4px;
  margin-top: 4px;
  margin-right: 10px;
}





/****************************************************/
/****************************************************/

.menuitem_separation {
  height:1px; 
  margin:15px 20px 0px 20px;
  padding:0px;
  font-size:1px;
  border:none;
  border-top:1px solid #D0D5D7;
  line-height:0px;
}

#menuBar {
  float: left;
  width: 248px; _width: 250px;
  border: 1px #d0d5d7 solid;
  margin-right: 10px;
  padding-top: 15px;
}

#menuBar a {
  color: #656b6e;
  padding-left: 24px;
  margin-right: 20px;
  height: 17px;
  display: block;
  text-decoration: none;
  font: 100 12px/149% Verdana, Helvetica, sans-serif;
}

#menuBar a.selected, #menuBar a:hover {
  background: url('/__gfx/subnav_active.png') #E9EBEF no-repeat left center;
  font-weight: 900;
  height: 17px;
  padding-left: 24px;
}

#CBar {
  width: 588px; _width: 590px;
  min-height: 373px; 
  height: auto;
/*  overflow: hidden;*/
  border: 1px #d0d5d7 solid;
  float: left;

  _height: 373px;
}

#CBarInner {
  margin: 1px;
  background-color: #fff;
  padding: 15px 15px 0px 15px;
  text-align:left;

}

#impresssSub {
  margin-left: 260px;
  width: 572px; _width: 590px;
  height: 37px; _height: 55px;
  margin-top: 10px;
  padding: 8px;
  _padding-left: 0px;
  border: 1px #d0d5d7 solid;
  font: 100 9px/130% Verdana, Helvetica, sans-serif;
}

#impresssSub div a {
  color: #656b6e;
}

#impresssSub img {
  border:none;
}

#iText {
  margin-left: 10px;
  width: 460px;
  float: left;
}

.tttext {
  float: left;
  margin-top: 5px;
  width: 450px;
}

#logosss {
  margin-top: 5px;
  float: left;
}


.coloredBack , .outlined {
  padding: 20px;
  display: block;
}

.coloredBack {
  background-color: #E9EBEF;
}

.outlined {
  border: 1px #d0d5d7 solid;
}

span.coloredBack ul, span.outlined ul {
  margin: 0px;
  padding-left: 20px;
}

/* extras */

.iamGray {
  background-color: #E9EBEF;
  height: 120px;
  overflow: hidden;
  margin-bottom: 20px;
}

.iamGray img {
  margin: 10px;
  float: left;
}

.iamGray div {
  margin: 10px 10px 0px 190px;
}

.iamGray.small img {
  margin: 10px 20px 10px 10px;
  float: left; 
}

.iamGray.small {
  margin-bottom: 10px;
}

.iamGray.small div {
  margin: 10px 10px 0px 80px;
}