﻿
h1.Familie{ position:absolute; top:7px; left:12px; color:#eceff0; font-size:19px;}

*
{
	padding:0;
	margin:0;
	border: none 0 Transparent;
	background-repeat:no-repeat;	
	background-color:Transparent;
}

html, body, form {
 	height: 100%; /* wichtig */
}

div, span, a{position:relative;}

ul { padding-left:15px;}

/* das "hintergund.jpg" ist ein leichter Verlauf vertikal von hellgrün zu
dunkelgrün. Im Anschluss an den Verlauf wird ein dunkelgrün angezeigt
 */
body
{
    background-image: url(../Images/Hintergrund.jpg); 
    background-color:#737200;  
    background-repeat:repeat-x;
}

/* ein div in dem alle Elemente eingefügt werden sollten, die durch den 
":Hover"-Effekt angezeigt werden. Diese werden sonst erst dann geladen, wenn 
der Nutzer mit der Maus über den Button oder Link kommt
  */
#Preload{position:absolute; top:0px; left:0px; height:0; width:0;}

/* Wrapper in dem alle Elemente und die T-Shirt-Verlängerung beinhaltet*/
#Wrapper1
{
    top:0; left:0; width:1000px; 
    background-image: url(../Images/T-Shirt-Verlaengerung.jpg);
    background-repeat:repeat-y;
    min-height:100%;
}

.ShirtAnzeigeGross
{
	position:relative;
	top: 10px;
    background-position: center;
	width:275px;
	height: 320px;
}

/* Beinhaltet das T-Shirt und alle weiteren Elemente, weil sonst nicht */
#T-Shirt
{
    top:0; 
    left:0;
    min-height:850px;     
    padding-top:101px;
    background-image:url(../Images/T-Shirt.jpg); 
}

#Zeichen-rechts-oben{position:absolute; top:0px; left:753px; width:259px; height:226px; background-image: url(../Images/Zeichen-rechts-oben.gif);}
#Zeichen-links-unten{position:absolute; top:584px; left:0; width:39px; height:103px; background-image: url(../Images/Zeichen-links-unten.gif);}

#Bereich-oben
{
    position:absolute; 
    top:0; left:76px; 
    width:654px; 
    height:18px;
    padding-top:5px; 
    padding-left:5px;
}

#Balken-oben
{
    position:absolute; 
    top:0; 
    left:0; 
    width:586px; 
    height:18px; 
    border-top:solid 6px #4f4f4e; 
}


#Balken-rechts
{
    position:absolute;
    top:0px;
    left:798px;
    width:156px;
   	min-height: 100%;	
	height:100%;
	height:auto; /* moderne Browser */
	z-index: 0;
	
}

.Hintergrund-Transparent
{
    background-image: url(../Images/Gruen-Transparent.png);
    background-repeat:repeat;
}

#Balken-rechts-Ueberlagerung
{
    position:absolute;
    top:0;
    left:798px;
    width:156px;
    height:102px;
    background-image: url(../Images/Hintergrund-Balken-klein.gif);
}

#Logo{position:absolute; top:43px; left:69px;}

#Navigation-oben-mitte{position:absolute; left:536px; top:53px;}
#Navigation-oben-mitte *{ margin-right:6px; }

#Bereich-mitte{left:72px; width:722px;}

#Login{width:152px;}

#Navigation-Links{ float:left; width:152px;}

.Rechts-eingerueckt{left:5px; width:143px; }
.Abstand-oben{padding-top:7px;}
.Abstand-unten{margin-bottom:7px;}
.AbstandLadePanel
{
    filter: Alpha(opacity=80);
    opacity: 0.80;
    width: 350px;
}

.Strich-vertikal, #Abschluss-unten
{
    height:1px;
    background-image: url(../Images/Strich-vertikal.gif);
    background-position: left bottom;
    background-repeat:repeat-x;
}

#Inhalt
{
    float:right;
    right:125px;
    Width: 426px;
}

.ttfaq {border-collapse:collapse; text-align:center;}
.ttfaq tr td
{
   border:solid 1px black; 
   
}
.ttfaq .row1{ width:100px;}
.ttfaq .row2{ width:100px; text-align:right;}



#Hinweis-rechts{position:absolute; top:50px; left:594px; width:125px; }

#Hinweis-rechts p, #Hinweis-rechts h1
{    
    padding-left:10px;
    font-weight:bold;
}

#Gruene-Box-links
{        
    height:69px;
    background-color:#838307;
}

#Gruene-Box-links *{ margin-left:2px; margin-top:2px; }

#Graue-Box-links
{
    top:1px;     
    background-color:#c6c9cb;
    background-image: url(../Images/Strich-vertikal.gif);
    background-position: left bottom;
    background-repeat:repeat-x;    
}
.Information-links{ background-color:#d1d2d2;  padding-top:7px; padding-bottom:2px;}
.Information-links *{padding-left: 8px; margin-bottom:7px;}

.Inhalt{ float:right;}

#Abschluss-unten{ clear:both; width:586px; padding-top:5px; margin-bottom:3px;}
#Copyright{ padding-left:5px;}

#PreloadArtikel, #PreloadArtikelBild
{
    position: absolute;
    visibility: hidden;
}

#ArtikelPopupInfo
{
    position: absolute;
    top: 215px;
    left: 665px;
    height: 250px;
    width: 250px;
    z-index: 3;
    background-image: url(../Images/PopupFensterUndSchatten.gif);
    background-repeat: repeat-y;
    visibility: hidden;
}

#ArtikelBildPopup, #ArtikelBeschreibungPopup
{padding-top: 20px;}

#ArtikelBeschreibungPopup{position: absolute; top: 155px; padding-left: 20px;}

#Pflegehinweise
{
    position:absolute; 
    top:658px;
    left:694px;
    width:132px; 
    height:70px;
    background-image: url(../Images/Pflegehinweise.jpg);
}

#Bereich-Balken-rechts
{
    position:absolute;
    top:26px;
    left:795px;    
    z-index: 2;
}
/*
.BgAuswahl, .MainPanelTbl {
    height:221px;
    width:220px;
}
*/

#Bereich-Balken-rechts .Rechts-eingerueckt{ left: 9px; padding-top:5px;}

.BgGruen{left:3px; width:146px; padding: 5px 5px 5px 5px;}

#Strich-gruen{margin-top: 5px; padding-top:0px; margin-bottom:10px;}

.Strich-weiss
{
    left:5px;
    height:1px;
    width:153px;
    margin-top:5px;
    margin-bottom:5px;
    background-image: url(../Images/Strich-weiss.gif);
    background-position:bottom left;
    background-repeat:repeat-x;
}

.WUebersicht .Strich-weiss { width:auto;}


/* Anfang wImpressum.aspx*/
.Kontaktdaten{ border-collapse:collapse;}
.Kontaktdaten .Spalte1{ width: 100px;}
.Kontaktdaten .Spalte1a{ width: 50px;}
.Kontaktdaten .Spalte1b{ width: auto;}
.Kontaktdaten a{padding: 0px;}
/* Ende wImpressum.aspx */

/* Schritt 1 */

.WUebersicht .Info, .WUebersicht .ArtBtns { padding-left:80px;}

.WUebersicht .ArtBtns { top:0; left:0; left:200px; position:absolute; }
.WUebersicht .ArtBtns input{ color:Black; }
.WUebersicht .Info { min-height: 10px; width:auto;}
.WUebersicht .ArtPreisAlleShirts{ width:345px;}

/*Kasse*/
.DivErrorLabel{clear: both;}
.LblShirtPresswerk{width: 140px;}
.DivShirtPresswerk{padding-top: 25px;}
.TextBoxShirtPresswerk, .DDLShirtPresswerk, .DDLShirtPresswerk select, .DDLShirtPresswerkDropDownListeRechnungsAdr,
.DivInpShirtPresswerkDropDownListeRechnungsAdr input{background-color: #fff; border: solid 1px #919208;}
.DDLShirtPresswerk, .DDLShirtPresswerkDropDownListeRechnungsAdr {width: 80px;}
.DivAllShirtPresswerk, .DivAllShirtPresswerkDropDownListeRechnungsAdr {padding-bottom: 5px; clear: both;}

.DivAllShirtPresswerk .DivAnzShirtPresswerk{float: left; width: 150px; top: 4px; /* width: 60px; top: 4px;*/ } 

.DivAllShirtPresswerkDropDownListeRechnungsAdr .DivInpShirtPresswerkDropDownListeRechnungsAdr input,
.DivAllShirtPresswerk .DivInpShirtPresswerk input
{clear: left; height: 15px; padding-top: 1px; width: 343px; padding-left: 4px;}

.DivAllShirtPresswerk .EMailBestaetigung span, .DivAllShirtPresswerk .EMail span{float: left;}
.DivAllShirtPresswerk .EMailBestaetigung input, .DivAllShirtPresswerk .EMail input{width: 263px; margin-left: 80px;}

.DivAllShirtPresswerk .DropDownListeRechnungsAdr, .DivAllShirtPresswerk .DropDownListeLieferAdr{width: 165px;}
.DivAllShirtPresswerk .DropDownListeLieferAdr{width: 320px;}

.AnzeigeLieferadresse .DivAnzShirtPresswerk{ float: none;}


.Land .DDLShirtPresswerkDropDownListeRechnungsAdr{margin-bottom: 20px;}

.DivAllShirtPresswerk .DivInpShirtPresswerk,
.DivAllShirtPresswerkDropDownListeRechnungsAdr .LblShirtPresswerkDropDownListeRechnungsAdr 
{top: 2px;}

 /* Eingabeboxen Grundpositionierung*/
/* Mehrere Boxen auf einer Ebene  */
.Strasse, .HausNr,.Strasse .DivAnzShirtPresswerk, .HausNr .DivAnzShirtPresswerk,
.Ort, .PLZ, .Land, .ErrorDropDownList,
.Ort .DivAnzShirtPresswerk, .PLZ .DivAnzShirtPresswerk,
.Land .DivAnzShirtPresswerk, .ErrorDropDownList .DivAnzShirtPresswerk
{float: left; clear: none;}

.DivAllShirtPresswerk .Strasse, .DivAllShirtPresswerk .HausNr,
.DivAllShirtPresswerk .Ort, .DivAllShirtPresswerk .PLZ, .DivAllShirtPresswerk .Land,
.DivAllShirtPresswerk .ErrorDropDownList
{width: 60px; float: left;}

 /*    Schritt 2 Eingabeboxen      */
/* Mehrere Boxen auf einer Ebene  */

.PPLblDropDownListRegisterAnrede .PPLblDropDownListPPDDLElemente select,
.PPLblTextBoxRegisterName .DivAnzeige input,
.PPLblTextBoxRegisterVorname .DivAnzeige input,
.PPLblTextBoxRegisterStrasse .DivAnzeige input,
.PPLblTextBoxRegisterNummer .DivAnzeige input,
.PPLblTextBoxRegisterOrt .DivAnzeige input,
.PPLblTextBoxRegisterPLZ .DivAnzeige input,
.PPLblTextBoxRegisterEMail .DivAnzeige input,
.PPLblTextBoxRegisterEMailBest .DivAnzeige input,
.PPLblDropDownListRegisterLand .PPLblDropDownListPPDDLElemente select,
.WebDataListDaten .Tabelle tr td input
{background-color: #fff; border: solid 1px #919208; }

.PPLblTextBoxRegisterName .DivAnzeige input, 
.PPLblTextBoxRegisterVorname .DivAnzeige input
 {width:322px;}
 
.PPLblTextBoxRegisterName .DivAnzeige input,
.PPLblTextBoxRegisterVorname .DivAnzeige input,
.PPLblTextBoxRegisterStrasse .DivAnzeige input,
.PPLblTextBoxRegisterNummer .DivAnzeige input,
.PPLblTextBoxRegisterOrt .DivAnzeige input,
.PPLblTextBoxRegisterPLZ .DivAnzeige input,
.PPLblTextBoxRegisterEMail .DivAnzeige input,
.PPLblTextBoxRegisterEMailBest .DivAnzeige input,
.WebDataListDaten .Tabelle tr td input
{height: 16px; cursor: text;}

.AdresseDivCtrlAll div.PPLblTextBoxRegisterOrt{margin-top: 22px;}

.PPLblDropDownListRegisterAnrede .PPLblDropDownListPPDDLElemente select{height: 18px;}
.AdresseDivCtrlAll div.PPLblTextBoxRegisterPLZ {left:268px; margin-top: 22px;}
.PPLblTextBoxRegisterName{margin-bottom: 4px;}

.AdresseDivCtrlAll{height: 60px;}
.AdresseDivCtrlAll div.PPLblTextBoxRegisterNummer{left: 344px;}
.PPLblTextBoxRegisterNummer{width: 70px;}
.PPLblTextBoxRegisterNummer .DivAnzeige input{width: 36px;}
.PPLblTextBoxRegisterNummer .PPLblTextBoxPPText{ width: 32px;}

.PPLblTextBoxRegisterStrasse .DivAnzeige input {width:242px;}
.PPLblTextBoxRegisterNummer .PPLblTextBoxPPText {margin-left:10px;}

.PPLblDropDownListRegisterAnrede{width: 160px;}
.RegisterAnrede .PPLblDropDownListPPText{width: 100px;}
.RegisterAnrede .PPLblDropDownListPPDDLElemente select{margin-left: 0px;}
.PPLblTextBoxRegisterPLZ .DivAnzeige input{width: 40px;}
.PPLblTextBoxRegisterPLZ .PPLblTextBoxPPText{margin-left: 4px;}
.PPLblDropDownListRegisterLand{margin-top: 32px; margin-left: -16px; width: 75px;}
.PPLblDropDownListDivErrorLabel{margin-top: 0px; margin-left: 0px;}

.PPLblTextBoxRegisterEMail{margin-bottom: -2px;}
.PPLblTextBoxRegisterEMailBest{height: 20px;}
.PPLblTextBoxRegisterEMailBest .DivAnzeige{padding-top: 10px;}
.PPLblTextBoxRegisterEMail .DivAnzeige input,
.PPLblTextBoxRegisterEMailBest .DivAnzeige input
 {width:322px;}

.PPLblTextBox .DivAnzeige .PPLblTextBoxDivErrorLabel,.RegisterLand .PPLblDropDownList .PPLblDropDownListDivErrorLabel{border: solid 1px #f00;}

 /* Eingabeboxen Grundpositionierung*/
/* Mehrere Boxen auf einer Ebene  */

.PPBestellung div div.KontaktErwDivCtrlAll div.Navigation
{position: absolute; top: 265px;}

.PPBestellung div div.KontaktErwDivCtrlAll div.Next
{left: 270px;}

.PPBestellung div div.KontaktErwDivCtrlAll div.ErrorAnzeige
{top: 65px; height: 135px;}

.PPBestellung div div.KontaktErwDivCtrlAll div.ErrorAnzeige div.ErrorAnzeige
{position: absolute; top: 0px;}

.LLSchritt2HinweisText
{position: absolute; top: 375px;}

.LLSchritt4HinweisText
{position: absolute; top: 470px;}

.DivPayPalButton span.LblPayPalButton{left: 20px;}

.DivErrorLabel {
    color:#FF0000;
    padding-top:45px;
    height: 135px;
}

.DivErrorLabel .DivAll{position:relative;}

 /*    Schritt 3 Eingabeboxen      */
/* Mehrere Boxen auf einer Ebene  */

/*.DivAllShirtPresswerkDropDownListeRechnungsAdr .DivAnzShirtPresswerkDropDownListeRechnungsAdr{float: left; }*/

.DivAllShirtPresswerk .DropDownListeRechnungsAdr .DDLShirtPresswerk, .DivAllShirtPresswerk .DropDownListeLieferAdr .DDLShirtPresswerk {width: 240px; margin-top: 5px;}

.DivAllShirtPresswerk .DropDownListeRechnungsAdr .DDLShirtPresswerk{ margin-top:2px; margin-bottom:5px;}

.DivAnzShirtPresswerkDropDownListeRechnungsAdr {float: left; width: 100px;}

.Strasse .DivAnzShirtPresswerkDropDownListeRechnungsAdr{width: 60px;}
.HausNr .DivAnzShirtPresswerkDropDownListeRechnungsAdr{width: 20px; }
.Strasse .DivInpShirtPresswerkDropDownListeRechnungsAdr input{width: 240px;}
.HausNr .DivInpShirtPresswerkDropDownListeRechnungsAdr input{width: 50px;}
.Strasse .DivInpShirtPresswerkDropDownListeRechnungsAdr {width:250px;}
.DivAllShirtPresswerkDropDownListeRechnungsAdr .HausNr, .DivAllShirtPresswerkDropDownListeRechnungsAdr .PLZ{width:39px;}

.DivAllShirtPresswerk .DropDownListeRechnungsAdr { float:left;}
.DropDownListeRechnungsAdr .DivInpShirtPresswerk{ top:0px;}

.Ort .DivInpShirtPresswerkDropDownListeRechnungsAdr input{width: 120px;}
.Ort .DivInpShirtPresswerkDropDownListeRechnungsAdr {width:130px; float: left;}
.PLZ .DivInpShirtPresswerkDropDownListeRechnungsAdr input{width: 71px;}
.Ort .DivAnzShirtPresswerkDropDownListeRechnungsAdr{width: 60px;}
.PLZ .DivInpShirtPresswerkDropDownListeRechnungsAdr{width: 81px;}

.Land .DivAnzShirtPresswerkDropDownListeRechnungsAdr, .ErrorDropDownList .DivAnzShirtPresswerkDropDownListeRechnungsAdr{width: 39px;}
.Land .DivInpShirtPresswerkDropDownListeRechnungsAdr select, .ErrorDropDownList .DivInpShirtPresswerkDropDownListeRechnungsAdr select{ width: 56px;}
.ErrorDropDownList .DivInpShirtPresswerkDropDownListeRechnungsAdr select { border-color:Red;}

/*    Schritt 3 Eingabeboxen      */

.DivShirtPresswerk .RadioButtonShirtPresswerk input{ margin-right:5px; top:1px; float:left;}
.DivShirtPresswerk .RadioButtonShirtPresswerk label{width:400px;  margin-left:20px;  display:block;}

.BezBankName .DivAnzShirtPresswerk,
.BezBankleitzahl .DivAnzShirtPresswerk, 
.BezKontoInhaber .DivAnzShirtPresswerk, 
.BezKontonummer .DivAnzShirtPresswerk
{ width:100px;}

.BezBankName .DivAnzShirtPresswerk span,
.BezBankleitzahl .DivAnzShirtPresswerk span, 
.BezKontoInhaber .DivAnzShirtPresswerk span, 
.BezKontonummer .DivAnzShirtPresswerk span
{ padding-left:20px;}


.DivAllShirtPresswerk .BezBankName Input,
.DivAllShirtPresswerk .BezBankleitzahl Input, 
.DivAllShirtPresswerk .BezKontoInhaber Input, 
.DivAllShirtPresswerk .BezKontonummer Input
{ width: 200px;}







/* Schritt 4 */
.PPBestellungSchritt5 .DivAllShirtPresswerk .DivAnzShirtPresswerk{ width:150px; font-weight:bold; top:2px;}



.PPBestellungSchritt5 .KontaktBezeichner .DivAnzShirtPresswerk,
.PPBestellungSchritt5 .KontoBezeichner .DivAnzShirtPresswerk,
.PPBestellungSchritt5 .RechnungsBezeichner .DivAnzShirtPresswerk,
.PPBestellungSchritt5 .LieferBezeichner .DivAnzShirtPresswerk
{ 
    width:400px; 
    border-bottom: solid 1px #919208; 
    border-top:solid 1px #919208;
    padding-top:2px;
    padding-bottom:2px;
    margin-top:10px;
    margin-bottom:5px;
    font-weight:normal;
}

/* Schritt 5 */

.PPBestellungSchritt5 .KontaktAnrede .DivAnzShirtPresswerk,
.PPBestellungSchritt5 .KontaktName .DivAnzShirtPresswerk,
.PPBestellungSchritt5 .KontaktVorname .DivAnzShirtPresswerk 
{ width:87px;}

/*
.LieferName .DivAnzShirtPresswerk, .RechName .DivAnzShirtPresswerk{width:110px;}
*/

/* Zeilen Straße und Nr nebeneinander */
.PPBestellungSchritt5 .RechStrasse, .PPBestellungSchritt5 .RechHausNr,
.PPBestellungSchritt5 .LieferStrasse, .PPBestellungSchritt5 .LieferHausNr{ float:left; clear:none; }

/* Strasse Länge insgesamt */
.PPBestellungSchritt5 .RechStrasse,
.PPBestellungSchritt5 .LieferStrasse
{width:275px; }

/* Strasse Länge des Textfeldes */
.PPBestellungSchritt5 .RechStrasse .DivInpShirtPresswerk,
.PPBestellungSchritt5 .LieferStrasse .DivInpShirtPresswerk
{ width:200px;}

/* Hausnr Länge insgesamt */
.PPBestellungSchritt5 .RechHausNr,
.PPBestellungSchritt5 .LieferHausNr
{width:125px;}

/* Hausnr Länge des Bezeichners*/
.PPBestellungSchritt5 .RechHausNr .DivAnzShirtPresswerk, 
.PPBestellungSchritt5 .LieferHausNr .DivAnzShirtPresswerk
{ width:50px;}

/* Hausnr Länge des Textfeldes */
.PPBestellungSchritt5 .RechHausNr .DivInpShirtPresswerk, 
.PPBestellungSchritt5 .LieferHausNr .DivInpShirtPresswerk
{width:75px; }


/* Zeilen Ort Plz nebeneinander */
.PPBestellungSchritt5 .RechOrt, .PPBestellungSchritt5 .RechPLZ,
.PPBestellungSchritt5 .LieferOrt, .PPBestellungSchritt5 .LieferPLZ{ float:left; clear:none; }

/* Ort Länge des Insgesamt */
.PPBestellungSchritt5 .RechOrt,
.PPBestellungSchritt5 .LieferOrt
{width:150px; }

/* Ort Länge des Textfeldes */
.PPBestellungSchritt5 .RechOrt .DivInpShirtPresswerk, 
.PPBestellungSchritt5 .LieferOrt .DivInpShirtPresswerk
{ width:100px;}

/* PLZ Länge Insgesamt */
.PPBestellungSchritt5 .RechPLZ,
.PPBestellungSchritt5 .LieferPLZ
{width:125px;}

/* PLZ Länge des Bezeichners */
.PPBestellungSchritt5 .RechPLZ .DivAnzShirtPresswerk, 
.PPBestellungSchritt5 .RechPLZ .DivAnzShirtPresswerk
{ width:30px;}

/* PLZ Länge des Textfeldes */
.PPBestellungSchritt5 .RechPLZ .DivInpShirtPresswerk, 
.PPBestellungSchritt5 .LieferPLZ .DivInpShirtPresswerk
{width:40px; }

/* Lieferland*/
.PPBestellungSchritt5 .RechLand, .PPBestellungSchritt5 .LieferLand{ float:left; clear:none; }

/* Lieferland Länge insgesamt*/
.PPBestellungSchritt5 .RechLand,.PPBestellungSchritt5 .LieferLand{width:134px; }

/* Lieferland Länge Textfeldes*/
.PPBestellungSchritt5 .RechLand .DivInpShirtPresswerk,
.PPBestellungSchritt5 .LieferLand .DivInpShirtPresswerk
{ width:30px; }

 
/* Standardabstand von Bezeichner zu Text */
.PPBestellungSchritt5 .RechOrt .DivAnzShirtPresswerk, .PPBestellungSchritt5 .LieferOrt .DivAnzShirtPresswerk,  
.PPBestellungSchritt5 .RechPLZ .DivAnzShirtPresswerk, .PPBestellungSchritt5 .LieferPLZ .DivAnzShirtPresswerk,
.PPBestellungSchritt5 .RechStrasse .DivAnzShirtPresswerk, .PPBestellungSchritt5 .LieferStrasse .DivAnzShirtPresswerk,
.PPBestellungSchritt5 .RechLand .DivAnzShirtPresswerk, .PPBestellungSchritt5 .LieferLand .DivAnzShirtPresswerk
{width:50px;  }

.LieferHausNr .DivInpShirtPresswerk {  width:150px; }

.CBAGBs{  margin-right:5px;   top:2px}
.CBAGBs, x:-moz-any-link { top:0px} /* Hack für Mozilla FF 2.0 */
.CBAGBs, x:-moz-any-link, x:default { top:2px} /* Hack für Mozilla FF 3.0 und höher*/


/* Errorlabels  */
/*.DivErrorLabel{padding-top: 1em;}*/
.InhaltError{ padding-bottom: 1.5em; }

.ErrorText select, .ErrorText input, .ErrorMail input{ border-color:Red;}

/*********************/
/***** E-PAYMENT *****/
/*********************/

.E-Payment-Rechts{width: 150px;}

.E-Payment-Rechts .Paypal
{
    padding: 5px 22px 5px 23px;
}
