/*Global*/

body {
	font-family: Helvetica, Arial, Verdana;
	font-size: 12pt;
	font-weight: normal;
	color: #333;
}

/*Einzelne Bereiche*/

#header {
	margin: 0px auto;
	margin-top: 0;
	width: 100%;
	position: relative;
}

.logo {
	margin: 0 auto;
	margin-top: 50px;
	text-align: center;
	display: block;
	width: 600px;
	height: 185px;
	z-index: 2;
}

#kontakt {
	margin: 0px auto;
	width: 800px;
	margin-top: 30px;
	text-align: center;
}

#impressum {
	margin: 0px auto;
	width: 800px;
	margin-top: 30px;
	text-align: center;
	font-size: 10pt;
}

/*Fotos*/

#foto {
	width: 180px;
	margin-bottom: 20px;
}

/* Spalten */

.et-cols {
    overflow:hidden;
    width:800px;
/*    display:inline-block;*/
    margin:0px auto;
    margin-top: 30px;
    text-align: center;
}

.et-cols2 {
	float:left;
	width: 48%;
	padding:0 1%;
}
.et-cols3 {
	float:left;
	width: 31.33%;
	padding:0 1%;
}
.et-cols4 {
	float:left;
	width: 23%;
	padding:0 1%;
}
.et-cols5 {
	float:left;
	width: 18%;
	padding:0 1%;
}
.et-cols6 {
	float:left;
	width: 14.66%;
	padding:0 1%;
}

.circle, .circle-2 {
	display: none;
}

@media screen and (min-width:981px){
	
	.circle, .circle-2 {
		display: block;
		border-radius: 50%;
		border: 4px solid rgba(7,56,19,0.7);
		width: 150px;
		height: 150px;
		line-height: 80px;
		background-color: rgba(7,56,19,1);
		position: absolute;
		z-index: 1;
		font-family: Lora;
		text-align: center;
		font-size: 18px;
		color: rgba(7,56,19,0.7);
		text-decoration: none;
		/* width and height can be anything, as long as they're equal */
	}
	
	.circle-2 {
		background: rgba(7,56,19,1) url('../img/prinz-scheune.jpg') no-repeat left top;
		top: 0;
		right: 40px;
	}
	
	.circle {
		background: rgba(7,56,19,1) url('../img/jever-mobil.jpg') no-repeat left top;
		top: 180px;
		right: 40px;
	}
	
	.circle:hover, .circle-2:hover {
		border: 4px solid rgba(189,178,137,1);
	}

}

.jm-smartphone a {
	background-color: rgba(7,56,19,1);
	color: rgba(189,178,137,1);
	font-family: Arial;
	font-size: 56px;
	line-height: 120px;
	display: block;
	margin: 0 auto;
	padding: 0;
	top: 0;
	left: 0;
	text-align: center;
	height: 120px;
	text-decoration: none;
}

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


	.jm-smartphone {
		display: none;
	}

}