Results of the CSS crunched for www.babybedenkzeit.de

Let's see what we've done for www.babybedenkzeit.de

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

Crunched CSS code:

html,body{margin:0;padding:0}
#gesamt{color:#333;line-height:2em;margin:15px;font:bold 11px/16px verdana,arial,helvetica,sans-serif}
#gesamt,#impressum,#logo,#impressum a,#logo a{background-color:#eaeaea}
#impressum a,h1,h4,a:visited,a:focus,a:hover,a:active{color:#80804d}
#impressum,#logo,#impressum a,#logo a{text-decoration:none}
#impressum a{margin-left:15px}
#logo{border-width:1px 0}
#logo a{border:0px none}
img{border:0px none;margin-left:10px}
#menu{width:100%;background:#80804d;float:left}
#menu ul{list-style:none;margin:0 0 0 0;padding:0;width:150px;float:left}
#menu a,#menu h2{font:bold 12px verdana,arial,helvetica,sans-serif;display:block;margin:0;padding:2px 3px;border-bottom:1px dotted #80804d}
#menu h2{color:#fff;background:#80804d}
#menu a{color:#e57200;background:#efefef;text-decoration:none}
#menu a:hover{color:#80804d;background:#fff}
#menu li{position:relative}
#menu ul ul{position:absolute;z-index:500}
#menu ul ul ul{position:absolute;top:0;left:100%}
div#menu ul ul, div#menu ul li:hover ul ul, div#menu ul ul li:hover ul ul{display:none}
div#menu ul li:hover ul, div#menu ul ul li:hover ul, div#menu ul ul ul li:hover ul{display:block}
#inhalt{float:right;width:100%;background-color:#bcbc8f;border-width:1px 0 0 0}
h1,h3,h4{margin:25px 20% 10px 17%;letter-spacing:1px}
h1{font:bold 14px verdana,arial,helvetica,sans-serif}
h3{width:322px;color:#e57200;font:bold 11px verdana,arial,helvetica,sans-serif;background-color:#d3d3b6}
h4{font:bold 12px verdana,arial,helvetica,sans-serif}
p{font:11px/16px verdana,arial,helvetica,sans-serif;line-height:150%;margin:5px 10% 15px 17%}
a:link{color:#000}
ul.liste{padding:0 0 0 20px;margin:0;list-style:none}
li.liste{background:url('images/li.gif') no-repeat 0 0.52em;padding-left:16px;font-weight:normal;margin:5px 10% 5px 20px}
p.neu{color:#e57200;font-weight:bolder}
#grafiken{background-color:#bcbc8f;height:350px;width:20%;margin:25px 1% 1% 1%;float:left}
#fuss{clear:right;width:100%;height:68px;border-width:1px 0;background-color:#80804d;background-image:url('images/topbar.gif');background-repeat:no-repeat;background-position:99% 99%}
#fuss p{font:11px/16px verdana,arial,helvetica,sans-serif;padding-top:15px;margin:5px 10% 15px 10px}
#fuss a{text-decoration:none;color:#000}
#titel{display:block;font-weight:bold;font-size:16px;text-align:center}

» Show original CSS code

« Hide original CSS code

/*---Stylesheet Screen für babybedenkzeit von Kirsten Dauelsberg, Mai 2007---*/

/*---allgemeine Angaben ---------------------------------------------------------------------------------------------------------------------------*/

html, body
	{
	margin: 0;
	padding: 0;
	}

#gesamt
	{
	color: #333;
	line-height: 2em;
	margin: 15px;
	font: bold 11px/16px verdana, arial, helvetica, sans-serif;
	}

/*---gemeinsame Farben---------------------------------------------------------------------------------------------------------------------------*/

#gesamt, #impressum, #logo, #impressum a, #logo a
	{
	background-color: #eaeaea;
	}

#impressum a, h1, h4, a:visited, a:focus, a:hover, a:active
	{
	color: #80804d;
	}

/*---Impressum & Logo---------------------------------------------------------------------------------------------------------------------------*/

#impressum, #logo, #impressum a, #logo a
	{
	text-decoration: none;
	}

#impressum a
	{
	margin-left: 15px;
	}

#logo
	{
	border-width: 1px 0;
	}

#logo a
	{
	border: 0px none;
	}

img
	{
	border: 0px none;
	margin-left: 10px;
	}

/*---Menue ---------------------------------------------------------------------------------------------------------------------------*/

#menu {
	width: 100%;
	background: #80804d;
	float: left;
	}

#menu ul {
	list-style: none;
	margin: 0 0 0 0;
	padding: 0;
	width: 150px;
	float: left;
	}

#menu a, #menu h2 {
	font: bold 12px verdana, arial, helvetica, sans-serif;
	display: block;
	margin: 0;
	padding: 2px 3px;
	border-bottom: 1px dotted #80804d;
	}

