/*  #################################################
    CSS Template ?benninger textile? for TYPO3
    -------------------------------------------------
	
	company:	DACHCOM digital AG
	publisher:	Sabine Nowak
	date:		2010-01
	www:		www.dachcomdigital.com
	
	INCLUDES										  */
	
	@import url("css_reset.css");
	
/*	################################################# */


/* ------- FRAMEWORK -------  */

/*-- clearfix -- */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}

.clear {clear: both;}

/*-------- / MARKUP / ---------*/
html {
	font-family: Arial;
	font-size: 100.1%;
	/*height: 100%;
	min-height: 100%;*/

}
body {
	font-size: 13px; /* .7em = 11px */
	line-height: 1.2em;
	/*height: 100%;
	min-height: 100%;*/
	color: #333333;
	background: transparent url('/images/interface/background.jpg') repeat 0 0;
} 

a img,a:link img,a:visited img {border: none;}

a,
a:link,
a:visited {
	text-decoration: none;
	color:#990000;/*6D6D6D*/
}

a:hover,
a:active {
	color:#333333;/*6D6D6D*/
}

a.link,
a.link:link,
a.link:visited {
	background:transparent url('/images/interface/pfeil_up_right.gif') no-repeat scroll 0 0;
	display:block;
	padding-left:26px;
	padding-top:2px;
	min-height:19px;
}

a.link:hover,
a.link:active {
	background:transparent url('/images/interface/pfeil_over_right.gif') no-repeat scroll 0 0;
}

* html a.link,
* html a.link:link,
* html a.link:visited {
	height:19px;
}

a.pdf,
a.pdf:link,
a.pdf:visited {
	background:transparent url('/images/interface/pdf.gif') no-repeat scroll 0 0;
	display:block;
	padding-left:26px;
	min-height:16px;
}

* html a.pdf,
* html a.pdf:link,
* html a.pdf:visited {
	height:16px;
}

a.button,
a.button:link,
a.button:visited {
	background:transparent url('/images/interface/button_middle.gif') repeat scroll 0 0;
	display:block;
	float:left;
	min-height:23px;
	padding-left:7px;
	padding-right:58px;
	padding-top:6px;
	position:relative;
}

* html a.button,
* html a.button:link,
* html a.button:visited {
	height:23px;
}

a.button span,
a.button:link span,
a.button:visited span {
	display:block;
	position:absolute;
}

a.button span.left,
a.button:link span.left,
a.button:visited span.left {
	background:transparent url('/images/interface/button_left.gif') no-repeat scroll 0 0;
	height:29px;
	left:0;
	top:0;
	width:7px;
}

a.button span.right,
a.button:link span.right,
a.button:visited span.right {
	background:transparent url('/images/interface/button_right.gif') no-repeat scroll right top;
	height:29px;
	right:0;
	top:0;
	width:25px;
}

a.button span.button,
a.button:link span.button,
a.button:visited span.button {
	background:transparent url('/images/interface/button_pfeil.gif') no-repeat scroll 0 8px;
	height:25px;
	right:0;
	top:0;
	width:25px;
}

h1 {
	font-weight: normal;
	font-size: 25px;
	line-height:1.2em;
	font-family:garamond;
	margin-bottom:15px;	
}

h2 {
	font-weight:bold;
	font-size: 12px;
	line-height:1.2em;
}

img {background-repeat:no-repeat;}

.img {
	display:block;
	margin-bottom:1.2em;
}

a.appenzellerland,
a.appenzellerland:link,
a.appenzellerland:visited {
	position:absolute;
	display:block;
	right:127px;
	top:37px;
}

img.pauschalen {
	display:block;
	margin:37px 0 15px 0;
}

/* DEBUG-Tag */
blockquote {
	display:block;
	left:0;
	position:absolute;
	top:0;
	background:#cccccc;
	width:100%;
	height:500%;
	display:none;
	opacity: 0.65;  			/* Opera */
}

p.debug {
	background:#000000;
	color:orange;
	display:none;
	left:200px;
	padding:0 0 0 20px;
	position:absolute;
	top:50px;
	white-space:pre-wrap;
	width:730px;
	z-index:200;
}

