Results of the CSS crunched for energysource.de

Let's see what we've done for energysource.de

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

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

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}
#007fb3;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}
html,body{background-color:#FFF;color:#000;font-size:11px;font-spacing:10px;width:100.01%;height:100%}
a, a:hover{color:#fff;outline:none}
div#wrapper{font-family:Verdana;height:auto !important;margin:0;padding:30px 0 0 0;position:relative;width:100%;z-index:3}
#bogen{background-image:url(http://www.energysource.de/files/bogen.png);background-repeat:no-repeat;bottom:0;height:535px;position:absolute;right:0;width:326px;z-index:2}
#contentwrap{float:left;width:800px}
#navigation{color:#fff;float:left;letter-spacing:1px;width:200px}
#navigation ul, #meta ul{line-height:30px}
#navigation ul li, #meta ul li{background-image:url(http://www.energysource.de/files/li_bg75.png);background-repeat:no-repeat}
#navigation ul li a, #meta ul li a{background-image:url(http://www.energysource.de/files/li.png);background-position:10px 50%;background-repeat:no-repeat;display:block;font-size:13px;height:30px;opacity:0.75;padding-left:39px;text-decoration:none}
#meta ul li a{height:30px;line-height:30px}
#navigation ul li ul li a{background-image:none;font-size:11px}
#navigation ul li ul li ul li a{background-image:none;font-size:10px}
#navigation ul li a{margin-bottom:5px}
#navigation ul li ul li{background-image:url(http://www.energysource.de/files/lili.png);padding-left:7px}
#navigation ul li ul li ul li{background-image:url(http://www.energysource.de/files/lilili.png);padding-left:12px}
#navigation ul li a.active{color:#72070a;text-decoration:underline}
#navigation ul li a:hover{color:#011264}
#content{float:left;padding:0 0 0 10px;width:580px}
iframe{margin-top:10px}
.newsletter,iframe,#content .box,#content h1{background-image:url(http://www.energysource.de/files/contentbg.png)}
p.nw{height:30px;width:600px}
label{float:left;width:128px}
input{border:1px solid #000;float:left;height:30px;width:430px}
#content h1{color:#011264;font-size:19px;font-style:italic;font-weight:bold;line-height:30px;height:30px;margin:0 0 5px 0;padding:0 10px 0 10px}
#content .box{padding:5px 0 0 0}
#content .box p a{color:#000}
#content .box p a:hover{color:#011264}
#content .box p{font-size:13px;line-height:22px;padding:0 10px 10px 10px}
#content .box img{float:left}
#content .box ul{float:left;font-size:13px;line-height:22px;list-style-type:square;padding:0 0 17px 30px}
#content .box ul li a{color:#000;text-decoration:underline}
#content .box ul li a:hover{color:#011264}
#content img{float:left;margin:5px 10px 10px 10px}
#meta{float:right;width:160px}
#meta ul{float:left;padding-top:5px;width:160px}
#meta a#home{background-image:url(http://www.energysource.de/files/logo.png);float:right;height:170px;width:159px}
#metafooter{bottom:20px;color:#fff;font-family:Verdana;font-size:10px;letter-spacing:1px;position:absolute;right:0;width:160px;z-index:10000}
#metafooter a:hover{color:#011264}
.newsletter p{clear:both;float:left;width:550px}
.newsletter label{float:left;width:128px}
.newsletter input{float:left;width:128px}
input#anmelden{margin-left:128px;width:200px}
input#anmelden:hover{color:#011264}
input#abmelden{margin-left:30px;width:200px}
input#abmelden:hover{color:#011264}
.clearfix:after{clear:both;content:".";display:block;height:0;visibility:hidden}
.active{color:#72070a}
.fb{float:left;padding-top:30px}
.fb .l{float:left;padding:10px 5px 0 0;width:30px}
.fb .r{float:left;width:100px}
#outerwrap{margin:auto;min-height:100%;height:auto !important;height:100%}
.clearer{clear:both}
.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;}
#007fb3;
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; }

html, body{
        background-color: #FFF;
        color: #000;
        font-size: 11px;
        font-spacing: 10px;
        width: 100.01%;
        height: 100%; /* Anzeigebereich in der Vertikalen auf 100% strecken */
}

a,
a:hover {
         color: #fff;
         outline: none;
}

div#wrapper{
        font-family: Verdana;
        height: auto !important; /* !important-Regel f?r moderne Browser */
        margin: 0; 
        padding: 30px 0 0 0;
        position: relative;
        width: 100%;
        z-index: 3;
}

#bogen{
        background-image: url(http://www.energysource.de/files/bogen.png);
        background-repeat: no-repeat;
        bottom: 0;
        height: 535px;
        position: absolute;
        right: 0;
        width: 326px;
        z-index: 2;
}

#contentwrap{
        float: left;
        width: 800px;
}

#navigation{
        color: #fff;
        float: left;
        letter-spacing: 1px;
        width: 200px;
}

#navigation ul,
#meta ul{
        line-height: 30px;
}

#navigation ul li,
#meta ul li{
        background-image: url(http://www.energysource.de/files/li_bg75.png);
        background-repeat: no-repeat;
}

