.bubblingG {text-align: center; width:80px; height:50px; } .bubblingG span {display: inline-block; vertical-align: middle; width: 10px; height: 10px; margin: 25px auto; background: #3381ed; -moz-border-radius: 50px; -moz-animation: bubblingG 1.3s infinite alternate; -webkit-border-radius: 50px; -webkit-animation: bubblingG 1.3s infinite alternate; -ms-border-radius: 50px; -ms-animation: bubblingG 1.3s infinite alternate; -o-border-radius: 50px; -o-animation: bubblingG 1.3s infinite alternate; border-radius: 50px; animation: bubblingG 1.3s infinite alternate; } #bubblingG_1 {-moz-animation-delay: 0s; -webkit-animation-delay: 0s; -ms-animation-delay: 0s; -o-animation-delay: 0s; animation-delay: 0s; } #bubblingG_2 {-moz-animation-delay: 0.39s; -webkit-animation-delay: 0.39s; -ms-animation-delay: 0.39s; -o-animation-delay: 0.39s; animation-delay: 0.39s; } #bubblingG_3 {-moz-animation-delay: 0.78s; -webkit-animation-delay: 0.78s; -ms-animation-delay: 0.78s; -o-animation-delay: 0.78s; animation-delay: 0.78s; } @-moz-keyframes bubblingG {0% {width: 10px; height: 10px; background-color:#3381ed; -moz-transform: translateY(0); } 100% {width: 24px; height: 24px; background-color:#FFFFFF; -moz-transform: translateY(-21px); } } @-webkit-keyframes bubblingG {0% {width: 10px; height: 10px; background-color:#3381ed; -webkit-transform: translateY(0); } 100% {width: 24px; height: 24px; background-color:#FFFFFF; -webkit-transform: translateY(-21px); } } @-ms-keyframes bubblingG {0% {width: 10px; height: 10px; background-color:#3381ed; -ms-transform: translateY(0); } 100% {width: 24px; height: 24px; background-color:#FFFFFF; -ms-transform: translateY(-21px); } } @-o-keyframes bubblingG {0% {width: 10px; height: 10px; background-color:#3381ed; -o-transform: translateY(0); } 100% {width: 24px; height: 24px; background-color:#FFFFFF; -o-transform: translateY(-21px); } } @keyframes bubblingG {0% {width: 10px; height: 10px; background-color:#3381ed; transform: translateY(0); } 100% {width: 24px; height: 24px; background-color:#FFFFFF; transform: translateY(-21px); } } - See more at: http://cssload.net/#sthash.S3sutj9t.dpuf .checkout {-moz-box-shadow:inset 0px 1px 0px 0px #97c4fe; -webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe; box-shadow:inset 0px 1px 0px 0px #97c4fe; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0) ); background:-moz-linear-gradient( center top, #3d94f6 5%, #1e62d0 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0'); background-color:#3d94f6; -webkit-border-top-left-radius:6px; -moz-border-radius-topleft:6px; border-top-left-radius:6px; -webkit-border-top-right-radius:6px; -moz-border-radius-topright:6px; border-top-right-radius:6px; -webkit-border-bottom-right-radius:6px; -moz-border-radius-bottomright:6px; border-bottom-right-radius:6px; -webkit-border-bottom-left-radius:6px; -moz-border-radius-bottomleft:6px; border-bottom-left-radius:6px; text-indent:0px; border:1px solid #337fed; display:inline-block; color:#ffffff; font-family:Arial; font-size:15px; font-weight:bold; font-style:normal; height:33px; line-height:33px; width:143px; text-decoration:none; text-align:center; text-shadow:1px 1px 0px #1570cd; } .checkout:hover {background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1e62d0), color-stop(1, #3d94f6) ); background:-moz-linear-gradient( center top, #1e62d0 5%, #3d94f6 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6'); background-color:#1e62d0; }.checkout:active {position:relative; top:1px; } .checkout.long {width:250px; } /* This button was generated using CSSButtonGenerator.com */ A  {//FONT-SIZE : 10px; COLOR : #ff9e1b; //FONT-FAMILY : Verdana, Arial, Helvetica; TEXT-DECORATION : none; } A:hover  {TEXT-DECORATION : underline; } BODY  {//height: 100.1%; //COLOR : #000000; //background-color: #ffffff; //background-image:url(bgs-winter2.jpg); //background-repeat:repeat; //background-position:top; } TD  {//COLOR : #000000; //FONT-FAMILY : Verdana, Arial, Helvetica; } .SRB  {BACKGROUND-COLOR : #eeeecc; } .a  {FONT-SIZE : 10px; //FONT-FAMILY : Verdana, Arial, Helvetica; } .a1  {//COLOR : #ff9e1b; font-size: 140%; font-weight : bold; } .a2  {FONT-SIZE : 16px; COLOR : red; //FONT-FAMILY : Verdana, Arial, Helvetica; } .a3  {FONT-SIZE : 11px; COLOR : #000000; //FONT-FAMILY : Verdana, Arial, Helvetica; } .a4  {FONT-SIZE : 11px; COLOR : #666666; //FONT-FAMILY : Verdana, Arial, Helvetica; } .normal  {//FONT-SIZE : 10px; COLOR : #000000; ////FONT-FAMILY : Verdana, Arial, Helvetica; } .normal1  {FONT-SIZE : 14px; COLOR : #000000; //FONT-FAMILY : Verdana, Arial, Helvetica; } .b  {FONT-SIZE : 10px; FONT-FAMILY : Arial, Helvetica; } .b4  {FONT-SIZE : 10px; COLOR : #666666; FONT-FAMILY : Arial, Helvetica; } .c  {FONT-SIZE : 10px; FONT-FAMILY : Arial, Helvetica; } .h  {FONT-SIZE : 10px; TEXT-INDENT : 1px; FONT-FAMILY : Arial, Helvetica; } .x  {FONT-SIZE : 8px; FONT-FAMILY : Arial, Helvetica; } .n  {FONT-SIZE : 11px; COLOR : #666666; //FONT-FAMILY : Verdana, Arial, Helvetica; } SELECT  {COLOR : #000000; } .d  {//FONT-FAMILY : Verdana, Arial, Helvetica;; font-weight : bold; font-size : 14px; color : #0000FF; list-style-type : circle; background-color : #C0C0C0; border-bottom-width : 1; } .hint  {//FONT-FAMILY : Verdana, Arial, Helvetica; //font-size : 9px; //font-size:1.4em; color : #000000; //line-height : 1.0em; //font-weight: bold; white-space: nowrap; } .price_hint  {//FONT-FAMILY : Verdana, Arial, Helvetica; font-size : 1.3em; color : #000000; line-height : 1.0em; font-weight: bold; } .price_netto {font-size:1em; } .price_brutto {font-weight:bold; } .sub  {//font-size : 11px; //FONT-FAMILY : Verdana, Arial, Helvetica; //font-size: 85%; color : #FFFFFF; } .subheader  {//FONT-FAMILY : Verdana, Arial, Helvetica; font-size : 14px; font-weight : bold; } .form_req  {//FONT-FAMILY : Verdana, Arial, Helvetica; color : #000000; font-size : 10px; font-weight : bold; } .form  {//FONT-FAMILY : Verdana, Arial, Helvetica; font-size : 10px; font-weight : normal; color : #000000; } .head_normal  {//FONT-FAMILY : Verdana, Arial, Helvetica; font-size : 11px; font-weight : bold; color : #C0C0C0; } .head_search  {//FONT-FAMILY : Verdana, Arial, Helvetica; font-size : 11px; font-weight : bold; color : #FFFF00; } /* .a_navi  {FONT-FAMILY : Verdana, Arial, Helvetica; font-size : 10px; color : #FFFFFF; } */ .attn  {//FONT-FAMILY : Verdana, Arial, Helvetica; color : red; font-weight : bold; } /*- Menu Tabs I--------------------------- */ #tabsI {position:relative; float:left; width:100%; font-size:13px; line-height:normal; } #tabsI ul {margin:0; padding:10px 10px 0 20px; list-style:none; } #tabsI li {display:inline; margin:0; padding:0; } #tabsI a {float:right; #background:url("tableftI.gif") no-repeat left top; margin:0; padding:0 0 0 1px; text-decoration:none; } #tabsI a span {float:left; display:block; background:url("tabrightI.gif") no-repeat right top; padding:3px 15px 4px 6px; color:#FFF; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabsI a span {float:none;} /* End IE5-Mac hack */ #tabsI a:hover span {color:#FFF; } #tabsI a:hover {background-position:0% -42px; } #tabsI a:hover span {background-position:100% -42px; } #tabsI #current a {background-position:0% -42px; } #tabsI #current a span {background-position:100% -42px; } /* Edit Markus Klumpp*/ .brut_price{font-size: 1.4em; font-weight:bold; color: #000; } .price_netto_list {font-size: 1.4em; font-weight: bold; color: #000; } .shipping_string{font-size: 0.8em; } .mwst_string{font-size: 1em; font-weight: bold; color: #444; } .pps{font-size: 0.8em; } .artikelreihe td{border: 1px solid black !important; } .omwst{font-size: 0.8em; font-weight: bold; color: #444; } .paypalHinweisText{color:#009CDE; } .paymethods_banner{float:left; } .paymethods_banner a  img{width: 15%; height: auto; } .paymethods_banner a:first-child  img{width: 30%; height: auto; } .internet_siegel{float:right !important; padding-right: 30px !important; } .internet_siegel a img{height: 60px; margin-top: -10px; } .siegel_banner{height: 60px !important; } .adminbereich h1 {text-align: center; } .adminbereich form{margin: auto; text-align: center; } .adminbereich button {margin-top: 10px; margin: auto; position: relative; display: block; } #banner_loeschen input[type="radio"] {width: 40px; transform: scale(1.5); } .adminbereich form:nth-child(odd) {background-color: rgba(170, 170, 170, 0.15); } .adminbereich form {padding: 20px; padding-bottom: 40px; } .adminbereich table{list-style: none; display: inline-table; } .adminbereich table {width: 50%; margin: auto; } #add_a_banner{margin: auto; display: inline-flex; } #add_a_banner span {float: left; padding: 7px; } #add_a_banner input {float: left; padding-right: 7px; } .the_preislist{font-family: 'Open Sans', sans-serif; } .old_table{font-family: 'Open Sans', sans-serif; } .preisstaffel_new blockquote {background-color: #3A539B; color: white; } .the_preislist {font-size: 16px; color: black; } .preisstaffel_new blockquote {background-color: #3A539B; color: white; padding: 0; margin: -5px; } .preisstaffel_new tr td tr td {border: 1px solid black !important; } .preisstaffel_new tr td tr td:nth-child(2) {border-left:none !important } .preisstaffel_new tr td tr td:nth-child(3) {border-left:none !important } .preisstaffel_new tr th {border: 1px solid black !important; border-bottom:none !important; } .preisstaffel_new tr th:nth-child(2) {border-left:none !important; border-bottom:none !important; } .preisstaffel_new tr th:nth-child(3) {border-left:none !important; border-bottom:none !important; } .visual_main > div {float: left; width: 20%; } .visual_main > div > div {margin: auto; width: 100px; height: 100px; display: block; white-space: inherit; border-radius: 100px; } .visual_main {margin-top: 15px; margin-left: 25%; } .visual_main > div > div {margin: auto; width: 100px; height: 100px; display: table-cell; white-space: inherit; vertical-align: middle; border-radius: 400px; font-size: 12px; } .faq_row:first-child{margin-top: 45px; } .faq_row {margin-top: 20px; display: inline-block; width:100%; } .faq_row h2{cursor: pointer; display: inherit; color: #666; font-weight: normal !important; font-size:20px; width: 100%; text-align: left !important; } .faq_row h2 span{display: block; float: left; } .faq_row h2 span:first-child{width: 5%; } .faq_row h2 span:nth-child(2){width: 95%; } .faq_row p{text-align:justify; text-align-last:left; margin-left: 5%; font-size: 18px; width: 95%; } .versand_content p{text-align: justify !important; }