* {
    margin: 0;
    padding: 0;
}

body {
    background-color: white;
    font-size: 11px;
}

.clear {
    clear: both;
}

img {
    border: 0;
}

.hidden {
    visibility: hidden;
}

.none {
    display: none;
}

.abstand {
    margin-bottom: 15px;
}

.left {
    float: left;
}

.right {
    float: right;
}

.fullwidth {
	width:640px;
}

/*Layout*/
#layout {
    font-family: arial, sans-serif;
    color: #000;
    width: 980px;
    background: url( ../img/bg-right.gif ) repeat-y;
}

#left {
    float: left;
    background: url( ../img/bg-left.gif ) no-repeat;
    width: 225px;
    padding: 34px 0 0 0; /*min-height:980px;*/
}



#bkgrLeft {

}

#logo img {
    margin: 3px 0 735px 38px;
}

#right {
    float: left;
    width: 755px;

}

.mainContentLeftCol {
    float: left;
    width: 445px;
}

.mainContentRightCol {
    float: right;
    width: 190px;
}

#rightColumn {
    margin: 0;
    width: 235px;
    position: absolute;
    right: 68px;
}

#rightColumn p {
    margin: 0 0 6px 0;
    width:100%;
}

#loginForm,
    #feedbackForm {
    margin-top: 50px;
}

/*Left side*/
#dataOverview {
    width: 180px;
    position: absolute;
    left: 41px;
    top: 170px;
}

.dataOverviewHeadline {
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    margin: 12px 0 6px 0;
}

#dataOverview p {
    color: #fff;
    font-size: 11px;
    margin: 0 0 8px 0;
}

.smallFont {
    font-size: 9px;
    text-transform: none;
}

.smallfontlink {
    font-size: 9px;
    text-transform: none;
    color: #cc6f32;
    text-decoration: underline;
}


/*MainContent*/
.mainContent {
    font-size: 11px;
    margin: 40px 0 0 27px;
    position: relative;

}

/*Edit the look of the hyperlinks in the contentarea here*/
.mainContent a:link,
    .mainContent a:visited,
    .mainContent a:hover,
    .mainContent a:active {
    color: #E27121;
}

.mainContent h1 {
    font-size: 16px;
    color: #1A171B;
    margin: 0 0 30px 0;
    width: 440px;
}

.mainContent h2 {
    font-size: 13px;
    color: #1A171B;
    margin: 10px 0 5px 0;
    width: 100%;
}

.mainContent .homeH2 {
	margin: 0;
}

.mainContent .homeH2 a  {
	color:#E27121;
	text-decoration: none;
}

.mainContent .homeH2 a:hover  {
	color:#E27121;
	text-decoration: underline;
}

.mainContent h1.inner {
    font-size: 16px;
    color: #1A171B;
    margin: 20px 0 10px 0;
    width: 440px;
}

.mainContent h3 {
    font-size: 13px;
    font-weight: bold;
    color: #878889;
    margin: 20px 0 5px 0;
    width: 100%;
}

.mainContent p {
     width: 390px;
    margin: 0 0 5px 0;
}

.mainContent .mainContentRightCol p {
    width: auto;
}

.mainContent ul.arrowList {
    margin: 0 0 16px 0;
}

.mainContent ul.arrowList li {
    list-style-type: none;
    background: url(../img/arrow.gif) no-repeat;
    padding-left: 10px;
}

.configBar {
    background-color: #CC6F34;
    position: relative;
    height: 24px;
    margin: 20px 0 20px 0;
    width: 640px;
}

.configBarHeader {
    position: absolute;
    top: 0;
    left: 0;
    width: 330px;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    margin: 4px 0 0 11px;
}

.configBarButtons {
    position: absolute;
    top: 0;
    right: 0;
    width: 500px;
    text-align: right;
    margin: 3px 11px 0 0;
}

.configBarButtons input {
    margin-left: 5px;
}

/*Login Profil*/
#profil {

}

.pdfDownload {
    margin: 15px 0 0 10px;
    display: block;
}
.pdfDownload img{
	margin-bottom:1px
}

.profilBlock {
    width: 640px;
	position: relative;
}

.headline {
    background: #EFE8E2;
    width: 640px;
    margin: 0 0 13px 0;
    padding:0;
}

.headline h2 {
	margin:0;
    padding: 4px 10px;
    color: #000;
    font-size: 13px;
}

.profilBlock .aktionen {
    text-align: right;
    font-weight: bold;
    width: 640px;
    color: #000;
    border-bottom: 1px solid #898989;
    font-size: 12px;
    padding: 0 0 2px 0;
    margin: 0 0 12px 0;
}

.profilEntry {
    border-bottom: 1px solid #898989;
    padding: 0 0 9px 0;
    margin: 0 0 10px 0;
    width: 640px;
}

