body {
	background-image: url(../img/back2.jpg);
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	background-position: 150px 25px;
	/* background-attachment: fixed; */
	line-height: 18px;
	color: #806040;
	font-size: 12px;
	padding: 20px 0 40px;
}

a {
	font-weight: bold;
	text-decoration: none;
	color: #624529;
	cursor: pointer;

}

.jahr {
	color: #624529;

}

a:hover {
	font-weight: bold;
	color: #f1aa65;
	border-bottom-width: 0px;

}

p {
	margin-bottom: 20px;
	border-style: dotted;
	border-color: red;
	padding-left: 0;
	padding-bottom: 0px;
	padding-right: 0;
	padding-top: 0px;
	overflow: hidden;
	text-align: left;
}

.pagination {		 		 
 margin-bottom: 25px;		 		 
 margin-left: 0px;
}

.paginate strong {		 		 
 background-color: #806040;		 		 
 padding-left: 6px;		 		 
 padding-bottom: 2px;		 		 
 padding-right: 6px;		 		 
 padding-top: 2px;		 		 
 color: #f1aa65;
 font-weight: bold;
}


.paginate a:link { margin-left: 0px; padding-right: 6px; padding-bottom: 2px; padding-left: 6px; padding-top: 2px; background-color: #3e291d; font-weight: bold; color: #806040; text-decoration:none; cursor: pointer;}
.paginate a:visited { padding-right: 6px; padding-bottom: 2px; padding-left: 6px; padding-top: 2px; background-color: #3e291d; font-weight: bold; color: #806040; text-decoration:none; cursor: pointer;}
.paginate a:active { padding-right: 6px; padding-bottom: 2px; padding-left: 6px; padding-top: 2px; background-color: #3e291d; font-weight: bold; color: #806040; text-decoration:none; cursor: pointer;}
.paginate a:hover { padding-right: 6px; padding-bottom: 2px; padding-left: 6px; padding-top: 2px; background-color: #806040; color: #f1aa65; text-decoration:none; cursor: pointer;}

.sidebar {

	line-height: 20px;

	clear: left;

	margin-bottom: 30px;

}

.sidebar #tourdaten {

	line-height: 24px;

	clear: left;

	margin-bottom: 30px;

}

#footer {
	width: 100%;
	text-align: center;
	height: 100px;
	margin-top: 40px;
}
.datum {
	float: left;
	margin-right: 10px;
	font-size: 12px;
	margin-bottom: 0px;
	color: #624529;
}

.cover {
	position: relative;
	width: 160px;
	float: left;
	z-index: 0;
	margin-right: 16px;
}
.disko_titel {
	clear: left;
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 0px;
	color: #f1aa65;
	margin-bottom: 0px;
}


.disko {
	clear: left;
	font-size: 12px;
}

.disko_details {
	margin-right: 0px;
	font-size: 12px;
	margin-bottom: 10px;
	color: #624529;
}

.disko_infos {
	margin-right: 0px;
	font-size: 12px;
	margin-bottom: 25px;
}

.tracklisting {
	float: left;
}
.termin {
	float: left;
	margin-right: 10px;
	font-size: 16px;
	margin-bottom: 0px;
	color: #624529;
}

.tourdatum {
	margin-top: 0px;
	margin-left: 104px;
	margin-right: 10px;
	font-size: 16px;
	margin-bottom: 10px;
}

.tourdatum a {
	color: #624529;
	margin-top: 0px;
	margin-left: 5px;
	font-size: 12px;
	margin-bottom: 0px;
}

.tourdatum a:hover {
	color: #3f2723;
}

.details {
	margin-top: 2px;
	font-size: 12px;
	color: #806040;
}


.headline {
	clear: left;
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 0px;
	color: #f1aa65;
	margin-bottom: 10px;
}


h1 {
	clear: left;
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 0px;
	color: #f1aa65;
	margin-bottom: 10px;
}


h2 {
	font-style: normal;
	font-weight: normal;
	color: #59432d;
	margin-bottom: 10px;
}


#tabs_neueplatte { margin-right: 1px; width: 140px; height: 30px; float: left; background-image: url(../img/tabs_neueplatte.gif); }
#tabs_reinhoeren { margin-right: 1px; width: 130px; height: 30px; float: left; background-image: url(../img/tabs_reinhoeren.gif); }
#tabs_downloadcodes { margin-right: 1px; width: 185px; height: 30px; float: left; background-image: url(../img/tabs_downloadcodes.gif); }
#tabs_kommentarschreiben { margin-right: 1px; width: 230px; height: 30px; float: left; background-image: url(../img/tabs_kommentarschreiben.gif); }
#tabs_presselogin { margin-right: 1px; width: 150px; height: 30px; float: left; background-image: url(../img/tabs_presselogin.gif); }
#tabs_tourarchiv { margin-right: 1px; width: 135px; height: 30px; float: left; background-image: url(../img/tabs_tourarchiv.gif); }
#tabs_tourdaten { margin-right: 1px; width: 130px; height: 30px; float: left; background-image: url(../img/tabs_tourdaten.gif); }
#tabs_newsletter { margin-right: 1px; width: 135px; height: 30px; float: left; background-image: url(../img/tabs_newsletter.gif); }
#tabs_twitter { margin-right: 1px; width: 100px; height: 30px; float: left; background-image: url(../img/tabs_twitter.gif); }
#tabs_sozialemedien { margin-right: 1px; width: 170px; height: 30px; float: left; background-image: url(../img/tabs_sozialemedien.gif); }
#tabs_kommentare { margin-right: 1px; width: 150px; height: 30px; float: left; background-image: url(../img/tabs_kommentare.gif); }
#tabs_archiv { margin-right: 1px; width: 100px; height: 30px; float: left; background-image: url(../img/tabs_archiv.gif); }
#tabs_booking { margin-right: 1px; width: 115px; height: 30px; float: left; background-image: url(../img/tabs_booking.gif); }



/* root element for tabs  */
ul.sidetabs { 
	list-style:none; 
	height:30px;	
}

/* single tab */
ul.sidetabs li { 
	color: #f1aa65;
	float:left;	 
	list-style-image:none !important; 
}

ul.sidetabs img { 
	float:left;	 
}

/* link inside the tab. uses a background image */
ul.sidetabs a { 
	display:block;
	text-align:center;	
	text-decoration:none;	
	position:relative;
	background-position: 0 -30px; cursor: pointer;

}

ul.sidetabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.sidetabs a:hover {
	background-position: 0 -60px; cursor: pointer;

}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.sidetabs a.current, ul.sidetabs a.current:hover, ul.sidetabs li.current a {
	background-position: 0 0px; cursor: pointer;
}

/* initially all panes are hidden */ 
div.sidepanes div.sidepane {
	display:none;		
}

div.sidepanes .sidepane {		
	background-repeat: no-repeat;		
	background-image: url(../img/tabs_verlauf2.png);		
	width: 280px;		
	padding-top: 15px;		
	padding-bottom: 20px;		
	padding-right: 10px;		
	padding-left: 20px;		
}





/* **************************** */
/* *********** MENU *********** */
/* **************************** */

#menu_pos {margin-top: 0px; margin-left: 22px;}
#socialmedia { float: left; position: relative; margin-top: 0px; margin-bottom: 20px;}
#b_gallerie { width: 84px; height: 24px; background-image: url(../img/b_gallerie.gif); }
* html #b_news {0px 0px; width: 60px; height: 62px; float: left; background-image: url(../img/b_news.png); }
#b_news { width: 60px; height: 31px; float: left; background-image: url(../img/b_news.png); }
#b_termine { width: 82px; height: 31px; float: left; background-image: url(../img/b_termine.png); }
#b_disko { width: 65px; height: 31px; float: left; background-image: url(../img/b_disko.png); }
#b_visuell { width: 75px; height: 31px; float: left; background-image: url(../img/b_visuell.png); }
#b_historie { width: 83px; height: 31px; float: left; background-image: url(../img/b_historie.png); }
#b_markt { width: 68px; height: 31px; float: left; background-image: url(../img/b_markt.png); }
#b_presse { width: 69px; height: 31px; float: left; background-image: url(../img/b_presse.png); }
#b_kontakt { width: 87px; height: 31px; float: left; background-image: url(../img/b_kontakt.png); }
#b_label { width: 56px; height: 31px; float: left; background-image: url(../img/b_label.png); }

#b_kommentarelesen { width: 200px; height: 31px; float: left; background-image: url(../img/b_kommentarelesen.png); }
#b_kommentarschreiben { width: 200px; height: 31px; float: left; background-image: url(../img/b_kommentarschreiben.png); }





#b_news:hover, #b_termine:hover, #b_disko:hover, #b_visuell:hover, #b_historie:hover, 
#b_markt:hover, #b_presse:hover, #b_kontakt:hover, #b_label:hover{ background-position: 0 -31px; cursor: pointer; }


#sm_myspace { clear: left; margin-right: 10px; margin-bottom: 10px; width: 120px; height: 30px; float: left; background-image: url(../img/sm_myspace.png); }
#sm_facebook { clear: left; margin-right: 10px; margin-bottom: 10px; width: 120px; height: 30px; float: left; background-image: url(../img/sm_facebook.png); }
#sm_twitter { clear: left; margin-right: 10px; margin-bottom: 10px; width: 120px; height: 30px; float: left; background-image: url(../img/sm_twitter.png); }
#sm_twitter:hover, #sm_facebook:hover, #sm_myspace:hover { background-position: 0 -30px; cursor: pointer; }

.b_back { clear: left; float: none; margin-bottom: 10px; width: 70px; height: 20px; background-image: url(../img/b_back.png); }
.b_hierreinhoeren { margin-bottom: 50px; float: left; width: 118px; height: 20px; background-image: url(../img/b_hierreinhoeren.png); }
.b_reinhoerenkaufen { float: left; margin-top: 10px; width: 138px; height: 20px; background-image: url(../img/b_reinhoerenkaufen.png); }
.b_reinhoerenkaufen:hover, .b_back:hover, .b_hierreinhoeren:hover { background-position: 0 -20px; cursor: pointer; }



.comments {
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 60px;
	margin-top: 0px;
	position: relative;
	float: right;
}

.mostcomments {
	clear: left;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-top: 0px;
	float: left;
}

.mostcomments a {
	color: #806040;
	margin-right: 5px;
	font-style: normal;
	font-weight: normal;
}

.mostcomments a:hover {
	color: #f1aa65;
	margin-right: 5px;
	font-style: normal;
	font-weight: normal;
}

.active { background-position: 0 -31px; }




/* ****************************** */
/* ********* ACCORDION ********** */
/* ****************************** */

/* root element for accordion. decorated with rounded borders and gradient background image */





.text {
	margin-bottom: 15px;
	width: 470px;
}
.text img {
	margin-right: 20px;
	float: left;
}
.trenner {
	clear: left;
	margin-bottom: 25px;
	margin-top: 25px;
	height: 24px;
	background-repeat: no-repeat;
	background-image: url(../img/trenner3.png);
} 	
.trenner_kommentare {
	clear: left;
	margin-bottom: 15px;
	margin-top: 15px;
	height: 24px;
	background-repeat: no-repeat;
	background-image: url(../img/trenner3.png);
} 	
.trenner_tourdaten {
	float: none;
	margin-bottom: 5px;
	margin-top: 5px;
	height: 24px;
	background-repeat: no-repeat;
	background-image: url(../img/trenner3.png);
} 	
.titel {
	margin-bottom: 18px;
	margin-left: -11px;
}
.hell {
	margin-bottom: 0px;
	color: #f1aa65;
}

#accordion {
	height: 300px;
	color: #333333;
	background: 0 0;
	width: 100%;	
	-background:#666;
}

/* accordion header */
#accordion h2 {
	padding-left: 15px;
	padding-bottom: 3px;
	padding-right: 15px;
	padding-top: 3px;
	border-style: solid;
	color: white;
	background:#333333;
	margin:0;
	font-size: 12px;
	font-weight:normal;
	border-bottom: solid;
	cursor:pointer;		
}

