@charset 'utf-8';






/* ---------------------------------------------------------------------------------------------------------------------- */
/* reset styles */
/* ---------------------------------------------------------------------------------------------------------------------- */

* {
	margin: 0;
	padding: 0;
	outline: 0 !important;
}

.hidden {
	position: absolute;
	top: -1000em;
	left: -1000em;
}

ul.layout {
	list-style-type: none;
}

a img {
	border: 0;
}

font { /* old school code imported from scalamalade.ch */
	color: inherit;
}

th, td {
	vertical-align: top;
}

.js,
.jsversion .nojs,
.jsversion .tabs-content {
	display: none;
}
.jsversion .js,
.jsversion .tabs-content-first {
	display: block;
}



/* ---------------------------------------------------------------------------------------------------------------------- */
/* main layout */
/* ---------------------------------------------------------------------------------------------------------------------- */

html, body {
	height: 100%;
}
/*html {
	border-bottom: 1px solid #fff;
}*/
body {
	background: #68371a url('../img/bg-new-high.jpg') no-repeat top left;
	font-size: 75%;
	font-family: 'Trebuchet MS', Arial, sans-serif;
	line-height: 1.3;
}
body.popup {
	padding: 2em 1em;
	color: #fff;
	height: auto;
}
body.popup-sbb {
	padding: 1em;
	background: #fff;
	color: #000;
}

#wrapper {
	width: auto;
	max-width: 85em;
	min-width: 75em;
	min-height: 100%;
	margin: 0 auto;
	position: relative;
}

#content {
	margin: 0 20px;
	padding-bottom: 5em;
	overflow: hidden;
}

/* -------------------------------------------------------------------------------------------------------- */
/* header */

#logo {
	position: relative;
	z-index: 10;
	margin-bottom: 4em;
}

#logo a {
	width: 23.33em;
	display: block;
	text-decoration: none;
}

#logo a img {
	width: 23.33em;
	height: 3.83em;
	border: 0;
}
#logo a img.spacer {
	display: none;
}
#logo span {
	display: block;
	position: absolute;
	top: 1.6em;
	left: 23.33em;
	width: 3.84em;
	height: 2.25em;
	overflow: hidden;
}
#logo span img {
	width: 2.42em;
	height: 4.5em;
	margin-left: 1.42em;
}
#logo a:hover span img {
	margin-top: -2.25em;
}

#search {
	position: relative;
	float: left;
	width: 23.33em;
	margin-bottom: 1.7em;
}
#search input.text {
	float: left;
	display: inline;
	width: 73%;
	margin-top: -0.1em;
	margin-right: -10em;
	padding: 0.2em;
}
#search button {
	float: right;
	margin-right: -0.1em;
}

#socialmedia {
	float: right;
	padding-top: 0.4em;
	padding-right: 3em;
}
.right #socialmedia {
	float: none;
	overflow: hidden;
	margin: 2em 0 0 1em;
	padding: 0;
}
#socialmedia a {
	float: left;
	display: block;
	width: 16px;
	height: 16px;
	margin-left: 0.5em;
	text-indent: -100em;
	background-repeat: no-repeat;
}
.right #socialmedia a {
	margin-left: 0;
	margin-right: 0.5em;
}
#socialmedia a.facebook {
	background-image: url('../img/socialmedia/facebook-16x16.png');
}
#socialmedia a.twitter {
	background-image: url('../img/socialmedia/twitter-16x16.png');
}
#socialmedia a.delicious {
	background-image: url('../img/socialmedia/delicious-16x16.png');
}
#socialmedia a.digg {
	background-image: url('../img/socialmedia/digg-16x16.png');
}

#lang {
	float: right;
	padding-top: 0.4em;
	line-height: 1.5;
	color: #fff;
}
.right #lang {
	float: none;
	padding-top: 0;
	position: absolute;
	top: -2.2em;
	right: 0;
}

/*.info #lang {
	padding-top: 0.8em;
}*/
#lang a.current {
	color: #fff;
	text-decoration: none;
	cursor: default;
}

#home {
	position: absolute;
	top: -2.2em;
	left: 0;
	line-height: 1.5;
	color: #fff;
}
.info #home {
	left: 0.8em;
}

