/* General page setup
---------------------------------------------------------------------- */
html {
	margin:0;
	padding:0;
	overflow-y:scroll;
}
body {
	background:#1f497d url("../gfx/bg.jpg") left top repeat-x;
	font-family:verdana, arial, sans-serif;
	font-size:11px;
	color:#1f497d;
	margin:15px 0 0 0;
	padding:0;
	text-shadow:0px 0px 0px #fff;
}
h1 {
	font-size:16px;
	font-weight:normal;
	color:#1f497d;
	margin:10px 0px;
}
h2 {
	font-size:11px;
	font-weight:bold;
	color:#1f497d;
	margin:10px 0 0 0;
}
h3 {
	font-size:11px;
	font-weight:bold;
	color:#1f497d;
	margin:10px 0px 5px 0px;
}
h4, h5, h6 {
	font-size:11px;
	font-weight:bold;
	color:#1f497d;
	margin:10px 0 0 0;
}
ul {
	list-style-type:disc;
	list-style-position:outside;
	margin:0 10px 5px 10px;
	padding:0 5px 5px 5px;
}
ol {
	list-style-type:decimal;
	list-style-position:inside;
	margin:5px 0px 5px -6px;
	padding:5px;
}
ul li,
ol li {
	margin:0px;
	padding:0px;
	color:#1f497d;
}
hr {
	background-color:#1f497d;
	border-color:#1f497d;
}
p {
	color:#1f497d;
	margin:0px 0px 10px 0px;
}
a,
a:link,
a:visited {
	color:#1f497d;
	text-decoration:underline;
}
a:hover,
a:focus {
	text-decoration:underline;
}
input, select, textarea {
	font-family:verdana, arial, sans-serif;
	font-size:11px;
	color:#1f497d;
}
img {
	border:0px;
}

/* Background and shadow
---------------------------------------------------------------------- */
#shadow,
#menu,
.infoBoxShadow {
	background-color:#fafafa;
	box-shadow:0 0 5px #1f497d;
	-o-box-shadow:0 0 5px #1f497d;/* Opera */
	-moz-box-shadow:0 0 5px #1f497d;/* Mozilla */
	-webkit-box-shadow:0 0 5px #1f497d;	/* Safari, Chrome */	
	border:1px solid #8ca1bb;
}
#menu {
	border:none;
}
div.outerBox {
	width:860px;
	background-color:#fafafa;
	padding:0;
	margin:0;
	float:left;
}
div.menuBox {
	width:860px;
	background-color:#fafafa;
	padding:0;
	margin:0;
	float:left;
}
div.infoBox {
	width:250px;
	background-color:#fafafa;
	padding:0;
	margin:0;
	float:left;
}

