/*===================================
             PAGE LAYOUT
  ===================================*/

body {
	min-width:800px;
	color:#444;
	margin:0;
	padding:0;
	/*background:#fff url(images/bg_body.jpg) repeat;*/
	background:#fff;
}

img {
	border:0;
}

#content-1 img {
	border: 1px solid #999999;

	-moz-box-shadow:3px 3px 5px #999;
	-webkit-box-shadow:3px 3px 5px #999;
	box-shadow:3px 3px 5px #999;
}

#container_12 {
	width:1024px;
	position:relative;
	margin:0 auto;
	background:url(images/bg_content.jpg) top center scroll repeat-y;
}

#header {
	width:1024px;
	height:512px;
	position:relative;
	margin:0 auto;
	padding:0;
	background:url(images/bg_head.jpg) top center scroll no-repeat;
}

#content {
	width:1024px;
	min-height:512px;
	position:relative;
	margin-top:-230px;
	padding:0;
	z-index:100;
}

#content-1 {
	width:500px;
	padding:0;
	position:relative;
	left:57px;
}

#content-2 {
	width:500px;
	padding:50px 0 0 0;
	position:relative;
	left:57px;
}

#footer {
	width:1024px;
	height:128px;
	position:relative;
	margin:auto 0;
	padding:0;
	background:url(images/bg_foot.jpg) bottom center no-repeat;
}

 .width60 {width:60px;  margin:2px 0;}
.width140 {width:140px; margin:2px 0;}
.width220 {width:220px; margin:2px 0;}
.width300 {width:300px; margin:2px 0;}
.width380 {width:380px; margin:2px 0;}
.width460 {width:460px; margin:2px 0;}
.width540 {width:540px; margin:2px 0;}

.left144 {margin-left:144px !important;}
 .left10 {margin-left:10px !important;}

.center {
	margin: 0 auto;
	text-align: center !important;
}


/*===================================
              NAVIGATION
  ===================================*/

/* Navigation positions
=====================================*/

#header .navigation {
	position:absolute;
	top:150px;
	left:57px;
}

#header .subnavigation {
	width:500px;
	position:absolute;
	top:280px;
	left:57px;
	z-index:200;
}

#content .navigation {
	position:absolute;
	top:178px;
}

#footer .navigation {
	width:200px;
	position:relative;
	top:69px;
	margin:0 auto;
}


/* Main menu settings
=====================================*/

.navigation {
	z-index:10; 							/* This makes the dropdown menus appear above the page content below */
}

.navigation ul {
	margin:0;
	padding:0;
	list-style:none;
}

.navigation ul li {
	margin:0;
	padding:0;
}

.navigation ul li a{
	color:#665f55;
}

.navigation ul li a:hover,
.subnavigation ul li a:hover{
	color:#b35e19;
	text-decoration:none;
}

.navigation ul li a:active,
.subnavigation ul li a:active{
    color:#b35e19;
	text-decoration:none;
}

#header .navigation ul li .active,
#header .subnavigation ul li .active,
#footer .navigation ul li .active{
	color:#b35e19;
	text-decoration:none;
}

#header .navigation ul li .selected,
#header .subnavigation ul li .selected,
#footer .navigation ul li .selected{
	color:#b35e19;
	text-decoration:none;
}


/* Horizontal Navigation
=====================================*/

#header .navigation .horizontal {
	margin:0;
	padding:0;
	position:relative;
}

#footer .navigation .horizontal {
	margin:0;
	padding:0;
	position:relative;
	left:290px;
}

.horizontal ul {
	margin:0;
	padding:0;
}

.horizontal ul li {
	margin:0;
	padding:0;
	float:left;
}

#header .navigation .horizontal ul li a {
	height:50px;
	display:block;
	background:url(images/nav-horizontal.jpg) left center no-repeat;
	text-indent:-9999px;
	outline:none;
}

/*
#footer .navigation .horizontal ul li a {
	height:50px;
	display:block;
	background:url(images/nav-bottom.jpg) left center no-repeat;
	text-indent:-9999px;
	outline:none;
}
*/

#footer .navigation .horizontal ul li a {
  height: auto;
  display: inline;
  background: none;
	text-indent:0;
  margin-right: 1em;
}


/* Main Menu Items
=====================================*/

#header #menu_1			{ background-position:0 0; width:90px; }
#header #menu_1:hover		{ background-position:0 -50px; }

#header #menu_2			{ background-position:-90px 0; width:80px; }
#header #menu_2:hover		{ background-position:-90px -50px; }

#header #menu_3			{ background-position:-170px 0; width:90px; }
#header #menu_3:hover	{ background-position:-170px -50px; }