#banner {
	position: absolute;
	top: 0.9em;
	right: 20px;
	width: 41.83em;
	border: 1px solid #fff;
	/*height: 5em;
	overflow: hidden;
	display: none;*/
}
#banner img {
	width: 100%;
}
#logo {
	/*margin-bottom: 8em;*/
}



#beta {
	position: absolute;
	top: 0.9em;
	right: 20px;
	z-index: 100;
	display: none;
}
#beta .betabox {
	padding: 0.7em 0.9em;
	border: 4px solid #fff;
	color: #fff;
}


/* -------------------------------------------------------------------------------------------------------- */
/* content */

div.separator {
	height: 15px;
	margin: 1em 0 1.8em 0;
	background: url('../img/line.png') repeat-x top;
}

/* box width rounded corners */

div.box {
	position: relative;
}

div.corner-tl,
div.corner-tr,
div.corner-bl,
div.corner-br {
	position: absolute;
	width: 3px;
	height: 3px;
	font-size: 0;
	background: url('../img/corner-tl.gif') no-repeat top left;
}
div.corner-tl {
	top: 0;
	left: 0;
}
div.corner-tr {
	top: 0;
	right: 0;
	background-image: url('../img/corner-tr.gif');
}
div.corner-bl {
	bottom: 0;
	left: 0;
	background-image: url('../img/corner-bl.gif');
}
div.corner-br {
	bottom: 0;
	right: 0;
	background-image: url('../img/corner-br.gif');
}

.box-tabs div.corner-tl {
	height: 25px;
	background-image: url('../img/corner-tl-tabs.gif');
}
.box-tabs div.corner-tr {
	height: 25px;
	background-image: url('../img/corner-tr-tabs.gif');
}

.box-brown div.corner-tl {
	height: 3px;
	background-image: url('../img/corner-tl-brown.gif');
}
.box-brown div.corner-tr {
	height: 3px;
	background-image: url('../img/corner-tr-brown.gif');
}
.box-brown div.corner-bl {
	background-image: url('../img/corner-bl-brown.gif');
}
.box-brown div.corner-br {
	background-image: url('../img/corner-br-brown.gif');
}

/* 2 columns */

div.columns {
	/*overflow: hidden;*/
	clear: both;
}
div.columns div.columns {
	overflow: hidden;
	clear: none;
	/*padding-bottom: 1.5em;*/
}

div.columns div.right {
	position: relative;
	z-index: 3;
	float: right;
	width: 178px;
	/*margin-top: -3.5em;*/
	margin-top: -1em;
}
/*div.info div.right {
	margin-top: 0;
}*/
div.info div.right .teasers {
	margin-top: 0;
}
div.columns div.right div.item {
	display: none;
}

div.columns div.left {
	position: relative;
	z-index: 1;
	margin-right: 182px;
}
div.columns div.left div.box {
	background: #fff;
	min-height: 30em;
}
div.columns div.left ul.teasers div.box {
	min-height: 0;
}

div.columns div.columns div.left {
	width: 20em;
	float: left;
	margin: 0;
}
div.columns div.columns div.right {
	width: auto;
	float: none;
	margin: 0 0 0 22em;
}



#filter div.columns {
	overflow: hidden;
}
#filter div.columns div.left {
	width: 49%;
	float: left;
	margin: 0;
	padding-right: 1.25em;
}
#filter div.columns div.right {
	width: auto;
	float: none;
	margin: 0 0 0 50%;
	border-left: 1px solid #BBADA5;
	padding-left: 1.25em;
}


div.floatbox {
	overflow: hidden;
}


/* -------------------------------------------------------------------------------------------------------- */
/* footer */

#footer {
	position: relative;
	margin-top: -8px;
	background: #fff;
}

#footer div.shadow {
	position: absolute;
	top: -46px;
	left: 0;
	width: 100%;
	height: 46px;
	background: url('../img/footer-bg.png') repeat-x top;
}

#footer div.wrapper {
	width: auto;
	max-width: 85em;
	min-width: 65em;
	margin: 0 auto;
}

#footer div.content {
	margin: 0 20px;
	padding-bottom: 10px;
	position: relative;
}

#footer div.text {
	/*display: none;*/
	overflow: hidden;
}
#footer div.js div.text {
	display: none;
}
#footer div.expanded div.text {
	display: block;
}

