Results of the CSS crunched for www.xyzettgraphix.com

Let's see what we've done for www.xyzettgraphix.com

CSSCruncher.com has crunched this CSS to
29.86 %Less Size! I cant't believe it!

Crunched CSS code:

ul,ol{list-style:none}
h1,h2,h3,h4,h5,h6,pre,code{font-size:1em;font-weight:normal}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,dl,dt,dd{margin:0;padding:0}
img,a img,:link img,:visited img,fieldset{border:none}
img{margin:0;padding:0;vertical-align:bottom}
address{font-style:normal}
table{border:none;padding:0px;margin:0px;border-spacing:0px;font-size:1em}
tr{border:none;padding:0px;margin:0px}
td{border:none;padding:0px;margin:0px;vertical-align:top;border-spacing:0px}
legend{display:none}
hr{margin:0px;padding:0px}
dl{margin:0 0 0 0}
dl dt{margin:0 0 0 0}
dl dd+dt{margin-top:0}
dl dd{margin:0 0 0 0}
ol{list-style:none}
ol li{margin:0 0 0 0}
ol li ol{margin:0 0 0 0}
ol li ul{margin:0 0 0 0}
p{margin-bottom:0em}
ul{list-style:none}
ul li{margin:0 0 0 0}
ul li ul{margin:0 0 0 0;list-style:none}
ul li ol{margin:0 0 0 0}
pre{font-size:1.2em}
a, a:hover{text-decoration:none}
html,body{color:#666;font-family:Georgia,Tahoma,Helvetica,Arial;font-size:11px;width:100%;height:100%;background-color:#000}
a{color:#fff;text-decoration:underline}
div#wrapper{background-image:url("http://www.xyzettgraphix.com/files/wrapperbg.gif");background-repeat:repeat-x;height:auto !important;margin:0 auto;position:relative;width:800px;z-index:3}
div#innerwrap{height:auto !important;margin:0 auto;padding:0px;position:relative;width:800px;background-repeat:repeat-y;z-index:3}
#header{background-image:url("http://www.xyzettgraphix.com/files/header.png");background-position:0% 0%;background-repeat:no-repeat;float:left;height:156px;width:800px}
#navi{background-position:0% 100%;background-image:url("http://www.xyzettgraphix.com/files/wrapperbg2.gif");background-repeat:repeat-x;padding:18px 0 18px 0;float:left;line-height:24px;width:800px}
#navi ul li a,#footer ul li a{color:#AE9962;font-family:Georgia;font-weight:normal;font-size:16px;letter-spacing:0.15em;font-style:italic;text-decoration:none}
#navi ul li a:hover,#navi ul li a.active,#navi ul li a.rex-current, #footer ul li a:hover,#footer ul li a.active,#footer ul li a.rex-current{color:#fff}
#footer ul li a{font-size:12px;line-height:23px}
#header ul{float:left;margin-top:205px}
#header ul li{float:left;font-size:11px;background-repeat:no-repeat;background-position:0px 3px}
#header ul li a{padding:0 5px 0 5px}
#header ul li a:hover, #header ul li a.rex-current{color:#0baee6}
div#content{float:left}
div#content p{padding-bottom:12px;line-height:18px}
div#content h2{font-size:29px;padding-bottom:5px}
.box{}
div#footnote{background-position:100% 0%;background-image:url("http://www.xyzettgraphix.com/files/wrapperbg2.gif");background-repeat:repeat-x;font-size:11px;float:left;width:800px;padding-top:10px;height:10px;margin-top:20px}
#metro{width:1px;height:1px;bottom:0px}
div#footer{background-position:100% 100%;background-image:url("http://www.xyzettgraphix.com/files/wrapperbg2.gif");background-repeat:repeat-x;width:800px;position:relative;margin:0 auto;height:130px;margin-bottom:20px}
div#footer .l,div#footer .r{color:#FFF;float:left;width:300px}
div#footer .r{line-height:20px;width:500px}
#navi{background-position:0% 100%;background-image:url("http://www.xyzettgraphix.com/files/wrapperbg2.gif");background-repeat:repeat-x;padding:18px 0 18px 0;float:left;line-height:24px;width:800px}
pre{display:none}
.clearfix:after{clear:both;content:".";display:block;height:0;visibility:hidden}
#outerwrap{margin:auto;min-height:100%;height:auto !important;height:100%;overflow:hidden !important}
#toolbar{position:fixed;top:145px;width:158px;z-index:10;float:left;left:-129px}
#toolbar #top{height:12px;float:left;width:133px;background-image:url("http://www.xyzettgraphix.com/files/toolbar_top.png")}
#toolbar #center{float:left;width:133px;background-color:#AE9962}
#toolbar #bottom{height:12px;width:133px;float:left;background-image:url("http://www.xyzettgraphix.com/files/toolbar_bottom.png")}
#toolbar ul{padding:0 0 5px 11px}
#toolbar ul li,#toolbar ul li a{color:#FFF;letter-spacing:0.12em;font-size:10px;text-decoration:none}
#toolbar ul li,#toolbar ul li a{color:#FFF}
#toolbar hr{height:2px;border:0px;width:120px;float:left;background-image:url("http://www.xyzettgraphix.com/files/border.gif");background-repeat:repeat-x;margin-bottom:8px}
#toolbar ul li{padding-bottom:5px}
#toolbar ul li a{font-style:italic;font-weight:bold;text-transform:uppercase;line-height:17px;padding-bottom:0px}
#toolbar ul li a.active, #toolbar ul li a:hover, #toolbar ul li a.rex-current{color:#000}
#toolbar #panel1,#toolbar #panel2{width:23px;height:80px;cursor:pointer;padding-top:50px;float:left}
.newsblock,.simple{height:223px;float:left;width:799px;margin:24px 0px 0 0;border:1px solid #fff}
.simple{height:223px}
.newsblock hr,.newsdetail hr{border:0px;height:1px;margin-top:10px;width:290px;background-color:#FFF;float:left}
.newsblock img,.newsdetail img{float:left}
.newsblock .l,.newsdetail .l,.simple .l{padding:5px;width:290px;float:left;height:213px;background-color:#ae9962}
.newsblock h2,.newsdetail h2{float:left;font-weight:bold;color:#FFF;padding-top:95px}
.newsblock p,.newsdetail p,.simple p{color:#FFF;float:left;font-size:12px;line-height:30px;padding:10px 5px 5px 5px}
.newsdetail p{padding:4px 5px 5px 5px}
.newsblock .newsmore img{position:relative;top:-59px;left:300px}
.newsdetail .hidedetails img{position:absolute;top:50px;z-index:10;left:299px}
.newsdetail .showdetails img{position:absolute;top:50px;z-index:102;left:0px}
.newsdetail{height:488px;float:left;width:798px;margin:24px 0px 0 0;border:1px solid #fff}
.newsdetail .detailinfo .l{height:478px;width:289px}
.newsdetail h3{padding:10px 0 0 5px;margin:0px;color:#fff;float:left;font-weight:bold;font-style:italic}
.jqGSPagination ul{position:relative;top:-30px;float:right;width:auto;height:30px}
.diawrap{cursor:pointer}
.jqGSPagination ul li{float:left}
.jqGSPagination ul li a{background-color:#AE9962;margin:0 5px 0px 0;float:left;padding:2px 8px 2px 8px}
.jqGSPagination ul li a{color:#fff;display:block;font-size:12px;text-decoration:none}
.detailinfo{position:relative}
.detailinfo p a{color:#000;text-decoration:underline}
.detailinfo .l{width:300px;position:absolute;z-index:100;background-color:#AE9962;height:488px}
.detailinfo .l p,.detailinfo .l h3{clear:both}
#content .newsblock .l h2,#content .newsdetail .detailinfo .l h2{font-size:25px}
.clearfix{display:inline-block}
* html .clearfix{height:1%}
.clearfix{display:block}

» Show original CSS code

« Hide original CSS code

ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; font-weight:normal; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dt, dd { margin:0; padding:0 }
img, a img,:link img,:visited img, fieldset { border:none }
img { margin:0; padding:0; vertical-align:bottom; }
address { font-style:normal }
table {	border:none; padding:0px; margin:0px; border-spacing:0px; font-size:1em;}
tr { border:none; padding:0px; margin:0px; }
td { border:none; padding:0px; margin:0px; vertical-align:top; border-spacing:0px; }
legend { display:none; }

/* reset */

hr{
margin: 0px;
padding: 0px;
}
dl			{margin: 0 0 0 0;}
dl dt		{margin: 0 0 0 0;}
dl dd+dt	{margin-top: 0;}
dl dd		{margin: 0 0 0 0;}

ol			{list-style: none;}
ol li		{margin: 0 0 0 0;}
ol li ol	{margin: 0 0 0 0;}
ol li ul	{margin: 0 0 0 0;}

p			{margin-bottom: 0em;}

ul{list-style: none;}
ul li		{margin: 0 0 0 0;}
ul li ul	{margin: 0 0 0 0; list-style: none;}
ul li ol	{margin: 0 0 0 0;}

pre			{font-size:1.2em; }

a,
a:hover { text-decoration:none; }

html, body{
        color: #666;
        font-family: Georgia, Tahoma, Helvetica, Arial;
        font-size: 11px;
        width: 100%;
        height: 100%; /* Anzeigebereich in der Vertikalen auf 100% strecken */
        background-color: #000;
}

a{
        color: #fff;
	text-decoration: underline;
}

div#wrapper{
        background-image: url("http://www.xyzettgraphix.com/files/wrapperbg.gif");
        background-repeat: repeat-x;
        height: auto !important; /* !important-Regel f?r moderne Browser */
        margin: 0 auto; 
        position: relative;
        width: 800px;
        z-index: 3;

}

div#innerwrap{
        height: auto !important; /* !important-Regel f?r moderne Browser */
        margin: 0 auto; 
        padding: 0px;
        position: relative;
        width: 800px;
        background-repeat: repeat-y;
        z-index: 3;
}

#header{
        background-image: url("http://www.xyzettgraphix.com/files/header.png");
        background-position: 0% 0%;
        background-repeat: no-repeat;
        float: left;
        height: 156px;
        width: 800px;  
}

#navi{
        background-position: 0% 100%;
        background-image: url("http://www.xyzettgraphix.com/files/wrapperbg2.gif");       
        background-repeat: repeat-x;
        padding: 18px 0 18px 0;
        float: left;
        line-height: 24px;
        width: 800px;  
}

#navi ul li a,#footer ul li a{
        color: #AE9962;
        font-family: Georgia;
        font-weight: normal;
        font-size: 16px;
        letter-spacing: 0.15em;
        font-style: italic;
	text-decoration: none;
}

#navi ul li a:hover,#navi ul li a.active,#navi ul li a.rex-current,
#footer ul li a:hover,#footer ul li a.active,#footer ul li a.rex-current{
        color: #fff;
}

#footer ul li a{
        font-size: 12px;
        line-height: 23px;
}

#header ul{
        float: left;
        margin-top: 205px;
}

#header ul li{
        float: left;
        font-size: 11px;
        background-repeat: no-repeat;
        background-position: 0px 3px;
}

#header ul li a{
        padding: 0 5px 0 5px;
}

#header ul li a:hover,
#header ul li a.rex-current{
        color: #0baee6;
}

div#content{
        float: left;

}

div#content p{
        padding-bottom: 12px;
        line-height: 18px;
}

