/* GENERAL STYLES */
/*
Page specific style definitions.

Site: Lokale- og Anlægsfonden
Author: Adam Barry
Date: 13 March 2009
Base by Adam Barry
----------------------------------------------------------*/

/***********************************************************
Component: Crumbtrail
***********************************************************/
#site .crumbtrail {
	width: 570px;
	font-size: .85em;
	padding-left: 0;
	float: left;
}
/* backup snippet kept in case of revert
#site .crumbtrail li {
	width: auto;
	background-color: inherit;
	background-image: url(/graphics/crumbtrail/crumbtrail.gif);
	background-position: 0 4px;
	background-repeat: no-repeat;
	color: #015E65;
	list-style-type: none;
	white-space: nowrap;
	padding-left: 10px;
	padding-right: 6px;
	margin-left: 0;
	float: left;
}
*/
#site .crumbtrail li {
	width: auto;
	background-color: inherit;
	background-image: url(/graphics/crumbtrail/crumbtrail.gif);
	background-position: right center;
	background-repeat: no-repeat;
	color: #015E65;
	list-style-type: none;
	white-space: nowrap;
	padding-left: 6px;
	padding-right: 10px;
	margin-left: 0;
	float: left;
}

#site .crumbtrail li.first, #site .crumbtrail :first-child {
	/* backup snippet kept in case of revert
	background-image: none;*/
	padding-left: 0;
	margin-left: 0;
}

.crumbtrail a {
	background-color: inherit;
	color: #CA082E;
	border: none;	
}

.crumbtrail a:hover {
	background-color: inherit;
	color: #015E65;
}

#site .crumbtrail h1 {
	background-color: inherit;
	font-family: tahoma, sans-serif;
	font-size: 1em;
	font-weight: normal;
	color: #015E65;
	text-transform: none;
	letter-spacing: 0;
	cursor: default;
}
/***********************************************************
Component: Add this
***********************************************************/
.share {
	height: 17px;
	padding-left: 21px;
	padding-right: 10px;
	float: right;
	position: relative;
	background-image: url(/graphics/content/addThis.gif);
	background-repeat: no-repeat;
	text-decoration: underline;
}

.share:hover {
	text-decoration: underline;
}

/***********************************************************
Component: People list
***********************************************************/
.people {
	width: 100%;
	padding-top: 2em;
	float: left;
}

.people dt {
	display: none;
}

.people dd {
	width: 120px;
	height: 240px;
	padding-left: 10px;
	padding-right: 10px;
	float: left;
}

.people dd h3 {
	font-weight: normal;
	padding-bottom: 5px;
}

.people dd img {
	padding-bottom: 5px;
}

.people dd a {
	font-size: .9em;
}

/***********************************************************
Component: Product list
***********************************************************/
.products {
	width: 100%;
	font-size: .8em;
	padding-top: 2em;
	float: left;
}

.products dt {
	font-size: 1.5em;
}

#content .products a {
	background-color: inherit;
	color: black;
	text-decoration: none;
}

#content .products a:hover {
	background-color: white;
	color: black;
}

#content .products a:hover span.heading {
	background-color: inherit;
	color: #015E65;
}


/***********************************************************
Component: Overview
***********************************************************/
div.group {
	width: 100%;
	margin-top: 2em;
	float: left;
}

#site .overview {
	width: 140px;
	padding-right: 20px;
	float: left;
}


.overview dt {
	font-size: 1.2em;
	padding-bottom: 0;
}

#site .overview dd {
	width: 100%;
	height: 1em;
	font-size: .8em;
	float: left;
}

#site .overview dd a {
	text-decoration: none;
}


/***********************************************************
Component: Image Gallery
***********************************************************/
.imageGallery {
	width: 420px;
	padding-top: 2em;
	padding-bottom: 2em;
	float: left;
	overflow: hidden;
}

.imageGallery .previewImage {
	float: left;
	cursor: pointer;
}

.imageGallery .thumbnails {
	width: 426px;
	padding-top: 10px;
	float: left;
	position: relative;
	left: -5px;
	overflow: hidden;
}

