/*
		Center for Ledelse
		Styles, copyright 2009
		Author: Creuna Danmark A/S

 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

html { font-size: 100%; }
body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Tahoma, Arial, Sans-Serif;
	font-size: 62.5%;
	line-height: 1.6em;
	color: #272727;
	text-align: center;
	background: #fff;
}

table, td, form, input, textarea, select {
	font-family: Verdana, Tahoma, Arial, Sans-Serif;
	font-size: 100%;
	color: #444;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
		Elements
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

table, img, form, input, textarea, select, radio {
	margin: 0;
}
img {
	border: 0;
}

ul {
	margin: 0 0 15px 0;
	padding: 0 0 0 25px;
	}
	ul li {
		margin: 0;	
	}

table {
	margin: 0;
	padding: 0;
	border: 0;
	}
	table td {
		padding: 2px 0 2px 0;
		vertical-align: top;
	}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
		Clearing floats
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix { display: inline-block }
.clearfix { display:block }

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
		Accessibility & SEO
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.accessibility {
	position: absolute;
	top: -999em;
	left: -999em;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
		Typography
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

h1 {
	margin: 0 0 13px 0;
	padding: 0 0 13px 0;
	font-family: Georgia;
	font-size: 3.2em;
	font-weight: bold;
	line-height: 1.1em;
	letter-spacing: -1px;
	color: #313131;
	background: url('../gfx/background/bg-header.png') repeat-x 0 100%;
}
/*
body#lightgreen h1 { color: #8c0; }
body#darkgreen h1 { color: #478591; }
body#darkred h1 { color: #B00219; }
body#darkblue h1 { color: #1B4E8D; }
body#lightblue h1 { color: #5394D9; }
body#orange h1 { color: #f60; }
*/

h2 {
	margin: 0 0 10px 0;
	padding: 0;
	font-family: Georgia;
	font-size: 1.8em;
	font-weight: normal;
	line-height: 1.3em;
	color: #eb0b95;
}
h3 {
	margin: 0;
	padding: 0;
	font-size: 1em;
}
/* Frontpage section headlines */
h3.section {
	margin: 0 0 10px 0;
	padding: 13px 8px 7px 3px;
	font-family: Georgia;
	font-size: 1.7em;
	font-weight: normal;
	line-height: 1.2em;
	color: #313131;
	border-bottom: 1px solid #dbdbdb;
	background: url('../gfx/background/bg-header-section.png') repeat-x;
}
h4 {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 1em;
	font-weight: bold;
}

p {
	margin: 0 0 15px 0;
	padding: 0;
	}
	p.info { color: #778a9d; }
a {
	color: #00659d;
	text-decoration: none;
}
a:hover, a:active {
	text-decoration: underline;
}
/*
body#lightgreen a { color: #f60; }
body#darkgreen a { color: #f00; }
body#darkred a { color: #f00; }
body#darkblue a { color: #59A9FF; }
body#lightblue a { color: #0078FF; }
body#orange a { color: #5AA350; }
*/

a.more {
	float: right;
	margin-top: 5px;
	padding: 0 10px 0 0;
	font-family: Verdana, Arial;
	font-size: 10px;
	line-height: 1.5em;
	background: url('../gfx/bullets/bullet.png') no-repeat 100% 4px;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
		Forms
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

fieldset {
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
}
legend {
	display: none;
}

input.formfield {
	padding: 2px;
	line-height: normal;
	background: #fff;
	}
input.formfield.large { width: 180px; }
textarea.formarea {
	height: 100px;
	padding: 2px;
	line-height: normal;
	}
	textarea.formarea.small { height: 30px; }
select.formselect {
	width: 176px;
}
input.formbutton {
	padding: 6px 15px;
	color: #fff;
	border: 0;
	background: #1c5a7d url('../gfx/background/bg-button.png') repeat-x 0 50%;
}

/* Fix progressive padding in IE */
input[type=submit] {
	width: auto;
	overflow: visible;
	cursor: pointer;
}

/* Synkron Via forms */
div.inputPart {
	margin: 1px 0 8px 0;
}
div.submitPart {
	margin: 1px 0 8px 0;
	text-align: right;
}
div.formError {
	margin: 0;
	}
	div.formError em {
		color: red;
		font-style: normal;
	}
input.viaCheckbox {
	margin: 0 5px 0 0;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
		Main containers
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/* Page top shadow */
#shadow {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 100;
	width: 100%;
	height: 10px;
	background: url('../gfx/background/bg-top-fixed-alt.png') repeat-x;
}

#container {
	width: 880px;
	margin: 10px auto 0 auto;
	text-align: left;
	background: #fff;
}

#top {
	padding: 0 0 10px 0;
	font-size: 1.1em;
	}

	#logo {
		float: left;
		position: relative;
		width: 160px;
		height: 85px;
	}
	/*
	body#lightgreen #logo { background: url('../gfx/logo/logo-lightgreen.gif') no-repeat; }
	body#darkgreen #logo { background: url('../gfx/logo/logo-darkgreen.gif') no-repeat; }
	body#darkred #logo { background: url('../gfx/logo/logo-darkred.gif') no-repeat; }
	body#darkblue #logo { background: url('../gfx/logo/logo-darkblue.gif') no-repeat; }
	body#lightblue #logo { background: url('../gfx/logo/logo-lightblue.gif') no-repeat; }
	body#orange #logo { background: url('../gfx/logo/logo-orange.gif') no-repeat; }
	*/
	
	#functions {
		float: right;
		}
		
		#shortcuts {
			clear: right;
			float: right;
			margin-top: 45px;
			width: 650px;
		}
		#shortcuts ul {
			float: right;
			margin: 0;
			padding: 0;
		}
		#shortcuts ul li {
			float: left;
			margin: 0;
			padding: 0;
			list-style-type: none;
		}
		#shortcuts ul li a {
			float: left;
			margin: 0 0 0 7px;
			padding: 1px 0 1px 8px;
			font-size: .9em;
			color: #242424;
			text-decoration: none;
			background: url('../gfx/background/bg-sep-shortcuts.png') no-repeat 0 50%;
		}
		#shortcuts ul li.first a, 
		#shortcuts ul li:first-child a { background: none; }
		#shortcuts ul li a:hover {
			text-decoration: underline;
		}
		#shortcuts ul li a.selected, #shortcuts ul li a.expanded {
			color: #eb0b95;
			font-weight: bold;
		}
		
		#search {
			float: right;
			width: 350px;
			text-align: right;
			}
			#search input.formfield {
				width: 200px;
				font-size: .95em;
				padding: 5px 2px;		
				border: 1px solid #c9c9c9;
			}
			#search input.formbutton {
				font-size: .95em;
			}
	
	#language {
		float: right;
		margin-top: 38px;
		}
		#language ul {
			margin: 0;
			padding: 0;
			list-style-type: none;
		}
		#language ul li {
			margin: 0;
			padding: 0;
		}
		#language ul li a {
			color: #778a9d;
		}
		#language ul li a:hover {
			color: #43576b;
		}

