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

/* 
 */
 
 
/*mobile*/



@media only screen and (max-width: 860px) {
	
	#introtext{
	margin-top:0%;
	font-size:0px;
	color:#FFF;
margin-left:0%;
margin-right:0%;
margin-bottom:0%;
}

	img{width:100%;height:100%; margin-bottom:1%;}
	
		video{width:100%;height:100%;margin-bottom:1%;}
	
	a.foxyform_embed_link_537723{
	background-color:#000; 
}


a.h2font{
	background-color:#fff;
}

#blackline{
	padding:0px;
	background-color:#fff;
}

.inside{
	width:0%;
	height:0%;
visibility:hidden;

}

img.me{
		width: 100%;
		height: 100%;
	}
	
body{
	
	background-image:url(material/stripe_pink.gif);
	margin-top:0;
	margin-left:0;
	margin-right:0;
}


#downloads{
	
z-index:1;

color:#FFF;

	margin-right: 3%;
	margin-left: 3%;

	font-style: normal;
	font-family:"Lucida Fax", Times New Roman, Times, serif;

/*	font-family: Helvetica, sans-serif;*/
	line-height: 250%;
	text-align:center;
	
}

#sublinks{
	background-color:#000; 
		
		padding:15px;
		color:#fff;
		

		

}
 

#contenttop{
z-index:1;
color:#FFF;
font-size:0px;
		
	padding:0%;
		
	font-style: normal;
	font-family:"Lucida Fax", Times New Roman, Times, serif;

/*	font-family: Helvetica, sans-serif;*/
	
	line-height: 0px;
	text-align: left;
	padding-left:0%;
} 

#content{
background-color:#FFF;
		margin-top: 3%;
		margin-left: 3%;
	margin-right: 3%;
	padding-left:3%;
		padding-right:3%;
		padding-top:3%;
		padding-bottom:3%;
	font-style: normal;
	
	font-family: "Helvetica", Arial, sans-serif;
	/*font-family:"Lucida Fax", Times New Roman, Times, serif;*/

/*	font-family: Helvetica, sans-serif;*/
	color:#666;
	line-height: 160%;
	text-align: left;
}
/*für die unterseite*/ 
#contentflash{
	background-color:#FFF;
	padding-left:20%;
		padding-right:20%;
		padding-top:1%;
		padding-bottom:2%;
	margin-top: 2%;
	margin-bottom: 5%;	
	font-style: normal;
	font-family: Helvetica, sans-serif;
	line-height: 150%;
	text-align: left;
}
/* für die hauptseite*/ 
#flashcontent{
width:0px;
height:0px;	
}
#flashbackground{
	background-size: 100%;
	padding: 10%;
	background-color: transparent;
	background-image: url(material/grasshopper.png);
	background-repeat: no-repeat;
}
/* Ende Flash für Hauptseize*/ 

#image{
	height:12px;
background-image:url(material/dots_small.png);
}

#introductiontext{
	
	font-size: large;

}



.container { padding:0%;     /* This gives our headings a bit of breathing room */ } 


.js-background-1 {  
 	 
 background-size: 0%;

 margin:0;    
 } 


/* Link-Color*/

a{
	padding:1%;
	background-color:#F90; 
	color:#000;
      text-decoration: none;  
	 

}
a:hover{
	color: #000;
	text-decoration: underline;
	text-align: right;
}



h1{
		font-family: Helvetica, sans-serif;	/*font-family:"Lucida Fax", Times New Roman, Times, serif;*/
			color:#000;
}

h2{
		font-family: Helvetica, sans-serif;	/*font-family:"Lucida Fax", Times New Roman, Times, serif;*/
			color:#000;
}
h3{
		font-family: Helvetica, sans-serif;	/*font-family:"Lucida Fax", Times New Roman, Times, serif;*/
				/*border-bottom:dashed 1px #333;*/
				color:#000;
				
}

h4{
		font-family: Helvetica, sans-serif;	/*font-family:"Lucida Fax", Times New Roman, Times, serif;*/
			color:#000;
}


