html, body{margin:0;padding:0;color: #71828c;font-family: verdana, sans-serif;font-size:12px}
body{width:100%;
	height: 100%;
	background: #DCE6F0;	
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ5JSIgc3RvcC1jb2xvcj0iI2RjZTZmMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkY2U2ZjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(220,230,240,1) 1000px, rgba(220,230,240,1) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(1000px,rgba(220,230,240,1)), color-stop(100%,rgba(220,230,240,1)));
	background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(220,230,240,1) 1000px,rgba(220,230,240,1) 100%);
	background: -o-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(220,230,240,1) 1000px,rgba(220,230,240,1) 100%);
	background: -ms-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(220,230,240,1) 1000px,rgba(220,230,240,1) 100%);
	background: linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(220,230,240,1) 1000px,rgba(220,230,240,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dce6f0',GradientType=1 )}
ul.nostyle{list-style: none;margin:0;padding:0;overflow: hidden}
pre {
    font-family: verdana, sans-serif;font-size:12px;white-space: pre-line;
}
img{border: none}
a{text-decoration: none; color: #71828c;outline:none}
a:hover{text-decoration: underline; cursor: pointer}
a.underline{text-decoration: underline}
a.ger{padding-left: 20px; background: transparent url(/img/topnav/flag_brd.gif) 0 2px no-repeat}
a.eng{padding-left: 20px; background: transparent url(/img/topnav/flag_uk.gif) 0 2px no-repeat}
a.pdf{display: inline-block;padding-left: 25px; background: transparent url(/img/produkte/icon_pdf.png) 0 5px no-repeat;line-height: 26px}
#logo{width: 218px; height: 121px; z-index: 10000; position: absolute; top: 20px; left: 30px;background: transparent url(/img/logo_hakura.png) 0 0 no-repeat}
#topnav{display: -webkit-box;display: -ms-flexbox;display: flex; width: 1000px; height: 22px;}
#topnav a{height:15px;display: block; margin-top: 5px}
.topnavspace {-webkit-box-flex: 1;-ms-flex: 1;flex: 1;height: 8px; background-color: #71828c;}
#site{width: 1000px}
#shadow{width: 8px; top: 80px;bottom: 0;position: absolute;left: 1000px; background: transparent url(/img/schatten_rechts.png) 0 0 no-repeat;}

#topnavwrapper{font-size: 0.95em;background-color:#71828c;}
#topnavwrapper a{color:#fff}
#topnavwrapper li{float: left;padding: 0 11px}
#topnavwrapper li.border{background: transparent url(/img/topnav/trenner.gif) right 5px no-repeat}
#nav{width: 210px; height: 100px; z-index: 10000;position: absolute; top: 160px; left: 30px}
#nav li{width: 210px;height: 25px;margin-bottom: 5px;background: transparent url(/img/b_inaktiv.png) 0 0 no-repeat;cursor: pointer;padding-left: 68px}
#nav li.active,#nav li:hover{background-image: url(/img/b_aktiv.png)}
#nav li a{display: block;padding-top: 5px;color: #a3daff;outline: none}
#nav li a:hover{text-decoration:none}
#slidorion{width: 1000px; height: 300px; margin-top: 60px}
#slider {width: 1000px;height: 300px;position: relative;float: left;overflow: hidden}
#slider > div {position:absolute;width:100%;height:100%}
#kante{width: 1000px; height: 13px; background: transparent url(/img/kante.jpg) 0 0 no-repeat}
#contentwrapper{width: 1000px;  background-color: #fff; padding-bottom: 20px; overflow: hidden}
#content{  min-height: 400px; margin-left: 30px;  padding-top: 10px}
.center{margin:auto}
#content ul.content_2{clear: left; overflow: hidden;margin-top: 35px}
#content ul.content_2 li{height: 175px;width: 350px; float: left;border-bottom: 1px dotted #012f49}
#content ul.content_2 li:first-child{margin-right: 50px}
#content ul.content_2 li img{width: 350px; height: 100px}
#content ul.content_3{clear: left; overflow: hidden}
#content ul.content_3 li{width: 300px;line-height:20px; float: left}
#content ul.content_full{clear: left}
#content ul.content_full li{line-height:20px;border-top: 1px dotted #012f49; overflow: hidden;padding: 20px 0;margin-right: 30px}
#content ul.content_full li:first-child{border-top: none;padding-top: 0}
#content_left{width: 600px;float: left;padding-right: 20px}
#content_left.border{border-right: 1px dotted #012f49}
#content_right{width:300px;float: left;padding-left: 20px}
#content_right.border{border-left: 1px dotted #012f49}
.navhl{padding-left: 16px; background: transparent url(/img/icon.gif) 0 2px no-repeat;line-height: 12px; display: block; margin: 5px 0}
#footer{width: 1000px;height: 20px;clear: both;background: #778d9b;margin-bottom: 50px}
#footer ul{width: 840px;margin: auto}
#footer ul li{line-height: 20px;float: left;padding: 0 5px;background: transparent url(/img/topnav/trenner.gif) right 5px no-repeat;color: #fff;font-size: 10px}
#footer ul li:first-child{padding: 0 5px 0 0}
#footer ul li.last{background: none}
#footer ul li a{color: #fff}