#header #menu_4			{ background-position:-260px 0; width:90px; }
#header #menu_4:hover	{ background-position:-260px -50px; }

#header #menu_5		{ background-position:-350px 0; width:120px; }
#header #menu_5:hover	{ background-position:-350px -50px; }

#header #menu_6		{ background-position:-470px 0; width:115px; }
#header #menu_6:hover	{ background-position:-470px -50px; }

#header #menu_7			{ background-position:-585px 0; width:75px; }
#header #menu_7:hover	{ background-position:-585px -50px; }


/* Foot Menu Items
=====================================*/

#footer #impressum			{ background-position:0 0; width:120px; }
#footer #impressum:hover	{ background-position:0 -50px; }

#footer #login				{ background-position:-120px 0; width:80px; }
#footer #login:hover		{ background-position:-120px -50px; }


/* Submenu items
=====================================*/

.navigation ul ul li a {
	width:7em;
}

.navigation ul ul {
	display:none;							/* Sub menus are hiden by default */
	position:absolute;           			
	top:1.8em;                     			
	left:0;                      			
	right:auto;								/* Resets the right:50% on the parent ul */
	width:7em;								/* Width of the drop-down menus */
	z-index:1000;
}

.navigation ul ul li {        			
	left:auto;								/* Resets the left:50% on the parent li */
	margin:0;								/* Reset the 1px margin from the top menu */
	clear:left;
	width:100%;
}

.navigation ul ul li a,
.navigation ul li.active li a,
.navigation ul li:hover ul li a,
.navigation ul li.hover ul li a {			/* This line is required for IE 6 and below */
	font-size:1.8em;
	line-height:1.4em;						/* Overwrite line-height value from top menu */
}

/* Flip the last submenu so it stays within the page */
.navigation ul ul.last {
	left:auto;								/* Reset left:0; value */
	right:0;								/* Set right value instead */
}

/* Make the sub menus appear on hover */
.navigation ul li:hover ul,
.navigation ul li.hover ul {				/* This line is required for IE 6 and below */
	display:block;							/* Show the sub menus */
}


/* Gallery Navigation
=====================================*/

#nav-gallery {
	float:left;
	width:100%;
	overflow:hidden;
	margin-bottom:15px;
	margin-top:-15px;
}

#nav-gallery ul {
	padding:0; 
	margin:0 auto; 
	list-style-type:none;
	float:left;
	position:relative; 
	left:50%;
	z-index:10;
}

#nav-gallery ul li {
	float:left; 
	position:relative; 
	right:50%;
	margin:10px 5px;
}

#nav-gallery ul li a {
	outline:none;
	text-align: center;
}

#nav-gallery .arrow_left {
	display:block;
	width:50px;
	height:50px;
	margin:0;
	background:url(images/bg_arrows.jpg) no-repeat;
	background-position:0 0;
	border:none;
	text-indent:-9999px;
}

#nav-gallery .arrow_left:hover {
	background-position:0 -50px;
}
   
#nav-gallery .arrow_left:active {
	background-position:0 -50px;
}

#nav-gallery .arrow_right {
	display:block;
	width:50px;
	height:50px;
	margin:0;
	background:url(images/bg_arrows.jpg) no-repeat;
	background-position:-50px 0;
	border:none;
	text-indent:-9999px;
}

#nav-gallery .arrow_right:hover {
	background-position:-50px -50px;
}

#nav-gallery .arrow_right:active {
	background-position:-50px -50px;
}

#nav-gallery .arrow_empty_left {
	display:block;
	float:left;
	width:50px;
	height:50px;
	margin:0;
	border:none;
}

#nav-gallery .arrow_empty_right {
	display:block;
	float:right;
	width:50px;
	height:50px;
	margin:0;
	border:none;
}


/*===================================
            FORMULAR STYLES
  ===================================*/

.errorfield 
{
	border:1px solid;
	border-color:#d80000 #ffdcdc #ffdcdc #d80000;
	background-color:#ffbaba;
}

.errorfield:hover
{
	background-color:#ff8c8c;
}

.errormessage
{
	margin-top:-2px;
	margin-bottom:6px;
	font-weight:bold;
	color:#d80000;
}

form {
	color:#282828;
}

fieldset {
	margin:0 auto;
	padding:20px;
	border:1px solid #808080;
}

select {
	background-color:#fff;
}

select:hover, 
select:active {
	background-color:#d7d7d7;
}

select option {
	background-color:#fff;
}

select option:hover, 
select option:active {
	background-color:#d7d7d7;
}

input,
select,
textarea {
	width:450px;
}

