/* Standard-Styles für ältere Browser (ausser IE)

*******************************************************************************/

command, datalist, source {

	display: none;

}

article, aside, figure, figcaption, footer, header, hgroup, menu, nav, section, summary {

	display: block;

}

figure, menu {

	margin-top: 1em;

	margin-bottom: 1em;

}

dl menu, menu dl, menu menu, menu ol, menu ul {

	margin-bottom: 0;

	margin-top: 0;

}





/* Generell

*******************************************************************************/



* {

	margin: 0;

	padding: 0;

	outline: none;

}



html, body {

	min-height: 100%;

	height: 100%;

}



/*@media only screen and (max-width: 770px){

	html, body {

		overflow-x: hidden;

	}

}*/



html {

	-webkit-text-size-adjust: none; /* Prevent font scaling in landscape */

	-webkit-font-smoothing: antialiased; /* damit im Safari die Schrift nicht Blinkt bei den Animationen vom Flexslider */

	-moz-osx-font-smoothing: grayscale;

}



body {

	margin: 0;

	font-family: 'Open Sans', Arial, sans-serif;

	font-weight: 400;

	font-size: 17px;

	color: #26353d;

	background: #fff;

	line-height: 1.5em;

	position: relative;

}



h1 {

	font-size: 48px;

	font-weight: 400;

	padding: 0;

	color: #26353d;

	font-family: 'Open Sans', Arial, sans-serif;

	line-height: 1.3em;

	margin-bottom: 0.5em;

	margin-top: -0.2em;

	width: 100%;

}



h2 {

	font-size: 20px;

	padding: 0;

	color: #26353d;

	font-family: 'Open Sans', Arial, sans-serif;

	font-weight: 400;

	line-height: 1.3em;

	margin-bottom: 10px;

	text-transform: uppercase;

}



h3 {

	font-size: 22px;

	padding: 0;

	color: #26353d;

	font-family: 'Open Sans', Arial, sans-serif;

	font-weight: 700;

	line-height: 1.3em;

	margin-bottom: 15px;

}



h4 {

	font-size: 17px;

	padding: 0;

	color: #26353d;

	font-family: 'Open Sans', Arial, sans-serif;

	font-weight: 700;

	line-height: 1.4em;

}



a:link, a:visited {

	text-decoration: none;

	color: #26353d;

}



a:hover, a:active, a.aktiv {

	text-decoration: none;

	color: #008fd7;

}



a.gruen {

	color: #7FB531;

}



img {

	border: none;
	max-width: 100%;
}



.clear {

	position: relative;

	width: 100%;

	height: 0;

	overflow: hidden;

	clear: both;

}



strong {

	font-family: 'Open Sans', Arial, sans-serif;

	font-weight: 700;

}



td {

	vertical-align: top;

	text-align: left;

}



.trenner {

	position: relative;

	clear: both;

	margin: 0 auto;

	height: 5px;

	margin-bottom: 60px;

	overflow: hidden;

	background-color: #26353d;

}



.showpad {

	display: none;

}



.desk {

	display: inherit;

}



.mobile {

	display: none;

}



.small {

	font-size: 80%;

}



.nowrap {

	white-space: nowrap;

}



.floatLeft {

	position: relative;

	float: left;

}



.floatRight {

	position: relative;

	float: right;

}



@media only screen and (max-width: 770px){

	body {

		font-size: 15px;

	}

	.desk {

		display: none !important;

	}

	.mobile {

		display: inherit !important;

	}

	h1, h3.title {

		font-size: 24px;

	}

	h2 {

		font-size: 24px;

	}

	h3 {

		font-size: 18px;

	}

}

@media only screen and (max-width: 480px){

	body {

		/*line-height: 1.4em;*/

	}

}





/* Konstrukt

*******************************************************************************/



#outwrap {

	position: relative;

	min-height: 100%;

	height: auto !important;

	height: 100%;

	width: 100%;

	margin: 0  auto; 

	clear: both;

	overflow: hidden;

}



#spaceBottom {

	position: relative;

	clear: both;

	width: 100%;

	height: 480px;

}



.topLink {

	text-align: center;

}



.topLink a {

	display: inline-block;

	width: 29px;

	height: 29px;

	background: url(https://www.okey.ch/_images/top.png) no-repeat;

	text-indent: -9999px;

	overflow: hidden;

	cursor: pointer;

}



@media only screen and (max-width: 1000px){

	#outwrap {

		margin: 0 auto;

		/*overflow: auto;*/

	}

	#spaceBottom {

		display: none;

	}

}





/* Header

*******************************************************************************/



#header {

	position: relative;

	width: 100%;

	height: 120px;

	background: #fff;

}



#headerWrap {

	position: relative;

	max-width: 1380px;

	height: 100px;

	margin: 0 auto;

	padding: 0;

	

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

}



#logo {

	position: absolute;

	width: 250px;

	height: auto;

	left: 15px;

	top: 15px;

	z-index: 2;

}



#logo img {

	width: 100%;

	height: auto;

}



@media only screen and (max-width: 770px){

	#header, #headerWrap {

		height: 65px;

	}

	#logo {

		top: 10px;

		left: 50%;

		width: 160px;

		margin-left: -80px;

	}

}



.suche {

	position: absolute;

	top: 10px;

	right: 20px;

}



.searchButton {

	display: block;

	width: 28px;

	height: 28px;

	background: url(../static/suche.png) no-repeat top right;

	position: absolute;

	top: 0;

	right: 0;

	text-indent: -9999px;

	overflow: hidden;

	padding-left: 10px;

	cursor: pointer;

}



.suchePanel {

	display: none;

}



.suche input {

	width: 150px;

	border: none;

	background: #f0f4fb;

	color: #333;

	font-size: 18px;

	font-family: 'Open Sans', Arial, sans-serif;

	font-weight: 400;

	padding: 5px 10px;

	margin: 0;

	position: absolute;

	top: 30px;

	right: 14px;

}



