basefont {font-family: Arial, sans-serif; background-color: #305092; margin: 0px; padding: 0px; border: 0px; border-style: solid; border-color: #666666} a { text-decoration: none; margin: 0px; font-family: Arial, sans-serif; padding: 0px; color:#253E72; font-weight: 600; } h1 {width: 500px; margin-top:30px; margin-left: auto; margin-right: auto; border: 0px; text-align: justify; font-family: Arial, sans-serif; font-weight: 600; font-size: 20px; color:#253E72;} h2 {width: 500px; margin-top:20px; margin-left: auto; margin-right: auto; border: 0px; text-align: justify; font-family: Arial, sans-serif; font-weight: 600; font-size: 17px; color:#253E72;} h3 {width: 500px; margin-top:10px; margin-left: auto; margin-right: auto; border: 0px; text-align: justify; font-family: Arial, sans-serif; font-weight: 300; font-size: 15px; color:#253E72;} h4 {width: 500px; margin-top:5px; margin-left: auto; margin-right: auto; border: 0px; text-align: justify; font-family: Arial, sans-serif; font-weight: 300; font-size: 12px; color:#253E72;} h5 {width: 500px; margin-top:3px; margin-left: auto; margin-right: auto; border: 0px; text-align: justify; font-family: Arial, sans-serif; font-weight: 200; font-size: 10px; color:#253E72;} h1.title {width: 500px; margin-left: auto; margin-right: auto; border: 0px; text-align: right; font-family: Arial, sans-serif; font-weight: 300; font-size: 20px; color:#253E72;} h2.title {width: 500px; margin-left: auto; margin-right: auto; border: 0px; text-align: right; font-family: Arial, sans-serif; font-weight: 300; font-size: 17px; color:#253E72;} h1.main {width: 500px; margin-top:40px; margin-left: auto; margin-right: auto; border: 0px; text-align: left; font-family: Arial, sans-serif; font-weight: 300; font-size: 22px; color:#253E72;} h2.main {width: 500px; margin-top:20px; margin-left: auto; margin-right: auto; border: 0px; text-align: left; font-family: Arial, sans-serif; font-weight: 300; font-size: 19px; color:#253E72;} h3.main {width: 500px; margin-top:0px; margin-left: auto; margin-right: auto; border: 0px; text-align: left; font-family: Arial, sans-serif; font-weight: 300; font-size: 16px; color:#253E72;} h4.main {width: 500px; margin-top:0px; margin-left: auto; margin-right: auto; border: 0px; text-align: left; font-family: Arial, sans-serif; font-weight: 300; font-size: 12px; color:#253E72;} h1.left {width: 500px; margin-top:30px; margin-left: 5px; margin-right: auto; border: 0px; text-align: justify; font-family: Arial, sans-serif; font-weight: 600; font-size: 20px; color:#253E72;} th {text-align: center;} td {vertical-align:top;} u.bk {color:#FFA000;} /* table */ .table-L1-1 /* Top Table - Banner */ {margin: 0px; padding: 0px;font-family: Arial, sans-serif; border-top:0px; border-right:0px; border-bottom: 2px; border-left:0px; border-style: solid; border-color:#FFA000; background-color: #253E72; width: 100%; height: 85px; } .table-L1-2 /* Main Table - Navigation & Main Content */ {margin-left:auto; margin-right:auto; margin-top:0px; margin-bottom:0px; border-top:0px; border-right:0px; border-bottom: 2px; border-left:0px; border-style: solid; border-color:#FFA000; padding: 0px; background-color: #253E72; width: 100%; height:100%;} .table-L1-3 /* Bottom Table - Banner */ {margin: 0px; padding: 0px;font-family: Arial, sans-serif; border-top:0px; border-right:0px; border-bottom: 0px; border-left:0px; border-style: none; border-color:#FFA000; background-color: #253E72; width: 100%; height: 40px; } .table-BKFamily {margin-left:10px; background-image:url('Graphics/BK-Curve6-190x125.jpg'); background-repeat:no-repeat; width:200px;text-align:right} /* td - table data */ .td-L1-navigation /* */ {margin: 0px; padding: 0px; border-top:0px; border-right:0px; border-bottom: 0px; border-left:0px; border-style: solid; border-color:#FF6633; width: 220px; height: 100%; background-color: #253E72; text-align:left;} .td-L1-middle {margin: 0px; padding-bottom: 30px; border: 0px; height: 100%; background-color:#D3DDF1;} .padding-Navigation-Left {background-color:#253E72; width:20px;} .padding-Navigation-Right {background-color:#253E72; width:20px;} .padding-Main-Left {background-color:#D3DDF1; width:20px;} .padding-Main-Right {background-color:#D3DDF1; width:300px; height:300px;} /* div - subdivisions (used to apply local controls to text with a separate section - also forces line breaks*/ .berlinerKonzert {text-align:right; margin-right:30px; margin-bottom:10px; font-family: Arial, sans-serif; font-weight: 600; font-size: 12px; line-height: 16px; color: #D3DDF1; } .div-family-navigation-padding {height:60px;} /* span - used for the text control */ .mainNavigationText /* Text for local navigation (Konzerte, Kontakte, etc.) */ { font-family: Arial, sans-serif; font-weight: 300; font-size: 16px; color: #D3DDF1; line-height: 16px; } .L2mainNavigationText /* Text for local navigation (Konzerte, Kontakte, etc.) */ { font-family: Arial, sans-serif; font-weight: 300; font-size: 14px; color: #D3DDF1; line-height: 16px; } .mainNavigationTextHighlighted /* Higlighted text for local navigation (Konzerte, Kontakte, etc.) */ { font-family: Arial, sans-serif; font-weight: 600; font-size: 16px; color: #FFFFFF; line-height: 16px; } .L2mainNavigationTextHighlighted /* Higlighted text for local navigation (Konzerte, Kontakte, etc.) */ { font-family: Arial, sans-serif; font-weight: 600; font-size: 14px; color: #FFFFFF; line-height: 16px; } .familyNavigationText { font-family: Arial, sans-serif; font-weight: 300; font-size: 12px; line-height: 14px; color: #D3DDF1; margin: 0px; padding: 0px; } .familyNavigationTextHighlighted { font-family: Arial, sans-serif; font-weight: 600; font-size: 14px; line-height: 16px; color: #FFFFFF; margin: 0px; padding: 0px; } .indexTimeDatePlace {color: #253E72; display: block; width: 500px; margin-left: auto; margin-right: auto; border:0px; text-align: right; border: 0px; font-family: Arial, sans-serif; font-weight: 300; font-size: large; } .indexPieceComposer {display: block; width: 500px; margin-left: auto; margin-right: auto; border:0px; text-align: right; border: 0px; font-family: Arial, sans-serif; font-weight: 300; font-size: large; font-style: italic; color: #253E72} .MainTextLeft {display: block; width: 500px; margin-left: auto; margin-right: auto; border:0px; text-align: left; border: 0px; font-family: Arial, sans-serif; font-weight: 300; font-size: large; font-style: italic; color: #253E72} /* img - images */ .td-L2-left-img_square /* Left aligned orange boxes (Konzerte, Kontakte, etc.) */ { vertical-align: middle; text-align: left; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 60px; border: 0px; border-style: solid; border-color: #666666; width: 10px; height: 10px; } .td-L3-left-img_square /* Left aligned orange boxes (Konzerte, Kontakte, etc.) */ { vertical-align: middle; text-align: left; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 70px; border: 0px; border-style: solid; border-color: #666666; width: 8px; height: 8px; } .td-L2-left-img_square2 { vertical-align: middle; text-align: left; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 0px; margin-right: 10px; margin-bottom: 0px; margin-left: 5px; border: 0px; border-style: solid; border-color: #666666; width: 8px; height: 8px; } .mini-Photo /* */ {width:150px; vertical-align:bottom; margin-top:90px; margin-bottom:10px;} .mini-Photo-div /* */ {vertical-align:bottom;} .centre-Photo { display: block; margin-left: auto; margin-right: auto; margin-top:40px; margin-bottom:30px; border: 0px; border-style: solid; border-color: #666666; } .personen-Photo /* */ {width:300px; margin-top:5px; margin-right:10px; margin-bottom:2px; margin-left:5px;} .personen-Photo-small /* */ {width:80px; margin-top:5px; margin-right:10px; margin-bottom:2px; margin-left:5px;}