p.debug a,
p.debug a:link,
p.debug a:visited {
	float:right;
	color:red;
	margin:10px;
}
/* --- */
/*-------- FORM ---------*/

input.gmapTextBox {
	background:#D2D2BD;
	color:#333333;
	padding:3px 2px 3px 7px;
	border:1px solid #FFFFFF;
	width:125px;
	font-size:13px;
	float:left;
	margin-right:5px;
}

input.gmapDirButton {
	font-size:13px;
	background:#A9A981;
	color:#FFFFFF;
	font-size:13px;
	float:left;
	font-weight:normal;
	padding:2px 5px;
	margin-right:5px;
	border:1px solid #FFFFFF;
}

input.gmapDirButton:hover {
	background:#D2D2BD;
}

form {
	width:100%;	
}

fieldset {
	display:block;
	width: 100%;
	border-bottom: 1px dotted #6D6D6D;
	margin-top: 15px;
	clear:both;
}

fieldset h2 {
	margin: 10px 0 5px 0;
}

fieldset br {
	display:none;
}

fieldset label {
	display:block;
	float:left;
	padding-bottom:5px;
}
fieldset ul {
	margin-top:1.2em;
}

fieldset ul li {
	background:none;
	border:0;
	display:block;
	padding:0 0 14px 0;
	float:left;
	width:45%;
	margin:0;
	margin-right: 4%;
}

/*-- clearfix -- */
fieldset ul li:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
fieldset ul li {
	display: inline-block;
}
html[xmlns] fieldset ul li {
	display: block;
}
* html fieldset ul li {
	height: 1%;
}


fieldset ul li.nojavascript,
.nojavascript {
	color:#990000;
}

fieldset.radiobuttons,
fieldset.bemerkung,
fieldset.persinfos {
	border:0;
}

fieldset.radiobuttons ul li,
fieldset.checkboxbuttons ul li {
	width:17%;
	padding:0;
	margin:0;
}

fieldset.checkboxbuttons ul li {
	width:28%;
}

fieldset.checkboxbuttons {
	/*margin-top:20px;*/
	padding-bottom:15px;
}

fieldset.radiobuttons label,
fieldset.radiobuttons input,
fieldset.checkboxbuttons label,
fieldset.checkboxbuttons input {
	float:left;
}

fieldset.radiobuttons label,
fieldset.checkboxbuttons label {
	margin-left: 10px;
	margin-top:1px;
}

fieldset.radiobuttons input,
fieldset.checkboxbuttons input {
	margin-top: 3px;
}

ul#form li {
	padding:0;
	margin:0;
	margin-top:20px;
	margin-left:38%;
	border:0;
	background:none;
}
/*
li.birthday {
	position:relative;
}

li.birthday button.calendar {
	position:absolute;
	right:-16px;
	top:23px;
}
*/
input,
textarea,
select {
	font-family: Arial;
	background:none;
	border:0 none;
	float:left;
	color:#333333;
	font-size:1em;
	padding:0;
	margin:0;
}

fieldset.bemerkung {
	margin-top:0;
}

textarea {
	background:#D2D2BD;
	color:#333333;
	font-size:13px;
	padding:3px 2px 3px 7px;
	width:87%;
	height:58px;
	/*margin-bottom:1.2em;*/
	border:1px solid #FFFFFF;
}

select {
	background:#D2D2BD;
	color:#333333;
	padding:3px 2px 3px 7px;
	border:1px solid #FFFFFF;
}

fieldset.reservation select {
	width:52.5%;
}

input.txt,
input.error {
	background:#D2D2BD;
	color:#333333;
	padding:3px 2px 3px 7px;
	width: 95%;
	border:1px solid #FFFFFF;
}

input.error,
select.error,
p.error {
	background:#CB7D6E;
}

.code {
	background:#D2D2BD;
	border:1px solid #FFFFFF;
	color:#333333;
	height:19px;
	overflow:hidden;
	padding:0 2px 3px 7px;
	width:59%;
	float:left;
}