.suche button.sendSearch {

	width: 34px !important;

	height: 34px;

	border: none;

	padding: 0;

	background: url(/static/search.png) no-repeat;

	text-indent: -9999px;

	overflow: hidden;

	cursor: pointer;

	position: absolute;

	top: 30px;

	right: -20px;

}



.suche ::-webkit-input-placeholder {

	color: #999;

}

.suche :-moz-placeholder { /* Firefox 18- */

	color: #999;

}

.suche ::-moz-placeholder {  /* Firefox 19+ */

	color: #999;

}

.suche :-ms-input-placeholder {  

	color: #999;

}



@media only screen and (max-width: 400px){

	.mobileClear {

		display: block;

		clear: both;

	}

}





/* Headerbild */

.headerBild {

	position: relative;

	height: 515px;

	width: 100%;

}



.headerBildSmall {

	position: relative;

	height: auto;

	width: 100%;

	margin-bottom: 50px;

	overflow: hidden;

	line-height: 1px;

}



.centerHeader {

	max-width: 1200px;

	margin: 0 auto;

}



.centerHeader img {

	width: 100%;

	height: auto;

}



.distanceTop {

	width: 100%;

	height: 50px;

}



.flexslider {

	border: 0;

	height: 515px;

	overflow: hidden;

}



.flexslider .slides li {

	height: 515px;

	position: relative;

}



.headerOverlay {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: rgba(38,53,61,0.35);

}



.headline01 {

	position: relative;

	margin: 0 auto;

	padding: 150px 25px 0 25px;

	font-size: 52px;

	font-weight: 400;

	line-height: 1.3em;

	text-align: center;

	color: #fff;

	max-width: 1200px;

}



.headline02 {

	position: relative;

	margin: 0 auto;

	font-size: 22px;

	font-weight: 400;

	line-height: 1.3em;

	text-align: center;

	color: #fff;

	padding-top: 20px;

}



@media only screen and (max-width: 770px){

	.headline01 {

		padding-top: 150px;

		font-size: 36px;

	}

	.headline02 {

		margin: 0 auto;

		font-size: 18px;

	}

}



@media only screen and (max-width: 760px){

	.headerBild {

		height: 300px;

		margin-bottom: 25px;

	}

	.flexslider {

		height: 300px;

	}

	.flexslider .slides li {

		height: 300px;

	}

	.headline01 {

		padding-top: 80px;

		font-size: 22px;

	}

	.headline02 {

		margin: 0 auto;

		font-size: 14px;

	}

}



/* Animationen im Slider Home */



.headerOverlay {

	-moz-animation-name: fadeBG;

    -moz-animation-iteration-count: 1;

    -moz-animation-timing-function: ease;

    -moz-animation-duration: 4s;



    -webkit-animation-name: fadeBG;

    -webkit-animation-iteration-count: 1;

    -webkit-animation-timing-function: ease;

    -webkit-animation-duration: 4s;



    animation-name: fadeBG;

    animation-iteration-count: 1;

    animation-timing-function: ease;

    animation-duration: 4s;

}



@-moz-keyframes fadeBG {

    0% {

		-moz-opacity: 0;

    }

	70% {

		-moz-opacity: 0;

    }

    100% {

		-moz-opacity: 100;

    }

}

@-webkit-keyframes fadeBG {

    0% {

		-webkit-opacity: 0;

    }

	70% {

		-webkit-opacity: 0;

    }

    100% {

		-webkit-opacity: 100;

    }

}

@keyframes fadeBG {

    0% {

		opacity: 0;

    }

	70% {

		opacity: 0;

    }

    100% {

		opacity: 100;

    }

}



.headline01 {

	-moz-animation-name: slideBoxes;

    -moz-animation-iteration-count: 1;

    -moz-animation-timing-function: ease;

    -moz-animation-duration: 5s;



    -webkit-animation-name: slideBoxes;

    -webkit-animation-iteration-count: 1;

    -webkit-animation-timing-function: ease;

    -webkit-animation-duration: 5s;



    animation-name: slideBoxes;

    animation-iteration-count: 1;

    animation-timing-function: ease;

    animation-duration: 5s;

}



.headline02 {

	-moz-animation-name: slideBoxes2;

    -moz-animation-iteration-count: 1;

    -moz-animation-timing-function: ease;

    -moz-animation-duration: 6s;



    -webkit-animation-name: slideBoxes2;

    -webkit-animation-iteration-count: 1;

    -webkit-animation-timing-function: ease;

    -webkit-animation-duration: 6s;



    animation-name: slideBoxes2;

    animation-iteration-count: 1;

    animation-timing-function: ease;

    animation-duration: 6s;

}



@-moz-keyframes slideBoxes {

    0% {

        -moz-transform: translateY(-2000px);

		-moz-opacity: 0;

    }

	50% {

        -moz-transform: translateY(-2000px);

		-moz-opacity: 0;

    }

    100% {

        -moz-transform: translateY(0);

		-moz-opacity: 100;

    }

}

@-webkit-keyframes slideBoxes {

    0% {

        -webkit-transform: translateY(-2000px);

		-webkit-opacity: 0;

    }

	50% {

        -webkit-transform: translateY(-2000px);

		-webkit-opacity: 0;

	}

    100% {

        -webkit-transform: translateY(0);

		-webkit-opacity: 100;

    }

}

@keyframes slideBoxes {

    0% {

        transform: translateY(-2000px);

		opacity: 0;

    }

	50% {

        transform: translateY(-2000px);

		opacity: 0;

    }

    100% {

        transform: translateY(0);

		opacity: 100;

    }

}



@-moz-keyframes slideBoxes2 {

    0% {

        -moz-transform: translateY(1000px);

		-moz-opacity: 0;

    }

	65% {

        -moz-transform: translateY(1000px);

		-moz-opacity: 0;

    }

    100% {

        -moz-transform: translateY(0);

		-moz-opacity: 100;

    }

}