#footer div.text div.col {
	margin: 1em 0 0 0;
}
#footer div.text div.right {
	float: right;
	width: 29.5em;
	margin-bottom: -1.5em;
}
#footer div.text div.left {
	margin-right: 30.5em;
	border-right: 1px solid #bbada5;
}

#footer div.text div.left div.right {
	width: 19.7em;
}
#footer div.text div.left div.left {
	margin-right: 22em;
	margin-bottom: -0.5em;
	border-right: 0;
}

#footer div.text div.left div.left img {
	width: auto !important;
	height: 4.58em !important;
	border: 1px solid #FF7800;
}

#footer div.text div.photos a {
	float: left;
	margin: 0 0.5em 0.5em 0;
	text-decoration: none;
}
#footer div.text div.photos img {
	height: 4.58em;
	border: 1px solid #FF7800;
}

#footer h2 {
	margin-bottom: 1.67em;
}
#footer h3 {
	margin-bottom: 1em;
}
#footer h3 span {
	font-size: 1.3em;
	color: #4b2412;
}
/*#footer h3 span {
	padding: 0 0.2em;
	font-size: 1.17em;
	color: #fff;
	background: #4b2412;
}*/
#footer h3,
#footer h4 {
	font-size: 1em;
}
#footer p {
	/*padding: 0 0.2em 1.5em 0.2em;*/
	padding: 0 0 1.5em 0;
}
#footer .right p {
	padding: 0;
}
#footer p.more {
	margin-top: -1em;
}
#footer .right p.more {
	margin-top: 0.5em;
}
#footer h4 a {
	/*text-decoration: none;*/
}

#footer ul li {
	padding-bottom: 0.5em;
}



#footer div.expand {
	position: absolute;
	top: -20px;
	right: -9px;
	display: none;
}

#footer div.expand div {
	width: 179px;
	height: 29px;
	background: url('../img/footer-show.png') no-repeat top left;
}
#footer div.expanded div.expand div {
	background-image: url('../img/footer-hide.png');
	margin-top: 3px;
}


#footer div.expand a {
	display: block;
	padding: 11px 0 0 25px;
	font-size: 1.09em;
	color: #401f10;
	text-decoration: none;
}

#footer div.expanded div.expand a {
	color: #fff;
}


#footer .footer-nav {
	position: absolute;
	top: -2em;
	font-size: 0.92em;
	color: #fff;
}
#footer .footer-nav a {
	color: #fff;
}






/* ---------------------------------------------------------------------------------------------------------------------- */
/* functional */
/* ---------------------------------------------------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------------------------------------- */
/* maps */

#map {
	clear: left;
	margin-bottom: 2em;
	background: url('../img/tb_loading.gif') no-repeat center center;
	background: url('../img/ajax-loader.gif') no-repeat center center;
}

#map_large {
	/*height: 26.5em;*/
	border: 3px solid #fff;
	overflow: hidden;
}

.mapholder noscript p {
	display: block;
	padding: 1em 1em 1em 1em;
	font-size: 1.5em;
	color: #c30;
	background: #fff !important;
}
.mapholder noscript p+p {
	padding-top: 0;
}

.right .mapholder noscript p {
	font-size: 1.2em;
}

div.markerTooltip, div.markerDetail {
	color: black;
	font-weight: bold;
	background-color: white;
	white-space: nowrap;
	margin: 0;
	padding: 2px 4px;
	border: 1px solid black;
}


#map_small {
	border: 3px solid #fff;
	height: 172px;
	overflow: hidden;
}

#fullscreen {
	display: none;
	position: absolute;
	top: 1em;
	left: 1em;
	z-index: 101;
}

#map_small_container .corner {
	z-index: 2;
}

.fullscreen {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important;
	z-index: 100 !important;
	border-width: 0 !important;
}

#legend {
	position: absolute;
	left: 1em;
	top: 1em;
	z-index: 10;
}

.close {
	position: absolute;
	right: 0.2em;
	top: 0.2em;
	display: block;
	width: 22px;
	height: 22px;
	background: url('../img/icons/icon-close.png') no-repeat top left;
	text-decoration: none;
}

#legend {
	display: none;
}

#legend .content {
	display: none;
	width: 14.6em;
	clear: left;
	background: #fff;
	padding: 1em;
	color: #361207;
	opacity: 0.9;
	filter: alpha(opacity=90);
}

#legend .content h3 {
	font-size: 1em;
}