#feature-wrap {
	display: block;
	overflow: hidden;
	position: relative;
	width: 880px;
	height: 320px;
	margin: 0 0 5px 0;
	color: #fff;
	}
	
	#feature-carousel {
		width: 10000px;
		height: 320px;
	}
	
	/* Previous link, not shown */
	#feature-carousel a#feature-previous {
		position: absolute;
		width: 265px;
		height: 320px;
		background: url(../gfx/bullets/bullet-feature-previous-slim.png) no-repeat 0 0;
		filter: alpha(opacity=0);
		opacity: 0;
		top: 0; right: 265px;
		}
		#feature-carousel a#feature-previous:hover {
			filter: alpha(opacity=80);
			opacity: 0.80;
		}
		#feature-carousel a#feature-previous strong {
			position: absolute;
			top: -999em; left: -999em;
		}
	#feature-carousel a#feature-next {
		position: absolute;
		width: 530px;
		height: 320px;
		background: url(../gfx/bullets/bullet-feature-next-slim.png) no-repeat 100% 0;
		filter: alpha(opacity=20);
		opacity: 0.20;
		top: 0; right: 0;
		}
		#feature-carousel a#feature-next:hover {
			filter: alpha(opacity=80);
			opacity: 0.80;
		}
		#feature-carousel a#feature-next strong {
			position: absolute;
			top: -999em; left: -999em;
		}
	
	div.feature-item {
		position: relative;
		float: left;
		width: 880px;
		height: 320px;
	}
	div.feature-item a, div.feature-item h1 a { color: #fff; text-decoration: underline; }
	div.feature-item a:hover, div.feature-item h1 a:hover { text-decoration: none; }
	
	/* Feature overlay (blue) */
	div.feature-item div.overlay {
		position: absolute;
		top: 0; left: 0;
		width: 350px;
		height: 320px;
		background: #009bd5 url('../gfx/background/bg-feature-overlay.png') no-repeat;
		filter: alpha(opacity=87);
		opacity: 0.87;
	}
	div.feature-item.complex div.overlay { height: 180px; }
	
	/* Feature overlay links (grey) */
	div.feature-item div.overlay-light {
		position: absolute;
		top: 180px; left: 0;
		width: 350px;
		height: 70px;
		background: #6e888e;
		filter: alpha(opacity=80);
		opacity: 0.80;
	}
	div.feature-item div.overlay-dark {
		position: absolute;
		top: 250px; left: 0;
		width: 350px;
		height: 70px;
		background: #353f4b;
		filter: alpha(opacity=63);
		opacity: 0.63;
	}
	
	/* Feature content */
	div.feature-item div.story {
		position: absolute;
		top: 0;
		left: 0;
		width: 320px;
		height: 290px;
		padding: 15px;
		overflow: hidden;
	}
	div.feature-item.complex div.story { height: 150px; }
	div.feature-item div.story h1 {
		margin: 0 0 10px 0;
		padding: 0;
		font-weight: normal;
		color: #fff;
		background: none;
	}
	
	/* Feature links */
	div.feature-item div.ref {
		position: absolute;
		width: 320px;
		height: 50px;
		padding: 15px 15px 5px 15px;
		overflow: hidden;
	}
	div.feature-item div.ref.light {
		top: 180px; left: 0;
	}
	div.feature-item div.ref.dark {
		top: 250px; left: 0;
	}




#feature {
	position: relative;
	height: 320px;
	margin: 0 0 5px 0;
	color: #fff;
	}
	#feature a, #feature h1 a { color: #fff; text-decoration: underline; }
	#feature a:hover, #feature h1 a:hover { text-decoration: none; }
	
	/* Feature overlay (blue) */
	#feature div.overlay {
		position: absolute;
		top: 0; left: 0;
		width: 350px;
		height: 320px;
		background: #009bd5 url('../gfx/background/bg-feature-overlay.png') no-repeat;
		filter: alpha(opacity=87);
		opacity: 0.87;
	}
	#feature.complex div.overlay { height: 180px; }
	
	/* Feature overlay links (grey) */
	#feature div.overlay-light {
		position: absolute;
		top: 180px; left: 0;
		width: 350px;
		height: 70px;
		background: #6e888e;
		filter: alpha(opacity=80);
		opacity: 0.80;
	}
	#feature div.overlay-dark {
		position: absolute;
		top: 250px; left: 0;
		width: 350px;
		height: 70px;
		background: #353f4b;
		filter: alpha(opacity=63);
		opacity: 0.63;
	}
	
	/* Feature content */
	#feature div.story {
		position: absolute;
		top: 0;
		left: 0;
		width: 320px;
		height: 290px;
		padding: 15px;
		overflow: hidden;
	}
	#feature.complex div.story { height: 150px; }
	#feature div.story h1 {
		margin: 0 0 10px 0;
		padding: 0;
		font-weight: normal;
		color: #fff;
		background: none;
	}
	
	/* Feature links */
	#feature div.ref {
		position: absolute;
		width: 320px;
		height: 50px;
		padding: 15px 15px 5px 15px;
		overflow: hidden;
	}
	#feature div.ref.light {
		top: 180px; left: 0;
	}
	#feature div.ref.dark {
		top: 250px; left: 0;
	}