@-webkit-keyframes slideBoxes2 {

    0% {

        -webkit-transform: translateY(1000px);

		-webkit-opacity: 0;

    }

	65% {

        -webkit-transform: translateY(1000px);

		-webkit-opacity: 0;

    }

    100% {

        -webkit-transform: translateY(0);

		-webkit-opacity: 100;

    }

}

@keyframes slideBoxes2 {

    0% {

        transform: translateY(1000px);

		opacity: 0;

    }

	65% {

        transform: translateY(1000px);

		opacity: 0;

    }

    100% {

        transform: translateY(0);

		opacity: 100;

    }

}



@media only screen and (max-width: 760px){

	.headline01, .headline02 {	

		

	}

}



.abstandTop {

	position: relative;

	width: 100%;

	height: 16px;

	margin-bottom: 60px;

	overflow: hidden;

	background: url(/static/bg.jpg) repeat-y top center;

}





/* Navigation

*******************************************************************************/



/* Sprachwahl */



#sprachwahl {

	position: absolute;

	top: 10px;

	right: 70px;

	font-size: 12px;

	text-transform: uppercase;

	font-weight: 700;

}



#sprachwahl ul {

	list-style: none;

}



#sprachwahl li {

	float: left;

}



#sprachwahl a:link, #sprachwahl a:visited {

	margin-left: 15px;

	color: #333;

	text-transform: uppercase;

}



#sprachwahl a:hover, 

#sprachwahl a:active, 

#sprachwahl a.aktiv {

	color: #008fd7;

}



@media only screen and (max-width: 770px){

	#sprachwahl {

		right: 15px;

		top: 20px;

		font-size: 15px;

	}

}







/* Headernavigation */

.headerNav-content {

	position: relative;

	font-size: 12px;

	font-weight: 700;

	background-color:rgb(0, 143 ,215);

	overflow: hidden;

}

#headerNav {

	width: 1380px;

	margin: auto;

	text-align: right;

}



#headerNav nav {

	display: inline-block;

}



#headerNav ul {

	list-style: none;

}



#headerNav li {

	display: inline-block;

}



#headerNav a:link, #headerNav a:visited {

	margin-left: 15px;

	color: #fff;

	text-transform: uppercase;

}



#headerNav a:hover, 

#headerNav a:active, 

#headerNav a.aktiv {

	color: #fff;

	font-weight: bold;

}



@media only screen and (max-width: 770px){

	#headerNav {

		display: none;

	}

}







/* Hauptnavigation */



#navigation {

	position: absolute;

	bottom: 20px;

	left: 0;

	height: 30px;

	width: 100%;



	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

}



#navigation ul {

	float: left;

	position: relative; 

	left: 50%;

	margin: 0 auto;

	padding: 0; 

	list-style-type: none;

}



#navigation li {

	float: left;

	position: relative;

	right: 40%;

}



#navigation a {

	width: auto;

	display: block;

	padding: 0 30px;

	line-height: 1.5em;

	color: #333; 

	text-decoration: none;

	font-size: 18px;

	text-transform: uppercase;

	font-weight: 700;

}



#navigation a:hover,

#navigation a:active,

#navigation a.aktiv {

	color: #008fd7;

}





/* Subnavigationen */



.subnav {

	display: none;

	position: absolute;

	top: 120px;

	z-index: 100;

	background: rgba(234,238,240,0.9);

	width: 100%;

	padding: 30px 0;

	font-weight: 700;

	text-transform: uppercase;

	font-size: 16px;

}



.navWrap {

	max-width: 1200px;

	margin: 0 auto;

	padding: 0 15px;

}



.subnav ul {

	display: block;

	list-style: none;

}



.subnav li {

	padding-bottom: 10px;

}



#subnav1 ul {

	max-width: 450px;

	margin: 0 auto;

	margin-right:52%;

	-moz-column-count: 4;

	-moz-column-gap: 20px;

	-webkit-column-count: 4;

	-webkit-column-gap: 20px;

	column-count: 2;

	column-gap: 0px;

}

#subnav2 ul {

	max-width: 650px;

	margin: 0 auto;

	height:200px;

	-moz-column-count: 2;

	-moz-column-gap: 20px;

	-webkit-column-count: 2;

	-webkit-column-gap: 20px;

	column-count: 2;

	column-gap: 20px;

}





#subnav3 ul {

	max-width: 600px;

	margin: 0 auto;

	margin-left:35%;

	-moz-column-count: 2;

	-moz-column-gap: 20px;

	-webkit-column-count: 2;

	-webkit-column-gap: 20px;

	column-count: 2;

	column-gap: 20px;

}



#subnav4 ul {

	max-width: 250px;

	margin: 0 auto;

	margin-left:72%;

	-moz-column-count: 3;

	-moz-column-gap: 20px;

	-webkit-column-count: 3;

	-webkit-column-gap: 20px;

	column-count: 1;

	column-gap: 20px;

}



.float3 {

	position: relative;

	float: left;

	width: 25%;

}



.subnav a {

	display: block;

	margin-right: 40px;

}



.subnav a:hover,

.subnav a:active,

.subnav a.aktiv {

	background: url(/static/bg_nav.png) no-repeat left center;

	color: #008fd7;

	padding-left: 15px;

}



@media only screen and (max-width: 1100px){

	#navigation ul {

		float: right;

		left: auto;

	}

	#navigation li {

		float: left;

		right: auto;

	}

}



@media only screen and (max-width: 1000px){

	#navigation a {

		padding: 0 15px;

		font-size: 16px;

	}

}





@media only screen and (max-width: 770px){

	#navigation {

		display: none;

	}

}











/* Content

*******************************************************************************/



.content {

	position: relative;

	width: 100%;

	margin: 0;

	padding-bottom: 55px;

	line-height: 1.8em;

}



.noPaddingBottom {

	padding-bottom: 0;

}



.content article {

	position: relative;

	max-width: 1200px;

	margin: 0 auto;

	padding: 0 15px;

}



.content article.schmal {

	max-width: 1100px;

}



.center {

	text-align: center;

}



