/*----Global Reset----*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td
{background:transparent;border:0;line-height:1em;margin: 0;outline: 0;padding: 0;vertical-align: baseline;outline:none;}

 img{border: 0; }

ul, li{list-style: none;}


/* Der Kern von Clearfix */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    font-size: 0;
    height: 0;
    visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* IE-Patch für IE 7*/
*:first-child+html .clearfix { min-height: 0; }

/* IE-Patch für IE 6*/
* html .clearfix { height: 1%; }
body{font-family: "Myriad Pro", "Arial"; background:#bdc3c7 ; text-align: center;}
img {
  max-width: 100%;
  height: auto;
}

.logo{position: absolute; left: 0px; top: 30px; display: block}
#headercontainer{ width: 100%; }
header{ margin: 0px auto; position: relative; height: 100px;padding: 20px 20px 0px 20px; max-width: 1040px }
.contentcontainer{background: #5aa7d5; width: 100%;  }
#content{ margin: 0 auto; text-align: left;padding: 60px 20px; max-width: 1040px}
.footercontainer{ width: 100%;  }
footer{margin: 0px auto; position: relative;  text-align: left ;padding:0px 20px; max-width: 1040px}
footer p{color: #5aa7d5;}
.contactwrap {margin-top: 20px}
p{color: #ffffff; font-size: 24px; line-height: 1.2em; }
h1{font-size: 48px; color: #ffffff; text-transform: uppercase}
h2{font-size: 48px; color: #ffffff; text-transform: uppercase}
#content ul li{margin-bottom: 10px; color: #ffffff; font-size: 24px; }

.mobilnav{display: none}
#menu-hauptmenue{position: absolute; bottom: 10px ; right: 0px }
#menu-hauptmenue li{float: left ; margin-left: 50px}
#menu-hauptmenue li a{ display: block; color: #5aa7d5; font-size: 20px; text-transform: uppercase; text-decoration: none; font-weight: bold }
#menu-hauptmenue li a:hover{color: #ffffff}
#menu-hauptmenue li.current-menu-item a{color: #ffffff }
.mobilMenu{display: none}
.mobilLogo{display: none}
/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }

/*  GRID OF THREE  */
.span_3_of_3 { width: 100%; }
.span_2_of_3 { width: 66.13%; }
.span_1_of_3 { width: 32.26%; }
.textsmall{font-size: 14px; display: block; margin-top: 10px; float: left;color:#ffffff}
.alignleft{ float: left; margin-right: 40px}



/*Formular*/
.wpcf7-text {width: 80%; height: 20px; background: #ffffff; -moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px; border: 1px solid #bdc3c7; outline: 0}
.wpcf7-textarea{width: 80%; height: 200px; background: #ffffff; -moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px; border: 1px solid #bdc3c7; outline: 0}
.wpcf7-submit{width: 80% ; height: 50px; background: #ffffff; -moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px; border: 1px solid #bdc3c7; outline: 0; color:#25b0ed; font-size: 16px; margin-top: 10px; cursor: pointer }
.label{font-size: 16px; margin-bottom: 10px}
.alignleft5{float: left; margin-right: 5px;}
table{border-collapse: collapse;}
tr{border-top: 1px solid #ffffff}
tr:first-child{border: none}
td{vertical-align: middle; padding-right: 20px; padding-top: 60px; padding-bottom: 60px; color: #ffffff; font-size: 24px; line-height: 1.2em}
.contactwrap{width: 100%}
.left{float: left; width: 35%; margin-right: 5%}
.right{float: right; width: 60%}

.link{text-decoration: none; color: #ffffff;}
.linkMail{text-decoration: none; color: #ffffff;}

#content a{ color: #ffffff; text-decoration: none}
#content a:hover{text-decoration: underline}

/*Media Queries*/
@media screen and (max-width: 1024px){
	
#menu-hauptmenue li{ margin-left: 40px}
.linkMail{font-size: 20px; }
}

@media screen and (max-width: 960px){
	
.normalnav{display: none}
	.mobilMenu{display: block}
	.mobilMenu{position: absolute; top: 10px; right: 20px; cursor: pointer}
	.mobilnav{ position:absolute; background: #bdc3c7; top: 0px; left: 0px;
		padding: 20px;
		text-align: left;
		
	}
	.mobilnav li a{color: #ffffff; display: block; padding: 5px; text-decoration: none; font-size: 16px; text-transform: uppercase }
	.left{float: none; width: 100%; margin-bottom: 20px}
.right{float: none; width: 100%}
.alignleft {
    float: none ;  
    margin-right: 0px;
}
p{ font-size: 18px;  }
h1{font-size: 42px; }
h2{font-size: 42px; }
td{ font-size: 18px; }


		.col {  margin: 1% 0 1% 0%; }
	.span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }
}


@media screen and (max-width : 480px){ 
		.mobilLogo{display: block;position: absolute; left: 0px; top: 30px;}
		.logo{display: none}
.textsmall{font-size: 12px; float: none; margin: 0 }

		td img{display: none}
		
}