.profilBlock .aktionen span {
    margin: 0 13px 0 0;
}

.profilContent {
    margin: 0 0 10px 0;
}

.profilBlockNumber {
    float: left;
    width: 20px;
    margin: 4px 0 0 0;
}

.profilBlockNumber span {
    margin: 0 0 0 4px;
}

.profilContentBlock {
    float: left;
    width: 400px;
}

.profilContent {
    width: 640px;
    padding: 0 0 0 0;
    margin-bottom: 0;
}

.profilContent label {
    width: 105px;
    margin: 4px 0 0 10px;
    float: left;
    text-transform: uppercase;
}

.smallButtonsRight {
    float: right;
    margin: 0 13px 0 0;
}

.addRow {
    margin: 10px 0 0 1px;
}

.preAction {
    padding-right: 5px;
    vertical-align: text-bottom;
}

.kurzProfilForm {
    width: 410px;
    float: left;
    display: inline;
}

.kurzProfilForm h2 {
	margin:0;
}

.kurzProfilForm dl {
	margin:0 0 0 10px;
}

.picLeft {
    float: left;
    width: 225px;
    margin:0 10px 0 0;
}

.profilPicButton {
    margin: 6px 10px 0 0;
}

.profilMoreInfo {
    margin: 25px 0 0 0;
}

.profilMoreInfo #header {
    color: #858585;
    font-size: 12px;
    font-weight: bold;
    margin: 0 0 8px 0;
}

.profilMoreInfo label {
    font-size: 11px;
    text-transform: uppercase;
}

.smallText {
    font-size: 11px;
    display: block;
    margin: 3px 0 3px 0;
    text-transform: lowercase;
    font-weight: normal;
}

.profilMoreInfo textarea#kurzprofil {
    width: 385px;
    height: 160px;
    border-bottom: 1px solid #E1DAD4;
    border-right: 1px solid #BCB3AC;
    border-left: 1px solid #B9B4AE;
}

/*Arbeitsproben*/

#workSamples {
    width: 640px;
}

.picLeftWork {
    float: left;
    width: 225px;
    margin: 19px 0 0 0;
}

.workSamplesRight {
    width: 395px;
    float: right;
    text-align: right;
}

.workSamplesFull {
/*width:640px;*/
    width: 100%;
    float: right;
    text-align: right;
}

.workSamplesNoDataFull {
    background: #EFE8E2;
    border-top: 1px solid #8A8987;
    border-bottom: 1px solid #8A8987; /*width:640px;*/
    width: 100%;
    text-align: left;
    font-style: italic;
}

.picAction {
    text-align: right;
    font-weight: bold;
    width: 386px;
    margin: 0 9px 5px 0;
    display: block;
    float: right;
}

.workSamplesNoData {
    background: #EFE8E2;
    border-top: 1px solid #8A8987;
    border-bottom: 1px solid #8A8987;
    width: 395px;
    text-align: left;
}

.workSamplesNoData span,
.workSamplesNoDataFull span,
.workSamplesNoData div
{
    display: block;
    float: left;
    padding: 10px 0 18px 12px;
}

.workSamplesYesData span,
    .workSamplesYesDataFull span {
    display: block;
    float: left;
    margin: 10px 0 5px 12px;
}

.buttonsRightSide {
    float: right;
}

.buttonsRightSide img {
    margin: 10px 0 0 0;
}

.workSamplesNoDataFull .buttonsRightSide img {
    margin: 10px 12px 0 0;
}

.buttonsRightSideEntry {
    float: right;
    display: inline;
    margin: 0 7px 0 0;
}

.buttonsRightSideEntry img {
    margin: 10px 3px 0 0;
}

.workSamplesData {
    width: 395px;
    text-align: left;
}

.workSamplesText {
    width: 245px;
    float: left;
}

.workSamplesText span {
    width: 245px;
}

.workSamplesText textarea#bildbeschriftung {
    width: 245px;
    height: 35px;
    margin: 0 0 7px 0;
    background: #E8E1D9 url( ../img/bg-kurzprofiltextarea.gif ) repeat-x;
    border-bottom: 1px solid #E1DAD4;
    border-right: 1px solid #BCB3AC;
    border-left: 1px solid #B9B4AE;
}

.workSamplesText label {
    font-weight: bold;
}

.workSamplesText .smallText {
    font-weight: normal;
    font-size: 10px;
    margin: 0 0 3px 0;
}

.addButton {
    margin: 10px 0 0 0;
}

/*Audio*/
#workSamplesAudio {
    font-weight: bold;
    margin: 0 0 0 10px;
}

#workSamplesAudioExample {
    margin: 0 0 5px 10px;
}

.workSamplesAudioLeft {
    display: block;
    float: left;
    width: 46px;
}