.bgGray {

	background: #eeeef1;

	padding: 25px 0;

	margin-bottom: 55px;

}



.content p {

	padding-bottom: 1em;

}



.bgTrenner {

	width: 100%;

	background: transparent url(/static/bg_titel.jpg) repeat-y top center;

	text-align: center;

}

.index-title {

	font-size: 24px;

	color: #505873;

}

.index-title::after {

	content: '';

    width: 40px;

    margin: 5px auto 10px;

    display: block;

    background-color: #505873;

    height: 2px;

}

.bgTrenner h2 {

	position: relative;

	font-weight: 400;

	text-transform: uppercase;

	font-size: 20px;

	width: auto;

	padding: 0;

	margin: 0;

	line-height: 0 !important;

	height: 16px;

}



.bgTrenner h2 span {

	background-color: #fff;

	padding: 0 5px;

}



.trennerBefore {

	display: inline-block;

	width: 16px;

	height: 16px;

	background-color: transparent !important;

	background: url(/static/titel_start.png) no-repeat top left;

}



.trennerAfter {

	display: inline-block;

	width: 16px;

	height: 16px;

	background-color: transparent !important;

	background: url(/static/titel_end.png) no-repeat top right;

}





.spalten2 {

	/*position: relative;*/

	float: left;

	width: 45%;

	padding-right: 100px;

	

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

}



.spalten2:first-child {

	width: 55%;

}



.spalten2:nth-child(2) {

	

}



.spalten2 ul {

	list-style: none;

}



.spalten2 li:before {

	content: "› ";

}





/* Ansprechpartner */

.spalten3 {

	position: relative;

	float: left;

	width: 33.333333%;

	

}



.portrait {

	max-width: 250px;

	padding:  15px;

	margin: auto;

	background-color: #fff;

}

.portrait a{

	margin: auto;

	padding: 2px 15px;

	display: block;

	background-color: #008fd7;

	border-radius: 4px;

	color: #fff;

}

.portrait a span{

	float: right;

}

.portrait h4 {

	font-weight: 400;

	text-transform: uppercase;

	padding: 0 0 25px 0;

}



.portraitBild {

	line-height: 1px;

	padding-bottom: 15px;

}



.portraitBild img {

	width: 100%;

	height: auto;

}

.portraitBild a {

	width: 100%;

	height: auto;

}



/* .ansprechpartner .spalten3:nth-child(1),

.ansprechpartner .spalten3:nth-child(3n+4) {

	clear: left;

}



.ansprechpartner .spalten3:nth-child(1) .portrait,

.ansprechpartner .spalten3:nth-child(3n+4) .portrait {

	margin: 0 auto 0 0;

}



.ansprechpartner .spalten3:nth-child(2) .portrait,

.ansprechpartner .spalten3:nth-child(3n+5) .portrait {

	margin: 0 auto 0 auto;

}



.ansprechpartner .spalten3:nth-child(3) .portrait,

.ansprechpartner .spalten3:nth-child(3n+6) .portrait {

	margin: 0 0 0 auto;

} */







.button:link,

.button:visited {

	display: inline-block;

	background: #008fcd;

	color: #fff;

	border: none;

	padding: 10px 25px;

	text-transform: uppercase;

}



.button:hover {

	background: #222;

	color: #fff;

}











@media only screen and (max-width: 1000px){

	.spalten2 {

		padding-right: 40px;

	}

}



@media only screen and (max-width: 770px){

	.spalten2 {

		position: relative;

		float: none;

		clear: left;

		width: 100%;

		padding-right: 0;

	}

	.spalten2:first-child {

		width: 100%;

		margin-bottom: 20px;

	}

}



@media only screen and (max-width: 760px){

	.ansprechpartner .spalten3 {

		float: left;

		clear: none;

		width: 50%;

	}

	.ansprechpartner .spalten3 .portrait {

		margin: 0 auto !important;

	}

}



@media only screen and (max-width: 470px){

	.ansprechpartner .spalten3 {

		width: 100%;

	}

	.portrait {

		padding: 0 0 25px 0;

	}

}



.index-produts {

	padding-top: 50px;

	background-color: rgb(238, 242, 247);

}

.index-about {

	padding-top: 50px;

	padding-bottom: 20px;

}

