/*Verwendete Farben*/
/*
Hintergrundfarbe: #000000
Schriftfarbe markant: #2D81BD
Schriftfarbe blass: #ffffff

Hindergrundfarbe Boxen (hinter dem Verlauf): #
Randfarbe Boxen: #
Linienfarbe Menüs: #

SCI-Farbe innen: #

*/


/*Allgemeine Seiten-Elemente*/
body {
	background-color: #000000;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #afaeae;
	margin: 0;
	padding: 0;
}
p {
	margin: 0;
	padding: 0;
}
a {
	color: #afaeae;
}
a:visited {
	color: #afaeae;
}
a:hover {
	color: #ffffff;
}
img {
	border: 0;
	padding: 0;
	margin: 0;
}
ul {
	margin: 0 0 0 5px;
	padding: 5px 0 0 15px;
}
table, tr, td {
	vertical-align: top;
	text-align: left;
	border: 0;
	padding: 0;
	margin: 0;
}
table .xzw {
	width: 40px;
}
h1 {
	font-weight: normal;
	font-size: 20px;
	line-height: 25px;
	margin: 0;
	padding: 0;
}
h2 {
	font-weight: normal;
	font-size: 16px;
	line-height: 18px;
	margin: 5px 0 0 1px;
	padding: 0;
}

h3 {
	font-weight: bold;
	font-size: 14px;
	line-height: 16px;
	margin: 5px 0 0 1px;
	padding: 0;
}

h4 {
	font-weight: bold;
	font-size: 12px;
	line-height: 14px;
	margin: 5px 0 0 1px;
	padding: 0;
}
input {
	font-size: 11px;
}
option, select {
	font-size: 11px;
}

/*-------------------------------------------------------------*/
form td {
	padding-bottom: 3px;
}
/*-------------------------------------------------------------*/
#MP_Breadcrums, #Breadcrums, #breadcrums{
	margin-left: 45px;
	margin-top: 24px;
	font-size: 10px;
	font-family: arial;
}
#MP_Breadcrums p, #Breadcrums p, #breadcrums p {
	color: #afaeae;
}
#MP_Breadcrums a, #MP_Breadcrums a:hover, #MP_Breadcrums a:visited, #Breadcrums a, #Breadcrums a:hover, #Breadcrums a:visited, #breadcrums a, #breadcrums a:hover, #breadcrums a:visited   {
	display: inline;
	color: #afaeae;
	text-decoration: none;
}
#MP_Breadcrums a:hover, #Breadcrums a:hover, #breadcrums a:hover	 {
	color: #ffffff;
}

/*-------------------------------------------------------------*/
/*Haupt-Elemente*/

/*Der body samt Hintergrundbild*/
#BodyCopy 
{
	width: 1065px;
	min-height: 811px;
	margin-top: 5px;
	background-image: url('img/content/Hintergrund_Mainframe.jpg');
	background-position: center center;
	background-repeat: no-repeat;
}

* html #BodyCopy
{  /* Korrektur fuer den IE */
	width: 1065px;
	
}


/*A) Inhalte (Mitte) */
/*************/

#InhalteHauptfenster
{
	height: 517px;
	margin-bottom: 0px;
	margin-top: 75px;
    background-image: url('img/content/Hintergrund_Contentseite.jpg');
	background-position: center center;
	background-repeat: no-repeat;
}

#Hauptfenster
{
    width: 941px;
    clear: none;
    height: 517px;
    margin-bottom: 0px;
    
}

/*Fußzeile*/
/*************/

/*an sich*/
#Footer
{
    height: 28px;
    font-weight: bold;
    font-size: 14px;
    padding-top: 20px;
    
}

/*Links zu den wichtigsten Seiten*/
#Footer a
{
    padding-left: 20px; 
    padding-right: 20px;
    color: #afaeae;
    text-decoration: none;
    
}

#Footer a:hover
{
    color: #ffffff;
}



/****************************************************************************************************/
/************** Ab hier Innenteile /Slave-Pages *****************************************************/

/*-------------------------------------------------------------*/	
/*Content-Seiten*/
/*-------------------------------------------------------------*/

/*Boden-Abstand*/
#MP_IFR_contentPlace
{
    margin-bottom: 25px;
}

/*Überschriften im Content*/
#MP_IFR_contentPlace .ueberschrift
{
    padding-top: 10px;
    font-weight: bold;
    font-size: 12px;
    font-family: Arial;
}

/*Absatz-Formatierung ist hier etwas anders*/
#MP_IFR_Content .alt p
{
    margin-top: 2px;
}

/*-------------------------------------------------------------*/	
/*Formulare: 
/*-------------------------------------------------------------*/

/*Formular-Reihen*/
/*Aufbau: 
    P-Element, darin:
        ein Bezeichner als Span.
        ein Input-Feld (kurz/lang/Dropdown)
        (ein Span-Validator)
*/


/*P-Element*/
.pFormRow
{
    margin-top: 3px;
}

/*Bezeichner*/
.pFormRow .bezeichner
{
    width: 180px;
    display: block;
    float: left;
    text-align: right;
    padding-right: 5px;
}

/*Input-Feld normal*/
.pFormRow input
{
    width: 200px;
}

/*Input-Feld Zahl (kurz)*/
.pFormRow .number
{
    width: 50px;
}

/*Dropdown-Feld normal*/
.pFormRow .dropdown
{
    width: 200px;
}

/*Validator*/
.pFormRow span
{
    width: 15px;
    display: inline;
}

/*Absenden-Schaltfläche*/
/*Holder-Div für die Schaltfläche zum Absenden*/
#MP_IFR_btnAbsendenHolder, #btnAbsendenHolder
{
    display: block;
    width: 570px;
    text-align: center;
}