.send,
.cancel {
	background:#A9A981;
	color:#FFFFFF;
	font-size:13px;
	float:left;
	font-weight:normal;
	padding:2px 5px;
	display:none;
	margin-right:5px;
	border:1px solid #FFFFFF;
}

.send:hover,
.cancel:hover {
	background:#D2D2BD;
	color:#990000;
	border:1px solid #FFFFFF;
}

.nojavascript {
	color:#990000;
}

ul#form li.nojavascript {
	margin-top:15px;
}

fieldset.reservation {
	padding-bottom:6px;
}

fieldset.reservation ul li {
	float: none;
	width:100%;
	margin-right: 0;
}

fieldset.reservation label {
	float:left;
	padding-top:3px;
	width:37%;
}

fieldset.reservation input {
	float:left;
	width:50%;
}

fieldset.bemerkung ul li {
	width:100%;
}

fieldset.persinfos {
	margin-top:45px;
}
fieldset.contact {
	margin-top:91px;
}

fieldset.bewerbung {
	margin-top:107px;
}

fieldset.persinfos ul li {
	width:100%;
	float:none;
	margin-right:0;
}

fieldset.persinfos label {
	width:38%;
}

fieldset.persinfos input {
	width:59%;
	float:left;
}

fieldset#arbeitspensum {
	margin:0;
}

fieldset#taetigkeitsbereich ul li,
fieldset#arbeitspensum ul li {
	width:21%;
}


fieldset.eintrittstermin ul li {
	width:99%;
}

fieldset.eintrittstermin input {
	width:50%;
}
fieldset.eintrittstermin label {
	width:38%;
}

input#birthday {
	width:54%;
}

/*
fieldset.codenewline ul li.email {
	float:none;
}
*/
/* overwrite to 1 col 

fieldset ul li {float: none; width: auto; margin-right: 0;}

/* overwrite label left 
fieldset label {float: left; 30%;}
fieldset input.txt,
fieldset textarea {float: right; width: 65%;}
fieldset br {display:block; clear: both;}
.code {float: right; width: 65%;}*/

/* Ausblenden der Radiobuttons & Checkboxen
fieldset#radiobuttons,
fieldset#checkboxbuttons {
	display:none;
}*/

/* Datepicker */
input.calendar,
select.calendar {
}

button.calendar,
#time_toggler {
	position:relative;
	top:2px;
	background: url('/images/datepicker/cal.jpg');
	background-repeat:no-repeat;
	background-position:top;
	border: 0;
	cursor: pointer;
	height: 18px;
	width: 14px;
	margin-left:6px;
	display:inline;
}


div.calendar {
	height: 175px;
	padding: 0 12px;
	text-align: center;
	width: 147px;
	/*background-color:#b6d2e3;*/
	background:#A9A981;
	margin-left:15px;
}	

div.calendar * {
	margin: 0;
	padding: 0;
}	
div.calendar div {
	background: none !important;
	cursor: move;
	height: 165px;
	overflow: hidden;
	padding-top: 10px;
	position: relative;
	width: 147px;
}	

div.calendar caption {
	color: #333333;
	font-family:Arial;
	font-size:12px;
	padding-top: 4px;
	text-align: center;
	width: 100%;
	margin-bottom:4px;
	/*background-color:#638EB4;*/
	background:#FFFFFF;
	font-weight:bold;
}

div.calendar caption a,
div.calendar caption a:link,
div.calendar caption a:visited {
	cursor: pointer;
	display: block;
	height: 11px;
	overflow: hidden;
	position: absolute;
	text-indent: -100px;
	top: 16px;
	width: 11px;
}

div.calendar caption a.prev,
div.calendar caption a.prev:link,
div.calendar caption a.prev:visited {
	margin-left:8px;
	background-image: url('/images/datepicker/pfeil_links.png');
	left: 1px;
	background-repeat:no-repeat;
}

div.calendar caption a.next,
div.calendar caption a.next:link,
div.calendar caption a.next:visited {
	background-image: url('/images/datepicker/pfeil_rechts.png');
	right: 1px;
	background-repeat:no-repeat;
}