.index-company {

	padding-top: 50px;	

	overflow: hidden;

	background: url(http://t20024.mbdemo.18inter.com/Templates/t20024//images/shouye22.jpg);

}

/* Slider News & Teile */

.sliderWrap {

	position: relative;

	max-width: 1200px;

	margin: 0 auto;

}



.flexsliderNews li {

	background: none;

	padding: 20px;

}



.newsBox {

	position: relative;

	cursor: pointer;

}



.bildNews {

	width: 100%;

	line-height: 15px;

	overflow: hidden;

	box-shadow: 3px 3px 3px #ddd;

}

.bildNews p a{

	padding-top:10px;

}

.bildNews img {

	width: 100%;

	height: auto;

	max-height:333px;

}



.overlayNews {

	position: absolute;

	bottom: 0;

	left: 0;

	width: 100%;

	height: 30px;

	background: rgba(0,143,205,0.85);

	color: #fff;

	overflow: hidden;

	line-height: 1.1em;

	text-align: center;

	

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

	

	-moz-transition: all 0.5s ease;

	-webkit-transition: all 0.5s ease;

	transition: all 0.5s ease;

}



.bildTeile {

	background: rgb(255,255,255);

}



.bildTeile img {

	opacity: 0.82;

	border-style: solid;

	border-width: 1px;

	border-color:#ccc;

}



.flex-disabled {

	display: none !important;

}



/*.newsBox:hover .overlayNews {

	width: 100%;

	height: 100%;

}*/



.overlayNews.aktiv {

	width: 100%;

	height: 100%;

}



.overlayTeile {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	padding: 10px;

	background:rgb(0, 143 ,215,0.8);

	color: #fff;

	overflow: hidden;

	line-height: 1.1em;

	text-align: center;

	

	-moz-opacity: 0;

	-webkit-opacity: 0;

	opacity: 0;

	

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

	

	-moz-transition: all 0.5s ease;

	-webkit-transition: all 0.5s ease;

	transition: all 0.5s ease;

}



.overlayTeile.aktiv {

	-moz-opacity: 1;

	-webkit-opacity: 1;

	opacity: 1;

}



.datum {

	font-size: 13px;

	text-transform: uppercase;

	min-width: 100px;

	width: auto;

	height: 35px;

}



.referenzen .datum a {

	color: #fff;

	padding-top: 5px;

	display: inline-block;

}

.referenzen .aktiv {

	padding: 70px 0;

}

.referenzen .aktiv .datum a {

	font-size: 17px;

}



.date {

	font-size: 17px;

	text-transform: none;

	padding-bottom: 0 !important;

}



.newsTeaser {

	position: relative;

	padding: 20px 10px 0 10px;

	text-align: center;

	line-height: 1.5em;

	

	-moz-opacity: 0;

	-webkit-opacity: 0;

	opacity: 0;

	

	-moz-transition: all 1.5s ease-out;

	-webkit-transition: all 1.5s ease-out;

	transition: all 1.5s ease-out;

}



.overlayNews.aktiv .newsTeaser {

	-moz-opacity: 1;

	-webkit-opacity: 1;

	opacity: 1;

}



a.mehr {

	display: block;

	padding-left: 15px;

	background: url(/static/bg_nav_white.png) no-repeat left center;

	color: #fff;

	font-size: 13px;

}



.referenzen a.mehr {

	background: url(/static/bg_nav_white.png) no-repeat left 9px;

}





.teileTeaser {

	position: relative;

	padding: 0;

	width: 100%;

	height: 100%;

	line-height: 1em;

	text-align: center;

	display: table;

	vertical-align: middle;

}



.teileTeaser p {

	width: 100%;

	height: 100%;

	text-align: center;

	display: table-cell;

	vertical-align: middle;

}





.teileTeaser a.mehr {

	display: inline-block;

	padding-left: 15px;

	background: url(../image/bg_nav_white.png) no-repeat left center;

	color: #fff;

	font-size: 18px;

}



@media only screen and (max-width: 1260px){

	.sliderWrap {

		margin: 0 30px;

	}

}



@media only screen and (max-width: 1030px){

	.newsTeaser {

		font-size: 15px;

	}

}



@media only screen and (max-width: 760px){

	.newsTeaser {

		padding: 5px 10px 0 10px;

		line-height: 1.3em;

	}

	.newsTeaser p {

		padding-bottom: 2px;

	}

	.sliderWrap {

		margin: 0 15px;

	}

}



/*** home*/ 
.home_list {

	list-style: none;
	font-size: 0;
	text-align: center;

}



.home_list li {
	font-size: 14px;
	width: 16%;
	display: inline-block;
	line-height: 1px;
	padding: 2px;

	

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

}



.home_list li.eintrag1 {

	margin: 0 auto;

	float: none;

}
.home_list .datum a {

	color: #fff;

	padding-top: 5px;

	display: inline-block;

}

.home_list .aktiv {

	padding: 70px 0;

}

.home_list .aktiv .datum a {

	font-size: 17px;

}

/* alle  */

.referenzen {

	list-style: none;

}



.referenzen li {
	width: 25%;
	line-height: 1px;
	float: left;
	padding: 8px;

	

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

}



.referenzen li.eintrag1 {

	margin: 0 auto;

	float: none;

}



.referenzen1 {

	list-style: none;

}



.referenzen1 li {

	width: 25%;

	float: left;

	line-height: 1px;

	padding: 4px;

	

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

}



.referenzen1 li.eintrag1 {

	margin: 0 auto;

	float: none;

}



ul.eintrag2 {

	width: 66.666666%;

	margin: 0 auto;

}



ul.eintrag2 li {

	width: 50%;

}





@media only screen and (max-width: 1100px){

	ul.eintrag2 {

		width: 100%;

	}

}



@media only screen and (max-width: 1000px){

	.referenzen li {

		width: 50%;

		
	}
	.home_list li {
		width: 50%;
	
	}

}



@media only screen and (max-width: 520px){

	.referenzen li, ul.eintrag2 li {

		width: 100%;

	}
	.home_list li {
		width: 100%;
	
	}

}







/* Accordion */

.spalteBreit {

	position: relative;

	float: left;

	width: calc(100% - 360px);

	padding-right: 60px;

	

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

}



.spalteSchmal {

	position: relative;

	float: left;

	width: 360px;

}



.spalteBreit img, .spalteSchmal img {

	width: 90%;

	height: auto;

}



.spalteSchmal h2, .spalteSchmal h1 {

	font-size: 30px;

	padding: 0;

	color: #26353d;

	font-family: 'Open Sans', Arial, sans-serif;

	font-weight: 400;

	line-height: 1.3em;

	margin-bottom: 29px;

	margin-top: 8px;

	text-transform: none;

}



.spalteSchmal h3, .spalteSchmal h1.accordionTitel {

	background: #e5e9ee;

	padding: 15px 25px 15px 25px;

	text-transform: uppercase;

	color: #008fd7;

	margin-bottom: 0;

	font-size: 22px;

	font-weight: 700;

	width: auto;

}



.spalteSchmal h3 span.small {

	font-size: 15px;

	color: #333;

}



.accordion {

	position: relative;

	

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

}



.accordionHeader {

	background: #e5e9ee;

	border-top: #fff 6px solid;

	cursor: pointer;

	

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

}



.accordionHeader h4 {

	padding: 15px 25px 15px 45px;

	background: url(/static/accordionClose.png) no-repeat 25px 20px;

	font-size: 15px;

	

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

}



.ui-accordion-header-active h4 {

	background: url(/static/accordionOpen.png) no-repeat 25px 20px;

}



.accordionContent {

	background: #e5e9ee;

	padding: 10px 25px 20px 25px;

	font-size: 15px;

	line-height: 1.4em;

	

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

}



.accordionContent ul,

.spalteSchmal ul,

.spalteBreit ul {

	list-style-image: url(/static/aufzaehlung.png);

	margin-left: 13px;

}



.noAccordionContent {

	background: #e5e9ee;

	padding: 10px 25px 20px 25px;

	font-size: 15px;

	line-height: 1.4em;

	margin-top: 6px;

	

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

}





@media only screen and (max-width: 760px){

	.spalteBreit {

		float: none;

		width: 100%;

		padding-right: 0;

	}

	.spalteSchmal {

		float: none;

		width: 100%;

	}

	.spalteSchmal h2 {

		font-size: 18px;

		margin-bottom: 0.5em;

	}

	.spalteSchmal h3, .spalteSchmal h1.accordionTitel {

		font-size: 18px;

	}

}





/* Geschichte */



.geschichte img {

	padding: 10px;

	margin-bottom: 10px;

	max-width: 100%;

	

	background-color: #f8f8f9;

	background-image: -webkit-gradient(linear, left top, right bottom, from(rgb(243, 243, 243)), to(rgb(254, 253, 255)));

	background-image: -webkit-linear-gradient(left top, rgb(243, 243, 243), rgb(254, 253, 255));

	background-image: -moz-linear-gradient(left top, rgb(243, 243, 243), rgb(254, 253, 255));

	background-image: -o-linear-gradient(left top, rgb(243, 243, 243), rgb(254, 253, 255));

	background-image: -ms-linear-gradient(left top, rgb(243, 243, 243), rgb(254, 253, 255));

	background-image: linear-gradient(left top, rgb(243, 243, 243), rgb(254, 253, 255));

	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr='#f3f3f3', EndColorStr='#fefdff');

	

	-webkit-box-shadow: 4px 4px 15px 0px rgba(50, 50, 50, 0.5);

	-moz-box-shadow:    4px 4px 15px 0px rgba(50, 50, 50, 0.5);

	box-shadow:         4px 4px 15px 0px rgba(50, 50, 50, 0.5);

	

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

}



