#wrapper, .footerwrapper, .wrapper {
    max-width: 970px;
	width:98%;
	padding-left:1%;
	padding-right:1%;
    margin: 0px auto;
}
#wrapper {
    padding-bottom: 60px;
}

h2 {
    font-size: 1em;
    line-height: 1.5em;
    padding-left: 2.5%;
    left: -2.5%;
    padding-right: 2.5%;
}
#content ol, #content ul	{
	padding-left:20px;
}
.suche input {
    line-height: 2.225em;
}
.suche input[type="text"] {
   width:77%;
   margin-left:-8%;
   padding-left: 10%;
}
.suche input[type="submit"] {
    background-size:89% auto;
	width: 20.9%;
}
.suche {
    padding-top:15px;
}
.logo {
    padding-top: 20px;
}
header {
    height: 396px;
}
.service {
    padding-top: 20px;
	font-size:0.875em;
}
.servicenavi {
	padding-bottom:12px;
}
.language li a.de {
    padding: 0 3px 0 0;
}

.prix-svc, .fr .prix-svc, .newsletteranmeldung, .fr .newsletteranmeldung {
	/*top:74px;
	left:auto;
	right:0;
	width:8%;
	position:absolute;*/
}

nav {
    width: 87%;
    padding-top: 12px;
}
nav li {
    padding-right: 22px;
}
nav a {
    line-height: 1em;
    font-size: 1.125em;
}
.navi1 li:hover a, .navi1 li.active a {
	border-bottom: 9px #00326a solid;
	padding-bottom:36px;
}
.unternavi {
    height: 406px;
    width: 95%;
    left: 5%;
}
.navi2 {
    top: 0;
	width:100%;
}

li:hover .navi2 li li a {
    padding: 0px 0px 0px 0px !important;
}

.navi3 {

	padding-right:0px;	
}
.navi2 li {
    width: 33%;
}
.navi2 .navi3 li {
    width: 100%;
}
.navi2 a, li:hover .navi2 a {
    font-size: 1.25em;
    line-height: 1em;
    padding: 32px 0px 0px 0;
	width:100%;
    background:none !important;
}
li:hover .navi2 li li a {
    padding: 0px 0px 0px 5%;
}

.quicklinks li a {
    color: #FFF;
    font-size: 1em;
    margin-left: 20%;
    padding-left: 18%;
    line-height: 3em;
}
.sparte {
    float: left;
    width: 25.8%;
    padding-left: 3.75%;
    padding-right: 3.75%;
    text-align: center;
}
.mehr a {
    line-height: 2em;
    width: 55%;
}

.subtitel h2 {
	line-height:2.5em;
}
.akademie h2 {
    width: 117.8%;
}

#content #nlarchiv ul li.jahr {
    padding-bottom: 85px;
}

.akademie .confirm  h2 {
	width: 100% !important;
}

.akademie .schuldetails h2 {
    width: 90%;
}
#events .event-history, #pressespiegel .event-history {
    display: block;
    padding: 40px 0 0 0;
}
#pressespiegel .news .article, #pressehistory .news .article, #events .news .article {
    padding-bottom: 20px;
}
.news	{
	padding-top:8px;
	padding-bottom:0;
}
.newsfiles {
	padding-top:75px;
}
.news .article.first {
	margin-bottom: 10px;
}
.article img {
    float: left;
}
.article .newstext {
    float: right;
    padding-bottom: 10px;
}
.date {
    max-width: 40%;
	float:left;
}
.article .mehr a {
    width: 68%;
}
.slick-arrow	{
	/*display:none !important;*/
}
.personentext {
	opacity: 1;
   	transition: opacity .25s ease-in-out 0.5s;
   -moz-transition: opacity .25s ease-in-out 0.5s;
   -webkit-transition: opacity .25s ease-in-out 0.5s;
}
.personentext p, .personentext a.ansprechperson	{
	font-size:0.875em;
}
.slick-center .personeninfo	{
	width:92%;
	padding-left:4%;
	padding-right:4%;
	transition: width .25s ease-in-out;
   -moz-transition: width .25s ease-in-out;
   -webkit-transition: width .25s ease-in-out;
}