div.calendar caption span {
	height: 25px;
	position: relative;
	text-align: center;
}

div.calendar caption span.month {
	padding-right: 8px;
}

div.calendar table {
	border: 0;
	border-collapse: collapse;
	border-spacing: 0;
	cursor: default;
	margin: 0 auto;
	overflow: hidden;
	width: 147px;
}

div.calendar td,
div.calendar th {
	border: 0;
	font-family: Arial;
	font-size:12px;
	height: 19px;
	text-align: center;
	width: 21px;
	color:#FFFFFF;
}

div.calendar td {
	font-size: 11px;
	padding-right: 5px;
	text-align: right;
	width: 16px;
	color:#CFCFCF;

}

div.calendar td.invalid {
	color:#990000;
}

div.calendar td.valid {
	color: #FFFFFF;
	cursor: pointer;
}

div.calendar td.today {
	cursor: pointer;
	color:#000000;
}

div.calendar td.active,
div.calendar td.hover {
	/*background-color: #9FBBCC;*/
	background:#D2D2BD;
	cursor: pointer;
	color:#000000;
}

/* Timepicker */
.time_picker_div {
	background:#FFFFFF;
	/*border:1px solid #6D6D6D;*/
	border:1px solid #CCCCCC;
	padding:5px;
	display:none;
}
#time_toggler {
	display:none;
}

/*-------- LISTEN --------*/
ul li {
	background:0;
	padding:3px 0;
	border-bottom: 1px dotted #6D6D6D;
}

ul li.border-top {
	border-top: 1px dotted #6D6D6D;
}

ul.two-cols {
	/*width:460px;*/
}

ul.two-cols li {
	width:50%;
	float:left;
}

ul.two-cols li.row {
	width:100%;
}

ul.small li {
	width:64%;
}

ul.small li.left { 
	width:36%;
}
.content-right ul {
	margin:0 0 20px 0;
}

.content-right ul li {
	border:0;
	background: transparent url('/images/interface/bullet.gif') no-repeat 0 8px;
	padding-left:16px;
}

.content-right ul li.title {
	background:none;
	font-size:15px;
	font-weight:bold;
	line-height:1.2em;
	margin-bottom:10px;
	padding-left:0;
}

ul.nostyle,
ul.nostyle li {
	margin:0;
	padding:0;
	border:0;
	background:0;
}

ul.nostyle li {
	padding:3px 0;
}
/*-------- TABLE --------*/
/*-------- HOME --------*/

#header-home {
	height:400px;
	position:relative;
	width:100%;
}

.home-content {
	margin:22px 30px 16px 40px;
	min-height:350px;
}

* html .home-content {
	height:350px;/* min-height nicht in IE6 */
}

.home-content-left {
	width:310px;
	padding-top:22px;
	float:left;
}

.home-content-middle {
	padding-top:22px;
	margin-left:10px;
	width:310px;
	float:left;
}

.home-content-right {
	float:left;
	margin:0 0 0 10px;
	padding:22px 30px;
	width:210px;
	background:#F1F1BA;
}

ul.home-list-cost {
	margin:7px 0 1.2em 0;
}

ul.home-list-cost li:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
ul.home-list-cost li {
	display: inline-block;
}
html[xmlns] ul.home-list-cost li {
	display: block;
}
* html ul.home-list-cost li {
	height: 1%;
}

ul.home-list-cost li {
	background:none;
	border:0;
	margin:0;
	padding:0;
}

ul.home-list-cost li span {
	float:left;
	min-height:18px;
}

* html ul.home-list-cost li span {
	height:18px;
}

ul.home-list-cost li span.room {
	width:98px;
}

ul.home-list-cost li span.cost {
	width:112px;
}
/*-------- HEADER --------*/
#gennav {
	font-size:11px;
	height:22px;
	line-height:1.2em;
	padding-top:8px;
	position:absolute;
	/*right:30px;*/
	right:0;
	top:-30px;
	/*width:230px;*/
	color:#FFFFFF;
}

#gennav a,
#gennav a:link,
#gennav a:visited {
	color:#FFFFFF;
}

