body {
	font-family: Arial, Verdana;
	font-size: 12pt;
	line-height: 20pt;
	margin: 0;
}

h1, h2 {
	font-size: 16pt;
	font-weight: bold;
	padding: 10pt;
	color: #fff;
	margin: 0;
}

.col ul {
	//padding-left: 25pt;
}

.col li {
	list-style: square outside;
	margin-left: 5pt;

}	


.slideshow {
	background-color: #aaaaaa !important;
	margin-top: 2%;
	height: 55%;
	padding: 0 14% 0 14%;
	border: none;
	border-bottom: 2px solid #666;
	border-top: 2px solid #666;
}

.slideshow div {

	height: 100%;
	background-size: cover;
}

.middle {
	float: left;
	margin: 0 10%;
	height: auto;
    
}

.col {
	float: left;
	width: 23%;
	margin: 2% 5%;
	background-color: rgba(122,122,122, 0.1);
	color: #aaa;
}
.col a { 
	color: aaa;
} 

.col.active, .col.active a {
	color: #000;
}

.col h1, .col h2 {
	cursor: pointer;
	background-color: rgba(122,122,122, 0.5);
}

.ich.active  {
	background-color: rgba(0,73,219, 0.05);
} 

.ich.active h1{
	background-color: rgba(0,73,219, 0.8);
}
.imgich {
	background: url(../img/EHP_7185-web.png) no-repeat;
}

.garten.active  {
	background-color: rgba(21,143,0, 0.05);
} 

.garten.active h2{
	background-color: rgb(21,143,0);
}
.imggarten{
	background-image: url(../img/tulpe_1280.jpg);
	background-position: right center;
}

.dance.active  {
	background-color: rgba(219,22,8, 0.05);
} 

.dance.active  h2{
	background-color: rgb(219,22,8);
}

.imgdance {
	background-image: url(../img/FirstGeneration2013_02_1280.jpg);
	background-position: center;
}

.col p {
	margin: 0 5%;
	padding: 3% 0;
}	

.col p span {	
	font-style: italic;
    font-variant: small-caps;
}
.footer {
	background-color: #666;
	color: #fff;
	font-size: 10pt;
	width: 100%;
	float: left;
	text-align: right;
	
}
.footer p{
	padding: 0.5% 15% 0.5% 14%;
	wordd-spacing: 10pt;
}
.footer a{
	color: #fff;
	text-decoration: none;
}
.footer a:hover{
	text-decoration: underline;
}
/* override slider styles */
.flexslider {
	border-radius: 0;
	
}

.flex-control-nav {
	margin-left: -14%;
}

.flex-direction-nav a.flex-next:before {
  content: '>'; 
}

.flex-direction-nav .flex-prev {
  left: 15%;
}
.flex-direction-nav .flex-next {
  right: 15%;
}
.flexslider:hover .flex-direction-nav .flex-next {
  opacity: 0.7;
  right: 15%;
}

.flex-direction-nav a {	
	height: 30px;
	margin: 0;
}