Results of the CSS crunched for www.event-recording.de

Let's see what we've done for www.event-recording.de

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

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

Crunched CSS code:

body{font-family:Arial,Verdana,Helvetica,sans-serif;font-size:11px;font-weight:normal;text-align:center;background-color:#CCC;margin:0px;padding:0px}
#OuterFrame{display:block;margin:0px auto;text-align:left;width:1004px;padding:0px}
#InnerFrame{position:relative;display:block;float:left;width:1004px;border:1px solid #999;padding:0px;margin:0px;background-color:#FFF}
#Copyright{font-family:Arial,Verdana,Helvetica,sans-serif;font-size:11px;position:relative;display:block;float:right;width:500px;height:15px;padding:0px;margin:3px 0 0 0;background-color:#CCC;text-align:right}
#Copyright p{margin:0 21px 0 21px;color:#999}
#Copyright p a{color:#999;text-decoration:none}
#Copyright p a:hover{color:#AAA}
#Header{position:relative;float:left;height:88px;width:974px;padding:0px;margin:0px;left:15px}
#Header img{position:absolute;border:none;top:25px;left:769px}
#Header .Menu{position:absolute;float:left;display:block;height:15px;width:400px;top:64px}
#Header .Menu p{font-family:Arial,Verdana,Helvetica,sans-serif;font-size:11px;font-weight:normal;margin:0 0 0 3px}
#Header .Menu a{font-weight:normal;margin:0 7px 0 0;text-decoration:none;color:#000}
#Header a:hover{text-decoration:none;color:#555}
#MainPage{position:relative;display:block;float:left;border-top:17px solid #006;width:970px;padding:0px;margin:0;left:17px}
#MainInner{position:relative;display:block;float:left;width:970px;padding:0px;margin:20px 0 0 0}
#MainLeft{position:relative;float:left;width:562px;padding:0px;margin:0px}
#ContentFrame{float:left;border-top:6px solid #006;width:563px}
#ContentMain{float:left;border:none;border-left:1px solid #CCC;border-right:1px solid #CCC;border-bottom:1px solid #CCC;width:562px;padding:0px;margin:0}
#ContentSize{float:left;width:0px;height:443px;margin:0px;padding:0px}
#ContentMain .ContentBlock{display:inline;float:left;width:520px;margin:15px 0 0 25px}
#MainLeft .SubMenu{float:left;height:135px;width:400px}
#MainLeft .SubMenu .Left{position:absolute;top:0px;left:0px;width:300px}
#MainLeft .SubMenu .Left .Link{float:left;height:20px;width:300px;margin:0 0 5px 0}
#MainLeft .SubMenu .Left .Link_X{border:1px solid #CCC;border-left:7px solid #F00;float:left;height:20px;width:281px;margin:0 0 5px 0}
#MainLeft .SubMenu .Left .Link a{font-family:Arial,Verdana,Helvetica,sans-serif;font-size:11px;color:#000;margin:0 0 0 54px;line-height:160%;text-decoration:none}
#MainLeft .SubMenu .Left .Link a:hover{text-decoration:none;color:#666}
#MainLeft .SubMenu .Left .Link p{font-family:Arial,Verdana,Helvetica,sans-serif;font-size:11px;color:#000;margin:0 0 0 54px;line-height:160%}
#MainLeft .SubMenu .Left .Link_X a{font-family:Arial,Verdana,Helvetica,sans-serif;font-size:11px;color:#000;margin:0 0 0 46px;line-height:160%;text-decoration:none}
#MainLeft .SubMenu .Left .Link_X a:hover{text-decoration:none;color:#666}
#MainLeft .SubMenu .Left .Link_X p{font-family:Arial,Verdana,Helvetica,sans-serif;font-size:11px;color:#000;margin:0 0 0 46px;line-height:160%}
#MainRight{float:right;background-color:#FFF;width:383px;margin:0;margin:0px}
#MainRight .Video{background-image:url(/controls/testbild.gif);background-repeat:no-repeat;float:left;width:384px;height:282px;margin:0 0 20px 0}
#MainRight .InfoFenster{border-top:7px solid #CCC;border-bottom:7px solid #CCC;background-color:#DCDCDC;float:left;width:382px;margin:0px}
#MainRight .InfoHeader{position:relative;display:inline;float:left;width:340px;height:50px;margin:0 0 0 20px;border-bottom:1px solid #BBB}
#MainRight .InfoBody{display:inline;float:left;width:340px;margin:0 0 0 20px}
#MainRight .InfoFenster .InfoSize{width:0px;float:left;height:218px}
#Ende{font-size:0px;position:relative;float:left;height:18px;width:970px;border:none;padding:0px;margin:0;left:17px}
#Ende .Links{float:left;border-left:1px solid #CCC;border-right:1px solid #CCC;border-bottom:1px solid #CCC;width:562px;height:7px;display:none}
#Ende .Rechts{float:right;background-color:#CCC;width:382px;height:7px;margin:0 2px 0 0;display:none}
html* #Ende .Rechts{margin:0 1px 0 0}
#Pagerank{font-family:Arial,Verdana,Helvetica,sans-serif;font-size:11px;position:relative;float:left;width:500px;height:15px;padding:0px;margin:3px 0 0 0px;background-color:#CCC;text-align:left}

» Show original CSS code

« Hide original CSS code

/* =========================================================== */
/* Event-Recording Basis-Design */
/* =========================================================== */

body{
         font-family: Arial, Verdana, Helvetica, sans-serif;
         font-size:11px;
         font-weight: normal;
	text-align: center;
         background-color:#CCC;
         margin: 0px;
         padding: 0px;
}
#OuterFrame{
         display:block;
	margin: 0px auto;
         text-align: left;
         width: 1004px;
         padding: 0px;
}
#InnerFrame{
	position:relative;
         display: block;
	float:left;
         width: 1004px;
         border:1px solid #999;
         padding: 0px;
	margin: 0px;
         background-color:#FFF;
}

