@font-face {
    font-family: 'MontserratBold';
    src: url('../../hofjoehr/fonts/MontserratBold.eot');
    src: url('../../hofjoehr/fonts/MontserratBold.eot') format('embedded-opentype'),
         url('../../hofjoehr/fonts/MontserratBold.woff2') format('woff2'),
         url('../../hofjoehr/fonts/MontserratBold.woff') format('woff'),
         url('../../hofjoehr/fonts/MontserratBold.ttf') format('truetype'),
         url('../../hofjoehr/fonts/MontserratBold.svg#MontserratBold') format('svg');
}

@font-face {
    font-family: 'MontserratRegular';
    src: url('../../hofjoehr/fonts/MontserratRegular.eot');
    src: url('../../hofjoehr/fonts/MontserratRegular.eot') format('embedded-opentype'),
         url('../../hofjoehr/fonts/MontserratRegular.woff2') format('woff2'),
         url('../../hofjoehr/fonts/MontserratRegular.woff') format('woff'),
         url('../../hofjoehr/fonts/MontserratRegular.ttf') format('truetype'),
         url('../../hofjoehr/fonts/MontserratRegular.svg#MontserratRegular') format('svg');
}

@font-face {
    font-family: 'MontserratLight';
    src: url('../../hofjoehr/fonts/MontserratLight.eot');
    src: url('../../hofjoehr/fonts/MontserratLight.eot') format('embedded-opentype'),
         url('../../hofjoehr/fonts/MontserratLight.woff2') format('woff2'),
         url('../../hofjoehr/fonts/MontserratLight.woff') format('woff'),
         url('../../hofjoehr/fonts/MontserratLight.ttf') format('truetype'),
         url('../../hofjoehr/fonts/MontserratLight.svg#MontserratLight') format('svg');
}



body{
	background:#ffffff;
	padding:0;
	margin:0;
	font-family: Arial,sans-serif;
	}

	.top,
	.pageImage,
	.mainNav,
	.content,
	.footer{
		position:relative;
	}

		 .top .insideContainer,
		 .mainNav .insideContainer,
		 .content .insideContainer,
		 .footer .insideContainer{
			width:1000px;
			margin:0 auto;
			position:relative;
			padding:0 20px;
		}
	
 .top{
	height:215px;
}	

	 .top .logo{
		position:absolute;
		top:29px;
		left:408px;
		z-index:9;
	}
	
	 .top .social{
			position:absolute;
			top:30px;
			right:20px;
	}
	
		 .top .social a{
			display:inline-block;
			margin-left:5px;	
			text-indent:-3000px;
			height:28px;
			width:28px;
		}

			 .top .social a.mail{
				background: url(../../hofjoehr/img/iconMail.png) no-repeat;
			}
			
			 .top .social a.mail:hover{
				background: url(../../hofjoehr/img/iconMailhover.png) no-repeat;
			}
			
			 .top .social a.facebook{
				background: url(../../hofjoehr/img/iconFB.png) no-repeat;
			}
			
			 .top .social a.facebook:hover{
				background: url(../../hofjoehr/img/iconFBhover.png) no-repeat;
			}
			
 .pageImage{
	margin-bottom:5px;
	max-height:350px;
	overflow:hidden;
}	

 .mainNav{
	height:60px;
	background: #95c11e url(../../hofjoehr/img/bgNav.png) repeat-x bottom;
}

	 .mainNav .mod_navigation ul{
		list-style-type:none;
		padding:0;
		margin:0;
	}	

		 .mainNav .mod_navigation ul.level_1 li{
			background: url(../../hofjoehr/img/navBorder.png) no-repeat right top;
			float:left;
		}
		
			 .mainNav .mod_navigation ul.level_1 li.last{
				background: none;
			}

			 .mainNav .mod_navigation ul.level_1 li a{
				font-size: 20px;
				color: #ffffff;
				font-family: arial, sans-serif;
				padding: 22px 13px 18px 11px;
				text-decoration: none;
				text-transform: lowercase;
				display: block;
			}
			
			 .mainNav .mod_navigation ul.level_1 li a.first{
				padding-left:0px;
			}
			
			 .mainNav .mod_navigation ul.level_1 li a:hover,
			 .mainNav .mod_navigation ul.level_1 li a.active,
			 .mainNav .mod_navigation ul.level_1 li a.trail{
				font-weight:bold;
			}

			
