*, a {
	color: #000000;
	background-color:#FFFFFF;
}

.clear {
	content:"";
	display:block;
	clear:both;
}

#outer-most {
	text-decoration: none;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
}

#logo-header {
	width: 840px;
	margin: 10px auto;
	background-color:#000000;
}

#logo-header table, #logo-header tbody, #logo-header tr, #logo-header td {
	background-color:#000000;
}

#usp {
	width: 100%;
	margin: 0 auto 10px auto;
	padding:10px;
	font-size:12px;
	background-color:#FF9B00;
    box-sizing: border-box;
}

#usp ul, #usp ul li {
	background:none transparent;
}

#usp ul {
	float:left;
	width:360px;
}

#article-name {
	width: 100%;
	margin: 0 auto;
	padding:10px;
	font-size:16px;
	background-color:#000000;
	color:#FFFFFF;
    box-sizing: border-box;
}
#article-description-short {
	width: 840px;
	margin: 0 auto;
	padding:10px;
	box-sizing: border-box;
}

#article-facts {
	width: 840px;
	margin: 0 auto 10px auto;
	font-size:16px;
	box-sizing: border-box;
}

#article-facts small {
	font-size:8px;
	background-color:#000000;
	color:#FFFFFF;
}

#article-facts div {
	width: 246px;
	height:40px;
	float:left;
	background-color:#000000;
	color:#FFFFFF;
	text-align:center;
	padding:10px;
	margin:0 0 10px 0;
}

#article-facts div.article-facts-middle {
	border-left:21px solid #FFFFFF;
	border-right:21px solid #FFFFFF;
}

#content-main {
	width: 840px;
	margin: 10px auto 0 auto;
	padding: 20px 0;
}

#content-left {
	float: left;
	width: 210px;
}

#content-right {
	float: right;
	width: 610px;
	text-align: left;
	margin-left: 20px;
}

.box-left, .box-right {
	width: 100%;
	margin-bottom: 10px;
}

.box-headline {
	padding: 5px 0 5px 15px;
	color: #000000;
	border: 1px solid #000000;
	background: #FF9B00;
	font-size: 16px;
	margin-bottom: -1px;
}

.box-content {
	border: 1px solid #000000;
	padding: 10px 5px;
}

.box-content p {
	margin:0 !important;
}

#content-left .box-headline {
	width: auto;
}

#content-left .box-content {
	width: 198px;
	text-align: center;
}

#logo-header ul, #logo-header ul li, #logo-header ul li a {
	background-color:#000000;
	color: #FFFFFF;
}

#logo-header ul {
	font-size: 12px;
	padding: 15px 0 0 0;
	margin:0;
}

#so-description thead {
  background-color: #000;
  color: #FFF;
}

#so-description tbody tr:nth-child(odd) {
  background-color: #FFF;
}

#so-description tbody tr:nth-child(even) {
  background-color: #CCC; 
}



@media (min-width: 768px) {
	#so-description tbody tr:nth-child(even) {
	  background-color: #CCC; 
	}
	
	#nature-text {
		display: block;
		padding: 15px 20px 25px 20px;
		background: #FFF;
		margin: 0 0 0 120px;
		height: 57px;
	}	
}

@media (min-width: 992px) {
	#content-main {
		width: 840px;
	}
	#logo-header {
		width: 840px;
	}	
	#content-right {
		width: 610px;
	}	
	#usp {
		width: 820px;
	}	
	#usp ul {
		width:360px;
	}
	#article-name {
		width: 820px;
	}
	#article-description-short {
		width: 840px;
	}
	#article-facts {
		width: 840px;
	}	
}

@media (max-width: 480px) {
	#content-main {
		width: 100%;
	}
	
	#content-left {
		display:none;
	}	
	
	#logo-header {
		width: 100%;
	}	
	#content-right {
		width: 100%;
	}	
	#usp {
		width: 100%;
	}	
	#usp ul {
		width:100%;
	}
	#article-name {
		width: 100%;
	}
	#article-description-short {
		width: 100%;
	}
	#article-facts {
		width: 96%;
	}
	.box-content img {
		width: 100%;
		height:auto;
		margin:20px 0;
	}
	#additional-header {
		display:none;
	}
	
	#article-facts div.facts {
		width: 96%;
		height:40px;
		float:none;
		text-align:center;
		padding:10px;
		margin:0 0 10px 0;		
	}
	
	#article-facts div.article-facts-middle {
		border-left:0;
		border-right:0;
	}	
	
	#logo {
		width:100%;
		margin:10px 0 0 0;
	}
	

	#nature-text {
		display: block;
		padding: 15px 20px 25px 20px;
		background: #FFF;
		margin: 0 0 0 120px;
		height: 57px;
		font-size: inherit;
	}		
	#usp ul {
		float:none;
		width:100%;
	    margin: 0;
	    padding: 0;
	    list-style-position: inside;	
	}	
}