/*Die Absenden-Schaltfläche selbst*/
#MP_IFR_btnAbsendenHolder input, #btnAbsendenHolder input
{
    width: 200px;
    height: 30px;
    font-size: 12px;
}

/*Holder-Div der Formular-ValSummary*/
#MP_IFR_ValidationHolder, #ValidationHolder
{
    margin-top: 25px;
    margin-bottom: 35px;
    /*padding-left: 185px;*/
}

#MP_IFR_outMessage, #outMessage
{
    text-align: center;
}

/*Ausgabetext Serverseitig mit Fehler- oder OK-Klasse (im Span)*/
#MP_IFR_outMessage .Fehler, #outMessage .Fehler
{
    color:Red;
}

#MP_IFR_outMessage .OK, #outMessage .OK
{
    color: white;
}

#MP_IFR_outMessage .Warnung, #outMessage .Warnung
{
    color: Orange;
}


/*-------------------------------------------------------------*/	
/*404 - Elemente*/
/*-------------------------------------------------------------*/

/*Holder-Div für das Fieldset (zur Zentrierung)*/
#MP_IFR__404 #fsHolder
{
    display: block;
    width: 100%;
    text-align: center;
    
}

/*Das Fieldset an sich*/
#MP_IFR__404 #fsHinweise
{
    border: solid 1px #afaeae;
    width: 96%;
    -moz-border-radius: 15px;
    clear: both;
    display: block;
    text-align:left;
    background-color: #000000;
}

/*Feld für Hinweise*/
#MP_IFR__404 #MP_IFR_lblHinweis
{
    display: block;
    color: #ffffff;
    font-weight: bold;
    padding-left: 18px;
    padding-right: 18px;
    margin-top: 15px;
    }

/*Feld für Nächste Schritte / Unter Hinweis im Fieldset*/
#MP_IFR__404 #MP_IFR_lblHinweisText
{
    padding-top: 15px;
    padding-left: 18px;
    padding-right: 18px;
    padding-bottom: 15px; 
    text-align: left;
    
}

/*Link zur Sitemap*/
#MP_IFR__404 #MP_IFR_lnk1Sitemap
{
    text-decoration: underline;
    font-weight: bold;
    padding-bottom: 15px;
    text-align: center;
    display: block;
    padding-left: 18px;
    padding-right: 18px;
    color: #1058a9;
    margin-bottom: 15px;
}

/*-------------------------------------------------------------*/	
/*SiteMap - Elemente*/
/*-------------------------------------------------------------*/

/*Überschriften der generierten Links*/
#MP_IFR_Sitemap .Ueberschrift
{
    margin-top: 25px;
    text-decoration: underline;
    font-weight: bold;
    margin-bottom: 10px;
}

/*Alle generierten Links*/
#MP_IFR_Sitemap #SiteMapInhalte a
{
    width: 100%;
    display: block;
    color: #afaeae;
    clear: both;
}

/*hover*/
#MP_IFR_Sitemap #SiteMapInhalte a:hover
{
    color: #ffffff;
}

/*Holder-Div für das Fieldset (zur Zentrierung)*/
#MP_IFR_Sitemap #fsHolder
{
    display: block;
    width: 100%;
    text-align: center;
    
}

/*Das Fieldset an sich*/
#MP_IFR_Sitemap #fsHinweise
{
    border: solid 1px #bc9705;
    width: 96%;
    -moz-border-radius: 15px;
    clear: both;
    display: block;
    text-align:left;
    background-color: #000000;
}

/*Feld für Hinweise*/
#MP_IFR_Sitemap #MP_IFR_lblHinweis
{
    display: block;
    color: #ffffff;
    font-weight: bold;
    padding-left: 18px;
    padding-right: 18px;
    margin-top: 15px;
    }

/*Feld für Nächste Schritte / Unter PayPalHint im Fieldset*/
#MP_IFR_Sitemap #MP_IFR_lblHinweisText
{
    padding-top: 15px;
    padding-left: 18px;
    padding-right: 18px;
    padding-bottom: 15px; 
    text-align: left;
    
}


/***************************************************************/
/*Formular-Styles*/
/***************************************************************/
.ContentSeitenEditor_Treeview
{
    border: solid 1px silver; 
    background-color: White; 
    min-width: 200px; 
    display: block; 
    float: left; 
    clear: left; 
    margin-right: 10px;
}


.divForm
{
    width:690px; /*90%*/
    display:block;
}

.divFormTreeView
{
    width: 400px;
    display:block;
}

.divFormularHolder
{
    text-align: center;
    width: 690px; /*100% von divForm*/
    display: block;
}


/*Tabellen-Elemente*/
.FormularTable
{
    width: 100%;
    border-top: solid 1px silver;
    border-left: solid 1px silver;
    border-right: solid 1px gray;
    border-bottom: solid 1px gray;
    background-color: White;
}

/* Inhalts-Reihen*/
.FormularRow
{
    text-align:left;
    height: 30px;
}

.FormularCellLinks
{
    width: 2%;
}

.FormularCellMitteLinks
{
    width: 10%;
    vertical-align: middle;
}

.FormularCellMitteRechts
{
    width: 3%;
}

.FormularCellRechts
{
    width: 70%;
}

.FormularCellRechtsSpan
{
    width: 73%;
}

/* Header-Reihe */
.FormularHeadRow
{
    background-color: #f5f5f5;
}

.FormularHeadCellLinks
{
    width: 2%;
    border-bottom: solid 1px silver;
    height: 30px;
    vertical-align: middle;
}

.FormularHeadCellRechts
{
    width: 98%;
    border-bottom: solid 1px silver;
    height: 30px;
    vertical-align: middle;
}

.FormularHeadLabel
{
    color: gray;
    font-weight: bold;
}

/* Submit-Button-Reihe */

.FormularSubmitRow
{
    background-color: #f5f5f5;
}

