* {margin: 0;padding: 0;box-sizing: border-box;}
body {font-family: Helvetica, Arial, sans-serif; font-size: 14px;color: #333;line-height: 21px;font-style: normal;font-weight: normal;text-align: left;background: #fff;}

h1 {color: #fff; font-size: 18px; line-height: 22px;position: absolute;top: 0;left: 0;}
h2 {color: #333;font-size: 18px;font-weight: bold;line-height: 22px;margin: 20px 0 10px 0;}

p {margin-bottom: 30px;}
ul {list-style: none;}
hr {border: none; border-top: 1px dashed #000;margin: 10px 0;}

a:link {text-decoration: none;color: #666;}
a:visited {text-decoration: underline;}
a:hover {text-decoration: underline;color: #666;}
a:active {text-decoration: underline;}

#wrapper {width: 1150px;margin: 0 auto;background: url(img/logo.gif) no-repeat 0 28px;}

.block {margin-bottom: 50px;}

#side {float: left;/* margin-top: 110px;*/width: 300px;height: 675px;}

#logo {display: block;height: 120px;color: rgba(255,255,255,0);}

#navi {text-align: left;font-size: 14px;padding: 15px 0 0 150px;}
#navi li{display: block;margin-bottom: 4px;}
#navi a {font-size: 23px;font-weight: bold;line-height: 37px;background: #333;color: #fff;display: inline-block;padding: 3px 10px 0 10px;text-transform: uppercase;}
#navi a.fb {background: none;padding: 0;width: 40px;}
#navi a.fb img {display: block;width: 100%; height: auto;}

#navi a:hover,
#navi a.active {color: #ff0000;text-decoration: none;}

#lang {height: 30px;margin-bottom: 90px;}
#lang li {display: inline-block;}
#lang li a {display: block;background:#333;padding: 2px 6px;font-size: 15px;font-weight: bold;line-height: 25px;color:#fff;text-decoration: none;}
#lang li a:hover,
html[lang=de-DE] #lang li a.de,
html[lang=en-US] #lang li a.en {color: #ff0000;}

#content {float: right;padding-top: 100px;width: 800px;position: relative;}
#content a{text-decoration: underline;}
#content p,
#content ol,
#content ul {margin-bottom: 15px;}
#content ol,
#content ul {margin-left: 20px;}
#content ul {list-style: disc;}
#content li {}

#content p img {width: 100%;height: auto;}
#content p img.spec {width: 80%;}
#content p span {padding-left: 15px;}

#content .col-1 p {float: left;width: 50%;}
#content .col-1::after {content: '';clear: both;display: block;}

#footer ul {border-top: 1px solid #666;padding: 10px 0;width: 800px;float: right;text-align: center;}
#footer ul li {display: inline;padding: 0 5px;}

@media screen and (max-width: 1200px) {
	#wrapper {width: 100%;background-size: 120px auto;background-position: right 10px;}
	h1 {background: #333;width: 100%;position: static;margin: 0;color: #333;}
	#side {float: none;margin-top: 0;height: auto;width: 100%;}
	#lang {margin-bottom: 60px;text-align: center;}
	#logo {position: absolute;right: 0px;top: 40px;width: 120px;height: 55px;}
	#navi {padding: 10px;}
	#navi a {font-size: 15px;line-height: 24px;}
	#content {float: none;width: 100%;padding-top: 0;background: #fff;}
	#content .block {padding: 15px;}
	#footer ul {width: 100%;float: none;}
}

@media screen and (max-width: 570px) {
	#content .col-1 p {float: none;width: 100%;}
}