@charset "utf-8";

/* ======================================================= */
/* COLOURS																								 */
/*																												 */
/* Blå / Kulturtræner: #3569A4														 */
/* Grøn / Borger.dk: #258418															 */
/*																												 */
/* ======================================================= */



html {
	background: #f3f4f4 url(/images/v2/back-gradient-grey.png) left top repeat-x;
	}

#wrapper {
	width: 958px;
	margin: 0 auto 30px;
	position: relative; /* IE 6 + 7 resize bug fix */
	}

/* ======================================================= */
/* BASIC LAYOUT																						 */
/* ======================================================= */

#header {
	margin-bottom: 11px;
	height: 47px;
	overflow: visible;
	}
	
#menu {
	clear: both;
	margin-bottom: 22px;
	}
	
#breadcrumb {
	padding: 2px 16px 2px 16px;
	margin: -8px 0 6px;
	}
	
#top-content {
	margin-bottom: 16px;
	}
	
#content {
	width: 632px;
	float: left;
	}

#comments {
	width: 626px;
	padding-left: 3px;
	float: left;
	}
	
#sidebar {
	margin-left: 643px;
	padding-right: 3px;
	}

#secondary-content {
	clear: left;
	padding: 8px 0;
	margin: 16px 3px 0;
	border-top: 1px solid #ccc;
	overflow: hidden;
	}
	
#footer {
	
	float: left;
	clear: left;
	margin: 25px 3px 0;
	padding: 12px 8px 0;
	border-top: 1px solid #ccc;
	color: #777;
	}

/* ======================================================= */
/* COMMON ELEMENTS																				 */
/* ======================================================= */

/* Calendar-listings */
.vcalendar .vevent {
	padding-left: 58px;
	position: relative;
	min-height: 50px;
	}
	
	.vcalendar .leaf {
		position: absolute;
		left: 0px;
		top: 0px;
		height: 51px;
		width: 50px;
		background: url(/images/v2/back-calendar-leaf.png) left top no-repeat;
		}
		
	.vcalendar li:first-child .leaf {
		top: 2px;
		}
		
	.leaf .month {
		color: #fff;
		text-transform: uppercase;
		text-align: center;
		display: block;
		font-size: 9px;
		padding-top: 1px;
		font-weight: bold;
		}
		
	.leaf .day {
		position: absolute;
		width: 50px;
		text-align: center;
		top: 20px;
		color: #000;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 21px;
		}

/* Forms */		
.submit-form label {
	float: left;
	margin-right: 8px;
	padding-bottom: 4px;
	}


.submit-form input,
.submit-form textarea {
	clear: left;
	display: block;
	margin-bottom: 16px;
	}

.submit-form input[type="text"], 
.submit-form input[type="checkbox"], 
.submit-form input[type="password"], 
.submit-form textarea {
	border: 1px solid #ddd;
	background: #fff;
	padding: 6px 4px;
	width: 95%
	}
	
.submit-form  label.required {
	padding-right: 9px;
	background: url(/images/v2/icon-asterix-red.png) 100% 20% no-repeat;
}

.errormessage {
	display: none;
	}

div.textarea {
	clear: left;
	}

/* ======================================================= */
/* HEADER																									 */
/* ======================================================= */

#logo {
	float: left;
	padding-left: 3px;
	}
	
#site-search {
	float: right;
	height: 33px;
	line-height: 33px;
	font-size: 14px;
	margin-top: 20px;
	color: #777;
	}
	
	#site-search label {
		position: absolute;
		left: -999em;
		}
	
	#site-search button {
		background: #ccc url(/images/v2/button-search.png) left top no-repeat;
		width: 59px;
		height: 31px;
		text-transform: uppercase;
		border: none;
		float: left;
		margin-right: 3px;
		}
		
	#site-search input {
		background: #fff url(/images/v2/back-search-input.png) 0px 1px no-repeat;
		width: 176px;
		height: 24px;
		padding: 8px 8px 0;
		margin-right: 6px;
		float: left;
		border: none;
		}
	
/* User menu (login etc.) */
#user-menu {
	padding: 28px 0 0;
	margin-right: 298px;
	}
	
	#user-menu li {
		float: right;
		padding: 0 0 0 20px;
		position: relative;
		}
		
#user-menu li.dropdown {
	padding: 0 5px;
	}