#topnav {
	background: #787878 url('../gfx/background/bg-topnav.png') repeat-x 0 100%;
	}
	#topnav ul {
		margin: 0;
		padding: 0;
	}
	#topnav ul li {
		float: left;
		display: inline;
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	#topnav ul li.selected {
		background: #009bd5 url('../gfx/background/bg-feature-overlay.png') no-repeat 50% 0;
	}
	#topnav ul li a {
		float: left;
		height: 26px;
		font-family: Georgia;
		font-size: 1.6em;
		line-height: 1.1em;
		font-weight: normal;
		margin: 0;
		padding: 10px 15px 0 15px;
		color: #fff;
		/* Reversed
		background: url('../gfx/background/bg-topnav-sep.png') no-repeat 100% 0;
		*/
		background: url('../gfx/background/bg-topnav-sep.png') no-repeat;
	}
	/* Reversed (Added) */
	#topnav ul li:first-child a { background: none; }
	#topnav ul li a strong { font-weight: normal; }
	
	/*
	#topnav ul li.company a { width: 143px; background: url(../gfx/navigation/nav-company.png) no-repeat; }
	#topnav ul li.manager a { width: 85px; background: url(../gfx/navigation/nav-manager.png) no-repeat; }
	#topnav ul li.employee a { width: 142px; background: url(../gfx/navigation/nav-employee.png) no-repeat; }
	#topnav ul li.subscriber a { width: 123px; background: url(../gfx/navigation/nav-subscriber.png) no-repeat; }
	#topnav ul li.about a { width: 94px; background: url(../gfx/navigation/nav-about.png) no-repeat; }
	*/
	#topnav ul li a:hover, #topnav ul li a:active, #topnav ul li a:focus {
	}
	#topnav ul li a.selected, #topnav ul li a.expanded {
	}
	
	/*
	body#lightgreen #topnav ul li a.selected, body#lightgreen #topnav ul li a.expanded { background: #9ACF31; }
	body#darkgreen #topnav ul li a.selected, body#darkgreen #topnav ul li a.expanded { background: #255F6B; }
	body#darkred #topnav ul li a.selected, body#darkred #topnav ul li a.expanded { background: #A80218; }
	body#darkblue #topnav ul li a.selected, body#darkblue #topnav ul li a.expanded { background: #25476F; }
	body#lightblue #topnav ul li a.selected, body#lightblue #topnav ul li a.expanded { background: #63A6ED; }
	body#orange #topnav ul li a.selected, body#orange #topnav ul li a.expanded { background: #f60; }

	#topnav ul li  a strong { font-weight: normal; }
	#topnav ul li  a.selected strong { font-weight: bold; }
	#topnav ul li  a span {
		display: block;
		margin: 0 0 5px 0;
		font-weight: normal;
		line-height: 1.4em;
		text-transform: none;
	}
	*/
	