/* currently active header */
#accordion h2.current {
	cursor:default;
	background-color: #b3b3b3;
}

/* accordion pane */
#accordion div.pane {
	display:none;
	padding:15px;
	color: #333333;
	font-size:12px;
}

/* a title inside pane */
#accordion div.pane h3 {
	font-weight:normal;
	margin:0 0 -5px 0;
	font-size:16px;
	color:#999;
}


/* **************************** */
/* *********** TABS *********** */
/* **************************** */

/* root element for tabs  */
ul.tabs { 
	list-style:none; 
	height:30px;	
}

/* single tab */
ul.tabs li { 
	color: #f1aa65;
	float:left;	 
	list-style-image:none !important; 
}

ul.tabs img { 
	float:left;	 
}

/* link inside the tab. uses a background image */
ul.tabs a { 
	display:block;
	text-align:center;	
	text-decoration:none;	
	position:relative;
	background-position: 0 -30px; cursor: pointer;
}

ul.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background-position: 0 -60px; cursor: pointer;

}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: 0 0px; cursor: pointer;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */



/* initially all panes are hidden */ 
div.panes div.pane {
	display:none;		
}

div.panes .pane {		
	height: 300px;		
	background-repeat: repeat-x;		
	background-image: url(../img/side_verlauf2.png);		
	width: 430px;		
	padding-top: 40px;		
	padding-bottom: 20px;		
	padding-right: 10px;		
	padding-left: 20px;			
}