#gennav a:active,
#gennav a:hover,
#gennav a.active,
#gennav a.active:visited,
#gennav a.active:link {
	text-decoration:underline;
}

#header {
	height:280px;
	position:relative;
	width:100%;
}

#logo {
	position:absolute;
	top:31px;
	left:40px;
	width:270px;
}

.header-image {
	left:0;
	position:absolute;
	top:90px;
	width:990px;
}

a#buchenButton,
a#buchenButton:link,
a#buchenButton:visited {
	background:transparent url('/images/interface/bg_buchen.png') repeat scroll 0 0;
	bottom:0;
	color:#A9A981;
	cursor:pointer;
	display:none;
	height:31px;
	margin:0;
	padding:3px 3px 3px 28px;
	position:absolute;
	right:0;
	width:279px;
}

a#buchenButton:hover,
a#buchenButton:active {
	color:#FFFFFF;
}

a#buchenButton span,
a#buchenButton:link span,
a#buchenButton:visited span {
	background:transparent url('/images/interface/pfeil_buchen_up.gif') no-repeat 0 0;
	display:block;
	height:24px;
	left:10px;
	position:absolute;
	top:6px;
	width:10px;
}

a#buchenButton:hover span,
a#buchenButton:active span {
	background:transparent url('/images/interface/pfeil_buchen_over.gif') no-repeat 0 0;
}

a#sliderClose,
a#sliderClose:link,
a#sliderClose:visited {
	bottom:0;
	color:#A9A981;
	cursor:pointer;
	height:23px;
	margin:0;
	padding:3px;
	position:absolute;
	right:30px;
	text-decoration:underline;
	font-size:10px;
}

a#sliderClose:hover,
a#sliderClose:active {
	color:#FFFFFF;
}

form#buchenSlider {
	background:transparent url('/images/interface/bg_buchen.png') repeat scroll 0 0;
	bottom:0;
	display:block;
	height:23px;
	margin:0;
	color:#A9A981;
	padding:10px 30px 3px 41px;
	position:absolute;
	left:0;
	width:920px;
	display:none;
}

form#buchenSlider h2 {
	display:block;
	float:left;
	width:201px;
}

form#buchenSlider ul,
form#buchenSlider ul li {
	margin:0;
	padding:0;
	border:0;
}

form#buchenSlider ul li {
	/*background:red none repeat scroll 0 0;*/
	float:left;
	height:26px;
}

/*-- clearfix -- */
form#buchenSlider ul li:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
form#buchenSlider ul li {
	display: inline-block;
}
html[xmlns] form#buchenSlider ul li {
	display: block;
}
* html form#buchenSlider ul li {
	height: 1%;
}

form#buchenSlider label,
form#buchenSlider input {
	display:block;
	float:left;
	margin:0;
	padding:0;
	border:0;
	/*height:20px;*/
}

form#buchenSlider label {
	margin-right:5px;
}

form#buchenSlider input {
	margin-right:20px;
	padding:0 5px;
	width:37px;
}

form#buchenSlider li.buttons {
	position:relative;
}

form#buchenSlider a.send,
form#buchenSlider a.send:link,
form#buchenSlider a.send:visited {
	background:transparent url('/images/interface/pfeil_buchen_up.gif') no-repeat scroll 0 6px;
	border:0 none;
	color:#A9A981;
	display:block;
	height:24px;
	left:0;
	margin:0;
	padding:9px 0 0 15px;
	position:relative;
	top:-9px;
	cursor:pointer;
}

form#buchenSlider a.send:hover,
form#buchenSlider a.send:active {
	color:#FFFFFF;
	background:transparent url('/images/interface/pfeil_buchen_over.gif') no-repeat scroll 0 6px;
}

form#buchenSlider input#sliderDate {
	margin-right:0;
	width:65px;
}

form#buchenSlider input#slider_persons {
	margin-right:83px;
}

#buchenSlider button.calendar {
	/*background:transparent url('/images/datepicker/cal_black.jpg') no-repeat scroll center top;*/
	display:block;
	float:left;
	left:0;
	top:1px;
	margin-right:20px;
}

