/*
Theme Name: ESC - Erdmann + Seibt & Co.
Theme URI: http://www.erdsei.de/
Description: Ein Wordpress-Theme für ESC - Erdmann + Seibt & Co.
Author: EDB Datenbankgesellschaft Hanel mbH, http://www.edb-ag.de/
Version: 1.0
License: © EDB Datenbankgesellschaft Hanel mbH
*/


/* CSS Document */

/* Allgemein */


html {
    height: 100%;
    margin: 0;
    padding: 0;
    width: 100%;
}

body {
	font-family: Arial, Trebuchet MS, sans-serif;
	font-size: 14px;
	line-height:150%;
    min-height: 100%;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
	color:#221e1d;
	-webkit-text-size-adjust:none;

}

.bg-body {
	position:absolute;
	top:-42px;
	left:0px;
	right:0px;
	bottom:-20px;
	background:url(images/bg-body.jpg) no-repeat;
	background-size:cover;
	z-index:0;
}

a img {
	border: none;
}

img {
	border: none;
}

h1, h2, h3, h4, h5 {
	margin: 0;
	padding: 0;
}

p {
	padding: 0 0 15px 0;
	margin: 5px 0;
	text-align:left;
}

	



/* Grundgeruest */


.wrap {
	width:980px;
	position:relative;
	margin:40px auto;
	background:#fff;
	border-top:5px solid #081d77;
	z-index:10;
}



/* Logo */

.logo {
	width:181px;
	height:105px;
	position:relative;
	margin-top:25px;
	margin-left:52px;
	display:block;
	margin-bottom:32px;
}

.logo img {
	display:block;
	width:100%;
}




/* NAVI */

nav {
	position:absolute;
	z-index:10;
	top:0px;
	right:0px;
}

nav ul {
	margin:0px;
	padding:0px;
	list-style:none;
}

nav ul li {
	margin-bottom:15px;
	position:relative;
	float:left;
	margin-right:35px;
}

nav ul li a {
	color:#000;
	text-decoration:none;
	text-align:center;
	padding:10px 15px;
	display:block;
}

nav ul li a:hover, nav ul li.current-menu-item a {
	background:#081d77;
	color:#fff;
	
}


@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}


nav ul li a:hover span.icon {
-moz-animation: bounce 1.5s normal;
  -webkit-animation: bounce 1.5s normal;
  animation: bounce 1.5s normal;
}

nav ul li a span.icon {
	width:50px;
	height:50px;
	display:block;
	margin:30px auto 20px auto;
}

nav ul li a span.text {
	display:block;
}

nav ul li.nav1 a span.icon {
	background:url(images/bg-nav1.png) left bottom no-repeat;
}

nav ul li.nav1 a:hover span.icon, nav ul li.nav1.current-menu-item a span.icon {
	background:url(images/bg-nav1.png) left top no-repeat;
}


nav ul li.nav2 a span.icon {
	background:url(images/bg-nav2.png) left bottom no-repeat;
}

nav ul li.nav2 a:hover span.icon, nav ul li.nav2.current-menu-item a span.icon {
	background:url(images/bg-nav2.png) left top no-repeat;
}


nav ul li.nav3 a span.icon {
	background:url(images/bg-nav3.png) left bottom no-repeat;
}

nav ul li.nav3 a:hover span.icon, nav ul li.nav3.current-menu-item a span.icon {
	background:url(images/bg-nav3.png) left top no-repeat;
}


nav ul li.nav4 a span.icon {
	background:url(images/bg-nav4.png) left bottom no-repeat;
}

nav ul li.nav4 a:hover span.icon, nav ul li.nav4.current-menu-item a span.icon {
	background:url(images/bg-nav4.png) left top no-repeat;
}






.hr {
	width:100%;
	height:1px;
	background:#c8c8c8;
	margin:40px 0 40px 0;
}



/* Leistungsübersicht */

.leistungsbox {
	padding:20px 20px 20px 40px;
	height:343px;
	background:#e8f4ff url(images/bg_leistungsbox.jpg) left bottom repeat-x;
	margin-bottom:100px;
}

.leistungsbox .leftbox {
	width:290px;
	float:left;
	padding-top:42px;
}

.leistungsbox .rightbox {
	width:620px;
	float:left;
	position:relative
}

.leistungsbox .monitor {
	position:absolute;
	right:80px;
	top:29px;
	width:465px;
}

.leistungsbox .monitor ul {
	margin:0px;
	padding:0px;
	list-style:none;
	
}

.leistungsbox .monitor .flex-viewport ul {
	z-index:0;
	position:relative;
}