#Copyright{
         font-family: Arial, Verdana, Helvetica, sans-serif;
         font-size:11px;
	position:relative;
         display: block;
	float:right;
         width: 500px;
	height:15px;
         padding: 0px;
	margin:3px 0 0 0;
         background-color:#CCC;
         text-align: right;
}
#Copyright p{
	margin:0 21px 0 21px;
         color:#999;
}
#Copyright p a{
         color:#999;
         text-decoration:none;
}
#Copyright p a:hover{
         color:#AAA;
}

#Header{
	position:relative;
	float:left;
         height: 88px;
         width: 974px;
         padding:0px;
	margin:0px;
         left:15px;
}
#Header img{
	position:absolute;
	border:none;
	top:25px;
         left:769px;
}
#Header .Menu{
	position:absolute;
         float:left;
         display: block;
         height: 15px;
         width: 400px;
         top:64px;
}
#Header .Menu p{
         font-family: Arial, Verdana, Helvetica, sans-serif;
         font-size:11px;
         font-weight: normal;
	margin:0 0 0 3px;
}
#Header .Menu a{
         font-weight: normal;
	margin:0 7px 0 0;
	text-decoration:none;
         color:#000;
}
#Header  a:hover {
	text-decoration:none;
         color:#555;
}

#MainPage{
	position:relative;
         display: block;
	float:left;
         border-top:17px solid #006;
         width: 970px;
         padding:0px;
	margin:0;
         left:17px;
}
#MainInner{
	position:relative;
         display: block;
	float:left;
         width: 970px;
         padding:0px;
	margin:20px 0 0 0;
}

#MainLeft{
	position:relative;
	float:left;
         width:562px;
         padding:0px;
	margin:0px;
}

#ContentFrame{
	float:left;
         border-top:6px solid #006;
         width:563px;
}

#ContentMain{
	float:left;
         border:none;
         border-left:1px solid #CCC;
         border-right:1px solid #CCC;
         border-bottom:1px solid #CCC;
         width:562px;
         padding:0px;
	margin:0;
}
#ContentSize{
	float:left;
         width:0px;
	height:443px;
         margin:0px;
         padding:0px;
}

