efnNORD – Product Certification and Consulting

CSS
body {
	color: #2b2b2b;
	}

	body,
	input,
	select,
	button,
	textarea {
		font: normal 12px/14px 'PT Sans', Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
		}

	html, body { height:100%; }

	header, section, footer { margin:0 auto; width:970px; }

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

	.header-1 {
		padding: 5px 0;
		line-height: 40px;
		font-size: 50px;
		font-weight: bold;
		text-transform: uppercase;
		color: #fff;
		}
	.header-2 {
		line-height: 25px;
		font-size: 30px;
		font-weight: bold;
		text-transform: uppercase;
		color: #5a5a5a;
		}
	.header-3 {
		font-weight: bold;
		text-transform: uppercase;
		color: #2f2f2f;
		}
	.header-4 {
		font-size: 14px;
		font-weight: bold;
		text-transform: uppercase;
		color: #5a5a5a;
		}
	.header-6 {
		line-height: 20px;
		font-size: 18px;
		font-weight: bold;
		text-transform: uppercase;
		color: #5a5a5a;
		}
	#content .header-6 a {
		color: #5a5a5a;
		}
	.header-7 {
		font-size: 20px;
		font-weight: bold;
		text-transform: uppercase;
		color: #5a5a5a;
		}
sup {
	display: inline-block;
	vertical-align: top;
	height: 1em;
	line-height: 1.8em;
	font-size: 0.7em;
	}
/* Header */
header {
	position: relative;
	}
	header .logo {
		float: left;
		padding-top: 39px;
		}
		header .logo a {
			display: block;
			width: 265px;
			height: 43px;
			text-decoration: none;
			background: url(../images/logo-b.png) no-repeat left top;
			}
			header .logo a .title {
				display: block;
				text-indent: -9999em;
				}
			header .logo a .moto {
				display: block;
				margin: 41px 0 0 70px;
				font-size: 21px;
				color: #2b2b2b;
				}

	header .top {
		position: absolute;
		top: 0;
		right: 3px;
		}
		header .search {
			float: right;
			margin-right: 23px;
			padding-left: 20px;
			line-height: 23px;
			font-size: 11px;
			background: url(../images/ico/search.png) no-repeat left center;
			color: #2b2b2b;
			}

		header .languages {
			float: right;
			}
			header .languages li {
				float: left;
				padding: 0 2px;
				}
				header .languages a {
					padding: 5px 4px 4px;
					float: left;
					font-size: 11px;
					color: #2b2b2b;
					}
				header .languages .active a {
					text-decoration: none;
					background: #000;
					color: #fff;
					}

	header nav {
		float: right;
		margin: 55px 67px 45px 0;
		line-height: 37px;
		}
		header nav li {
			position: relative;
			float: left;
			}
			header nav .hint-link {
				position: absolute;
				bottom: 34px;
				left: 68%;
				padding: 0 0 8px 9px;
				background: url(../images/hint.png) no-repeat left bottom;
				}
				header nav .active .hint-link a,
				header nav .hint-link a {
					padding: 0 8px;
					line-height: 23px;
					font-size: 11px;
					white-space: nowrap;
					text-decoration: underline;
					background: #e8e8e8;
					color: #2b2b2b;
					}
				header nav .hint-link a:hover,
				header nav .active .hint-link a:hover {
					text-decoration: none;
					}
			header nav a {
				float: left;
				padding: 0 15px;
				font-size: 16px;
				color: #2b2b2b;
				}
			header nav .active a {
				text-decoration: none;
				background: #96c945;
				}
		header nav .home {
			margin-right: 5px;
			}
			header nav .home a {
				padding: 0;
				width: 37px;
				height: 37px;
				text-indent: -9999em;
				background: url(../images/ico/nav-home.png) no-repeat left -37px;
				}
			header nav .home.active a {
				background: #96c945 url(../images/ico/nav-home.png) no-repeat left top;
				}
			header nav .home a:hover {
				background-position: left top;
				}