#site .imageGallery .thumbnails li {
	list-style-type: none;
	padding-left: 5px;
	padding-bottom: 5px;
	margin-left: 0;
	float: left;
}

.imageGallery .thumbnails a {
	border: 1px solid #015E65;
	padding: 4px;
	float: left;
	cursor: url(/graphics/imageGallery/zoom_in.png),pointer;	
}

.imageGallery .thumbnails a:hover {
	background-color: #015E65;
	color: black;
	border: 1px solid #015E65;	
}

.imageGallery .thumbnails a.selected {
	background-color: #CA082E;
	color: black;
	border: 1px solid #CA082E;
}

.imageGallery .thumbnails li img {
	/*width: 55px;*/
	border: none;
	padding: 0;
	margin: 0;
}

.imageGallery .thumbnails li span {
	font-size: .8em;
	display: block;
}


/*: Template section: Image Gallery (special)
----------------------------------------------------------*/
.imageGallery .previewImage.next {
	cursor: url(/graphics/imageGallery/arrow_right_green.png), pointer;
}

.imageGallery .previewImage.previous {
	cursor: url(/graphics/imageGallery/arrow_left_green.png), pointer;
}

#site ul.slideshow {
	width: 100%;
	float: left;
}

#site ul.slideshow li {
	list-style-type: none;
	margin: 0;
}

#site ul.slideshow li img {
}


/***********************************************************
Component: Info box
***********************************************************/
.infobox {
	font-size: .85em;
}

.main .infobox span.category {
	font-size: 1.15em;
	left: 0;
}

.infobox h2, .infobox h3 {
	clear: both;
}


/***********************************************************
Component: Contact form
***********************************************************/
#contactForm {
	width: 420px;
	border: none;
	padding-top: 1em;
	float: left;
}

#contactForm fieldset {
	width: 418px;
	border: 1px solid #C2BFBF;
	padding-top: 1em;
	float: left;
}

#contactForm legend {
	background-color: inherit;
	color: #015E65;
}

#contactForm p {
	padding-left: 15px;
	padding-right: 15px;
}

#contactForm ul {
	width: 408px;
	list-style-type: none;
	padding-top: 15px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	float: left;
}

#content #contactForm li {
	width: 100%;
	list-style-type: none;
	margin: 0;
	float: left;
}

#contactForm label {
	width: 80px;
	font-size: .9em;
	font-weight: bold;
	text-align: right;
	padding-right: 10px;
}

#contactForm input {
	width: 240px;
	height: 15px;
	font-size: .9em;
	border: 1px solid #015E65;
	padding-left: 2px;
	padding-right: 2px;
	margin-top: 1px;
}

#contactForm textarea {
	width: 234px;
	height: 190px;
	background-color: inherit;
	color: #015E65;
	border: 1px solid #015E65;
	padding: 5px;
}

#contactForm button {
	margin: 0;
	margin-right: 10px;
	float: right;
}

#contactForm button span {
	width: 52px;
	height: 17px;
	background-image: url(/graphics/buttons/send.gif);
	background-repeat: no-repeat;
	float: left;
}

#contactForm button span span {
	display: none;
}


/*: Contact form: Special
----------------------------------------------------------*/
#content #contactForm .zipCode {
	width: 145px;
}

#contactForm .zipCode input {
	width: 40px;
}

#content #contactForm .city {
	width: 258px;
}

#contactForm .city label {
	width: 10px;
}

#contactForm .city input {
	width: 165px;
}

/***********************************************************
Component: Popup window
***********************************************************/
.popupWindow {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	z-index: 5;
	background-image: url(/graphics/popupWindow/popup-bg.png);
}

* html .popupWindow {
	position: absolute;
	background-image: none;
}

.popupWindow.active {
	display: block;
}

.popupWindow .popupContainer {
	width: 500px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	top: 10%;
	left: 0;
}
.facilitetsdatabase .popupWindow .popupContainer {
	width: 800px;
	height: 600px;
	overflow: auto;
	background-color: white;
	color: inherit;
}


.popup {
	width: 478px;
	padding: 10px;
	float: left;
}

.facilitetsdatabase .popup {
	width: 761px;
}

.popup .close {
	width: 100%;
	text-align: right;
}



/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */