body {
         background-color:#ffffff;
         font-family: 'Droid Sans', serif;
         letter-spacing:0.03em;
         font-weight:normal;
         margin:0%;
}

a img {
	border:0px solid #000000;
}

dir {
	margin:0% 0% 0% 7%;
         padding:0%;
}

td {
	vertical-align:center;
}


iframe {
         position:relative;
         width:100%;
         height:400px;
         margin:0%;
         border:0px;
         display:inline-block;

}

#content {
	position:absolute;
         width:84%;
         padding:0% 8% 2% 8%;
         left:0%;
         min-height:92.2%;
         background-image:url('http://www.beatzstore.de/skin/images/background3.png');
         min-width:900px;
         overflow:hidden;
         z-index:2;
}

#contentinput {
	position:relative;
         margin-bottom:12%;

}

#contentinput #eigenwerbung {
	position:relative;
         width:115%;
         margin:5% 0% 5% -10%;
         background-color:#000000;
         height:30%;
         padding:0.5% 2.5%;
         text-align:center;
}

#contentinput #eigenwerbung #slogan {
         position:absolute;
         bottom:15%;
         left:8%;
         font-family: 'Wire One', serif;
         font-weight:bold;
         font-size:8em;
         color:#ffffff;
         text-align:right;
}

#contentinput #eigenwerbung h2 {
	margin:0%;
         color:#ffffff;
         font-family: 'Michroma', serif;
         margin-top:-1%;
         padding:0.1%;
         letter-spacing:0.1em;
         cursor:default;
}

#contentinput #eigenwerbung #slogan p {
	margin:3%;
         padding:0% 10% 0% 15%;
         white-space:nowrap;
         background-image:url('http://www.beatzstore.de/skin/images/transparentBG.png');
}

#contentinput #eigenwerbung #slogan p.klein {
	font-size:0.75em;
}

#contentinput #eigenwerbung img {
	width:100%;
}

#contentinput #eigenwerbung #preiswerbung {
	position:absolute;
         bottom:-25%;
         right:-5%;
         width:27%;
}

#contentinput #eigenwerbung #preiswerbung #preiswerbungtxt {
	position:absolute;
         right:25%;
         bottom:37%;
         text-align:right;
}

#contentinput #eigenwerbung #preiswerbung #preiswerbungtxt p {
         font-size:2.8em;
         margin:0%;
         color:#ffffff;
         font-family: 'Michroma', serif;
}

#contentinput #startnavi {
	position:relative;
         width:80%;
         padding:0% 10%;
         text-align:center;
}

#contentinput #startnavi .startnavibutton {
         position:relative;
         width:25%;
         display:inline-block;
         padding:1.5%;
         margin:0% 2%;
         background-color:#000000;
         -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
         -moz-box-shadow: 5px 5px 10px 1px #444;
	-webkit-box-shadow: 5px 5px 10px 1px #444;
	box-shadow: 5px 5px 10px 1px #444;
         cursor:pointer;
}

#contentinput #startnavi .startnavibutton img {
	width:100%;
}

#contentinput #startnavi .startnavibutton .title {
	position:absolute;
         bottom:30%;
         background-image:url('http://www.beatzstore.de/skin/images/transparentBGdark.png');
         width:90%;
         color:#ffffff;
         font-size:1.5em;
         padding:2% 0%;
}

#bottom {
         position:absolute;
         bottom:0px;
         padding:1% 9%;
         left:0%;
         width:85%;
         color:#ffffff;
         background:url('http://www.beatzstore.de/skin/images/transparentBGdark.png');
         min-width:1024px;
         -moz-box-shadow: 0px -5px 5px 5px #999;
	-webkit-box-shadow: 0px 5px 10px 5px #999;
	box-shadow: 0px 0px 5px 5px #999;
}


#bottom a {
	color:#ffffff;
         display:block;
         margin:5px 0% 5px 0%;
}

#bottom a:hover {
	color:#dddddd;
}

#bottom .bottomcol {
	position:relative;
         margin-right:5%;
         display:inline;
         float:left;
}

a {
         cursor:pointer;
         text-decoration:none;
         color:#000000;
}