/* Content */
#info {
	clear: both;
	background: #a7a493;
	}
	#info .prod {
		position: relative;
		overflow: hidden;
		height: 350px;
		width: 970px;
		color: #fff;
		}
		#info .prod dt {
			position: relative;
			float: left;
			width: 52px;
			height: 350px;
			line-height: 52px;
			font-size: 18px;
			font-weight: bold;
			text-transform: uppercase;
			background: #88c144 url(../images/prod-title.png) repeat-y left top;
			cursor: pointer;
			}
			#info .prod dt .title {
				z-index: 10;
				position: absolute;
				bottom: 201px;
				left: -184px;
				display: block;
				width: 420px;
				height: 52px;
				-webkit-transform: rotate(-90deg);
				-moz-transform: rotate(-90deg);
				-ms-transform: rotate(-90deg);
				-o-transform: rotate(-90deg);
				transform: rotate(-90deg);
				text-shadow: -1px 1px 1px #547828;
				}
		#info .prod dd {
			display: none;
			position: relative;
			float: left;
			width: 606px;
			height: 350px;
			background: #a7a493 url(../images/sh-l.png) repeat-y left top;
			}
		#info .prod dd.selected {
			display: block;
			}
		#info .prod .jspVerticalBar {
			display: none;
			}
			#info .prod dd .container {
				width: 582px;
				height: 350px;
				margin-left: 12px;
				}

				#info .prod .sh-l {
					display: block;
					z-index: 10;
					position: absolute;
					top: 0;
					right: 0;
					width: 10px;
					height: 350px;
					background: url(../images/sh-r.png) repeat-y left top;
					}

				#info .prod .block {
					display: block;
					padding: 29px 10px 0;
					}
					#info .prod .block .header-1 {
						width: 300px;
						}
					#info .prod .block .header-3 {
						color: #5a5a5a;
						}
					#info .prod .block ul {
						margin-top: 16px;
						white-space: nowrap;
						}
						#info .prod .block ul li {
							float: left;
							margin: 0 45px 45px 0;
							width: 190px;
							white-space: normal;
							}
						#info .prod .block ul li .header-2 {
							margin-top: 6px;
							}
							#info .prod .block ul li .header-2 a {
								color: #5A5A5A;
								}
						#info .prod .block ul li p {
							margin-top: 7px;
							line-height: 18px;
							}

	.b-footer {
		margin-left: -61px;
		width: 992px;
		height: 141px;
		background: url(../images/b-footer.png) no-repeat left top;
		}
	.info-footer {
		overflow: hidden;
		background: #343434 url(../images/info-footer-bg.png) repeat-x left top;
		}
		.info-footer .col {
			float: left;
			padding: 20px 0;
			width: 20%;
			height: 90px;
			line-height: 16px;
			background: url(../images/info-footer-spacer.png) no-repeat left top;
			}
		.info-footer .col:first-child {
			background: none;
			}
			.info-footer .col .title {
				margin-bottom: 11px;
				}
			.info-footer .col li {
				padding: 0 19px;
				margin-bottom: 5px;
				}
			#content .info-footer .col li a {
				color: #fff;
				}
		.info-footer .header-3 {
			color: #808080;
			}

