/* 
	Ventum A/S
	Stylesheet for: all
*/


body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	background: #FFF;
}

/* accessibility & seo */
.accessillity {
	position: absolute;
	top: -999em;
	left: -999em;
}


/* wrapper */
#wrapper {
	margin: 0 auto;
	width: 945px;
}


/* header */
#header {
	text-align: center;
	padding: 0;
	margin: 0 0 4px;
	height: 160px;
	border-bottom: 6px solid #000;
	}
	#header #topnav {
		width: 944px;
		margin: 0 auto;
		text-align: left;
		color: #666;
	}
	#header #corp {
		float: left;
		font-size: 1em;
		text-align: left;
		padding: 72px 10px 0;
		width: 930px;
		margin: 0 auto 0;
		clear: left;
	}
	#header #corp a, 
	#header #corp a:hover {
		text-decoration: none;
		color: #000;
	}


/* holder for breadcrumb and search facilities */
#midnav {
	width: 930px;
	margin-left: 10px;
	clear: left;
}


/* breadcrumbs */
#breadcrumbs {
	float: left;
	font-size: 1em;
	text-align: left;
	color: #999;
	width: 750px;
	}
	#breadcrumbs a {
		text-decoration: none;
		color: #BD6A0B;
	}
	#breadcrumbs a:hover {
		text-decoration: none;
		color: #F7941D;
	}


/* searchbox */
#searchbox {
	float: left;
	width: 180px;
	font-size: 1.1em;
	float: right;
	}
	#searchbox form {
		margin-bottom: 0;
	}


/* main content */
#container {
	display: block;
	float: left;
	text-align: left;
	width: 940px;
	}
	#container .column {
		position: relative;
		float: left;
	}


/* left coloumn */
#left {
	float: left;
	margin-left: 10px;
	padding-bottom: 1em;
	width: 200px;
	}
	#left div {
		margin: 0;
		padding: 0;
		font-size: 1em;
	}
	#left .left_coloumn {
		line-height: 1.4em;
	}


/* center coloumn */
#center {
	width: 550px;
	min-height: 300px;
	padding-bottom: 1em;
	}
	* html body #center {
		width: 538px;
	}
	#center div {
		margin: 20px 20px 20px 0;
		padding: 0;
	}
	#center div a {
		color: #069;
	}
	#center div a:hover {
		color: #F7941D;
	}


/* right coloumn */
#right {
	float: left;
	padding-bottom: 1em;
	width: 180px;
	}
	#right div {
		margin: 0;
		padding: 0;
		font-size: 1em;
	}
	#right .right_coloumn {
		line-height: 1.4em;
	}
	#right .post_date {
		font-size: 0.9em;
		color: #999;
	}

.col_spacer {
	width: 19px;
}


/* footer */
#footer {
	font-size: 1em;
	clear: both;
	width: 934px;
	margin-right: auto;
	margin-left: auto;
	font-size: 1em;
	text-align: left;
	color: #666;
	padding: 1em 0 2em;
	border-top: 1px solid #CCC;
	}
	#footer a {
		color: #F7941D;
	}
	#footer a:hover {
		color: #999;
	}
	#footer .valid {
		float: right;
	}


/* generel */
h1 {
	font-size: 1.4em;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	line-height: 1em;
	margin: 0.5em 0;
}

h2 {
	font-size: 1em;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	line-height: 1em;
	padding: 2px 0;
	margin: 2em 0 0.5em;
	border-bottom: 1px solid #CCC;
}

hr {
	height: 1px;
	margin: 10px 0;
	padding: 0;
	color: #CCC;
	background-color: #CCC;
	border: 0;
	clear: both;
	}
	* html body hr { margin: 1px 0; } /* Remove the progressive spacing in IE */


/* links */
a {
	color: #069;
	text-decoration: none;
}
a:hover {
	color: #F7941D;
}
a.active {
	color: #999;
}