/*Wrap Mobile*/
#wrap {

   margin: 0% ;        
   padding: 0%;
   width: 100%;
 
}
#header {
	
   color: #000;
      
	  

}

#menulist {

	margin-top: 5%;
		margin-left: 5%;
	margin-right: 3%;
margin-bottom: 0%;
}

#navWrap {
   height: 3%;
}
#nav {
	              
	background-image:url(material/stripe_resp.gif);
	padding:1%;

	
}
#nav ul {
	margin: 0;
	padding: 0;
}

#nav li {
   float:none;
   padding: 10px 20px;
   border:#000 solid 1px;
   margin: 0 10px 0 0;
   color: #000;
   list-style-type: none;
   	   		background-color:#FFF; 


}
#nav li a {

		background-color:transparent; 
	/*font-family:"Lucida Fax", Times New Roman, Times, serif;*/
	font-family: Helvetica, sans-serif;
   color: #000;  
   text-decoration: none; 
   font-weight:800; 
   text-transform:uppercase;  
}
#nav li a:hover {
   text-decoration: underline;   
}

a.h2font{
	background-color:transparent;
}



#entrylink{
	
	background-color:#fff;

}

#entrylink:hover{
		
	background-color:transparent;
	
	}
	
	

	
	#nav li.topper{

   background-color:transparent;
      color:#000;
	  	border:none;
		padding-left:41%;
		padding-right:41%;
}
/*mobile*/

#noborder{
	border:none;
	height:100%;
	width:100%;
	
}

#noborder_small{
	border:none;
	height:3%;
	width:3%;
	
}
}


 
/*desktop*/

@media only screen and (min-width: 861px) {

#onology{
	border:solid #CCC 1px;
}

#introtext{
	margin-top:-15%;
	font-size:x-large;
	color:#FFF;
margin-left:-5%;
margin-right:15%;
margin-bottom:-30%;
	
}

img{
/*border:solid #CCC 1px;*/
	margin-top:1%;
		margin-bottom:1%;

}

.left{
	margin-right:20%;
	}
/*desktop*/
#noborder{
	
	border:none;
	margin-top:-21px;
	width:80px;
	
	height:80px;

	
}
#right{}

#noborder3{
	border:none;
	
}
#noborder_small{
	
	border:none;
	margin-top:-21px;
}

.inside{
	background-color:#FFF;
	width:30%;
	padding:3px;
}
	
	


body{
	
	background-image:url(material/stripe_darkgrey.gif);
	margin-top:0;
	margin-left:0;
	margin-right:0;
	font-size:medium;
	
}


#sidebar{
	background-color:#FFF;
		margin-top: 10%;
		margin-left: 90%;
}
#downloads{
	
z-index:1;

color:#FFF;
		float:right;
	
	
				margin-left: 50%;
	margin-right: 20%;

		
	font-style: normal;
	font-family:"Lucida Fax", Times New Roman, Times, serif;

/*	font-family: Helvetica, sans-serif;*/
	line-height: 50%;
	
	text-align:right;

}

#sublinks{
	background:#000;
		padding:3px;
			color:#FFF;
}
#sublinks:hover{
	background-color:#F90; 
	color:#000;
      text-decoration: none;  
}

  #blackline{
	  background-color:#000;
	  padding:0.5%;
	  }
	  
#contenttop{
	background-image:url(material/stripe.gif);
	padding:0.6%;
z-index:1;
background-color:#FFF;
		margin-top: 0%;
		
	margin-right: 0%;
	
	margin-left: 0%;
	padding-left:16.0%;
	
	font-style: normal;
	font-family:"Lucida Fax", Times New Roman, Times, serif;

/*	font-family: Helvetica, sans-serif;*/
	color:#666;
	line-height: 160%;
	text-align: left;
}  
a.h2font{
	color:#000;
}
	 
	 
	 /*	content desktop, if you change this then also special needs to be changed*/
 
#content{
z-index:1;
background-color:#FFF;
		margin-top: 2%;
		margin-left: 15%;
	margin-right: 15%;
	max-width:700px;
		padding-left:1.5%;
		padding-right:1.5%;
		padding-top:0.05%;
		padding-bottom:1%;
	font-style: normal;
		font-family:"Lucida Fax", Times, serif;