.FormularSubmitCell
{
    width: 100%;
    text-align: center;
    border-top: solid 1px silver;
    height: 30px;
    vertical-align: middle;
}

.FormularSubmitButton
{
    width: 200px;
}

.FormularAbbrechenButton
{
    width: 200px;
}

/*Holder-Zelle für die Validation-Summary*/
.FormularValSummaryRow
{
}

.FormularValSummaryCell
{
    width: 100%;
    text-align: center;
    height: 30px;
    vertical-align: middle;
}

.spanValidationSummaryHolder
{
    text-align: left;
}


/*Formular-Elemente*/
.FormularDivBezeichnung
{
    color: gray;
    text-align: left;
}

.FormularTextBox
{
    width: 95%;
}


.FormularTextBoxOK
{
    width: 75%;
}

.FormularBtnOK
{
    width: 20%;
    
}

.FormularBildDropdown
{
    width: 75%;
    margin-top: 15px;
    padding-bottom: 1px;
    
}
.FormularBildBtnNeu
{
    width: 20%;
}

.FormularBildBtnBildLoeschen
{
    width: 48%;
}

.FormularBildBtnOrdnerLoeschen
{
    width: 47%
}

.FormularRadioBtnlistBilder
{
    width: 95%;
    background-color: White;
    border: solid 1px silver;
}

.FormularRadioBtnlisthintBilder
{
   width: 94%;
    background-color: White;
    border: solid 1px silver;
    height: 25px;
    display: block;
    padding: 3px;
    color: Gray;
}


.FormularHLerweitertBezeichner
{
    width: 20%;
    display: block;
    float: left;
}
.FormularHLerweitertTextfeld
{
    width: 75%;
    display: block;
    float: left;
}

.FormulardivLoeschenHolder
{
    width: 95%;
    margin-top: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    border: solid 1px silver;
    
}

.FormularCheckboxlisthintAutogalerie
{
    width: 94%;
    background-color: White;
    border: solid 1px silver;
    height: 25px;
    display: block;
    padding: 3px;
    color: Gray;
 }

.FormularCheckboxlistAutogalerie
{
   /*width: 95%;
    background-color: White;
    border: solid 1px silver;*/
    width: 95%;
    background-color: White;
    border: solid 1px silver;

}

.FormularTextBoxNumeric
{
    width: 200px;
}

.FormularCheckBox
{
    text-align: left;
}

.FormularDropDown
{
    width: 96%;
    
}

.FormularUploadSpan
{
    width: 94%;
    background-color: #f5f5f5;
    border: solid 1px silver;
    height: 25px;
    display: block;
    padding-top: 5px;
    padding-left: 5px;
}

.FormularUploadButton
{
    width: 20%;
    margin-left: 32px;
}

.FormularUploadPfadLabel
{
    width: 75%;
    border: solid 1px silver;
    
}

.FormularUploadInputFile
{
    width: 75%;
 
}

.FormularAGDropdown
{
    width: 75%;
    margin-top: 10px;
    padding-bottom: 1px;
}

.FormularAGBtnBildLoeschen
{
    width: 48%;
}

.FormularAGBtnAGLoeschen
{
    width: 47%
}

/*Sortierungs-Untertabelle*/
.FormularSortTabelle
{
    width: 100%;
}

.FormularSortTabellenReihe
{
    height: 200px;
}

.FormularSortTabelleZelleLinks
{
    width: 80%;
}

.FormularSortTabelleZelleRechts
{
    width: 20%;
    vertical-align: middle;
    text-align: center;
}

.FormularSortList
{
    width: 100%;
    height: 100%;
}

.FormularSortButton
{
    height: 25px;
    width: 25px;
}


/*-------------------------------------------------------------*/	
/*PasswortVergessen - Elemente*/
/*-------------------------------------------------------------*/


#MP_IFR_PasswortVergessen #aspnetForm
{
    padding: 10px;
    padding-top: 50px;
    margin-bottom: 50px;
    margin-left: 100px;
    margin-right: 100px;
    margin-top: 50px;
    text-align: left;
    border: solid 1px white;
    /*background-color: #DAEDE5;
    color: Black;
    width: 800px;*/
}

/*P-Element, Korrektur der Klasse s.o. für diese Seite*/
#MP_IFR_PasswortVergessen .pFormRow
{
    margin-left: 70px;
    margin-top: 3px;
}


/*Bezeichner*/
#MP_IFR_PasswortVergessen .pFormRow .bezeichner
{
    width: 300px;
    display: block;
    float: left;
    text-align: right;
    padding-right: 5px;
}

/*Holder des Absende-Buttons*/
#MP_IFR_PasswortVergessen #btnAbsendenHolder
{
    text-align: center;
    margin-left: 110px;
}

/*Holder der zurück-Schalftfläche*/
#MP_IFR_PasswortVergessen #MP_IFR_zurueckHolder
{
    border: solid 1px white;
    margin-bottom: 25px;
    margin-top: 60px;
    display: block; 
    text-align: center;
    width: 400px;
}

/*Der eigentliche zurück-Link*/
#MP_IFR_PasswortVergessen a
{
    width: 400px;
    display: block;
    /*color: #000;*/
}

#MP_IFR_PasswortVergessen a:hover
{
    color: white;
}

/*Das image im Link*/
#MP_IFR_PasswortVergessen #MP_IFR_imgzurueck
{
    padding-right: 10px;
    border: 0;
}

#MP_IFR_PasswortVergessen #MP_IFR_outMessage
{
    color: White;
}

/*-------------------------------------------------------------*/	
/*Bestellanfrage - Elemente*/
/*-------------------------------------------------------------*/

/*Hauptcontainer der Bestellanfrage*/
#MP_IFR_Bestellanfrage
{
    overflow: auto; 
    min-height: 800px;
   padding-top: 25px;
   
}

