@charset "UTF-8";
/* 
    Document    : stylesheet responsive
    Created on  : 22.08.2014
    Description : Responsive Weblayout fuer Energie-Bauwagen.de
*/
* {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0;
 }
 root, header, section, footer, aside, nav, article, hgroup { 
    display: block;
}
.clearer:after { content: "."; display: block; clear: both; font-size: 0; height: 0; visibility: hidden; }
*:first-child+html .clearer { min-height: 0; }
* html .clearer { height: 1%; }
/* ===========================
   ======= Body style ======== 
   =========================== */
html, body {
  width: 100%;
  height:100%;
  min-height: 100%;
}   
body {
	color: #000305;
  background: #666;
	font-size: 87.5%; /* Base font size: 14px */
	font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
	line-height: 1.429;
	margin: 0;
	padding: 0;
	text-align: left;
	}
	
.body {
  height: 100%;
	margin: 0; 
	width: 100%;
  	min-width: 1024px;
}
	
/* ===========================
   ========= Headings ======== 
   =========================== */
h2 {font-size: 2em; font-family: 'Indie Flower', cursive;}	/* 28px */
h3 {font-size: 1.429em}	/* 20px */
h4 {font-size: 1.286em}	/* 18px */
h5 {font-size: 1.143em}	/* 16px */
h6 {font-size: 1em}		/* 14px */

h2, h3, h4, h5, h6 {
	font-weight: 400;
	line-height: 1.1;
	margin-bottom: .8em;
}

/* ===========================
   ======= Anchor style ====== 
   =========================== */
a {
	outline: 0; color:#FFF;
	}

a img {
	border: 0px; 
	text-decoration: none;
}

a:link, a:visited {
	text-decoration: none; color:#FFF;
}

a:hover, a:active {
	text-decoration: none; color:#FFF;
}

/* ===========================
   ===== Main Navigation ===== 
   =========================== */
.mainHeader {
}
.mainHeader nav {
  padding: 30px 0 0 20px;
	font-size: 1.143em;
	line-height: 30px;
	text-align: center;
}
	
.mainHeader nav ul, .mainFooter nav ul {
	list-style: none; 
	margin: 0 auto;
}

.mainHeader nav ul li, .mainFooter nav ul li {
	float: left; 
	display: inline;
  margin-right: 3px;
}
	
.mainHeader nav a:link, .mainHeader nav a:visited {
  background: rgba(255,255,255,0.6);
	color: #000305;
  font-weight: 700;
	display: inline-block;
	height: 58px;
	padding: 14px 23px;
	text-decoration: none;
  transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;
}
.mainHeader nav a:hover, .mainHeader nav a:active,
.mainHeader nav a.active {
	background: rgba(255,255,255,0.8);
	text-shadow: none !important;
}
	
.mainHeader nav li:first-child > a {
  -webkit-border-top-left-radius: 20px;
  -moz-border-radius-topleft: 20px;
  border-top-left-radius: 20px;
}
.mainHeader nav li:last-child > a {
  -webkit-border-bottom-right-radius: 20px;
  -moz-border-radius-bottomright: 20px;
  border-bottom-right-radius: 20px;
}

.mainHeader img {
	width: 30%;
	height: auto;
	margin: 3% 0;
}

/* ===========================
   ======= Content Area ====== 
   =========================== */

.wrap {
	line-height: 25px;
  min-height: 100%;
}
.spacing {
	padding-bottom: 300px;
}
.main {
  position: relative;
  margin-top: -200px;
  height: 298px;
  clear: both;
} 
.content {
  height: 210px;
  padding: 0 40px;
}
.content .boxContent {
  float: left;
  height: 100%;
  position: relative;
  width: 48%;
  min-width: 470px;
}
.content #txtBox {
  background: rgba(114,160,0,0.9);
  padding: 0 20px;
  -webkit-border-top-left-radius: 20px;
  -webkit-border-top-right-radius: 0px;
  -moz-border-radius-topleft: 20px;
  -moz-border-radius-topright: 20px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.boxContent h2 {
  padding-top: 40px;
}
.boxContent p {
  font-size: 1.184em;
  line-height: 1.714em;
}
.boxImg {
  width: 100px;
  height: 100px;
  position: absolute;
}
.boxImg img {
  width: 96px;
  height: 96px;
  border: 3px solid #ffffff;
  -webkit-border-top-left-radius: 20px;
  -webkit-border-bottom-right-radius: 20px;
  -moz-border-radius-topleft: 20px;
  -moz-border-radius-bottomright: 20px;
  border-top-left-radius: 20px;
  border-bottom-right-radius: 20px;
}
/* ================================
   ========= Unterseiten ========== 
   ================================ */
