@import url("reset.css");
@import url("navigation.css");
/*
font-family:'CenturyOldStyleW01-Bold';
font-family:'CenturyOldStyleW01-Ital';
font-family:'Century Old Style W01';
font-family:'Eurostile LT W01 Bold';
font-family:'EurostileLTW01-BoldCn';
font-family:'EurostileLTW01-BoldEx2';
font-family:'EurostileLTW01-BoldObli';
font-family:'EurostileLTW01-BoldOutl';
font-family:'EurostileLTW01-Cn';
font-family:'Titillium Web';
font-family:'EurostileLTW01-DemiObli';
font-family:'EurostileLTW01-Ex2';
font-family:'Eurostile LT W01 Medium';
font-family:'EurostileLTW01-Oblique';
font-family:'Eurostile W01 Regular';
font-family:'Eurostile W01 Bold';
font-family:'Eurostile W01 Heavy';
font-family:'Eurostile W01 Black';
font-family:'Eurostile W01 Medium';
font-family:'Eurostile W01 Extended';
font-family:'EurostileW01-ExtendedBl';
font-family:'EurostileW01-DisCapsReg';
font-family:'EurostileW01-DisCapsBol';
font-family:'EurostileW01-StenclBlkE';
font-family:'EurostileW01_SC-Regular';
font-family:'Eurostile W01_SC Bold';

*/

.jobImg {float: left; margin: 20px 8px;}

#richSnippets {
  text-indent: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

body {
  background: url("../images/background_body.jpg") no-repeat;
 
  font-size: 16px;
  font-family:'Century Old Style W01';
  line-height: 1.3 !important;
  min-width: 1105px;
  color: #354047;
}
a { color: #002c5a; text-decoration: none; }
#footer a { color: #ffffff;}
a:hover { text-decoration: underline; }
h1 { font-size: 30px; }
h2 {
  font-size: 26px;
  margin-bottom: 5px;
  line-height: 38px;
}
h3 {font-size: 22px;}
h4 { font-size: 14px; font-family:'Titillium Web'; text-transform: uppercase; }
hr { color: #002c5a; margin: 20px 0; }

.blue { color: #002c5a; }
.purple { color: #9885b3; }
.purple-light { color: #ab9ac2; }
.grey { color: #97a4aa; }

.left { float: left; }
.right { float: right; }
.clear { clear: both; height: 0; }

.century { font-family:'Century Old Style W01'; }
.euro { font-family:'Titillium Web'; }
.fs11 { font-size: 11px; }
.fs12 { font-size: 11px; }
.fs13 { font-size: 13px; }
.fs25{ font-size: 25px; }

.uppercase { text-transform: uppercase; }

#wrapper {
  position: relative;
}
#shadow-wrapper {
  width: 905px;
  -webkit-box-shadow: 0px 0px 20px 0px #003366;
  -moz-box-shadow: 0px 0px 20px 0px #003366;
  box-shadow: 0px 0px 20px 0px #003366;  
}
#content-wrapper {
  margin: 0 auto;
  width: 1105px;
  background: none repeat scroll 0 0 transparent;
  position: relative;
  z-index: 10;
}
#slider-banner-top {
  position: relative;
  z-index: 15;
  width: 905px;
  height: 110px;
}
#slider-banner-button {
    position: absolute;
    right: -200px;
    top: 0;
}
#slider-banner-right {
  position: absolute;
  width: 200px;
  top: 0;
  right: 0;
  z-index: 5;
  background: #fff;
}
#content {
  position: relative;
  /*z-index: 50;*/
  background: url("../images/background_content.png") repeat-x scroll 0 0 #fff;
  padding: 20px;
  width: 865px;
}
#content p {
  line-height: 24px;
  font-size: 16px;
}
#logo {
  position: relative;
}
#header-icons {
  position: absolute;
    right: 30px;
    top: 20px;
}
#header-icons span {
  display: inline-block;
  font-size: 11px;
  color: #002c5a;
  text-transform: uppercase;
  font-family:'Titillium Web';
  vertical-align: super;
  padding-right: 15px;
}
#header-icons span:hover { text-decoration: underline; }
#box-termin {
    background: url("../images/box_termine_background.png") repeat-x scroll 0 0 #FFFFFF;
    border: 1px solid #DFDFDF;
  padding: 20px 20px 0;
    position: absolute;
    right: 20px;
    top: 70px;
    width: 478px;
    z-index: 99999;
  display: none;
  -webkit-box-shadow: 0px 0px 20px 0px #333;
  -moz-box-shadow: 0px 0px 20px 0px #333;
  box-shadow: 0px 0px 20px 0px #333; 
}
#box-termin.send { height: 380px; }
#box-termin h2 { color: #002c5a; }
#box-termin img#button-close { position: absolute; top: 20px; right: 15px;  }
#box-termin img#button-close:hover { cursor: pointer; }
#box-termin img#button-close:active { top: 21px; right: 16px; }
#checkmark {
    position: relative;
    right: -210px;
    top: -60px;
}
#message {
    left: 140px;
    position: relative;
    top: 140px;
    width: 290px;
}
#contact {
    bottom: 10px;
    position: absolute;
    right: 0px;
	color: #839299;
}
#contact a {
  color: #839299;
}
#main-wrapper {
   margin: 20px 0 0;
}