.leistungsbox .monitor .flex-viewport ul li {
	float:left;
	position:relative;
	width:464px;
	height:295px;
}

.leistungsbox .monitor .flex-viewport ul li .btext {
	position:absolute;
	bottom:0px;
	left:0px;
	background:url(images/bg-btext.png);
	color:#fff;
	font-size:16px;
	padding:12px 20px;
}


.bg-slider {
	background:url(images/bg-slider.png) no-repeat;
	width:626px;
	height:401px;
	position:absolute;
	right:-80px;
	top:-27px;
	z-index:10;
}


.button {
	background:#081d77;
	padding:5px 10px;
	display:inline-block;
	border-radius:3px;
	text-decoration:none;
	color:#fff;
}

.button:hover {
	background:#09249b;
}


.leistungsbox h3 {
	text-align:left;
}

.leistungsbox h3 span span{
	display:none;
}

.flex-direction-nav {
	z-index:20;
}

.flex-prev {
	background:url(images/prev.png) no-repeat;
	width:40px;
	height:50px;
	position:absolute;
	top:50%;
	margin-top:-25px;
	left:-30px;
	text-indent:-100000px;
	display:block;
	z-index:20;
	outline:none;
}

.flex-next {
	background:url(images/next.png) no-repeat;
	width:40px;
	height:50px;
	position:absolute;
	top:50%;
	margin-top:-25px;
	right:-29px;
	text-indent:-100000px;
	display:block;
	z-index:20;
	outline:none;
}

.kerngebiete {
	padding:20px 74px 20px 74px;
	margin-bottom:70px;
	box-sizing:border-box;
}

.kerngebiete h4 span span {
	display:none;
}

.kb {
	display:table;
	border-collapse:separate;
	margin-top:165px;
}

.kb .offset {
	width:1px;
	display:table-cell;
	background:#fff;
	font-size:2px;
}

.kernbox {
	width:203px;
	display:table-cell;
	padding:30px 20px 5px 20px;
	text-align:center;
	box-sizing:border-box;
	background:#0f3c67;
	color:#fff;
	position:relative;
}

.kernbox h4 {
	font-size:20px;
	font-weight:normal;
	margin-bottom:25px;
}

.kernbox p {
	text-align:center;
	color:#fff;
}

.kernbox img {
	position:absolute;
	top:-131px;
	left:50%;
	margin-left:-52px;
	z-index:0;
}

.kernbox .but {
	background:#e59906;
	border-radius:3px;
	padding:7px 10px;
	display:block;
	color:#fff;
	text-decoration:none;
	text-align:center;
}

.lct_1 {
	background:#0f3c67;
}

.lct_2 {
	background:#3f6f85;
}

.lct_3 {
	background:#6f93a4;
}

.lct_4 {
	background:#9fb7c2;
}

.botbox {
	border-top: 47px solid #0f3c67;
	border-left: 100px solid transparent;
	border-right:100px solid transparent;
	position:absolute;
	bottom:-47px;
	left:0px; 
	right:0px;
}

.lct_1 .botbox {
	border-top: 47px solid #0f3c67;
}

.lct_2 .botbox {
	border-top: 47px solid #3f6f85;
}

.lct_3 .botbox {
	border-top: 47px solid #6f93a4;
}

.lct_4 .botbox {
	border-top: 47px solid #9fb7c2;
}




.topbox {
	width:203px;
	height:137px;
	position:absolute;
	top:-137px;
	left:0px;
	z-index:10;
}

.lct_1 .topbox {
	background:url(images/bg-box1.png) no-repeat;
}

.lct_2 .topbox {
	background:url(images/bg-box2.png) no-repeat;
}

.lct_3 .topbox {
	background:url(images/bg-box3.png) no-repeat;
}

.lct_4 .topbox {
	background:url(images/bg-box4.png) no-repeat;
}

.inner-content .leistungen {
	padding-top:0px;
}

.leistungen h3, .leistungen h2 {
	text-align:left;
}


.leistungen h2 {
	text-align:left;
	margin-bottom:20px;
}

.leistungen h3 .line, .leistungen h2 .line {
	display:none;
}


.lstbox {
	padding-top:30px;
	margin-bottom:30px;
}

.themen {
	background:#efefef;
	padding:10px 20px;
	margin-bottom:20px;
}

.themen h3 {
	padding-left:20px;
	border-left:5px solid #44549B;
	margin-bottom:0px;
	display:block;
}

.themen .textbox {
	padding-left:20px;
	border-left:1px solid #C9C9C9;
	margin-left:2px;

}