.geschichte h2 {

	font-size: 40px;

	color: #DE0A40;

	font-weight: 400;

}



.geschichteTrenner {

	position: relative;

	clear: both;

	width: 100%;

	height: 80px;

	margin-bottom: 25px;

	background: url(../static/trennerGeschichte.png) no-repeat center center;

}



@media only screen and (max-width: 760px){

	.geschichteTrenner {

		height: 50px;

	}

}





.fadeCont {

	-moz-opacity: 0;

	-webkit-opacity: 0;

	opacity: 0;

}



.fadeIn {	

	-moz-animation-name: slideScreen;

    -moz-animation-iteration-count: 1;

    -moz-animation-timing-function: ease-out;

    -moz-animation-duration: 1s;



    -webkit-animation-name: slideScreen;

    -webkit-animation-iteration-count: 1;

    -webkit-animation-timing-function: ease-out;

    -webkit-animation-duration: 1s;



    animation-name: slideScreen;

    animation-iteration-count: 1;

    animation-timing-function: ease-out;

    animation-duration: 1s;

}



@-moz-keyframes slideScreen {

    0% {

        -moz-transform: translateY(250px);

		-moz-opacity: 0;

    }

    100% {

        -moz-transform: translateY(0);

		-moz-opacity: 100;

    }

}

@-webkit-keyframes slideScreen {

    0% {

        -webkit-transform: translateY(250px);

		-webkit-opacity: 0;

    }

    100% {

        -webkit-transform: translateY(0);

		-webkit-opacity: 100;

    }

}

@keyframes slideScreen {

    0% {

        transform: translateY(250px);

		opacity: 0;

    }

    100% {

        transform: translateY(0);

		opacity: 100;

    }

}



@media only screen and (max-width: 760px){

	.fadeCont {

		-moz-opacity: 1;

		-webkit-opacity: 1;

		opacity: 1;

	}

}







/* Dokumente / Downloads */

ul.dokumente {

	list-style: none;

	margin: 0 0 50px 0;

}



.dokumente li {

	border-top: #777 1px solid;

	border-bottom: #777 1px solid;

	margin: 0 0 15px 0;

	padding: 3px 0;

}



.dokumente li a {

	font-weight: 700;

	color: #333 !important;

}



.dokumente a:after {

	content: "";

}



.dokumente a:before {

	content: "› ";

}



.dokumente li:hover {

	cursor: pointer;

}



.dokumente li:hover a {

	color: #e20026 !important;

}



.thin {

	font-weight: 400;

}



/* pdf's */

a.pdf:before {

	content: "";

}



a.pdf {

	background: url(/static/pdf.svg) no-repeat;

	background-size: auto 22px;

	background-position: left 4px;

	padding-left: 55px;

	display: block;

}



@media only screen and (max-width: 760px){

	a.pdf {

		background-size: auto 19px;

		padding-left: 55px;

	}

}



/* Downloads Accordion */



.downloads .accordionHeader {

	background: none;

	border-top: none;

	cursor: pointer;

}



.downloads h3.accordionHeader {

	padding: 0 0 10px 25px;

	background: url(/static/accordionClose.png) no-repeat 0 9px;

	

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

}



.downloads h3.ui-accordion-header-active {

	background: url(/static/accordionOpen.png) no-repeat 0 9px;

}



.downloads .accordionContent {

	background: none;

	padding: 10px 0 0 0;

	font-size: inherit;

	line-height: inherit;

	

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

}



.downloads .accordionContent ul {

	list-style-image: none;

	margin-left: 0;

}





/* Google Map */

#map {

	position: relative;

	width: 100%;

	height: 100%;

}





/* Suche */



.search ul {

	list-style: none;

	margin-left: 0;

	margin-bottom: 15px;

	border-top: #777 1px solid;

}



.search li {

	border-bottom: #777 1px solid;

	padding: 10px 0;

}



.search ul li:before {  

	content: "";

	margin-left: 0;  

}