#suche {
	position:relative;
         width:100%;
         padding:2% 3%;
         -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
         background-image:url('http://www.beatzstore.de/skin/images/transparentBGdark.png');
         -moz-box-shadow: 5px 5px 10px 1px #444;
	-webkit-box-shadow: 5px 5px 10px 1px #444;
	box-shadow: 5px 5px 10px 1px #444;
}

#sucheholder {
	position:relative;
         padding:3%;
         background-color:#ffffff;
         -moz-box-shadow: 5px 5px 10px 1px #888;
	-webkit-box-shadow: 5px 5px 10px 1px #888;
	box-shadow: 5px 5px 10px 1px #888;
         -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

#songs {
	position:relative;
         margin-top:2%;
         width:100%;
         padding:3%;
         -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
         background-image:url('http://www.beatzstore.de/skin/images/transparentBGdark.png');
         -moz-box-shadow: 5px 5px 10px 1px #444;
	-webkit-box-shadow: 5px 5px 10px 1px #444;
	box-shadow: 5px 5px 10px 1px #444;
}

.hitshop .stepnavi{
	cursor:default;
         z-index:3;
}

#hitcontent {
         position:relative;
         width:100%;
         margin:5% 0px 5% 0px;
         overflow:hidden;
         padding-bottom:10px;
}

#leftcol {
         position:relative;
         float:left;
         width:65%;
}

#rightcol {
	position:relative;
         width:29%;
         margin-left:6%;
         float:left;
         background-image:url('http://www.beatzstore.de/skin/images/transparentBGdark.png');
         padding:2% 0%;
         -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
         -moz-box-shadow: 5px 5px 10px 1px #444;
	-webkit-box-shadow: 5px 5px 10px 1px #444;
	box-shadow: 5px 5px 10px 1px #444;
}

#rightcol .hittitle {
         -moz-border-radius:0px;
  	-webkit-border-radius:0px;
}

#suche input[type="text"] {
         padding:1% 2%;
         top:0%;
         width:72%;
         -moz-border-radius:3px;
  	-webkit-border-radius:3px;
         -moz-box-shadow: 2px 2px 2px 0px #444;
	-webkit-box-shadow: 2px 2px 2px 0px #444;
	box-shadow: 2px 2px 2px 0px #444;
}

#suche #suchen {
         position:relative;
         top:-1%;
         width:21%;
         margin:0%;
         -moz-border-radius:3px;
  	-webkit-border-radius:3px;
         -moz-box-shadow: 2px 2px 2px 0px #444;
	-webkit-box-shadow: 2px 2px 2px 0px #444;
	box-shadow: 2px 2px 2px 0px #444;
         border:1px solid #000000;
         font-size:1.6em;
         padding:0.88% 2%;
         margin-left:1%;
         background-image: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0, #cccccc),
	    color-stop(1, #ffffff)
	);
	background-image: -moz-linear-gradient(
	    center bottom,
             #cccccc 0%,
	    #ffffff 100%
	);
         cursor:pointer;
}


input[type="text"] {
         position:relative;
         width:80%;
         font-size:1.7em;
         margin:0px;
         border:1px solid #000000;
         padding:0%;
}



#beatholder {
         width:70%;
         float:left;
}

#beatholder #leer {
         position:relative;
         height:150px;
         width:100%;
         margin:1%;
         background-color:#ffffff;
         border:1px solid #000000;
         -moz-box-shadow: 5px 5px 10px 1px #888;
	-webkit-box-shadow: 5px 5px 10px 1px #888;
	box-shadow: 5px 5px 10px 1px #888;
         -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}


