/*** Generelles CSS ***/
html {
height: 100%;
padding: 0px;
margin: 0px;
}
body {
height: 100%;
color: #000;
padding: 0px;
margin: 0px;
top: 0px;
left: 0px;
font-family: "Arial Narrow",Arial,Helvetica,sans-serif;
font-size: 14px;
letter-spacing: 1px;
text-align: center;
}
/* ---------- H I N T E R G R U N D B I L D W E C H S E L -------------- */
#BGHome {
background: url('sas_startseite_bg.jpg') top center no-repeat #3d74a3;
}
#BGMain {
background: url('sas_folgeseite_bg.jpg') top center no-repeat #b5d2e3;
}
/* ---------- Ü B E R S C H R I F T E N -------------- */
h1 {
font-family: Georgia,"Times New Roman",Times,serif;
font-size: 36px;
font-weight: normal;
color: #32487b;
margin: 45px 0 20px 0px;
padding: 0px;
}
h2 {
font-size: 18px;
font-weight: bold;
color: #000;
margin: 0px 0px 10px 0px;
padding: 0px;
}
h3 {
font-size: 18px;
font-weight: bold;
color: #000;
margin: 20px 0px 10px 0px;
padding: 0px;
}
h4 {
font-size: 18px;
font-weight: bold;
color: #000;
margin: 0px 0px 20px 0px;
padding: 0px;
}
/* ---------- M I S C -------------- */
a:visited {
color: #a42114;
text-decoration: none;
}
a:link {
color: #a42114;
text-decoration: none;
}
a:hover {
color: #a42114;
text-decoration: underline;
}
img {
margin: 0px;
padding: 0px;
border: none;
}
strong {
font-weight: bold;
}
br.next {
clear: both;
}
img.flLeft {
float: left;
margin: 0px 20px 15px 0px;
}
img.flNo {
margin: 0px 0px 30px 0px;
padding: 0px 0px 0px 0px;
}
a#teil {
background:transparent url(teil.gif) no-repeat scroll 0 0;
display:block;
position: absolute;
height:50px;
width:20px;
top:40px;
right:0;
text-indent:-7000px;
}
/* ---------- W E B S I T E W R A P -------------- */
#container {
width: 960px;
margin: 0px auto;
padding: 0px;
text-align: left;
}
/* ---------- T O P N A V -------------- */
#toplinks {
width: 960px;
height: 135px;
margin: 0px;
padding: 0px;
font-size: 11px;
color:#2d231c;
}
#toplinks p {
margin: 0px;
padding: 10px 0 0 0;
text-align: right;
}
#toplinks a {
color: #fff;
}
#toplinks a:hover {
/*color: #a42114;*/
color: #efcf4d;
text-decoration: none;
}
/* ---------- C O N T E N T -------------- */
#contentbox {
width: 540px;
min-height:520px;
float: left;
padding: 0px 0px;
margin: 0px 0px;
line-height: 18px;
}
#contentbox p {
padding: 0px 20px 0px 0px;
margin: 0px 0px 7px 0px;
}
#contentbox div.txt {
padding: 0px 0px;
margin: 0px 0px 20px 0px;
}
#contentbox div.txtimg {
clear:left;
padding: 0px 0px;
margin: 0px 0px;
}
/*Programm - Tabelle*/
#contentbox table {
width: 520px;
margin: 20px 0px 0px 0px;
padding: 0px;
border-collapse: collapse;
text-align: left;
}
#contentbox table tr th {
margin: 0px 0px;
padding: 0px 0px 5px 0px;
font-weight: bold;
}
#contentbox table tr th.time {
width: 110px;
}
#contentbox table tr th.place1 {
width: 205px;
color: #a14477;
}
#contentbox table tr th.place2 {
width: 205px;
color: #304c8d;
}
#contentbox table tr td {
vertical-align: top;
margin: 0px;
border-bottom: 1px dotted #000;
}
#contentbox table tr td.time {
padding: 5px 0px 0px 0px;
font-weight: bold;
width: 110px;
}
#contentbox table tr td.place1 {
width: 205px;
padding: 5px;
background: url(transbg_red.png) bottom left repeat transparent;
}
#contentbox table tr td.place2 {
width: 205px;
padding: 5px;
background: url(transbg_blue.png) bottom left repeat transparent;
}
/*Ensembles*/
#contentbox div.ensemble {
clear:left;
width: 520px;
margin: 0px 0px;
padding: 10px 0px 8px 0px;
}
#contentbox div.ensemble h2 {
margin: 0px 0px 5px 0px;
padding: 0px 0px;
}
#contentbox div.ensemble p {
margin: 0px 0px 0px 0px;
padding: 0px 0px 3px 0px;
}
#contentbox div.ensemble img.flLeft {
margin: 0px 20px 5px 0px;
}
#contentbox div.ensemble div.txt {
clear:left;
padding: 0px 0px;
margin: 0px 0px 7px 0px;
}
#contentbox div.blackline_content {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background: url(trennlinie_content.png) top left no-repeat;
height: 10px;
}
/*Downloadbereicht*/
#contentbox div.pressImg {
width: 520px;
margin: 0px 0px 16px 0px;
padding: 0px 0px 16px 0px;
border-bottom: 1px dotted #000;
}
#contentbox div.pressImg img {
margin: 0px 20px 0px 0px;
}
#contentbox div.pressImg p {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
/*Liste*/
#contentbox ul { 
margin: 0px 20px 0px 15px;
padding: 0px;
list-style:disc;
}
/*Formular Ticketbestellung*/
#form-module {
width: 460px;
margin: 0px;
padding: 0px;
}
#form-module fieldset {
margin: 0px 0px 0px 0px;
padding: 10px 0px 0px 0px;
border: none;
}
#form-module legend {
display: none;
}
#form-module div.element {
clear: left;
display: block;
}
#form-module div.element label {
float: left;
margin: 0px 0 5px 0;
padding: 0px;
width: 110px;
}
#form-module div.element input.checkbox {
float: left;
width: 10px;
margin: 3px 5px 0px 0px;
padding: 0px;
}
#form-module div.element p.checkbox {
width: 50px;
float: left;
}
#form-module div.element input {
float: left;
width: 347px;
margin: 0px 0 5px 0;
padding: 0px;
background-color: #fff;
border: 1px solid #fff;
}
#form-module div.element input.textSmall {
float: left;
width: 47px;
margin: 2px 0px 5px 20px;
padding: 0px;
}
#form-module div.element select {
float: left;
width: 280px;
margin: 0px 0px 5px 0px;
padding: 0px;
background-color: #fff;
border: 1px solid #fff;
}
#form-module div.element input.submit {
clear: left;
width: 80px;
margin: 10px 0px 0px 379px;
padding: 0px;
color: #a42114;
border: none;
text-align: right;
cursor: pointer;
background-color: transparent;
}
#form-module div.element input.submit:hover,
div.rexpoll input.submit:hover {
color: #a42114;
text-decoration:underline;
}
/* CD Bestellung */
#form-module div.element label.textCD {
float: left;
margin: 0px 0 5px 0;
padding: 0px;
width: 200px;
}