#main {
	padding: 30px 0 20px 0;
	font-size: 1.1em;
	}
	body.frontpage #main { padding-top: 10px; }
	
	#left {
		float: left;
		width: 160px;
		margin-right: 16px;
		padding-top: 16px;
		font-size: .9em;
		border-top: 1px solid #dbdbdb;
		}
		body.frontpage #left { border: none; }
		
		#leftnav {
			margin: 0 0 15px 0;
			overflow: hidden;
			}
			#leftnav ul {
				margin: 0;
				padding: 0;
			}
			#leftnav ul li {
				display: block;
				margin: 0;
				padding: 2px 0;
				list-style-type: none;
				border-top: 1px solid #dbdbdb;
			}
			#leftnav ul li.first { border: none; }
			#leftnav ul li a {
				display: inline;
				margin: 0;
				font-weight: normal;
				line-height: 1.8em;
				color: #000;
			}
			/*
			#leftnav ul li a.hasChildren {
				background: url('../gfx/bullets/bullet-leftnav-level1.gif') no-repeat 0 4px;
			}
			#leftnav ul ul li a.hasChildren { background: none; }
			*/
			#leftnav ul ul li {
				padding: 1px 0 1px 20px;
				border: none;
			}
			#leftnav ul ul li a {
			}
			#leftnav ul ul ul li {
				padding: 1px 0 1px 10px;
			}
			#leftnav ul ul ul li a {
				color: #666;
			}
			#leftnav ul li a:hover {
				text-decoration: underline;
			}
			#leftnav ul li a.selected, #leftnav ul li a.expanded {
				padding-left: 20px;
				font-weight: bold;
				color: #eb0b95;
				background: url('../gfx/bullets/bullet.png') no-repeat 9px 4px;
			}
			#leftnav ul ul li a.selected, #leftnav ul ul li a.expanded {
				padding: 0;
				color: #000;
				background: none;
			}
			#leftnav ul ul ul li a.selected, #leftnav ul ul ul li a.expanded {
			}
		
		/* Leftnav on filter pages */
		#leftnav.filter {
			margin: 15px 0 15px 0;
		}
		#leftnav.filter h3 {
			padding: 0 0 5px 0;
			border-bottom: 1px solid #999;
		}

		#filterarticles {
			margin: 15px 0;
			}
			#filterarticles h3 {
				padding: 0 0 5px 0;
				border-bottom: 1px solid #999;
			}
			#filterarticles ul {
				margin: 5px 0 15px 0;
				padding: 0;
				list-style-type: none;
			}
			#filterarticles ul li {
				display: block;
				margin: 0;
				padding: 2px 0;
				list-style-type: none;
				border-top: 1px solid #dbdbdb;
			}
			#filterarticles ul li:first-child { border: none; }
			#filterarticles ul li a {
				display: inline;
				margin: 0;
				font-weight: normal;
				line-height: 1.8em;
				color: #000;
			}
			#filterarticles ul li a.selected {
				padding-left: 20px;
				font-weight: bold;
				color: #eb0b95;
				background: url('../gfx/bullets/bullet.png') no-repeat 9px 4px;
			}
		
		#filterevents {
			margin: 15px 0;
			}
			#filterevents h3 {
				padding: 0 0 5px 0;
				border-bottom: 1px solid #999;
			}
			#filterevents ul {
				margin: 5px 0 15px 0;
				padding: 0;
				list-style-type: none;
			}
			#filterevents ul li {
				display: block;
				margin: 0;
				padding: 2px 0;
				list-style-type: none;
				border-top: 1px solid #dbdbdb;
			}
			#filterevents ul li:first-child { border: none; }
			#filterevents ul li a {
				display: inline;
				margin: 0;
				font-weight: normal;
				line-height: 1.8em;
				color: #000;
			}
			#filterevents ul li a.selected {
				padding-left: 20px;
				font-weight: bold;
				color: #eb0b95;
				background: url('../gfx/bullets/bullet.png') no-repeat 9px 4px;
			}
		
		/* Old styling...
		#filterarticles {
			margin: 15px 0;
			}
			#filterarticles h3 {
				padding: 0 0 5px 0;
				border-bottom: 1px solid #999;
			}
			#filterarticles ul {
				margin: 5px 0 15px 0;
				padding: 0;
				list-style-type: none;
			}
			#filterarticles ul li {
				margin: 0;
				padding: 0;
			}
			#filterarticles ul li a {
				padding: 1px 0 1px 20px;
				line-height: 1.8em;
			}
			#filterarticles ul li a.selected {
				color: #eb0b95;
				font-weight: bold;
				background: url('../gfx/bullets/bullet.png') no-repeat 9px 4px;
			}
				
		#filterevents {
			margin: 15px 0;
			}
			#filterevents h3 {
				padding: 0 0 5px 0;
				border-bottom: 1px solid #999;
			}
			#filterevents ul {
				margin: 5px 0 15px 0;
				padding: 0;
				list-style-type: none;
			}
			#filterevents ul li {
				margin: 0;
				padding: 0;
			}
			#filterevents ul li a {
				padding: 1px 0 1px 20px;
				line-height: 1.8em;
			}
			#filterevents ul li a.selected {
				color: #eb0b95;
				font-weight: bold;
				background: url('../gfx/bullets/bullet.png') no-repeat 9px 4px;
			}
		*/
		
	#content {
		float: left;
		width: 500px;
		margin: 0 28px 10px 0;
		border-top: 1px solid #dbdbdb;
		}
		body.frontpage #content { border: none; }
		
		body.frontpage #content,
		body.full #content { width: 704px; margin-right: 0; }
		
		#content div.contentleft {
			float: left;
			width: 330px;
			margin-right: 18px;
		}
		#content div.contentright {
			float: left;
			width: 330px;
		}
		
		body.full #content div.contentleft {
			width: 500px;
			margin-right: 28px;
		}
		body.full #content div.contentright {
			width: 176px;
			margin-right: 0;
		}
		
		#content div.block {
			margin: 0 0 7px 0;
		}
		
		#content div.image {
			margin: 0 0 5px 0;
			}
			#content div.image.left {
				float: left;
				margin: 0 10px 5px 0;
			}
			#content div.image.right {
				float: right;
				margin: 0 0 5px 10px;
			}

		#tools {
			width: 500px;
			margin: -22px 0 50px 0;
			font-size: .85em;
			}

			#tools ul {
				float: right;
				margin: 0;
				padding: 0;
				list-style-type: none;
			}
			#tools ul li {
				display: inline;
				margin: 0;
				padding: 0;
			}
			#tools ul li a {
				float: left;
				line-height: 1.9em;
				color: #2d2d2d;
			}
			#tools ul li a.home {
				margin: 0 15px 0 0;
				padding: 0 0 0 19px;
				background: url('../gfx/icons/icn-home.gif') no-repeat 0 50%;
			}
			#tools ul li a.print {
				margin: 0 15px 0 0;
				padding: 0 0 0 19px;
				background: url('../gfx/icons/icn-print.gif') no-repeat 0 50%;
			}
			#tools ul li a.tellacollegue {
				padding: 0 0 0 15px;
				background: url('../gfx/icons/icn-tellacollegue.gif') no-repeat 0 50%;
			}
	
	#right {
		float: right;
		width: 176px;
		padding-top: 50px;
		font-size: .9em;
		border-top: 1px solid #dbdbdb;
		}
		body.frontpage #right { border: none; padding: 0; }
		
		#right h3.section { font-size: 1.9em; }
		
		#right input.formfield, 
		body.full #content div.contentright input.formfield { width: 170px; }
		#right textarea.formarea, 
		body.full #content div.contentright textarea.formarea { width: 170px; }
		
		/* Right navigation on frontpage */
		#quicklinks {
			margin: 0 0 13px 0;
			border-bottom: 2px solid #dbdbdb;
			}
			#quicklinks ul {
				margin: 0 0 10px 0;
				padding: 0;
				line-height: 1.9em;
				list-style-type: none;
			}
			#quicklinks ul li {
				margin: 0;
				padding: 0;
			}
			#quicklinks ul li a {
				margin: 5px 0 0 0;
				padding: 0 0 0 20px;
				background: url('../gfx/bullets/bullet.png') no-repeat 8px 3px;
			}
					
		/* Hotspots */
		div.hotspot {
			margin: 0 0 15px 0;
			padding: 15px 10px;
			color: #fff;
			background: #313131 url('../gfx/background/bg-hotspot.png') repeat-x;
			}
			div.hotspot h3 {
				margin: 0 0 10px 0;
				font-family: Georgia;
				font-size: 1.5em;
				font-weight: bold;
				line-height: 1.4em;
				color: #0aa0df;
			}
			div.hotspot a {}
			div.hotspot a:hover {
				color: #fff;
			}
			div.hotspot div.image {
				margin: 0 0 5px 0;
			}
			div.hotspot ul {
				margin: 0 0 15px 0;
				padding: 0;
				list-style-type: 0;
			}
			div.hotspot ul li {
				display: inline;
				margin: 0;
				padding: 0;
			}
			div.hotspot ul li a {
				display: block;
				padding: 0 0 0 10px;
				color: #fff;
				background: url('../gfx/bullets/bullet.png') no-repeat 0 4px;
			}
		
		/* Hotspots on frontpage (Content column) */
		body.frontpage #content div.hotspot {
			position: relative;
			margin: 0 0 10px 0;
			padding: 180px 8px 15px 8px;
			color: #272727;
			/*background: #fff;
			border-bottom: 1px solid #f2f2f2;*/
			background: #f2f2f2;
		}
		body.frontpage #content div.hotspot h3 {
			color: #272727;
			font-size: 2.6em;
			line-height: 1.2em;
			font-weight: normal;
		}
		body.frontpage #content div.hotspot h3 a { color: #272727; text-decoration: none; }
		body.frontpage #content div.hotspot h3 a:hover { text-decoration: underline; }
		body.frontpage #content div.hotspot p {
			margin: 0 0 5px 0;
		}
		body.frontpage #content div.hotspot a {
			color: #00659d;
			text-decoration: underline;
		}
		body.frontpage #content div.hotspot a:hover {
			text-decoration: none;
		}
		body.frontpage #content div.hotspot div.image {
			position: absolute;
			top: 0;
			left: 0;
			float: none;
			margin: 0 0 10px 0;
			border: none;
		}
		
		/* Hotspots on frontpage (Right column) 
		body.frontpage #right div.hotspot {
			padding-bottom: 10px;
		}
		body.frontpage #right div.hotspot.light { background: #787878 url('../gfx/background/bg-hotspot-light.png') repeat-x 0 100%; }
		body.frontpage #right div.hotspot.blue { background: #23a9db url('../gfx/background/bg-hotspot-blue.png') repeat-x 0 100%; }
		
		body.frontpage #right div.hotspot div.image {
			margin: -15px -10px 5px -10px;
		}
		body.frontpage #right div.hotspot h3 {
			margin: 0 0 5px 0;
			font-size: 1.7em;
			color: #fff;
			line-height: 1.3em;
			font-weight: normal;
		}
		body.frontpage #right div.hotspot ul { margin: 0; }
		body.frontpage #right div.hotspot ul li a { background: url('../gfx/bullets/bullet-dark.png') no-repeat 0 4px; }
		*/

