/*
		Center for Ledelse
		European Type Conference 2008
		Styles, copyright 2007
		Author: Creuna Danmark A/S

 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

html { font-size: 100%; }
body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Tahoma, Arial, Sans-Serif;
	font-size: 65%;
	line-height: 1.5em;
	color: #415a71;
	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 15px 0;
	padding: 0;
	font-size: 1.5em;
	line-height: 1.2em;
	font-weight: normal;
	color: #f60;
}
h2 {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 1.1em;
}
h3 {
	margin: 0;
	padding: 0;
	font-size: 1em;
}
p {
	margin: 0 0 15px 0;
	padding: 0;
	}
	p.info { color: #778a9d; }
a {
	color: #f60;
	text-decoration: none;
}
a:hover, a:active {
	color: #f60;
	text-decoration: underline;
}

a.more {
	margin-left: 8px;
	padding: 1px 0 5px 15px;
	font-size: 10px;
	background: url('../gfx/bullets/bullet-shortcut-orange.gif') no-repeat 0 1px;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
		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;
}

/* 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
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

#container {
	width: 880px;
	margin: 5px auto 0 auto;
	text-align: left;
	background: #fff;
}

#top {
	padding: 0 0 5px 0;
	}

	#logo {
		float: left;
		position: relative;
		width: 290px;
		height: 90px;
		margin-left: -50px;
		background: url('../gfx/logo/logo-conference.gif') no-repeat;
		cursor: pointer;
	}
	
	#functions {
		float: right;
		width: 700px;
		color: #9d9d9d;
		}
		
		#shortcuts {
			float: right;
			max-width: 510px;
			margin: 2px 15px 2px 0;
		}
		#shortcuts ul {
			margin: 0;
			padding: 0;
		}
		#shortcuts ul li {
			display: inline;
			margin: 0;
			padding: 0;
			list-style-type: none;
		}
		#shortcuts ul li a {
			float: left;
			margin: 0 3px;
			padding: 1px 8px;
			font-size: .9em;
			color: #778a9d;
			text-transform: uppercase;
			text-decoration: none;
		}
		#shortcuts ul li a:hover {
			color: #43576b;
			text-decoration: underline;
		}
		#shortcuts ul li a.selected, #shortcuts ul li a.expanded {
			color: #43576b;
			font-weight: bold;
		}
		
		#search {
			float: right;
			}
			#search input.formfield {
				width: 160px;
				padding: 3px 2px;				
				border: 1px solid #778A9D;
				color: #778a9d;
			}
	
	#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;
		}

#topgraphic {
	}
	#topgraphic img { display: block; }

#topnav {
	position: relative;
	margin-top: -22px;
	background: #505153;
	}
	#topnav ul {
		margin: 0;
		padding: 0;
	}
	#topnav ul li {
		float: left;
		position: relative;
		display: inline;
		height: 23px;
		overflow: hidden;
		margin: 0;
		padding: 0;
		list-style-type: none;
		/*background: #9ACF31;*/
	}
	#topnav ul li a {
		display: block;
		width: 156px;
		padding: 4px 8px 3px 12px;
		color: #fff;
		text-decoration: none;
		text-transform: uppercase;
		background: url('../gfx/background-topnav-sep.gif') no-repeat 0 9px;
	}
	#topnav ul li a.first {
		padding-left: 15px;
		padding-right: 5px;
		background: none;
	}
	#topnav ul li a:hover, #topnav ul li a:active, #topnav ul li a:focus {
		color: #fff;		
		background: #505153;
	}
	#topnav ul li a.selected, #topnav ul li a.expanded {
		font-weight: bold;
		color: #fff;
		background: #000;
	}

	#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: 6px 0 20px 0;
	}
	
	#left {
		float: left;
		width: 166px;
		margin-right: 10px;
		}
		#leftnav {
			width: 160px;
			margin: 0 0 15px 0;
			overflow: hidden;
			}
			#leftnav ul {
				margin: 0;
				padding: 0;
			}
			#leftnav ul li {
				display: inline;
				margin: 0;
				padding: 0;
				list-style-type: none;
			}
			#leftnav ul li a {
				display: block;
				margin: 15px 0 0 0;
				padding:  0 0 0 15px;
				color: #415a71;
				font-weight: bold;
				text-decoration: none;
			}
			/*
			#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 a {
				margin: 0;
				font-weight: normal;
			}
			#leftnav ul ul ul li a {
				padding: 0 0 0 30px;
				color: #778a9d;
			}
			#leftnav ul li a:hover {
				color: #042444;			
				text-decoration: none;
			}
			#leftnav ul li a.selected, #leftnav ul li a.expanded { color: #042444; text-decoration: none; background: url('../gfx/bullets/bullet-leftnav-level1-orange.gif') no-repeat 0 4px; }
			#leftnav ul ul li a.selected, #leftnav ul ul li a.expanded { color: #042444; background: url('../gfx/bullets/bullet-leftnav-level2-orange.gif') no-repeat 3px 5px; }
			#leftnav ul ul ul li a.selected, #leftnav ul ul ul li a.expanded { color: #042444; background: none; }
			
	#content {
		float: left;
		width: 500px;
		margin: 35px 28px 10px 0;
		}
		body.frontpage #content {
			width: 704px;
			margin-right: 0;
		}
		body.full #content {
			width: 704px;
			margin-right: 0;
		}
		
		#content div.contenttop {
			margin: 0 0 15px 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: 0 0 10px 0;
			}

			#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;
				color: #999;
			}
			#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: left;
		width: 176px;
		margin-top: 35px;
		}
		#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 {
			padding-top: 32px;
			}
			#quicklinks ul {
				margin: 0 0 25px 0;
				padding: 0;
				list-style-type: none;
			}
			#quicklinks ul li {
				display: inline;
				margin: 0;
				padding: 0;
			}
			#quicklinks ul li a {
				display: block;
				margin: 5px 0 0 0;
				padding: 1px 0 1px 18px;
				color: #415a71;
			}
			
			#quicklinks ul.quick li a {
				background: url('../gfx/bullets/bullet-filter-green.gif') no-repeat 1px 3px;
			}
			#quicklinks ul.info li a {
				background: url('../gfx/bullets/bullet-filter-green.gif') no-repeat 1px 3px;
			}
			
		/* Hotspot on subpages */
		#right div.hotspot {
			margin: 0 0 15px 0;
			padding: 5px 10px;
			color: #fff;
			background: #395065;
			}
			#right div.hotspot h3 {
				margin: 5px 0 10px 0;
				font-size: 1.2em;
			}
			#right div.hotspot a {
				color: #C6D3DF;
			}
			#right div.hotspot a:hover {
				color: #fff;
				text-decoration: none;
			}
			#right div.hotspot div.image {
				margin: 0 0 5px 0;
			}
			#right div.hotspot ul {
				margin: 0 0 15px 0;
				padding: 0;
				list-style-type: 0;
			}
			#right div.hotspot ul li {
				display: inline;
				margin: 0;
				padding: 0;
			}
			#right div.hotspot ul li a {
				display: block;
				padding: 0 0 0 15px;
				line-height: 1.4em;
				background: url('../gfx/bullets/bullet-arrow.gif') no-repeat 0 4px;
			}
			#right div.hotspot ul li a:hover {
				background: url('../gfx/bullets/bullet-arrow-over.gif') no-repeat 0 4px;
			}