input.checkbox {
	width:15px;
	margin:6px 0 -3px 0;
}

input,
select,
textarea {
	margin:0;
	padding:2px;
	background-color:#efefef;
	border:1px solid;
	border-color:#888;
}

#securimage {
	position:relative;
	width:140px;
	height:42px;
	margin:0;
	padding:2px;
	background-color:#efefef;
	border:1px solid;
	border-color:#888;
	overflow:hidden;
	display:inline-block;
}


.securimage {
	position:absolute;
	bottom:-25px;
	margin:0;
}

input:hover, input:active,
select:hover, select:active,
select option:hover, select option:active,
textarea:hover, textarea:active {
	background-color:#f0e6d2;
}

form label {
	width:100px; 					/* Width of labels */
	display: inline-block;
	vertical-align:top;
	padding-top:3px;
}

form ol {
	margin: 0;
	padding: 0;
}

form li {
	list-style: none;
	padding: 0;
	margin: 0;
}

form li a img.smallthumb {
	position: relative;
	margin:5px 0 0 0;
	float:right;
	right: 70px;
}

.ordertext {
	position: relative;
    top: -20px;
}

.form-button {
	width:146px;
	margin:20px 0 0 0;
	padding:2px;
	background-color:#c4c4c4;
	border:1px solid;
	border-color:#fff #444 #444 #fff;
	text-align:center;
}

.form-button:active {
	margin:20px 0 0 0;
	padding:2px;
	background-color:#c4c4c4;
	border:1px solid;
	border-color:#444 #fff #fff #444;
	text-align:center;
}


/*===================================
            SIDEBAR STYLES
  ===================================*/

#sidebar {
	width:390px;
	position:relative;
	top:-40px;
	left:-42px;
	z-index:50;
	float:right;
}

#sidebar-separator {
	width:390px;
	height:150px;
	background:url(images/bg_sidebar_separator.jpg) no-repeat;
}

#cd-order {
	width:340px;
	padding:0 25px;
}

table#dates-sidebar {
	width:340px;
	margin:15px 25px;
}

/*
table#dates-sidebar td {
	border:1px solid #000;
}
*/

table#dates-sidebar td {
	padding:10px 10px 10px 0;
}

table#dates-sidebar td.date {
	width:100px;
}

table#dates-sidebar td.event {
	width:120px;
	padding-bottom:10px;
}

table#dates-sidebar td.location {
	width:120px;
}


/*===================================
            HEADLINE STYLES
  ===================================*/


h1#player {
	width:160px;
	height:30px;
	display:block;
	background:url(images/headline_player.jpg) left center no-repeat;
	text-indent:-9999px;
	position:relative;
	top:15px;
	left:20px;
	margin:0;
	padding:0;
}


h1#dates-sidebar-headline {
	width:340px;
	height:60px;
	display:block;
	position:relative;
	background:url(images/headline_dates_sidebar.jpg) no-repeat;
	background-position:25px 0;
	text-indent:-9999px;
	margin:15px 0 -15px 0 !important;
	padding:0 25px !important;
}

h2#news {
	width:150px;
	height:60px;
	display:block;
	background:url(images/headline_news.jpg) left center no-repeat;
	text-indent:-9999px;
	position:relative;
	top:-10px;
}

h2#band {
	width:150px;
	height:60px;
	display:block;
	background:url(images/headline_band.jpg) left center no-repeat;
	text-indent:-9999px;
	position:relative;
	top:-10px;
}

h2#media {
	width:160px;
	height:60px;
	display:block;
	background:url(images/headline_media.jpg) left center no-repeat;
	text-indent:-9999px;
	position:relative;
	top:-10px;
}

h2#dates {
	width:300px;
	height:60px;
	display:block;
	background:url(images/headline_dates.jpg) left center no-repeat;
	text-indent:-9999px;
	position:relative;
	top:-10px;
}

h2#contact {
	width:150px;
	height:60px;
	display:block;
	background:url(images/headline_contact.jpg) left center no-repeat;
	text-indent:-9999px;
	position:relative;
	top:-10px;
}

h2#links {
	width:100px;
	height:60px;
	display:block;
	background:url(images/headline_links.jpg) left center no-repeat;
	text-indent:-9999px;
	position:relative;
	top:-10px;
}


/*===================================
            ELEMENT STYLES
  ===================================*/

.article {
	margin-bottom:50px;
}

.article h3 {
	font-size:1.1em;
	line-height:1.2em;
	border-bottom:1px solid #444;
}

.article h3 .date {
	float:right;
}

#datelink {
	padding:0 25px;
}

table#dates {
	width:500px;
	margin:0;
}

