@charset "utf-8";
/* CSS Document */


.red {
	color: #ff0000;
}

.green {
	color: #008000;
}

.blue {
	color: #0088aa;
}

/*home*/
div#home {
	float: left;
	width:50%;
	min-height:620px;
	padding: 20px;
	padding-left: 13%;
}

.distancetop {
	margin-top: 30px;
}


/*socialmedia*/

div#socialmedia {
	display: block;
	position: fixed;
	height:auto;
	width:37px;
	top:290px;
	left:20px;
	z-index: 20;
}

div#socialmedia img {
	float: left;
	margin-bottom: 15px;
}
	
/*act_right*/
div#social_net1 {
	display: block;
	float:right;
	width:310px;
	min-height:595px;
	margin-top:65px;
	margin-left:20px;
	margin-right: 13%;
	margin-bottom:50px;
	padding:5px 0px;
	border-left: solid 2px rgba(220,220,220,0.9);
}

div.picturebox1 {
	height:560px;
	width:270px;
	margin:10px auto;
	margin-right:0px;
	padding:5px;
	border: solid 2px rgba(220,220,220,0.9);
   overflow: hidden;
   text-overflow: clip;
   -o-text-overflow: clip;
   -ms-text-overflow: clip;
   -moz-binding: url('clip.xml#clip');
}

div#content_inward {
	margin: auto 13%;
}

div.picturebox1 h4 {
		color: #4a4a4a;
		padding: 5px;
}

div.picturebox1 h5 {
		padding: 5px;	
		color: #4a4a4a;
}

div.picturebox1 p {
		padding: 5px;
		color: #3a3a3a;
}

div.picturebox1 hr {
		height:1px;
		color: #696969;
		padding: 5px;
}

/*Features*/

#features {
	}


/*Partner*/
#partner {

}

/*Logos*/
div.logos {
	width: auto;
	margin-left: auto;
	margin-right: auto;
}

div.logos div.ref {
	height:75px;
	width:48%;
	margin:13px auto;
	padding:5px;
	text-align: center;
	vertical-align:middle;
	line-height:99px;
	border:2px solid rgba(220,220,220,0.3);
	background-color: rgba(220,220,220,0.4);
}

div.logos div.ref img {
	max-height:65px;
	width: auto;
	max-width:90%;
	margin:5px;
}


/*Impressum*/
div#impressum {
	margin: 15px auto;
}

div#impressum p {
	vertical-align: middle;
	margin-bottom: 5px;
}

div#impressum img {
	margin-right: 10px;
	vertical-align: middle;
}



.fl {
	float: left;
	margin-left: 20px;
}

.fl_r {
	float: right;
	margin-right: 20px;
}

/*Contact*/

/*tiv_page*/
img.pic_logo {
	height: 70px;
	width: auto;
	margin-bottom: 25px;
}





/*etc*/

.stop {
	clear: both;
}

.distance_bottom {
	margin-bottom:30px;
}

@media only screen and (max-width: 1500px) {		

	/*home*/
	div#home {
		width:48%;
	}	
	
	/*Logos*/
	div.logos div.ref {
		width:47.2%;
	}

}

@media only screen and (max-width: 1400px) {	
	/*socialmedia*/
	div#socialmedia {
		left:15px;
	}

	

/*home*/
	div#home {
		width:46%;
	}			
	
	/*Logos*/
	div.logos div.ref {
		width:47%;
	}

}

@media only screen and (max-width: 1280px) {
	
	div#socialmedia {
		display: none;
	}

	
	/*home plus act*/
	div#home {
    float: none;
    width: auto;
	 margin:auto 7%;
    padding: 20px;
    padding-bottom: 45px;
    z-index: 1;
}
	
	div#social_net1 {
		display:none;
	}

}

@media only screen and (max-width: 1200px) {
	
	div#content_inward {
		margin:auto 7%;
	}

@media only screen and (max-width: 950px) {


}

@media only screen and (max-width: 768px) {	
	
	/*Products*/
	#products p {
		width:100%;
		margin-left: 0%;
		margin-bottom: 30px;
	}
	
	#products div {
		clear: both;
	}
}

@media only screen and (max-width:710px) {			
	
	/*Logos*/
	div.logos div.ref {
	width:46%;
	}

	div.logos div.ref img {
		max-width:90%;
		height:auto;
	}
}

@media only screen and (max-width: 580px) {
				
	/*Logos*/
	div.logos div.ref {
		float: left;
		width:96%;
	}

	div.logos div.ref img {
		max-width:90%;
		height:auto;
	}
	
		div#content_inward {
		margin:auto 5%;
	}
}

@media only screen and (max-width: 320px) {

}