#content {
	position: relative;
	overflow: hidden;
	clear: both;
	width: 920px;
	padding: 50px 0 30px 50px;
	background: #ececec;
	}
	#content.solutions {
		overflow: visible;
		}
	#content a {
		color: #000;
		}
	#content .header-1 {
		color: #5a5a5a;
		}
	#content .header-2 {
		margin: 31px 0 0;
		}
	#content .header-5 {
		font-size: 14px;
		font-weight: bold;
		}
	#content p {
		margin: 9px 0;
		line-height: 18px;
		}

	#content .mtt-block {
		overflow: hidden;
		float: right;
		width: 485px;
		margin-top: 10px;
		padding: 36px 36px 29px;
		background: #ddd;
		}
		#content .mtt-block .header-2 {
			float: left;
			position: relative;
			margin: 0 0 10px;
			}
			#content .mtt-block .header-2 .hint-link {
				position: absolute;
				bottom: 19px;
				left: 102%;
				padding: 0 0 8px 9px;
				background: url(../images/hint.png) no-repeat left bottom;
				}
				#content .mtt-block .header-2 .hint-link a {
					display: block;
					padding: 0 8px;
					line-height: 23px;
					font-size: 11px;
					font-weight: normal;
					white-space: nowrap;
					text-transform: none;
					text-decoration: underline;
					background: #e8e8e8;
					color: #2b2b2b;
					}
				#content .mtt-block .header-2 .hint-link a:hover {
					text-decoration: none;
					}
		#content .mtt-block p {
			clear: both;
			}

	#content .l {
		float: left;
		width: 310px;
		}

	#content .r {
		float: right;
		width: 520px;
		}
	#content .team {
		overflow: hidden;
		}
		#content .team .col {
			float: left;
			padding-left: 30px;
			width: 141px;
			border-left: 1px solid #cacbcc;
			}
		#content .team .col:first-child {
			padding-left: 0;
			border-left: none;
			}
			#content .team .col div {
				margin: 3px 0;
				}
			#content .team .col .name {
				margin-top: 11px;
				font-size: 14px;
				font-weight: bold;
				}
				#content .team .col a {
					color: #000;
					}

		#content .team .b-link {
			margin: 0;
			padding-top: 15px;
			text-align: right;
			}

	#content .group .col {
		float: left;
		margin-right: 64px;
		}
	#content .group .col+.col {
		margin-right: 0;
		}
		#content .group blockquote {
			padding: 20px 0;
			width: 215px;
			border-top: 1px solid #d9d9da;
			}
		#content .group .col blockquote:first-child {
			padding-top: 10px;
			border-top: none;
			}
			#content .group blockquote q {
				display: block;
				width: 215px;
				margin-left: -19px;
				padding-left: 19px;
				font-size: 11px;
				background: url(../images/ico/quotes.png) no-repeat left top;
				}
			#content .group blockquote .name {
				display: block;
				margin-top: 10px;
				font-weight: bold;
				font-style: normal;
				}
			#content .group blockquote .post {
				display: block;
				font-family: Arial;
				font-size: 10px;
				font-style: italic;
				}

	#content .contact-info {
		margin: 16px 0 23px;
		}
		#content .contact-info dl {
			overflow: hidden;
			padding: 6px 0;
			font-size: 14px;
			line-height: 20px;
			border-top: 1px solid #dcdcdc;
			color: #5a5a5a;
			}
		#content .contact-info dl:first-child {
			border-top: none;
			}
			#content .contact-info dl dt {
				float: left;
				width: 31%;
				font-size: 11px;
				font-weight: bold;
				text-transform: uppercase;
				}
			#content .contact-info dl dd {
				float: right;
				overflow: hidden;
				white-space: nowrap;
				width: 69%;
				}
				#content .contact-info dl dd .t {
					float: right;
					padding: 0 12px 0 0;
					}

	#content .contact-form {
		position: absolute;
		top: 113px;
		right: 50px;
		padding: 29px 38px;
		width: 392px;
		background: #f6f6f6;
		}
		#content .contact-form fieldset {
			overflow: hidden;
			margin: 13px 0 17px;
			}
			#content .contact-form fieldset label {
				display: block;
				margin-bottom: 3px;
				font-weight: bold;
				text-transform: uppercase;
				color: #5a5a5a;
				}
			#content .contact-form fieldset input,
			#content .contact-form fieldset textarea {
				margin: 0;
				padding: 0 0 0 5px;
				width: 385px;
				line-height: 18px;
				background: #fff url(../images/field-bg2.png) no-repeat left top;
				border: 1px solid #dedede;
				}
			#content .contact-form fieldset input {
				height: 30px;
				line-height: 30px;
				}
			#content .contact-form fieldset textarea {
				height: 120px;
				}
			#content .contact-form fieldset fieldset {
				float: left;
				margin: 0;
				width: 50%;
				}
			#content .contact-form fieldset fieldset+fieldset {
				float: right;
				width: 49%;
				}
				#content .contact-form fieldset fieldset input {
					width: 184px;
					}
			#content .contact-form .actions {
				margin-top: -6px;
				}
		#content .get-directions .button,
		#content .contact-form .button {
			float: left;
			padding-right: 2px;
			height: 30px;
			line-height: 30px;
			background: url(../images/button2.png) no-repeat right bottom;
			}
			#content .get-directions .button input,
			#content .contact-form .button input {
				overflow: visible;
				margin: 0;
				padding: 2px 22px 0 24px;
				height: 30px;
				line-height: 30px;
				font-size: 18px;
				font-weight: bold;
				text-shadow: 1px 1px 1px #335f02;
				vertical-align: top;
				background: url(../images/button2.png) no-repeat left top;
				border: none;
				color: #fff;
				cursor: pointer;
				}

	#content .map-info .header-2 {
		margin: 55px 0 22px;
		}
	#map {
		margin-bottom: 14px;
		width: 868px;
		height: 347px;
		border: 1px solid #a7a6a4;
		}
	#content .map-info .get-directions label {
		margin-bottom: 3px;
		display: block;
		font-weight: bold;
		text-transform: uppercase;
		color: #5a5a5a;
		}
	#content .map-info .get-directions input.address {
		float: left;
		margin-right: 10px;
		padding: 0;
		width: 390px;
		height: 30px;
		text-indent: 8px;
		line-height: 30px;
		background: #fff url(../images/field-bg2.png) no-repeat left top;
		border: 1px solid #dedede;
		}
	#content .map-info .get-directions .button {
		margin-top: 1px;
		}
		#content .map-info .get-directions .button input {
			padding: 2px 17px 0 19px;
			}

	#content .bank-info {
		clear: both;
		overflow: hidden;
		margin-left: -50px;
		padding: 0 0 21px 50px;
		background: #ddd;
		}
		#content .bank-info .header-4 {
			margin: 19px 0 10px;
			}
		#content .bank-info dl {
			overflow: hidden;
			margin: 4px 0;
			}
			#content .bank-info dl dt {
				float: left;
				width: 74px;
				}
			#content .bank-info dl dd {
				float: left;
				}

	#content .departments .header-2 {
		margin-top: 35px;
		}
		#content .departments .group {
			overflow: hidden;
			margin: 27px 50px 0 0;
			}
		#content .departments .group+.group {
			margin-top: 21px;
			padding-top: 24px;
			border-top: 1px solid #dcdcdc;
			}
			#content .departments .group .header-4 {
				margin-bottom: 10px;
				}
			#content .departments .group .col {
				margin: 0;
				width: 230px;
				margin-left: 90px;
				}
			#content .departments .group .col:first-child {
				margin-left: 0;
				}
				#content .departments .group .col .header-3 {
					margin: 21px 0 4px;
					}
				#content .departments .group .col .header-4+.header-3 {
					margin-top: 0;
					}
				#content .departments .group .col dl {
					overflow: hidden;
					margin: 0 0 5px;
					}
					#content .departments .group .col dt {
						float: left;
						width: 32%;
						}
					#content .departments .group .col dd {
						float: left;
						width: 68%;
						}

	#content .partners {
		padding-top: 5px;
		}
		#content .partners ul {
			float: left;
			display: table;
			width: 653px;
			}
			#content .partners ul li {
				min-height: 170px;
				display: -moz-inline-stack;
				display: inline-block;
				vertical-align: top;
				margin-right: 21px;
				padding-bottom: 22px;
				width: 140px;
				vertical-align: top;
				font-size: 11px;
				}
			#content .partners ul li .img-c {
				width: 141px;
				height: 87px;
				padding: 3px 0 0 3px;
				margin-left: -3px;
				background: url(../images/partners/container-bg.png) no-repeat left top;
				}
			#content .partners ul li .title {
				margin-top: 10px;
				font-weight: bold;
				}
			#content .partners ul li p {
				margin: 4px 0 0;
				line-height: 13px;
				}

		#content .partners .info-block {
			float: right;
			padding: 24px 52px 12px 26px;
			width: 189px;
			background: #ddd;
			}
			#content .partners .info-block .title {
				line-height: 18px;
				font-size: 14px;
				font-weight: bold;
				}