.workSamplesAudioRight {
    display: block;
    float: left;
    width: 500px;
}

.workSamplesAudioTip {
    width: 245px;
    display: block;
    margin: 0 0 0 10px;
}

.workSamplesYesDataFull {

    border-bottom: 1px solid #8A8987; /*width:640px;*/
    width: 100%;
    text-align: left;
}

.onlyOneItem {
    border: 0;
}

/*Popup*/
#popup {
    width: 410px;
    border: 1px solid #5D503F;
}

#popupClose {
    width: 410px;
    text-align: right;
}

#popupContent {
    width: 390px;
    margin: 0 0 10px 10px;
}

#popupHeader {
    font-size: 12px;
    font-weight: bold;
    margin: 0 0 10px 0;
}

.picUploadLable,
    .mp3UploadLable {
    font-weight: bold;
}

#popupFooter {
    width: 390px;
    background: #CC6F34;
    text-align: center;
}

.popupFooterButton {
    margin: 5px;
}

#picUpload {
    margin: 3px 0 10px 0;
    float: left;
    width: 115px;
}

#picUploadImage {
    margin: 0 20px 10px 0;
    float: left;
    width: 115px;
}

#picUploadInput,
    #mp3UploadInput {
    margin: 0 0 10px 0;
}

/*Home Kuenstler-Bereich*/
.homeFirstTimeBlock {
    margin: 0 0 10px 0;
}

.homeFirstTimePic {
    margin: 5px 0;
    float: left;
    width: 80px;

}

.homeFirstTimeText {
    margin: 3px 0 5px 0;
    float: left;
    width: 315px;
    display: inline;

}

.homeFirstTimeText h2 {
    color: #868686;
    font-size: 13px;

}

.homeFirstTimeText p {
    display: inline;
}

/* TABELLEN */

.tableButtonLeft {
    margin: 0 6px 0 0;
}

.auditionListingStart {
    width: 390px;
}

.auditionListing {
    width: 100%;
}

table caption,
    th.hidden {
    display: none;
}

table th,
    table td {
    text-align: left;
    padding: 2px 0 2px 2px;
    vertical-align: top;
}

table .nummer {
    width: 18px;
}

table .jahr {
    width: 100px;
}

table td.tableColored {
    background: #EFE8E2;
}

table td.tableButtonRow {
    vertical-align: middle;
}

.tableListing {
    margin: 0 0 25px 0;
}

.tableListing h2 {
    width:640px;
}

.tableListing p{
  width:620px;
}

.tableListing td p {
    width: auto;
}


.tableListing .breite1Spalten {
    width: 98%;
}

.tableListing .breite2Spalten {
    width: 50%;
}

.tableListing .breite3Spalten {
    width: 40%;
}

.tableListing .breite4Spalten {
    width: 29.5%;
}

.tableListing .breite5Spalten {
    width: 20%;
}

/*Artist Details*/
.artistDetail,
.auditionDetail {
    width: 640px;
}

.artistDetailLeft {
    width: 395px;
    float: left;
}

.artistDetailRight {
    width: 225px;
    margin: 0 0 15px 0;
}

.tableListing ul li{
   margin-left: 1.5em; 
}

.greybarH2 {
    background: #EFE8E2;
    color: #000;
    font-size: 12px;
    width: 100%; /*width:415px;*/
    margin: 0 0 10px 0;
}

.greybarH2 span {
    margin-left:10px;

}

.greybarH2Inner {
    display: block;
    margin: 0 20px 3px 10px;
}

.mainContent .artistDetailLeft p,
    .mainContent p.einzug {
    margin: 0 0 10px 10px;
}



.mainContent .artistDetailLeft p.bigTextP {
    line-height: 16px;
    font-weight: bold;
    margin: 0 0 11px 10px;
}

.artistDetailPic {
    margin: 0 0 5px 0;
    border:0;
}

.buttonMargin {
    line-height: 0;
    margin: 0 0 1px;
}

/*Elements*/
.artistIntroduce {
    margin: 0 0 20px 0;
}

.artistIntroducePic {
    margin: 0 0 5px 0;
}

.artistIntroduce {
    width: 135px;
    float: left;
}

.newsTeaser {
margin:0;
}

h2.newsTeaserH2 {
    color: #000;
    background: #EFE8E2;
    width: 303px;
    font-size: 12px;
    margin:10px 0 0 0;
}

h2.newsTeaserH2Wide { /* Rosa Box fuer Headlines */
    color: #000;
    background: #EFE8E2;
    width: 386px;
    font-size: 12px;
    margin:0;
}

h2.newsTeaserH2 span,
h2.newsTeaserH2Wide span {
    display: block;
    margin: 1px 10px 0 10px;
}

