/*  .##....##..#######..####
    .##...##..##.....##..##.
    .##..##...##.....##..##.
    .#####....##.....##..##.
    .##..##...##.....##..##.
    .##...##..##.....##..##.
    .##....##..#######..#### - CSS Stylesheet - www.koiband.net
*/ 
/*########################################*/
body {
 background-image: url("images/design/background.jpg");
 
/*	background-position: top center; */ 	/* Works in IE, not in chrome */
	  background-position: 49.999% 0;		/* Chrome "fix", bugs in IE tho*/
	
/*<![if ! IE]>
<link href="../other/_IE.css" rel="stylesheet" type="text/css" />/>
<![endif]>
<![if IE]>
<link href="../other/_CHROME.css" rel="stylesheet" type="text/css" />
<![endif]>
*/
	background-repeat: no-repeat; 
	/*margin: 0px; */ 
    margin-left:auto;
	margin-right:auto; 
	background-color: #000; 
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; /*font-family: Arial, Helvetica, sans-serif; *//*font-family: Verdana, sans-serif;*/ /* "Trebuchet MS",Helvetica,Jamrul,sans-serif */
	font-size: 12px;
	color: #a0977d;
	text-transform: none;
	background-color:#000000}
	
 h1 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px;}
 h2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px;}
 h3 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; }

 a:link    {color:#716542; text-decoration: none}
 a:visited {color:#716542; text-decoration: none}
 a:active  {color:#d9c0ae; text-decoration: none}
 a:hover   {color:#d9c0ae; text-decoration: underline; background-color:none;}
 #copyrighthover a:link    {color:#716542; text-decoration: none}
 #copyrighthover a:visited {color:#716542; text-decoration: none}
 #copyrighthover a:active  {color:#fff; text-decoration: none}
 #copyrighthover a:hover   {color:#fff; text-decoration: none}
 
 a.hover2:link    {color:#a46334; text-decoration: none}
 a.hover2:visited {color:#a46334; text-decoration: none}
 a.hover2:active  {color:#d9c0ae; text-decoration: none}
 a.hover2:hover   {color:#d9c0ae; text-decoration: none}
	.hover2{font-size: 10px;}
 
 a.hoverred:link    {color:#CC0000; text-decoration: none}
 a.hoverred:visited {color:#CC0000; text-decoration: none}
 a.hoverred:active  {color:#d9c0ae; text-decoration: none}
 a.hoverred:hover   {color:#d9c0ae; text-decoration: none}

hr {
border: 0;
width: 95%;
background-color: #716542;
height: 1px;}

/*################ Design ################*/
/*########################################*/
#design_top { /* TOP banner */
	background-image: url("images/design/design_top.png");
	background-position: center;
	background-repeat: no-repeat; }
#box_left { /* mainbox-shadow-side */
	background-image: url("images/design/mainbox_left.png");
	background-repeat: repeat-y; }
#box_right { /* mainbox-shadow-side. */
	background-image: url("images/design/mainbox_right.png");
	background-repeat: repeat-y; }
#design_bottom { 
	background-image: url("images/design/design_bottom.png");
	background-position: center;
	background-repeat: no-repeat; }			
		
/*################# MAIN #################*/
/*########################################*/
.mainframe { /* Mainbox with all stuff */
	background-color: #211d11;
	padding: 0px 0px 0px 5px;
	line-height: 17px; }
#top_submenu{ /* Submenu.(table) */
	letter-spacing: 0.1ex;
	padding: 0px 0px 0px 0px;
	border-top: 0px dotted #444;
	border-left: 0px solid #444;
	border-right: 0px solid #444;
	border-bottom: 1px dotted #444;} 	
#top_submenu_wrap{ /* Submenu wrapped into this. */
    text-transform: uppercase;
	padding: 0px 0px 0px 0px;
	border-top: 0px dotted #444;
	border-left: 0px solid #444;
	border-right: 0px solid #444;
	border-bottom: 0px dotted #444;} 
 #top_submenu_wrap a:link    {color:#63615a; text-decoration: none}
 #top_submenu_wrap a:visited {color:#63615a; text-decoration: none}
 #top_submen_wrapu a:active  {color:#b0afad; text-decoration: none}
 #top_submenu_wrap a:hover   {color:#b0afad; text-decoration: none}
/*-------------------------*/

/* news boxes etc. */
.itemheadline/* HEADLINE [#a46334 17px] */{
	color: #a46334;
	font-size: 17px;
	font-weight: none;
	text-decoration: none;}
.itempostdate/* The "posted on XXth December 2009" shown under headline. [#90835C 10px]*/{
	font-size: 10px;
	color: #90835C;}
.itemtable{ /* width of the news item and all main textboxes on page. 570px */
text-align:justify;
width: 570px;}
.itemtable2{ /* itemtable with / / / background */
	padding: 10px;
	background-color: #211d11;
	border-top: 1px solid #1e1a0e;
	border-left: 1px solid #1e1a0e;
	border-right: 1px solid #1e1a0e;
	border-bottom: 1px solid #1e1a0e;
	background-image: url("images/box_back.png")}	
.itemtable2:hover{ /*darker borders */
	border-top: 1px solid #16130a;
	border-left: 1px solid #16130a;
	border-right: 1px solid #16130a;
	border-bottom: 1px solid #16130a; }	
	
/* Table sizes.      <div class="itemtable2 tbl550"> */
	.tbl550{width: 550px;}

.itemtable-hover{ /* itemtable used on the lyrics page etc. */}
.itemtable-hover:hover{ 
color: #cfc096;/*lighter than the normal fontcolor*/}
/*-------------------------*/

/*############# Extra Menus ##############*/
/*########################################*/
#sidetablewrap{ /* Wraps the whole sidetable */
	padding: 0px 5px 5px 10px;
	font-size: 10px;} 
#sidetable{ /* sidetable 1*/
	padding-left: 10px;
	padding-right:10px;
	padding-top:0px;
	padding-bottom:5px;
	width: 210px; 
	border:0px;
	background-color: #2a2415;
	border-top: 0px;
	border-left: 1px solid #1d190d;
	border-right: 1px solid #1d190d;
	border-bottom: 1px solid #1d190d;}
#sidetable2{ /* table below sidetable, contains Mailing-list... */
	padding-left: 7px;
	padding-right:7px;
	padding-top:0px;
	padding-bottom:0px;
	width: 182px;
	border:0px;
	background-color: #2a2415; 
	border-top: 0px;
	border-left: 1px solid #1d190d;
	border-right: 1px solid #1d190d;
	border-bottom: 0px;}
#sidetable_menu{ /* extra menu, used for submenu.# */
	padding: 5px 5px 5px 5px;
	border-top: 1px dotted #444;
	border-left: 0px solid #444;
	border-right: 0px solid #444;
	border-bottom: 1px dotted #444;} 

/*################ Other #################*/
/*########################################*/
.iframe { /* Guestbook Iframe*/
padding: 0px; 
height: 550px; 
width: 580px; 
border: 0px;  
overflow: auto; 
background-color:transparent;}

.more { /* Enables Show/Hide the mailinglist box on the sidepanel */
display: none;
  /*border-top: 1px solid #666; */}
  a.showLink, a.hideLink {
  /* padding-left: 10px; */ }
  a.hideLink {
  /* background: transparent url(up.gif) no-repeat left;*/ }
  a.showLink:hover, a.hideLink:hover {
  /* border-bottom: 1px dotted #36f; */}

/* Tour Table thingies */
.tour-table{
 width: 560px; 
  padding: 0;
  margin: 0;
  border-collapse: collapse;
  border: 1px solid #38321f;
  font-size: 0.9em;
/*  color: #000; */
/*  background: #bcd0e4 url("widget-table-bg.jpg") top left repeat-x;*/}
.tour-table th, .tour-table td{
  border: 1px dotted #38321f;
  padding: 0.5em;
  text-align: left;}
.tour-table th[scope=col]{
  color: #a0977d;
  background-color: #38321f;
  text-transform: uppercase;
  font-size: 0.9em;
 /* border-bottom: 2px solid #333;
  border-right: 2px solid #333; */}
.tour-table th+th[scope=col]{
  background-color: #38321f;
/*  border-right: 1px dotted #666; */}
.tour-table th[scope=row]{
 /* background-color: #b8cfe5; */
 /* border-right: 2px solid #333;*/}
.tour-table tr.alt th, .tour-table tr.alt td{
  color: #8c7e54; /* alt text color */
  background-color: #262214;}
.tour-table tr:hover th[scope=row], .tour-table tr:hover td{
  background-color: #2d2818;
 /* color: #fff;*/}
/*-------------------------*/

/* Mailing list input field & button */
#inputArea input[type="text"], #inputArea textarea{
font-family: Arial, Sans-Serif;
/* font-size: 13px; */ /* display: block; */
background-color: #c0b9a5;
border: solid 1px #1d190d;}
input.btn {
font-size: 13px; 
background-color:#463d28;
border: solid 1px #1d190d;}


.pad10{/* padding-left: 10px; */ text-align:justify}