#footer-wrapper {
    background: none repeat scroll 0 0 #002C5A;
    bottom: -380px;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 100%;
    z-index: 1;
  color: #fff;
}
#footer {
    margin: 0 auto;
    padding: 250px 0 100px;
    width: 1105px;
  height: 270px;
}
#footer-sub { width: 915px; }

#footer-1 { padding: 0 0 0 30px; width: 110px; }
#footer-2 { width: 150px; }
#footer-3 { width: 150px; }
#footer-4 { width: 150px; }
#footer-5 { width: 150px; }
#footer-6 { width: 150px; }

#footer-sub h4 { margin: 0 0 10px 0; }
#footer-sub h2 { margin: 0 0 10px 0; font-size: 18px; text-transform: capitalize; }
#footer-sub ul li { display: block; height: 6px; margin: 0; padding: 8px 0;}
#footer-sub .csc-menu a { color: #fff; font-size: 14px; }
#footer-sub a:hover { text-decoration: underline; }
#footer-sub p { font-size: 12px; text-align: center; }

/* Crew ebd83f */
#footer-sub h2 a[href*="crew/"]:before {
  color: #ebd83f; content: "// ";
}
/* Kompetenzen */
#footer-sub h2 a[href*="kompetenzen/"]:before {
  color: #f29733; content: "// ";
}
/* Referenzen 8bb343 */
#footer-sub h2 a[href*="referenzen/"]:before {
  color: #8bb343; content: "// ";
}
/* Seminare 5cc5ed */
#footer-sub h2 a[href*="seminare/"]:before {
  color: #5cc5ed; content: "// ";
}
/* Agentur ab9ac2 */
#footer-sub h2 a[href*="agentur/"]:before {
  color: #ab9ac2; content: "// ";
}
/* Kontakt ebd83f*/
#footer-sub h2 a[href*="kontakt/"]:before {
  color: #ebd83f; content: "// ";
}




/* CREW */

.breadcrump { margin: 0 221px 0; }
.breadcrump a { text-decoration: underline; font-size: 12px; }
.breadcrump a:hover { text-decoration: none; }
.heading-navmenu-crew { margin: 15px 0 5px; }

#pages-navmenu { margin: 3px 0 0; width: 200px; }
#pages-navmenu ul li a {
  display: block;
  /*padding: 2px 0;*/
  padding: 2px 5px;
  margin: 5px 0;
  font-family:"Titillium Web 700";
  font-size: 16px;
}
#pages-navmenu ul li:hover a:hover, #pages-navmenu ul li a.active, #pages-navmenu ul li:hover li:hover a { 
  background: #ab9ac2;
  color: #fff;
  text-decoration: none;
}
#pages-content { width: 644px; }
#box-team-member-1 { background: url("../images/background_box.png") repeat-x scroll 0 0 #eeeeee; padding: 15px; }
#box-team-member-1 b{color: #002C5A;font-family: 'Titillium Web'; font-size: 14px; text-transform: uppercase;}
#box-team-member-2 { border: 1px solid white; padding: 15px; }
#preview-images, #preview-videos { margin: 0 0 15px; }
.images, .images-big {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DFDFDF;
    padding: 4px;
}
.images { margin: 0 5px 0 0; }
.images-big { margin: 0 41px 0 0; }
.images-big_blank { margin: 0 41px 0 0; padding: 5px;}
.last { margin: 0 !important; }
.box-team-member-description { width: 320px; }
.box-team-member-description h2 {
  color: #002c5a;
}
.box-team-member-description h4 {
  color: #002c5a;
}
.box-team-member-description img { margin: 0 15px 0 0; }
#pages-content h2 {
  font-size: 27px;
}
#pages-content h3 { font-size: 16px; }
#pages-content h4 { font-size: 12px; color: #002c5a; text-transform: uppercase; font-family:'Titillium Web'; margin: 0 0 5px 0; }
#pages-content p { font-size: 13px; }
#pages-content span { font-size: 12px; color: #002c5a; text-transform: uppercase; font-family:'Titillium Web'; }

