/******************* My Elegy.css by MoHe!**********************/


html
{height: 100%; 
 background: url(../images/bg.gif);}

body
{height: 100%;
 border: 0;
 margin: 0;
 padding: 0;
 text-align: center;}

/****************** Page Layout *******************/


div.clear
{clear: both;}

div.wrapper
{width: 600px;
 margin: 0 auto;
 border: solid #000000;
 border-width: 0 1px 1px 1px;
 background: #000000;}

div.banner
{height: 470px;
 background: url(../images/banner.jpg);}

/****************** Navigation ********************/


div.navi
{position: relative;
 top: 450px;
 left: -70px;}

div.navi a
{margin: 0 3px;
 text-decoration: none;
 font: 1.5em impact;
 color: #999999;}

div.navi a:hovers
{color: #ffffff;}

div.navi a.aktiv
{color: #cccccc;}



/******************** Sidebar *********************/

div.sidebar
{position: relative;
 bottom: 23px;
 right: 15px;
 float: right;
 width: 140px;
 text-align: center; 
 font: 0.65em verdana;
 color: #ffffff;}

div.sidebar img
{margin: 0 0 20px 0;}

a.myspace img
{border: 0;
 margin: 0;}
 
 a.youtube img
{border: 0;
 margin: 0;}
 
 a.facebook img
{border: 0;
 margin: 0;}

div.sidebar p
{margin: 20px 0 10px 0;
 text-align: left;
 font: 1.2em verdana;
 color: #990000;}

div.sidebar ul
{margin: 5px;
 padding: 0;
 list-style: square;
 text-align: left;}

/******************** Content *********************/


div.content
{position: relative;
 left: 25px;
 margin-top: 50px;
 bottom: 20px;
 width: 400px;
 margin-right: 175px;
 text-align: left;
 font: 0.65em verdana;
 color: #999999;}
  
 h2.content
 {font: 2em verdana;
 font-weight: bold;}
 
a.flagge img
 {border:0;}


/********************* News **********************/


h1.news
{font:  1.1em verdana;
 color: #990000;
 font-weight: bold;}

span.news
{float: right;
 font:  0.8em verdana;
 color: #990000;}

p.news
{border-bottom: 1px;
 border-bottom-style: dashed;
 padding-bottom:15px}


/******************** Band ***********************/


div.band
{position: relative;
 left: 25px;
 bottom: 20px;
 width: 360px;
 margin-right: 175px;
 text-align: left;
 font: 0.65em verdana;
 color: #999999;}

div.band-members
{position: relative;
 left: 25px;
 bottom: 20px;
 width: 170px;
 margin-right: 175px;
 text-align: left;
 padding-right: 27px;
 font: 0.65em verdana;
 color: #999999;}

p.members
{text-decoration: none;
 font: 1em verdana;
 color: #CCCCCC;
 font-weight: bold;
 line-height: 20px;}

p.members-links
{text-decoration: none;
 font: 1em verdana;
 color: #CCCCCC;
 font-weight: bold;}

span.members
{font: 1em verdana;
 color: #999999;
 text-decoration: underline;}

div.band-members a
{text-decoration: none;
 font: 1em verdana;
 color: #666666;
 font-weight: bold;}

div.band-members a:hover
{text-decoration: none;
 font: 1em verdana;
 color: #999999;
 font-weight: bold;}


/******************** Gigs ***********************/

table.gigs
{position: relative; 
 width: 360px;
 margin: 0 0 0 0;
 font: 1.2em verdana;
 color: #999999;}

td.datum
{width: 70px;
 font-weight:bold;
 color: #666666;} 

td.beginn
{width: 80px;
 font-weight:bold;
 color: #666666;} 

td.event
{width: 200px;
 font-weight:bold;
 color: #666666;
 text-align:center;} 


td.datum1
{width: 80px} 

td.beginn1
{width: 90px;} 

td.event1
{width: 250px} 


/******************* Media ***********************/


div.media
{position: relative;
 left: 25px;
 bottom: 20px;
 width: 360px;
 margin-right: 175px;
 text-align: left;
 font: 0.75em verdana;
 color: #999999;}

p.media
{border-bottom: 1px dashed;}

table.media
{position: relative; 
 width: 360px;
 font: 1.0em verdana;
 color: #999999;}

td.media
{width: 100px;
 image-position:center;}

td.medialinks
{text-align:center;}

td.medialinks a
{text-decoration: none;
 font: 0.9em verdana;
 color: #666666;}

td.medialinks a:hover
{text-decoration: none;
 font: 0.9em verdana;
 color: #999999;}
 

/******************* Links ***********************/

/******************** book ***********************/



div.button a
{text-decoration: none;
 font: 1.3em verdana;
 color: #800000;
 font-weight: bold;}

div.button a:hover
{color: #666666;
 font-weight: bold;}

p.name a
{text-decoration: none;
 font: 1.2em verdana;
 color: #666666;
 margin-right: 5px;
 font-weight: bold;}

p.name a:hover
{text-decoration: none;
 font: 1.2em verdana;
 color: #999999;
 margin-right: 5px;
 font-weight: bold;}

p.name img
{border: 0;}

p.data
{text-decoration: none;
 font: 0.9em verdana;
 color: #999999;
 margin-top: 0px;}

p.name
{text-decoration: none;
 font: 1.1em verdana;
 color: #999999;
 margin-bottom: 1px;}

p.message
{text-decoration: none;
 font: 1.1em verdana;
 color: #999999;
 border-bottom: 1px dashed;
 padding-bottom: 16px;}

p.kontakt input
{border: 1pt solid #333333;
 background-color: #000000;
 color: #999999;}

p.kontakt textarea
{border: 1pt solid #333333;
 background-color: #000000;
 color: #999999;}

div.paging a
{font: 1em verdana;
 color: #999999;}

div.paging a:hover
{text-decoration: none;}

/****************** contact ***********************/

/******************* merch ************************/

p.mail a
{font: 1em verdana;
 color: #999999;}

p.mail a:hover
{text-decoration: none;
 font: 1em verdana;
 color: #999999}



/******************* Footer **********************/


div.footer
{text-align: center;
 font: 0.65em verdana;
 color: #ffffff;
 height: 40px;}