#ContentMain .ContentBlock{
	display:inline;
	float:left;
         width:520px;
         margin:15px 0 0 25px;
}

#MainLeft .SubMenu{
	float:left;
	height:135px;
         width: 400px;
}
#MainLeft .SubMenu .Left{
         position: absolute;
         top: 0px;
	left:0px;
         width:300px;
}
#MainLeft .SubMenu .Left .Link{
	float:left;
         height:20px;
         width:300px;
	margin:0 0 5px 0;
}
#MainLeft .SubMenu .Left .Link_X{
         border:1px solid #CCC;
         border-left:7px solid #F00;
	float:left;
         height:20px;
         width:281px;
	margin:0 0 5px 0;
}
#MainLeft .SubMenu .Left .Link a{
         font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:11px;
         color:#000;
         margin:0 0 0 54px;
	line-height:160%;
	text-decoration:none;
}
#MainLeft .SubMenu .Left .Link a:hover{
	text-decoration:none;
         color:#666;
}
#MainLeft .SubMenu .Left .Link p{
         font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:11px;
         color:#000;
	margin:0 0 0 54px;
	line-height:160%;
}
#MainLeft .SubMenu .Left .Link_X a{
         font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:11px;
         color:#000;
	margin:0 0 0 46px;
	line-height:160%;
	text-decoration:none;
}
#MainLeft .SubMenu .Left .Link_X a:hover{
	text-decoration:none;
         color:#666;
}
#MainLeft .SubMenu .Left .Link_X p{
         font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:11px;
         color:#000;
	margin:0 0 0 46px;
	line-height:160%;
}

#MainRight{
	float:right;
         background-color:#FFF;
         width:383px;
         margin:0;
         margin:0px;
	}
#MainRight .Video{
         background-image:url(/controls/testbild.gif);
         background-repeat:no-repeat;
	float:left;
         width:384px;
         height: 282px;
	margin:0 0 20px 0;
}
#MainRight .InfoFenster{
         border-top:7px solid #CCC;
         border-bottom:7px solid #CCC;
         background-color:#DCDCDC;
	float:left;
         width:382px;
         margin:0px;
}
#MainRight .InfoHeader{
	position:relative;
         display:inline;
         float:left;
         width:340px;
         height:50px;
         margin:0 0 0 20px;
         border-bottom:1px solid #BBB;
}
#MainRight .InfoBody{
         display:inline;
         float:left;
         width:340px;
         margin:0 0 0 20px;
}
#MainRight .InfoFenster .InfoSize{
	width:0px;
         float:left;
         height:218px;
	}

#Ende{
	font-size:0px;
	position:relative;
	float:left;
         height:18px;
         width: 970px;
	border:none;
         padding:0px;
	margin:0;
         left:17px;
}
#Ende .Links{
	float:left;
         border-left:1px solid #CCC;
         border-right:1px solid #CCC;
         border-bottom:1px solid #CCC;
         width:562px;
         height: 7px;
         display:none;
}
#Ende .Rechts{
	float:right;
         background-color:#CCC;
         width:382px;
         height:7px;
         margin:0 2px 0 0;
         display:none;
}
html* #Ende .Rechts{
         margin:0 1px 0 0;
         }

#Pagerank{
         font-family: Arial, Verdana, Helvetica, sans-serif;
         font-size:11px;
	position:relative;
	float:left;
         width: 500px;
	height:15px;
         padding: 0px;
	margin:3px 0 0 0px;
         background-color:#CCC;
         text-align: left;
}

Some information about this website:

URL: http://www.event-recording.de/
CSS URL: http://www.event-recording.de/event-layout.css
Language: de
Charset: iso-8859-1
Title: Videoproduktion Hamburg
Meta-Description: Event Recording bietet Ihnen Audio- und Videoproduktionen zur Präsentation Ihres Unternehmens und Ihrer Produkte
Meta-Keywords: Videoproduktion, Hamburg, Audioproduktion, Eventfilm, Imagefilm, Messefilm