* {
	margin: 0;
	padding: 0;
}

html, body {
	height: 100%;
}

body {
	font: normal 62.5%/1.4 Arial, Helvetica, sans-serif;
	color: #3b2c2c;
	background: #660703 url('images/background-body.jpg') repeat-y center top;
}

/************************************
 * Basic elements
 *
 ************************************/

a:link, a:visited {
	text-decoration: none;
	color: #b21810;
}

a:hover, a:active {
	text-decoration: underline;
	color: #b21810;
}

img {
	margin: 0;
	padding: 0;
	border: 0;
}

h1, h2, h3 {
	margin: 0;
	padding: 0;
	text-align: left;
	font-weight: bold;
	font-size: 1em;
}

h1 {
	font: normal 2.2em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #9e340b;
	margin: 0.8em 0 0.6em;
}

h2 {
	font: normal 1.5em "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0.8em 0;
	color: #34302a;
}

h3 {
	font: bold 1.091em Arial, Helvetica, sans-serif;
	line-height: 1.4997em;
	margin: 1.8em 0 1.5em;
}

#innercontent p {
	font-size: 1.091em;
	line-height: 1.5em;
	margin: 1.5em 0;
}
#innercontent ul { font-size: 1.091em; margin: 1.5em; }
#innercontent ul li { font-size: inherit; margin: 0.5em; }

sub {
    vertical-align: baseline;
    position: relative;
    bottom: -0.25em;
    font-size: smaller;
}
   
sup {
    vertical-align: baseline;
    position: relative;
    bottom: 0.33em;
    font-size: smaller;
}

/************************************
 * Layout
 *
 ************************************/


#page {
	margin: 0 auto;
	position: relative;
	background: transparent url('images/background-page.jpg') no-repeat 50% 29px;
}
#top { background: #520a04; height: 29px; position: absolute; width: 100%; }

#wrapper {
	
	width: 960px;
	margin: 0 auto;
}


#header {
	padding: 0;
	clear: both;
	position: relative;
	height: 195px;
	font-size: 1.1em;
}

	#topbar {
		height: 48px;
	}
		#search {
			height: 48px;
			width: 220px;
			float: right;
		}

		#top-navigation {
			height: 30px;
			width: 60%;
			float: left;
		}

	#logo {
		height: 103px;
	}
	#logo img {
		margin: 20px 0 0 30px;
	}

	#navigation {
		background: #c1a182 url('images/background-navigation.gif') repeat-x;
		height: 44px;
		clear: both;
	} 


div.separator {
	background-color: #ae7c57;
	border-top: 1px solid #ae7c57;
	height: 5px;
	overflow: hidden;
	line-height: 0.1;
}

div.separator-short {
	background: url('images/separator-short.gif') no-repeat center top;
	height: 5px;
	overflow: hidden;
	line-height: 0.1;
}

#container {
	padding: 0;
	position: relative;
	clear: both;
	background: white url('images/background-container.gif') repeat-y top left;
	height: 100%;
	min-height: 800px;
	height: auto !important;
	_height: 800px;
	width: 960px;
}
#container .clearboth { clear: both; display: block; height: 1px; }

#container.plain {
	background-image: none;
	background-color: white;
}

	#sidebar {
		display: inline;
		padding: 0;
		float: left;
		position: relative;
		width: 224px;
	}
		div.sidebar-box.first { background: url('images/lists/background-sidebar-box.gif') 0 100% repeat-x; }
		div.sidebar-box {
			font-size: 1.1em;
			padding: 1em 12px;
		}

	#breadcrumbs {
		font-size: 90%;
		color: black;
	}

		#breadcrumbs span.B_currentCrumb {
			color: blue;
		}


	#content {
		display: inline;
		float: right;
		width: 735px;
		/*position: relative;*/
	}
	
	#content.wide {
		width: 950px; 
		float: none;
	}
	
		#innercontent {
			padding: 10px 20px 12px;
			font-size: 1.1em;
		}

div.bl_corner { 
	background: transparent url('images/background-bl-corner.gif') left bottom no-repeat; 
	height: 8px; 
	position: absolute;
	left: 0;
	bottom: 0;
	width: 7px;
}

div.br_corner { 
	background: transparent url('images/background-br-corner.gif') right bottom no-repeat; 
	height: 8px; 
	position: absolute;
	right: 0;
	bottom: 0;
	width: 7px;
}

/*div.push { height: 195px; }*/

#footer {
	height: 195px;
	clear: both;
	background: url('images/background-footer.png') center top no-repeat;
	color: #c2908c;
	position: relative;
	z-index: 10;
	text-align: center;
	overflow: hidden;
}

	#footer-wrapper {
		background: url('images/background-footer-wrapper.jpg');
		margin: 0 auto;
		width: 960px;
		font-family: Tahoma, Arial, Helvetica, sans-serif;
		font-size: 1.1em;
		height: 195px;
		height/**/:/**/ 180px;
		line-height: 1.5;
		clear: both;
		padding-top: 15px;
		text-align: left;
		padding-bottom: -7px;
	}

	#footer div.row {
		clear: both;
	}
	#footer div.inner {
		padding: 8px 16px;
	}
	#footer div.separate {
		padding-bottom: 8px;
		border-bottom: 1px solid #89372e;
	}
	#footer h4 {
		color: white;
		font-size: 1.4em;
		font-weight: normal;
		line-height: 0.5em;
		padding-bottom: 0;
		font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	}
	
	#footer-newsletter {
		float: left;
		width: 25%; 
		border-right: none;
	}

	#footer-ticketinfo {
		border-left: 1px solid #89372e;
		float: left;
		width: 48%;
	}
	
	#footer-ticketinfo a, #footer-address a { color: #c2908c; }
		
	#footer-address {
		float: right;
		width: 25%; 
		border-left: 1px solid #89372e;
	}	

	#footer-copyright {
		float: left;
		width: 280px;
	}
	#footer p.top-link { float: right; margin: -4px 16px 0; padding: 0; display: block; }
		#footer p.top-link a { color: #ac372a; text-decoration: none; }
		#footer p.top-link a:hover { color: #ac372a; text-decoration: underline; }
		
	#footer .row { margin: 0; }
	#footer .clearfix { margin: 0 auto; }
	
/***********************************************
 * Generic
 * 
 ***********************************************/

table {
	border-collapse: collapse;
}

tr.hoverclass, tr.hoverclass.alt-row, tr.hoverclass.alt-row.first { background: #fff7df; }

tr.alt-row {
	background: #f8f7f5;
}
tr.alt-row.first { background: #f8f7f5 url('images/lists/background-alt-row.gif') repeat-x; }
tr.first {
	border: none;
}
td.first {
	border: none; 
}

th {
	font-weight: normal;
}

td { text-align: left; padding: 0.5em 0.9em 0.5em 1.8em; *padding: 0.7em 0.9em 0.7em 1.8em; }
th { text-align: left; padding: 0.8em 0.9em 0.8em 1.8em; *padding: 1em 0.9em 1em 1.8em; }

td p {
	margin: 0;
	padding: 0;
}


/************************************
 * Search
 *
 ************************************/

#ajaxSearch_form {
	border: 0;
	margin-top: 12px;
	margin-left: 12px;
}

#ajaxSearch_form fieldset {
	border: 0;
}

.ajaxSearch_result {
	color: #574731;
	font-size: 1.1em;
	background: #f8f7f5 url('images/lists/background-alt-row.gif') repeat-x;
	padding: 1em 3em 1em 1em;
	border: none;
}
.ajaxSearch_result.alt-row { background: #fff; border: none; }

.ajaxSearch_result h3 {
	font-size: 1em;
	margin: 0.2em 0;
}
#innercontent .ajaxSearch_result p {
	font-size: 1em;
	margin: 0;
}

.ajaxSearch_resultsInfo {
	margin: 1em 0;
}

.ajaxSearch_paging {
	display: block;
	padding: 1.6em 0 1em;
	text-align: center;
}

span.search-link {
	text-align: center;
}
span.search-link a { 
	background-color: white;
	padding: 0.3em 0.6em;
	border: 1px solid #d37571;
}

span.search-link-current {
	background-color: #b3504a;
	color: white;
	border: 1px solid #b3504a;
	padding: 0.3em 0.6em;
}

span.search-link a:hover {
	color: #96140a;
	border: 1px solid #96140a;
}

span.search-link-off {
	border: 1px solid #d9d3ca;
	color: #ada497;
	padding: 0.3em 0.6em;	
}
#search-results {
	padding: 2em 0;
	border-top: 1px solid #edeae6;
	border-bottom: 1px solid #edeae6;
}
#search-input-field {
	background: transparent url('images/forms/search-input.gif') no-repeat top left;
	width: 147px;
	display: block;
	float: left;
	height: 28px;
	padding: 6px 0 0 10px;
}

#ajaxSearch_input {
	border: 0;
	margin: 0;
	padding: 0;
	width: 143px;
	height: 18px;
	background-color: transparent;
}

#search-input-submit {
	width: 33px;
	height: 28px;
	display: block;
	float: left;
}

#ajaxSearch_submit {
	border: 0;
	padding: 0;
	margin: 0;
}

/************************************ 
 * Forms
 *
 ************************************/

form {
}

form#feedback-form {
	color: #574731;
	font-size: 1em;
}

form p { margin: 0; }

label {
	font-weight: normal;
	margin: 0;
	display: block;
	float: left;
	text-align: right;
	width: 180px;
	margin-right: 12px;
}

input, textarea {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 1em;
}

textarea.comment-textarea, input.comment-field {
	background: #f7f7f7;
	border: 1px solid #e6e4e0;
	color: #625a5a;
	padding: 4px 6px;
}

input.comment-field {
	width: 180px;
	margin-right: 12px;
}

textarea.comment-textarea {
	width: 400px;
	height: 120px;
	overflow: auto;
}

input.comment-submit {
	color: white;
	cursor: pointer;
	border: 1px solid #510803;	
	background: #91342c url('images/forms/background-comment-submit.gif') repeat-x left center;
	padding: 4px 8px;
}

#newsletter-input-field {
	background: transparent url('images/forms/newsletter-input.gif') no-repeat top left;
	width: 147px;
	display: block;
	float: left;
	height: 28px;
	padding: 7px 0 0 10px;
}

input#email_address {
	border: 0;
	margin: 0;
	padding: 0;
	width: 143px;
	height: 18px;
	background-color: transparent;
}

input#newsletter-submit {

}

div.formrow {
	clear: both;
	margin: 0.75em 0; 
}
#feedback-form div.formrow p { margin: 0; }
#feedback-form div.formrow p label { margin-top: 5px; }

div.errors {
	color: #990000;
}

form#presslogin label { font-size: 1.091em; margin-top: 4px; margin-bottom: 4px; }
form#presslogin input { font-size: 1.091em; padding: 3px; margin-top: 1px; margin-bottom: 1px; width: 200px; }
form#presslogin input.submit { cursor: pointer; font-size: 1em; margin-top: 20px; width: auto; }


/************************************ 
 * Comments
 *
 ************************************/

#play-comments { margin: 1em 0 3em; }
#play-comments form {
	color: #8a8686;
	font-weight: normal;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 1em;
	margin: 1.6em 0;
}

#play-comments label {
	margin: 0.3em 0;
	font-weight: normal;
	text-align: left;
	width: 440px;
}
#play-comments label input, #play-comments label textarea { font: normal 11px Tahoma, Arial, Helvetica, sans-serif; padding: 5px; }
#play-comments input.comment-submit { clear: both; cursor: pointer; display: block; font: bold 11px Tahoma, Arial, Helvetica, sans-serif; margin: 2em 0 3em; }

h5.comment-heading {
	background: #85261e;
	color: #ece7e0;
	font-size: 1.1em;
	line-height: 2em;
	padding-left: 12px;
	margin: 2.5em 0 0.5em;
}

/************************************ 
 * News
 *
 ************************************/

div.news-item,
div.news-item-short,
div.news-item-summary,
div.announcement-item,
div.announcement-item-short,
p.news-archive-link,
p.announcement-archive-link,
p.rss-feed-link {
	padding: 1em 0;
	line-height: 1.5;
}

/* ajankohtaisten listaussivu */
.news-list { padding: 0 3em; }
.news-list .separator { background: #edeae6; border: none; height: 1px; margin: 1.5em 0; }
.news-list .news-item-short { padding: 1em 4em; }
.news-list .news-item-short.alt-row { background: #f8f7f5 url('images/lists/background-alt-row.gif') repeat-x; }

/* ajankohtaisen uutisen oma sivu */
div.news-item, div.news-item-full { margin-bottom: 2em; }
div.news-item-full { font-size: 1.091em; padding: 0 3em; }
#innercontent div.news-item-full p { font-size: 1em; line-height: 1.5em; }
div.news-item-summary { background: #f8f7f5; font-style: italic; padding: 0.1em 4em 0.1em; }
#innercontent .news-item-summary p { margin: 0; }
.news-item-full .news-date { background: #f8f7f5 url('images/lists/background-alt-row.gif') repeat-x; padding: 0.1em 4em 0 4em; }
#innercontent .news-item-full .news-date p { background: url('images/icons/calendar.gif') no-repeat 0 center; font-weight: bold; margin-bottom: 0; padding: 0.3em 1.8em; }
.news-item-full .news-item-content { background: #f8f7f5; padding: 0.1em 4em 0.1em; }
#innercontent div.news-item-short p { margin: 0; }
#innercontent .news-item-full p.news-return { background: #f8f7f5 url('images/lists/background-alt-row.gif') repeat-x; margin-top: 0; padding: 1.5em 4em 1.5em 4em; }

div.news-item-short h3,
div.announcement-item-short h3 {
	color: #51493b;
	margin: 0;
}

p.news-archive-link {
}

p.announcement-archive-link {
	width: 65%;
	

}

/* tiedotteiden listaussivu */
.announcement-list { padding: 0 3em; }
.announcement-list .separator { background: #edeae6; border: none; height: 1px; margin: 1.5em 0; }
.announcement-list .announcement-item-short { padding: 1em 4em; }
.announcement-list .announcement-item-short.alt-row { background: #f8f7f5 url('images/lists/background-alt-row.gif') repeat-x; }

/* tiedotteen oma sivu */
div.announcement-item, div.announcement-item-full { margin-bottom: 2em; }
div.announcement-item-full { font-size: 1.091em; padding: 0 3em; }
#innercontent div.announcement-item-full p { font-size: 1em; line-height: 1.5em; }
div.announcement-item-summary { background: #f8f7f5; font-style: italic; padding: 0.1em 4em 0.1em; }
#innercontent .announcement-item-summary p { margin: 0; }
.announcement-item-full .announcement-date { background: #f8f7f5 url('images/lists/background-alt-row.gif') repeat-x; padding: 0.1em 4em 0 4em; }
#innercontent .announcement-item-full .announcement-date p { background: url('images/icons/calendar.gif') no-repeat 0 center; font-weight: bold; margin-bottom: 0; padding: 0.3em 1.8em; }
.announcement-item-full .announcement-item-content { background: #f8f7f5; padding: 0.1em 4em 0.1em; }
#innercontent div.announcement-item-short p { margin: 0; }
#innercontent .announcement-item-full p.announcement-return { background: #f8f7f5 url('images/lists/background-alt-row.gif') repeat-x; margin-top: 0; padding: 1.5em 4em 1.5em 4em; }


p.rss-feed-link {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	float: right;
	margin-top: -40px;
	width: 30%;
	text-align: right;
}
p.rss-feed-link a { color: #de6b25; }
p.rss-feed-link a img { margin: 0 0 -3px 1px; }


div.pagination {
	display: block;
	padding: 1.6em 0 1em;
	text-align: center;
}


div.pagination span.left {
	width: 40%;
	float: left;
	text-align: left;
}

div.pagination span.right {
	width: 40%;
	float: right;
	text-align: right;
	margin-right: 8px;
}

div.pagination a  {
	text-align: center;
}

span.ditto_currentpage {
	background-color: #b3504a;
	color: white;
	border: 1px solid #b3504a;
	padding: 0.3em 0.6em;
	margin: 0 0.2em;
}

a.ditto_page { 
	background-color: white;
	padding: 0.3em 0.6em;
	border: 1px solid #d37571;
	margin: 0 0.2em;
}

.ditto_previous_link , .ditto_next_link, .ditto_next_off, .ditto_previous_off{
	padding: 0.3em 0.6em;
	border: 1px solid #d37571;
	margin: 0 0.2em;
}

.ditto_off {
	border: 1px solid #d9d3ca;
	color: #ada497;
}

a.ditto_page  a:hover {
	color: #96140a;
	border: 1px solid #96140a;
}

/************************************ 
 * Plays
 *
 ************************************/

a.play-item,
a.play-item-alt {
	background-color: #f6f6f5;
	border: 1px solid #eae7e0;
	width: 330px;
	/*height: 275px;*/
	min-height: 25.5em;
	height: auto !important;
	height: 24em;
	line-height: 1.4;
	position: relative;
	float: left;
	padding: 0;
	margin: 0 0 16px 0;
	padding-bottom: 25px;
	color: #3b2c2c;
	display: block;
} 

a.play-item-alt {
	float: right;
}

a.play-item:hover,
a.play-item-alt:hover {
	text-decoration: none;
	background-color: #f1efeb;
}

div.play-item-image {
	text-align: center;
	padding: 10px 0 6px;
}

a.play-item h3,
a.play-item-alt h3 {
	color: #9e340b;
	text-transform: uppercase;
	padding: 0 10px;
	font: bold 1em Arial, Helvetica, sans-serif;
	margin: 0 0 5px;
	font-size: 1.091em;
}

#innercontent p.play-item-summary {
	padding: 0 12px;
	font-size: 1.091em;
	margin: 1em 0;
}

div.play-item-info {
	color: #857b5d;
	border-top: 1px solid #e5e2df;
	background-color: #ecebe8;
	position: absolute;
	bottom: 0;
	left: 0;
	line-height: 2.3;
	width: 100%;
}

div.play-item-info-icon {
	background-color: #e5e2df;
	height: 25px;
	width: 25px;
	float: left;
	line-height: 2.3;
	text-align: center;
	margin-right: 12px;
}
div.play-item-info-icon img { padding-top: 8px; }

#innercontent div.play-item-info p { 
	font-family: Tahoma, Arial, Helvetica, sans-serif; 
	font-size: 1em;
	margin: 0; 
	padding: 4px 20px; 
}


div#play {
	color: #574731;
}

div#play div.inner {
	padding: 14px;
	font-size: 11px;
}
div#play div.inner p { font-size: 11px; margin: 0; }

div#play div.inner-main {
	padding: 0 18px 0 0;
}
	
div#play-main {
	border-right: 1px solid #edeae6;
	float: left;
	width: 480px;
}
#play-main p {
	font-size: 1.1em;
	line-height: 1.5em;
	margin: 1.5em 0;
}


div#play-info {
	color: #755e3e;	
	line-height: 1.5;
	float: left;
	width: 214px;
}

div#play-info h3 {
	margin-bottom: 1em;
}

div#play-buy, div#play-nutshell {
	border-bottom: 1px solid #edeae6;
}

div#play-buy img {
	margin: 3px 0;
}

div#play-nutshell h3 {
	margin-top: 0;
}
#innercontent div#play-nutshell ul, div#play-nutshell ul {
	font-size: 1em;
	list-style-type: disc;
	margin: 0;
}
#innercontent div#play-nutshell ul li, div#play-nutshell ul li {
	margin: 2px 2px 2px 14px;
}



/************************************ 
 * Show listings
 *
 ************************************/

#innercontent ul.tabbernav, ul.tabbernav {
	clear: both;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 1em;
	display: block;
	list-style-type: none;
	margin: 0 0 2px -1px;
	*margin: 0 0 2px;
	padding: 0;
	height: 3.2em;
	overflow: hidden;
}

#innercontent ul.tabbernav li, ul.tabbernav li {
	border: none;
	position: relative;
	display: block;
	float: left;
	padding: 1em 0;
	margin: 0;
	background: #e1ded7 url('images/lists/background-show-month.gif') repeat-x top left;
}
ul.tabbernav li a {
	border-top: 1px solid #d8d5cd;
	border-left: 1px solid #d8d5cd;
	
	color: #696356;
	font-weight: bold; 
	padding: 1em;
}
ul.tabbernav li a:hover {
	background-color: #d8d4ca;
	background-image: none;
	color: #696356;
	text-decoration: none;
}

ul.tabbernav li.tabberactive a { background: #bdb7a9; border-top: 1px solid #bdb7a9; border-left: 1px solid #bdb7a9; color: white; padding-bottom: 1.1em; }
ul.tabbernav li.tabberactive a:hover { background: #bdb7a9; color: white; }
	
ul.tabbernav li.last {
	border-right: 1px solid #d8d5cd;
}
div#show-table {
/*	border: 1px solid #c5bfb1;
	border-top: 4px solid #bdb7a9;
	border-bottom: 5px solid #dad3c5;*/
	clear: both;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	margin-bottom: 20px;
}

table.show-listing {
	width: 100%;
	color: #333333; 
	border: 1px solid #c5bfb1;
	border-top: 4px solid #bdb7a9;
	border-bottom: 5px solid #dad3c5;
}

table.show-listing th {
	background-color: #eae7e0;	
}

table.show-listing td {
	border-left: 1px solid #dadada;
	border-right: 1px solid #dadada;
}

table.show-listing td.show-date {
	width: 80px;
	*width: 110px;
	border-left: 1px solid #c5beb0;
}

table.show-listing td.show-time {
	width: 40px;
	*width: 70px;
}

table.show-listing td.button {
	width: 90px;
}
table.show-listing td.button img { height: 22px; width: 83px; }
table.show-listing td.no-border {
	border-left: none;
	border-right: none;
	text-align: center;
}
p.show-month-empty { background: #f8f7f5; border: solid #bdb7a9; border-width: 5px 1px 1px; padding: 4em 2em; }
#innercontent p.show-month-empty { margin: -2px 0 0 -1px; }

/************************************ 
 * Comments
 *
 ************************************/

div.comment-row {
	clear: both;
}

div.comment-row h5 {
	font-weight: bold;
	font-size: 1.1em;
}

div.comment-row h6 {
	font-weight: normal;
	font-size: 1em;
}
div.comment-header, div.comment-message {
	border-top: 1px solid white;
	border-bottom: 1px solid #e1dcd5;
	padding: 8px 16px;
}

div.comment-header {
	background-color: #ece7e0;
	color: #3b2c2c;
}

div.comment-message {
	background-color: #f0ede8;
	color: #625a5a;
	padding-bottom: 24px;
	position: relative;
}
div.comment-message .jot-editby {
	bottom: 10px;
	font-size: 1em;
	right: 10px;
	position: absolute;
}

div.jot-row-alt div.comment-header, div.jot-row-alt div.comment-message {
	border-top: 1px solid white;
	border-bottom: 1px solid #eee1bb;
}

div.jot-row-alt div.comment-header {
	background-color: #f2ead2;
}

div.jot-row-alt div.comment-message {
	background-color: #f7f1e1;
}

/************************************ 
 * Tickets � Pricelist
 *
 ************************************/
 
#hinnasto {
	/*border-right: 1px solid #edeae6;*/
	display: inline;	
	float: left;
	padding-right: 30px;
	/*width: 480px;*/
}

#hinnasto table { font-size: 12px; }
#hinnasto table tr { border: none; }
#hinnasto table tr.alt-row { 
	background: #f8f7f5 url('images/lists/background-alt-row.gif') repeat-x; 
	border: none;
}
#hinnasto table tr.alt-first { background: #fff url('images/lists/background-alt-first.gif') 0 100% repeat-x; }
#hinnasto table tr.alt-first th { padding: 0.9em; }
#hinnasto table td {
	line-height: 18px;
	padding: 1.2em 0.9em;
	vertical-align: top;
}
#hinnasto table td p { margin: 0; font-size: inherit; }

#hinnasto_details { display: inline; float: right; width: 195px; }
#hinnasto_details p { font-size: 1em; }


/************************************ 
 * Gallery main page
 *
 ************************************/
#innercontent .childscontainer ul.thumbs {
	list-style-type: none;
	display: block;
	clear: both;
	font-size: 1em; 
	margin: 0 0 1.6em; 
	padding: 0;
}
#innercontent .childscontainer ul.thumbs li {
	background-color: #f8f7f5;
	border: 1px solid #eae7e0;
	width: 210px;
	/*height: 275px;*/
	min-height: 21em;
	height: auto !important;
	height: 21em;
	line-height: 1.4;
	position: relative;
	float: left;
	padding: 0;
	margin: 0 18px 18px 0;
	color: #564e36;
	display: block;
} 
#innercontent .childscontainer ul.thumbs li:hover {
	text-decoration: none;
	background-color: #f1efeb;
}

#innercontent .childscontainer ul.thumbs li a { display: block; padding-top: 10px; }
#innercontent .childscontainer ul.thumbs li img {
	padding: 4px;
	border: 1px solid #eae7e0;
	background-color: white;
	min-width: 110px;
}
#innercontent .childscontainer ul.thumbs li p { font-size: 1.091em; margin: 5px auto; padding: 0; width: 210px; min-width: 200px; }

/************************************ 
 * Press login
 *
 ************************************/
 
p.presslogin-error { color: #c00; font-weight: bold; }
p.presslogin {
	background: #fafafa url('images/forms/bullet-hox.gif') no-repeat 15px 50%; 
	border: 1px solid #ccc;
	line-height: 18px;
	margin: 0 0 20px;
	padding: 10px 10px 10px 60px;
}
 

/************************************ 
 * Fixes and special cases
 *
 ************************************/

img.vasen {
	clear: left;
	float: left;
	margin: 0 15px 15px 0;
}
img.oikea { 
	clear: right;
	float: right;
	margin: 0 0 15px 15px;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

.hidden {
	display: none;
} 

#tooltip{
	position: absolute;
	border: 1px solid #a36f49;
	background: #e5d5c6;
	font: normal 11px Tahoma, Arial, Helvetica, sans-serif;
	padding: 5px 8px;
	color: #76441f;
	display: none;
	z-index: 20;
}	



/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 /*padding:5px;
 border:1px solid #aaa;
 border-top:0;*/

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page 
*/
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}



/*****************************************************************************
	Navigation
*****************************************************************************/

#navigation ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	clear: both;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	height: 44px;
	overflow: hidden;
}	
#navigation ul li {
	margin: 0 -3px 0 0;
	padding: 0;
	position: relative;
	display: inline;
	
}
#navigation ul li a {
	border-right: 1px solid #bd9778;
	border-left: 1px solid #cbb6a0;
	text-decoration: none;
	text-align: center;
	color: #4f0a04;
	font-size: 1em;
	/*padding: 18px 1em 14px;*/
	padding: 1.5em 1.2em 1.4em;
	height: 44px;
	line-height: 46px;
	*line-height: 44px;
	overflow: hidden;
}
#navigation ul li.last a { background: url('images/background-navigation-li.gif') 100% 0 no-repeat; border-right: none; padding: 1.5em 1.4em 1.4em 1.2em; }
#navigation ul li a:hover { background-color: #c6a98c; }
#navigation ul li.active a,
#navigation ul li.active a:hover { background: #ae7c57; border: none; color: #fff; }

#top-navigation ul {
	list-style-type: none;
	margin: 0;
	padding: 0.8em 0;
	font-family: Tahoma, Arial, Helvetica, sans-serif;	
}

#top-navigation ul li {
	margin: 0;
	padding: 0;
	display: inline;
	position: relative;
}

#top-navigation ul li a {
	padding: 0 1em;
	text-decoration: none;
	text-align: center;
	color: #ce9c8b;
	font-size: 1em;
	display: block;
	float: left;
	border-right: 1px solid #a25e46;
	line-height: 1.2;
}

#top-navigation ul li a:hover,
#top-navigation ul li a:active,
#top-navigation ul li.active a,
#top-navigation ul li.active a:hover {
	text-decoration: underline;
}


#top-navigation ul li.last a {
	border-right: 0;
}


#sub-navigation ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	/*border-bottom: 1px solid white;*/
}

#sub-navigation ul li {
	margin: 0;
	display: block;
	position: relative;
}

#sub-navigation ul li a {
	padding: 10px 12px;
	text-decoration: none;
	color: #564e36;
	font-size: 1.1em;
	display: block;
	line-height: 1;
	border-top: 1px solid white;
	border-bottom: 1px solid #ece3d9;
	font-weight: bold;
}

#sub-navigation ul li a:hover,
#sub-navigation ul li.active a:hover {
	text-decoration: none;
	background-color: #f2efe9;
	border-right: 1px solid #e4ddd6;
}

#sub-navigation ul li.active a, #sub-navigation ul li.active a:hover {
	background-color: white;
	border-right: none;
}
#sub-navigation ul li.active ul li a { background-color: transparent; }
#sub-navigation ul li.active ul li a:hover { background-color: #f2efe9; border-right: 1px solid #e4ddd6; } 
#sub-navigation li ul li a:active,
#sub-navigation li ul li.active a {
	background-color: white;
	border-right: none;
}

#subnavigation li ul {
	border-bottom: 1px solid #ece3d9;
	display: none;
}

#subnavigation li.active ul {
	display: block;
}

#subnavigation li.active ul li ul {
	display: none;
}

#subnavigation li.active ul li.active ul {
	display: block;
	
}

#subnavigation li ul li {
}

#sub-navigation li ul li a {
	padding-left: 28px;
	/*color: #ce9c8b;*/
	font-weight: normal;
	background: url('images/icons/redarrow.gif') no-repeat 12px center;
}

#sub-navigation li ul li ul li {
	display: none;
}

#sub-navigation li ul li.active ul li {
	display: block;
}

#sub-navigation li ul li ul li a {
	padding-left: 42px;
	color: #9e340b;
	font-weight: normal;
	background: url('images/icons/enter.gif') no-repeat 24px center;
}

#sub-navigation li ul li ul li ul li a {
	background: url('images/icons/nav-red-bullet.gif') no-repeat 42px center;
	padding-left: 54px;
}

#bottom-navigation ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	float: right;
}

#bottom-navigation ul li {
	margin: 0;
	padding: 0;
	display: inline;
	position: relative;
}

#bottom-navigation ul li a {
	padding: 0 1em;
	text-decoration: none;
	text-align: center;
	color: #ce9c8b;
	font-size: 1em;
	border-right: 1px solid #a25e46;
	
}

#bottom-navigation ul li a:hover,
#bottom-navigation ul li a:active,
#bottom-navigation ul li.active a,
#bottom-navigation ul li.active a:hover {
	text-decoration: underline;
}

#bottom-navigation ul li.last a {
	border-right: 0;
	padding-right: 0;
}