#footer {
	/*
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 99;
	*/
	width: 100%;
	margin: 0;
	padding: 15px 0;
	font-size: .9em;
	color: #a3a3a3;
	background: #f5f5f5 url('../gfx/background/bg-footer.png') repeat-x;
	text-align: center;
	}
	
	#footer-content {
		width: 880px;
		margin: 0 auto;
		text-align: left;
	}
	
	#footer p { margin: 0; }
	#footer a { color: #a3a3a3; text-decoration: underline; }
	#footer a:hover { text-decoration: none; }
	
	#companylogo {
		float: left;
		margin: 0 8px 0 0;
	}
	#companyinfo {
		float: left;
		margin: 9px 0 0 0;
	}
	#copyright {
		float: right;
		width: 176px;
		text-align: right;
		margin: 9px 0 0 0;
	}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
		Content elements
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/* Searchresults */
#searchresults {
	}
	#searchresults ul {
		margin: 15px 0;
		padding: 0;
		list-style-type: none;
	}
	#searchresults ul li {
		margin: 0 0 3px 0;
		padding: 0;
	}
	#searchresults ul li a {
		padding: 1px 0 1px 18px;
		background: url('../gfx/bullets/bullet-filter-orange.gif') no-repeat 1px 1px;
	}

	#searchresults ul.paging {
		margin: 5px 0 15px 0;
		}
		#searchresults ul.paging li {
			margin: 0 5px 0 0;
			display: inline;
		}
		#searchresults ul.paging li a {
			padding: 0;
			background: none;
		}
	
	#searchresults div.inputPart { float: left; }
	#searchresults div.submitPart { float: left; margin: 3px 0 0 3px; text-align: left; }

	#searchresults div.resultlist {
		clear: both;
		margin: 5px 0 0 0;
	}