a {
    color: #a2c037;
    text-decoration: none;
}

a:focus,
button:focus{
    outline: 0;
}

h2, h3, h4, h5, h6 {
    margin-top: 2em;
}

h1{
	font-family:MontserratLight,Arial,sans-serif;
	font-size:50px;
	margin-bottom:40px;
	margin-top:10px;
	color:#575757;
	text-transform:lowercase;
}

	h1 strong{
		font-family:MontserratBold,Arial,sans-serif;
		color: #a2c037;
	}
			
 .content{
	min-height:500px;
	padding:60px 0 30px 0;
	color:#4e3e3b;
	font-size:16px;
	line-height:25px;
 }
 
	.content .left{
		float:left;
		width:640px;
		margin-right:60px;
	}

	 .content .right{
		float:left;
		width:300px;
	}
	
 
	 .content p{
		 
	 }
	 
	 .content ul{
		 padding-left:17px;
		 list-style-type:disc;
	 }
	 
	  .content ol{
		 padding-left:22px;
		 list-style-type:decimal;
	 }
	 
	 .content .ce_downloads ul,
	 .content .ce_download ul,
	 .content .ce_gallery ul{
		list-style-type:none;
		padding:0;
	 }
	 
	 .content .ce_gallery img{
		margin: 0 10px 0 0;
	 }
	 
	 .content .ce_text .image_container.float_left{
			margin-right:25px;
	 }
	 
	 .content .ce_text .image_container.float_right{
			margin-left:25px;
	 }
		
	.content .ce_table table{
		width:100%;
		table-layout:fixed;
	}

		.content .ce_table table tr.odd{
			background:#dddddd;
		}

			.content .ce_table table tr td,
			.content .ce_table table tr th{
				text-align:left;
				padding: 5px;
			}


	.ce_form{
			width:100%
	}	
	
		.ce_form input,
		.ce_form textarea{
			width:50%;
			margin-bottom:10px;
			padding-left:5px;
		}
		
		.ce_form input{
			height:30px;
		}
		
		.ce_form textarea{
			padding-top:5px;
		}
		
		.ce_form .widget-captcha label,
		.ce_form .captcha_text{
			display:block;
		}
		
		.ce_form input.captcha{
			margin-bottom:0px;
		}
		
		.ce_form .captcha_text{
			margin-bottom:25px;
		}

.content .left .stoerer	{
	background: url(../../hofjoehr/img/stoerer.png) no-repeat;
	-ms-transform: rotate(350deg); /* IE 9 */
	-webkit-transform: rotate(350deg); /* Chrome, Safari, Opera */
	transform: rotate(350deg);
	height: 195px;
    width: 200px;
    color: #ffffff;
    text-align: center;
    padding-top: 43px;
    font-size: 15px;
	margin-top:30px;
}	

.content .left .stoerer strong{
	font-size:20px;	
}

 .footer{
	height:230px;
	background:#575757;
}

	 .footer .footerInfos{
		text-align:center;
		padding-top:25px
	}
	
		 .footer .footerInfos p,
		 .footer .footerInfos a{
			color:#ffffff;
			font-family: arial, sans-serif;
			font-size:16px;
		}
	
/*GOOGLEMAPS*/
.mod_dlh_googlemaps,
.dlh_googlemap  {
	width: 100% !important; 
	max-width: 100% !important;
	min-height:350px;
	max-height:395px;
}	

.traube{
	position:absolute;
	right:50px;
	z-index:9;
}

	.traube img{
		height:390px;
	}	
	
.phone .traube{
	display:none!important;
}	
	
/*CLEAR*/
.clear {
    clear: both;
    line-height: 0.01em;
    font-size: 0.01em;
}