/* #### GENERAL #### */

body {
    	color: #000;
    	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin:0px 0px 0px 0px;
	background-color:#473227;
}

body, table { /* Why do tables use larger font otherwise? */
    	font-size: 11px;
}

#div {
	overflow:auto;
	height:296px;
	width:413px;
	scrollbar-base-color:white;
	scrollbar-arrow-color:white;
	scrollbar-face-color:#9A8C86;
	scrollbar-highlight-color:#9A8C86;
	scrollbar-shadow-color:white;
	scrollbar-track-color:transparent;
	scrollbar-3dlight-color:white;
   	scrollbar-darkshadow-color:#9A8C86;
}

/* default alignment of table cells */
td {vertical-align: top; text-align: left;}

/* no borders on images */
img { border: 0px; }

.pager {margin-top: 1em;}

.more {margin-top: 1em;}

a:link,a:active,a:visited {
	color:darkred;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

/* #### HEADER #### */

#imagemap {
    width: 750px;
    height: 339px;
    background: url(../../images/design_stable/header.png);
    margin: 0;
    padding: 0;
    position: relative;
}
#imagemap li {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
}
#imagemap li, #imagemap a {
    display: block;
}
#tom {top:10px; left:130px; width:158px; height:132px;}
#tom a {height:132px;}
#thorsten {left:290px; width:230px; top:10px; height:132px;}
#thorsten a {height:132px;}
#yannick {left:527px; width:110px;}
#yannick a {height:142px;}
#home {left:70px; width:85px; top:165px; height:42;}
#home a {height:42px;}
#band {left:195px; width:80px; top:185px; height:45px;}
#band a {height:45px;}
#media {left: 320px; width: 100px; top:145px; height:45px;}
#media a {height:45px;}
#gigs {left: 445px; width: 70px; top:195px; height;50;}
#gigs a {height:50px;}
#contact {left: 530px; width: 115px; top:162px; height:45px;}
#contact a {height:45px;}

#axt {
    width: 162px;
    height: 475px;
    background: url(../../images/design_stable/links.png);
    margin: 0;
    padding: 0;
    position: relative;
}
#axt li {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
}
#axt li, #axt a {
    height: 150px;
    display: block;
}
#axt_link {top:200px; left:40px; width:50px; height:150px;}
#axt_link a {height:150px;}


/* Media Ausklapp-Menü */

    a.sample_attach, a.sample_attach:visited, div.sample_attach
    {
      display: block;
      width:   100px;
    
      border-top:  2px solid transparent;
      border-bootom:  0px solid black;
      padding: 2px 5px;
  
    
      text-decoration: none;
      text-align:center;
      color:white;
      font-weight:bold;
      font-family:Verdana;
      background-color: black; 
      opacity:0.3;
      filter:alpha(opacity=30);

    }
    a.sample_attach:hover {text-decoration:underline;}
    a.sample_attach, a.sample_attach:visited { border-bottom: none; }
    div#sample_attach_menu_child             { border-bottom: 0px solid black; }