/*
Theme Name:   velohome
Description:  twentytwelve child thema based on fuelbox
Author:       Markus Zeeh
Author URI:   http://zeeh.no
Template:     twentytwelve

*/

@import url("../twentytwelve/style.css");

.clearing{
	float: none;
	clear: both;
}

.FloatLeft,
.FloatRight{
	width: 45%;
}
	
	.FloatRight{
		float: right;
	}
	
	
	.FloatLeft {
	}
	
	.FloatLeft h2,
	.FloatRight h2{
		clear: inherit;
		margin-top: 0;
	}
	
.Image{
	width: 150px;
	float: left;
}


p.Caption{
	font-size: 10px;
	font-style: italic;
}

h1.produkttest{
	font-size: 30px;
	margin: 40px 0 20px;
	color: #9d9d9d
}

	ul#Produzentliste{
		width: 100%;
	}
	
	ul#Produzentliste li{
		float: left;
		width: 24%;
		margin-right: 1%;
		margin-bottom: 1%;
		text-align: center;
		background: #c8c8c8;
		list-style: none;
	}
	
	/*
	ul#Produzentliste a:nth-child(6n+0) li{
		background: #161616;
	}
	
	ul#Produzentliste a:nth-child(6n+1) li{
		background: #3a3939;
	}
	
	ul#Produzentliste a:nth-child(6n+2) li{
		background: #535252;
	}
	
	ul#Produzentliste a:nth-child(6n+3) li{
		background: #6e6e6e;
	}
	
	ul#Produzentliste a:nth-child(6n+4) li{
		background: #494747;
	}
	
	
	ul#Produzentliste a:nth-child(6n+5) li{
		background: #000000;
	}
	*/

	ul#Produzentliste:hover li{
		opacity: 0.4;
		filter: alpha(opacity = 40);
	}

	ul#Produzentliste:hover li:hover{
		opacity: 1;
		filter: alpha(opacity = 100);
		box-shadow: 0px 0px 4px black
	}

	ul#Produzentliste li img.hover,
	ul#Produzentliste li:hover img.default{
		display: none;
	}

	ul#Produzentliste li:hover img.hover{
		display: inline;
	}

	ul#Produzentliste li img{
		max-width: 80%;
		width: auto;
		max-height: 80%;
		height: auto;
		margin: 0 auto;
		height: auto;
		position: relative;
		top: 50%;
		margin-top: -35%;
		/*-webkit-filter: invert(100%); filter: invert(100%); */
	}

	ul#Produzentliste a {
		color: #fff;
		font-size: 20px;
	}
	
	ul#Produzentliste span{
		position: relative;
		top: 45%;
	}


img.LogoProduzent{
	float: right;
	width: 20%;
	height: auto;
	margin-bottom: 20px;
}

h2.NameProduzent{
	float: right;
}

.entry-header{
	margin: 40px 0 15px;
}

img.ProduktBild{
	float: left;
	margin: 0 30px 15px 0;
}