#content.team {
	padding: 10px 0 20px 50px;
	background: #ececec;
	}
	#content.team .l {
		width: 320px;
		}
	#content.team .mtt-block {
		float: left;
		padding: 20px 20px 10px 39px;
		background: none;
		}

#content .solutions .items {
	overflow: hidden;
	margin-top: 18px;
	padding-bottom: 43px;
	}
	#content .solutions .items li {
		float: left;
		width: 209px;
		margin-left: 12px;
		}
	#content .solutions .items li:first-child {
		margin-left: 0;
		}
		#content .solutions .items li a {
			text-decoration: none;
			}
		#content .solutions .items li img {
			margin-bottom: 10px;
			}
		#content .solutions .items li .header-7 {
			text-decoration: underline;
			}
		#content .solutions .items li a:hover .header-7 {
			text-decoration: none;
			}
	#content .solutions .group2 {
		overflow: hidden;
		margin-top: 20px;
		}
		#content .solutions .group2 .col {
			float: left;
			width: 211px;
			margin-left: 12px;
			}
		#content .solutions .group2 .col:first-child {
			margin-left: 0;
			}

#content.inner {
	overflow: hidden;
	padding: 0 0 30px 0;
	width: 970px;
	background: url(../images/inner-bg.png) repeat-y left top;
	}
	#content.inner .info-side {
		float: left;
		width: 150px;
		padding: 0 17px 0 30px;
		}
		#content.inner .info-side .col {
			padding-bottom: 16px;
			border-top: 1px solid #4c4c4c;
			}
			#content.inner .info-side .title {
				padding: 16px 0 8px;
				}
			#content.inner .info-side .col:first-child .title {
				padding-top: 19px;
				}
				#content.inner .info-side .title .header-3 {
					color: #808080;
					}
			#content.inner .info-side li a {
				display: block;
				padding: 4px 0;
				}
			#content.inner .info-side .active {
				margin-left: -21px;
				padding: 4px 10px 4px 21px;
				width: 100%;
				text-decoration: none;
				background: #96c945;
				color: #000;
				}
		#content.inner .info-side a {
			color: #fff;
			}

	#content.inner .details {
		float: right;
		width: 690px;
		padding: 50px 30px 30px 0;
		}
		#content.inner .details .print {
			float: right;
			margin: 4px 21px 0 0;
			padding-left: 43px;
			line-height: 32px;
			font-size: 14px;
			background: url(../images/ico/print.png) no-repeat left top;
			}
		#content.inner .details .img-block {
			float: right;
			margin-left: 50px;
			padding-top: 11px;
			overflow: hidden;
			width: 329px;
			}
			#content.inner .details .img-block img {
				float: left;
				margin: 0 9px 7px 0;
				}
		#content.inner .details .text {
			padding-top: 4px;
			}
			#content.inner .details .text ul li {
				padding-left: 19px;
				margin: 10px 0;
				line-height: 18px;
				background: url(../images/bullet.png) no-repeat left 2px;
				}
			#content.inner .details .text .header-4 {
				margin: 21px 0 16px 0;
				}