/*P-Element, Korrektur der Klasse s.o. für diese Seite*/
#MP_IFR_Bestellanfrage .pFormRow
{
    margin-left: 70px;
    margin-top: 3px;
}

#MP_IFR_Bestellanfrage #MP_IFR_BestellanfrageTitel
{
    width: 800px;
    font-weight: bold;
    font-size: 16px;
    padding-bottom: 10px;
    border-bottom: dotted 1px white;
    color: Black;
}

 
#MP_IFR_Bestellanfrage #MP_IFR_BestellanfrageHint
{
    padding: 10px;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 45px;
    margin-right: 45px;
    border: solid 1px silver;
    background-color: white; /*#DAEDE5;*/
    color: Black;
    width: 800px;
}

/*Eine Statusmeldung des Warenkorbs*/
#MP_IFR_Bestellanfrage #MP_IFR_vokIhreDaten
{
    border-bottom: dotted 1px white;
    padding-bottom: 5px;
    margin-bottom: 15px;
    padding-top: 5px;
    font-weight: bold;
    color: Black;
    text-align: center;
}

#MP_IFR_Bestellanfrage #MP_IFR_WarenkorbStatus
{
    border-bottom: dotted 1px white;
    padding-bottom: 5px;
    margin-bottom: 15px;
    padding-top: 5px;
    color: Black;
    text-align: center;
}


#MP_IFR_Bestellanfrage .HintWKLeer
{
    color: orange;
    font-weight: bold;
}

#MP_IFR_Bestellanfrge .HintWKText
{
    font-weight: normal;
}

/*Warenkorb-Tabelle*/
#MP_IFR_Bestellanfrage #MP_IFR_WKTab 
{
    width: 100%;
    
}

#MP_IFR_Bestellanfrage #MP_IFR_WKTab .WKTabSpalte
{
    
}

#MP_IFR_Bestellanfrage #MP_IFR_WKTab .WKTabZelleLinks
{
    width: 20%;
    text-align: center;
    border-bottom: dotted 1px white;
    padding-bottom: 15px;
    padding-top: 10px;
}

#MP_IFR_Bestellanfrage #MP_IFR_WKTab .WKTabZelleMitte
{
    width: 60%;
    text-align: left;
    border-bottom: dotted 1px white;
    padding-bottom: 15px;
    padding-top: 10px;
}

#MP_IFR_Bestellanfrage #MP_IFR_WKTab .WKTabZelleRechts
{
    width: 20%;
    text-align: left;
    border-bottom: dotted 1px white;
    padding-bottom: 15px;
    padding-top: 10px;
}

#MP_IFR_Bestellanfrage #MP_IFR_WKTab .wkbild
{
}

#MP_IFR_Bestellanfrage #MP_IFR_WKTab .divProduktname
{
    font-size: 15px;
    padding-bottom: 10px;
    
}

#MP_IFR_Bestellanfrage #MP_IFR_WKTab .divAnzahlForm
{
    text-align: left;
    padding-bottom: 10px;
}

#MP_IFR_Bestellanfrage #MP_IFR_WKTab .spnAnzahl
{
    margin-right: 10px;
}

#MP_IFR_Bestellanfrage #MP_IFR_WKTab .divPreis
{
    font-size: 14px;
}

#MP_IFR_Bestellanfrage #MP_IFR_WKTab .tbAnzahl
{
    width: 50px;
}

#MP_IFR_Bestellanfrage #MP_IFR_WKTab .wkbutton
{
    width: 100px;
    display: block;
    margin-bottom: 2px;
    
}

#MP_IFR_Bestellanfrage #MP_IFR_WKInfo
{
    margin-top: 15px;
    font-size: 13px;
   
}

#MP_IFR_Bestellanfrage #MP_IFR_VersandInfo
{
    padding-bottom: 10px;
    margin-bottom: 25px;
    padding-top: 10px;
    
    border-bottom: dotted 1px white;
    
}

#MP_IFR_Bestellanfrage #MP_IFR_WKTab .txtKundenhinweis
{
    width: 200px;
    
}





#MP_IFR_Bestellanfrage #aspnetForm
{
    padding: 10px;
    margin-top: 25px;
    margin-bottom: 50px;
    margin-left: 100px;
    margin-right: 100px;
    text-align: left;
    border: solid 1px white;
    background-color: #DAEDE5;
    color: Black;
    width: 800px;
}

/*Auswahl zwischen Login oder Neueingabe der Kundendaten*/
#MP_IFR_Bestellanfrage #MP_IFR_vokAngemeldetAls
{
    text-align: center;
}

#MP_IFR_Bestellanfrage #MP_IFR_rbtnlstLogin
{
    margin-left: 220px;
}



/*Login-Formular*/

#MP_IFR_Bestellanfrage #MP_IFR_vorhandenesLogin
{
    
}


/*Kundendaten-Formular*/

/*Holder-Div für die E-Mail-Adresse*/
#MP_IFR_Bestellanfrage #cbNLHolder, #MP_IFR_Bestellanfrage #MP_IFR_cbBKHolder, #MP_IFR_Bestellanfrage #AGBHolder, #MP_IFR_Bestellanfrage #MP_IFR_rbtnlst_Holder, #MP_IFR_Bestellanfrage #MP_IFR_vokAngemeldetAls_Holder
{
    width: 600px;
    margin-left: 90px;
    border: solid 1px #28531f;
    background-color: #ffffff; 
    margin-bottom: 15px;
    margin-top: 15px;
}

/*Newsletter-Checkbox*/
#MP_IFR_Bestellanfrage #MP_IFR_cbNewsletter, #MP_IFR_Bestellanfrage #MP_IFR_cbbkanlegen, #MP_IFR_Bestellanfrage #MP_IFR_cbAGB
{
    margin-left: 15px;
}

#MP_IFR_Bestellanfrage #ValidationHolder
{
    width: 600px;
    margin-bottom: 25px;
    margin-left: 90px;
    margin-top: 15px;
}

