@charset "utf-8";
/* CSS Document */
body{ padding:0 0 0 0; margin:0; color:#4a4a4a; font-size:14px; font-weight:normal; line-height:17px; background:#fff; width:100%; }
*{padding:0; margin:0;}
img{border:0; padding:0; margin:0;}

form,input, select, textarea{outline:0;}
p strong{ font-weight:normal; font-size:15px;}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
}

ul,li,a{ 
	list-style:none; 
	text-decoration:none;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

.clear{ clear:both;}
.left{ float:left !important;}
.right{ float:right !important;}

#wrapper{padding:0; margin:0;}	
.content{ width:1000px; margin:0 auto;}	

/*======================== Header ===================*/
#header{ width:100%; }
#header .logo{ margin:10px auto; text-align:center; }
#header .bottomBlock{ background:#ff4500; padding:15px 0; text-align:center;}
#header .bottomBlock h2{ color:#fff; font-size:24px; font-family:Arial, Helvetica, sans-serif;}

/*=========================Body===================*/
#bodyBlock{width:100%; }
#bodyBlock .block{ margin:20px 0;}
#bodyBlock .block .ltBlock{ float:left; width:46%;}
#bodyBlock .block .ltBlock .image{ margin:20px 0; width:100%;}
#bodyBlock .block .ltBlock .text{ margin:10px 0; text-align:center;}
#bodyBlock .block .ltBlock .text h2{ color:#1a262e; font-size:20px; text-transform:uppercase; font-family: Georgia, "Times New Roman", Times, serif; padding:0 0 10px 0;}
#bodyBlock .block .ltBlock .text h3{ color:#1a262e; font-size:16px; line-height:18px;font-family:Arial, Helvetica, sans-serif; padding:0 0 20px 0; }
#bodyBlock .block .ltBlock .text h4 a{ background:#00c70e; border-radius:4px; padding:10px; color:#fff; font-size:14px;font-family:Arial, Helvetica, sans-serif; text-decoration:none;}
#bodyBlock .block .ltBlock .text h4 a:hover{ color:#faf448;} 

#bodyBlock .block .ltBlock.rtBlock{ float:right; width:46%;}

/*=========================Footer====================*/
#footer{ background:#525252; padding:30px 0; }
#footer h4 a{ text-align:left; font-family: Arial, Helvetica, sans-serif; color:#fff; font-size:18px;line-height:20px; float:left; width:50%; }
#footer h4 a:hover{ color:#f7f7f7;}
#footer h3 a{ text-align:right; font-family: Arial, Helvetica, sans-serif; color:#fff; font-size:18px;line-height:20px; float:right; width:50%; }
#footer h3 a:hover{ color:#f7f7f7;}

/*--------------NACHWALTER----------------------*/
.erb-image-wrapper{
    max-width:100%;
    height:auto;
    position: relative;
    display:block;
    margin:0 auto;
}
.erb-image-wrapper img{
    width:100%;
    min-height:1218px;
    display:block;
}




/************************************************************************************
MOBILE
*************************************************************************************/
@media only screen and (orientation:landscape) {
body { -webkit-text-size-adjust:none; }
}
@media only screen and (orientation:portrait) {
body { -webkit-text-size-adjust:none; }
}
@media screen and (max-width: 1025px) {
	.content{ width:92%; }
	#bodyBlock .block .ltBlock{ float:left; width:46%;}
	#bodyBlock .block .ltBlock.rtBlock{ float:right; width:46%;}
	#bodyBlock .block .ltBlock .image img{ width:100%;}
	#bodyBlock .block .ltBlock .text{ margin:10px 0; text-align:center;}
	#bodyBlock .block .ltBlock .text h2{ color:#1a262e; font-size:16px; text-transform:uppercase; font-family: Georgia, "Times New Roman", Times, serif; padding:0 0 10px 0;}
	#bodyBlock .block .ltBlock .text h3{ color:#1a262e; font-size:13px; line-height:16px;font-family:Arial, Helvetica, sans-serif; padding:0 0 20px 0; }
	
	/*--------------NACHWALTER----------------------*/
	.erb-image-wrapper{
		max-width:1024px;
		height:auto;
		position: relative;
		display:block;
		margin:0 auto;
	}
	.erb-image-wrapper img{
		width:1024px;
		min-height:1218px;
		display:block;
	}
	
	
	}
@media screen and (max-width: 500px) {
	#bodyBlock .block .ltBlock{ float:inherit; width:100%; margin-bottom:30px;}
	#bodyBlock .block .ltBlock .image img{ width:100%;}
	#bodyBlock .block .ltBlock .text{ margin:10px 0; text-align:center;}
	#bodyBlock .block .ltBlock .text h2{ color:#1a262e; font-size:18px; text-transform:uppercase; font-family: Georgia, "Times New Roman", Times, serif; padding:0 0 10px 0;}
	#bodyBlock .block .ltBlock .text h3{ color:#1a262e; font-size:14px; line-height:16px;font-family:Arial, Helvetica, sans-serif; padding:0 0 20px 0; }
	
	#bodyBlock .block .ltBlock.rtBlock{float:inherit; width:100%;}
	#footer{ background:#2c353d; padding:20px 0; text-align:center; margin:40px 0 0 0;}
	#footer p{ color:#fff; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
	
	/*--------------NACHWALTER----------------------*/
	.erb-image-wrapper{
		max-width:500px;
		height:auto;
		position: relative;
		display:block;
		margin:0 auto;
	}
	.erb-image-wrapper img{
		width:1000px;
		 min-height:1218px;
		display:block;
	}
}