Tune up your CSS
CSSCruncher.com is your premier ressource for valid, small and fancy CSS code!
» Homepage
» FAQ
» Partner
» Imprint
Last crunched Pages
» rogator.de
» grandeidea.info
» walther-flender-gruppe...
» billigfluege.de
» pregnancymiracle44.com
» More in the ARCHIVE
Tipp
Let's see what we've done for www.kredit-und-kredite.de
CSSCruncher.com has crunched this CSS to
22.06 %
Less Size!
That's Incredible!
Crunched CSS code:
body,td,th{font-family:Arial,Helvetica,sans-serif;font-size:75%;color:#666} body{background-color:#ABABAB;margin-left:0px;margin-top:0px;margin-right:0px;margin-bottom:0px;background-image:url(/images/background_bed.jpg);background-repeat:no-repeat;background-position:top center} .garantie{padding-left:20px;padding-top:20px} .check-left{float:left;width:85%} .check-right{float:right;width:15%;text-align:right} .check{clear:both;width:100%;display:none;color:#999} .check-block{margin-bottom:20px} form{margin:0} .hidden{display:none} .search-form{float:right;margin-left:20px} .searchForm{height:15px;font-size:1.1em;margin-top:-3px;border:1px solid #ccc;color:#777} .img-search{vertical-align:middle} .label-search{float:left} img{border:0;vertical-align:middle;padding-right:5px;text-decoration:none} .img2{border:0;padding:0} #box-content ul{list-style:none;border-bottom:1px dotted #AAAAAA;padding-left:0;margin-left:0} #box-content li{background-image:url(/images/bullet.gif);background-repeat:no-repeat;padding:4px 0 4px 35px;border-top:1px dotted #AAAAAA} #page{margin:auto;width:940px} #wrapper{margin:auto;width:940px} #box-header{height:90px;width:940px} #logo{float:left;width:200px;text-align:left;height:90px} #mainmenue{float:left;margin-top:33px;width:730px;text-align:right} #box-topmenue{float:left;margin-top:10px;width:730px;text-align:right;height:20px} #box-menue{float:left;width:189px;color:#666;margin-top:130px;background-image:url(/images/png1.png);margin-right:2px} #box-content{float:left;width:510px;margin-top:130px;background-color:#fff;padding:20px} #box-teaser{float:left;width:190px;height:161px;margin-top:47px;margin-left:2px} #box-footer{margin:auto;width:550px;margin-top:10px;margin-bottom:10px;color:#666;font-size:0.9em} #slogan{padding-left:210px;padding-top:20px;font-size:2em} #cc{margin-top:20px} h1{margin-top:0;font-size:1em;color:#666;font-weight:300;line-height:1em} h2{font-size:1.4em;color:#666} h3{margin-top:0;font-size:1.4em;color:#333;font-weight:lighter;line-height:1em} .cteaser-credit h3{margin-top:0;font-size:1.4em;color:#6F9E3E;font-weight:lighter;line-height:1em} .cteaser-contact h3{margin-top:0;font-size:1.4em;color:#6F9E3E;font-weight:lighter;line-height:1em} .block3 h2{font-size:1.4em;color:#666;margin-bottom:0} .clear{clear:both} .ident1{text-indent:3em} #mainmenue ul{display:inline;margin:0;padding:0;list-style-type:none} #mainmenue ul li{display:inline;list-style-type:none;padding:0;margin:0;padding-right:10px;padding-left:10px;padding-top:8px;padding-bottom:8px;border-right:1px solid #6F9D40} #box-topmenue ul{display:inline;margin:0;padding:0;list-style-type:none} #box-topmenue ul li{display:inline;list-style-type:none;padding:0;margin:0;padding-right:10px;padding-left:10px;border-right:1px solid #ccc} #box-menue ul{margin:0;padding:0;list-style-type:none} #box-menue ul li{list-style-type:none;padding:0;margin:0;padding-right:12px;padding-left:12px;padding-top:5px;padding-bottom:5px;border-bottom:1px solid #fff} .block{border-top:1px solid #ccc;margin-top:15px} .block2{margin-top:15px} .block3{border-top:1px solid #ccc;margin-top:15px} .small{font-size:0.9em} .cteaser-contact{margin-top:83px;color:#333;background-image:url(/images/png1.png)} .cteaser-box{padding:10px} .cteaser-credit{margin-top:10px;color:#333;background-image:url(/images/png1.png)} .cteaser-customer{margin-top:10px;color:#666} .button{background-image:url(/images/bg_mainmenue.jpg);color:#fff;height:25px;width:80px} .cteaser-box label{display:block;float:left;width:80px} .cteaser-box input{display:block;float:left;width:90px;border:1px solid #ccc;margin-bottom:5px} .cteaser-box select{display:block;float:left;width:90px;margin-bottom:5px;border:1px solid #ccc} .cteaser2 label{display:block;float:left;width:80px} .cteaser2 input{display:block;float:left;width:90px;border:1px solid #ccc;margin-bottom:5px} .cteaser2 select{display:block;float:left;width:90px;margin-bottom:5px;border:1px solid #ccc} #box-content label{display:block;float:left;width:160px;margin-right:20px} #box-content input{display:block;float:left;width:220px;border:1px solid #ccc;margin-bottom:5px} #box-content select{display:block;float:left;width:220px;margin-bottom:5px;border:1px solid #ccc} #box-content textarea{display:block;float:left;width:320px;margin-bottom:5px;border:1px solid #ccc} #box-content input[type="hidden"]{display:none;border:0px;width:25px} .inpt-credit{font-size:1.6em;border:1px solid #fff} .sel-60{width:60px} .disclaimer{margin-left:140px;margin-top:10px} .left{float:left;width:180px;text-align:right;margin-right:0px} .right{float:left;width:300px;text-align:left} .checkbox{width:25px;border:0} .line{padding-left:17px} #tooltip{position:absolute;z-index:3000;border:1px solid #ccc;background-color:#ccc;padding:5px} #tooltip h3,#tooltip div{margin:0;font-size:1em;font-weight:normal} .tip{margin-left:10px} .ctip{margin-left:10px;float:left;background-color:#e5e5e5;padding:3px 3px 3px 3px} .invalid{background-color:#f2f2f2} .cc label{width:60px} .txt-1{width:60px} .txt2{width:40px;margin-left:30px} .txt3{width:90px;margin-left:20px} .txt4{width:90px}
» Show original CSS code
« Hide original CSS code
body,td,th { font-family: Arial, Helvetica, sans-serif; font-size: 75%; color: #666; } body { background-color: #ABABAB; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background-image: url(/images/background_bed.jpg); background-repeat: no-repeat; background-position:top center; } .garantie { padding-left:20px; padding-top:20px; } .check-left { float:left; width:85%; } .check-right { float:right; width:15%; text-align:right; } .check { clear:both; width:100%; display:none; color:#999; } .check-block { margin-bottom:20px; } form { margin:0; } .hidden { display:none; } .search-form { float:right; margin-left:20px; } .searchForm { height:15px; font-size:1.1em; margin-top:-3px; border:1px solid #ccc; color:#777; } .img-search { vertical-align:middle; } .label-search { float:left; } img { border:0; vertical-align:middle; padding-right:5px;text-decoration:none; } .img2 { border:0; padding:0 } #box-content ul { list-style: none; border-bottom: 1px dotted #AAAAAA; padding-left: 0; margin-left: 0; } #box-content li { background-image: url(/images/bullet.gif); background-repeat: no-repeat; padding: 4px 0 4px 35px; border-top: 1px dotted #AAAAAA; } #page { margin:auto; width:940px; } #wrapper { margin:auto; width:940px; } #box-header { height:90px; width:940px; } #logo { float:left; width:200px; text-align:left;height:90px; } #mainmenue { float:left; margin-top:33px; width: 730px;text-align:right; } #box-topmenue { float:left; margin-top:10px; width: 730px;text-align:right; height:20px; } #box-menue { float:left; width:189px; color:#666; margin-top:130px; background-image:url(/images/png1.png); margin-right:2px; } #box-content { float:left; width:510px; margin-top:130px; background-color:#fff; padding: 20px; } #box-teaser { float:left; width:190px; height:161px; margin-top:47px; margin-left:2px; } #box-footer { margin:auto; width:550px; margin-top:10px; margin-bottom:10px; color:#666; font-size:0.9em; } #slogan { padding-left: 210px; padding-top:20px; font-size:2em; } #cc { margin-top:20px; } h1 { margin-top:0; font-size:1em; color:#666; font-weight:300; line-height:1em; } h2 { font-size:1.4em; color:#666; } h3 { margin-top:0; font-size:1.4em; color:#333; font-weight: lighter; line-height:1em; } .cteaser-credit h3 { margin-top:0; font-size:1.4em; color:#6F9E3E; font-weight: lighter; line-height:1em; } .cteaser-contact h3 { margin-top:0; font-size:1.4em; color:#6F9E3E; font-weight: lighter; line-height:1em; } .block3 h2 { font-size:1.4em; color:#666; margin-bottom:0; } .clear { clear:both; } .ident1 { text-indent: 3em; } #mainmenue ul { display:inline; margin:0; padding:0; list-style-type:none; } #mainmenue ul li { display:inline; list-style-type:none; padding:0; margin:0; padding-right:10px; padding-left:10px; padding-top: 8px; padding-bottom:8px; border-right:1px solid #6F9D40; } #box-topmenue ul { display:inline; margin:0; padding:0; list-style-type:none; } #box-topmenue ul li { display:inline; list-style-type:none; padding:0; margin:0; padding-right:10px; padding-left:10px; border-right:1px solid #ccc; } #box-menue ul { margin:0; padding:0; list-style-type:none; } #box-menue ul li { list-style-type:none; padding:0; margin:0; padding-right:12px; padding-left:12px; padding-top: 5px; padding-bottom:5px; border-bottom:1px solid #fff; } .block { border-top:1px solid #ccc; margin-top:15px; } .block2 { margin-top:15px; } .block3 { border-top:1px solid #ccc; margin-top:15px; } .small { font-size:0.9em; } .cteaser-contact { margin-top:83px; color:#333; background-image:url(/images/png1.png); } .cteaser-box { padding:10px; } .cteaser-credit { margin-top:10px; color:#333; background-image:url(/images/png1.png); } .cteaser-customer { margin-top:10px; color:#666; } .button { background-image:url(/images/bg_mainmenue.jpg); color:#fff; height:25px; width:80px; } .cteaser-box label { /* Alle Labels UND Formularelemente auswählen */ display: block; float: left; width: 80px; /* Breite.*/ } .cteaser-box input { /* Alle Labels UND Formularelemente auswählen */ display: block; float: left; width: 90px; border:1px solid #ccc; margin-bottom:5px; } .cteaser-box select { /* Alle Labels UND Formularelemente auswählen */ display: block; float: left; width:90px; margin-bottom:5px; border:1px solid #ccc; } .cteaser2 label { /* Alle Labels UND Formularelemente auswählen */ display: block; float: left; width: 80px; /* Breite.*/ } .cteaser2 input { /* Alle Labels UND Formularelemente auswählen */ display: block; float: left; width: 90px; border:1px solid #ccc; margin-bottom:5px; } .cteaser2 select { /* Alle Labels UND Formularelemente auswählen */ display: block; float: left; width:90px; margin-bottom:5px; border:1px solid #ccc; } #box-content label { /* Alle Labels UND Formularelemente auswählen */ display: block; float: left; width: 160px; /* Breite.*/ margin-right:20px; } #box-content input { /* Alle Labels UND Formularelemente auswählen */ display: block; float: left; width: 220px; border:1px solid #ccc; margin-bottom:5px; } #box-content select { /* Alle Labels UND Formularelemente auswählen */ display: block; float: left; width:220px; margin-bottom:5px; border:1px solid #ccc; } #box-content textarea { /* Alle Labels UND Formularelemente auswählen */ display: block; float: left; width:320px; margin-bottom:5px; border:1px solid #ccc; } #box-content input[type="hidden"] { /* Alle Labels UND Formularelemente auswählen */ display: none; border:0px; width:25px; } .inpt-credit { font-size:1.6em; border:1px solid #fff; } .sel-60 { width:60px; } .disclaimer { margin-left:140px; margin-top:10px; } .left { float:left; width:180px;text-align:right;margin-right:0px; } .right { float:left; width:300px; text-align:left; } .checkbox { width:25px; border:0; } .line { padding-left:17px; } #tooltip { position: absolute; z-index: 3000; border: 1px solid #ccc; background-color: #ccc; padding: 5px; } #tooltip h3, #tooltip div { margin: 0; font-size:1em; font-weight:normal; } .tip { margin-left:10px } .ctip {margin-left:10px; float:left; background-color:#e5e5e5; padding:3px 3px 3px 3px; } .invalid { background-color: #f2f2f2; } .cc label { width:60px; } .txt-1 { width:60px; } .txt2 { width:40px;margin-left:30px; } .txt3 { width:90px;margin-left:20px; } .txt4 { width:90px; }