/* ***************************** */
/* ********* SCROLLER ********** */
/* ***************************** */




/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 858px;
	height:120px;

	/* custom decorations */
	border:1px solid #ccc;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

/* single scrollable item */
.scrollable img {
	float:left;
	margin:20px 5px 20px 21px;
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	cursor:pointer;
	width:100px;
	height:75px;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

/* active item */
.scrollable .active {
	border:2px solid #000;
	z-index:9999;
	position:relative;
}


/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background-color: #333333;
	background:url(../img/buttons_browse.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:40px 10px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 


/* left */
a.left				{ margin-left: 0px; } 
a.left:hover  		{ background-position:-30px 0; }
a.left:active  		{ background-position:-60px 0; }

/* up and down */
a.up, a.down		{ 
	background:url(../img/scrollable/arrow/vert_large.png) no-repeat; 
	float: none;
	margin: 10px 50px;
}

/* up */
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }

/* down */
a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; } 


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}
.sidebar_titel img {
	margin-left: -10px;
}
.video {
	width: 245px;
	clear: left;
	margin-bottom: 30px;
	float: left;
}
input {
	margin-bottom: 10px;
	border-color: #624529;
	border-style: solid;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 2px;
	padding-top: 2px;
	color: #806040;
	height: 20px;
	border-width: 1px;
	background-color: #3e291d;
}
.button {
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 2px;
	padding-top: 2px;
	color: #f1aa65;
	background-color: #624529;
	height: 24px;
	border-width: 0px;
	cursor: pointer;
}
.button:hover {
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 2px;
	padding-top: 2px;
	color: #f1aa65;
	background-color: #806040;
	height: 24px;
	border-width: 0px;
	cursor: pointer;
}

