*{
	margin: 0;
	padding: 0;
}	

body{
	font-family: 'Oswald', sans-serif;
	font-family: 'Lato', sans-serif;
	background-color: #000000;
	
}


h1{
	font-family: 'Oswald';
	font-weight: 700;
	font-size: 20px;
	color: #EA5E11;
	padding-bottom: 15px;
	-moz-user-select: none;
 	-webkit-user-select: none;
 	-ms-user-select: none;
}

h2{
	font-family: 'Oswald';
	font-weight: 400;
	font-size: 16px;
	color: #ffffff;
	padding-top: 10px;
	padding-bottom: 10px;
	-moz-user-select: none;
 	-webkit-user-select: none;
 	-ms-user-select: none;
}

h3{
	font-family: 'Oswald';
	font-weight: 300;
	font-size: 14px;
	color: #666666; 
	padding-bottom: 10px;
	-moz-user-select: none;
 	-webkit-user-select: none;
 	-ms-user-select: none;
}

h4{
	font-family: 'Oswald';
	font-weight: 700;
	font-size: 18px;
	color: #666666; 
	-moz-user-select: none;
 	-webkit-user-select: none;
 	-ms-user-select: none;
}

h5{
	font-family: 'Oswald';
	font-weight: 300;
	font-size: 10px;
	color: #666666; 
	padding-bottom: 10px;
	-moz-user-select: none;
 	-webkit-user-select: none;
 	-ms-user-select: none;
}

h6{
	font-family: 'Lato';
	font-weight: 400;
	font-size: 15px;
	color: #ffffff;
	padding-bottom: 10px
	-moz-user-select: none;
 	-webkit-user-select: none;
 	-ms-user-select: none;
}

p{
	font-family: 'Lato';
	font-weight: 400;
	font-size: 13px;
	color: #000000;
	-moz-user-select: none;
 	-webkit-user-select: none;
 	-ms-user-select: none;
}



a{
	font-family: 'Oswald';
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
	color: #B3B3B3;
	padding-left: 35px;
}

a:hover{
	color: #EA5E11;
}

a:active{
	color: #EA5E11;
}

ul{
	list-style-type: none;
}

body img{
	-moz-user-select: none;
 	-webkit-user-select: none;
 	-ms-user-select: none;
}
/*css gray0*/
.gray100{
	color:#000000;
}
/*css gray20*/
.gray80{
	color: #333333;
}
/*css gray30*/
.gray70{
	color: #4D4D4D;

}
/*css gray40*/
.gray60{
	color: #666666;
}
/*css gray50*/
.gray50{
	color: #7F7F7F;
}
/*css gray60*/
.gray40{
	color: #999999;
}
/*css gray70*/
.gray30{
	color: #B3B3B3;
}
/*css gray80*/
.gray20{
	color: #CCCCCC;
}
/*css gray90*/
.gray10{
	color: :#E5E5E5;
}
/*css gray100*/
.gray0{
	color: #FFFFFF;
}

.orange{
	color: #EA5E11;
}

.clearer{
	clear: both;
}

.header img{
	width: 350px;
	margin-left: 23px;
	margin-top: 7px;



	
}
/*hauptklassen*/

.wrapper{
	width: 930px;
	height: 650px;
	max-width: 930px;
	max-height:650px;
	margin: 0 auto;
}

.top{
	position: absolute;
	top:0px;
	height: 15px;
	width: 930px;
	max-width: 930px;
	background-color: #000000;
}

.top h1{
	padding-left: 120px; 
	padding-top: 8px;
	font-size:5px;
	color: #000000   
}

.header{
	position: absolute;
	top:15px;
	height: 54px;
	width: 928px;
	max-width: 928px;
	border: 1px solid #4D4D4D;
	background-color: #000000;
}	
	
.header h1{
	margin-top: -52px;
	margin-left: 82px; 
	padding: 8px;
	font-size: 23px;
}

.nav{
	position: absolute;
	top:70px;
	height: 25px;
	width: 928px;
	max-width:928px;
	background-color: #000000;
	border-left: 1px solid #4D4D4D;
	border-right:1px solid #4D4D4D;
	border-bottom:1px solid #4D4D4D;
}

.box_left_big{
	float:left;
	margin-top: 100px;
	height: 519px;
	width: 200px;
	max-height: 514px;
	max-width: 200px;
	overflow:scroll;
	background-color:#000000;
	border-right: 1px solid #4D4D4D;
	border-left: 1px solid #4D4D4D;
}

