@charset "utf-8";
/*** CSS Document for krekel-lagerlogistik.de */


HTML, BODY {
	height: 100%;
	margin: 0;
	padding: 0;
	background: #E4E5F5; /*#E8F5DC;*/
	color: #111;
	font: 13px Arial, Helvetica, sans-serif;
}

A {
	color: #333;
}

A:hover, A:active {
	color: #000296;
  outline:none;
}

/************* fonts */

h1, h2 {
	color: #000296;
  font-weight:normal;
  font-family:Verdana;
	font-size: 15px;
  font-weight:bold;
	margin: 25px 0 25px 0;
}

h1 span {
  font-size: 80%;
}

.image-caption {
	font-style: italic;
	font-size: 12px;
	padding: 3px 0;
  text-align:center;
}

.important {
	color:#ff0000;
}

figure {
  margin-left:0;
  margin-right:0;
}
/************* structure */

#container {
	width: 950px;
	margin: auto;
	position: relative;
  border-left: 3px solid #000296;
  border-right: 3px solid #000296;
	background:#fff url(../img/bg.gif) 0 100% no-repeat;
}

#banner {
	width:950px;
	position:relative;
}

#banner img {
  max-width:100%;
}

#logo {
  border-bottom: 3px solid #000296;
  border-top: 3px solid #000296;
  margin-top:7px;
}

#navi {
	width:160px;
	padding:0 0 30px 0;
	float:left;
}

#content {
	width:430px;
	padding:0 50px 50px 20px;
	float:left;
}

#right {
	width:250px;
	padding:45px 0 340px 0;
	float:left;
}

#footer_inner {
  width: 796px;
  margin:auto;
  padding:20px 0 150px 180px;
}
	
/************* navi */
#hnavi {
  border-bottom: 3px solid #000296;
  padding: 10px 0;
  margin-bottom: 20px;
}


#hnavi ul, #navi ul {
	list-style:none;
	margin:0;
	padding:0;
}

#hnavi ul {
  margin: 0 0 0 180px;
}

#hnavi li {
	display:inline;
  padding: 0 6px;
}

#hnavi li.first {
  padding-left:0;
}

#hnavi a {
	color:#111;
	text-decoration:none;
  text-transform:uppercase;
  font-size:14px;
}

#hnavi li.last {
	background:none;
	padding-right:0;
}

#hnavi a:hover, #hnavi a.active {
	color:#000296;
}

#hnavi a.active, #navi a.active, {
  font-weight:bold;
}

#navi ul {
	line-height:180%;
	background: #4B4BB7;
	padding:20px 0 20px 12px;
  text-transform:uppercase;
  font-size:85%;
}

#navi li {
	padding:7px 0;
}

#navi a {
 display:block;
 padding:0 10px 0 10px;
 font-size: 110%;
	color:#fff;
	text-decoration:none;
	overflow:hidden;
  position:relative;
}

#navi a:before {
  content:'';
  width:6px;
  height:6px;
  top:7px;
  border-radius:6px;
  left:0;
  background:#fff;
  position:absolute;
  display:block;
}

#navi a.active {
  font-weight:bold;
  color:#fff;
}

#navi a:hover {
  color:#eee;
}

#fnav {
  margin:0;
  padding:0;
  list-style:none;
}

#fnav li {
  display:block;
  position:relative;
  float:left;
  padding-right: 45px;
}

#fnav li.last {
  padding:0;
  }

#fnav a {
  text-transform:uppercase;
  color:#111;
  font-size: 12px;
  text-decoration:none;
}

#fnav ul {
  position:absolute;
  left:0;
  top: 30px;
  padding:0;
}

#fnav ul a {
  display:block;
  padding-bottom: 6px;
  text-transform:none;
}

#fnav a:hover, #fnav a.active {
  color:#000296;
}

#fnav ul li {
  display:inline;
  float:none;
  padding:0;
}


/************* clearfix */
#banner:after, .clearfix:after {
content: ".";
display: block;
height: 0;
font-size: 0;
clear: both;
visibility: hidden;
}

#banner, .clearfix {display: inline-block;}

/* hide from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* end hide from IE-mac */

/* Kontakt */

/* powermail */

.tx-powermail h3 {
  display:none;
}

label, input, textarea, select {
  width: 100%;
  padding:10px;
  border:none;
  background:none;
  font:100% sans-serif;
  border: 1px solid #999;
  color:#666;
}

legend{
  display:none;
}

label {
  border:none;
}

fieldset {
  margin:0;
  padding:0;
  border:none;
}

input:focus, input:hover, textarea:focus, textarea:hover, select:focus, select:hover {
  border-color:#000;
  color:#000;
}

.powermail_fieldwrap_check label, .powermail_fieldwrap_radio label {
  display:inline;
  border:none;
}

.powermail_fieldwrap_check input, .powermail_fieldwrap_radio input {
  width:auto;
}

.powermail_fieldwrap_check legend, .powermail_fieldwrap_radio legend {
  display: block;
  margin-bottom:5px;
}

.powermail_captchaimage {
  clear:both;
  margin: 10px 0;
}

.powermail_submit, .powermail_reset, .powermail_confirmation_submit, .powermail_confirmation_form {
  width:auto;
  height:auto;
  margin: 20px 0;
  display:table;
  text-transform:uppercase;
  color:#000;
  border-color:#000;
}

.powermail_submit:hover, .powermail_reset:hover, .powermail_confirmation_submit:hover, .powermail_confirmation_form:hover {
  cursor:pointer;
  background:#eee;
}

.powermail_fieldwrap {
  margin:10px 0;
  width:100%;
}

.powermail_fieldwrap:nth-child(odd) {
  margin-right:0;
}

.powermail_fieldwrap_senden {
  clear:left;
  width:auto;
  margin-right: 4%;
}

.powermail_fieldwrap_loschen {
  width:auto;
}

.powermail_fieldwrap_nachricht {
  width:100%;
  float:none;
}

.powermail_fieldwrap:after {
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}

.powermail_fieldwrap {display: inline-block;}

.powermail_fieldwrap:before,
.powermail_fieldwrap:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.powermail_fieldwrap {
    *zoom: 1;
}

.powermail_reset, .powermail_confirmation_submit {
  margin-left: 20px;
}

.powermail_confirmation_form {
  margin-left:0;
}

.powermail_confirmation form {
  float:left;
}


.parsley-errors-list {
  color:#ff0000;
  margin-left:150px;
  font-size:80%;
  padding:0;
  list-style:none;
  clear:left;
}

.powermail_all_label {
  font-weight:bold;
  margin-top:10px;
}