.mainContent .newsTeaserP, .mainContent .newsTeaserPxPic {
    width: 370px;
    clear: both;
    margin: 2px 0 10px 10px;
}

.mainContent .newsTeaserP1Pic {
    width: 310px;
    float: left;
    display: inline;
    margin: 2px 0 10px 10px;
}

.mainContent .newsTeaserP2Pic {
    width: 250px;
    float: left;
    display: inline;
    margin: 2px 0 10px 10px;
}

.mainContent .newsTeaserP3Pic {
    width: 100%/*364px*/;
    float: left;
    display: inline;
    margin: 2px 0 10px 10px;
}

.mainContent .newsTeaserP1Pic p, .mainContent .newsTeaserP2Pic p, .mainContent .newsTeaserP3Pic p, .mainContent .newsTeaserPxPic p {
    width: auto;
}

.newsTeaser { /* Abstand zum naechsten Newseintrag */
    margin: 0 0 10px 0;
}

#websiteEditHeadline {
    background: #CC6F34;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    margin: 0 0 15px 0;
    padding: 1px 0 1px 0;
}

#websiteEditHeadline span {
    margin: 0 0 0 36px;
    display: block;
}

ul#websiteEditList {

}

ul#websiteEditList li {
    list-style-type: none;
    margin: 0 0 3px 36px;
}

ul#websiteEditList li a {
    color: #fff;
    background: #CC6F34;
    text-decoration: none;
    text-transform: uppercase;
    padding: 0;
    font-size: 11px;
}

ul#websiteEditList li a span {
    padding: 1px 5px 2px 5px;
}

#webEdit {
    width: 225px;
    position: absolute;
    left: 0;
    top: 180px;
}

.headlineButtonsGrey {
    width: 340px;
    float: right;
    display: inline;
    margin: 4px 10px 4px 0;
    text-align: right;
}

.headlineButtonsGrey img {
    margin: 0 0 0 9px;
}

.headlineGreyBar {
    background: #EFE8E2;
    width: 640px;
    height: 18px;
    margin: 15px 0 5px 0;
}

.headlineGreyBar h2 {
    font-size: 13px;
    padding: 2px 0;
    text-indent: 10px;
    margin:0;
}

.teamMember {
    margin: 0 0 20px 0;
}

.teamMemberCol0 {
    float: left;
    width: 70px;
}

.teamMemberCol1 {
    float: left;
    width: 140px;
}

.teamMemberCol1Wide {
    float: left;
    width: 340px;
    margin-right:30px;

}

.teamMemberCol1Wide p{
   width:100%;
   margin: 0 0 10px;
}

.teamMemberCol2,
.teamMemberCol2  p {
    float: left;
    width: 280px;
    padding-right:30px;
}

.teamMemberCol3 {
    float: left;
    width: 210px;
}

.teamMemberCol2 p {
    margin-right: 8px;
}

.teamMemberCol3 p {
	margin:10px 0 0 0;
}

.newsTeaserPic {
    float: left;
    display: inline;
    margin: 5px 0 5px 10px;
    width: 45px;
}

.errorMsg {
    width: 390px;
    color: #FA0605;
    border: 1px solid #FA0605;
    margin: 0 0 20px 0;
    padding: 6pt;
    font-size:10pt;
}

ul.errorMsg li {
    margin-left: 1em;
}

.mainContent .errorMsg span {
    color: #FA0605;
}

.mainContent .errorMsg p {
    margin: 10px;
    width: 370px;
    color: #000;
}

.normTable {
    width: 640px;
}

.normTable th {
    text-transform: uppercase;
    border-bottom: 1px solid #898989;
}

.normTable td {
    padding: 5px 5px 4px 5px;
    border-bottom: 1px solid #898989;
}

dt {
    width: 105px;
    text-transform: uppercase;
    float: left;
    clear: left;
    padding-top: 4px;
}

dd {
    padding-top: 4px;
    margin-left: 115px;
}
.search {
    margin-left: 24px;
}

.search a {
  font-weight:bold;
}


.search li{
    padding-bottom:5px;
    clear:both;
    margin-bottom:5pt;
    padding-top:5pt;
    border-top: 1px solid #898989;
}

.search li img{
    float:left;
    margin-right:1ex; 
}


.added {
    border-right: 2px solid green;
}

.deleted {
    border-right: 2px solid #d3d3d3;
    text-decoration: line-through;
    color: #888;
}
ul.compact {
    list-style-type: none;
    margin:0;
    padding:0;
}
ul.compact li{
    margin:0;
    padding:0;
    text-indent:0;
}

input.defaultValue {
    color: #888888;
}

.jlabel_tooltip {
    position: absolute;
    background: #eee;
    padding: 2px;
    border: 1px solid #888;
    margin-left: 10px;
}