.artikel {
         position:relative;
         width:100%;
         margin:1.5% 0%;
         background-color:#ffffff;
         border:1px solid #000000;
         -moz-box-shadow: 5px 5px 10px 1px #888;
	-webkit-box-shadow: 5px 5px 10px 1px #888;
	box-shadow: 5px 5px 10px 1px #888;
         -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.stepfeld {
         position:relative;
         width:94%;
         padding:4% 3%;;
         background-color:#ffffff;
         border:1px solid #000000;
         -moz-box-shadow: 5px 5px 10px 1px #888;
	-webkit-box-shadow: 5px 5px 10px 1px #888;
	box-shadow: 5px 5px 10px 1px #888;
         -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
         float:left;
}

.artikel .artikelhaupt {
         position:relative;
         width:100%;
}

.artikel .artimg {
         position:relative;
         -moz-box-shadow: 3px 3px 3px 1px #888;
	-webkit-box-shadow: 3px 3px 3px 1px #888;
	box-shadow: 3px 3px 3px 1px #888;
         width:20%;
         margin:1.5%;
}

.artikel .artikelinfos {
	position:relative;
         float:right;
         width:59.5%;
         margin:1.5% 1.5% 1.5% 0%;
}

.artikel .artikelinfos h1 {
	font-family: 'Droid Sans', serif;
         letter-spacing:0.03em;
         font-size:1.7em;
         color:#000000;
         font-weight:lighter;
         margin:0%;
         padding:0px;
}

.artikel .artikelinfos h2 {
	font-family: 'Droid Sans', serif;
         letter-spacing:0.03em;
         font-size:1em;
         color:#00779B;
         font-weight:normal;
         margin:0%;
         padding:0%;
}

.artikel hr {
         position:relative;
         margin:0.2% 0% 1% 0%;
         width:100%;
}

.artikel .buy {
         position:relative;
         float:right;
         width:13%;
         margin:1.5% 1.5% 1.5% 0.5% ;
         text-align:center;
         margin-top:3.5%;
         letter-spacing:0.3em;
         font-size:1em;
         cursor:pointer;
}

.artikel .audioholder {
         position:relative;
         width:32%;
}

.artikel .audioholder img {
         -moz-box-shadow: 0px 0px 0px 0px #444;
	-webkit-box-shadow: 0px 0px 0px 0px #444;
	box-shadow: 0px 0px 0px 0px #444;
         margin:0%;
         padding:0%;
}


.artikel .artikelbottomholder {
         position:absolute;
         bottom:2%;
         margin:2%;
         left:21.5%;
}

.artikel .artikelbottomholder .artikelinfobutton {
	position:relative;
         padding:3% 0% 3% 10%;
         border:1px solid #000000;
         -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
         -moz-box-shadow: 2px 2px 2px 1px #888;
	-webkit-box-shadow: 2px 2px 2px 1px #888;
	box-shadow: 2px 2px 2px 1px #888;
         background-color:#dddddd;
         background-image: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0, #dddddd),
	    color-stop(1, #ffffff)
	);
	background-image: -moz-linear-gradient(
	    center bottom,
             #dddddd 0%,
	    #ffffff 100%
	);
         cursor:pointer;
         vertical-align:center;
}

.artikel .artikelbottomholder .artikelinfobutton img {
         position:relative;
         width:9.5%;
         border:0px;
         margin:1% 0% 0% 0%;
         -moz-box-shadow: 0px 0px 0px 0px #444;
	-webkit-box-shadow: 0px 0px 0px 0px #444;
	box-shadow: 0px 0px 0px 0px #444;
}

.artikel .beschreibung {
         position:relative;
         margin:1.5%;
         width:97%;
	display:none;
}

.artikel .beschreibung h2 {
         font-family: 'Droid Sans', serif;
         letter-spacing:0.03em;
         font-weight:normal;
         font-size:1.3em;
         margin:0%;
}

.artikel .beschreibung .subartikel {
         position:relative;
         margin-bottom:3%;
         background-color:#f3f3f3;
         width:96%;
         -moz-box-shadow: 2px 2px 5px 1px #ccc;
	-webkit-box-shadow: 2px 2px 5px 1px #ccc;
	box-shadow: 2px 2px 5px 1px #ccc;
         padding:2%;
}

.artikel .beschreibung .subartikel img.img {
         position:relative;
         margin:0% 0% 0% 1.5%;
         width:10%;
         cursor:pointer;
         -moz-box-shadow: 3px 3px 3px 1px #888;
	-webkit-box-shadow: 3px 3px 3px 1px #888;
	box-shadow: 3px 3px 3px 1px #888;
}


.artikel .beschreibung .subartikel .left {
         position:relative;
         width:88.5%;
         float:left;
}

.artikel .beschreibung .subartikel .left .name {
         position:relative;
         width:100%;
         font-size:1.3em;
         line-height:1.3em;
}

.artikel .beschreibung .subartikel .left .anzahl {
         font-size:1.5ex;
         width:5%;
}

.artikel .beschreibung .subartikel .extras {
         margin-top:3%;
         width:100%;
}

.artikel .beschreibung .subartikel .extras h2 {
         font-size:1em;
         font-weight:bold;
         margin-bottom:2%;
}

.artikel .beschreibung .subartikel .extras .songname {
         position:relative;
         width:58%;
         margin-right:2%;
         white-space:nowrap;
         overflow:hidden;
         float:left;
}

.artikel .beschreibung .subartikel .extras .variation {
         position:relative;
         margin-bottom:1%;
         width:100%;
}

.artikel .beschreibung .subartikel .extras .variation .farbe {
         position:relative;
         width:85%;
}

.artikel .beschreibung .subartikel .extras .variation  .farbname {
         position:relative;
         display:inline-block;
         width:25%;
         vertical-align:top;
}

.artikel .beschreibung .subartikel .extras .variation .farbsample {
         width:10%;
         -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
         -moz-box-shadow: 2px 2px 2px 1px #888;
	-webkit-box-shadow: 2px 2px 2px 1px #888;
	box-shadow: 2px 2px 2px 1px #888;
         display:inline-block;
}

.artikel .beschreibung .subartikel .extras .variation .farbsample img {
         width:100%;
         visibility:hidden;
}


.farbsample {
         width:50px;
         -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
         -moz-box-shadow: 2px 2px 2px 1px #888;
	-webkit-box-shadow: 2px 2px 2px 1px #888;
	box-shadow: 2px 2px 2px 1px #888;
}

.farbsample img {
         width:100%;
         visibility:hidden;
}

.variation .groesse {
         position:relative;
         width:15%;
         float:left;
}


.artikel .beschreibung .subartikel .preview {
         position:relative;
         width:20%;
         white-space:nowrap;
         overflow:hidden;
         padding-bottom:3%;
         padding-right:15%;
}


.artikel .artikelbottomholder .artikelinfobutton h4 {
	position:relative;
	display:inline;
         margin:0%;
}

.artikel .add {
	position:relative;
         float:right;
         width:12%;
         margin:1.5%;
         text-align:center;
         margin-top:6%;
         font-size:1em;
}

.ad {
	position:relative;
         width:160px;
         height:600px;
         background-color:#555555;
         left:50%;
         margin-left:-80px;
}

.artikel .add img {
	position:relative;
         width:100%;
         border:0px;
         margin:0px;
         -moz-box-shadow: 0px 0px 0px 0px #444;
	-webkit-box-shadow: 0px 0px 0px 0px #444;
	box-shadow: 0px 0px 0px 0px #444;
         display:block;
         cursor:pointer;
}

.artikel .buy img {
         position:relative;
         width:100%;
         border:0px;
         margin:0px;
         -moz-box-shadow: 0px 0px 0px 0px #444;
	-webkit-box-shadow: 0px 0px 0px 0px #444;
	box-shadow: 0px 0px 0px 0px #444;
         display:block;
}

.artikel .artikelinfos h5 {
	position:absolute;
         right:0%;
         top:12%;
         font-size:1.7em;
         font-weight:normal;
}


.artikel a {
         position:absolute;
         right:10px;
         top:23px;
         text-align:center;
}

.artikel a span {
         position:relative;
         white-space:normal;
         margin-bottm:5px;
         font-size:1.5em;
         letter-spacing:0.2em;
         text-decoration:none;
         color:#000000;
}

.variantenwahl {
	position:relative;
}

.variantenwahl .variantenwahlwidth {
	width:300px;
}

.variantenwahl table {
	position:relative;
         width:100%;
}

.variantenwahl table tr .tableright {
	text-align:right;
}

.variantenwahl .choosevariante {
	/*position:relative;
         margin:5% 7px 7px 0px;
         padding:1% 8%;
         border:1px solid #000000;
         -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
         -moz-box-shadow: 2px 2px 2px 1px #888;
	-webkit-box-shadow: 2px 2px 2px 1px #888;
	box-shadow: 2px 2px 2px 1px #888;
         background-image: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0, #dddddd),
	    color-stop(1, #ffffff)
	);
	background-image: -moz-linear-gradient(
	    center bottom,
             #dddddd 0%,
	    #ffffff 100%
	);
         cursor:pointer;  */

}

.variantenwahl .formatname {
         position:relative;
         width:70%;
         display:inline-block;
}

.variantenwahl .aufpreis {
         position:relative;
         width:30%;
         display:inline-block;
}

.variantenwahl .menge {
         /*padding:1% 2%;
         text-align:right;
         width:10%;
         -moz-border-radius:3px;
  	-webkit-border-radius:3px;
         -moz-box-shadow: 2px 2px 2px 0px #444;
	-webkit-box-shadow: 2px 2px 2px 0px #444;
	box-shadow: 2px 2px 2px 0px #444;   */
}

.variantenwahl h2 {
	margin:0%;
         padding:0%;
}

.variantenwahl h5 {
	margin:5% 0% 1% 0%;
}


#head {
         position:relative;
         top:0px;
         left:0px;
         width:84%;
         background-color:#000000;
         color:#ffffff;
         padding:0% 8%;
         min-width:1024px;
         text-align:right;
         z-index:1;
}