/* form elements */
input, 
select, 
textarea {
	font-family: Verdana, Arial, sans-serif;
	font-size: 1em;
	color: #000;
	border-top: 1px solid #333;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #333;
	}
	input {
		padding: 0 2px;
	}
	input.oneliner {
		width: 120px;
		background: transparent url('/templates/images/transp_white.png') 0 0 repeat;
	}
	input.oneliner_on {
		width: 130px;
		background: transparent url('/templates/images/white.png') 0 0 repeat;
	}
	input.submit {
		text-transform: uppercase;
		letter-spacing: 0.05em;
		background: #F7941D;
		border: none;
	}
	fieldset {
		margin: 0;
		padding: 0;
		border: none;
	}
	legend {
		display: none;
	}

.box_rubrik {
	padding: 6px 0;
	border-top: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	display: block;
}


/* content */
.content {
	font-size: 1.1em;
	line-height: 1.5em;
	color: #000;
	}
	.content a {
		text-decoration: none;
	}
	.content a:hover {
		text-decoration: none;
	}
	.content a[href ^="http://"] {
		background: transparent url('/templates/images/link_http.gif') center right no-repeat;
		padding: 0 15px 0 0;
		text-decoration: none;
	}
	.content a[href ^="http://"]:hover {
		background: transparent url('/templates/images/link_http_hover.gif') center right no-repeat;
		padding: 0 15px 0 0;
		text-decoration: none;
	}
	.content a[href *="www.ventum.dk/"] {
		background: transparent;
		background-image: none;
		padding: 0;
		text-decoration: none;
	}
	.content a[href *="www.ventum.dk/"]:hover {
		background: transparent;
		background-image: none;
		padding: 0;
		text-decoration: none;
	}
	.content a[href ^="mailto:"] {
		background: transparent url('/templates/images/link_mailto.gif') center right no-repeat;
		padding: 0 17px 0 0;
		text-decoration: none;
	}
	.content a[href ^="mailto:"]:hover {
		background: transparent url('/templates/images/link_mailto_hover.gif') center right no-repeat;
		padding: 0 17px 0 0;
		text-decoration: none;
	}
	.content a[href $=".pdf"], 
	.content a[href $=".pdf"]:hover {
		background: transparent url('/templates/images/link_pdf.gif') center left no-repeat;
		padding: 2px 0 1px 20px;
		text-decoration: none;
	}
	.content a.none, 
	.content a.none:hover {
		background-image: none;
		padding: 2px 0 1px 0;
		text-decoration: none;
	}
	.content ul {
		padding: 0 2em;
		margin: 0.4em 0 1em;
		list-style: square outside url('/templates/images/listimg.gif')
	}
	.content li {
		padding-bottom: 0.25em;
	}
	.content table {
		border: 0;
		background: #FFF;/* 999 */
	}
	.content table td {
		padding: 3px;
		background: #FFF;
	}
	.content .date {
		font-size: 0.9em;
		line-height: 1.3em;
		color: #666;
	}
	.content .desc {
		display: block;
		padding-top: 3px;
		padding-bottom: 3px;
	}
	.content .overskrift {
		font-size: 1.4em;
		font-weight: normal;
		line-height: 1.7em;
	}
	.content .underoverskrift {
		font-size: 1.1em;
		font-weight: normal;
		text-transform: uppercase;
		letter-spacing: 0.1em;
		line-height: 2.2em;
	}
	.content .citat {
		background: transparent url('/templates/images/quote.gif') no-repeat scroll 0 0;
		font-size: 1em;
		font-style: italic;
		margin-top: 1em;
		padding: 0 1.5em 0.75em 2.3em;
		display: block;
	}


/* left submenu */
.submenu {
	margin: 0;
	width: 180px;
	}
	.submenu p.submenutitle {
		margin: 1.7em 0 0;
		padding: 5px 10px;
		font-size: 1.4em;
		color: #fff;
		background: #39c2d5;
	}
	.submenu ul {
		margin: 0;
		padding: 0;
		border-bottom: 1px solid #CCC;
		background-color: #ECF2F0;
	}
	.submenu ul ul {
		margin: 0;
		padding: 0;
		border: none;
		background-color: transparent;
	}
	.submenu li {
		font-size: 1em;
		list-style-type: none;
	}
	.submenu li a {
		padding: 0.25em 0.4em;
		display: block;
	}
	.submenu li li {
		font-size: 1em;
		list-style-type: none;
	}
	.submenu li li a {
		padding: 0.25em 1.0em;/* 0.8 */
		display: block;
	}
	.submenu li li li a {
		padding: 0.25em 1.6em;/* 1.2 */
		display: block;
	}
	.submenu li li li li a {
		padding: 0.25em 2.2em;/* 1.6 */
		display: block;
	}
	.submenu a {
		text-decoration: none;
	}
	.submenu a:hover {
		color: #999;
		background-color: #FFF;
	}
	.submenu li span.menu_current a.menu_current {
		color: #FFF;
		background-color: #F7941D;
	}