div#content h2{
       font-size: 29px;
       padding-bottom: 5px;
}

.box{

}

div#footnote {
        background-position: 100% 0%;
        background-image: url("http://www.xyzettgraphix.com/files/wrapperbg2.gif");       
        background-repeat: repeat-x;
        font-size: 11px;
        float: left;
        width: 800px;
        padding-top: 10px;
        height: 10px;
        margin-top: 20px;
}

#metro{width: 1px; height: 1px; bottom: 0px;}

div#footer {
        background-position: 100% 100%;
        background-image: url("http://www.xyzettgraphix.com/files/wrapperbg2.gif");       
        background-repeat: repeat-x;
        width: 800px;
        position: relative;
        margin: 0 auto; 
        height: 130px;
        margin-bottom: 20px;
}

div#footer .l,div#footer .r{
       color: #FFF;
       float: left;
       width: 300px;

}

div#footer .r{
       line-height: 20px;
       width: 500px;
}

pre { display:none }

.clearfix:after {
       clear: both;
       content: ".";
       display: block;
       height: 0;
       visibility: hidden;
}

#outerwrap{
       margin: auto; /* Div soll zentriert werden */
       min-height: 100%; /* Mindesth?he f?r moderne Browser */
       height:auto !important; /* Important Regel f?r moderne Browser */
       height:100%; /* Mindesth?he f?r den IE */
       overflow: hidden !important; /* FF Scroll-leiste */ 
}