/* 
---------------------------------------------------------------------- */
#logo {
	width:860px;
	height:61px;
	margin:0 auto;
}
#logo .images {
	width:860px;
	height:56px;
	float:left;
	position:relative;
	overflow:hidden;
}
#logo .images .hvs {
	width:198px;
	height:56px;
	position:absolute;
	top:0;
	left:15px;
}
#logo .images .intertek {
	width:50px;
	height:53px;
	position:absolute;
	top:0;
	right:210px;
}
#logo .images .sikkerhedsbranchen {
	width:173px;
	height:53px;
	position:absolute;
	top:-2px;
	right:17px;
}
#wrap {
	width:860px;
	margin:0 auto;
}
/* --- */
#menu {
	width:864px;
	height:30px;
	background:url("../gfx/menuBg.png") left top repeat-x;
	margin-left:-2px;
	margin-top:-2px;
}
.topMenu, 
.topMenu * {
	margin:0;
	padding:0;
	list-style:none;
}
.topMenu {
	float:left;
}
.topMenu ul {
	width:10em; /* left offset of submenus need to match (see below) */
	position:absolute;
	top:-999em;
	margin:0;
	padding:0;
}
.topMenu ul li {
	width:100%;
	margin:0;
	padding:0;
}
.topMenu li:hover {
	visibility:inherit; /* fixes IE7 'sticky bug' */
}
.topMenu li {
	height:30px;
	font-size:12px;
	color:#fafafa;
	border-left:1px solid #1f497d;
	border-right:1px solid #99acc3;
	float:left;
	position:relative;
}
.topMenu li.first {
	border-left:none;
}
.topMenu li.last {
	border-right:none;
}
.topMenu li.selected {
	background:url(../gfx/menuSelectedBg.png) left top repeat-x;
}
.topMenu a,
.topMenu a:link,
.topMenu a:visited {
	color:#fafafa;
	text-decoration:none;
	padding:7px 20px 9px 20px;
	display:block;
	position:relative;
}
.topMenu a:hover,
.topMenu a:focus {
	background:url(../gfx/menuSelectedBg.png) left top repeat-x;
	text-decoration:none;
}
.topMenu li:hover ul, 
.topMenu li.sfHover ul {
	left:0;
	top:2.5em; /* match top ul list item height */
	z-index:99;
}
.topMenu li.sfHover {
	text-decoration:none;
	outline:0;
}
.topMenu li ul {
	width:auto;
	background-color:#56759c;
	margin:0;
	padding:0;
}
.topMenu li li {
	height:auto;
	background:none;
	margin:0;
	padding:0;
	border:none;
}
.topMenu li li a,
.topMenu li li a:link,
.topMenu li li a:visited {
	color:#fafafa;
	text-decoration:none;
	padding:5px 20px !important;
	border-bottom:1px solid #1f497d;
}
.topMenu li li a:hover,
.topMenu li li a:focus {
	background:none;
	background-color:#99acc3;
}
/*** arrows **/
.topMenu a.sf-with-ul {
	padding-right:2.25em;
	min-width:1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	width:10px;
	height:10px;
	background:url('../gfx/menuArrow.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
	position:absolute;
	display:block;
	right:.75em;
	top:1.05em; /* IE6 only */
	text-indent:-999em;
	overflow:hidden;
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	background-position:0 -100px; /* use translucent arrow for modern browsers*/
	top:.8em;
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator, 
a:hover > .sf-sub-indicator, 
a:active > .sf-sub-indicator, 
li:hover > a > 
.sf-sub-indicator, 
li.sfHover > a > 
.sf-sub-indicator {
	background-position:-10px -100px; /* arrow hovers for modern browsers*/
}
/* point right for anchors in subs */
.topMenu ul .sf-sub-indicator {
	background-position:-10px 0;
}
.topMenu ul a > .sf-sub-indicator {
	background-position:0 0;
}
/* apply hovers to modern browsers */
.topMenu ul a:focus > .sf-sub-indicator, 
.topMenu ul a:hover > .sf-sub-indicator, 
.topMenu ul a:active > .sf-sub-indicator, 
.topMenu ul li:hover > a > .sf-sub-indicator, 
.topMenu ul li.sfHover > a > .sf-sub-indicator {
	background-position:-10px 0; /* arrow hovers for modern browsers*/
}

.topMenu li ul {
	width:auto !important;
}

.topMenu li.contact span.sf-sub-indicator,
.topMenu li.contact ul {
	display:none !important;
}
/* --- */
#content {
	width:828px;
	min-height:462px;
	margin:5px 16px 10px 16px;
	float:left;
}
/* Frontpage
---------------------------------------------------------------------- */
.frontpage {
	width:828px;
	float:left;
}
.frontpage h2 {
	font-size:14px;
	font-weight:normal;
	color:#1f497d;
	margin:0 0 5px 0;
}
.frontpage .content {
	width:558px;
	margin-right:20px;
	float:left;
}
.frontpage .infoBoxes {
	width:250px;
	margin-top:9px;
	float:left;
}
.frontpage .infoBoxes .boxContent {
	width:240px;
	padding:5px;
	float:left;
}
.frontpage .infoBoxes .box1 {
	width:250px;
	float:left;
}
.frontpage .infoBoxes .box1 .infoBox {
	height:140px;
	overflow:hidden;
}
.frontpage .infoBoxes .box2 {
	width:250px;
	margin-top:15px;
	float:left;
}
.frontpage .infoBoxes .box2 .infoBox {
	height:140px;
	overflow:hidden;
}
.frontpage .infoBoxes .box3 {
	width:250px;
	margin-top:15px;
	float:left;
}
.frontpage .infoBoxes .box3 .content {
	padding:0 5px;
}

/* Subpage
---------------------------------------------------------------------- */

/* forms setup
---------------------------------------------------------------------- */
.contactTest {
	width:470px;
	margin:0 20px 0 0;
	float:left;
}
.contactForm {
	width:338px;
	float:left;
}
#contactForm {
	width:338px;
	margin-top:10px;
	float:left;
}
#contactForm .smallContainer {
	margin-bottom:2px;
	float:left;
}
#contactForm .small {
	float:left;
}
#contactForm label.input {
	margin-bottom:2px;
	display:block;
}
#contactForm .inputSmall {
	width:153px;
	margin-right:10px;
}
#contactForm .large {
	margin-bottom:2px;
	float:left;
}
#contactForm .inputLarge {
	width:322px;
}
#contactForm .inputSelect {
	width:324px;
}
#contactForm .textarea {
	width:322px;
	height:150px;
}
#contactForm .inputSend {
	width:328px;
}
#contactForm .hidden {
	display:none;
}
#contactForm .error {
	width:338px;
	float:left;
}

/* Footer
---------------------------------------------------------------------- */
#footer {
	width:860px;
	margin:0 auto;
}
#footer ul {
	list-style-type:none;
	margin:0 0 0 153px;
	padding:0;
}
#footer ul li {
	font-size:9px;
	color:#fafafa;
	display:inline;
	padding:5px 2px;
	float:left;
}
#footer ul li a,
#footer ul li a:link,
#footer ul li a:visited {
	color:#fafafa;
	text-decoration:none;
}
#footer ul li a:hover,
#footer ul li a:focus {
	text-decoration:underline;
}