/* Lists of events and articles */
div.list {
	margin: 15px 0;
	}
	body.frontpage div.list { margin: 0; }
	
	/* Main news and events on frontpage */
	div.list dl.latest {
		position: relative;
		margin: 0 0 10px 0;
		padding: 180px 8px 15px 8px;
		background: #f2f2f2;
		}
		#eventlist.list dl.latest {
			padding: 0 0 5px 0;
			background: none;
		}
		div.list dl.latest dt {
			margin: 0;
			padding: 0 0 15px 0;
			font-family: Georgia;
			font-size: 2.6em;
			line-height: 1.2em;
			color: #313131;
		}
		div.list dl.latest dt a { color: #000; }
		#eventlist.list dl.latest dt a { color: #272727; }
		#eventlist.list dl.latest dt { padding: 10px 0 20px 0; font-size: 1.8em; }
		div.list dl.latest dd.image {
			position: absolute;
			top: 0;
			left: 0;
			float: none;
			margin: 0 0 10px 0;
			border: none;
		}
		div.list dl.latest dd.description {
			margin: 0 0 5px 0;
			color: #272727;
			background: url('../gfx/bullets/bullet-news.png') no-repeat 0 2px;
		}
		#eventlist.list dl.latest dd.description { background: url('../gfx/bullets/bullet-event.png') no-repeat 0 1px; }
		div.list dl.latest dd.description em {
			padding: 0 5px 0 15px;
			font-style: normal;
			color: #000;
			font-weight: bold;
			background: url('../gfx/background/bg-sep-shortcuts.png') no-repeat 100% 2px;
		}
		#eventlist.list dl.latest dd.description em { color: #bcbcbc; }
		div.list dl.latest dd.more a { color: #00659d; text-decoration: underline; }
		div.list dl.latest dd.more a:hover { text-decoration: none; }
	
	/* New list design */
	div.list ul {
		margin: 0;
		padding: 0;
		font-size: .9em;
		list-style-type: none;
		}
		div.list ul li {
			padding: 4px 8px 4px 25px;
			border-bottom: 1px solid #dbdbdb;
			background: url('../gfx/bullets/bullet-news.png') no-repeat 8px 6px;
		}
		#eventlist.list ul li { background: url('../gfx/bullets/bullet-event.png') no-repeat 8px 4px; }
		div.list ul li em {
			padding-right: 5px;
			font-style: normal;
			color: #bcbcbc;
			color: #666;
			background: url('../gfx/background/bg-sep-shortcuts.png') no-repeat 100% 50%;
		}
		div.list ul li a { color: #000; }
		/* Show all link */
		#newslist.list ul li.more,
		#eventlist.list ul li.more {
			margin-top: -1px;
			padding-top: 5px;
			border: none;
			border-top: 1px solid #fff;
			background: none;
		}
		div.list ul li.more a { color: #00659d; text-decoration: underline; }
		div.list ul li.more a:hover { text-decoration: none; }
	
	/* Standard list (Articles & Events) */
	div.list dl {
		margin: 0;
		padding: 0;
	}
	div.list dl dt {
		clear: both;
		padding-top: 10px;
		font-size: 1.1em;
		line-height: 2.1em;
	}
	div.list dl dt.first { padding: 0; }
	div.list dl dd {
		margin: 0;
		padding: 0;
	}
	div.list dl dd.date {
		float: left;
		margin: 0 15px 0 0;
		padding: 1px 0 1px 18px;
		color: #999;
		background: url('../gfx/icons/icn-calendar.gif') no-repeat 0 60%;
	}
	div.list dl dd.member {
		float: left;
		padding: 1px 0 1px 18px;
		color: #999;
		background: url('../gfx/icons/icn-lock.gif') no-repeat 1px 60%;
	}
	div.list dl dd.category {
		float: left;
		margin-right: 10px;
		padding-right: 10px;
		color: #999;
		background: url('../gfx/icons/icn-sep.gif') no-repeat 100% 55%;
	}
	div.list dl dd.category a, 
	body#orange div.list dl dd.category a, 
	body#darkgreen div.list dl dd.category a { color: #999; }
	body.frontpage div.list dl dd.category {
		margin: 0;
		padding: 1px 0 1px 16px;
		background: url('../gfx/icons/icn-type.gif') no-repeat 0 60%;
	}
	div.list dl dd.type {
		float: left;
		padding-left: 16px;
		color: #999;
		background: url('../gfx/icons/icn-type.gif') no-repeat 1px 50%;
	}
	div.list dl dd.type a, body#darkgreen div.list dl dd.type a { color: #999; }
	div.list dl dd.form {
	}
	div.list dl dd.location {
		float: left;
		padding-left: 18px;
		color: #999;
		background: url('../gfx/icons/icn-home.gif') no-repeat 1px 55%;
	}
	div.list dl dd.description {
		margin: 4px 0 0 0;
	}
	div.list dl dd.image {
		float: left;
		margin: 7px 10px 0 0;
		border: 2px solid #ccc;
		}
		div.list dl dd.image img { display: block; }
	div.list dl dd.sep { clear: both; }

/* Events */
#event {
	}
	
	#event div.confirm {
		margin: 0 0 15px 0;
		padding: 10px;
		color: #fff;
		background: #f60;
	}
	#event div.confirm p { margin: 0; }
	
	#event div.info {
		margin: 0 0 15px 0;
		padding: 10px 0 0 0;
		font-size: .9em;
		border-top: 1px solid #dbdbdb;
		}
		#event div.info ul {
			margin: 0;
			padding: 0;
			list-style-type: none;
		}
		#event div.info ul li {
			margin: 0;
			padding: 0;
		}
		
		#event div.info ul li.currentdate {
			margin-bottom: 2px;
			padding: 1px 0 1px 18px;
			color: #999;
			background: url('../gfx/icons/icn-calendar.gif') no-repeat 0 3px;
		}
		#event div.info ul li.currentdate-desc {
			padding: 1px 0 1px 18px;
			color: #999;
			background: url('../gfx/icons/icn-text.gif') no-repeat 0 3px;
		}
		#event div.info ul li.normaldate {
			display: none;
		}
		#event div.info ul li.normaldate-desc {
			display: none;
		}
		
		#event div.info ul li.duration {
			padding: 1px 0 1px 18px;
			color: #999;
		}
		
		#event div.info ul li.member {
			margin-top: 2px;
			padding: 1px 0 1px 18px;
			color: #999;
			background: url('../gfx/icons/icn-lock.gif') no-repeat 0 50%;
		}
	
	#event div.image {
		clear: both;
	}
	
	#event div.box {
		float: right;
		width: 166px;
		margin: 0 0 15px 15px;
		padding: 15px 10px;
		font-size: .9em;
		color: #fff;
		background: #313131 url('../gfx/background/bg-hotspot.png') repeat-x;
		}
		#event div.box div.boxsep {
			padding-top: 10px;
			/*background: url('../gfx/box-sep.gif') no-repeat 100% 0;*/
			border-top: 1px solid #444;
		}
		#event div.box h3 {
			margin: 0 0 10px 0;
			font-family: Georgia;
			font-size: 1.3em;
			font-weight: bold;
			line-height: 1.4em;
			color: #0aa0df;
		}
		#event div.box p {
			margin: 0 0 10px 0;
			color: #fff;
		}
		#event div.box a {
			color: #fff;
			font-weight: bold;
			text-decoration: underline;
		}
		#event div.form {
			margin: 0 0 10px 0;
		}
		#event div.price {
			margin: 0 0 10px 0;
		}
		#event div.location {
			margin: 0 0 10px 0;
		}
		#event div.speaker {
			margin: 0 0 10px 0;
		}
		
	#event div.infoextra {
		margin-top: 15px;
		padding-top: 15px;
		color: #999;
		border-top: 1px solid #ccc;
		}
		#event div.infoextra ul {
			margin: 0;
			padding: 0;
			list-style-type: none;
		}
		#event div.infoextra ul li {
			margin: 0;
			padding: 0;
		}
		#event div.infoextra ul li.descriptionextra {
			margin-bottom: 2px;
			padding: 1px 0 1px 18px;
			color: #999;
			background: url('../gfx/icons/icn-text.gif') no-repeat 0 3px;
		}
		#event div.infoextra ul li.tailormade {
			margin-bottom: 2px;
			padding: 1px 0 1px 18px;
			color: #999;
			background: url('../gfx/icons/icn-star.gif') no-repeat 0 3px;
		}