input#schulungssuche {
	max-width:25%;
	margin-bottom:5px;
	float:left;
}
#content .akademie p.hinweis {
	margin-bottom:5px;
	width:100%;
}
footer {
    padding-top: 32px;
    padding-bottom: 25px;
    margin-top: 47px;
    z-index: 3;
    position: relative;
}
footer h3 {
    width: 22%;
}
.footernavi {
    width: 85%;
}
.footernavi .foot1, .footernavi .foot2, .footernavi .foot4 {
    float: left;
    width: 19%;
}
.footernavi .foot3 {
    width: 33%;
}
.footernavi div {
    width: 22.7%;
	padding-right: 2.26%;
}
footer .footernavi .social {
    width: 100%;
	padding-top:30px;
}


.flexslider .slides img {
    max-width: 100%;
    display: block;
    width: 100% !important;
}
.flexslider .flex-caption {
    padding: 25px 2%;
	width:96%;
    font-size: 2em;
    line-height: 1.25em;
}
.banner {
    height: 317px;
    top: 135px;
}
.subnaviframe {
    height: 317px;
    top: 135px;
}

.jobicons {
    float: left;
	padding-left:9%;
    width: 90%;
    padding-top: 46px;
}
#content .academyliste a {
    font-size: 1em;
    line-height: 1.5em;
}

.quicklinks .quicklinkdetail {
    left: 24%;
    top: 30px;
    max-height: 630px;
    background-color: #FFF;
    z-index: 15;
}
.schuldetails, .zertdetails, .adminPopUpLayer {
    width: 65.5%;
    max-width: 875px;
    padding: 20px 2%;
    top: 30px;
    max-height: 580px;
}
.schulungAnmeldung, .zertAnmeldung {
    width: 68.5%;
    top: 20px;
    max-height: 590px;
}
.personeninfo {
    width: 23.4%;
}
#page46 .personeninfo, #page433 .personeninfo {
    padding-right: 9%;
    padding-bottom: 0;
}
.akademie {
    float: left;
    width: 85%;
}

.formsml input[type=text], .formsml select ,.akademie input.button, .nextformtable input[type=text], .tx-indexedsearch-searchbox-sword, .login input[type=text], .login input[type=password],.login input[type=submit],
#newAnm input{
    -webkit-border-radius:0; 
    border-radius:0;
	 -webkit-appearance: none;
	 border: 1px #a9a9a9 solid;
}

.login input[type=submit], .tx-felogin-pi1 input[type=submit],.akademie input.button, .schulungAnmeldung input.button {
	border: 1px solid #00326A;
	-webkit-border-radius:0; 
    border-radius:0;
}