#footer {
	clear: both;
	padding: 5px 5px 5px 15px;
	font-size: .9em;
	color: #fff;
	text-transform: uppercase;
	background: #505153;
	}
	#footer p { margin: 0; }
	#footer a { color: #fff; }
	
	#companyinfo {
		float: left;
	}
	#copyright {
		float: right;
		width: 171px;
	}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
		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; }
	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; }
	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 h2 {
		margin: 0 0 15px 0;
	}
	
	#event div.confirm {
		margin: 0 0 15px 0;
		padding: 10px;
		color: #fff;
		background: #f60;
	}
	#event div.confirm p { margin: 0; }
	
	#event div.info {
		margin-bottom: 15px;
		padding-bottom: 15px;
		border-bottom: 1px solid #ccc;
		}
		#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: 5px;
		color: #fff;
		background: #395065;
		}
		#event div.box div.boxsep {
			padding-top: 10px;
			background: url('../gfx/box-sep.gif') no-repeat 100% 0;
		}
		#event div.box h3 {
			font-size: 1.1em;
			margin: 0 0 10px 0;
		}
		#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 h2 {
		margin: 0 0 15px 0;
	}
	
	#article div.info {
		margin-bottom: 15px;
		padding-bottom: 15px;
		border-bottom: 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 {
			margin-bottom: 2px;
			padding: 1px 0 1px 18px;
			color: #999;
			background: url('../gfx/icons/icn-calendar.gif') no-repeat 0 3px;
		}
		#article 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%;
		}
		#article div.info ul li.category {
			float: left;
			margin: 0 10px 2px 0;
			padding-right: 10px;
			color: #999;
			background: url('../gfx/icons/icn-sep.gif') no-repeat 100% 60%;
		}
		#article div.info ul li.category a { color: #999; }
		#article div.info ul li.type {
			float: left;
			margin-bottom: 2px;
			padding-left: 16px;
			color: #999;
			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: #505153;
	
	}
	#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; }