Results of the CSS crunched for www.sy-binna.de

Let's see what we've done for www.sy-binna.de

CSSCruncher.com has crunched this CSS to
24.57 %Less Size! That's Incredible!

Crunched CSS code:

html,body{height:
background:url() center bottom no-repeat fixed;background-color:#CDFFA8;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:100.01%;text-align:left;/* Seiteninhalt wieder links ausrichten */
margin:0% auto;/* standardkonforme horizontale Zentrierung */
padding:0;min-width:680px;max-width:1024px;width:expression
(document.body.clientWidth
< 680? "680px":"1024px"
&&
document.body.clientWidth
> 750? "1024px":"1024px")
/* font-size:100.01%;legt die Standradgr?aller Schriften und Boxen fest, und bietet mit dieser Einstellung die M?chkeit auch im IE6 und Firefox
skalierbare HTML-Elemente zu erzeugen.Um sp?r Pixelgr? auszurechnen
benutzt man die Regel "Pixel:16=em" also z.B. "780:16=48.75em" um eine skalierbare
Box f?in auf 800x600 optimiertes Layout zu erzeugen oder 12:16=0.75em f?eine Schriftgr?von 12px */}
/************* HEADER STUFF ************/
/*Anweisungen f?en Header (H?Hintergrundfarbe,Rahmen unten)*/
#header{width:100%;height:170px;margin:0px auto;padding:0px 0px;background:url(../fotoalbum/anim_gif/head.jpg) center top fixed no-repeat;border-bottom:0px solid #333}
/*Anweisungen f?en Header-Text (Dein Header-Subtitel)*/
#header p{font-family:Georgia,"Times New Roman",Times,serif;font-size:85%;padding:0px;margin:0px;padding-left:0.8em}
/*wichtige Einstellung,um ?erschriften und Paragraphen richtig
darzustellen und die Abst?e festzulegen*/
h1,h2,h3,h4,h5{margin:0px;padding:0px;margin-bottom:0em;margin-top:0em;padding:0.10em}
p{color:#0000cc;margin:0px;padding:0px;padding-bottom:0px;font-size:0,875em;line-height:20px}
h1,h2,h3,h4,h5,h6{background:transparent;color:#0000cc;display:block;font-weight:bold;text-align:center}
h1{font-size:35px;color:#0000cc}/*?erschrift 1 -> Pixelgr?35px*/
h2{font-size:30px;color:#0000ff}/*?erschrift 2 -> Pixelgr?30px*/
h3{font-size:25px;color:#FE2603}/*?erschrift 3 -> Pixelgr?25px*/
h4{font-size:12px}/*?erschrift 4 -> Pixelgr?12px*/
h5{font-size:11px}/*?erschrift 5 -> Pixelgr?11px*/
h6{font-size:25px;color:0000ff}/*?erschrift 6 -> Pixelgr?25px*/
/*Schriftart,-farbe,und Auszeichnung von Links ? das gesamte Dokument*/
A:link{color:#0000ff;text-decoration:underline;font-size:12px}
A:visited{color:#0000cc;text-decoration:underline;font-size:12px}
A:hover{color:#ff0000;text-decoration:underline;font-size:12px}
div.c1{text-align:left}
div.c2{text-align:center}
div.c3{text-align:right}
span.c1{color:#0000ff;font-family:arial;font-size:20px}
span.c2{color:#0000ff;font-family:arial;font-size:16px}/*blau */
span.c3{color:#ff0000;font-family:arial;font-size:18px}/*rot */
span.c4{color:#0000ff;font-family:arial;font-size:16px}/*blau */
span.c5{color:#000000;font-family:arial;font-size:20px}/*schw */
span.c6{color:#0000ff;font-family:arial;font-size:12px}/*dblau */
span.c7{color:#ffff00;font-family:arial;font-size:35px}/*gelb */

» Show original CSS code

« Hide original CSS code

/************* HEADER STUFF ************/
/*Anweisungen f?en Header (H? Hintergrundfarbe, Rahmen unten)*/
#header {
        width: 100%;
        height: 170px;
        margin: 0px auto;
        padding: 0px 0px;
        background: url(../fotoalbum/anim_gif/head.jpg) center top fixed no-repeat;
        border-bottom:0px solid #333;
}

/*Anweisungen f?en Header-Text (Dein Header-Subtitel)*/
#header p {
        font-family:Georgia, "Times New Roman", Times, serif;
        font-size:85%;
        padding:0px;
        margin:0px;
        padding-left: 0.8em;
}

/*wichtige Einstellung, um ?erschriften und Paragraphen richtig
darzustellen und die Abst?e festzulegen*/

h1, h2, h3, h4, h5 {
        margin:0px;
        padding:0px;
        margin-bottom:0em;
        margin-top:0em;
        padding:0.10em;
}

p {
        color:#0000cc;
        margin:0px;
        padding:0px;
        padding-bottom:0px;
        font-size:0,875em;
        line-height:20px;
}

h1, h2, h3, h4, h5, h6 {
        background:transparent;
        color:#0000cc;
        display:block;
        font-weight:bold;
        text-align:center;
}

h1 {font-size: 35px; color:#0000cc} /*?erschrift 1 -> Pixelgr? 35px*/
 h2 {font-size: 30px; color:#0000ff} /*?erschrift 2 -> Pixelgr? 30px*/
 h3 {font-size: 25px; color:#FE2603} /*?erschrift 3 -> Pixelgr? 25px*/
 h4 {font-size: 12px;} /*?erschrift 4 -> Pixelgr? 12px*/
 h5 {font-size: 11px;} /*?erschrift 5 -> Pixelgr? 11px*/
 h6 {font-size: 25px; color:0000ff} /*?erschrift 6 -> Pixelgr? 25px*/

/*Schriftart, -farbe, und Auszeichnung von Links ? das gesamte Dokument*/

A:link        {
                color: #0000ff;
                text-decoration: underline;
                 font-size: 12px;
         }
 A:visited        {
                color: #0000cc;
                text-decoration: underline;
                 font-size: 12px;
                }
 A:hover        {
                color: #ff0000;
                text-decoration: underline;
                 font-size: 12px;
}

div.c1 {text-align: left}
 div.c2 {text-align: center}
 div.c3 {text-align: right}
          span.c1 {color: #0000ff; font-family: arial; font-size: 20px}
         span.c2 {color: #0000ff; font-family: arial; font-size: 16px} /*blau */
         span.c3 {color: #ff0000; font-family: arial; font-size: 18px} /*rot */
         span.c4 {color: #0000ff; font-family: arial; font-size: 16px} /*blau */
         span.c5 {color: #000000; font-family: arial; font-size: 20px} /*schw */
         span.c6 {color: #0000ff; font-family: arial; font-size: 12px} /*dblau */
         span.c7 {color: #ffff00; font-family: arial; font-size: 35px} /*gelb */