.font {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 400;
  font-size: 14px;
}

.a {
  text-decoration: none;
  color: #d11241;
}

.a.active {
  color: black;
}

.a:hover {
  text-decoration: underline;
}

.wrapper {
  clear: both;
  margin: 0 auto;
  width: 960px;
}

body {
  margin: 0;
  padding: 0;
}

h1 {
  font-size: 2em;
}

body {
  background-color: #e3e4e4;
}

#bgimage_div {
  width: 100%;
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
}

#bgimage_div #bgimage {
  width: 100%;
}

#header {
  height: 107px;
  margin-top: 0px;
  height: 107px; /* otherwise the bgimg is not being displayed */
}

#header #header_gradient {
  background: url("white_gradient.png") repeat-y right 0 transparent;
  height: 107px;
  width: 250px;
  float: left;
}

#header a#header_link {
  background: url("Bard_College_Berlin_logo_web.png") no-repeat 28px #D11241;
  height: 107px;
  width: 302px;
  float: left;
  text-indent: 100%;
  overflow: hidden;
}

#header #GCS {
  /* Google Custom Search input field */
float: right;
  position: relative;
  bottom: -70px;
  width: 202px;
}

#header #GCS .gsc-search-box-tools .gsc-search-box .gsc-input {
  padding-right: 3px; /* smaller distance between input and button */
}

#header #GCS .cse .gsc-search-button input.gsc-search-button-v2,#header #GCS input.gsc-search-button-v2 {
  margin-top: 0;
  padding: 6px;
}

#header #GCS .cse input.gsc-search-button,#header #GCS input.gsc-search-button {
  background-color: #d11241;
  background-image: none;
  border: none;
}

#header #GCS .gsst_a {
  margin-bottom: 0 !important;
}

#header #GCS .gscb_a {
  color: #B8B8B8 !important; /* change color of 'x' in input field */
}

#header #GCS .gsc-input {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 400;
  font-size: 14px;
  font-size: 13px;
}

#header #GCS .gsc-input > input:focus, #header #GCS .gsc-input-box-focus {
  border:  1px solid #d11241 !important;
}


#mainmenu {
  width: 959px;
  height: 40px;
  background: #e3e4e4;
  border-top: 1px solid white;
  border-bottom: 1px solid white;
  border-right: 1px solid white;
  z-index: 100;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 300;
  font-size: 14px;
  font-size: 14px;
  font-weight: 700;
  line-height: 40px;
}

#mainmenu #navigation {
  height: 40px;
  float: left;
  border-left: 1px solid #ffffff;
}

#mainmenu #addthis_followus {
  position: absolute;
  top: 40px;
  right: 0px;
  height: 16px;
  padding: 12px;
}

#content {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 400;
  font-size: 14px;
  background-color: #e3e4e4;
  overflow: auto; /* extends div-BGs of left+right col all the way down */
clear: both;
}

#content #submenu {
  float: left;
  width: 154px;
  padding-right: 8px;
  margin: 0;
  font-size: 14px;
  color: #d11241;
}

#content #submenu ul {
  float: left;
  margin-top: 30px;
  padding-left: 0px;
  color: #d11241;
  list-style: none inside none;
  min-width: 162px;
}

#content #submenu ul li {
  border-bottom: 1px solid white;
  padding: 8px 8px 8px 20px;
}

#content #submenu ul li.active,#content #submenu ul li.amenu-act {
  background-color: #d11241;
  color: white;
  font-weight: bold;
}

#content #submenu ul li.active a,#content #submenu ul li.amenu-act a {
  color: white;
}

#content #submenu ul li:hover {
  background-color: #d11241;
}

#content #submenu ul li:hover a {
  color: white;
}

#content #submenu ul.appended-to-news-amenu {
  margin-top: 0px;
}

#content #submenu a {
  text-decoration: none;
  color: #d11241;
  color: black;
}

#content #submenu a.active {
  color: black;
}

#content #submenu a:hover {
  text-decoration: underline;
}

#content #submenu .menulevel2 {
  font-size: 12px;
  padding-left: 30px !important;
}

#content #submenu h1 {
  color: black;
  font-size: 1.1em;
  margin-bottom: -27px;
  margin-left: 10px;
  margin-top: 0;
  text-transform: uppercase;
}
  
#content #submenu .news-latest-container {
  margin-top: 0px;
  padding-top: 25px;
}

#content #submenu .news-latest-item {
  overflow: hidden;
  color: black;
  padding: 15px 0 5px;
  border-bottom: 1px solid white;
}

#content #submenu .news-latest-item.no-date {
  padding: 5px 0 !important;
}

#content #submenu .news-latest-item a {
  text-decoration: none;
  color: #d11241;
}

#content #submenu .news-latest-item a.active {
  color: black;
}

#content #submenu .news-latest-item a:hover {
  text-decoration: underline;
}

#content #submenu .news-latest-item h4 {
  margin: 5px 0px;
}

#content #submenu .news-amenu-container {
  margin-left: 0px;
  font-size: 12px;
  line-height: 6px;
}

