body,div,h1,h2,h3,h4,h5,h6,p,{margin:0;padding:0}
img		{border:0}

html	{overflow-y:scroll}
html	{overflow:auto}
body	{min-width:320px}
body	{background:#C4C783;font:62.5%/1.4 Arial,Helvetica,Verdana,sans-serif}
.case33 .txt{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 1.1em;
	line-height: 1.3;
	font-weight: normal;
}


blockquote,ul,ol,dl{margin:1em}

h1		{font-size:1.8em}
h2		{font-size:1.6em}
h3		{
	font-size: 0.9em
}
h1,h2,h3{margin:1em 0}
h1,h2,h3,h4,strong, b{font-weight:bold}
h4,h5,h6{font-size:1.2em}
h4 {margin:4px 0 8px;letter-spacing:2px;text-transform:uppercase;font:400 1.077em/16px "proxima-nova",Arial,Helvetica,sans-serif}
h5 {margin:4px 0 8px;letter-spacing:1px;font:200 1.3em/16px "proxima-nova",Arial,Helvetica,sans-serif}


.logo	{display:inline-block;line-height:1;vertical-align:middle}

body.html-editor{background:#FFF;color:#000}

a {color:#333}
a, a:hover, a:visited{	text-decoration: none;}



#content{
	position: relative;
	max-width: 1200px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#content{
	padding: 6% 10% 25px 10%
}

.cases	{overflow:hidden}

.case	{
		position:relative;
		overflow:hidden;
		width:100%;
		max-height:200px;
		background:#fff;
		float:left;
		margin:0 -1px -1px;
		border:1px solid #f9f9f9
}


.logo1, .logo2, .logo3, .logo4{
		position:relative;
		overflow:hidden;
		width:100%;
		max-height:100px;
		float:left;
		margin:0 -1px -1px;
}


.case66{
		position: relative;
		overflow: hidden;
		width: 100%;
		height:auto;
		background: #6ff;
		float: left;
		margin: 0 -1px -1px;
		border: 1px solid #f9f9f9
}
.case33	{
	position: relative;
	overflow: visible;
	width: 100%;
	height:auto;
	background: #6ff;
	float: left;
	margin: 0 -1px -1px;
	border: 1px solid #f9f9f9
}



.case>img{
		display: block;
		position: relative;
		margin: 0;
		width: 100%;
}



.case>img.squarer	{
		display:block;
		position:relative;
		z-index:-1;
		margin:0
}

.case .link {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;
	cursor: pointer;
	overflow: hidden;
	text-indent: -9999px;
	z-index: 10;
	background: url(../../images/none.png);
}

.case .txt{
		position:absolute;
		top:0;
		left:0;
		text-align:center;
		width:80%;
		padding:2% 10% 0;
		height:98%;
		color:#fff;
		letter-spacing:1px;
		-moz-transition-duration:.1s;
		-webkit-transition-duration:.1s;
		-o-transition-duration:.1s;
		transition-duration:.1s;
		-moz-transition-timing-function:ease-in-out;
		-webkit-transition-timing-function:ease-in-out;
		-o-transition-timing-function:ease-in-out;
		transition-timing-function:ease-in-out;
		-moz-transition-property:background;
		-webkit-transition-property:background;
		-o-transition-property:background;
		transition-property:background
}
.case33 .txt{
	position: absolute;
	top: 0;
	left: 0;
	text-align: left;
	width: 90%;
	padding: 2% 3% 0;
	height: 98%;
	color: #333;
	letter-spacing: 1px;
	-moz-transition-duration: .1s;
	-webkit-transition-duration: .1s;
	-o-transition-duration: .1s;
	transition-duration: .1s;
	-moz-transition-timing-function: ease-in-out;
	-webkit-transition-timing-function: ease-in-out;
	-o-transition-timing-function: ease-in-out;
	transition-timing-function: ease-in-out;
	-moz-transition-property: background;
	-webkit-transition-property: background;
	-o-transition-property: background;
	transition-property: background
}		

.case66 .txt{
	position: absolute;
	top: 0;
	left: 0;
	text-align: left;
	width: 90%;
	padding: 0% 0% 0;
	height: 98%;
	color: #333;
	letter-spacing: 1px;
	-moz-transition-duration: .1s;
	-webkit-transition-duration: .1s;
	-o-transition-duration: .1s;
	transition-duration: .1s;
	-moz-transition-timing-function: ease-in-out;
	-webkit-transition-timing-function: ease-in-out;
	-o-transition-timing-function: ease-in-out;
	transition-timing-function: ease-in-out;
	-moz-transition-property: background;
	-webkit-transition-property: background;
	-o-transition-property: background;
	transition-property: background
}

.case .txt .holder, .case66 .txt .holder{
		display:table;
		height:100%;
		width:100%
}

.case .txt .mvonhover{
		position:relative;
		-moz-transition-duration:.1s;
		-webkit-transition-duration:.1s;
		-o-transition-duration:.1s;
		transition-duration:.1s;
		-moz-transition-timing-function:ease-in-out;
		-webkit-transition-timing-function:ease-in-out;
		-o-transition-timing-function:ease-in-out;
		transition-timing-function:ease-in-out;
		-moz-transition-property:all;-webkit-transition-property:all;
		-o-transition-property:all;transition-property:all

}

.case .txt .frame {display:table-cell;vertical-align:middle}
.case66 .txt .frame{display:table-cell;vertical-align:top}

.case h2{
	margin: 0 0 6px;
	letter-spacing: 10px;
	text-transform: uppercase;
	font-family: "proxima-nova", Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	line-height: 1.245em;
	font-weight: 800;
}

.case66 h2{
	margin: 0 0 6px;
	letter-spacing: px;
	text-transform: uppercase;
	font-family: "proxima-nova", Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 0.845em;
	font-weight: 400;
}
.case h3{
	margin: -8px 0 12px;
	letter-spacing: 6px;
	text-transform: uppercase;
	font-family: "proxima-nova", Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	line-height: 16px;
	font-weight: 400;
}
.case .title{letter-spacing:5px;margin:0;display:block;font:800 1.385em/1.1em "proxima-nova",Arial,Helvetica,sans-serif;text-transform:uppercase}


.case p{margin:0 0 18px}



/* bestimm Farbe bei mouse over schrift + bg */
.case:hover .txt, .logo1:hover .txt, , .case66:hover .txt{color: #232323;background-color: #6FF;}
.case:hover a, .logo1:hover a, .case66:hover a,{color:#232323;text-decoration:none}
.case:hover .mvonhover,.case1:hover .mvonhover {top:-6px}
.case.level-eq-1:hover,.case.level-eq-2:hover,.case.level-eq-3:hover,.case.level-eq-4:hover{opacity:1}




.case .back-btn{
	background:url("../images/back-btn.png") no-repeat 0 0;padding:45px 0 0 0;display:inline-block;position:relative;width:45px;z-index:20

}

.case .back-btn, .case .top-btn {
	letter-spacing: 4px;
	font-size: 12px;
	line-height: 14px;
	text-transform: uppercase;
	color: #000;
	text-decoration: none;
}
.case .top-btn{
	background:url("../images/top-btn.png") no-repeat 0 0;padding:45px 0 0 0;display:inline-block;position:relative;width:45px;z-index:20
}







.footer{
	position: relative;
	overflow: hidden;
	width: 100%;
	max-height: 100px;
	float: left;
	margin: 0 -1px -1px;

}

.footer .txt .holder{
	height: 100%;
	width: 100%;
	border-top: 1px solid #f9f9f9;
	margin: 25px 0 0 0;
}


.footer .txt .frame{
	display: table-cell;
	vertical-align: middle;

}

.footer h2{
	letter-spacing: 0.3em;
	font-family: "proxima-nova", Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	line-height: 1.4em;
	font-weight: 100;
	font-variant: normal;
	text-transform: lowercase;
	color: #333;
	margin: 10px 0 1px 1px;
}


.js .case{visibility:hidden}



.ie7 .case,.ie8 .case,.ie9 .case,.ie10 .case{width:33%}
.ie7 .case .txt .holder{position:absolute;top:50%;left:0;height:auto;display:inline-block}
.ie7 .case .txt .frame{position:relative;top:-50%;width:80%;display:inline-block}
.ie.js .case{visibility:visible}