@media screen and (max-width: 940px)  {
	
	
    header {
		height: 336px;
		padding-left:4.75%;
		padding-right:4.75%;
		width: 90.5%;
		padding-top:20px;
	}
	.mob {
		display: block;	
	}
	
	.service {
		font-size: 0.75em;
		line-height: 1em;
		width: 35%;
		float: right;
		padding-top: 6px;
	}
	
	.language {
		width: 100%;
		float: right;
		padding-top: 19px;
		text-align: right;
	}

	.suche, .servicenavi, .country, nav, .footernavi, #page2 .quicklinks, #page465 .quicklinks, footer .logo	{
		display:none;
	}
	a.related-link, .article a.external-link-new-window {
		background-image: url("../img/icon-link.png");
		background-repeat: no-repeat;
		min-height: 45px;
		padding-left: 55px;
	}
	
	.navbutton	{
		float:right;
		position:relative;
		width:7%;
	}
	.navbutton:after	{
		position:absolute;
		content: "\f0c9";
		font-family: FontAwesome;
		width:100%;
		color:#003070;
		font-size:1.750em;
		right:0;
		top:20px;
		cursor:pointer;
	}
	nav.triggered	{
		display:block;
		width:100%;
		top:86px;
		left:0;
		position:absolute;
		z-index:8;
	}
	nav.triggered li	{
		float:none;
		text-align:center;
		padding:0;
		background-color:#003070;
		border-bottom:1px solid #fff;
	}
	nav.triggered a {
		color: #fff;
		font-size: 1em;
		line-height: 2.375em;
		width:40%;
		margin:0 auto;
	}
	nav.triggered a:hover, nav.triggered li:hover a, .navi1 li.active a {
		color: #fff;
		padding-bottom:0;
		border:none;
	}
	nav.triggered li li a {
		width:100%;
	}
	
	
	.triggered li.nav58.lv1 {
		display: block;
	}
	.triggered .country	{
		display:block;
		background-color:#003070;
		text-align:center;
		color:#fff;
		width:100%;
	}
	nav.triggered .country a {
		display:inline-block;
		width:auto;
	}
	.unternavi	{
		position:static;
		height:auto;
		width:100%;
		left:0;
	}
	.navi2 {
		position: static;
		top: 0;
		text-align:center;
	}
	nav.triggered .navi2 li {
		width: 100%;
		border:none;
	}
	.navi2 a, li:hover .navi2 a {
		font-size: 1em;
		line-height: 1.75em;
		padding: 0;
	}
	.navi2 a.link16, .navi2 a.link21, .navi2 a.link22 {
		background:none;
	}
	.navi3 {
		padding: 5px 30% 10px 30%;
		width: 40%;
	}
	li:hover .navi2 li li  {
	}
	li:hover .navi2 li li a {
		font-size: 1em;
		line-height: 1.5em;
		padding: 0;
		font-weight: normal;
	}
	
	.subnaviframe	{
		background:none;
	}
	.prix-svc, .fr .prix-svc, .newsletteranmeldung, .fr .newsletteranmeldung {
		top:43px;
		right:42%;
		left:auto;
		width:10%;
		min-width:92px;
		position:absolute;
	}
	.nextformtable .formlabel {
		width: 30%;
		margin-bottom: 20px;
	}
	.nextformtable .form-submit {
		margin-left: 30%;
		margin-top: 20px;
	}
	.nextformtable .formdata {
		width: 70%;
	}
	.nextformtable #plz {
		width: 19%;
		margin-right: 1.9%;
	}
	.filtergruppe {
		width:33%;
	}
	.meilenstein {
		background-position:left 35px top;
	}
	.meilenstein .zeitinfo, .meilenstein .zeitinfo.evenyear {
		float: left;
		clear: both;
		width: 70%;
		padding-left: 15%;
		padding-right:0;
		display: none;
		margin-top: -39px;
		margin-left:12%;
		text-align:left;
	}
	.meilenstein .evenyear h4 {
		padding-left: 5%;
		padding-right: 0px;
	}
	#page2 .news.space, #page465 .news.space {
		padding-top: 20px;
		padding-left:0;
	}
	.meilenstein span, .meilenstein span:hover, .meilenstein span.show {
		width: 10%;
		margin-left: 0;
	}
	.meilenstein span {
		width: 8%;
		margin-left:0.75%;
		line-height:3.25em;
	}
	.logo {
		width: 12%;
		min-width:82px;
		padding-top:0;
	}
	.logo img {
		max-width: 100%;
	}
	.banner {
		height: 160px;
	}

	.produktinfo {
		width: 60%;
		padding: 20px 2% 10px;
		left: 18%;
		top: 200px;
		max-height: 500px;
	}
	.sparte {
		width: 45.8%;
		padding: 24px 1.75%;
		text-align: center;
		border-bottom:none;
	}
	#page2 .date, #page465 .date {
		left: 46%;
		width: 12%;
	}
	#page2 .news, #page465 .news {
		padding-bottom: 25px;
		width: 100%;
	}
	#page2 #content .article .mehr a, #page465 #content .article .mehr a {
		width: 19%;
		margin: 20px auto 0px 40.5%;
	}
	.personeninfo {
		width: 30.4%;
		padding-bottom:20px;
	}
	#page46 .personeninfo, #page433 .personeninfo {
		padding-right: 9%;
		padding-bottom: 20px;
	}
	.personentext {
		width: 100%;
	}

}

.formsml input[type=text], .formsml select ,.akademie input.button, .nextformtable input[type=text], .tx-indexedsearch-searchbox-sword, .login input[type=text], .login input[type=password],.login input[type=submit],
#newAnm input{
    -webkit-border-radius:0; 
    border-radius:0;
	 -webkit-appearance: none;
	 border: 1px #a9a9a9 solid;
}

.login input[type=submit], .tx-felogin-pi1 input[type=submit],.akademie input.button, .schulungAnmeldung input.button {
	border: 1px solid #00326A;
	-webkit-border-radius:0; 
    border-radius:0;
}


@media screen and (max-width: 783px)  { 
.sparte  {
    width: 74.4%;
    padding: 24px 12.8%;
    text-align: center;
    border-bottom: 1px solid #7E7E7E;
}
}