/*font-family:"Helvetica", Arial, sans_serif;*/

/*	font-family: Helvetica, sans-serif;*/
	color:#000;
	line-height: 160%;
	text-align: left;
}




#contentflash{
	background-color:#FFF;
	padding-left:1%;
		padding-right:5%;
		padding-top:1%;
		padding-bottom:2%;
	margin-top: 2%;
	margin-bottom: 5%;	
	font-style: normal;
	font-family: Helvetica, sans-serif;
	line-height: 150%;
	text-align: left;
}

#image{
	height:12px;
background-image:url(material/dots_small.png);
}


#introductiontext{
	
	font-size: large;

}


#space{padding:1%;}

.container { padding:19%;   /* headings breathing room */ } 


.js-background-1 {  

	background: transparent /*url(http://boogie.alfahosting.org/website/wp-content/uploads/2013/08/meflock.jpg)*/   
	
	url(material/dataviz_grey.png)
	
	  no-repeat;   
	 
 background-size: 100%;
 

 margin:0;    
 } 


/* Link-Color*/

a{
	color:#09F;
      text-decoration: none;   

}
a:hover{
	
	background-color:#F90; 
	color:#000;
      text-decoration: none;  


}



h1{
		font-family: Helvetica, sans-serif;	/*font-family:"Lucida Fax", Times New Roman, Times, serif;*/
				color:#fff;
		
		
	
}

h2{
		font-family: Helvetica, sans-serif;	/*font-family:"Lucida Fax", Times New Roman, Times, serif;*/
					color:#000;
}

h3{
		font-family: Helvetica, sans-serif;	/*font-family:"Lucida Fax", Times New Roman, Times, serif;*/
				
					/*border-bottom:dashed 1px #333;
				padding-bottom:1%;*/
				color:#000;
				
				

}

h4{
		font-family: Helvetica, sans-serif;	/*font-family:"Lucida Fax", Times New Roman, Times, serif;*/
				color:#000;
}


/*Content PC*/
#wrap {

/*background-image:url(material/stripe_pink.gif);*/
   margin: 0% ;        
   padding: 0%;
   width: 100%;
   padding-bottom:0%;
   
   

 
}




#entrylink:hover{
	
	background-color:#fff;
}

#header {
   color: #FFF;
      z-index:20;

	 
}

#menulist {
	

	margin-left: 14%;
	margin-right: 7%;
	/*width:70%;*/
}

video{
	 z-index:1;
}

#navWrap {
   height: 3%;
}
#nav {
	background:#FFF;
	background-image:url(material/stripe_darkgrey.gif);
	padding:2%;
	border-bottom:solid 1px #ccc;
	
}
#nav ul {
   margin: 0;
   padding: 0;    
  
}

/*abstände in liste*/
#nav li {
	
	  background-color:transparent; 

	float: left;

  	padding-left:8%;
  	padding-top:2%;
	padding-bottom:2%;
   	width:80%;
    margin: 0px 0px 0px 0px;
   	list-style-type: none;
}

#nav li a {

	/*font-family:"Lucida Fax", Times New Roman, Times, serif;*/
  /* 	background-color:#F09;  */

padding:0%;
   font-family: Helvetica, sans-serif;
   color: #000;  
   text-decoration: none; 
   font-weight:800;
   text-transform:lowercase;  
	  	
}
#nav li a:hover {
   text-decoration: none;   
}

/*topper desktop*/ 

#nav li.topper{
	
	height:0px;
 	width:0px;
	margin-left:100%;
   	background-color:transparent;
    color:#000;
}

	.nav_column {
		
		margin-top:0%;
		width: 16%; 
		float: left;
		
		
}
	.styleish{
		color:#F00;
	}
	
	div.info{
		
		padding:5%;
		background-color:#FFF;
		opacity:0.9;
}

#email{
	border:1px #CCC dotted;
}

}

br.clearLeft {
	
   clear:left;        
}​