#user-menu .dropdown ul {
	position: absolute;
	left: 0px;
	top: 22px;
	z-index: 1000;
	background: #f7f7f7;
	border: 1px solid #ddd;
	display: none;
	padding: 5px;
	}
	
	#user-menu .dropdown li { 
		float: none;
		padding: 3px 0;
		}
		
	#user-menu .dropdown>a {
		background: url(/images/v2/icon-asc.gif) 100% 50% no-repeat;
		padding-right: 20px;
		}
		
	#user-menu .dropdown:hover {
		border: 1px solid #ddd;
		padding: 2px 4px;
		margin: -3px 0 -2px;
		background: #f7f7f7;
		}
		
		#user-menu .dropdown:hover>a:link,
		#user-menu .dropdown:hover>a:visited {
			text-decoration: none;
			color: #333;
			}
		
	#user-menu .dropdown:hover ul {
	left: -1px;
	display: block;
	}
		
/* ======================================================= */
/* MENU																										 */
/* ======================================================= */

#menu {
	padding: 3px 6px;
	background: #699899 url(/images/v2/bac-menu-sprite.png) 0% 50% no-repeat;
	height: 47px;
	}

	#menu li {
		float: left;
		position: relative;
		}
		
		#menu a {
			display: block;
			height: 47px;
			line-height: 47px;
			position: relative;		
			text-align: center;
			}
			
		#menu span {
			position: absolute;
			width: 100%;
			height: 47px;
			top: 0;
			left: 0;
			background: url(/images/v2/bac-menu-sprite.png) 0% 50% no-repeat;
			}	
			
		/* Link to frontpage */
		#menu .index a {
			width: 84px;
			}
			
			#menu .index span {
				background-position: -6px -3px;
				}
				
			#menu .index a:hover span,
			#menu .index a.active span {
				background-position: -6px -109px;
				}
		
		/* Link to news */
		#menu .news a {
			width: 172px;
			}
			
			#menu .news span {
				background-position: -90px -3px;
				}
				
			#menu .news a:hover span,
			#menu .news a.active span {
				background-position: -90px -109px;
				}
				
		/* Link to sections */
		#menu .section a {
			width: 157px;
			}
			
			#menu .section span {
				background-position: -262px -3px;
				}
				
			#menu .section a:hover span,
			#menu .section a.active span {
				background-position: -262px -109px;
				}

		/* Link to about */
		#menu .about a {
			width: 141px;
			}
			
			#menu .about span {
				background-position: -419px -3px;
				}
				
			#menu .about a:hover span,
			#menu .about a.active span {
				background-position: -419px -109px;
				}
			
		/* Link to contact */
		#menu .contact a {
			width: 97px;
			}
			
			#menu .contact span {
				background-position: -560px -3px;
				}
				
			#menu .contact a:hover span,
			#menu .contact a.active span {
				background-position: -560px -109px;
				}
				
/* Link to contact */
#menu .submenu {
	position: absolute;
	z-index: 50;
	left: 0;
	top: 46px;
	display: none;
	padding-top: 4px;
	}
	
	#menu li:hover .submenu {
		display: block;
		}
		
	.jquery #menu li:hover .submenu {
		display: none;
		}
	
	#menu .submenu li {
		float: none;
		}
		
		#menu .submenu li li {
			margin: 4px 0;
			}

	#menu .submenu .first-child {
		padding: 24px 12px 6px;
		background: url(/images/v2/back-submenu.png) 0% 0% no-repeat;
		width: 322px;
		}
		
	#menu .submenu .last-child {
		padding: 6px 12px 12px;
		background: url(/images/v2/back-submenu.png) 0% 100% no-repeat;
		width: 322px;
		}		
		
	#menu .submenu a {
		display: inline;
		}


/* ======================================================= */
/* TOP-CONTENT																								 */
/* ======================================================= */

/* index */
.index-page #site-presentation {
	padding: 19px;
	background: url(/images/v2/back-index-green-top.png) left top no-repeat;
	overflow: hidden;
	}
	
	.index-page h1 {
		width: 50%;
		float: left;
		}
		
	#site-presentation p {
		float: right;
		width: 45%;
		text-align: right;
		color: #fff;
		}	
		
	.index-page #about-blurb {
		color: #fff;
		}
	