table#dates td {
	padding:10px 10px 10px 0;
}

table#dates td.date {
	width:100px;
}

table#dates td.event {
	width:250px;
	padding-bottom:10px;
}

table#dates td.location {
	width:150px;
}


.guestbook-title {
	padding-top:0.7em;
	margin-bottom:0.2em;
}

.guestbook-info {
}

div.hr {
	width:230px;
	height:20px;
	background: url(images/bg_hr.jpg) no-repeat scroll center;
	margin:0 auto;
}

div.hr hr {
	display: none;
}

.homepage {
	display:block;
	float:right;
	width:30px;
	height:30px;
	margin:-5px 0 0 0;
	background:url(images/bg_icons.jpg) no-repeat;
	background-position:0 0;
	border:none;
	text-indent:-9999px;
}

.homepage:hover {
	background-position:0 -30px;
}

.email {
	display:block;
	float:right;
	width:30px;
	height:30px;
	margin:-5px 0 0 0;
	background:url(images/bg_icons.jpg) no-repeat;
	background-position:-30px 0;
	border:none;
	text-indent:-9999px;
}

.email:hover {
	background-position:-30px -30px;
}


/*===================================
           GALLERY STYLES
  ===================================*/

#path {
	margin-bottom:20px;
}
  
#gallery {
	padding:0;
	margin:0;
	position:relative;
}

#gallery ul {
	padding:0;
	margin:0;
}

#gallery .image{
	text-align:center;
}

#gallery img {
	margin: 0 auto;
}

#gallery-info {
	width:500px;
	margin:0 auto;
	padding:0;
}

#gallery-info h2 {
	text-align:center;
}

#gallery-info img {
	text-align:center;
}


/*===================================
           THUMBNAIL STYLES
  ===================================*/


.thumb-list {
	margin:0;
	list-style-type:none;
}

.thumb-list ul {
	text-align:center;
}

.bigthumb {
	display:block;
	float:left;
	width:100px;
	height:100px;
	margin:10px;
	text-align:center;

}

.bigthumb img {
	width:100px;
	height:100px;
}

.smallthumb img,
.smallthumb_selected img{
	width:50px;
	height:50px;
}

.smallthumb,
.smallthumb_selected{
	display:block;
	width:50px;
	height:50px;
	margin:0;
	text-align:center;
}

.bigthumb,
.smallthumb,
.pageimage,
#gallery img{
	border:1px solid #999;

	-moz-box-shadow:3px 3px 5px #999;
	-webkit-box-shadow:3px 3px 5px #999;
	box-shadow:3px 3px 5px #999;
}

.bigthumb:hover,
.bigthumb_selected:active,
.smallthumb_selected,
.smallthumb:hover,
.smallthumb_selected:active,
#gallery img:hover{
	border:1px solid #914b32;

	-moz-box-shadow:0px 0px 5px 1px#914b32;
	-webkit-box-shadow:0px 0px 5px 1px#914b32;
	box-shadow:0px 0px 5px 1px#914b32;
}


/* Category Thumbs
=====================================*/

.category-list {
	margin:0;
	list-style-type:none;
}

ul.category-list {
	position:relative;
	text-align:center;
	float:right;
	right:50%;
}

ul.category-list li {
	position:relative;
	width:50px;
	margin:0 25px;
	float:left;
	left:50%;
}

ul.category-list li a.title {
	position:relative;
	float:left;
	right:50%;
	width:100px;
}

ul.category-list li a.smallthumb {
	margin-bottom:5px;
}


/*===================================
              CLEAR GROUP
  ===================================*/

.group:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* zoom:1 rule for IE6 + IE7 */

* html .group,
*:first-child+html .group {
	zoom: 1;
}


/*===================================
           MESSAGE STYLES
  ===================================*/

.msg_info, .msg_success, .msg_warning, .msg_error, .msg_validation {
	width:450px;
	border: 1px solid;
	margin:0 auto;
	padding:15px 10px 15px 50px;
	background-repeat: no-repeat;
	background-position: 10px center;
}

.msg_info {
	color: #00529B;
	background-color: #BDE5F8;
	background-image: url(images/info.png);
}

.msg_success {
	color: #4F8A10;
	background-color: #DFF2BF;
	background-image:url(images/success.png);
}

.msg_warning {
	color: #9F6000;
	background-color: #FEEFB3;
	background-image: url(images/warning.png);
}

.msg_error {
	color: #D8000C;
	background-color: #FFBABA;
	background-image: url(images/error.png);
}

.msg_validation {
	color: #D63301;
	background-color: #FFCCBA;
	background-image: url(images/validation.png);
}