#lt_1 {
	padding-top:0px;
}

/* CONTENT */

.content {
	margin:0px;
}

.content a {
	color:#081d77;
	text-decoration:none;
}


.content a:hover{
	color:#154e7e;
}

.inner-content {
	padding:20px 20px;
}


.startc {
	text-align:center;
	width:796px;
	margin:0 auto;
}

.startc p {
	text-align:center;
}

h1, h2, h3, h4, h5 {
	text-align:center;
	font-size:20px;
	margin-top:15px;
	display:block;
	font-weight:normal;
	min-width:30px;
}

h1 {
	margin-bottom:25px;
}

span.text  {
	display:inline-block;
}

span.line  {
	border-bottom:1px solid #c8c8c8;
	display:block;
	margin:10px 60px;
	min-width:50px;
}

h3 {
	font-size:16px;
	color:#736e6d;
	margin-bottom:25px;
	font-weight:normal;
}


.content ul {
	margin:0px 0px 22px 0px;
	padding:0px;
	list-style:none;
}

.content ul li {
	background:url(images/li.png) 0 6px no-repeat;
	padding-left:23px;
}

form .label {
	width:25%;
	margin-right:5%;
	display:block;
	float:left;
}

form input, form textarea {
	width:65%;
	display:block;
	float:left;
}

form .wpcf7-submit {
	background:#134094;
	width:auto !important;
	color:#fff;
	padding:5px 10px;
	border:none;
	cursor:pointer;
	margin-left:30%;
	margin-top:10px;
}

.gm-style-iw {
	width:200px !important;
}


form .wpcf7-submit:hover {
	color:#fff;
	background:#1849a5;
}

.wpcf7-response-output {
	width:auto !important;
}

.wpcf7-form div {
	margin-bottom:10px;
}

.bewerbungsform {
	background:#e1e1e1;
	padding:15px;
	box-sizing:border-box;
	margin-bottom:20px !important;
}

hr {
	border-top:1px solid #cbcbcb;
	background:#fff;
	height:2px;
	width:100%;
	margin:20px 0;
	border-left:0px;
	border-right:0px;
	border-bottom:0px;
}


form .wpcf7-checkbox label input {
    border: inherit;
    font-size: inherit;
    padding: inherit;
    width: auto;
}


/* FOOTER */

footer {
	background:#001a21;
	position:relative;
}

.copyright {
	text-align:left;
	font-size:14px;
	margin:0px 10px 0 0px;
	float:left;
	color:#fff;
}

.webdesign {
	float:right;
	width:40%;
	color:#fff;
	text-align:right;
	margin:0px 0 0 0;
	font-size:14px;
}

footer a{
	color:#fff;
	text-decoration:none;
}

footer a:hover {
	text-decoration:underline;
}

footer .hr {
	height:2px;
	width:100%;
	margin:20px 0px;
}

footer .inner-foo {
	padding:20px 20px;
}

footer .adresse-box {
	color:#fff;
}

footer .adresse-box h3 {
	margin-bottom:20px;
	color:#fff;
}


footer .anruf-box, footer .schreiben-box {
	color:#fff;
	width:250px;
	float:left;
	margin-top:30px;
}


footer nav.footer {
	position:absolute;
	right:40px;
	top:30px;
}

footer nav.footer ul {
	margin:0px;
	padding:0px;
	list-style:none;
}

footer nav.footer ul li {
	float:left;
	margin-right:10px;
}

footer nav.footer ul li:first-child {
	background:none;
}

footer nav.footer ul li a {
	padding-left:10px;
	text-transform:none;
	color:#fff;
}

footer nav.footer ul li a:hover, footer nav.footer ul li.current-menu-item a {
	text-decoration:underline;
	color:#fff;
}



#menu-footer {
	margin:0px;
	padding:0px;
	list-style:none;
	float:left;
}

#menu-footer li {
	position:relative;
	padding-left:10px;
}

#menu-footer li::after {
	content:'|';
	position:absolute;
	left:0px;
	top:0px;
	color:#fff;
}

#menu-footer li.current_page_item a {
	text-decoration:underline;
	color:#fff;
}


/* Floats ohne zusaetzliches Element aufheben */
.clearfix:after {
	content: ".";
	visibility: hidden;
	display: block;
	clear: both;
	height: 0;
}
.clearfix { 
	display: inline-block; 
}
/* Hides from IE-mac \*/
* html .clearfix { 
	height: 1%; 
}
.clearfix { 
	display: block; 
}
/* End hide from IE-mac */


@-ms-viewport{width:device-width}