@import url(site.css);
.is-loading{
	visibility:hidden;
}
.gutterH1{
	padding:0em 1em 0em 1em; 
}
.gutterR1{
	padding-right:1em; 
}
.gutterL1{
	padding-left:1em; 
}
.gutterT1{
	padding-top:1em; 
}
.gutterB1{
	padding-bottom:1em; 
}

.gutterH2{
	padding:0em 2em 0em 2em; 
}
.gutterR2{
	padding-right:2em; 
}
.gutterL2{
	padding-left:2em; 
}
.gutterT2{
	padding-top:2em; 
}
.gutterB2{
	padding-bottom:2em; 
}

.gutterH3{
	padding:0em 3em 0em 3em; 
}
.gutterR3{
	padding-right:3em; 
}
.gutterL3{
	padding-left:3em; 
}
.gutterT3{
	padding-top:3em; 
}
.gutterB3{
	padding-bottom:3em; 
}

.gutterH4{
	padding:0em 4em 0em 4em; 
}
.gutterR4{
	padding-right:4em; 
}
.gutterL4{
	padding-left:4em; 
}
.gutterT4{
	padding-top:4em; 
}
.gutterB4{
	padding-bottom:4em; 
}
	@media screen and (max-width: 800px) {
		.gutterH1{
			padding:0em 0.5em 0em 0.5em; 
		}
		.gutterR1{
			padding-right:0.5em; 
		}
		.gutterL1{
			padding-left:0.5em; 
		}
		.gutterT1{
			padding-top:0.5em; 
		}
		.gutterB1{
			padding-bottom:0.5em; 
		}

		.gutterH2{
			padding:0em 1em 0em 1em; 
		}
		.gutterR2{
			padding-right:1em; 
		}
		.gutterL2{
			padding-left:1em; 
		}
		.gutterT2{
			padding-top:1em; 
		}
		.gutterB2{
			padding-bottom:1em; 
		}

		.gutterH3{
			padding:0em 1.5em 0em 1.5em; 
		}
		.gutterR3{
			padding-right:1.5em; 
		}
		.gutterL3{
			padding-left:1.5em; 
		}
		.gutterT3{
			padding-top:1.5em; 
		}
		.gutterB3{
			padding-bottom:1.5em; 
		}

		.gutterH4{
			padding:0em 2em 0em 2em; 
		}
		.gutterR4{
			padding-right:2em; 
		}
		.gutterL4{
			padding-left:2em; 
		}
		.gutterT4{
			padding-top:2em; 
		}
		.gutterB4{
			padding-bottom:2em; 
		}

	}
	
	
.vCenter {
	top:0%;
	position: relative;
	-webkit-transform: translateY(60%);
	-ms-transform: translateY(60%);
	transform: translateY(60%);
}

.onecol{
	-webkit-column-count: 1;
	-moz-column-count: 1;
	column-count: 1;
}
.twocol{
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
}
.threecol{
	-webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3;
	margin-bottom:3%;
}

/*manuelle Spalten*/
.col1-3{
	float:left;
	width:33%;
	border-right:1px #cccccc solid;
	padding: 0 3% 0 0;
	margin-bottom:3%;
}
.col2-3{
	float:left;
	width:33%;
	border-left:1px #cccccc solid;
	border-right:1px #cccccc solid;
	margin-left:-1px;
	margin-right:-1px;
	padding: 0 2% 2em 2%;
	margin-bottom:3%;
}
.col3-3{
	float:left;
	width:33%;
	padding: 0 0 0 2%;
	margin-bottom:3%;
	border-left:1px #cccccc solid;
}
.col1-2{
	float:left;
	width:49%;
	border-right:1px #cccccc solid;
	padding: 0 3% 0 0;
	margin-bottom:3%;
}
.col2-2{
	float:left;
	width:49%;
	border-left:1px #cccccc solid;
	border-right:0px #cccccc solid;
	margin-left:-1px;
	margin-right:-1px;
	padding: 0 2% 2em 2%;
	margin-bottom:3%;
}
.col1-3 img, .col2-3 img, .col3-3 img, .col1-2 img, .col2-2 img{
	width:100% !important;
}

.img25 img{
	width:25% !important;
	height:auto !important;
}
.img33 img{
	width:33% !important;
	height:auto !important;
}
.img50 img{
	width:50% !important;
	height:auto !important;
}
.img75 img{
	width:75% !important;
	height:auto !important;
}
p{
        margin: 1em 0em 0em 0em;
        padding: 0em 0em 0em 0em;
}
#navPanel{
	display:none;
}
.hide {
	display:none;
}