#legend .content ul {
	padding-top: 0.5em;
}

#legend .content ul img.icon {
	width: 1em;
	height: 1em;
	margin-right: 0.2em;
	position: relative;
	top: 0.1em;
}

#legend .content hr {
	border-bottom: 1px solid #c0c0c0;
}




/* -------------------------------------------------------------------------------------------------------- */
/* filter */

.paragraph {
	position: relative;
}

#filter {
	width: 28.75em;
	position: absolute;
	left: 0;
	top: 2.2em;
	background: #fff;
}

#filter label img.icon {
	position: relative;
	top: 0.2em;
	width: 1em;
	height: 1em;
}

#filter h3 {
	font-size: 1em;
	color: #111;
}

ul.filter {
	margin-bottom: 1em;
}
/*ul.filter-short {
	margin-bottom: 0;
}*/
ul.filter li {
	padding: 0.15em 0;
	overflow: hidden;
	line-height: 1;
}
ul.filter input {
	float: left;
	margin: 0 0.3em 0 0;
}


p.info {
	position: absolute;
}
p.info span {
	color: #fff;
	font-weight: bold;
}
/*p.info span {
	padding: 0 0.2em;
	color: #301008;
	background: #fff;
	font-weight: bold;
}*/
#table p.info {
	position: relative;
	margin-bottom: 1.5em;
}



/* -------------------------------------------------------------------------------------------------------- */
/* table */

#table {
	padding-left: 30.83em;
	line-height: 1.1;
}
/*#table .content {
	height: 30em;
	overflow-y: scroll;
}*/
#table table {
	width: 100%;
}

#table table,
#table td {
	background: none;
	color: #fff;
	font-size: 1em;
}
#table th {
	color: #301008;
	font-weight: normal;
	background-color: transparent;
	cursor: pointer;
}

#table th.headerSortUp,
#table th.headerSortDown {
	font-weight: bold;
}

#table th.header span {
	padding-right: 2.5em;
	background: url(../img/icons/table-bg.gif) no-repeat center right;
}
#table th.headerSortUp span {
	background-image: url(../img/icons/table-asc.gif);
}
#table th.headerSortDown span {
	background-image: url(../img/icons/table-desc.gif);
}


#table td,
#table th {
	border: 0;
	border-bottom: 1px solid #956648;
	padding: 0.2em 1em 0.2em 0.2em;
}

#table tr.hover td {
	background: #835233;
	cursor: pointer;
}
#table td img.icon {
	width: 1em;
	height: 1em;
}

#items {
	border-collapse: collapse;
	font-size: 95%;
	margin: 0;
}



.jScrollPaneTrack {
	background: #835233 url('../img/scroll-bg.gif') repeat-y !important;
}
.jScrollPaneDrag {
	background: #301008 !important;
}
a.jScrollArrowUp {
	background: url('../img/icons/icon-scroll-up.gif'); !important;
}
a.jScrollArrowDown {
	background: url('../img/icons/icon-scroll-down.gif'); !important;
}






/* ---------------------------------------------------------------------------------------------------------------------- */
/* teasers */
/* ---------------------------------------------------------------------------------------------------------------------- */

ul.teasers {
	list-style: none;
	overflow: hidden;
	margin: 0 -1em 2em 0;
}
ul.teasers li {
	float: left;
	display: inline;
	width: 12.5%;
}
div.left ul.teasers li {
	width: 16.6%;
}

.right ul.teasers {
	margin: 1em 0 0 0.3em;
	/*float: right;
	width: 8.5em;*/
}
.right h2.teasers {
	color: #fff;
	margin: 2em 0 0 0.64em;
}
.right ul.teasers li {
	float: left;
	display: block;
	width: 100%;
	margin-bottom: 1em;
}
.teasers div.box {
	margin: 0 1em 0.4em 0;
}
.right .teasers div.box {
	margin-right: 3.5em;
}
.right .teasers div.box,
.right .teasers h3 {
	margin-left: 0.5em;
}
.teasers div.image {
	border: 3px solid #fff;
	overflow: hidden;
}
.teasers div.box img {
	width: 100%;
	float: left;
}
.right .teasers div.box img {
	/*height: 8em;*/
}
.teasers h3 {
	font-size: 1em;
	overflow: hidden;
	margin-right: 0.8em;
}
.teasers h3 span.icon {
	display: block;
	float: left;
}
.teasers h3 span.icon img {
	position: relative;
	top: 0.1em;
	width: 1em;
	height: 1em;
}
.teasers h3 a {
	display: block;
	margin-left: 1.3em;
	color: #fff;
	text-decoration: none;
}