#MP_IFR_Bestellanfrage #MP_IFR_outMessage
{
    padding-left: 15px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    display: block;
    
    border: solid 1px #28531f;
    background-color: #ffffff; 
    color: Red;
}


#MP_IFR_Bestellanfrage #btnAbsendenHolder
{
    width: 600px;
    margin-left: 90px;
    display: block;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
    }

#MP_IFR_Bestellanfrage #MP_IFR_btnsenden
{
    width: 200px;
    margin-left: 0px;
}




/*******************************/
/*Box für Service-Center / Support*/
/*******************************/

/*Kontaktinfo-Box*/
#MP_Favorit_lblKontaktinfo
{
    border-top: dotted 1px white;
    padding-top: 20px;
    width: 571px;
}

/*Titel der Kontaktinfo-Box*/
#MP_Favorit_lblKontaktinfo .Titel
{
    color: #d7341a;
    font-size: 18px;
    font-family: Arial;
}

/*Zeile 1 (div), Tel./Fax*/
#MP_Favorit_lblKontaktinfo .zeile1
{
    margin-top: 15px;
}

/*Bezeichner (Telefon:... Fax:... (span))*/
#MP_Favorit_lblKontaktinfo .zeile1 span
{
    min-width: 60px;
    width: 60px;
    overflow: visible;
    font-weight: bold;
    display: block;
    float: left;
}

/*Zeile 2 (div) E-Mail*/
#MP_Favorit_lblKontaktinfo .Zeile2
{
    margin-top: 5px;
}

/*Bezeichner (E-Mail:... (span))*/
#MP_Favorit_lblKontaktinfo .Zeile2 span
{
    min-width: 60px;
    width: 60px;
    overflow: visible;
    font-weight: bold;
    display: inline;
    float: left;
}

/*******************************/
/*Script-Box mit Links zum Speichern des Shops als Favorit und als Startseite*/
/*******************************/

/*Rahmen der Script-Box*/
#MP_Kontakt_lblScriptBox
{
    border: solid 1px #bc9705;
    margin-top: 35px;
    margin-bottom: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #fde24b;
    width: 569px;
    display: block;
    clear: both;
    height: 55px;
}

/*Titelzeile / Link zur Info-Seite*/
.FavBoxTitle
{
    color: #d7341a;
    font-size: 12px;
    display: inline;
    clear: both;
    float: none;
    width: 100%;
    font-weight: 500;
    text-align: left;
    line-height: 20px;
    padding-left: 8px;
        
}

/*Link links -> Startseite*/ 
#FavBoxlnk1
{
    display: inline;
    width: 250px;
    float: left;
    text-align: left;
    font-size: 11px;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 8px;
}

/*Link rechts -> Favorit*/
#MP_Kontakt_lblScriptBox #FavBoxlnk2
{
    display: inline;
    width: 250px;
    float: right;
    text-align: right;
    color: #000;
    font-size: 11px;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-right: 8px;
}

/*Link-Farbe*/
#MP_Kontakt_lblScriptBox #FavBoxlnk1 a, #MP_Kontakt_lblScriptBox #FavBoxlnk2 a
{
    color: #000;
}

/*Hover-Effekte*/
#MP_Kontakt_lblScriptBox #FavBoxlnk1 a:hover, #MP_Kontakt_lblScriptBox #FavBoxlnk2 a:hover
{
    color: #bc9705;
}

/******************************************/

/*****************************************************************************/

