Results of the CSS crunched for seiler-gerstmann.de

Let's see what we've done for seiler-gerstmann.de

CSSCruncher.com has crunched this CSS to
8.99 %Less Size! Yes!

BUT UHH OHH! We found some errors in your CSS code!

Crunched CSS code:

@charset "utf-8";*{margin:0;padding:0}
html{overflow-y:scroll}
body{background:url(../images/bg/body.jpg) top center repeat;font:normal normal normal 82%/1.5em Arial,Helvetica,sans-serif;color:#3f3f3f}
a{color:#a91212;text-decoration:none}
a:hover,a:focus{color:#a91212;background:#fff;outline:none}
ul{list-style:none}
img{border:none}
p,address{margin-bottom:40px;font-style:normal}
h2{background:url(../images/bg/h2.png) 0 0 no-repeat;font-size:2.73em;font-weight:normal;text-transform:uppercase;padding:25px 15px 18px 15px;color:#dbdad6;text-shadow:1px 1px 1px #3f4f4f;margin-bottom:9px}
h3{background:url(../images/bg/h3.png) 0 0 no-repeat;padding:8px 15px 18px 15px;margin-bottom:9px}
h3.vcard{background:url(../images/bg/vcard.png) 0 0 no-repeat;padding:8px 15px 18px 40px;text-shadow:1px 1px 2px #c7b486}
h3.vcard a{color:#3f3f3f}
#footer h2{text-align:right}
.container{width:960px;margin:auto}
.container strong{font-weight:normal}
#top{background:url(../images/bg/top.png) 0 0 repeat-x}
#clouds{background:url(../images/bg/clouds.png) repeat-x scroll left top}
#header{background:url(../images/bg/header.png) top center no-repeat;height:348px;padding:101px 0 0 0}
#header h1 a{background:url(../images/bg/h1.png) 0 0 no-repeat;width:298px;height:108px;display:block}
#header h1 a:hover{background-position:0 -108px}
#navi{background:rgba(107,128,145,0.7);font-size:1.25em;height:27px;padding:6px 0 0 0;margin-bottom:1px}
#navi li{display:inline-block}
#navi li a{color:#e4e4df;text-decoration:none;padding:7px 18px}
#navi li a:hover,#index #navi li.n01 a,#michael #navi li.n02 a,#webdesign-referenzen #navi li.n03 a,#musikproduktion #navi li.n04 a{color:#fff;text-decoration:none;background:rgba(107,128,145,1.0)}
.hidden{font-size:0.001em;line-height:0.001em;display:block;overflow:hidden;width:1px;height:1px;position:absolute;top:-1px;left:-1px}
.left{float:left}
.right{float:right}
.col{width:48%}
p.gal{margin-bottom:15px}
.w228{width:228px;margin-right:16px}
.w228 p.gal a img{border:5px solid #5f6357;display:inline}
.w228 p.gal a:hover img{border:5px solid #c7ad45}
.w472{width:472px}
.w60p{width:60%}
.w38p{width:38%}
.w472 ul li{margin:0 0 0 15px;background:url(../images/ok.png) 0 0 no-repeat;padding:0 0 7px 24px}
.w472 .slideViewer ul li,.w472 .thumbSlider ul li{padding:0;margin:0;background:none}
.m16{margin-right:16px}
.last{margin:0px 0px 0px -1px}
.line{background:url(../images/bg/line.png) 0 0 no-repeat;min-height:6px;height:6px;max-height:6px;width:960px;margin:20px auto}
.line2{background:url(../images/bg/line.png) 0 0 no-repeat;min-height:6px;height:6px;max-height:6px;margin:20px auto}
.webdesign-help{margin:0 auto 20px auto}
.teaser{padding:0px}
.teaser p{margin:0;padding:0}
.teaser p strong,h3{font:normal normal normal 1.35em/1.35em Georgia,"Times New Roman",Times,serif;text-shadow:1px 1px #fff}
.container div:hover{color:#000}
.soundcloudplaylist{position:relative}
.hinweisbox .delete{position:absolute;height:134px;width:960px;background:#ccc url(../images/bg/soundcloudhilfe.png) 0 0 no-repeat;z-index:444}
.container::selection{background:#fff;color:#3f3f3f}
.container::-moz-selection{background:#fff;color:#3f3f3f}

» Show original CSS code

« Hide original CSS code

@charset "utf-8";
/* allgemein */
*{margin:0;padding:0;}
html{overflow-y:scroll;}
body{background:url(../images/bg/body.jpg) top center repeat;font: normal normal normal 82%/1.5em Arial, Helvetica, sans-serif;color:#3f3f3f}
a{color:#a91212;text-decoration:none;}
a:hover, a:focus{color:#a91212; background:#fff; outline:none}
ul{list-style:none}
img {border:none}
p, address{margin-bottom:40px; font-style:normal;}
h2{background:url(../images/bg/h2.png) 0 0 no-repeat; font-size:2.73em; font-weight:normal; text-transform:uppercase; padding:25px 15px 18px 15px; color:#dbdad6; text-shadow:1px 1px 1px #3f4f4f; margin-bottom:9px;}
h3{background:url(../images/bg/h3.png) 0 0 no-repeat; padding:8px 15px 18px 15px; margin-bottom:9px;}
h3.vcard{background:url(../images/bg/vcard.png) 0 0 no-repeat; padding:8px 15px 18px 40px;text-shadow:1px 1px 2px #c7b486}
h3.vcard a{color:#3f3f3f;}
#footer h2{text-align:right;}

.container{width:960px;margin:auto}
.container strong{font-weight:normal;}
#top{background:url(../images/bg/top.png) 0 0 repeat-x;}
#clouds{background:url(../images/bg/clouds.png) repeat-x scroll left top;}
/* header */
#header{background:url(../images/bg/header.png) top center no-repeat; height:348px; padding:101px 0 0 0;}
#header h1 a{background:url(../images/bg/h1.png) 0 0 no-repeat; width:298px; height:108px; display:block;}
#header h1 a:hover{background-position:0 -108px;}

/* navi */
#navi{ background: rgba(107, 128, 145, 0.7); font-size:1.25em; height:27px; padding:6px 0 0 0; margin-bottom:1px;}
#navi li{display:inline-block;}
#navi li a{color:#e4e4df;text-decoration:none; padding:7px 18px;}
#navi li a:hover, #index #navi li.n01 a, #michael #navi li.n02 a, #webdesign-referenzen #navi li.n03 a, #musikproduktion #navi li.n04 a{color:#fff;text-decoration:none; background: rgba(107, 128, 145, 1.0);}

/* allgemein */
.hidden{font-size:0.001em;line-height:0.001em;display:block;overflow:hidden;width:1px;height:1px;position:absolute; top:-1px;left:-1px}
.left{float:left;}
.right{float:right;}
.col{width:48%;}
p.gal{margin-bottom:15px;}
.w228{width:228px; margin-right:16px;}
	.w228 p.gal a img{border:5px solid #5f6357; display:inline}
	.w228 p.gal a:hover img{/*border-left:5px solid #4e5147; border-top:5px solid #4e5147; border-right:5px solid #2c2e28; border-bottom:5px solid #2c2e28;*/ border:5px solid #c7ad45;}
.w472{width:472px;}
.w60p{width:60%;}
.w38p{width:38%;}

.w472 ul li{margin:0 0 0 15px; background:url(../images/ok.png) 0 0 no-repeat; padding:0 0 7px 24px;}
.w472 .slideViewer ul li, .w472 .thumbSlider ul li{padding:0; margin:0; background:none;}
.m16{margin-right:16px;}
.last{margin:0px 0px 0px -1px;}

.line{background:url(../images/bg/line.png) 0 0 no-repeat; min-height:6px; height:6px; max-height:6px; width:960px; margin:20px auto;}
.line2{background:url(../images/bg/line.png) 0 0 no-repeat; min-height:6px; height:6px; max-height:6px; margin:20px auto;}
.webdesign-help{margin:0 auto 20px auto;}
.teaser{padding:0px;}
.teaser p{margin:0; padding:0;}
.teaser p strong, h3{font: normal normal normal 1.35em/1.35em Georgia, "Times New Roman", Times, serif; text-shadow:1px 1px #fff;}
.container div:hover{color:#000;}
.soundcloudplaylist{position:relative;}
.hinweisbox .delete{position:absolute; height:134px; width:960px; background:#ccc url(../images/bg/soundcloudhilfe.png) 0 0 no-repeat; z-index:444}
.container ::selection {background: #fff; color: #3f3f3f;}
.container ::-moz-selection{background: #fff; color: #3f3f3f;}

Some information about this website:

URL: http://seiler-gerstmann.de/
CSS URL: http://seiler-gerstmann.de/css/styles.css
Language: de
Charset: utf-8
Title: Webdesign Berlin Referenzen und Portfolio Michael Seiler-Gerstmann
Meta-Description: Webdesign Portfolio von Michael Seiler-Gerstmann. Webdesign aus Berlin.