#head a {
	color:#ffffff;
}

.navi {
         position:relative;
         border-left:1px solid #cccccc;
         padding:1% 4.5%;
         font-size:1.4em;
         letter-spacing:0.05em;
         cursor:pointer;
         display:block;
         float:left;

}

.hittitle {
	position:relative;
         margin:0% 0% 3% 0%;
         width:94%;
         background-color:#ffffff;
         font-size:1.5em;
         padding:1% 3%;
         -moz-box-shadow: 5px 5px 10px 1px #888;
	-webkit-box-shadow: 5px 5px 10px 1px #888;
	box-shadow: 5px 5px 10px 1px #888;
         -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

#songholder {
	position:relative;
}

#rightcol img {
         width:99%;
         background-color:#ffffff;
         margin:20px 0.5%;
}

.active {
	background-color:#ffffff;
         color:#000000;
         border-left:#555555 solid 2px;
}

#stepholder {
         position:relative;
         background:url('http://www.beatzstore.de/skin/images/transparentBGdark.png');
         width:100%;
         margin:5% 0px 5% 0px;
         -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
         -moz-box-shadow: 5px 5px 10px 1px #444;
	-webkit-box-shadow: 5px 5px 10px 1px #444;
	box-shadow: 5px 5px 10px 1px #444;
         overflow:hidden;
}