/* -------------------------------------------------------------------------------------------------------- */
/* detail */

div.columns div.left div.box .tabs-content {
	padding: 2em 4em 1em 1.2em;
}
div.columns div.left div.box .content {
	padding: 1em;
}

/*div.columns div.left .teasers {
	position: absolute;
	top: -2em;
	right: -4px;
	width: 14em;
	margin: 0;
}
div.columns div.left .teasers li {
	width: 50%;
}
div.columns div.left .teasers h3 {
	font-size: 0.92em;
	font-weight: normal;
	height: 1.4em;
	overflow: hidden;
}
div.columns div.left .teasers h3 span.icon img {
	width: 0.92em;
	height: 0.92em;
	top: 0.2em;
}
div.columns div.left .teasers div.box {
	min-height: 0 !important;
	margin-right: 4px;
}*/

p.sperrungen {
	/*font-size: 1.2em;*/
	font-weight: bold;
	position: absolute;
	top: 0.6em;
	right: 4em;
	color: #ff7800;
}

div.shortinfo {
	float: right;
	margin: 0 0 0 1em;
	display: none; /* inline */
}
/*div.shortinfo/ {
	margin-right: -3em;
}

div.shortinfo thead {
	display: none;
}

div.shortinfo table th,
div.shortinfo table td {
	padding: 0 0.5em;
	border-right: 1px solid #BBADA5;
}
div.shortinfo table th.indent {
	text-indent: -100em;
	overflow: hidden;
}
div.shortinfo table th.levels,
div.shortinfo table td.levels {
	padding: 0;
	border-right: 0;
}
div.shortinfo table th.sum,
div.shortinfo table td.sum {
	padding-left: 0.3em;
}
div.shortinfo table th.last,
div.shortinfo table td.last {
	padding-right: 0;
	border-right: 0;
}
div.shortinfo table img.icon {
	width: 1.25em;
	height: 1.25em;
	position: relative;
	top: 0.15em;
}*/

span.total {
	display: block;
	float: left;
	padding: 0.1em 1em 0 0;
}
ul.levels {
	float: left;
	position: relative;
	width: 100%;
	width: 15em;
	border: 1px solid #ccc;
	margin-right: -1em;
}
ul.levels li {
	float: left;
	overflow: hidden;
}
/*ul.levels li.sum {
	position: absolute;
	left: 15em;
}*/
ul.levels li span {
	padding: 0 0.2em;
}
ul.levels li.sum span {
	white-space: nowrap;
	padding: 0 0.3em;
	font-weight: bold;
}

div.columns div.left h2 {
	/*padding-top: 2em;*/
}

div.columns div.left h2.nojs {
	font-size: 2em;
}

div.columns div.left h3 {
	margin-bottom: 0.5em;
}

ul.articles li {
	overflow: hidden;
	padding-bottom: 1em;
}

img.img_abs {
	float: left;
	display: inline;
	width: 10em;
	margin: 0 1em 0.5em 0;
	/*padding: 2px;*/
	border: 1px solid #BBADA5;
}

img.img_gal {
	float: left;
	display: inline;
	height: 8em;
	margin: 0 1em 1em 0;
	/*padding: 2px;*/
	border: 1px solid #BBADA5;
}

div.columns div.left p.gallery {
	overflow: hidden;
	padding: 0 0 1em 0;
}

img.keyvisual {
	width: 100%;
	margin: 0 0 2em 0;
	border: 1px solid #BBADA5;
}

div.box-brown img.keyvisual {
	border: 0;
	/*height: 17em;*/
	margin: 0;
}

div.box-brown div.content {
	border: 3px solid #BBADA5;
	padding: 0 !important;
}

#keyvisual-high {
	float: right;
	display: inline;
	width: 15em;
	margin: 0 0 1em 2em;
}

#keyvisual-high img.keyvisual {
	width: 100%;
}


ul.hints {
	margin: 0 0 1.5em 0;
}
ul.hints li {
	background: url(../img/icons/icon_hint.gif) no-repeat top left;
	padding: 0.3em 0 0.7em 1.5em;
}
ul.hints li.warning {
	background-image: url(../img/icons/icon_warning.gif);
}


