.main-img
{
	/*width:50%;
	float:left;*/
	display:block;
	margin:0 auto;
	width:100%;
	max-width:500px;
}

.main-img img
{
	width:100%;
	height:auto;
}

.section-class
{
	width:100%;
	max-width:815px;
	margin: 0 auto;
	padding:30px 0;
	box-sizing:border-box;
}


#copyright
{
font-family:Arial, Helvetica, sans-serif;
font-size: 92%;
color:#FFFFFF;
float:left;
position:absolute;
left:2%;
margin-top:-25px;
margin-top:-0.8625rem;
}

.background_img
{
	margin:0 auto;
	width:100%;
	height:auto;
	cursor:pointer;
}

.div-section
{
width:100%;
max-width:510px;
height:auto;
background-color: #FFFFFF;
margin: 0 auto;
border: 1px solid #E4E4E4;
border-radius: 5px 5px 5px 5px;
box-shadow: 2px 1px 5px #888888;
box-sizing:border-box;
padding:16px;
}

section ul li img
{
	width:100%;
	border:0;
}

header h2 a
{
	text-decoration:none;
	color:#fff;
}

.background_img img
{
	width:100%;
}

*
{
	box-sizing:border-box;
}
body
{
	background-color:#333;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
img
{
border:0;
}
header
{
	display:block;
	width:100%;
	padding-top:10px;
	padding-bottom:10px;
}

header h1
{
	font-family: "Myriad Pro", "Helvetica Std", Helvetica, Arial;
	font-size: 40px;
	font-weight: normal;
	text-align:center;
	margin:0;
}
header h1 a
{
	color:#fff;
	text-decoration:none;
}

header h2
{
	font-family: "Myriad Pro", "Helvetica Std", Helvetica, Arial;
	font-size:20px;
	font-weight:normal;
	color:#fff;
	text-align:center;
	margin:5px 0 10px 0;
}
nav
{
	display:block;
	margin-top:10px;
	margin-bottom:10px;
	width:100%;
	max-width:768px;
	margin:0 auto;
}
nav ul
{
	margin:20px 10px;
	padding:0;
}

nav ul li
{
	display:inline-block;
	margin:0 8px 0 0;
}

nav ul li a
{
	text-decoration:none;
}

nav ul li a img
{
	border:0;
}

.div-menu
{
width:100%;
padding:10px 0 10px 16px;
box-sizing:border-box;
background-color:#000;
display:none;
color:#ccc;
font-size:16px;
cursor:pointer;
}

.container
{
	width:100%;
	background-color: #f2f2f2;
	padding:24px 0;	
}

section
{
	width:100%;
	max-width:815px;
	background-color: #FFFFFF;
	margin: 0 auto;
	border: 1px solid #E4E4E4;
	border-radius: 5px 5px 5px 5px;
	box-shadow: 2px 1px 5px #888888;
	padding-bottom: 30px;
	box-sizing:border-box;
}



section ul
{
	margin:0;
	padding:0;
}

section ul li
{
	width:100%;
	max-width:254px;
	height:290px;
	float:left;
	margin:12px 0 0 12px;
	list-style:none;
	display:inline-block;
	padding:12px;
	border:1px solid #e4e4e4;
	border-radius:3px;
	box-sizing:border-box;
}

section ul li img
{
	width:100%;
	border:0;
	height:auto;
}

section ul li p
{
	margin:0;
	padding-top:18px;
	padding-bottom:14px;
}

section ul li p a
{
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#333;
font-size:11px;
font-weight:bold;
}


.background_img h1
{
color:#fff;
text-align:center;
text-transform:uppercase;
font-size:14px;
margin:0;
padding-top:5px;
}

.test
{
	clear:both;
}

footer
{
	padding:20px 0;
	text-align:center;
	color:#fff;
}
footer ul
{
	margin:0;
	padding:0;
}
#test
{
box-sizing:border-box
}
footer ul li
{
	list-style:none;
	display:inline;
	padding:0 14px;
}
.div-left-border
{
border-left:1px solid #fff;
}
footer ul li a
{
	text-decoration:none;
	color:#fff;
}

.kontakt
{
	right: 0;
	bottom: 0;
	position: fixed;
	margin-bottom:-5px;
}

#main-div
{
	margin:0;
	padding:0;
}

#test-section
{
	width:100%;
	max-width:815px;
	background-color: #FFFFFF;
	margin: 0 auto;
	border: 1px solid #E4E4E4;
	border-radius: 5px 5px 5px 5px;
	box-shadow: 2px 1px 5px #888888;
	padding-bottom: 30px;
	box-sizing:border-box;
}

#left
{
	float:left;
	width:45%;
	padding:16px;
	box-sizing:border-box;	
}
#left h3
{
	margin:0;
	padding:0;
	margin-bottom:16px;
	font-size:14px;
}

#left p
{
	margin:0;
	padding:0;
	margin-bottom:6px;
}

#left p a
{
	text-decoration:underline;
	color:#333;
	font-weight:bold;
}

#right
{
	float:left;
	width:55%;
	padding:16px;
	box-sizing:border-box;
}

#right h3
{
	margin:0;
	padding:0;
	margin-bottom:16px;
	font-size:14px;
}

#right p
{
	margin:0;
	padding:0;
	margin-bottom:8px;
	line-height:150%;
}

#right li
{
	line-height:200%;
	
}

@media screen and (max-width:1200px)
{
	.kontakt
	{
		display:none;
	}
}

@media screen and (max-width:815px)
{
	section
	{
		width:97%;
		margin-left:10px;
		margin-right:10px;
	}
	section ul
	{
		width:75%;
		margin:0 auto;
	}
}

@media screen and (max-width:770px)
{
	.main-img
	{
		float:none;
		width:100%;
		padding:16px;
		box-sizing:border-box;
		margin:0 auto;
	}
	
	header h1
	{
		font-size: 26px;
	}

	header h1 a
	{
		margin:0 10px;
	}
	header h2
	{
		margin-left:10px;
		margin-right:10px;
		font-size:16px;
	}
	nav
	{
		text-align:center;
	}
	nav ul li
	{
		line-height:35px;
	}
	
	section
	{
		width:97%;
		margin-left:10px;
		margin-right:10px;
	}
	
	section ul
	{
		width:75%;
		margin:0 auto;
	}
	
	#test-section
	{
		width:97%;
		margin-left:10px;
		margin-right:10px;
	}
}

@media screen and (max-width:610px)
{
	section ul li
	{
		border:0;
		width:45%;
	}
}

@media screen and (max-width:480px)
{
	.div-menu
	{
		display:block;
	}
	
	section
	{
		width:93%;
		margin-left:10px;
		margin-right:10px;
	}
	
	section ul
	{
		width:85%;
		margin:0 auto;
	}
	
	section ul li
	{
		border:0;
		width:100%;
		display:inline-block;
		margin:12px 0 0 0;
		height:100%;
	}
	
	footer ul li
	{
		display:list-item;
	}
	
	#test-section
	{
		width:93%;
		margin-left:10px;
		margin-right:10px;
	}
	#left
	{
		float:none;
		width:100%;
	}
	#right
	{
		float:none;
		width:100%;
	}
	.div-left-border
	{
		border-left:0px;
	}
	footer ul li
	{
		padding:7px 0 7px 14px;
		text-align:left;
		border-bottom:1px solid #fff;
	}
	
}