.step {
         position:relative;
         width:90%;
         padding:5%;
         float:left;
}

.step-title {
         position:absolute;
         top:-25px;
         background-color:#ffffff;
         padding:0.7% 3%;
         -moz-box-shadow: 5px 5px 10px 1px #888;
	-webkit-box-shadow: 5px 5px 10px 1px #888;
	box-shadow: 5px 5px 10px 1px #888;
         -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
         font-size:1.5em;
}


#buttonholder input {
         position:relative;
         padding:1% 12%;
         background:#888888;
         -moz-box-shadow: 2px 2px 5px 1px #888;
	-webkit-box-shadow: 2px 2px 5px 1px #888;
	box-shadow: 2px 2px 5px 1px #888;
         -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
         font-size:1.5em;
	background-image: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0, #000000),
	    color-stop(1, #00B7DB)
	);
	background-image: -moz-linear-gradient(
	    center bottom,
	    #000000 0%,
	    #00B7DB 100%
	);
         color:#ffffff;
         border:1px solid #888888;
         cursor:pointer;
         z-index:20;
         min-height:10%;
}

#buttonholder div {
         position:relative;
	display:inline;
}

.step #warenkorb input {
         -moz-box-shadow: 1px 1px 5px 0px #888;
	-webkit-box-shadow: 1px 1px 5px 0px #888;
	box-shadow: 1px 1px 5px 0px #888;
         -webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
         font-size:0.8em;
}