.index-page #section-list {
	padding: 12px 0 4px 19px;
	background:url(/images/v2/back-index-grey-middle.png) left top repeat-y;
	overflow: hidden;
	}
	
.index-page .end {
	height: 15px;
	background:url(/images/v2/back-index-grey-bottom.png) left top no-repeat;
	}
	
	#section-list>ul>li {
		float: left;
		width: 456px;
		margin-right: 8px;
		}
		
		#section-list li p {
			width: 220px;
			float: left;
			}
			
		#section-list li p.col2 {
			float: none;
			margin-left: 228px;
			}
			
		#section-list p.link {
			width: auto;
			float: none;
			margin-left: 0;
			clear: left;
			font-size: 12px;
			line-height: 1.5em;
			margin-bottom: 0.5em;
			}


/* Section pages */
.section-page {
	padding: 19px;
	background: #fff url(/images/v2/back-topcontent-middle.png) left top repeat-y;
	overflow: hidden;
	}

	.section-page h1 {
		margin: -19px -19px 8px;
		padding: 23px 19px 0;
		background: url(/images/v2/back-topcontent-top.png) left top no-repeat;
		}
	
	.section-page .end {
		display: block;
		clear: left;
		margin: 0 -19px -19px;
		padding: 19px;
		background: url(/images/v2/back-topcontent-bottom.png) left bottom no-repeat;
		}
	
#section-menu {
	width: 288px;
	float: left;
	}
	
	#section-menu li {
		border-bottom: 1px solid #999;
		padding: 5px 0;
		}
		
		#section-menu li:last-child,
		#section-menu li.last-child {
			border: none;
			}
	
	#section-menu a {
		padding: 0 8px 0 40px;
		line-height: 36px;
		height: 36px;
		display: block;
		background: url(/images/v2/icon-list-sprite-white.png) left top no-repeat;
		font-weight: normal;
		}
		
		#section-menu .news a {
			background-position: 0 4px;
			}
		
		#section-menu .materials a {
			background-position: 0 -38px;
			}
			
		#section-menu .calendar a {
			background-position: 0 -78px;
			}
			
		#section-menu .contact a {
			background-position: 0 -116px;
			}
		
	#section-menu a:link, #section-menu a:visited {
		color: #333;
		}
		
	.section-page #presentation {
		padding-left: 304px;
		padding-top: 10px;
		}
		
		#presentation p {
			width: 296px;
			padding: 0 8px;
			float: left;
			}
			
		#presentation p.col2 {
			float: none;
			margin-left: 320px;
			padding-right: 0;
			width: auto;
			}


/* ======================================================= */
/* CONTENT																								 */
/* ======================================================= */

.article {
	padding: 19px;
	background: #fff url(/images/v2/back-page-middle.png) left top repeat-y;
	}
	
	.article h1 {
		margin: -19px -19px 8px;
		padding: 23px 19px 0;
		background: url(/images/v2/back-page-top.png) left top no-repeat;
		}
		
.content-list .article {
	margin-bottom: 10px;
	}		
		
	.content-list .article h1 {
		margin-bottom: 4px;
		}
		
	.article .end {
		display: block;
		margin: 0 -19px -19px;
		padding: 19px;
		background: url(/images/v2/back-page-bottom.png) left bottom no-repeat;
		}
		
	.primary .meta {
		margin: -8px 0 1em;
		}
		
/* Data tables */

table.data {
	width: 100%;
	background-color: #CDCDCD;
	border-collapse: separate;
	border-spacing: 1px;
	margin: 16px 0;
	}

	table.data thead th, table.data tfoot th {
		background-color: #e6EEEE;
		border: 1px solid #FFF;
		padding: 4px 18px 4px 4px;
	}
	table.data thead .header {
		background-image: url(/images/tablesort/bg.gif);
		background-repeat: no-repeat;
		background-position: center right;
		cursor: pointer;
	}
	table.data td {
		padding: 4px;
		background-color: #FFF;
	}
	
	table.data tr.odd td {
		background-color:#F0F0F6;
	}
	
	table.data thead .headerSortDown {
		background-image: url(/images/tablesort/asc.gif);
	}
	table.data thead .headerSortUp {
		background-image: url(/images/tablesort/desc.gif);
	}
	table.data thead .headerSortDown, table.data thead .headerSortUp {
	background-color: #8dbdd8;
	}
		
	