/* top navigation */
ul,
ul#nav {
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: left;
	font-size: 11px;
}
ul#nav {
	border-top: 7px solid #fff;
}

ul#nav a {
	display: block;
	padding: 1px 8px 3px;
	text-decoration: none;
	color: #fff;
	margin-top: 6px;
}

ul#nav li.menu-current a,
ul#nav li.menu-parent a {
	margin-top: 0;
	border-top: 6px solid #000;
}

ul#nav li.menu-parent li a {
	border-top: none;
}

ul#nav li li a,
ul#nav li.menu-current li a,
ul#nav li li.menu-current li a {
	width: 134px;
	height: auto;
	margin-top: 0;
	padding: 2px 8px;
	background: transparent url('/templates/images/nav-transp.png') left top repeat;
	border-top: none;
}

ul#nav li li.menu-current a {
	background: #000;
	border-top: none;
}

ul#nav li li a,
ul#nav li li.menu-last li a,
ul#nav li li.menu-current.menu-last li a,
ul#nav li li.menu-current a.menu-expand li a {
	background: transparent url('/templates/images/nav-transp.png') left top repeat;
}

ul#nav li li.menu-last a,
ul#nav li li.menu-last li.menu-last a,
ul#nav li li.menu-current li.menu-last a {
	padding-bottom: 5px;
	background: transparent url('/templates/images/nav-transp.png') left bottom repeat;
}

ul#nav li li a:hover,
ul#nav li li.menu-last li a:hover,
ul#nav li li.menu-current li a:hover,
ul#nav li li li.menu-current a {
	background: transparent url('/templates/images/nav-transp-on.png') left top repeat;
}

ul#nav li li.menu-last a:hover,
ul#nav li li.menu-last li.menu-last a:hover,
ul#nav li li.menu-current.menu-last a,
ul#nav li li.menu-current li.menu-last a:hover,
ul#nav li li.menu-current.menu-last li.menu-last a:hover,
ul#nav li li li.menu-current.menu-last a {
	padding-bottom: 5px;
	background: transparent url('/templates/images/nav-transp-on.png') left bottom repeat;
}

ul#nav li li a.menu-expand {
	background: transparent url('/templates/images/nav-transp-haschild.png') left top repeat;
}
ul#nav li li a.menu-expand:hover,
ul#nav li li.menu-current a.menu-expand {
	background: transparent url('/templates/images/nav-transp-on-haschild.png') left top repeat;
}
ul#nav li li.menu-last a.menu-expand {
	background: transparent url('/templates/images/nav-transp-haschild.png') left bottom repeat;
}
ul#nav li li.menu-last a.menu-expand:hover,
ul#nav li li.menu-current.menu-last a.menu-expand {
	background: transparent url('/templates/images/nav-transp-on-haschild.png') left bottom repeat;
}

ul#nav li { /* all list items */
	float: left;
	/*width: auto;*/ /* width needed or else Opera goes nuts */
}
ul#nav li li {
	width: 134px;
}

ul#nav li ul { /* second-level lists */
	position: absolute;
	width: 10em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	padding-top: 5px;
}

ul#nav li ul ul { /* third-and-above-level lists */
	margin: -1.3em 0 0 10em;
}

ul#nav li:hover ul ul,
ul#nav li:hover ul ul ul,
ul#nav li.sfhover ul ul,
ul#nav li.sfhover ul ul ul {
	left: -999em;
}

ul#nav li:hover ul,
ul#nav li li:hover ul,
ul#nav li li li:hover ul,
ul#nav li.sfhover ul,
ul#nav li li.sfhover ul,
ul#nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}