/* Footer */
#footer {
	position: relative;
	overflow: hidden;
	padding-top: 12px;
	background: #a2a097 url(../images/footer-bg.png) repeat-x left top;
	}
	#footer .logo {
		display: block;
		margin-bottom: 16px;
		width: 151px;
		height: 25px;
		background: url(../images/logo-s.png) no-repeat left top;
		}
	#footer .group-1 {
		float: left;
		width: 161px;
		margin-left: 50px;
		}
	#footer .group-2 {
		float: left;
		margin-left: 317px;
		}

	#footer .contacts {
		margin-top: 44px;
		}
		#footer .contacts dl {
			overflow: hidden;
			padding: 7px 0 6px;
			border-bottom: 1px solid #807f77;
			}
			#footer .contacts dl dt {
				float: left;
				width: 50px;
				font-size: 9px;
				font-weight: bold;
				text-transform: uppercase;
				color: #2f2f2f;
				}
			#footer .contacts dl dd {
				color: #fff;
				}
			#footer .contacts .hotline {
				float: left;
				margin-top: 19px;
				padding-left: 48px;
				line-height: 29px;
				font-size: 20px;
				font-weight: bold;
				background: url(../images/ico/support.png) no-repeat left top;
				}

	#footer .contact-form {
		z-index: 10;
		position: absolute;
		top: 31px;
		left: 224px;
		padding: 30px 0 0 26px;
		width: 256px;
		height: 256px;
		background: url(../images/contact-form-bg.png) no-repeat left top;
		}
		#footer .contact-form .hint {
			margin: 10px 2px 9px;
			}

		#footer .contact-form fieldset {
			overflow: hidden;
			margin-bottom: 5px;
			}
			#footer .contact-form textarea,
			#footer .contact-form fieldset input {
				margin: 0;
				padding: 3px 5px 0 5px;
				width: 218px;
				height: 19px;
				line-height: 19px;
				background: #fff url(../images/field-bg.png) no-repeat left top;
				border: 1px solid #797661;
				}
			#footer .contact-form textarea {
				float: left;
				height: 45px;
				}
		#footer .contact-form .actions {
			overflow: hidden;
			}
			#footer .contact-form .button {
				float: left;
				height: 23px;
				padding-right: 2px;
				background: url(../images/button.png) no-repeat right -23px;
				}
				#footer .contact-form .button input {
					overflow: visible;
					margin: 0;
					padding: 2px 14px 0 16px;
					height: 23px;
					line-height: 23px;
					font-weight: bold;
					text-shadow: 0 1px 1px #333;
					border: none;
					background: none;
					background: url(../images/button.png) no-repeat left top;
					color: #fff;
					cursor: pointer;
					}

	#footer .nav {
		overflow: hidden;
		margin-top: 49px;
		}
		#footer .nav .col {
			float: left;
			width: 136px;
			}
		#footer .nav .col.col-2 {
			width: 166px;
			}
			#footer .nav .col li {
				margin-bottom: 8px;
				}
			#footer .nav .col .header-3 {
				margin-bottom: 12px;
				}

	#footer .bottom {
		overflow: hidden;
		line-height: 37px;
		margin-top: 272px;
		font-weight: bold;
		background: #262626;
		color: #888888;
		}
		#footer .bottom img {
			vertical-align: middle;
			}
		#footer .bottom .social {
			float: right;
			margin-right: 23px;
			}
