@charset "utf-8";


/* Reset */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote{
	margin:0px;
	padding:0px;
}
table{
	border-collapse:collapse;
}
fieldset,img{
	border:0px;
}
address,caption,cite,code,dfn,em,strong,th,var{
	font-style:normal;
	font-weight:normal;
}
ol,ul{
	list-style:none;
}
caption,th{
	text-align:left;
}
h1,h2,h3,h4,h5,h6{
	font-size:100%;
	font-weight:normal;
}
q:before,q:after{
	content:'';
}
abbr,acronym{
	border:0px;
}
a{
	text-decoration:none;
	outline:none;
}



html{
	height:100.1%;
}
body{
	height:100.1%;
	font-family:arial,helvetica,sans-serif;
	font-size:12px;
	line-height:19px;
	color:#666666;
	background:#ffffff url('../images/startpage/page-background.png') top center repeat-x;
}
#page{
	height:auto !important;
	width:974px;
	min-height:100%;
	height:100%;
	margin:0px auto;
}




#header{
	float:left;
	width:974px;
	height:47px;
	background:transparent url('../images/startpage/header-background.png') 0px 0px no-repeat;
}
#header ul{
	float:left;
	line-height:43px;
	margin-left:30px;
}
#header ul li{
	float:left;
	margin-right:10px;
}
#header ul li a{
	color:#666666;
	font-weight:bold;
	padding-left:21px;
	background-repeat:no-repeat;
	background-position:center left;
}
#header ul li a:hover{
	color:#333333;
}
#header li.language a{
	text-transform:uppercase;
}
#header li.active a{
	color:#ee6408;
}
#header #language-de a{
	background-image:url('../images/startpage/flag-de.png');
}
#header #language-en a{
	background-image:url('../images/startpage/flag-en.png');
}
#header #language-nl a{
	background-image:url('../images/startpage/flag-nl.png');
}
#header #language-se a{
	background-image:url('../images/startpage/flag-se.png');
}
#header p{
	float:right;
	line-height:43px;
	margin-right:30px;
	font-weight:bold;
}




/* Logo */

#logo{
	float:left;
	width:974px;
	height:188px;
	background:url(../images/startpage/logo.png) 306px 36px no-repeat;
}
#logo span{
	display:none;
}

h1{
	font-size:19px;
	line-height:23px;
	font-weight:bold;
	text-align:center;
	width:974px;
	float:left;
	margin-bottom:20px;
}



/* Boxes */

#boxes{
	float:left;
	width:904px;
	margin:0px 35px 30px 35px;
}
#boxes li{
	float:left;
	margin-right:27px;
}
#boxes li.last{
	margin-right:0px;
}
#boxes li a{
	display:block;
	width:282px;
	height:226px;
	background-position:top left;
	background-repeat:no-repeat;
	color:#6f7173;
}
#boxes li a span{
	display:block;
	padding-left:15px;
}
#boxes li a span.headline{
	line-height:38px;
	text-transform:uppercase;
	color:#ee6408;
	font-weight:bold;
	font-size:14px;
}
#boxes li a strong{
	display:block;
	width:200px;
	margin-top:128px;
	font-weight:bold;
	padding-left:15px;
	line-height:17px;
}
#boxes li a:hover strong{
	color:#333333;
}
#boxes #box-dealer{
	background-image:url(../images/startpage/box-dealer.png);
}
#boxes #box-customer{
	background-image:url(../images/startpage/box-customer.png);
}
#boxes #box-industry{
	background-image:url(../images/startpage/box-industry.png);
}






#notice{
	float:left;
	margin:0px 35px 20px;
	padding:0px 15px;
	background-image:url(../images/startpage/notice-background.png);
	width:874px;/* 974px - 15px - 15px - 35px - 35px */
	height:40px;
	color:#ffffff;
	font-size:13px;
	line-height:40px;
	text-align:center;
	text-shadow:2px 1px 0px #9c5a07;
}
#notice strong{
	font-weight:bold;
}






/* Content */

#content{
	float:left;
	width:974px;
}
#content p{
	text-align:center;
	padding:0px 35px;
}
#content p strong{
	font-weight:bold;
	display:block;
}
#content ul{
	margin-top:15px;
	display:flex;
	justify-content:center;
}
#content ul li{
	margin:0 5px;
}
#content ul li a{
	color:#666666;
	text-decoration:underline;
}