/* spinnaker-regular - latin */
@font-face {
  font-family: 'Spinnaker';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/spinnaker-v9-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Spinnaker'), local('Spinnaker-Regular'),
       url('../fonts/spinnaker-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/spinnaker-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/spinnaker-v9-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/spinnaker-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/spinnaker-v9-latin-regular.svg#Spinnaker') format('svg'); /* Legacy iOS */
}

* { margin: 0 ; padding: 0 ; border: 0 ; }
header, nav, section, footer { display: block; }

img, div { behavior: url(iepngfix.htc) ; border: none ; }

body { background: #F9ECE1 ; font-family: 'Spinnaker'; font-size: 15px ; color: #999 ; line-height: 22px ; image-rendering: optimizeQuality ; }


/* Container */

.clad { background: #fff ; margin: 0 auto ; min-width: 1000px ; max-width: 1300px ; }
.content { width: 1000px ; margin: 0 auto ; padding: 40px 0 50px 0 ; }

.contleft50 { width: 50% ; float: left ; }
.contright50 { width: 50% ; float: right ; }

.contleft50-2 { width: 50% ; float: left ; margin-left: 40px; }
.contright40 { width: 40% ; float: right ; }

.contleft33 { width: 33% ; float: left ; }
.contright33 { width: 33% ; float: right ; }

.contleft25 { width: 25% ; float: left ; }
.contright25 { width: 25% ; float: right ; }

.contleft20 { width: 20% ; float: left ; }
.contright20 { width: 20% ; float: right ; }

.contleft320 { width: 280px; float: left ; padding: 20px ; border: 1px solid #ddd ; margin: 0 17px 0 0 ; }
.contright320 { width: 280px; float: right ; padding: 20px ; border: 1px solid #ddd ; }

.contleft420 { width: 42%; float: left ; padding: 20px ; border: 1px solid #ddd ; margin: 0 40px 0 40px ; }
.contright420 { width: 42%; float: right ; padding: 20px ; border: 1px solid #ddd ; margin: 0 40px 0 0 ; }


.person1 { width: 50% ; height: 500px ; float: left ; background:url("../images/team_tanja-schwich.jpg") top right ; }
.person1:hover { background:url("../images/team_tanja-schwich.jpg") bottom right ; }
.person1en { width: 50% ; height: 500px ; float: left ; background:url("../images/team_tanja-schwich-en.jpg") top right ; }
.person1en:hover { background:url("../images/team_tanja-schwich-en.jpg") bottom right ; }

.person2 { width: 50% ; height: 500px ; float: right ; background:url("../images/team_jan-d-caumanns.jpg") top left ; }
.person2:hover { background:url("../images/team_jan-d-caumanns.jpg") bottom left ; }
.person2en { width: 50% ; height: 500px ; float: right ; background:url("../images/team_jan-d-caumanns-en.jpg") top left ; }
.person2en:hover { background:url("../images/team_jan-d-caumanns-en.jpg") bottom left ; }

.person3 { width: 50% ; height: 500px ; float: left ; background:url("../images/team_frank-johannsen_DE.jpg") top right ; }
.person3:hover { background:url("../images/team_frank-johannsen_DE.jpg") bottom right ; }
.person3en { width: 50% ; height: 500px ; float: left ; background:url("../images/team_frank-johannsen_EN.jpg") top right ; }
.person3en:hover { background:url("../images/team_frank-johannsen_EN.jpg") bottom right ; }

.person5 { width: 50% ; height: 500px ; float: left ; background:url("../images/team_joerg_leppers.jpg") top right ; }
.person5:hover { background:url("../images/team_joerg_leppers.jpg") bottom right ; }
.person5en { width: 50% ; height: 500px ; float: left ; background:url("../images/team_joerg_leppers_en.jpg") top right ; }
.person5en:hover { background:url("../images/team_joerg_leppers_en.jpg") bottom right ; }

.person6 { width: 50% ; height: 500px ; float: right ; background:url("../images/team_christina-kraphol_DE.jpg") top left ; }
.person6:hover { background:url("../images/team_christina-kraphol_DE.jpg") bottom left ; }
.person6en { width: 50% ; height: 500px ; float: right ; background:url("../images/team_christina-kraphol_EN.jpg") top left ; }
.person6en:hover { background:url("../images/team_christina-kraphol_EN.jpg") bottom left ; }

.person8 { width: 50% ; height: 500px ; float: left ; background:url("../images/team_tim-kobelt.jpg") top right ; }
.person8:hover { background:url("../images/team_tim-kobelt.jpg") bottom right ; }
.person8en { width: 50% ; height: 500px ; float: left ; background:url("../images/team_tim-kobelt-en.jpg") top right ; }
.person8en:hover { background:url("../images/team_tim-kobelt-en.jpg") bottom right ; }

.person11 { width: 50% ; height: 500px ; float: right ; background:url("../images/team_nicole-lombard_DE.jpg") top left ; }
.person11:hover { background:url("../images/team_nicole-lombard_DE.jpg") bottom left ; }
.person11en { width: 50% ; height: 500px ; float: right ; background:url("../images/team_nicole-lombard_EN.jpg") top left ; }
.person11en:hover { background:url("../images/team_nicole-lombard_EN.jpg") bottom left ; }

.person14 { width: 50% ; height: 500px ; float: right ; background:url("../images/team_lautaro-ponce_DE.jpg") top right ; }
.person14:hover { background:url("../images/team_lautaro-ponce_DE.jpg") bottom right ; }
.person14en { width: 50% ; height: 500px ; float: right ; background:url("../images/team_lautaro-ponce_EN.jpg") top right ; }
.person14en:hover { background:url("../images/team_lautaro-ponce_EN.jpg") bottom right ; }

.person16 { width: 50% ; height: 500px ; float: right ; background:url("../images/team_anna_lena.jpg") top right ; }
.person16:hover { background:url("../images/team_anna_lena.jpg") bottom right ; }
.person16en { width: 50% ; height: 500px ; float: right ; background:url("../images/team_anna_lena_en.jpg") top right ; }
.person16en:hover { background:url("../images/team_anna_lena_en.jpg") bottom right ; }

.person17 { width: 50% ; height: 500px ; float: left ; background:url("../images/team_michaela-kapner.jpg") top right ; }
.person17:hover { background:url("../images/team_michaela-kapner.jpg") bottom right ; }
.person17en { width: 50% ; height: 500px ; float: left ; background:url("../images/team_michaela-kapner-en.jpg") top right ; }
.person17en:hover { background:url("../images/team_michaela-kapner-en.jpg") bottom right ; }

.person18 { width: 50% ; height: 500px ; float: left ; background:url("../images/andrea-roeder-schulenberg_DE.jpg") top right ; }
.person18:hover { background:url("../images/andrea-roeder-schulenberg_DE.jpg") bottom right ; }
.person18en { width: 50% ; height: 500px ; float: left ; background:url("../images/andrea-roeder-schulenberg_EN.jpg") top right ; }
.person18en:hover { background:url("../images/andrea-roeder-schulenberg_EN.jpg") bottom right ; }

.person20 { width: 50% ; height: 500px ; float: left ; background:url("../images/team_sasa-manojlovic_DE.jpg") top right ; }
.person20:hover { background:url("../images/team_sasa-manojlovic_DE.jpg") bottom right ; }
.person20en { width: 50% ; height: 500px ; float: left ; background:url("../images/team_sasa-manojlovic_EN.jpg") top right ; }
.person20en:hover { background:url("../images/team_sasa-manojlovic_EN.jpg") bottom right ; }

.person21 { width: 50% ; height: 500px ; float: left ; background:url("../images/team_lisa-klopotowski_DE.jpg") top left ; }
.person21:hover { background:url("../images/team_lisa-klopotowski_DE.jpg") bottom left ; }
.person21en { width: 50% ; height: 500px ; float: left ; background:url("../images/team_lisa-klopotowski_EN.jpg") top left ; }
.person21en:hover { background:url("../images/team_lisa-klopotowski_EN.jpg") bottom left ; }

.person-siemes { width: 50% ; height: 500px ; float: right ; background:url("../images/team_silke-siemes_DE.jpg") top left ; }
.person-siemes:hover { background:url("../images/team_silke-siemes_DE.jpg") bottom left ; }
.person-siemes-en { width: 50% ; height: 500px ; float: right ; background:url("../images/team_silke-siemes_EN.jpg") top left ; }
.person-siemes-en:hover { background:url("../images/team_silke-siemes_EN.jpg") bottom left ; }

.person-gross { width: 50% ; height: 500px ; float: right ; background:url("../images/team_karl-josef-gross_DE.jpg") top left ; }
.person-gross:hover { background:url("../images/team_karl-josef-gross_DE.jpg") bottom left ; }
.person-gross-en { width: 50% ; height: 500px ; float: right ; background:url("../images/team_karl-josef-gross_EN.jpg") top left ; }
.person-gross-en:hover { background:url("../images/team_karl-josef-gross_EN.jpg") bottom left ; }

.person-wellershaus { width: 50% ; height: 500px ; float: right ; background:url("../images/team_frank-wellershaus_DE.jpg") top left ; }
.person-wellershaus:hover { background:url("../images/team_frank-wellershaus_DE.jpg") bottom left ; }
.person-wellershaus-en { width: 50% ; height: 500px ; float: right ; background:url("../images/team_frank-wellershaus_EN.jpg") top left ; }
.person-wellershaus-en:hover { background:url("../images/team_frank-wellershaus_EN.jpg") bottom left ; }

.person-johannsen { width: 50% ; height: 500px ; float: left ; background:url("../images/team_iris-johannsen_DE.jpg") top left ; }
.person-johannsen:hover { background:url("../images/team_iris-johannsen_DE.jpg") bottom left ; }
.person-johannsen-en { width: 50% ; height: 500px ; float: left ; background:url("../images/team_iris-johannsen_EN.jpg") top left ; }
.person-johannsen-en:hover { background:url("../images/team_iris-johannsen_EN.jpg") bottom left ; }


nav { background: #001F60 ; margin: 0 auto ; min-width: 1000px ; max-width: 1300px ; height: 50px ; }
nav ul { list-style-type: none ; }
nav ul li { float: left ; }

#language { float: right ; margin: 0 45px 0 0 ; font-size: 13px ; }

footer { text-align: center ; font-size: 12px ; color: #aaa ; border-bottom: 10px solid #001F60 ; padding: 50px 0 0 0 ; min-width: 1000px ; max-width: 100% ; margin: 0 auto ; }


/* Styles */

a { font-size: 15px ; font-weight: normal ; text-decoration: underline ; }
a:link { color: #999 ; } a:visited { color: #999 ; }
a:hover { color: #001F60 ; } a:active { color: #001F60 ; }

a.nav { font-size: 14px ; font-weight: normal ; color: #fff ; line-height: 50px ; margin: 0 0 0 25px ; }
a.nav:link { text-decoration: none ; } a.nav:visited { text-decoration: none ; }
a.nav:hover { text-decoration: underline ; } a.nav:active { text-decoration: underline ; }

a.language { font-size: 13px ; font-weight: normal ; color: #999 ; line-height: 50px ; }
a.language:link { text-decoration: none ; } a.language:visited { text-decoration: none ; }
a.language:hover { text-decoration: underline ; } a.language:active { text-decoration: underline ; }

a.footer { font-size: 12px ; line-height: 16px ; font-weight: normal ; color: #aaa ; }
a.footer:link { text-decoration: none ; } a.footer:visited { text-decoration: none ; }
a.footer:hover { text-decoration: underline ; } a.footer:active { text-decoration: underline ; }

p { margin: 10px 0px 20px 0px ; }

h1 { font-size: 45px ; font-weight: 100 ; color: #001F60 ; line-height: 60px ; padding: 30px 0 30px 0 ; text-transform: uppercase ; letter-spacing: 6px ; }
.h1 { font-size: 45px ; font-weight: 100 ; color: #001F60 ; line-height: 60px ; padding: 30px 0 30px 0 ; text-transform: uppercase ; letter-spacing: 6px ; }
h2 { font-size: 24px ; font-weight: 100 ; color: #001F60 ; line-height: 34px ; text-transform: uppercase ; letter-spacing: 6px ;  }
h3 { font-size: 45px ; font-weight: 100 ; color: #fff ; line-height: 60px ; padding: 30px 0 30px 0 ; text-transform: uppercase ; letter-spacing: 6px ;  }

.left { float: left ; }
.right { float: right ; }