#overlay {
	z-index: 100;
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../images/overlay-bg.png) repeat left top;
	}
#overlay.opened {
	display: block;
	}
	#overlay .modal {
		display: none;
		margin: 100px auto 0;
		padding: 40px 40px 32px 40px;
		background: #fff;
        -moz-box-shadow: 0 0 35px rgba(68,68,68,0.6);
        -webkit-box-shadow: 0 0 35px rgba(68,68,68,0.6);
        box-shadow: 0 0 35px rgba(68,68,68,0.6);
		}
	#overlay .modal.opened {
		display: block;
		}
	#overlay .team {
		width: 430px;
		}
		#overlay form fieldset {
			overflow: hidden;
			margin: 13px 0 17px;
			}
		#overlay form fieldset label {
			display: block;
			margin-bottom: 3px;
			font-weight: bold;
			text-transform: uppercase;
			color: #5A5A5A;
			}
		#overlay form fieldset input {
			margin: 0;
			padding: 0 0 0 10px;
			width: 385px;
			height: 35px;
			line-height: 35px;
			font-size: 18px;
			background: #ececec url(../images/field-bg3.png) no-repeat left top;
			border: 1px solid #DEDEDE;
			}
		#overlay form fieldset input.f2 {
			width: 270px;
			}

		#overlay form .attachement {
			position: relative;
			}
			#overlay form .attachement .link {
				font-size: 18px;
				line-height: 20px;
				text-decoration: underline;
				color: #5a5a5a;
				}
			#overlay form .attachement .hint {
				color: #5a5a5a;
				}
			#overlay form .attachement:hover .link {
				text-decoration: none;
				}
			#overlay form .attachement .file {
				position: absolute;
				top: 0;
				left: 0;
				height: 100%;
				width: 100%;
				opacity: 0;
				}

		#overlay form .button {
			float: left;
			padding-right: 2px;
			height: 40px;
			line-height: 40px;
			background: url(../images/button3.png) no-repeat right bottom;
			}
			#overlay form .button input {
				overflow: visible;
				margin: 0;
				padding: 2px 22px 0 24px;
				height: 40px;
				line-height: 40px;
				font-size: 18px;
				font-weight: bold;
				text-shadow: 1px 1px 1px #335f02;
				vertical-align: top;
				background: url(../images/button3.png) no-repeat left top;
				border: none;
				color: #fff;
				cursor: pointer;
				}
		#overlay form input.reset {
			margin-left: 20px;
			font-size: 18px;
			height: 40px;
			line-height: 40px;
			text-decoration: underline;
			background: none;
			border: none;
			cursor: pointer;
			}
		#overlay form input.reset:hover {
			text-decoration: none;
			}