body { margin:0; padding:0; background:url('../img/masterBackground.jpg') center top no-repeat #FFFFFF; font-family: Arial, Helvetica, sans-serif; color:#000000; }
h1, h2, h3 { font-family: Times; font-weight: normal; color:#7E8A9D; text-transform: uppercase; font-size:14px; margin:11px 0 }

#outerMaster { margin:0 auto; width:864px; position: relative; }
#sidenavigation { position: absolute; left:0; top:125px; width:52px; height:170px; background: url('../img/sidenavBackground.png') left top no-repeat; }
#sidenavigation .xing, #sidenavigation .linkedin, #sidenavigation .deutsch, #sidenavigation .englisch { position: absolute; display: block; left: 23px; top: 55px; width:20px; height:20px;  }
#sidenavigation .linkedin { top:26px; left:22px; }
#sidenavigation .deutsch { top:100px; left:22px; }
#sidenavigation .englisch { top:122px; left:22px; }
#innerMaster { margin:0 auto; background:#FFFFFF; width:760px; }

header, section, article, nav, footer { display:block; position:relative; }

header { }
#headerImage { height:180px; background-color:#C0DB42; }

header nav { background:#C0DB42; height:55px; padding-top:10px; }
header nav ul { margin:0 auto; padding:0; display:block; width: 690px; height:40px; overflow: hidden; }
header nav li { margin:0; padding:0 23px; display:block; float:left; height:40px; font-size:16px; color:#FFFFFF; background:url('../img/navTrenner.png') right center no-repeat; text-transform: uppercase; line-height: 40px; }
header nav li.last { background:none; }
header nav li a { display: block; background: url('../img/navArrow.png') left center no-repeat; padding-left: 18px; text-decoration: none; color:#FFFFFF; }
header nav li a:hover { color:#919C0D; }
header nav li a.active { color:#000000; background-image:url('../img/navArrow_active.png'); font-weight: bold; }

footer { padding-top:46px; }
footer .footerContent { padding:0 46px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:10px; color:#8C8C8C; }
footer .footerContent .slogan { float:left; height:64px; width:94px; }
footer .footerContent .name { float:left; height:64px; width:150px; font-weight: bold; }
footer .footerContent .vcfDownload { float:left; height:64px; width:94px; }
footer .footerContent .address { float:right; height:64px; width:140px; text-align: right; }
footer .footerContent .contact { float:right; height:64px; width:159px; text-align: right; }
footer .footerContent .contact a { text-decoration: none; color:#8C8C8C; }

footer nav { background:#C0DB42; height:42px; }
footer nav ul { margin:0 auto; padding:0; display:block; height:42px; overflow:hidden; width:370px; }
footer nav ul li { margin:0; padding:0; display:block; float:left; color:#FFFFFF; font-size:10px; line-height:42px; }
footer nav ul li.trenner { padding:0 16px; }
footer nav ul li a { text-decoration: none; color:#FFFFFF; display:block; }
footer nav li a:hover { color:#919C0D; }
footer nav li a.active { color:#000000; font-weight: bold; }

article { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
article p { font-size: 12px; line-height:18px; margin: 15px 0; }
article a { color:#33C1F2; text-decoration: underline; font-weight: bold; }
article a:hover { color:#02A7D3; }

/* Startseite */
article#startseite { background:url('../img/startseiteBackground.jpg') right top no-repeat; height:490px; width:760px; color:#4D4D4C; position: relative; }
article#startseiteEN { background:url('../img/startseiteBackgroundEN.jpg') right top no-repeat; height:490px; width:760px; color:#4D4D4C; position: relative; }
article#startseite h1 { visibility: hidden; margin:0; padding:0; }
article#startseiteEN h1 { visibility: hidden; margin:0; padding:0; }
article#startseite section { position: absolute; left: 74px; top: 79px; width: 420px; }
article#startseiteEN section { position: absolute; left: 74px; top: 79px; width: 420px; }

article.kompetenzen { position: relative; padding-top: 24px; }
article.kompetenzen h3 { font-family: Times; margin:0; margin-top:18px; position: absolute; top: 0; left:72px; }
article.kompetenzen section.branchen { font-family: Times; font-style: italic; padding: 0 66px 0 66px; }
article.kompetenzen section.branchen h3 { position: relative; left:0; }
article.kompetenzen section.branchen p { margin:7px 0 12px 0; font-size:19px; color:#525150; }
article.kompetenzen section.branchen p em { color:#919C0D; }
/* Startseite ENDE */

/* Contentseiten */
article.content { padding:35px 44px 0 44px; }
article.content section { padding-bottom:8px; }
article.content .referenz { margin-bottom: 8px; display:block; float:left; }

article.content section.aktuellesProjekt img, article.content section.aktuellesProjekt div, article.content section.aktuellesProjekt p { display:block; float:left; }
article.content section.aktuellesProjekt div { width: 150px; padding-left: 30px; }
article.content section.aktuellesProjekt p { width:350px; }

article.content ul { margin:16px 0 9px 0; padding-left:17px; }
article.content li { list-style-image: url('../img/iconListe.gif'); font-size:14px; margin: 6px 0; }

article.content.partner { padding-left:0; padding-right:0; }
article.content.partner section { border-bottom:1px solid #E7E6E6; padding-left:44px; padding-right:44px; padding-bottom:33px; margin-bottom: 21px; }

article.content.consult { padding-left:0; padding-right:0; }
article.content.consult section { padding-left:44px; padding-right:44px; }
article.content.consult section.aktuellesProjekt { border-bottom:1px solid #E7E6E6; border-top:1px solid #E7E6E6; margin-bottom: 24px; padding: 11px 44px; }
article.content.consult section.aktuellesProjekt p { margin-top:0; }
/* Contentseiten ENDE */

/* Kontaktformular */
section.kontaktformular td { vertical-align: top; padding:5px 0; }
section.kontaktformular label { font-size:12px; width:115px; display:block; line-height: 23px; }
section.kontaktformular input.text { background-color:#EBEBEB; border:none; width:444px; height:23px; margin:0; padding:0 8px; line-height:23px; }
section.kontaktformular textarea { background-color:#EBEBEB; border:none; width:444px; height:88px; margin:0; padding:8px; }
/* Kontaktformular ENDE */

.clear { float:none !important; clear:both !important; }


/* Änderungen 07.12.2016 */
a.cssbutton {
  width: 132px;
  font-size: 12px;
  color: #324663;
  font-family: 'Arial';
  text-decoration: none;
  background: #F0F1F2 url('../img/cssbutton_arrow.png');
  background-repeat: no-repeat;
  height: 26px;
  padding: 5px 20px;
}
a.cssbutton:hover {
  color: #324663;
}
a.cssbutton.website {
  background-position: 95px 8px;
}
a.cssbutton.info {
  background-position: 89px 8px;
}
a.cssbutton.website.en {
  background-position: 73px 8px;
}
a.cssbutton.info.en {
  background-position: 58px 8px;
}

/* Änderungen 17.04.2018 */
article.content section.aktuellesProjekt div.project-wrapper {
  display: flex;
  width: 100%;
  padding-left: 0;
  margin-bottom: 30px;
  border-bottom: 1px solid #E7E6E6;
  padding-bottom: 30px;
}
article.content section.aktuellesProjekt div.project-col-1 {
  padding-left: 0;
  width: 137px;
}
article.content section.aktuellesProjekt div.project-col-2 {
  padding-left: 0;
  width: 150px;
  padding-left: 30px;
  padding-right: 10px;
}
article.content section.aktuellesProjekt div.project-col-3 {
  padding-left: 0;
  flex-grow: 1;
}