.box_left_small{
	float:left;
	margin-top: 96px;
	height: 514px;
	width: 100px;
	max-height: 514px;
	max-width: 100px;
	background-color:#000000;
	border-right: 1px solid #4D4D4D;
	border-left: 1px solid #4D4D4D;
}

.box_left_small p{
	font-family: 'Oswald';
	font-weight: 400;
	font-size: 25px;
	color: #666666;
	margin-left:-76px;
	margin-top: 250px;
	transform: rotate(-90deg);	
}

.box_right_small{
	float:right;
	margin-top: 96px;
	top: 96px;
	left: 842px;
	height: 514px;
	width: 727px;
	max-height: 514px;
	max-width: 727px;
	background-color: #000000;
	border-right: 1px solid #4D4D4D;
}

.box_scroll{
	position:absolute;
	top:96px;
	height: 514px;
	width: 928px;
	max-height: 514px;
	margin-left:100px;
	height: 514px;
	width: 827px;
	max-height: 514px;
	max-width: 827px;
	overflow-y: scroll;

}
.box_scroll p{
	margin-right: 300px;
	color: #E5E5E5;
	
}
.box_scroll a{
	padding-left: 5px;
	color: #FFFFFF;
}

.box_scroll ul{
	margin-top: 50px;
}

.box_scroll ul li{
	font-family: 'Oswald';
	font-weight: 400;
	font-size: 14px;
	color: #ffffff;
	margin-top: 10px;
	padding-bottom: 11px;
	margin-left: 10px;	
	-moz-user-select: none;
 	-webkit-user-select: none;
 	-ms-user-select: none;
}

.box_text_100{
	margin-left: 100px;
	margin-right: 320px;
	margin-top:100px;
	padding: 0px;
}

.box_text_60{
	margin-left: 100px;
	margin-right: 100px;

	margin-top:60px;
	padding: 0px;
} 

.box_text_245{
	margin-left: 100px;
	margin-top: 245px;
	padding: 0px;
}

.box_text_245 h6{
	font-family: 'Lato';
	font-weight: 400;
	font-size: 15px;
	color: #ffffff;
	-moz-user-select: none;
 	-webkit-user-select: none;
 	-ms-user-select: none;
}

.box_text_230{
	margin-left: 100px;
	margin-top: 230px;
	padding: 0px;
}

.box_text_230 h6{
	font-family: 'Lato';
	font-weight: 400;
	font-size: 15px;
	padding-bottom:10px;
	color: #ffffff;
	-moz-user-select: none;
 	-webkit-user-select: none;
 	-ms-user-select: none;
	
	
}

.box{
	position:absolute;
	top:96px;
	height: 514px;
	width: 928px;
	max-height: 514px;
	max-width: 928px;
	background-color: #000000;
	border-right: 1px solid #4D4D4D;
	border-left: 1px solid #4D4D4D;
}

.box_index{
	float: left;
	margin-top:96px;
	height: 514px;
	width: 928px;
	max-height: 514px;
	max-width: 928px;
	background-image: url(../pic/background_index.png);
	border-right: 1px solid #4D4D4D;
	border-left: 1px solid #4D4D4D;
}

.box_aboutme{
	float: left;
	margin-top:96px;
	height: 514px;
	width: 928px;
	max-height: 514px;
	max-width: 928px;
	background-image: url(../pic/about_me.png);
	border-right: 1px solid #4D4D4D;
	border-left: 1px solid #4D4D4D;
}

.box_services{
	float: left;
	margin-top:96px;
	height: 514px;
	width: 928px;
	max-height: 514px;
	max-width: 928px;
	background-image: url(../pic/services.png);
	border-right: 1px solid #4D4D4D;
	border-left: 1px solid #4D4D4D;
}

.box_brandmanagement{
	float: left;
	margin-top:96px;
	height: 514px;
	width: 928px;
	max-height: 514px;
	max-width: 928px;
	background-image: url(../pic/brandmanagement.png);
	border-right: 1px solid #4D4D4D;
	border-left: 1px solid #4D4D4D;
}

.box_multichannel{
	float: left;
	margin-top:96px;
	height: 514px;
	width: 928px;
	max-height: 514px;
	max-width: 928px;
	background-image: url(../pic/multichannel.png);
	border-right: 1px solid #4D4D4D;
	border-left: 1px solid #4D4D4D;
}

.box_emarketing{
	float: left;
	margin-top:96px;
	height: 514px;
	width: 928px;
	max-height: 514px;
	max-width: 928px;
	overflow: hidden;
	background-image: url(../pic/emarketing.png);
	border-right: 1px solid #4D4D4D;
	border-left: 1px solid #4D4D4D;
}