#toolbar{
       position: fixed;
       top: 145px;
       width: 158px;
       z-index: 10;
       float: left;
       left: -129px;
}

#toolbar #top{
       height: 12px;
       float: left;
       width: 133px;
       background-image: url("http://www.xyzettgraphix.com/files/toolbar_top.png");
}

#toolbar #center{
       float: left;
       width: 133px;
       background-color: #AE9962;
}

#toolbar #bottom{
       height: 12px;
       width: 133px;
       float: left;
       background-image: url("http://www.xyzettgraphix.com/files/toolbar_bottom.png");
}

#toolbar ul{
        padding: 0 0 5px 11px;
}

#toolbar ul li,#toolbar ul li a{
       color: #FFF;
        letter-spacing: 0.12em;
       font-size: 10px;
	text-decoration: none;
}
           
#toolbar ul li,#toolbar ul li a{
       color: #FFF;
}

#toolbar hr{
       height: 2px;
       border: 0px;
       width: 120px;
       float: left;
       background-image: url("http://www.xyzettgraphix.com/files/border.gif");
       background-repeat: repeat-x;
       margin-bottom: 8px;
}

#toolbar ul li{
       padding-bottom: 5px;
}

#toolbar ul li a{
       font-style: italic;
       font-weight: bold;
       text-transform: uppercase;
       line-height: 17px;
       padding-bottom: 0px;
}