#buttonholder {
	position:relative;
         right:-60%;
         bottom:-20px;
         width:40%;
}

#steps {
         position:relative;
         padding:0% 5%;
         width:90%;
         height:140px;
         background:url('http://www.beatzstore.de/skin/images/transparentBGdark.png');
         margin-top:20px;
         -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
         -moz-box-shadow: 5px 5px 10px 1px #444;
	-webkit-box-shadow: 5px 5px 10px 1px #444;
	box-shadow: 5px 5px 10px 1px #444;
}

.stepnavi {
         position:relative;
         height:98%;
         width:13.75%;
         padding:0% 3%;
         text-align:center;
         border-left:1px solid #ffffff;
         border-right:1px solid #ffffff;
         color:#ffffff;
         float:left;
         cursor:pointer;

}

.stepnavi img {
	margin:10px 0px 5px 0px;
}

h3 {
	margin:0px;
         padding:0px;
         font-size:2em;
         font-weight:normal;
}

h4 {
	margin:0px;
         padding:0px;
         font-size:0.9em;
         font-weight:lighter;
}

.stepactive {
         background-image:url('http://www.beatzstore.de/skin/images/transparentBGColor.png');
         /*background-color:#00B7DB;*/
}

#rightcol2 {
         position:relative;
         width:24%;
         margin-top:0.5%;
         left:5%;
         float:left;
}

#warenkorb {
	position:relative;
         min-height:150px;
         -moz-box-shadow: 5px 5px 10px 1px #888;
	-webkit-box-shadow: 5px 5px 10px 1px #888;
	box-shadow: 5px 5px 10px 1px #888;
         -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
         text-align:center;
         font-size:1.5em;
         padding:4% 6%;
         width:88%;
         background-color:#ffffff;
}

#warenkorb hr {
	margin:0px;
}

#warenkorb th {
         font-size:0.5em;
         align:left;
         padding:3px 1px 0px 1px;
         text-align:left;
         font-weight:normal;
         letter-spacing:0.005em;
         margin:0px;
         width:77%;
         word-spacing:0.00001em;
         white-space:nowrap;
         overflow:hidden;
}

#warenkorb td {
         position:relative;
         font-size:0.5em;
         width:23%;
         padding:3px 0px 0px 0px;
         text-align:left;
         letter-spacing:0.01em;
         white-space:nowrap;
}

#warenkorb tr {
	position:relative;
         cursor:default;
}

#warenkorb table {
         position:relative;
         width:100%;
}

#logo img {
	height:20px;
}

#logo {
         position:relative;
         padding:1% 4%;
         font-size:1.4em;
         vertical-align:bottom;
         display:inline-block;
}

#logo a {
	color:#ffffff;
}

table #ergebnis {
	border-top:1px solid #000000;
         padding-top:5px;
         align:right;
         text-align:right;
         font-weight:bold;
}

#warenkorbloader td {
         position:relative;
         text-align:center;
}

#warenkorbloader img {
         display:inline;
         width:8%;
}

.ajaxloader {
         position:absolute;
         background-color:#222222;
         width:90px;
         text-align:center;
         font-variant:small-caps;
         left:50%;
         margin-top:20%;
         margin-left:-45px;
         color:#ffffff;
	padding:10px;
         -webkit-border-radius: 15px;
	-moz-border-radius: 15px;
         -moz-box-shadow: 3px 3px 12px 1px #444;
	-webkit-box-shadow: 3px 5px 2px 1px #444;
	box-shadow: 3px 3px 12px 1px #444;
}

.chat-bubble {
  position:absolute;
  top:-43px;
  left:-12px;
  background-color:#EDEDED;
  border:2px solid #666666;
  font-size:1.2em;
  line-height:1.1em;
  padding:5px 15px;
  text-align:center;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  -moz-box-shadow:0 0 5px #888888;
  -webkit-box-shadow:0 0 5px #888888;
  z-index:50;
  white-space:nowrap;
  color:#000000;
}