.search h3 {

	margin-bottom: 0;

}



.search a:after {

	content: "";

}



.search li p {

	margin-bottom: 0;

}





/* 3 Spalten */



.content article.spalten {

	margin: 0 auto;

	max-width: 1280px;

}



.spalte3 {

	position: relative;

	float: left;

	width: 33.333333%;

	padding: 10PX 40px;

	

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

}



.spalte3:first-child {

	/*margin-left: -40px;*/

}



.spalte3 img {

	width: 100%;

	height: auto;

	height:231px;

}



@media only screen and (max-width: 760px){

	.spalte3 {

		width: 100%;
		height: auto;
		padding: 0;

	}

	.spalte3:first-child {

		margin-left: 0;

	}

}





/* Footer

*******************************************************************************/



/* fixed Footer helper */

#push {

	height: 480px; /* push must be the same height as footer 390 */

	clear: both;

}



#footerWrap {

	position: relative;

	width: 100%;

	margin: 0 auto 0 auto;

	clear: both;

}



#footer {

	position: relative;

	margin: 0 auto;

	font-size: 14px;

	color: #fff;

	line-height: 1.6em;

	background: #10355e;



}



#footer a:link, #footer a:visited {

	color: #fff;

}



#footer a:hover, #footer a:active, #footer a.aktiv {

	color: #fff;

}



.footerMobile {

	display: none;

	font-size: 14px;

}



#impressumWrap {

	position: absolute;

	top: -15px;

	left: 0;

	width: 100%;

}



#impressum {

	position: absolute;

	bottom: 0;

	left: 0;

	width: 100%;

	background: #EEEEF1;

	text-align: center;

	padding: 8px 0;

	color: rgb(10, 37, 67);

	display: none;

}



#impressum br {

	display: none;

}



#impressum a {

	color: #26353d !important;

}



#impressum a:hover, .open:hover {

	color: #7FB531 !important;

	cursor: pointer;

}



@media only screen and (max-width: 1000px){

	#push {

		display: none;

	}

	#footerWrap {

		height: auto;

		margin: 0 auto;

	}

}



@media only screen and (max-width: 770px){

	#footer {

		height: auto;

		padding: 20px 0 0 0;

	}

	.footerMobile {

		display: inherit;

	}

	#impressum br {

		display: inherit;

	}

}



@media only screen and (max-width: 370px){

	.footerMobile {

		font-size: 12px;

	}

}



/* Footernavigation */

#footerNav {

	position: relative;

	max-width: 1200px;

	padding: 0 15px;

	margin: 30px auto 0 auto;

	height: 207px;

	font-size: 14px;

	text-transform: uppercase;

}



#footerNav ul {

	list-style: none;

}



#footerNav li {

	float: left;

	width: 25%;

	font-weight: 700;

	padding-bottom: 5px;

}

#footerNav ul li  a.fb {

	font-size: 16px;

	margin-bottom: 20px;

	display: block;

	

}

#footerNav ul li  a.fb::after {

	content: '';

	display: block;

	height: 2px;

	width: 30px;	

	background: #ddd;

	margin-top: 10px;

}

#footerNav ul li ul li {

	float: none;

	font-weight: 400;

	width: 100%;

	padding-right: 20px;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

}



#footerNav ul li ul li a {

	display: block;

}



.noMobile {

	display: none;

}





/* Footer Bottom */

#footerBottom {

	clear: both;

	background: rgb(10, 37, 67);

	color: #dadada;

	border-top: #fff 2px solid;

	padding: 10px 15px 0 15px;

	height: 30px;

}



#footerBottom address {

	font-style: normal;

}



#footerBottom a:link,

#footerBottom a:visited {

	color: #dadada;

}



#footerBottom a:hover,

#footerBottom a:active {

	color: #008fd7;

}







/* Footer Top */

#footerTop {

	text-align: center;

	padding: 20px 0 18px 0;

	border-bottom: #fff 2px solid;

	line-height: 1em;

}



#footerTop a {

	display: inline-block;

    margin: 0 12px;

    background: rgb(0, 143 ,215);

    padding: 15px 25px;

    font-size: 20px;

    border-radius: 20px;

}



#footerTop a.pdf:before {

	content: "";

}



#footerTop a.pdf {

	background: none;

	padding-left: 0;

	display: inline-block;

}





@media only screen and (max-width: 1000px){

	#footerNav {

		display: none;

	}

	#footerBottom {

		padding: 10px 15px 10px 15px;

		height: auto;

	}

}



@media only screen and (max-width: 470px){

	#footerTop a {

		width: 25%;
		margin:5px;
		font-size: 18px;

	}

	#footerTop a img {

		width: 100%;

		height: auto;

	}

}





/* Formulare

*******************************************************************************/



#formularMail {

	display: none;

}



form {

	width: 100%;

}



form p {

	margin: 0 0 15px 0 !important;

	padding-right: 20px;

	line-height: 1.8em;

}



p.form2 {

	float: left;

	width: 50%;

	padding-right: 20px;

	

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

}



p.formPLZ {

	float: left;

	width: 15%;

	padding-right: 20px;

	

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

}



p.formOrt {

	float: left;

	width: 35%;

	padding-right: 20px;

	

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

}



p.form3 {

	float: left;

	width: 33.3%;

	padding-right: 20px;

	

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

}



p.formLeft {

	float: left;

	padding-right: 20px;

}



p.formRight {

	float: right;

	padding-right: 20px;

}



fieldset {

	margin: 0;

	padding: 0;

	border: none;

}



fieldset#Anfrage {

	margin-top: 15px;

}



label {

	float: left;

	width: 30%;

}



label.check {

	float: none;

	width: auto;

	display: inline-block;

	margin-right: 40px;

}



.check input {

	margin-right: 10px;

}



.checkWidth {

	min-width: 250px;

}



input.formGross {

	width: 100%;

	border: #555 1px solid;

	color: #333;

	background: #fff;

	padding: 12px 15px 8px 15px;

	font-family: 'Open Sans', Arial, sans-serif;

	font-weight: 400;

	font-size: 20px;

	

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

	

	-webkit-appearance: none;

	border-radius: 0;

}



