/* general stuff */

body {
    background : white;
    font : x-small Verdana, sans-serif;
    color : black;
  }


.no {
    display: none;
  }


h1 {
    font-size: medium;
    margin : 5px;
    text-align : left;
  }


p {
    margin : 0px 0px 0.8ex;
  }

p.add {
	margin: 5px 10px;
	text-align: left;
}

.add {
	text-align: left;
}

.pager {
	text-align: right;
}

div {
    padding: 0;
    margin: 0;
  }


img {
    border: none;
  }


td.error {
    color: red;
    font-weight: bold;
  }


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

a:hover {
    color: red;
    text-decoration: none;
  }

a:active {
    color: black;
    text-decoration: none;
  }


span.note {
    font-size: xx-small;
  }

/* building blocks... */




div#alignmentbox {
    /* this is the overall alignment box, used to center our mainbox nicely on the viewport */position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    overflow: auto;
  }


div#mainbox {
    /* this ist the main box, everything is inside this */ position: relative;
    width: 920px;
    height: 595px;
    top: 100px;
    background: url('../img/back.png') center center no-repeat;
    z-index: 0;
  }


div#contents {
    /* position is specified relative to mainbox */ position: absolute;
    top: 189px;
    left: 0px;
    width: 100%;
    height: 361px;
    z-index: 1;
    overflow: auto;
  }


div.box {
    /* these are all the white boxes where actual contents go *//* position is specified relative to contents box */position: absolute;
    z-index: 2;
    background: url('../img/wpix.png');
    overflow: auto;
  }


div#bottom {
    /* position is specified relative to mainbox */position: absolute;
    z-index: 1;
    top: 552px;
    left: 0px;
    width: 100%;
    height: 45px;
  }


div#bottom a {
    color: white;
    text-decoration: none;
  }


div#myspace {
    position: absolute;
    top: 0px;
    right: 10px;
    z-index: 2;
    height: 100%;
    width: 120px;
  }


div#myspace a {
    display: block;
    height: 100%;
    width: 100%;
    background: url('../img/myspace.png') center center no-repeat;
  }

div#newsletter {
    position: absolute;
    top: 5px;
    right: 125px;
    z-index: 2;
    height: 100%;
    width: 455px;
    text-align : left;
  }
div#newsletter select,input {
    height: 30%;
    border-width: 0px;
    background-color:#ffffff;
  }

/*************************************************************************************
* navigation box
**************************************************************************************/


div#navigation {
    /* position is specified relative to mainbox */position: absolute;
    z-index: 1;
    top: 80px;
    left: 15px;
    width: 100%;
    height: 109px;
  }


div.navigation {
    /* position is specified relative to navigation box */position: absolute;
    height: 109px;
  }


div#n_news {
    width: 72px;
    left: 0px;
  }


div#n_band {
    width: 63px;
    left: 73px;
  }


div#n_live {
    width: 93px;
    left: 137px;
  }


div#n_friends {
    width: 77px;
    left: 231px;
  }


div#n_guestbook {
    width: 46px;
    left: 309px;
  }


div#n_media {
    width: 123px;
    left: 356px;
  }


div#n_gallery {
    width: 95px;
    left: 480px;
  }


div#n_contact {
    width: 88px;
    left: 576px;
  }


div.navigation a {
    display: block;
    width: 100%;
    height: 100%;
  }


div#n_news a:link, div#n_news a:visited {
    background: url('../img/men_news.png') no-repeat center center;
  }


div#n_band a:link, div#n_band a:visited {
    background: url('../img/men_band.png') no-repeat center center;
  }


div#n_live a:link, div#n_live a:visited {
    background : url('../img/men_live.png') no-repeat center center;
  }


div#n_friends a:link, div#n_friends a:visited {
    background: url('../img/men_freunde.png') no-repeat center center;
  }


div#n_guestbook a:link, div#n_guestbook a:visited {
    background: url('../img/men_guestb.png') no-repeat center center;
  }


div#n_media a:link, div#n_media a:visited {
    background: url('../img/men_media.png') no-repeat center center;
  }


div#n_gallery a:link, div#n_gallery a:visited {
    background: url('../img/men_gallery.png') no-repeat center center;
  }


div#n_contact a:link, div#n_contact a:visited {
    background: url('../img/men_kontakt.png') no-repeat center center;
  }


div.navinfo {
    /* navigation info (highlights current position) position is specified relative to bottom box */position: absolute;
    left: 0px;
    top: 0px;
    width: 182px;
    height: 100%;
    z-index: 2;
    visibility: hidden;
  }


div#ni_news {
    background: url('../img/hov_news.png') no-repeat;
  }


div#ni_band {
    background: url('../img/hov_band.png') no-repeat;
  }


div#ni_live {
    background: url('../img/hov_live.png') no-repeat;
  }


div#ni_friends {
    background: url('../img/hov_freunde.png') no-repeat;
  }


div#ni_guestbook {
    background: url('../img/hov_guestb.png') no-repeat;
  }


div#ni_media {
    background: url('../img/hov_media.png') no-repeat;
  }


div#ni_gallery {
    background: url('../img/hov_gallery.png') no-repeat;
  }


div#ni_contact {
    background: url('../img/hov_kontakt.png') no-repeat;
  }