#content #submenu .news-amenu-container .news-amenu-item-year {
  padding: 12px;
  font-weight: bold;
  font-size: 14px;
}

#content #submenu .news-amenu-container .news-amenu-item-year:hover {
  background-color: #F3F3F3; /* counteract #content #submenu ul li: hover */
}

#content #submenu .news-amenu-year .news-amenu-container {
  font-size: 14px;
  line-height: 18px;
}

#content #maincontent {
  float: left;
  margin: 0 14px;
  width: 612px;
  width: 556px;
  min-height: 350px;
  margin-left: 0;
  margin-right: 0;
  background-color: #ffffff;
  padding: 6px 20px 20px 20px;
}

#content #maincontent ul {
  list-style: disc inside;
}

#content #maincontent a {
  text-decoration: none;
  color: #d11241;
}

#content #maincontent a.active {
  color: black;
}

#content #maincontent a:hover {
  text-decoration: underline;
}

#content #maincontent dd.csc-textpic-caption {
  font-size: 10px;
}

#content #maincontent .news-list-container {
  margin-top: 15px;
}

#content #maincontent .news-single-item .news-single-item-navigation {
  height: 14px;
}

#content #maincontent .news-single-item-navigation > div {
  max-width: 260px;
  text-align: right;
}

#content #maincontent .news-single-item-container {
  clear: both;
}

#content #maincontent .news-single-item h4 {
  margin: 3px 0;
}

#content #maincontent .news-single-item p {
  margin-top: 5px;
}

#content #maincontent .news-single-item .news-single-img {
  float: left;
  margin: 10px 15px 0 0;
  padding: 0;
}

#content #maincontent .news-single-item .news-single-backlink {
  clear: both;
  padding: 0;
}

#content #maincontent .spacer {
  clear: both;
  height: 20px;
}

#content #maincontent .tx-yag-thumb-outerframe.tx-yag-item-thumb-outerframe {
  width: 138px !important;
}

#content #maincontent .tx-yag-thumb-innerframe img,#content #maincontent .tx-yag-image img {
  border: 0 none;
  background-color: transparent;
}

#content #maincontent .gsc-control-cse,#content #maincontent .gsc-control-cse .gsc-table-result {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 400;
  font-size: 14px;
}

#content #maincontent .gsc-control-cse {
  margin-top: -30px; /* single page view:  -15px;
   */
}

#content #maincontent .gsc-control-cse .gs-result .gs-title,#content #maincontent .gsc-control-cse .gs-result .gs-title * {
  text-decoration: none;
  color: #d11241;
}

#content #maincontent .gsc-control-cse .gs-result .gs-title.active,#content #maincontent .gsc-control-cse .gs-result .gs-title *.active {
  color: black;
}

#content #maincontent .gsc-control-cse .gs-result .gs-title:hover,#content #maincontent .gsc-control-cse .gs-result .gs-title *:hover {
  text-decoration: underline;
}

#content #maincontent .gsc-control-cse .gs-result .gs-title b,#content #maincontent .gsc-control-cse .gs-result .gs-title * b,#content #maincontent .gsc-control-cse .gs-result .gs-title b:hover,#content #maincontent .gsc-control-cse .gs-result .gs-title * b:hover {
  text-decoration: none;
}

#content #maincontent .gsc-control-cse .gs-bidi-start-align.gs-visibleUrl.gs-visibleUrl-long,#content #maincontent .gsc-control-cse .gsc-result-info {
  color: #666666;
}

#content #maincontent .gsc-control-cse .gsc-cursor-page {
  text-decoration: none;
  color: #d11241;
}

#content #maincontent .gsc-control-cse .gsc-cursor-page.active {
  color: black;
}

#content #maincontent .gsc-control-cse .gsc-cursor-page:hover {
  text-decoration: underline;
}

#content #maincontent .gsc-control-cse .gsc-cursor-current-page {
  color: black;
}

#content #maincontent .gsc-control-cse .gsc-cursor-current-page:hover {
  text-decoration: none;
}

#content #maincontent .cse {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 400;
  font-size: 14px;
}

#content #right {
  float: left;
  margin: 0 14px;
  width: 132px;
  width: 186px;
  margin: 0 8px;
  color: #000000;
  overflow: hidden;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 400;
  font-size: 14px;
  text-align: left;
  font-size: 1em;
}

#content #right .bodytext > br {
  margin-bottom: 8px;
}

#content #right #rightlinks {
  padding: 0;
  margin-top: 28px;
}

#content #right #rightcontent {
  padding: 0;
  margin-top: 20px;
}

#content #right a {
  text-decoration: none;
  color: #d11241;
  margin-bottom: 8px;
}

#content #right a.active {
  color: black;
}

#content #right a:hover {
  text-decoration: underline;
}

#content #right h1 {
  font-size: 1.1em;
  margin-top: 30px;
  margin-bottom: 12px;
  text-transform: uppercase;
}