.formPLZ input.formGross {

	padding: 12px 0 8px 15px;

}

 

textarea.formGross {

	width: 100%;

	height: 120px;

	border: #555 1px solid;

	color: #333;

	background: #fff;

	font-size: 13px;

	padding: 12px 15px 8px 15px;

	font-family: 'Open Sans', Arial, sans-serif;

	font-weight: 400;

	font-size: 20px;

	

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

	

	-webkit-appearance: none;

	border-radius: 0;

}



select.formGross {

	width: 100%;

	border: #555 1px solid;

	color: #333;

	background: #fff;

	font-size: 13px;

	padding: 12px 15px 8px 15px;

	font-family: 'Open Sans', Arial, sans-serif;

	font-weight: 400;

	font-size: 20px;

	

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

	

	-webkit-appearance: none;

	border-radius: 0;

}



input:hover.formGross,

input:focus.formGross,

textarea:hover.formGross,

textarea:focus.formGross,

select:hover.formGross,

select:focus.formGross {

	border-color: rgba(0,143,205,0.85);

}



input.invalid {

	background: #f6dce2;

}



input.sendKontakt {

	border: none;

	color: #fff;

	background: #4c97cf;

	padding: 12px 15px 8px 15px;

	font-family: 'Open Sans', Arial, sans-serif;

	font-weight: 400;

	font-size: 18px;

	margin-top: 20px;

	

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

	

	-webkit-appearance: none;

	border-radius: 0;

}



input:hover.sendKontakt,

input:focus.sendKontakt {

	background: #184393;

	color: #fff;

}



.formGross::-webkit-input-placeholder {

	color: #888;

}

.formGross:-moz-placeholder { /* Firefox 18- */

	color: #888;

}

.formGross::-moz-placeholder {  /* Firefox 19+ */

	color: #888;

}

.formGross:-ms-input-placeholder {  

	color: #888;

}



@media only screen and (max-width: 900px){

	form {

		width: 100%;

		margin-right: -20px;

	}

}



@media only screen and (max-width: 790px){

	p.form3 {

		width: 50%;

	}

}



@media only screen and (max-width: 650px){

	form p, p.formRight {

		padding-right: inherit;

	}

	p.form3, p.form2 {

		width: 100%;

		padding-right: 0;

	}

	p.formPLZ {

		width: 30%;	

		padding-right: 10px;

	}

	p.formOrt {

		width: 70%;	

		padding-right: 0;

	}

	.checkWidth {

		min-width: 0;

	}

	.formGross, .sendKontakt {

		font-size: 14px !important;

	}

}







/* Admin WebEdition

*******************************************************************************/



.admin {

	color: #C30;

}



div.admin {

	position: relative;

	background: #cce3f0;

	color: #000;

	width: auto;

	padding: 20px;

	margin: 10px 20px 10px 20px;

	

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

	

	-webkit-border-radius: 6px;

	-moz-border-radius: 6px;

	border-radius: 6px;

}



.admin50 {

	width: calc(50% - 40px) !important;

}



p.admin {

	font-size: 14px;

}



.admin .mehr {

	color: #333;

}



.wetextarea p {

	margin-bottom: 1em;

}



.wetextarea ul {

	list-style: outside;

	margin-left: 20px;

}



.wp-pagenavi {

	CLEAR: both;padding-bottom:0px;

}

.nolink {

	BORDER-RIGHT: #bfbfbf 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #bfbfbf 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 7px; BORDER-LEFT: #bfbfbf 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: #bfbfbf 1px solid; TEXT-DECORATION: none;font-size:14px; background-color:#FFFFFF;

}

.wp-pagenavi .page-num-current {

	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 9px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 9px; PADDING-BOTTOM: 2px; MARGIN: 7px; BORDER-LEFT: #ccc 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: #ccc 1px solid; TEXT-DECORATION: none;font-size:14px; background-color:#008fcd; color:#FFF;

}

.wp-pagenavi A  {

	BORDER-RIGHT: #bfbfbf 1px solid; PADDING-RIGHT: 9px; BORDER-TOP: #bfbfbf 1px solid; PADDING-LEFT: 9px; PADDING-BOTTOM: 2px; MARGIN: 7px; BORDER-LEFT: #bfbfbf 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: #bfbfbf 1px solid; TEXT-DECORATION: none;font-size:14px; background-color:#FFFFFF; 

}



.wp-pagenavi A:hover  {

	 color:#008fcd;

}

.wp-pagenavi SPAN {

	BORDER-RIGHT: #bfbfbf 1px solid; PADDING-RIGHT: 9px; BORDER-TOP: #bfbfbf 1px solid; PADDING-LEFT: 9px; PADDING-BOTTOM: 2px; MARGIN: 7px; BORDER-LEFT: #bfbfbf 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: #bfbfbf 1px solid; TEXT-DECORATION: none; font-size:14px;

}



.wp-pagenavi SPAN.current {

	BORDER-LEFT-COLOR: #000; BORDER-BOTTOM-COLOR: #000; BORDER-TOP-COLOR: #000; BORDER-RIGHT-COLOR: #000;

}

.wp-pagenavi SPAN.current {

	FONT-WEIGHT: bold;

}

.pager {text-align: center; margin: 20px 0;}

.pager ul {display: flex; flex-wrap: wrap; justify-content: center}

.pager ul li {display: inline-block;}

.pager ul li a {padding: 5px 15px; margin: 15px 5px; border: #dddddd solid 1px; display: inline-block;}

.pager ul li a:hover {border: #008fcd solid 1px; color: #008fcd}

.pager ul .active a {border: #008fcd solid 1px; display: inline-block; background-color: #008fcd; color: #fff;}

.pager ul a:not([href]):not([class]):hover {border: #dddddd solid 1px;}

.pager ul .active a:hover {color: #fff; border: #008fcd solid 1px !important;}