.chat-bubble-arrow-border {
  border-color: #666666 transparent transparent transparent;
  border-style: solid;
  border-width: 10px;
  height:0;
  width:0;
  position:absolute;
  bottom:-22px;
  left:10%;
}
.chat-bubble-arrow {
  border-color: #EDEDED transparent transparent transparent;
  border-style: solid;
  border-width: 10px;
  height:0;
  width:0;
  position:absolute;
  bottom:-19px;
  left:10%;
}

/* IE6 */
.chat-bubble-arrow {
    _border-left-color: pink;
    _border-bottom-color: pink;
    _border-right-color: pink;
    _filter: chroma(color=pink);
}

.position {
         position:absolute;
         right:2px;
         padding-left:5px;
         width:15px;
         cursor:pointer;
         display:inline;
         visibility:hidden;
}

.position img {
         position:relative;
         width:15px;
}

.block {
	position:relative;
}

form table {
	position:relative;
         width:100%;
         border-spacing:5px;
}

form table tr td input[type="text"] {
         padding:1% 2%;
         -moz-border-radius:3px;
  	-webkit-border-radius:3px;
         -moz-box-shadow: 2px 2px 2px 0px #444;
	-webkit-box-shadow: 2px 2px 2px 0px #444;
	box-shadow: 2px 2px 2px 0px #444;
}

pre {
         position:relative;
         width:100%;
         height:200px;
         padding:0.7% 2%;
         border:1px solid #000000;
         -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
         overflow:auto;
         text-align:justify;
         white-space:pre-line;
}

.agbtext {
	font-weight:bold;
}

#zusammenfassung {
         position:relative;
         width:60%;
         float:left;
}

#zusammenfassungadresse {
         position:relative;
         left:3%;
         width:37%;
}

th {
	text-align:left;
}

td hr {
	margin:0px;
}

.kontodaten {
	position:relative;
         width:40%;
         margin:1% 0%;
         border-collapse:collapse;
}

.chooser {
	position:relative;
         vertical-align:bottom;
         display:inline;
         margin-left:2px;
         font-size:0.9em;
}

.chooser .chooselist {
	position:absolute;
         min-width:200px;
         border:1px solid #dddddd;
         left:-1px;
         margin-top:5px;
         background-color:#ffffff;
         -moz-box-shadow: 1px 1px 2x 1px #888;
	-webkit-box-shadow: 1px 1px 2px 1px #888;
	box-shadow: 1px 1px 2px 1px #888;
         -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
         display:none;
         z-index:100;
         white-space:nowrap;
}


.chooser .chooselist .listentry {
         padding:4% 5%;
         cursor:pointer;
}

.sendform {
	position:relative;
         width:70%;
         margin-bottom:-80px;
}

.clicker {
         position:relative;
         padding:2% 15px;
         line-height:2.2em;
         border:1px solid #dddddd;
         -moz-box-shadow: 1px 1px 2x 1px #888;
	-webkit-box-shadow: 1px 1px 2px 1px #888;
	box-shadow: 1px 1px 2px 1px #888;
         -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
         background-color:#dddddd;
         background-image: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0, #dddddd),
	    color-stop(1, #ffffff)
	);
	background-image: -moz-linear-gradient(
	    center bottom,
	    #dddddd 0%,
	    #ffffff 100%
	);
         cursor:pointer;
         display:inline-block;
}

td .clicker {
	padding:0% 15%;
}

form {
	z-index:100;
}

.longcol.right {
         text-align:right;
         margin-top:5%;
}

.longcol input[type="text"] {
         position:relative;
         width:80%;
         height:40px;
         font-size:1.7em;
         margin:0px;
         border:1px solid #000000;
         padding:0% 2%;
         -moz-border-radius:3px;
  	-webkit-border-radius:3px;
         -moz-box-shadow: 2px 2px 2px 0px #444;
	-webkit-box-shadow: 2px 2px 2px 0px #444;
	box-shadow: 2px 2px 2px 0px #444;
}

.longcol textarea {
         position:relative;
         font-family: 'Droid Sans', serif;
         width:80%;
         height:200px;
         font-size:1.7em;
         margin:0px;
         border:1px solid #000000;
         padding:0% 2%;
         -moz-border-radius:3px;
  	-webkit-border-radius:3px;
         -moz-box-shadow: 2px 2px 2px 0px #444;
	-webkit-box-shadow: 2px 2px 2px 0px #444;
	box-shadow: 2px 2px 2px 0px #444;
}