/* Calendar view */
.article .vcalendar .vevent {
	margin-bottom: 16px;
	border-bottom: 1px solid #ddd;
	padding-bottom: 8px;
	padding-left: 66px;
	}
	
	.article .vcalendar li:last-child {
		border: none;
		}

	.article .vcalendar .leaf {
		left: 4px;
	}
	
/* Calendar event */	
.vcalendar .article {
padding-left:19px;
position: relative;
}

.vcalendar .fullevent .leaf {
position: relative;
float: left;
margin-right: 8px;
margin-bottom: 8px;
}

.vcalendar .fullevent .leaf .day {
	top: 17px;
	}

/* ======================================================= */
/* PAGINATION																							 */
/* ======================================================= */
	
#pagination {
	padding: 4px 19px 16px;
	clear: left;
	float: left;
	}

#pagination strong {
	display: inline-block;
	min-width: 19px;
	height: 19px;
	text-align: center;
	background: url(/images/v2/back-pagination-active.png) 50% 50% no-repeat;
	margin-right: 2px;
	}
	
#pagination a {
	margin-right: 2px;
	display: inline-block;
	min-width: 19px;
	height: 19px;
	text-align: center;
	}
	

	


	
/* ======================================================= */
/* COMMENTS / SUBMITFORM																	 */
/* ======================================================= */
		
#comments ul>li {
	border-top: 1px solid #ddd;
	padding: 8px 16px;
	margin-right: 157px;
	}
	
	#comments ul>li:first-child {
		border: none;
		}
		
	#comments input[type="text"], 
	#comments input[type="checkbox"], 
	#comments input[type="password"], 
	#comments textarea {
		width: 436px;
		} 
		
	.submit-form input[type="checkbox"],
	#comments input[type="checkbox"] {
		float: left;
		width: auto;
		padding: 0;
		margin-right: 8px;
		}
		
	#comments input[type="text"].email {
		width: 356px;
		}
		

		
#commentform {
	padding: 0 16px;
	}

/* ======================================================= */
/* SIDEBAR																								 */
/* ======================================================= */

#sidebar>* {
	margin-bottom: 16px;
	}

/* Secondary Menu */
.secondary-menu {
	padding-right: 8px;
	}
	
	.secondary-menu li {
		padding-left: 8px;
		margin-bottom: 4px;
		margin-top: 4px;
		}
		
	.secondary-menu a {
		padding-right: 8px;
		height: 20px;
		line-height: 20px;
		display: inline-block;		
		}
	
	/* Indent subpages */
	.secondary-menu li li {
		margin-left: 8px;
		}
	
	/* Show active page */	
	.secondary-menu li.here {
		background: url(/images/v2/back-secmenu-active-left.png) left top no-repeat;
		}
		
		.secondary-menu li.here>a:link, .secondary-menu li.here>a:visited {
			color: #fff;
			background: #777 url(/images/v2/back-secmenu-active-right.png) right top no-repeat;
			}
			
	/* Archive */
	.archive>li>a:link,
	.archive>li>a:visited {
		font-weight: bold;
		}
		
/* Graphic ads */
a.graphic img {
	margin: 3px -3px;
	}

			
/* ======================================================= */
/* SECONDARY CONTENT																			 */
/* ======================================================= */

#secondary-content h2 {
	border: none;
	padding: 8px 8px 0;
	}

#secondary-content>li {
	width: 312px;
	float: left;
	margin-left: 8px;
	}
	
#secondary-content>li:first-child {
	margin-left: 0;
	}


#secondary-content ul.list>li {
	border-top: 1px solid #ddd;
	}
	
#secondary-content ul.list>li:first-child {
	border: none;
	}
	
/* Bottom and Sidebar listings */
ul.list {
	padding: 8px;
	}
	
ul.list>li {
	margin-top: 8px;
	padding-top: 8px;
	}
	
ul.list>li:first-child {
	padding-top: 0;
	margin-top: 0; 
	}
	

.list .leaf {
	top: 10px;
	left: -1px;
	}	
	


		
/* Taxonomies / categories */
.list .tags, 
.list .tags span {
		float: left;
		}

		
/* ======================================================= */
/* POPUP 																									 */
/* ======================================================= */		
		
body.submit-form {
	width: auto;
	margin: 30px;
	position: relative; /* IE 6 + 7 resize bug fix */
	}