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

Site: Cirkus Benneweis
Author: Joakim Jensen Møller & Adam Barry
Date: 1 march 2008
Base by Adam Barry
----------------------------------------------------------*/

/***********************************************************
Template: Frontpage
***********************************************************/
.frontPage #main {
	background-image: url(/graphics/frontpage/main-bg.png);
}

.frontPage .wrapper {
	background-image: url(/graphics/frontpage/main-frontpage.png);
	background-repeat: repeat-x;
	background-position: bottom left;
}

.frontPage .content {
	width: 100%;
	background-image: none;	
	padding-top: 0;
	margin-left: 0;
	text-align: left;	
}

.frontPage #preamble {
	width: 721px;
	height: 323px;
	background-color: black;
	background-image: url(/graphics/frontpage/preamble.png);
	background-repeat: no-repeat;
	font-family: georgia, serif;
	color: white;
	padding-top: 50px;
	padding-left: 50px;
	margin-bottom: 5px;
}

.frontPage #preamble h1 {
	text-transform: uppercase;
	padding-bottom: 5px;
}

.frontPage #preamble h1 span {
	font-size: 1.5em;
	display: block;
}

.frontPage #preamble p, #preamble h1 {
	width: 300px;
	background-color: black;
	font-family: "trebuchet ms", georgia, serif;	
	padding-left: 0;
	color: white;
	float: none;
}

.frontPage #preamble p {
	width: 250px;
	font-style: italic;
}

.frontPage .nextEvent {
	position: absolute;
	top: 300px;
	left: 20px;
}

#main .shortcuts {
	width: 100%;
	background-image: url(/graphics/frontpage/shortcuts-top.png);
	background-repeat: no-repeat;
	padding-top: 11px;
	padding-left: 0;
	padding-bottom: 0;
	float: left;
}

.shortcuts li {
	list-style-type: none;
	padding-left: 13px;
	margin-left: 0;
	float: left;	
}

.shortcuts li span {
	display: none;
}


/***********************************************************
Template: Other
***********************************************************/

/*: Template section: List, downloads, tour plan & events
----------------------------------------------------------*/
#site .list, #site .downloads, #site .tourPlan, #site .events {
	width: 594px;
	text-align: left;
	padding-top: 10px;
	padding-left: 0;
	padding-bottom: 0;
	float: left;
}

.list li, .downloads dd, .tourPlan dd, .events dd {
	width: 100%;
	background-color: #d9d9d9;
	color: inherit;
	list-style-type: none;
	border-bottom: 2px solid white;	
	padding: 0;
	margin-left: 0;
	float: left;
	position: relative;
}

.list a, .downloads a, .tourPlan a {
	width: 100%;
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
	float: left;
}

#site .list a:hover, #site .downloads a:hover, #site .tourPlan a:hover {
	background-color: #DCCB67;
	color: inherit;
}

.list img {
	width: 150px;
	padding-right: 25px;
	float: right;
}

.list span, .tourPlan span, .events span {
	background-color: inherit;
	color: black;
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	display: block;
}

.list span.heading, .tourPlan span.heading, .events span.heading {
	background-color: inherit;
	color: #651211;
}


/*: Template section: Downloads & Tour plan
----------------------------------------------------------*/
.downloads dt, .tourPlan dt {
	width: 564px;
	padding-left: 15px;
	padding-right: 15px;
	float: left;
}

.downloads dd a, .tourPlan dd a {
	width: 564px;
	padding-left: 15px;
	padding-right: 15px;
}

.tourPlan span {
	padding: 0;
}


/*: Template section: Events
----------------------------------------------------------*/
.events dt {
	width: 564px;
	padding-left: 15px;
	padding-right: 15px;
	float: left;
}

.events dd {
	width: 564px;
	padding-top: 5px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 5px;
}

.events span.heading:first-letter {
	text-transform: capitalize;
}

.events span {
	padding: 0;
}

#site .events span.order a {
	background-color: green;
	color: white;
	padding-top: 2px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 2px;
	float: right;
	position: relative;
	top: -12px;
}

#site .events span.order a:hover {
	background-color: #00BF00;
	color: white;
}