#menu h2 {
	color: #fff;
	background: #80804d;
	}

#menu a {
color: #e57200;
background: #efefef;
text-decoration: none;
}

#menu a:hover {
color: #80804d;
background: #fff;
}

#menu li {position: relative;}

#menu ul ul {
position: absolute;
z-index: 500;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

/*---Inhalt ---------------------------------------------------------------------------------------------------------------------------*/

#inhalt
	{
	float: right;
	width: 100%;
	background-color: #bcbc8f;
	border-width: 1px 0 0 0;
	}

h1, h3, h4
	{
	margin: 25px 20% 10px 17%;
	letter-spacing: 1px;
	}

h1
	{
	font: bold 14px verdana, arial, helvetica, sans-serif;
	}

h3
	{
	width: 322px;
	color:#e57200;
	font: bold 11px verdana, arial, helvetica, sans-serif;
	background-color: #d3d3b6;
	}

h4
	{
	font: bold 12px verdana, arial, helvetica, sans-serif;
	}

p
	{
	font: 11px/16px verdana, arial, helvetica, sans-serif;
	line-height: 150%;
	margin: 5px 10% 15px 17%;
	}

a:link {color:#000;}

ul.liste {
  padding: 0 0 0 20px;
  margin: 0;
 list-style: none;
}

li.liste
	{
  	background: url('images/li.gif') no-repeat 0 0.52em;
  	padding-left: 16px;
  	font-weight: normal;
  	margin: 5px 10% 5px 20px;

}

p.neu 
	{
	color:#e57200;
	font-weight: bolder;
	}

/*---Grafiken---------------------------------------------------------------------------------------------------------------------------*/

#grafiken
	{
	background-color: #bcbc8f;
	height: 350px;
	width: 20%;
    margin: 25px 1% 1% 1%;
    float: left;
}

/*---Fuss ---------------------------------------------------------------------------------------------------------------------------*/

#fuss {
	clear: right;
	width: 100%;
	height: 68px;
	border-width: 1px 0;
	background-color: #80804d;
	background-image:url('images/topbar.gif');
    	background-repeat: no-repeat;
    	background-position: 99% 99%;
	}

#fuss p
	{
	font: 11px/16px verdana, arial, helvetica, sans-serif;
	padding-top: 15px;
         margin: 5px 10% 15px 10px;     
	}

#fuss a
	{
	text-decoration: none;
	color: #000;
	}

/*		Ende Template Formatierung		*/

#titel {
	display: block;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
}

Some information about this website:

URL: http://www.babybedenkzeit.de/
CSS URL: http://www.babybedenkzeit.de/style.css
Charset: iso-8859-1
Title: babybedenkzeit
Meta-Description: Wir bieten jungen Menschen ein Praktikum als Eltern - mit Hilfe von realistischen Babysimulatoren. Nach Tagesplaenen echter Saeuglinge fordern unsere Saeuglingsmodelle eine recht rund-um-die-Uhr-Versorgung. Und zeigt Jugendlichen einen realistischen Einblick in Welt des Eltern-Sein. Fachleute aus Sozialarbeit, Paedagogik und Medizin nutzen unsere Produkte, um Jugendliche auf die verantwortungsvolle Aufgabe Elternschaft vorzubereiten.
Meta-Keywords: Babybedenkzeit, baby, saeugling, RealCareBaby, Babysimulator, Simulator, Delmenhorst, RealCareBaby, Beduerfnisse, Elternpraktikum, schwangere, Kinder, Jugendliche, Praktikum,