.about .main, .zirkuswagen .main, .kontakt .main {
  height: auto;
}
.about .content, .zirkuswagen .content, .kontakt .content {
  height: auto;
}
.about .boxContent > div, .zirkuswagen .boxContent > div, .kontakt .boxContent > div {
  padding-bottom: 20px;
}
/*
  #### kontakt ####
*/
.content .boxContent.wide {
  float: none;
  position: relative;
  width: 96%;
  min-width: 940px;
}
#contact-wrapper {
  width: 100%;
}
#contact-wrapper div {
    margin:1em 0;
}
#contact-wrapper label, #contact-wrapper p {
  color: #000305;
  float: left;
  font-size: 1em;
  width: 110px;
}
form#contactform input, form#contactform textarea, form#mc-embedded-subscribe-form input {
    background: transparent;
    font-family: Arial,Tahoma,Helvetica,sans-serif;
    font-size: 14px !important;
    border: 2px solid rgba(204, 204, 204, 0.8);
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
#contact-wrapper p {
  padding-left: 20px;
}
form#contactform input.rdo {
  width: 14px;
  float: left;
  margin: 6px 0;
}
form#contactform input {
  font-size: 16px;
  padding: 3px;
  width: 80%;
}
form#contactform textarea {
  padding: 0.6em 0.5em 0.7em;
  width: 80%;
  height: 146px;
}
form#contactform div.floatee {
  float: left;
  width: 48%;
}
form#contactform input:focus, form#contactform textarea:focus {
    border-color: #28350c;
}
#contactform .noFloat {
  float: none;
  clear: both;
  width: 80%;
}
#contactform .noFloat > #button {
  background: rgba(40, 53, 12, 0.7);
  color: #CCCCCC;
  width: 250px;
  position: relative;
  left: 70px;
  border: 2px solid rgba(40, 53, 12, 0.7);
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  transition: all 200ms ease-in;
  -moz-transition: all 200ms ease-in;
  -webkit-transition: all 200ms ease-in;
  -o-transition: all 200ms ease-in;
}
#contactform .noFloat #button:hover {
    border-color: rgba(207,92,63,.5);
}
.spam_prevention { display: none; }
#contact-wrapper .error, #contact-wrapper .errorMsg {color: #CF5C3F;}
#contact-wrapper label.error {
  clear: both;
  margin-left: 110px;
  padding: 6px 0;
  width: 80%;
}
#contact-wrapper img.mailOK, #contact-wrapper img.mailError {
  float: left;
  height: auto;
  margin-right: 5%;
  width: 60px;
}
#contact-wrapper .erfolg {
  color: #acca57;
  overflow: hidden;
  padding: 4px 0;
}
#contact-wrapper h4.erfolg, #contact-wrapper h4.error {
  padding: 10px 0;
}
#contact-wrapper .erfolgMsg, #contact-wrapper .errorMsg {
  float: none;
  width: 88%;
  padding: 0;
}
input[type="text"][disabled], textarea[disabled] {
   color: #28350c;
}
/* ===========================
   ========= Footer ========== 
   =========================== */

.mainFooter {
  background: #28350c;
  border-top: 2px solid #aaabab;
	width: 100%;
  min-width: 1024px;
  height: 88px;
	color: #72a000;	
}
.footerNav {
  width: 300px;
  float: left;
}
.footerNav a:link, .footerNav a:visited {
  padding: 10px;
  color: #72a000;
  display: inline-block;
	height: 38px;
	text-decoration: none;
  transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;
}
.footerNav li:first-child > a {
  padding-left: 0;
}
.footerNav a:hover {
  color: #ffffff;
}
.footerContent {
  padding: 0 4%;
}
.mainFooter p {
  width: 214px;
  float: left;
  padding: 10px 0;
}