img:after { content:attr(alt);
display:block}
.h
{float:left; padding:10px;}

.box-team-member-preview-1 {
  padding: 15px;
}

.box-header-small {
  background: url("../images/box_small_top.png") repeat-x scroll 0 0 transparent;
  height: 6px;
}

.box-start { padding: 0 0 0 15px; width: 555px !important; }
.box-small-cols-0 {  background: url("../images/background_box.png") repeat-x scroll 0 0 #eeeeee; padding: 25px 15px; }
.box-small-cols-1 {
  background: url("../images/background_box.png") repeat-x scroll 0 0 #eeeeee;
  padding-top: 45px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 55px;
}
.box-small-cols-2 {}
.box-small-cols-3 { padding: 30px 0; background: url("../images/box_small_top.png") repeat-x scroll 0 0 transparent; width: 865px; border-bottom: 1px solid #a6afb6; }

.box-big-cols-1 { margin: 20px 0 0 0; width: 275px; }
.box-big-cols-2 { margin: 20px 0 0 0; width: 570px; }
.box-big-cols-3 { margin: 20px 0 0 0; width: 865px; }

.box-content {
  background: url("../images/background_box.png") repeat-x scroll 0 0 #eeeeee;
  border-left: 1px solid #dfdfdf;
  border-right: 1px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf;
}
.box-content-2 {
  background: url("../images/background_box_2.png") repeat-x scroll 0 0 #fff;
  border-left: 1px solid #dfdfdf;
  border-right: 1px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf;
  width: 532px;
  padding-top: 40px;
  padding-right: 55px;
  padding-bottom: 45px;
  padding-left: 55px;
}

.cols-1 { width: 275px; margin: 0 20px 20px 0; }
.cols-2 { width: 570px; margin: 0 20px 0 0; }
#wrapper_abstand_mitte  {
  padding-top:15px;
}
.rootline {
  margin-left: 221px;
}
.cap_blau {
  text-transform: capitalize;
  color: #002c5a;
  font-weight: bold;
}
#c24, #c25, #c26, #c27, #c28, #c29 {
  float:left;
  padding: 0 25px;
  line-height: 0px;
}
#c613, #c612, #c611, #c610, #c609, #c608 {
  float:left;
  padding: 0 25px;
  line-height: 0px;
}
.footer_text {
  font-size: 12px;
  margin-left: 10px;
}
.hr_blue {
  width: 905px;
  color: #002c5a;
}
.csc-header-n1 {
  font-family:'Titillium Web';
  line-height: 20px;
}
.csc-header-n2 {
  font-family:'Titillium Web';
  line-height: 20px;
}
.csc-header-n3 {
  font-family:'Titillium Web';
  line-height: 20px;
}
.csc-header-n4 {
  font-family:'Titillium Web';
  line-height: 20px;
}
.csc-header-n5 {
  font-family:'Titillium Web';
  line-height: 20px;
}
.csc-header-n6 {
  font-family:'Titillium Web';
  line-height: 20px;
}


.contenttable {
  font-size: 12px;
  line-height: 24px;
  color: #002c5a;
}
dl {
  float: left;
  margin-right: 1em;
  max-width: 341px;
  font-size: 12px;
  color: #002c5a;
  line-height: 18px;
}
dl dt {
    margin-bottom: 0;
}
dl dd {
    margin: 0;
}

.box-bilder-79-79 img{
  height: 65px;
  width: 65px;
  display: inline-block;
  background-color: #ffffff;
  overflow: hidden;
  padding: 7px;
}

.box-bilder-79-79 img:hover{
  height: 71px;
  width: 71px;
  display: inline-block;
  background-color: #ffffff;
  padding: 4px;
}

.zudenreferenzen a{
  display: inline-block;
  height: 17px;
  width: 231px;
  background: url("../images/referenzen/zu_referenzen.jpg");
  text-decoration: none;
  margin-left:302px;
  margin-top:10px;
}

.zudenreferenzen a:hover{
  display: inline-block;
  height: 17px;
  width: 231px;
  background: url("../images/referenzen/zu_referenzen_hover.jpg");
  text-decoration: none;
}

.jetzt_anmelden a{
  display: inline-block;
  height: 17px;
  width: 201px;
  background: url("../images/seminare/jetzt_anmelden_1.png") no-repeat;
  text-decoration: none;
  float:right;
  margin-top:10px;
}

.jetzt_anmelden a:hover{
  display: inline-block;
  height: 17px;
  width: 201px;
  background: url("../images/seminare/jetzt_anmelden_1_hover.png") no-repeat;
  text-decoration: none;
  float:right;
}


.termin_vereinbaren a{
  display: inline-block;
  height: 17px;
  width: 243px;
  background: url("../images/referenzen/termin_vereinbaren.png");
  text-decoration: none;
  margin: 10px 0 0;
  margin-left: 290px;
}

.termin_vereinbaren a:hover{
  display: inline-block;
  height: 17px;
  width: 243px;
  background: url("../images/referenzen/termin_vereinbaren_hover.png");
  text-decoration: none;
}



b{
  font-weight: bold !important;
}

td {
  color: #354047;
}

iframe {
  border: none;
}

.active_2 {
  background: #ab9ac2;
  color: #fff;
  text-decoration: none;
}

.navi_links_li_2 {
  margin-left: 10px;  
}

/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.error {
  color: #900;
  margin-bottom: 5px;
}


/* Twitter, Google+, Facebug */

#social-plugins { position: relative; text-align: right; width: 905px; padding: 31px 0 0; border:none; height: 28px;}
#social-plugins div { display: inline-block; margin: 0 20px 0 0; border:none; }
#social-plugins #twitter { width: 90px !important; border:none; }
#social-plugins #twitter iframe{ border:none; }
#social-plugins #___plusone_0 { width: 60px !important; border:none;}


/* Kontaktformular + Box Termin vereinbaren */
form#box-termin-form { position: relative; }
form#mailform input[type="checkbox"] { width: auto; height: auto; }
input, select, textarea{
  border: 1px solid #dbdbdb;
  -webkit-box-shadow: 0px 0px 4px 0px #e1e1e1;
  -moz-box-shadow: 0px 0px 4px 0px #e1e1e1;
  box-shadow: 0px 0px 4px 0px #e1e1e1;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; 
  width: 245px;
  height: 25px;
  font-family:'Century Old Style W01';
  color: #0b1d51;
  padding: 5px;
}
select {
    height: 35px !important;
    margin: 0 !important;
    padding: 5px !important;
    width: 255px !important;
}
#box-termin input { width: 215px; margin: 0 0 10px 0; }
#box-termin input[type=submit]  { margin: 20px 0; }
#box-termin #datepicker  { }
input { padding-left: 5px; }
textarea { padding: 5px; height: 125px; width: 522px; resize: none; }
textarea#bemerkung { width: 466px; font-size: 13px; }
input[type=submit] {
  background: url("../images/kontakt/button_send.png") repeat scroll 0 bottom transparent;
  display: block;
  margin: 0;
  padding: 0;
  width: 119px !important;
  height: 17px;
  border: 0px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  text-indent: -999em;
}
input[type=submit]:hover {
  background: url("../images/kontakt/button_send.png") repeat scroll 0 0 transparent;
  cursor: pointer;
}
.a_on { color: #A9AEB2 !important; }


a.phone-contact-page { color: #354047 !important; }
#pfeil_event_candy {
  display: inline;
    left: 20px;
    position: absolute;
    top: 605px;
}

.vjs-default-skin .vjs-big-play-button {
top: 10em !important;
left: 19em !important;
}


#c7 > iframe > html > body > div {
  width:570px !important;
}

.uiScaledImageContainer, ._2zfr {
  width:570px !important;
}

.changewidth {
  width:500px;
  overflow:hidden;
}