#toolbar ul li a.active,
#toolbar ul li a:hover,
#toolbar ul li a.rex-current{
       color: #000;
}

#toolbar #panel1,#toolbar #panel2{
       width: 23px;
       height: 80px;
       cursor: pointer;
       padding-top: 50px;
       float: left;
}

.newsblock,.simple{
       height: 223px;
       float: left;
       width: 799px;
       margin: 24px 0px 0 0;
       border: 1px solid #fff;
}

.simple{
       height: 223px;
}

.newsblock hr,.newsdetail hr{
       border: 0px;
       height: 1px;
       margin-top: 10px;
       width: 290px;
       background-color: #FFF;
       float: left;
}

.newsblock img, .newsdetail img{
       float: left;
}

.newsblock .l,.newsdetail .l, .simple .l{
       padding: 5px;
       width: 290px;
       float: left;
       height: 213px;
       background-color:#ae9962;
}

.newsblock h2,.newsdetail h2{
       float: left;
       font-weight: bold;
       color: #FFF;
       padding-top: 95px;
}

.newsblock p,.newsdetail p, .simple p{
       color: #FFF;
       float: left;
       font-size: 12px;
       line-height: 30px;
       padding: 10px 5px 5px 5px;
}

.newsdetail p{
       padding: 4px 5px 5px 5px;
}

.newsblock .newsmore img{
       position: relative;
       top: -59px;
       left: 300px;
}

.newsdetail .hidedetails img{
       position: absolute;
       top: 50px;
       z-index: 10;
       left: 299px;
}

.newsdetail .showdetails img{
       position: absolute;
       top: 50px;
       z-index: 102;
       left: 0px;
}

.newsdetail{
       height: 488px;
       float: left;
       width: 798px;
       margin: 24px 0px 0 0;
       border: 1px solid #fff;
}

.newsdetail .detailinfo .l{
       height: 478px;
       width: 289px;
}

.newsdetail h3{
       padding: 10px 0 0 5px;
       margin: 0px;
       color: #fff;
       float: left;
       font-weight: bold;
       font-style: italic;
}

.jqGSPagination ul{
       position: relative;
       top: -30px;
float: right;
width: auto;

height: 30px;

}

.diawrap{
       cursor: pointer;
}

.jqGSPagination ul li{
float: left;
}

.jqGSPagination ul li a{

background-color: #AE9962;
       margin: 0 5px 0px 0;
       float: left;
       padding: 2px 8px 2px 8px;
}

.jqGSPagination ul li a{
       color: #fff;
       display: block;
       font-size: 12px;
       text-decoration: none;
}
.detailinfo{
       position: relative;
}

.detailinfo p a{
       color: #000;
       text-decoration: underline
}

.detailinfo .l{
       width: 300px;
       position: absolute;
       z-index: 100;
       background-color: #AE9962;
       height: 488px;
}
.detailinfo .l p,.detailinfo .l h3{
clear: both;
}
#content .newsblock  .l h2, #content .newsdetail .detailinfo .l h2{
        font-size: 25px;
}

.clearfix {display: inline-block;}
        /* Hides from IE-mac \*/
        * html .clearfix {height: 1%;}
        .clearfix {display: block;}
        /* End hide from IE-mac */

Some information about this website:

URL: http://www.xyzettgraphix.com/
CSS URL: http://www.xyzettgraphix.com/files/x.css
Charset: iso-8859-1
Title: xyzettgraphix. | büro für visuellle kommunikation
Meta-Description: xyzettgraphix büro für visuelle kommunikation, xyzett, xyz, Zeljko Cavara, Grafik Design, Graphix, xyz, xyzett, büro, Design, Corporate, CI, Zeljko, Cavara, Logo, Webdesign, Web, CMS, Typo3, xyzettgraphix.,
Meta-Keywords: Büro für visuelle kommunikation, Zeljko, Cavara, Düsseldorf, Grafik Design, Web Design, Motion Design, Kommunikationsdesign, Grafikdesign, Internet, CMS, Webdesign, Typo3, Wordpress, jQuery, Content Management, x, y, z, xyz, xyzett, zett, graphix, grafik