/*: Template section: Events & Tourplan special
----------------------------------------------------------*/
.events dd.passed, .tourPlan dd.passed {
	background-color: #EFEFEF;
	color: inherit;
}

.tourPlan dd.passed {
	display: none;
}

.events dd.passed span.heading, .tourPlan dd.passed span.heading {
	background-color: inherit;
	color: black;
}

#site .tourPlan dd.passed a:hover {
	background-color: #EFEFEF;
	color: inherit;
}

/*: Template section: Image gallery
----------------------------------------------------------*/
.imageGallery ul {
	width: 100%;
	padding-top: 1em;
	padding-left: 0;
	overflow: hidden;
}

.imageGallery li {
	list-style-type: none;
	padding-bottom: 1.5em;
}

.imageGallery span {
	display: block;
}


/***********************************************************
Template: City
***********************************************************/
address {
	width: 564px;
	text-align: left;
	font-style: normal;
	padding-bottom: 15px;
	padding-left: 15px;
	padding-right: 15px;
	float: left;
}

address span {
	display: block;
}

/***********************************************************
Template: EventOverview
***********************************************************/
.EventOverview,
.EventOverview *,
.EventOverview #container,
.EventOverview #container *,
.EventOverview #site * {
	width: auto;
	height: auto;
	background-color: white;
	background-image: none;
	color: black;
	padding: 0;
	margin: 0;
	position: static;
	float: left;
}


.EventOverview #site .navigation,
.EventOverview #site .topgraphics,
.EventOverview #site #footer {
	display: none;
}

.EventOverview #site dl {
	width: 350px;
	padding-top: 35px;
	padding-left: 35px;
	padding-bottom: 35px;
	float: left;
}

.EventOverview #site dl dt {
	width: 100%;
	background-color: inherit;
	font-size: 1.2em; 
	font-weight: bolder;
	text-align: left;
	letter-spacing: 0em;
	color: #651211;
	margin-top: .2em;
	margin-bottom: .2em;
	float: left;
}
.EventOverview #site dl dd {
	width: 100%;
	text-align: left;
	float: left;
}
/***********************************************************
Template: Webshop
***********************************************************/
.webshop .list li {
	width: 198px;
	background-color: white;
}
.product #site .price {
	width: 100%;
	padding-left: 15px;
	display: block;
	float: left;
	clear: both;
	text-align: left;
}
.webshopFunnelPage #site .funnelNavigation {
	width: 600px;
}
.webshopFunnelPage #site .overview .amount,
.purchaseSuccess #site .overview .amount {
	width: 30px;
	text-align: center;
}
.webshopFunnelPage #site .overview input {
	width: 20px;
	display: inline;
	float: none;
}
.webshopFunnelPage #site .overview .sub,
.purchaseSuccess #site .overview .sub {
	text-align: right;
}
.webshopFunnelPage #site .overview .vat,
.purchaseSuccess  #site .overview .vat {
	background-color: inherit;
	font-size: .75em;
	color: #777777;
}
.webshopFunnelPage #site .overview tr.total,
.purchaseSuccess #site .overview tr.total {
	background-color: inherit;
	font-weight: bold;
	color: #009B00;
}
.webshopFunnelPage #site .overview .total,
.purchaseSuccess #site .overview .total {
	text-align: right;
}
.webshopFunnelPage #site .overview .delete {
	padding-left: 9px;
}
.webshopFunnelPage #site .overview .delete button {
	margin-top: 0;
}
.webshopFunnelPage #site .overview .sub.first,
.webshopFunnelPage #site .overview .total.first,
.purchaseSuccess #site .overview .sub.first,
.purchaseSuccess #site .overview .total.first {
	border-top: 2px solid black;
}
.webshopFunnelPage #site label.checkbox {
	width: auto;
	padding-left: 3px;
}
.webshopFunnelPage #site table,
.purchaseSuccess #site table {
	width: 585px;
	padding-left: 12px;
	float: left;
}
.webshopFunnelPage #site table .number,
.webshopFunnelPage #site table .price,
.webshopFunnelPage #site table .total,
.purchaseSuccess #site table .number,
.purchaseSuccess #site table .price,
.purchaseSuccess #site table .total {
	white-space: no-wrap;
}

/* EDITOR PROPERTIES */