Results of the CSS crunched for www.bit-allee.de

Let's see what we've done for www.bit-allee.de

CSSCruncher.com has crunched this CSS to
14.71 %Less Size! Nice!

Crunched CSS code:

body{background-color:#cdf;font-family:Tahoma,Verdana,Helvetica,Arial,sans-serif;color:#037;font-size:0.8em;line-height:1.5em;margin:0;padding:0}
#top{background:url(img/hinter_oben.gif) repeat-x top left;height:60px;margin:0}
#banner{background:url(img/hinter_home_balken.gif) repeat-x top left;height:100px;margin:0;width:100%}
span.links{background-image:url(img/bild_links_balken.jpg);position:absolute;width:230px;height:100px}
span.mitte{background-image:url(img/logo.gif);position:absolute;margin-left:-78px;left:50%;width:155px;height:100px}
span.rechts{background-image:url(img/bild_rechts_balken.jpg);position:absolute;height:100px;right:0%;margin-right:0px;width:230px}
#nav{text-align:center;width:100%;background-color:#bcf;font-weight:bold;color:#037;line-height:2.6em;margin:0;padding:0;border-bottom:1px solid #fff}
#nav li{list-style:none;display:inline;background-color:#bcf;color:#037;padding:0 10px}
#containercontent{background-color:#bcf;color:#037;margin:0 auto;padding:0;width:702px}
#content{float:left;background-color:#bcf;color:#037;padding:0;width:702px;border-bottom:1px solid #fff;border-left:1px solid #fff;border-right:1px solid #fff}
h1{font-size:1.1em;letter-spacing:0.2em;padding:20px 0 0 20px}
#content dl{float:left;padding:20px 20px 0;width:662px}
.stanzainsbold{display:block;font-weight:bold;text-decoration:none;padding:1em 0 0.5em}
.stanzains{display:block;text-decoration:none;padding:1em 0 1em}
.insul{float:left;padding-top:10px;text-decoration:none}
.stanzains img{border:none}
#content dt{float:left;background-color:#bcf;color:#037;padding:0px;width:301px}
#content dt img{border:none}
#content dd.image{float:right;width:301px;padding:0 0 20px}
a:link{color:#037;background-color:#bcf;text-decoration:none;font-size:1em;font-weight:bold}
a:visited{background-color:#bcf;color:#037;text-decoration:none;font-weight:bold}
#nav a:hover,body#webdesign #h-webdesign a,body#print #h-print a,body#ref #h-ref a, body#profil #h-profil a,body#kontakt #h-kontakt a,body#home #h-home a{background-color:#bcf;color:#FFF;text-decoration:none;font-weight:bold;font-size:100%}
a:hover{background-color:#bcf;color:#FFF}
a:active{background-color:#bcf;color:#037;text-decoration:none;font-weight:bold}

» Show original CSS code

« Hide original CSS code

/* CSS Document */

body{
background-color: #cdf;
font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
color: #037;
font-size: 0.8em;
line-height: 1.5em;
margin:0;
padding:0;
}

/* Hintergrund oberhalb des Banners */
#top {
background: url(img/hinter_oben.gif) repeat-x top left;
height: 60px;
margin: 0;
}
/* Anfang des Banners */
#banner{
background: url(img/hinter_home_balken.gif) repeat-x top left;
height:100px;
margin:0;
width: 100%;
}

span.links {
background-image: url(img/bild_links_balken.jpg);
position: absolute;
width: 230px;
height: 100px;
}

span.mitte {
background-image: url(img/logo.gif);
position: absolute;
margin-left: -78px;
left:50%;
width: 155px;
height: 100px;
}

span.rechts {
background-image: url(img/bild_rechts_balken.jpg);
position: absolute;
height: 100px;
right: 0%;
margin-right: 0px;
width: 230px;
}
/* Ende des Banners */

#nav {
text-align: center;
width: 100%;
background-color:#bcf;
font-weight: bold;
color: #037;
line-height: 2.6em;
margin: 0;
padding: 0;
border-bottom: 1px solid #fff;
}

#nav li {
list-style: none;
display: inline;
background-color:#bcf;
color: #037;
padding: 0 10px;
}

#containercontent {
background-color: #bcf;
color: #037;
margin:0 auto;
padding:0;
width:702px;
}

#content {
float:left;
background-color: #bcf;
color: #037;
padding:0;
width:702px;
border-bottom:1px solid #fff;
border-left:1px solid #fff; 
border-right:1px solid #fff; 
}

h1 {
font-size:1.1em;
letter-spacing:0.2em;
padding:20px 0 0 20px;
}
#content dl {
float:left;
padding:20px 20px 0;
width:662px;
}

.stanzainsbold {
display:block;
font-weight:bold;
text-decoration:none;
padding: 1em 0 0.5em;
}

.stanzains {
display:block;
text-decoration:none;
padding: 1em 0 1em;
}

.insul {
float:left;
padding-top:10px;
text-decoration:none;
}

.stanzains img{
border:none;
}

#content dt {
float:left;
background-color: #bcf;
color: #037;
padding:0px;
width:301px;
}

#content dt img {
border:none;
}

#content dd.image{
	float:right;
	width:301px;
	padding:0 0 20px;
}

a:link {
color: #037;
background-color: #bcf;	
text-decoration: none;
font-size: 1em;
font-weight: bold;
	
}
a:visited {
background-color: #bcf;
color: #037;
text-decoration: none;
font-weight: bold;
}

#nav a:hover, body#webdesign #h-webdesign a, body#print #h-print a, body#ref #h-ref a,
body#profil #h-profil a, body#kontakt #h-kontakt a, body#home #h-home a {
background-color: #bcf;
color: #FFF;
text-decoration: none;
font-weight: bold;
font-size: 100%;
	}
	
a:hover {
background-color: #bcf;
color: #FFF;	
}

a:active {
background-color: #bcf;
color: #037;
text-decoration: none;
font-weight: bold;
}

Some information about this website:

URL: http://www.bit-allee.de/
CSS URL: http://www.bit-allee.de/else.css
Charset: iso-8859-1
Title: Grafik, Webdesign und Druck in Stuttgart - Bit-Allee, Goran Novosel - Agentur für visuelle Kommunikation
Meta-Description: Entwicklung und Umsetzung von Gestaltungskonzepten im Online- und Printbereich.
Meta-Keywords: Grafik, Webdesign, Druck, Usability, barrierefrei, XHTML, CSS, Design, Corporate Design, Corporate Identity, Layout, Programmierung, CI, Buchsatz, Buchlayout, Druckvorstufe, Konzeption, Gestaltung, Beratung, Internet, Internetauftritt, Broschüren, Prospekte, Flyer, Folder, Akzidenz, CD, DVD