#navigation ul li a,
#meta ul li a{
        background-image: url(http://www.energysource.de/files/li.png);
        background-position: 10px 50%;
        background-repeat: no-repeat;
        display: block;
        font-size: 13px;
        height: 30px;
        opacity: 0.75;
        padding-left: 39px;
        text-decoration: none;
}
#meta ul li a{
        height: 30px;
        line-height: 30px;
}

#navigation ul li ul li a{
        background-image: none;
        font-size: 11px;
}

#navigation ul li ul li ul li a{
        background-image: none;
        font-size: 10px;
}

#navigation ul li a{
        margin-bottom: 5px;
}

#navigation ul li ul li{
        background-image: url(http://www.energysource.de/files/lili.png);
        padding-left: 7px;
}

#navigation ul li ul li ul li{
        background-image: url(http://www.energysource.de/files/lilili.png);
        padding-left: 12px;
}

#navigation ul li a.active{
        color: #72070a;
        text-decoration: underline;
}

#navigation ul li a:hover{
        color: #011264;
}

#content{
       float: left;
       padding: 0 0 0 10px;
       width: 580px;
}

iframe{
        margin-top: 10px;
}

.newsletter, iframe, #content .box, #content h1{
        background-image: url(http://www.energysource.de/files/contentbg.png);
}

p.nw{
        height: 30px;
        width: 600px; 
}

label{
        float: left;
        width: 128px;
}

input{
        border: 1px solid #000;
        float: left;
        height: 30px;
        width: 430px;
}

#content h1{
        color: #011264;
        font-size: 19px;
        font-style: italic;
        font-weight: bold;
        line-height: 30px;
        height: 30px;
        margin: 0 0 5px 0;
        padding: 0 10px 0 10px;
}

#content .box{
        padding: 5px 0 0 0;
}

#content .box p a{
        color: #000;
}

#content .box p a:hover{
        color: #011264;
}
#content .box p{
        font-size: 13px;
        line-height: 22px;
        padding: 0 10px 10px 10px;
}

#content .box img{float: left;}

#content .box ul{
float: left;
         font-size: 13px;
         line-height: 22px;
         list-style-type: square;
         padding: 0 0 17px 30px; 
}

#content .box ul li a{
         color: #000;
         text-decoration: underline;
}

#content .box ul li a:hover{
        color: #011264;
}

#content img{
        /*border: 2px solid #011264;*/
        float: left;
        margin: 5px 10px 10px 10px;
}

#meta{
       float: right;
       width: 160px;
       /*
       position: absolute;
       top: 30px;
       right: 0px;
       z-index: 10000;
       */
}

#meta ul{
        float: left;
        padding-top: 5px;
        width: 160px;
}

#meta a#home{
       background-image: url(http://www.energysource.de/files/logo.png);
       float: right;
       height: 170px;
       width: 159px; 
}

#metafooter{
      bottom: 20px;
      color: #fff;
      font-family: Verdana;
      font-size: 10px;
      letter-spacing: 1px;
      position: absolute;
      right: 0;
      width: 160px;
      z-index: 10000;
}

#metafooter a:hover{
        color: #011264;
}

.newsletter p{
        clear: both;
        float: left;
        width: 550px;
}

.newsletter label{
       float: left;
       width: 128px;
}

.newsletter input{
       float: left;
       width: 128px;
}

input#anmelden{
       margin-left: 128px;
       width: 200px;
}

input#anmelden:hover{
        color: #011264;
}

input#abmelden{
       margin-left: 30px;
       width: 200px;
}

input#abmelden:hover{
        color: #011264;
}
.clearfix:after {
       clear: both;
       content: ".";
       display: block;
       height: 0;
       visibility: hidden;
}

.active{
        color: #72070a;
}

.fb{
       float: left;
       padding-top: 30px;
}

.fb .l{
      float: left;
      padding: 10px 5px 0 0;
      width: 30px;
}

.fb .r{
      float: left;
      width: 100px;
}

#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 */ 
}

.clearer{
        clear: both;
}

.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://energysource.de/
CSS URL: http://energysource.de/files/ene.css
Charset: iso-8859-1
Title: Energysource | Institut für Leistungsdiagnostik | Startseite
Meta-Description: Die Firma Energysource hat sich auf die Diagnostik und Trainingsbetreuung von Leistungs- und Gesundheitssportlern spezialisiert. Leistungssport Du bist ein leistungsorientierter Sportler, der das Maximum aus sich herausholen möchte. Egal ob du den Marathon in unter 3 Stunden laufen, den Ötztaler Radmarathon oder einen Ironman schaffen willst, hier bist du genau richtig!
Meta-Keywords: Energysource, Institut für Leistungsdiagnostik, Christoph Näger, Christoph, Näger, Diagnostik, Leistungsdiagnostik München, Leistungsdiagnostik, Laktattest, Laktattest München, Laktatstufentest, Spiroergometrie, Leistungsdiagnose, Ironman Trainingspläne, Trainingsplan Ironman, Leistungssportlern, Gesundheitssportlern, Marathon, Radmarathon, Ironman