#form-module div.element label.checkboxCD {
float: left;
width: 200px;
margin: 0px 0 5px 0;
padding: 0px;
}
#form-module div.element input.textCD {
float: left;
width: 257px;
margin: 0px 0 5px 0;
padding: 0px;
background-color: #fff;
border: 1px solid #fff;
}

#form-module div.element label.textCD_Anzahl {
float: left;
margin: 0px 0 5px 0;
padding: 0px;
width: 200px;
}

#form-module div.element input.textCD_Anzahl {
float: left;
width: 20px;
margin: 0px 0 5px 0;
padding: 0px;
background-color: #fff;
border: 1px solid #fff;
}

/* Abstimmung - Eingabe*/
div.rexpoll {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#contentbox p.poll {
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#contentbox p.result{
clear:left;
margin: 10px 0px 0px 5px;
padding: 0px 0px 0px 0px;
}
div.rexpoll input.submit {
clear:left;
margin: 10px 0px 0px 5px;
padding: 0px;
color: #a42114;
border: none;
cursor: pointer;
background-color: transparent;
}
/* Abstimmung - Resultate*/
#contentbox p.results {
margin-top: 20px;
}
#pollresult {
width: 520px;
margin: 20px 0px 0px 0px;
padding: 0px;
border-collapse: collapse;
text-align: left;
}
#pollresult td {
margin: 0px 0px 0px 0px;
padding: 5px 0px 3px 0px;
border-bottom: 1px dotted #000;
}
#pollresult td.poll2 {
text-align:right;
}

/* -- Ensembles Übersicht mit Bilder -- */

#refoverview {
clear:left;
width:840px;
margin: 0px 0px 0px 0px;
padding: 30px 0px 0px 0px;
background: url(line_bottom.png) top left no-repeat transparent;
}
#refoverview p {
margin: 0px 0px 2px 0px;
padding: 0px;
}
.overviewImg {
float:left;
width:160px;
height:160px;
margin: 0px 20px 5px 0px;
padding: 0px;
line-height:normal;
}

.overviewImg p {
	color:#000;
}
.overviewImg img{
margin-bottom:3px;
}
.overviewImg a {
color:#333;
}

.overviewImg a:hover {
text-decoration:none;
}

/* -- YouTube -- */
.youtube {
margin: 0px 0px 30px 0px;
padding: 0px 0px 0px 0px;
}

/* ----------------- C O N T E N T - R E C H T E S P A L T E --------------------- */
#rightBox {
float: left;
width: 200px;
padding: 41px 0px 0px 0px;
margin: 0px;
}
#rightBox div.musicbut,
#rightBox div.ticketbut,
#rightBox div.wettbewerb {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
#rightBox div.blackline {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background: url(trennlinie_schwarz.png) bottom left no-repeat;
}
#rightBox div.newsteaser {
padding: 0px 0px 10px 0px;
margin: 10px 0px 0px 0px;
background: url(trennlinie_schwarz.png) bottom left no-repeat;
}
#rightBox div.newsteaser p {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
#rightBox img {
margin: 0 0 10px 0;
padding: 0px;
border: none;
}

/* ---------- L O G O B A L K E N -------------- */
#logoHome,
#logoMain {
margin: 0px;
padding: 0px;
text-align: center;
}
#logoHome img {
margin: 100px 0px 0px 0px;
padding: 0px;
}
#logoMain img{
margin: 40px 0px 0px 0px;
padding: 0px;
}