/*
[Contents]

0- Global
1- Header
2- Headline
3- Main Container
4- Main
5- Sidebar
6- Footer
*/

/* =0 Global
---------------------------------------------------------------------------------------------------------------------*/
.global-width {
  margin: 0 auto;
  width: 100%;
}

#body-container {
  width: 898px;
  margin: auto;
  box-shadow: 1px 1px 8px #888;
  -moz-box-shadow: 1px 1px 8px #888;
  -webkit-box-shadow: 1px 1px 8px #888;
  overflow: hidden;
  background-color: #FFFFFF;
}

/* =1 Header
---------------------------------------------------------------------------------------------------------------------*/
#header {
  height: 75px;
  margin-bottom: 44px;
}

/* LOGO */
.logo {
  float: left;
  margin: 20px 0 0 0;
}

.seram-logo {
  background: #FFFFFF url('images/logo_seram.gif') 0 0 no-repeat;
  width: 124px;
  height: 29px;
  margin-top: 30px;
  margin-left: 30px;
  text-align: left;
}

.strap-line {
  color: #4DA088;
  font-weight: bold;
  margin-left: 165px;
  margin-top: -16px;
}

.top-nav-wrapper {
  position: relative;
  padding: 10px;
}

.top-nav {
  position: absolute;
  right: 15px;
}

.top-nav a {
  color: #6699CC;
}

.top-nav select {
  color: #6699CC;
  padding: 1px;
  border-top: none;
  border-bottom: none;
}

.language-dropdown {
}

/* Quicklink */
.quicklink {
  float: right;
  margin: 10px 10px 0 0;
}

/* Menu */
.menu {
  clear: right;
  float: right;
  margin-top: 17px;
}

.seram-menu {
  background-color: #128060;
  font-size: 13px;
  border-radius: 6px 6px 6px 6px;
  margin: 15px auto auto;
  width: 98%;
  height: 30px;
}

.seram-menu ul {
  border: medium none;
  bottom: 0;
  font-size: 100%;
  padding-top: 6px;
  position: relative;
  padding-left: 17px;
}

.seram-menu ul li {
  border: medium none;
  display: inline;
  list-style: none outside none;
  padding-right: 11px;
  padding-left: 11px;
  margin: 9px 0 9px 18px;  
}

.seram-menu ul .current a {
  background-color: #FFFFFF;
  border-radius: 7px 7px 0 0;
  color: #128060;
  padding-bottom: 9px;
  padding-top: 3px;
}

.seram-menu a {
  color: #FFFFFF;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 13px;
  font-weight: 700;
  padding-left: 10px;
  padding-right: 10px;
}

.seram-sub-menu ul {
  border: medium none;
  bottom: 0;
  font-size: 100%;
  padding-top: 6px;
  position: relative;
  padding-left: 17px;
  margin: 0;
}

.seram-sub-menu ul li {
  background-image: url("images/bulletMenuLevel2.gif");
  background-position: right 5px;
  background-repeat: no-repeat;
  border: medium none;
  display: inline;
  list-style: none outside none;
  margin: 6px 0 10px 18px;
  padding-right: 11px;
}

.seram-sub-menu ul .current a {
  background-color: transparent;
  border-bottom: 4px solid #A6CA7D;
  color: #128060;
}


.seram-sub-menu a {
  color: #128060;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 13px;
}

.simple-cta h2 {
  color: #128060;
  font-size: 119.9%;
  padding-bottom: 3px;
  margin: 1em 0 0.49em 0;
  line-height: 1.29em;
  font-weight: bold;
}

.simple-cta ul {
  position: relative;
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 100%;
  
}

.simple-cta ul li {
  width: 46%;
  list-style-type: none;
  padding-left: 0;
  position: relative;
  float: left;
  height: 10em;
  font-weight: 500;
  margin: 9px 0 9px 18px;
  line-height: 149%;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #545454;
  font-weight: 500;
}

