/*Backgroundcolor Global, Farben der Scrollbar(nur mit Internet Explorer,Konqueror und Opera)*/
body {
	background-color: #ffffff;
	
	/*scrollbar-3d-light-color: #000000;
	scrollbar-arrow-color: #ffffff;
	scrollbar-base-color: #000000;
	scrollbar-dark-shadow-color: #cccccc;
	scrollbar-face-color: #000055;
	scrollbar-highlight-color: #cccccc;
	scrollbar-shadow-color: #cccccc;*/
}

/*
Hintergrundfarbe des Seitenkopfes, 
welches auf jeder Seite ganz oben zu finden ist
*/
.headbackground {
	background-color: #ffffff;
}

/*
Hintergrundbild des Seitenkopfes
*/
.kopf_img {
	background-image: url(../img/kopf.gif);
	width: 982px;
	height: 101px;
}

/*
1. Seite: Buchung
Bild fuer Knopf rechts mitte.
Dieser öffnet die Saalplanbuchung.
*/
.buchung_ueber_saalplan_img {
	background-image: url(../img/buchung_ueber_saalplan.gif);
	width: 190px;
	height: 23px;
}

/*
1. Seite: Buchung
Bild fuer Knopf rechts neben den Dropdowns zur Auswahl 
Anzahl Karten die in den Warenkorb gelegt werden sollen.
Dieser legt die ausgewählte Anzahl an Karten in den Warenkorb.
*/
.in_den_warenkorb_img {
	background-image: url(../img/in_den_warenkorb.gif);
	width: 155px;
	height: 23px;
}

/*
1. Seite: Buchung
Bild fuer Knopf rechts unten.
Dieser öffnet und geht weiter zur Warenkorbseite.
*/
.zum_warenkorb_img {
	background-image: url(../img/zum_warenkorb.gif);
	width: 571px;
	height: 23px;
}

/*
2. Seite: Warenkorb
Bild fuer Knopf oben mitte
Löscht/Leert den kompletten Warenkorb.
*/
.warenkorb_loeschen_img {
	background-image: url(../img/warenkorb_loeschen.gif);
	width: 165px;
	height: 23px;
}

/*
2. Seite: Warenkorb
Bild fuer Knopf rechts neben den Plaetzen im Warenkorb.
Hiermit kann ein bestimmter Platz aus dem Warenkorb gelöscht werden.
*/
.loeschen_img {
	background-image: url(../img/loeschen.gif);
	width: 92px;
	height: 23px;
}

/*
2. Seite: Warenkorb
Bild fuer Knopf links unten.
Kehrt zurueck auf die 1. Seite.

3. Seite: Kundendaten
Knopf links unten.
Kehrt zurueck auf die 2. Seite.

4. Seite: Zusammenfassung
Knopf links unten.
Kehrt zurueck auf die 3. Seite.
*/
.zurueck_img {
	background-image: url(../img/zurueck.gif);
	width: 92px;
	height: 23px;
}

/*
2. Seite: Warenkorb
Knopf rechts unten
Geht weiter zur 3. Seite.
*/
.zur_kasse_img {
	background-image: url(../img/zur_kasse.gif);
	width: 93px;
	height: 23px;
}

/*
3. Seite: Kundendaten
Knopf rechts unten
Geht weiter zur Zusammenfassungsseite
*/
.lieferadresse_img {
	background-image: url(../img/lieferadresse_speichern.gif);
	width: 164px;
	height: 21px;
}
.weiter_img {
	background-image: url(../img/weiter.gif);
	width: 70px;
	height: 23px;
}


/*
4. Seite: Zusammenfassung
Knopf rechts unten.
Schließt die Buchung ab und geht weiter zu Abschlussseite.
*/
.jetzt_buchen_img {
	background-image: url(../img/jetzt_buchen.gif);
	width: 115px;
	height: 23px;
}

/*
5. Seite: Buchung abgeschlossen
Knopf links mitte.
Hiermit wird das Drucken der Online-Bestaetigung ausgeloest.
*/
.bestellung_drucken_img {
	background-image: url(../img/bestellung_drucken.gif);
	width: 170px;
	height: 23px;
}


/*
Schriftart, Schriftfarbe im Seitenkopf
*/
.headtitlefont {
	font : normal 12px Arial, Helvetica, sans-serif;
	color: #ccff99;
	text-decoration : none;
}

/*
Schriftart, Schriftfarbe auf allen anderen Seiten
*/
.pagefont {
	font : normal 12px Arial, Helvetica, sans-serif;
	color: #000000
	text-decoration : none;
}

/*
Schriftart, Schriftfarbe fuer angeklickte Verweise
*/
.pagefont a:active {
	font : normal 12px Arial, Helvetica, sans-serif;
	color : #008080;
	text-decoration : none;
}

/*
Schriftart, Schriftfarbe fuer Verweise bei "MouseOver"
*/
.pagefont a:hover {
	font : normal 12px Arial, Helvetica, sans-serif;
	color : #FF0000;
	text-decoration : none;
}
.pagefontForWarnings {
	font : bold 12px Arial, Helvetica, sans-serif;
	color: #FF0000;
	text-decoration : none;
	border: 1px solid #f00;
	background-color: #FFE8EE;
    margin: 6px;	
	padding: 6px;
}
div.pagefontForWarnings {
      width: auto; 
      text-align: center;
}

/*
Breite der Dropdowns fuer Versandart, Zusatzkosten, Zahlungsart
und Breite der Liste fuer weitere Zusatzleistungen
*/
.componentWidth { width:300px;}