/*-------- NAVI --------*/
#nav {
	left:355px;
	position:absolute;
	top:45px;
	/*width:630px;*/
	z-index:1000;
}

/* 1. Ebene */

#nav ul li {
	position:relative;
	float:left;
	list-style-type:none;
	display:block;
	margin:0;
	margin-right:15px;
	padding:0;
	background:none;
	border:0;
}

#nav ul li a,
#nav ul li a:link,
#nav ul li a:visited {
	display:block;
	text-transform:uppercase;
	padding: 3px 5px;
	color:#333333;
	font-size:16px;
	line-height:1.2em;
}

#nav ul li:hover a,
#nav ul li:hover a:link,
#nav ul li:hover a:visited,
#nav ul li a:hover,
#nav ul li a:active,
#nav ul li a.active,
#nav ul li a.active:link,
#nav ul li a.active:visited,
#nav ul li:hover ul {
	background:#A9A981;
	color:#FFFFFF;
}

/* 2. Ebene */

#nav ul ul {
	position:absolute;
	padding:19px 0 15px;
	margin:0;
	width:auto;
	white-space:nowrap;
}

#nav ul ul li {
	position: relative;
	float:none;
	margin:0;
}

#nav ul ul li a,
#nav ul ul li a:link,
#nav ul ul li a:visited {
	display:block;
	text-transform:none;
	padding:2px 20px 2px 5px;
	margin:0;
  	color:#333333;
  	font-size:13px;
  	line-height:1.2em;
}

#nav ul li:hover ul a,
#nav ul li:hover ul a:link,
#nav ul li:hover ul a:visited  {
  /*zoom: 1;  hasLayout bug IE7 */
  	color:#333333;
}

#nav ul li:hover ul a:hover,
#nav ul li:hover ul a:active,
#nav ul li:hover ul a.active,
#nav ul li:hover ul a.active:link,
#nav ul li:hover ul a.active:visited,
#nav ul li:hover ul a.active:hover,
#nav ul li:hover ul a.active:active {
	color:#FFFFFF;
}

/* Drop-Down Funktion */
#nav ul ul {display:none;}
#nav ul li:hover ul {display:block;}
#nav ul li:hover ul ul {display:none;}

/*-------- CONTENT --------*/
.wrapper {
	margin: 30px auto;
	width: 990px;
	background:#FFFFFF;
	position:relative;
}

.content {
	margin:45px 30px 36px 40px;
	min-height:270px;
}

* html .content {
	height:270px;/* min-height nicht in IE6 */
}

.content-left {
	float:left;
	/*margin:0 40px 0 0;*/
	margin:0 10px 0 0;
	width:630px;
}

.content-right {
	float:left;
	padding:0;
	width:280px;
}

.content-left-form,
.content-right-form {
	width:445px;
}

.content-left-form {
	float:left;
	margin-right:30px;
}

.content-right-form {
	float:left;
}

.box-gold {
	background:#F1F1BA;
	padding:15px 15px 15px 30px;
}

.content-right .padding-one {
	padding-left:30px;
}

.zimmer {
	margin-top:137px;
	padding-bottom:37px;
}

/*-------- FOOTER --------*/
.footer {
	/*clear:both;*/
	background:#333333;
	padding:30px 0 30px 50px;
	color:#FFFFFF;
	position:relative;
}

.footer a,
.footer a:link,
.footer a:visited {
	color:#FFFFFF;
}

.footer a:active,
.footer a:hover {
	text-decoration:underline;
}

/*-------- Slideshow --------*/
a.button-next,
a.button-next:link,
a.button-next:visited,
a.button-prev,
a.button-prev:link,
a.button-prev:visited,
a.button-play,
a.button-play:link,
a.button-play:visited,
a.button-stop,
a.button-stop:link,
a.button-stop:visited {
	float:left;
	margin:0 5px 15px 0;
}

a.button-next,
a.button-next:link,
a.button-next:visited {
	background: transparent url('/images/interface/pfeil_up_right.gif') no-repeat 0 0;
	width:21px;
	height:21px;
}