.longcol input[type="submit"] {
	position:relative;
         padding:1% 5%;
         -moz-box-shadow: 2px 2px 5px 1px #888;
	-webkit-box-shadow: 2px 2px 5px 1px #888;
	box-shadow: 2px 2px 5px 1px #888;
         -webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
         font-size:1.5em;
	background-image: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0, #000000),
	    color-stop(1, #00B7DB)
	);
	background-image: -moz-linear-gradient(
	    center bottom,
	    #000000 0%,
	    #00B7DB 100%
	);
         color:#ffffff;
         border:1px solid #888888;
         cursor:pointer;
         z-index:20;
         min-height:10%;
}

form h2 {
	margin:0%;
}


.longcol h5 {
	margin:12px 2px 2px 2px;
}

#impressum {
         position:relative;
         margin-bottom:-80px;
         font-size:10pt;
}

#impressum p {
         margin:0% 0% 4px 0%;
}

#impressum h3 {
	display:block;
         margin-top:15px;
         width:100%;
}

#impressum h5 {
	margin-bottom:0%;
         display:block;
}

#impressum #infoheader {
	position:relative;
         width:100%;
}

#impressum #infoheader .col {
         max-width:48%;
         display:inline-block;
         vertical-align:top;
}

#impressum #haftungsausschluss {
         position:relative;
         width:94%;
}


#shopad {
         position:relative;
         margin-top:5%;
         -moz-box-shadow: 5px 5px 10px 1px #888;
	-webkit-box-shadow: 5px 5px 10px 1px #888;
	box-shadow: 5px 5px 10px 1px #888;
         -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
         text-align:center;
         font-size:1.5em;
         padding:4% 6%;
         width:88%;
         background-color:#ffffff;
}

.statusmeldung {
	position:fixed;
	margin:10% 25%;
         width:48%;
         padding:1%;
         background:url('http://www.beatzstore.de/skin/images/transparentBG.png');
         z-index:2;
         -moz-box-shadow: 5px 5px 10px 1px #4444;
	-webkit-box-shadow: 5px 5px 10px 1px #444;
	box-shadow: 5px 5px 10px 1px #4444;
         -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.statusmeldung .bg {
         position:relative;
         background-color:#ffffff;
         width:100%;
         height:100%;
}

.statusmeldung .bg .inner {
	position:relative;
         padding:1%;
}

.statusmeldung img.close {
         position:absolute;
         width:50px;
         right:0%;
         top:0%;
         margin-top:-18px;
         margin-right:-18px;
         cursor:pointer;
}

.statusmeldung .bg .inner .col {
         display:inline-block;
         margin-right:5%;
}

.statusmeldung .bg .inner .footer {
         position:absolute;
         right:2%;
         bottom:-80px;
         text-align:right;
}

.statusmeldung h3 {
	font-size:1.3em;
         margin-top:4%;
}

.timeactive {
	background-color:#dddddd;
}

div.submitbutton {
         padding:10px 40px;
         border:1px solid #000000;
         -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
         -moz-box-shadow: 2px 2px 2px 1px #888;
	-webkit-box-shadow: 2px 2px 2px 1px #888;
	box-shadow: 2px 2px 2px 1px #888;
         background-color:#dddddd;
         background-image: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0, #dddddd),
	    color-stop(1, #ffffff)
	);
	background-image: -moz-linear-gradient(
	    center bottom,
             #dddddd 0%,
	    #ffffff 100%
	);
         cursor:pointer;
         vertical-align:bottom;
         display:inline-block;
}

.footer input {
	margin:0%;
         width:30px;
         font-size:1.23em;
         padding:7px 10px;
         text-align:center;
         -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
         -moz-box-shadow: 2px 2px 2px 1px #888;
	-webkit-box-shadow: 2px 2px 2px 1px #888;
	box-shadow: 2px 2px 2px 1px #888;
         vertical-align:bottom;
}

#api {
	position:relative;
}