ul.saison {
	overflow: hidden;
	margin: 0 0 2.5em 0;
}
ul.saison li {
	float: left;
	display: inline;
	padding: 0.15em 0.6em 0.1em 0.5em;
	background: #ddd;
	border-left: 1px solid #999;
	margin-left: -1px;
	color: #888;
}
ul.saison li.open {
	background: green;
	color: #fff;
}
ul.saison li.closed {
	background: #c30;
	color: #fff;
}

ul.guides a img {
	float: left;
	display: inline;
	width: 4em;
	margin: 0 1em 0 0;
	border: 1px solid #BBADA5;
}

table.data th,
table.data td {
	padding: 0.3em 1em 0.2em 0;
	border-bottom: 1px solid #e1d7d1;
}

table.data tr.last th,
table.data tr.last td {
	border-bottom: 0;
}

table.data {
	margin: 0 0 2em 0;
}

table#table-infos {
	margin-top: 1em;
	border: 3px solid #fff;
}


div.box-brown {
	min-height: 0 !important;
}

div.infobox {
	float: right;
	margin: 0 0 2em 0;
	width: 13em;
}
div.infobox div.content {
	padding: 0.8em 1em 1.2em 1em !important;
	/*height: 15em;*/
	overflow: hidden;
}
div.infobox table.data {
	margin: 0;
}


ul.guides li {
	overflow: hidden;
	margin-bottom: 1em;
}




.goback {
	display: none;
	margin-bottom: 1em;
}





#banner_high {
	margin: 1em 0 0 0.833em;
}
#banner_high img {
	width: 100%;
}








/* ---------------------------------------------------------------------------------------------------------------------- */
/* navs */
/* ---------------------------------------------------------------------------------------------------------------------- */

ul.nav {
	position: relative;
	left: -25px;
	width: 203px;
	margin-top: 2em;
	border-top: 1px solid #fff;
	list-style: none;
}
ul.nav li {
	border-bottom: 1px solid #fff;
}

ul.nav li a {
	display: block;
	padding: 0.3em 10px 0.3em 25px;
	color: #fff;
	line-height: 1.5;
	text-decoration: none;
	width: 168px;
}
ul.nav li.current a,
ul.nav li a:hover,
ul.nav li a:active,
ul.nav li a:focus {
	background: #fff;
	color: #ff7800;
}
ul.nav li.current a {
	background: #fff url('../img/nav-arrow.gif') no-repeat center left !important;
	color: #ff7800;
}




ul.nav-tabs {
	background: url('../img/nav-tabs-bg.jpg') repeat-x top;
	overflow: hidden;
	width: 100%;
	display: none;;
}
ul.nav-tabs li {
	float: left;
	display: inline;
	padding-left: 5px;
	margin-left: 5px;
	margin-right: -5px;
}

ul.nav-tabs li a {
	float: left;
	padding: 0.5em 9px 0.1em 5px;
	color: #fff;
	line-height: 1.5;
	text-decoration: none;
	font-weight: bold;
}
ul.nav-tabs li.current a/*,
ul.nav-tabs li a:hover,
ul.nav-tabs li a:active,
ul.nav-tabs li a:focus*/ {
	color: #301008;
}
ul.nav-tabs li.current {
	background: url('../img/nav-tabs-l.gif') no-repeat bottom left;
}
ul.nav-tabs li.current a {
	background: url('../img/nav-tabs.gif') no-repeat bottom right;
}

.nav-tabs-content {
	padding: 1.25em;
	padding-bottom: 0.25em;
}






/* ---------------------------------------------------------------------------------------------------------------------- */
/* typo */
/* ---------------------------------------------------------------------------------------------------------------------- */

h1 {
	font-size: 1.8em;
	/*color: #68371a;*/
	color: #fff;
	margin: -0.7em 0 0.7em 0;
}

h1.info  {
	margin-top: 0;
}

h1 span {
	/*background: #fff;*/
}

h1 span span,
h1 span.rating {
	font-weight: normal;
	background: none;
}
h1 span.title span {
	/*padding-right: 3.5em;*/
	padding-right: 0.5em;
}