a.button-next:active,
a.button-next:hover {
	background: transparent url('/images/interface/pfeil_over_right.gif') no-repeat 0 0;
}

a.button-prev,
a.button-prev:link,
a.button-prev:visited {
	background: transparent url('/images/interface/pfeil_up_left.gif') no-repeat 0 0;
	width:21px;
	height:21px;
}

a.button-prev:active,
a.button-prev:hover {
	background: transparent url('/images/interface/pfeil_over_left.gif') no-repeat 0 0;
}

a.button-stop,
a.button-stop:link,
a.button-stop:visited {
	padding-top:3px;
}

a.button-play,
a.button-play:link,
a.button-play:visited {
	padding-right:17px;
	padding-top:3px;
	background: transparent url('/images/interface/pipe.gif') no-repeat right 6px;
}

.slideshowContainer {
	width: 630px;
	height: 354px;
	margin-bottom: 15px;
}

.slideshowContainer img {
	height:354px;
	width:630px;
}

.loading {
	background: url('/images/interface/loading.gif') center no-repeat;
}

.slideshowThumbnail {
	outline: none;
}

.slideshowThumbnail img {
	border: 1px solid white;
	padding: 4px;
	/*display:none;*/
}

a:hover.slideshowThumbnail img {
	border: 1px solid #ccc;
	padding: 4px;
}

.current img {
	border: 1px solid red;
	padding: 5px;
}

.outline {
	/*border: 1px solid orange;*/
	z-index: 0;
	position: absolute;
}

#thumbnails {
	/*width: 130px;
	float: left;*/
}

/*-------- Sitemap --------*/

/*clearfixing for sitemap*/
.sitemap li:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.sitemap li {display: inline-block;}
html[xmlns] .sitemap li {display: block;}
* html .sitemap li {height: 1%;}

/* overwrites content styles */
.sitemap ul {margin:0;padding:0;}
.sitemap ul li {margin:0;padding:0;list-style-type:none;background:none;}


/* sitemap styles */
.sitemap ul {
	width: 99%;
	border-top: 1px dotted #6D6D6D;
	padding-left:1%;
}

/* level 1 */
.sitemap li {
	display:block;
	float: none;
	clear: both;
	vertical-align: bottom;
	border-bottom: 1px dotted #6D6D6D;
}
.sitemap ul li a,
.sitemap ul li a:link,
.sitemap ul li a:visited {
	padding: 4px 0;
	display: block;
	float: left;
	width: 25%;
	text-decoration:none;
	overflow: hidden;
	vertical-align: bottom;
}

.sitemap ul li a:hover,
.sitemap ul li a:active {
	text-decoration:underline;
}

/* level 2 */
.sitemap ul ul {
	float: left;
	width: 74%;
	overflow: hidden;
	vertical-align: bottom;
	border: none;
}
.sitemap ul ul li {
	border-top: 1px dotted #6D6D6D;
	border-bottom: none;
	padding-left:1%;
/*	padding-bottom: 0;*/
}

/* sitemap first-child fix */
.sitemap ul ul li {
	margin-top: -1px;

}
.sitemap ul ul li a,
.sitemap ul ul li a:link,
.sitemap ul ul li a:visited {
	width: 100%;
}
/*
.sitemap ul ul li:hover {background: #A9A981;}
.sitemap ul ul li:hover a,
.sitemap ul ul li:hover a:link,
.sitemap ul ul li:hover a:visited {color:#FFFFFF;}
*/
/*-------- DEBUG --------

#gennav {
	background:black;
}

#header {
	background:olive;
}

#logo {
	background:navy;
}

#nav {
	background:#cccccc;
	position:absolute;
	top:15px;
	left:360px;
}

.home-content,
.content {
	background:#333333;
}

.home-content-left,
.content-left {
	background:orange;
}

.home-content-middle {
	background:#8888AA;
}

.home-content-right,
.content-right {
	background:green;
}

.footer {
	background:activecaption;
}

#snav {
	background:#333333;
}

#wrapper {
	background:#8888AA;
}*/