/* SLIMBOX */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(img/slimbox/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(img/slimbox/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(img/slimbox/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(img/slimbox/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}


    /*****************************************************************************/
    /* Carousel */   
   
    .clcontainer {min-height: 110px; width:480px; margin-top: 0px; }
	.clcontainer h2, .clcontainer h3, .clcontainer pre{clear:both;}
	.clcontainer .carousel,
	.clcontainer .carousel .carousel-wrap{border:0; text-align: left;}
	.clcontainer .carousel.js .carousel-wrap{height: 110px;width:390px;float:left;margin:0 10px 10px;/*border:1px solid #d3d3d3;*/background: transparent;/*#f4f4f4;*/}
	.clcontainer .carousel ul{margin:0;padding:0;}
	.clcontainer .carousel.js ul li{display:inline;float:left;padding:10px 0;width:150px;text-align:center;}
	.clcontainer .carousel .carousel-control{display:inline;float:left;margin:15px 0px 0 0;padding:5px 0px;font-weight:bold;font-size:11px;cursor:pointer;background:#ddd;}
	.clcontainer .carousel .disabled{color:#ddd;cursor:default;background:transparent;}
	.clcontainer .carousel div{margin:0;padding:0;border:0;}
	.clcontainer div.center-wrap{clear:both;border:0;}
	.clcontainer div.center-wrap div{border:0;}
	.clcontainer div.center-wrap a{margin:0 2px;padding:0 5px;border:1px solid #d3d3d3;background:#f4f4f4;cursor:pointer;}
	.clcontainer div.center-wrap a.active{background:#ddd;}
	


    /*****************************************************************************/
    /* ArrowListMenu */   
	.arrowlistmenu{
	width: 180px; /*width of accordion menu*/
	}

	.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
	font: bold 14px Arial;
	color: white;
	background: black url('img/akkordion/titlebar.png') repeat-x center left;
	margin-bottom: 10px; /*bottom spacing between header and rest of content*/
	text-transform: uppercase;
	padding: 4px 0 4px 10px; /*header text is indented 10px*/
	cursor: hand;
	cursor: pointer;
	}

	.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
	background-image: url('img/akkordion/titlebar-active.png');
	}

	.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
	}

	.arrowlistmenu ul li{
	padding-bottom: 2px; /*bottom spacing between menu items*/
	}

	.arrowlistmenu ul li a{
	color: #A70303;
	background: url('img/akkordion/arrowbullet.png') no-repeat center left; /*custom bullet list image*/
	display: block;
	padding: 2px 0;
	padding-left: 19px; /*link text is indented 19px*/
	text-decoration: none;
	font-weight: bold;
	border-bottom: 1px solid #dadada;
	font-size: 90%;
	}

	.arrowlistmenu ul li a:visited{
	color: #A70303;
	}

	.arrowlistmenu ul li a:hover{ /*hover state CSS*/
	color: #A70303;
	background-color: #F3F3F3;
	}



/*-------------------------------------------------------------*/	
/*Login - Elemente*/
/*-------------------------------------------------------------*/

/*Holder des Login-Fieldsets*/
#MP_IFR_Login #fsLoginHolder
{
    padding-top: 100px;
    width: 550px;
    text-align: center;
    display: block;
}

#MP_IFR_Login #fsLogin
{
    border: solid 1px white;
    width: 550px;
    -moz-border-radius: 15px;
    clear: both;
    display: block;
    text-align:left;
    margin-top: 25px;
    margin-bottom: 25px;
    margin-left: 2px;
    margin-right: 2px;
}

/*Legend-Text des Fieldsets*/
#MP_IFR_Login #MP_IFR_fsLoginLegend
{
    padding-left: 10px;
    padding-right: 10px;
    font-weight: bold;
    color: white;
}

/*Erste Zeile des Controls*/
/*Bezeichner*/
#MP_IFR_Login #fsLogin #MP_IFR_vokEMailAdresse
{
    display: block;
    max-width: 150px;
    width: 150px;
    float: left;
    text-align: right;
    padding-right: 10px;
    margin-top: 15px;
}

/*Textfeld*/
#MP_IFR_Login #fsLogin #MP_IFR_txtUsr
{
    display: block;
    max-width: 200px;
    width: 200px;
    float: left;
    margin-top: 15px;
}

/*Login-Button*/
#MP_IFR_Login #fsLogin #MP_IFR_btnLogin
{
   width: 140px;
   float: left;
   margin-left: 10px;
   margin-top: 15px;
}


/*Zweite Zeile des Controls*/
/*Bezeichner*/
#MP_IFR_Login #fsLogin #MP_IFR_vokKennwort
{
    display: block;
    max-width: 150px;
    width: 150px;
    float: left;
    text-align: right;
    margin-top: 5px;
    padding-right: 10px;
}

/*Textfeld*/
#MP_IFR_Login #fsLogin #MP_IFR_txtPwd
{
    display: block;
    max-width: 200px;
    width: 200px;
    float: left;
    margin-top: 5px;
}

/*Passwort vergessen Link*/
#MP_IFR_Login #fsLogin #MP_IFR_vokPasswortVergessen
{
    width: 140px;
    display: block;
    float: left;
    margin-left: 10px;
    margin-top: 5px;
}

/*Hinweis-Feld*/
#MP_IFR_Login #MP_IFR_outMessage
{
    color: Red;
    margin-top: 10px;
    display: block;
    width: 565px;
    text-align: center;
    clear: both;
	margin-left: 2px;
    margin-right: 2px;
}



/*Neukunden-Button-Holder*/
#MP_IFR_Login #NKbtnHolder
{
   visibility: hidden;
   display: none;
    /* height: 30px;*/
}

/*Neukunden-Hint*/
#MP_IFR_Login #MP_IFR_vokNeukundeHint
{
   visibility: hidden;
   display: none;
    /*display: block;
    font-size: 13px;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    width: 350px;
    max-width: 350px;
    height: 30px;
    vertical-align: middle;
    font-style: oblique;*/
}
/*Button Neukunde*/
#MP_IFR_Login #MP_IFR_btnNeukunde
{
    visibility: hidden;
   display: none;
    /*width: 140px;
    float: left;
    margin-left: 10px;*/
}

#MP_IFR_Login #MP_IFR_contentSonderrabatt
{
    visibility: hidden;
    display: none;
}


/**********************************************************************/
/*********HSO- Content******************************************/
/**********************************************************************/

.Startseite
{
	display: block; 
	width: 100%;
	height: 516px;
	background-image: url('img/content/Hintergrund_Startseite.jpg');
	background-position: center center;
	background-repeat: no-repeat;
}

.Startseite #Titel
{
    padding-top: 10px;
    }
    
 
 
.Startseite #startbildbox
{
	display: block;
	width: 486px;
	height: 334px;
	float: left;
	margin-top: 24px;
	margin-left: 52px;
	background-image: url('img/content/Startbild.jpg');
	background-position: center center;
	background-repeat: no-repeat;
}

.Startseite #startticker
{
	display: block;
	width: 271px;
	height: 355px;
	text-align: left;
	margin-top: 24px;
	margin-left: 75px;
	float: left;
	padding-left: 5px;
	padding-top: 5px;
	overflow: auto;
}

 .Startseite .Starttitel
{
    font-weight: bold;
    color: White;
    font-size: 14px;
    display: block;
    text-align: center;
   
 }
.Startseite .Starttext
 {
     display: block;
     font-weight: normal;
     font-size: 12px;
     padding-top: 8px;
 }
 
 .Startseite .Termin
 {
     font-weight: bold;
     color: White;
 }
 
 .Startseite .StartTermineMehr
 {
     font-weight: bold;
     color: White;
     display: block;
     margin-bottom: 8px;
 }
 
 .Startseite .Startmail
 {
     display: block;
     width: 100%;
     color: White;
     font-weight: bold;
     text-align: center;
 }
 
 .Band .ContentHeader, .Termine .ContentHeader, .Highlights .ContentHeader, .Kontakt .ContentHeader, .Impressum .ContentHeader, .Info .ContentHeader, .Gaestebuch .ContentHeader
{
    display: block;
    padding-top: 18px;
    font-weight: bold;
    font-size: 16px;
    color: White;
    text-align: center;
    width: 100%;
}
 
 .Login
 {
     display: block;
     padding-top: 180px;
     margin-left: 400px;
     text-align: left; 
     
 }
 
 .LoggedIn
 {
     display: block;
     padding-top: 180px;
 }

.Band, .Info
{
    display: block; 
	width: 100%;
	height: 517px;
	background-image: url('img/content/Hintergrund_DieBand.jpg');
	background-position: center center;
	background-repeat: no-repeat;
}
.Band #contentfield, .Info #contentfield
{
    display: block;
	width: 486px;
	max-width: 486px;
	height: 420px;
	float: left;
	margin-top: 0px;
	margin-left: 52px;
	overflow: auto;
	text-align: left;
	/*background-color: White;    */
}

 .Band .Titel, .Info .Titel
{
    font-weight: bold;
    color: White;
    font-size: 14px;
    display: block;
    text-align: left;
 }

.Band #menu, .Info #menu
{
	background-color: White;
	display: block;
	width: 268px;
	height: 353px;
	text-align: left;
	margin-top: 0px;
	margin-left: 76px;
	float: left;
	padding-left: 2px;
	padding-top: 0px;
	overflow: hidden;
	
}

.Band #menu a, .Info #menu a
{
    display: block;
    width: 266px;
    height: 35px;
    font-weight: bold;
    text-align: center;
    padding-top: 45px;
    margin-top: 1px;
    text-decoration: none;
    font-size: 20px;
    
}

.Band #menu #boxmail a, .Info #menu #boxmail a
{
    background-color: Black;
    width: 266px; 
    height: 30px;
    display: block;
    color: White;
    font-weight: bold;
    text-align: center;
    padding-top: 0px;
    font-size: 10px;
}

.Band #menu .norm_dieband a, .Band #menu .hover_dieband a:hover
{
    background-image: url('img/content/btnBand.jpg');
	background-position: center center;
	background-repeat: no-repeat;
	color: white;
}

.Band #menu .norm_vocals a, .Band #menu .hover_vocals a:hover
{
    background-image: url('img/content/btnVocals.jpg');
	background-position: center center;
	background-repeat: no-repeat;
	color: white;
}

.Band #menu .norm_brass a, .Band #menu .hover_brass a:hover
{
    background-image: url('img/content/btnBlaeser.jpg');
	background-position: center center;
	background-repeat: no-repeat;
	color: white;
}

.Band #menu .norm_rhythm a, .Band #menu .hover_rhythm a:hover
{
    background-image: url('img/content/btnRhythm.jpg');
	background-position: center center;
	background-repeat: no-repeat;
	color: white;
}

.Band #menu .hover_dieband a /*, .Band #menu .norm_dieband a:hover*/
{
    background-image: url('img/content/btnBand_h.jpg');
	background-position: center center;
	background-repeat: no-repeat;
	color: black;
}

.Band #menu .hover_vocals a /*,.Band #menu .norm_vocals a:hover*/
{
    background-image: url('img/content/btnVocals_h.jpg');
	background-position: center center;
	background-repeat: no-repeat;
	color: black;
}

.Band #menu .hover_brass a /*,.Band #menu .norm_brass a:hover*/
{
    background-image: url('img/content/btnBlaeser_h.jpg');
	background-position: center center;
	background-repeat: no-repeat;
	color: black;
}

.Band #menu .hover_rhythm a /*,.Band #menu .norm_rhythm a:hover*/
{
    background-image: url('img/content/btnRhythm_h.jpg');
	background-position: center center;
	background-repeat: no-repeat;
	color: black;
}


.Info #menu .norm_repertoire a, .Info #menu .hover_repertoire a:hover
{
    background-image: url('img/content/btnRepertoire.jpg');
	background-position: center center;
	background-repeat: no-repeat;
	color: white;
}

.Info #menu .norm_veranstalter a, .Info #menu .hover_veranstalter a:hover
{
    background-image: url('img/content/btnVeranstalter.jpg');
	background-position: center center;
	background-repeat: no-repeat;
	color: white;
}

.Info #menu .norm_highlights a, .Info #menu .hover_highlights a:hover
{
    background-image: url('img/content/btnHighlights.jpg');
	background-position: center center;
	background-repeat: no-repeat;
	color: white;
}

.Info #menu .norm_demo a, .Info #menu .hover_demo a:hover
{
    background-image: url('img/content/btnDemo.jpg');
	background-position: center center;
	background-repeat: no-repeat;
	color: white;
}

.Info #menu .hover_repertoire a 
{
    background-image: url('img/content/btnRepertoire_h.jpg');
	background-position: center center;
	background-repeat: no-repeat;
	color: black;
}

.Info #menu .hover_veranstalter a
{
    background-image: url('img/content/btnVeranstalter_h.jpg');
	background-position: center center;
	background-repeat: no-repeat;
	color: black;
}

.Info #menu .hover_highlights a
{
    background-image: url('img/content/btnHighlights_h.jpg');
	background-position: center center;
	background-repeat: no-repeat;
	color: black;
}

.Info #menu .hover_demo a 
{
    background-image: url('img/content/btnDemo_h.jpg');
	background-position: center center;
	background-repeat: no-repeat;
	color: black;
}






.Termine
{
    overflow: auto;
}

.Termine #TermineBild
{
    background-image: url('img/content/Termine.jpg');
	background-position: center top;
	background-repeat: no-repeat; 
	height: 517px;
	width: 200px;
	margin-top: 0px;
	display: block;
	float: left;
}

.Termine .ContentHeader
{
    display: block;
    text-align: center;
    float: left;
    width: 719px;
    
}
 

.Termine #TermineListenbox
{
    display: block;
    height: 450px;
    display: block;
    color: White;
    float: left;
}

.Termine #TerminBox
{
    display: block;
    height: 450px;
    width: 660px;
    text-align: left;
    margin-left: 50px;
    border: solid 1px silver;
    overflow: auto;
}

.Termine #TerminBox .Datum
{
    display: block;
    width: 100px;
    float: left;
    min-height: 50px;
    
}

.Termine #TerminBox .Event
{
    display: block;
    width: 340px;
    float: left;
    min-height: 50px;
}

.Termine #TerminBox .Location
{
    display: block;
    width: 200px;
    float: left;
    min-height: 50px;
}

.Termine .autogalerie
{
    margin-left: 130px;
    margin-top: 50px;
    
}

.Termine .beschreibung
{
    text-align: left;
    width: 530px;
    display: block;
    margin-left: 130px;
}

.Termine .backlinkFoto
{
    text-align: center;
    width: 530px;
    display: block;
    margin-left: 130px;
   
}

.Impressum
{
	display: block; 
	width: 100%;
	height: 517px;
	text-align: left;
	overflow: auto; 
    
}

.Impressum #ImpressumBild
{
    background-image: url('img/content/Impressum.jpg');
	background-position: center top;
	background-repeat: no-repeat; 
	height: 517px;
	width: 200px;
	margin-top: 0px;
	display: block;
	float: left;
}

.Impressum .ContentHeader
{
    display: block;
    text-align: center;
    float: left;
    width: 741px;
}
 

.Impressum #ImpressumContentBox
{
    display: block;
    height: 461px;
    width: 691px;
    display: block;
    color: White;
    float: left;
    overflow: auto;
    margin-left: 50px;
}

.Kontakt
{
	display: block; 
	width: 100%;
	height: 517px;
	text-align: left;
}	

.Kontakt #KontaktBild
{
    background-image: url('img/content/Kontakt.jpg');
	background-position: center top;
	background-repeat: no-repeat; 
	height: 517px;
	width: 200px;
	margin-top: 0px;
	display: block;
	float: left;
}

.Kontakt .ContentHeader
{
    display: block;
    text-align: center;
    float: left;
    width: 741px;
}

.Kontakt form, .Gaestebuch form
{
	padding-top: 10px;
	padding-left: 335px;
}

.Kontakt form div, .Gaestebuch form div
{
	/*color: #ef9a48;*/
	font-size: 11px;
	font-weight: bold;
}

.Kontakt #tbName, .Kontakt #tbEmail, .Kontakt #tbBetreff, .Kontakt #tbKommentar, .Gaestebuch #tbName, .Gaestebuch #tbEmail, .Gaestebuch #tbOrt, .Gaestebuch #tbKommentar, .Gaestebuch #tbWebseite
{
	width: 488px;
	padding-bottom: 12px;
	margin-bottom: 7px;
}

.Kontakt form #btnsenden, .Gaestebuch form #btnsenden
{
	margin-left: 205px;
	margin-top: 8px;
	width: 100px;
}

.DankeKontakt
{
	display: block; 
	width: 100%;
	height: 517px;
	text-align: left;
}

.DankeKontakt #dankeTitel
{
	padding-top: 230px;
	padding-left: 350px;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
}

.DankeKontakt #dankeText
{
	font-size: 13px;
	text-align: left;
	padding-left: 350px;
}


.Gaestebuch
{
	display: block; 
	width: 100%;
	height: 517px;
	text-align: left;
}	

.Gaestebuch #GaestebuchBild
{
    background-image: url('img/content/Guestbook.jpg');
	background-position: center top;
	background-repeat: no-repeat; 
	height: 517px;
	width: 200px;
	margin-top: 0px;
	display: block;
	float: left;
}

.Gaestebuch .ContentHeader
{
    display: block;
    text-align: center;
    float: left;
    width: 741px;
}


.Gaestebuch #guestbookholder
{
    margin-left: 50px;
    width: 689px;
    display: block;
    float: left;
    height: 400px;
    overflow: auto;
    text-align: center;
    
}

.Gaestebuch #lnkneuereintrag
{
    text-align: center; 
    display: block; 
    float: left;
    margin-left: 50px;
    width: 691px;
}

.Gaestebuch .TabGuestbook
{
    width: 460px;
    border-collapse: collapse;
    margin-left: 100px;
    border: solid 1px silver;
}

.Gaestebuch .TdGuestbook_Bezeichner, .Gaestebuch .TdGuestbook_Bezeichner_FirstRow, .Gaestebuch .TdGuestbook_Bezeichner_LastRow
{
    width: 100px;
    padding: 2px;
    color: White;
}

.Gaestebuch .TdGuestbook_Wert, .Gaestebuch .TdGuestbook_Wert_FirstRow, .Gaestebuch .TdGuestbook_Wert_LastRow
{
    width: 300px;
    padding: 2px;
}

.Gaestebuch .TdGuestbook_Bezeichner_LastRow
{
    border-bottom: solid 1px white;
}

.Gaestebuch .TdGuestbook_Wert_LastRow
{
    border-bottom: solid 1px white;
}


.autogalerie .topview
{
    display: block;
    width: 480px;
}

.autogalerie a
{
    text-decoration: none;
}


.autogalerie .grossbildHolder
{
	height: 150px;
	width: 480px;
	text-align: center;
	display: block;
	background-position: center center;
	background-repeat: no-repeat;
}


.Termine .autogalerie .grossbildHolder
{
	height: 280px;
	width: 480px;
	text-align: center;
	display: block;
	background-position: center center;
	background-repeat: no-repeat;
}


.autogalerie .trennstrich
{
	height: 1px; 
	background-color: #fff;
}

.autogalerie .laufleiste
{
	height: 125px;
	padding-top: 2px;
}

.autogalerie .laufleiste ul li
{
	display: block;
	height: 95px;
	color: #000;
	cursor: pointer;
}