h1 span.rating {
	position: relative;
	top: 0.4em;
	/*left: -1.75em;*/
	font-size: 2em;
	line-height: 1;
}
h1 span.rating span {
	color: #925b3e;
}

h1 span.icon {
	position: relative;
	/*left: -2.8em;*/
	padding-left: 1em;
	background: none;
}
h1 span.icon img {
	position: relative;
	top: 0.1em;
	width: 1em;
	height: 0.9em;
}

h1 span.severity {
	color: #fff;
	background: none;
	padding-left: 0.5em;
	/*margin-left: -2em;*/
}


h2 {
	font-size: 1.3em;
	color: #68371a;
	margin-bottom: 1em;
}
h2 span {
	color: #ff7800;
}
/*h2 span {
	color: #ff7800;
	background: #fff;
	padding: 0 0.2em;
}*/


h3 {
	font-size: 1em;
	color: #68371a;
}


p.hint span {
	padding: 0 0.2em;
	color: #c30;
	background: #fff;
}


a {
	color: #ff7800;
}

a:focus,
a:hover,
a:active {
	text-decoration: none;
}


hr {
	color: #fff;
	background: transparent;
	margin: 0 0 0.5em 0;
	padding: 0 0 0.5em 0;
	border: 0;
	border-bottom: 1px #BBADA5 solid;
}



table {
	border-collapse: collapse;
}
th {
	text-align: left;
}





/* ---------------------------------------------------------------------------------------------------------------------- */
/* forms */
/* ---------------------------------------------------------------------------------------------------------------------- */

input, textarea, select {
	border: 1px solid #9b9b9b;
	padding: 0.1em 0.2em;
	font-size: 1em;
}

button {
	float: left;
	background: transparent;
	border: 0;
	font-size: 1em;
	cursor: pointer;
}

button div, 
div.button {
	float: left;
	padding-left: 4px;
	background: url('../img/button-l.gif') no-repeat top left;
}
button.bright div, 
div.bright {
	background-image: url('../img/button-bright-l.gif');
}

button div span.button, 
div.button span.button {
	display: block;
	float: left;
	padding: 1px 8px 2px 4px;
	background: url('../img/button.gif') no-repeat top right;
	color: #fff;
	line-height: 1.5;
}
button.bright div span.button, 
div.button span.button {
	background-image: url('../img/button-bright.gif');
}

button div span.button span, 
div.button span.button a {
	color: #fff;
	text-decoration: none;
	background: /*#ff7800*/ url('../img/button-arrow.gif') no-repeat center left;
	padding-left: 12px;
}

button div span.button span.down, 
div.button span.button a.down {
	background: url('../img/button-arrow-down.gif') no-repeat center right;
	padding-left: 0;
	padding-right: 15px;
}







span.tooltip {
	color: #c30;
	border: 1px solid #c30;
	padding: 0 0.25em;
	cursor: pointer;
	font-size: 0.92em;
}
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #666;
	background-color: #eee;
	padding: 0.3em 0.5em;
	max-width: 15em;
}
#tooltip h3, #tooltip div { 
	margin: 0; 
	font-weight: normal;
	font-size: 1em;
	color: #333;
}


/* Clearfix-Methode zum Clearen der Float-Umgebungen | yaml.de */
.clearfix:after {
   content: "."; 
   display: block; 
   height: 0; 
   clear: both; 
   visibility: hidden;
}
.clearfix { display: block; }
 #ie_clearing { display: none; }





/* ---------------------------------------------------------------------------------------------------------------------- */
/* Thickbox */
/* ---------------------------------------------------------------------------------------------------------------------- */

#TB_window {
	font-size: 0.92em;
	color: #333333;
}

#TB_secondLine {
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}


#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(../img/tb_bg.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	/*border: 4px solid #525252;*/
	text-align:left;
	top:50%;
	left:50%;
}

#TB_window img#TB_Image {
	display:block;
	margin: 10px 0 0 10px;
}

#TB_caption{
	padding: 10px 30px 10px 12px;
	float:left;
}

#TB_closeWindow{
	padding: 10px 12px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin:1px;
}




/* ---------------------------------------------------------------------------------------------------------------------- */
/* jScrollPane */
/* ---------------------------------------------------------------------------------------------------------------------- */

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #aaa;
}
.jScrollPaneDrag {
	position: absolute;
	background: #666;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	height: 9px;
}
a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	height: 9px;
}