.simple-cta ul li a {
  background: none repeat scroll 0 0 #A1C77C;
  color: #FFFFFF;
  padding: 5px;
  position: absolute;
  right: 10px;
  font-weight: 500;
  bottom: -20px;
  
  /* SVG fallback(Opera 11.10-, IE9) */
  background:      url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdHlsZT0ic3RvcC1jb2xvcjpyZ2JhKDE2MSwxOTksMTI0LDEpOyIgLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOnJnYmEoMjYsMTMyLDk4LDEpOyIgLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCBmaWxsPSJ1cmwoI2dyYWRpZW50KSIgaGVpZ2h0PSIxMDAlIiB3aWR0aD0iMTAwJSIgLz48L3N2Zz4=);
  
  /* Opera 11.10+ */
  background: -o-linear-gradient(top, rgba(161,199,124,1), rgba(26,132,98,1));
  
  /* Firefox 3.6+ */
  background: -moz-linear-gradient(top, rgba(161,199,124,1), rgba(26,132,98,1));
  
  /* Chrome 7+ & Safari 5.03+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(161,199,124,1)), color-stop(1, rgba(26,132,98,1)));
  
  /* IE5.5 - IE7 */
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FFA1C77C,EndColorStr=#FF1A8462);
  
  /* IE8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FFA1C77C,EndColorStr=#FF1A8462)"
    
    -moz-border-radius: 5px;
  border-radius: 5px;
}

.more-link-button a {
  color: #FFFFFF;        
}

.search-bar .search {
  width: 100%;
}

.search-bar .search {
  width: 67%;
}

.search-bar .submit {
  width: 20%;
  border-radius: 5px;
  -moz-border-radius: 5px;
}

.case-study {
  margin-top: 90px;
}

.relative-wrapper {
  position: relative;
}

.case-study-image {
  float: right;
  position: absolute;
  right: 0;
}

.case-study h2 {
  color: #128060;
}

.case-study-list {
  
}

.case-study-list h2 {
  margin-top: 20px;
  color: #128060;
}

.box {
  background-image: url('images/BoxWithImageFooter.gif');
  background-repeat: no-repeat;
  background-position: bottom;
  padding-bottom: 15px;
  width: 241px;
  margin-bottom: 20px;
}

.box-header {
  background-repeat: no-repeat;
  height: 33px;
  width: 241px;
}

.box-header-1 {
  background-image: url('images/BoxWithImageHeader1.jpg');
}

.box-header-2 {
  background-image: url('images/BoxWithImageHeader2.jpg');
}

.box-contents-wrapper {
  background-image: url("images/BoxWithImageContent.gif");
  background-repeat: repeat-y;
  padding: 1px 0;
}

.box-contents {
  margin: 3px 9px 0 14px;
  padding: 12px 0 0.2px;
  color: #6699DD;
}

.box-contents h2 {
  font-size: 1.2em;
  font-weight: bold;
  color: #6699DD;
  margin-top: 0;
}

.box-contents ul {
  list-style: none outside none;
  margin: 0;
  padding: 0;
}


.box-contents ul li {
  font-weight: 300;
  line-height: 16px;
  padding-bottom: 7px;
}


.box-contents ul li a {
  text-decoration: underline;
}

.team-list {
  margin: 0;
  padding: 0;
}

.team-list li {
  float: left;
  list-style-type: none;
  margin: 0 53px 20px 0;
  padding: 16px;
  width: 198px;
}

.bio {
  margin-top: 20px;
  margin-bottom: 20px;
}

.field-validation-error {
  display:block;
}

.profile-image {
}

.profile-image img {
  float: right;
  height: auto;
  max-height: 180px;
  max-width: 156px;
}

.profile-details {
  padding-top: 99px;
}

.sitemap ul li {
  padding: 7px;
}

.news .title {
  margin-bottom: 10px;
}

.news .date {
  margin-bottom: 5px;
}

.news .news-text {
  margin-bottom: 5px;
}

.news .news-link {
}

.news-list li {
  margin: 10px;
}

/* =2 headline
---------------------------------------------------------------------------------------------------------------------*/
#headline {
  margin-bottom: 20px;
}

/* =3 Main Container
---------------------------------------------------------------------------------------------------------------------*/
#main-container {
  margin-bottom: 20px;
}

/* =4 Main
---------------------------------------------------------------------------------------------------------------------*/
#main {
  float: left;
  margin-left: 10px;
  width: 65%;
}
#main > * {
  max-width: 100%;
  overflow: visible;
}

.main-content-wrapper {
  width: 97%;
  margin: auto;
}

/* Block */
#main .block {
  margin-bottom: 20px;
}
/* =5 Sidebar
---------------------------------------------------------------------------------------------------------------------*/
#sidebar {
  float: right;
  width: 30%;
}

/* Block */
#sidebar .block {
  margin-bottom: 30px;
}

/* =6 Footer
---------------------------------------------------------------------------------------------------------------------*/
#footer {
  padding: 5px 0 0;
}

/* Copyright */
.copyright {
  float: left;
  margin-left: 10px;
  padding-bottom: 5px;
}

.imprint {
  float: right;
  margin-right: 10px;
}