.box_references{
	float: left;
	margin-top:96px;
	height: 514px;
	width: 928px;
	max-height: 514px;
	max-width: 928px;
	background-image: url(../pic/references.png);
	border-right: 1px solid #4D4D4D;
	border-left: 1px solid #4D4D4D;
}

.box_contact{
	float: left;
	margin-top:96px;
	height: 514px;
	width: 928px;
	max-height: 514px;
	max-width: 928px;
	background-image: url(../pic/contact_01.png);
	border-right: 1px solid #4D4D4D;
	border-left: 1px solid #4D4D4D;
}

.box_contact_vaild{
	float: left;
	margin-top:96px;
	height: 514px;
	width: 928px;
	max-height: 514px;
	max-width: 928px;
	background-image: url(../pic/contact_02.png);
	border-right: 1px solid #4D4D4D;
	border-left: 1px solid #4D4D4D;
}
	
.box_impressum{
	float: left;
	margin-top:96px;
	height: 514px;
	width: 928px;
	max-height: 514px;
	max-width: 928px;
	background-image: url(../pic/impressum.png);
	border-right: 1px solid #4D4D4D;
	border-left: 1px solid #4D4D4D;
}

.box_datenschutz{
	float: left;
	margin-top:96px;
	height: 514px;
	width: 928px;
	max-height: 514px;
	max-width: 928px;
	background-image: url(../pic/datenschutz.png);
	border-right: 1px solid #4D4D4D;
	border-left: 1px solid #4D4D4D;
}

.box_text_230 h6{
	color: #EA5E11;
	
}

/*Footer*/

.footer{
	position:absolute;
	top: 610px;
	height: 35px;
	max-height:35px;
	width:928px;
	max-width:928px;	
	border: 1px solid #4D4D4D;
	padding-top: 15px;
	background-color: #000000;
}

.footer a{
	font-family: 'Lato';
	float: right;
	padding-left: 25px;
	padding-right: 10px;
	padding-top: 1px;
	text-align:right;
	font-weight: 300;
	font-size: 10px;
	text-decoration: none;
	color: #CCCCCC;
}
	
.footer a:hover{
	font-weight: 400;
	color: #EA5E11;
}

.xing {
	float: left;
	margin-left: 35px;
}

/*E-Marketing Animation*/



#002{}

#003{}

/*contact*/

form{
	margin-top: 15px;
	margin-left: 100px;
	padding-top: 15px;
	padding-bottom: 15px;
	color: #B9B9B9;
}

#submit{
	margin-top: 0;
	font-family: 'Oswald';
	font-weight: 700;
	font-size: 10px;
	padding-left: 5px;
	padding-right: 5px;
	border: 1px solid #EA5E11;
}



#submit:hover{
	border: 1px solid #EA5E11;
	color: #EA5E11;
}



label{
	min-width: 20px;
	display: inline-block ;
	font-family: 'Lato';
	font-size: 10px;
	margin-top: 10px;
	padding-bottom: 10px;
	
}

label p{
	margin: 0;
	padding:0;
}

#fname{
	margin-right: 20px;
	
}


#company{
	margin-top:10px;
}

#email{
	margin-top: 15px;
	margin-right:20px;
}

#phone {

	margin-top: 10px;
}

#subject{
	margin-top: 30px;
}

#message{
	margin-top: 10px;
}

	

#radio{
	padding:5px;
	border-style: none;
	
}
input [type="radio"]{
	padding: 5px;
	border-style: none;
}

input{
	font-family: 'Lato';
	font-size: 12px;
	border: 1px solid #666666; 
	background: #666666;
	transition: border 2s;
	transition: background 2s;
}

#inputsecure {
	background: ##EA5E11;
}

textarea{
	font-family: 'Lato';
	font-size: 12px;
	border: 1px solid #666666; 
	background: #666666;
	overflow: auto;
	transition: border 2s;
	transition: background 2s;
}

input:hover, input:focus, textarea:hover, textarea:focus{
	background: #CCCCCC;
	border: 1px solid #EA5E11;	
}

input:invalid {
	border: 1px solid #EA5E11;
	background: #EA5E11;
}

/*input:valid{
	background:#FFFFFF;
}*/

.pflichtfeld {
   font-size: 10px;
   color: #EA5E11;
   padding:5px;
  }

/*
span{
   font-size: 10px;
   color: #EA5E11;
   padding:0px;
  }
*/
 span.hilfetext {
   font-size: 10px;
  }
  
.g-recaptcha{
	margin-top: 10px;
	/*margin-bottom: 10px;*/
	padding: 0;
}