﻿img, div { behavior: url(../iepngfix/iepngfix.htc) }

/*################################ Schriften ################################*/
/*Überschrift*/
#headline
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:36px;
	font-weight:bold;
	width:740px;
}

/*Überschrift der jeweiligen Seite*/
.PageTitle
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
}

/*Schrift Navigation*/
#navigation a, #navigation a.visited
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#333333;
	padding-right:10px;
	text-decoration:none;
}

/*Aktiver Menüpunkt*/
#navigation .current
{
	color:#FF3300;
	text-decoration:underline;
}

/*Band and Friend Spezial Schriften*/
.bandTitle
{
	font-weight:bold;
}

/*Music Spezial Schriften*/
.musicTitle
{
	font-weight:bold;
}

.musicText a, .musicText a.visited
{
	color:#000000;
}

/*################################ Bereiche ################################*/

/*Bereich der Rechts ausgerichtet werden soll*/
#ContentRight
{
	text-align:right;
	margin-left:210px;
}

/*Bereich der Rechts ausgerichtet werden soll*/
#ContentRightMusic
{
	text-align:right;
	margin-left:240px;
}

/*Bereich um die ganze Seite*/
.completeContainer
{
	text-align:center;
	height:100%;
}

/*Bereich um den gasamten Inhalt */
.contentContainer
{
	width:760px;
	margin: 0px auto;
	overflow: hidden;
	position:relative;
	text-align:left;
	word-wrap: break-word;
}

/*Abstand Überschrift nach oben*/
#headlineSpacer
{
	height:70px;
}

/*Spalte auf der Live Seite*/
#colLiveDate
{
	width:120px;
	padding-bottom: 10px;
	vertical-align:top;
}

/*Spalte auf der Live Seite*/
#colLiveText
{
	width:300px;
	padding-bottom: 10px;
}

/*Spalte auf der News Seite*/
#colNewsText
{
	width:550px;
	padding-bottom: 10px;
}


/*Abstand zwischen den Bands auf der Band Seite*/
#BandsTable td
{
	padding-bottom:20px;	
}

/*Alle transparenten Boxen auf der music seite gleich groß*/
#musicTable
{
	width: 500px;
}

.musicTablePicCol
{
	padding-right:20px;
}
/*Cover Bilder auf der music seite gleich groß machen*/
.musicTablePicCol img
{
	width:120px;
	border:solid 2px #666666;
}

/*Alles oben ausrichten, nicht mittig*/
#MusicTable td
{
	vertical-align:top;
}

.musicOrderLink img
{
	border:none;
}

/*Abstand der Links auf der Linkseite*/
#LinkTable a
{
	padding-right:10px;
	marginn-bottom:10px;
}

/*Div im Impressum scrollen lassen*/
.Impressumbereich
{
	overflow:scroll;
	overflow-x:hidden;
	height:200px;
}

/*################################ Transparente Boxen ################################*/

/*Halbtransparente Box für Text*/
.ContentBoxContent
{
  background-image:url(../img/transparent.png);
  text-align:center;
  font-family:Arial, Helvetica, sans-serif;
  font-size:14px;
  padding-left:10px;
  padding-right:10px;
}

.ContentBoxFrame
{
  height:10px;
  font-size:8px;
  display:inline;
  padding:0px;
  margin:0px;
  width:100%;
}

.ContentBoxFrame .Mitte
{
  background: url(../img/TransparentEcken.png) -10px 0px no-repeat;
  width:100%;
}

.ContentBoxFrame .LinksOben
{
  background: url(../img/TransparentEcken.png) no-repeat;
  width:10px;
}

.ContentBoxFrame .RechtsOben
{
  background: url(../img/TransparentEcken.png) -990px 0px no-repeat;
  width:10px;
}

.ContentBoxFrame .LinksUnten
{
  background: url(../img/TransparentEcken.png) 0px -20px no-repeat;
  width:10px;
}

.ContentBoxFrame .RechtsUnten
{
  background: url(../img/TransparentEcken.png) -990px -20px no-repeat;
  width:10px;
}

/*unsichtbares Bild, damit die Ecken nicht verschwinden*/
.ContentBoxFrame td img
{
	width:10px;
}


/*################################ Hintergrundbilder ################################*/
/*Hintergrundbild Startseite*/
.home
{
  background:url(../img/home.jpg) no-repeat bottom center;
  margin:0px;
}

/*Hintergrundbild Live*/
.live
{
  background:url(../img/live.jpg) no-repeat top center;
  margin:0px;
}

/*Hintergrundbild Biografie*/
.biografie
{
  background:url(../img/biografie.jpg) no-repeat top center;
  margin:0px;
}

/*Hintergrundbild Kontakt*/
.kontakt
{
  background:url(../img/kontakt.jpg) no-repeat top center;
  margin:0px;
}

/*Hintergrundbild Bands*/
.bands
{
  background:url(../img/bands.jpg) no-repeat top center;
  margin:0px;
}

/*Hintergrundbild Music*/
.music
{
  background:url(../img/music.jpg) no-repeat center center;
  margin:0px;
}

/*Hintergrundbild links*/
.links
{
  background:url(../img/links.jpg) no-repeat center center;
  margin:0px;
}

/*Hintergrundbild Media*/
.media
{
  background:url(../img/media.jpg) no-repeat center center;
  margin:0px;
}

/*Hintergrundbild Media*/
.news
{
  background:url(../img/news.jpg) no-repeat center center;
  margin:0px;
}

/*################################ Edit Bereich ################################*/
.EditModeTable table 
       {
            font-family: Verdana;
            font-size: 10pt;
            margin: 0px;
        }

        .EditModeTable th {
            background-color: #dedede;
            border: #aaaaaa 1px solid;
            text-align: left;
            vertical-align: top;
            padding: 2px;
            padding-left: 10px;
            padding-right: 10px;
            white-space: nowrap;
        }

        .EditModeTable .altRow {
            background-color: #eeeeee;
        }

        .EditModeTable .highlightedRow {
            background-color: orange;
        }

        .EditModeTable .error {
            background-color: #dddddd;
            color: red;
            border: 1px dotted #aaaaaa;
            padding: 2px;
            padding-left: 10px;
            margin-bottom: 5px;
            font-style: italic;
        }

        .EditModeTable .nextBackLink,
        .EditModeTable .ascDescIndicator {
            font-family: webdings;
            font-size: 12pt;
            text-decoration: none;
        }

        .EditModeTable .actionButton {
            width: 75px;
        }

        .EditModeTable .headerBar {
            background-color: orange;
            border-bottom: 3px solid #777777;
            text-align: right;
            font-size: 24pt;
            font-family: Arial;
            font-style: italic;
            height: 50px;
            padding-top: 5px;
            padding-right: 10px;
            margin-bottom: 20px;
        }

        .EditModeTable .mainbody {
            margin-left: 10px;
            margin-right: 10px;
        }

        .EditModeTable .contextError,
        .EditModeTable .requiredAsterisk,
        .EditModeTable .searchHighlight {
            font-weight: bold;
            color: red;
        }

        .EditModeTable fieldset {
            padding: 10px;
            padding-top: 0px;
        }

       .EditModeTable  legend {
            font-weight: bold;
        }
        
        .EditModeTable #csvDownloadLayer {
            background-color: #d4d0c8;
            padding: 5px;
            border: 2px white outset;
            position: absolute;
            visibility: hidden;
        }