/* Articles */
#article {
	}
	
	#article div.info {
		/*
		margin-bottom: 15px;
		padding-bottom: 15px;
		border-bottom: 1px solid #ccc;
		*/
		margin: 0 0 15px 0;
		padding-top: 5px;
		font-size: .9em;
		color: #000;
		border-top: 1px solid #ccc;
		}
		#article div.info ul {
			margin: 0;
			padding: 0;
			list-style-type: none;
		}
		#article div.info ul li {
			margin: 0;
			padding: 0;
		}
		#article div.info ul li.date {
			float: left;
			margin: 0 15px 0 0;
			padding: 1px 0 1px 18px;
			background: url('../gfx/icons/icn-calendar.gif') no-repeat 0 3px;
		}
		#article div.info ul li.place {
			margin-bottom: 2px;
			padding: 1px 0 1px 18px;
		/*	background: url('../gfx/icons/icn-calendar.gif') no-repeat 0 3px; */
		}
		#article div.info ul li.member {
			padding: 1px 0 1px 18px;
			background: url('../gfx/icons/icn-lock.gif') no-repeat 0 50%;
		}
		#article div.info ul li.category {
			float: left;
			margin: 0 15px 0 0;
			padding: 1px 0 1px 16px;
			background: url('../gfx/icons/icn-type.gif') no-repeat 1px 50%;
		}
		#article div.info ul li.category a { color: #000; }
		#article div.info ul li.type {
			float: left;
			padding: 1px 0 1px 16px;
			background: url('../gfx/icons/icn-type.gif') no-repeat 1px 50%;
		}
	
	#article div.image {
		/*clear: both;*/
	}
	
	#article div.box {
		float: right;
		width: 166px;
		margin: 0 0 15px 15px;
		padding: 5px;
		color: #fff;
		background: #395065;
		}
		#article div.box div.boxsep {
			padding-top: 10px;
			background: url('../gfx/box-sep.gif') no-repeat 100% 0;
		}
		#article div.box h3 {
			font-size: 1.1em;
			margin: 0 0 10px 0;
		}
		#article div.box p {
			margin: 0 0 10px 0;
			color: #fff;
		}
		#article div.box a {
			color: #fff;
			font-weight: bold;
			text-decoration: underline;
		}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	Mail a friend
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#mailfriend {
	position: absolute; top: 220px; left: 37%; width: 460px; z-index: 95;
	padding: 5px;
	border: 1px solid #999;
	background-color: #415a71;
	
	}
	#mailfriend h3 {
		font-size: 1.2em;
		color: #fff;
		margin: 0;
		padding: 0 5px 5px 10px;
	}
	#mailfriend-content, #mailfriend-content-reply {
		background-color: #fff;
		padding: 10px;
		padding-bottom: 20px;
		color: #415a71;
		}
		#mailfriend-content-reply { text-align: center; }
	#mailfriend-close {
		position: absolute;
		top: 5px;
		right: 10px;
		text-align: right;
		}
		body #mailfriend-close a {
			color: #fff;
			font-weight: bold;
			text-decoration: underline;
		}
		body #mailfriend-close a:hover { text-decoration: none; }
		

	#mailfriend-content label { display: block;	margin: 4px 0 0 0;}
	#mailfriend-content-left {
		width: 45%;
		float: left;
		margin-right: 20px;
		}
		#mailfriend-content-left input.formfield { width: 190px; }

	#mailfriend-content-right {
		width: 45%;
		float: left;
		}
		#mailfriend-content-right textarea.formarea { width: 190px; margin: 0 0 5px 0; }
		#mailfriend-content-right input.formbutton { display: block; }