.picture {
  width: 160px;
  position: relative;
  margin-bottom: 30px;
  float: left;
  margin-right: 50px;
  overflow: hidden;
}


*html .vidpicture {
  position: relative;
  margin-bottom: 30px;
  float: left;
  margin-right: 50px;
  overflow: hidden;
}


.vidpicture {
  position: relative;
  margin-bottom: 10px;
  float: left;
  margin-right: 50px;
  overflow: hidden;
}


.vidpicture strong {
  padding: 0px;
  background: rgba(0, 0, 0, 0.0);
  top: 0;
  display: block;
  position: absolute;
  text-align: center;
  margin: 0;
  width: 160px;
  height: 160px;
  left: 0;
  font-family: Georgia, serif;
  color: #fff;
  font-size: 35px;
  opacity: 0;
  -moz-opacity: 0;
  filter:alpha(opacity=0);
}

.picture strong {
  padding: 0px;
  background: rgba(0, 0, 0, 0.0);
  top: 0;
  display: block;
  position: absolute;
  text-align: center;
  margin: 0;
  width: 160px;
  height: 160px;
  left: 0;
  font-family: Georgia, serif;
  color: #fff;
  font-size: 35px;
  opacity: 0;
  -moz-opacity: 0;
  filter:alpha(opacity=0);
}

.picture a {
  float: left;
  text-decoration: none;
}

.vidpicture a {
  float: left;
  text-decoration: none;
}

.kom_number {
	float: right;
	font-size: 16px;
}


.kom_infos {
	margin-bottom: 20px;
	width: 360px;
	float: left;
}


.kom_content {
	padding-left: 20px;
	margin-top: 10px;
	line-height: 18px;
	font-size: 12px;
	color: #816548;
	overflow:hidden;
}

.kom_content a:hover {
	color: #f1aa65;
}

.kom_icon {
	margin-right: 10px;
	float: left;
	height: 40px;
	width: 40px;
	background-image: url(../img/kom_icon.gif);
}

.kom_name {
	float: left;
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 0px;
	color: #f1aa65;
	margin-bottom: 0px;
}

.kom_date {
	margin-bottom: 0px;
	clear: left;
	margin-bottom: 0px;
}

.kom_captchas {
	left: 120px;
	position: relative;
	width: 300px;
}
.kom_form input {
	position: absolute;
	margin: 0px;
	right: 28px;
	width: 260px;
}
.kom_form {
	right: 0px;
	width: 460px;
}
.kom_form p {
	text-align: left;
}
textarea {
	float: right;
	right: 48px;
	height: 120px;
	position: relative;
	width: 260px;
	border-color: #624529;
	border-style: solid;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 2px;
	padding-top: 2px;
	color: #806040;
	border-width: 1px;
	background-color: #3e291d;
}
.presse img {
}
.tweet {
	margin-bottom: 10px;
}
.pressefoto {
	height: 280px;
	margin-bottom: 5px;
	float: left;
	margin-right: 20px;
}
. {
}