#content #right h1.csc-firstHeader {
  margin: 8px 0 0 0;
}

#content #right h2 {
  margin-top: 10px;
}

#content #right ul {
  margin-left: 0px;
  padding-left: 10px;
}

#content #right .tx-yag-thumb-innerframe img,#content #right .tx-yag-image img {
  background-color: transparent;
  border: none;
  margin: 0;
  padding: 0;
}

#footer {
  background-color: #b8b8b8;
  min-height: 50px;
  border-top: 1px solid white;
  clear: both;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 400;
  font-size: 14px;
}

#footer ul {
  float: left;
  padding: 0;
  margin-top: 18px;
  margin-left: 20px;
  list-style: none outside none;
}

#footer ul li {
  float: left;
}

#footer ul li a {
  color: #000000;
  padding: 0 8px;
  text-decoration: none;
}

#footer ul li a:hover {
  color: #d11241;
  text-decoration: underline;
}

#footer #socialshareprivacy {
  float: right;
}

#footer #addthis_sharebar {
  float: right;
  margin-top: 17px;
  margin-right: 20px;
}

.col-2,.col-8 {
  float: left;
  margin: 0 14px;
}

.col-2 {
  width: 132px;
}

.col-8 {
  width: 612px;
}


/* FCE contact cards */
.FCEcontactcard {
  margin-bottom: 30px;
  font-size: 12px;
}

.FCEcontactcard .name {
  font-size: 14px;
  font-weight: bold;
}

.FCEcontactcard .position {
  margin-top: 10px;
}

.FCEcontactcard .label {
  display: block;
  float: left;
  width: 50px;
  font-weight: bold;
}

.FCEcontactcard .email {
  clear: both;
}


/* FCE people block */
.FCEpeople {
  min-height: 200px;
  width: 254px;
  float: left;
  margin: 10px 12px;
}

.FCEpeople .top {
  background-color: #F1F1F1;
  height: 150px;
  width: 254px;
}

.FCEpeople .top img {
  float: left;
  width: 100px;
  height: 150px;
  margin-top: 0px;
  margin-right: 0 !important;
  margin-bottom: 10px;
  margin-left: 0;
  position: relative;
  left: -10px;
  top: -10px;
  margin-right: 0;
}

.FCEpeople .right {
  float: right;
  width: 154px;
}

.FCEpeople .right span.firstName {
  margin-top: 5px;
  margin-bottom: 0;
  font-weight: bold;
  display: block;
}

.FCEpeople .right span.lastName {
  margin-top: 0;
  margin-bottom: 10px;
  font-weight: bold;
  display: block;
}

.FCEpeople .right .abouttext p {
  font-size: 12px;
}

.FCEpeople .teasertext {
  clear: both;
  background: url("close-quote.gif") no-repeat right bottom;
  padding-left: 15px;
  padding-right: 15px;
  text-indent: -15px;
  padding-top: 5px;
}

.FCEpeople .teasertext:first-letter {
  background: url("open-quote.gif") no-repeat left top;
  padding-left: 15px;
}

.FCEpeople .linktoprofile {
  padding-left: 15px;
}

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

Convertable Nestled list menu 2007 by Duncan Hill and Alan Gresley

 *********************************************************************************** */
ul#navigation,ul#navigation ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

div ul#navigation li {
  position: relative;
  float: left;
  text-transform: uppercase;
  display: block;
  color: #000000;
  background-color: #e3e4e4;
  border-right: 1px solid #ffffff;
  text-decoration: none;
  white-space: nowrap;
  z-index: 100;
  /*padding-left: 20px;
  padding-right: 20px;*/
}

div ul#navigation li.active {
  color: #ffffff;
  background: #d11241;
}

div ul#navigation li.last {
  border-right: 0 none !important;
}

#navigation .active > a {
  background-color: #D11241;
  color: white;
}

ul#navigation > li li {
  float: none;
}

#navigation a {
  /* link / menu entry itself */
  display: block;
  color: #000000;
  background-color: #e3e4e4;
  padding-left: 16px;
  padding-right: 16px;
  text-decoration: none;
  white-space: nowrap;
}

ul#navigation a:hover {
  color: #ffffff;
  background-color: #d11241;
}

ul#navigation li li {
  padding-left: 0px;
  padding-right: 0px;
  border-top: 1px solid white;
  border-left: 1px solid white;
}

ul#navigation li li.last {
  border-bottom: 1px solid white;
}

ul#navigation li li a {
  width: 19em;
  text-transform: none;
  white-space: nowrap;
}

ul#navigation li li li a {
  text-transform: none;
  white-space: nowrap;
}

ul#navigation li ul {
  position: absolute;
  left: -999em;
}

#navigation li:hover ul ul {
  left: -999em;
}

#navigation li:hover ul,#navigation li li:hover ul {
  top: 1;
  left: 0;
  margin-left: 100%;
}

#navigation li:active ul,#navigation li:hover ul {
  top: 100%;
  margin-left: 0;
}

/*** End ECLA Dropdownmenu ***/