Results of the CSS crunched for www.ewerkstatt.com

Let's see what we've done for www.ewerkstatt.com

CSSCruncher.com has crunched this CSS to
18.30 %Less Size! Woohooo!

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

Crunched CSS code:

@charset "utf-8";body{font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;font-size:100%;background:#5D759A;margin:0;padding:0;color:#444444;behavior:url('csshover.htc')}
.clear{clear:both}
.invisible{display:none}
div.indent{padding-left:37px;border-left:3px solid #D2D6DF}
#container{position:relative;font-size:0.8em;width:100%;background:#FFFFFF;margin:0;text-align:left}
#header{position:relative;padding:0;width:100%}
#bg_logo{position:relative;top:0;left:0;width:261px;height:70px}
#bg_logo img{position:absolute;top:23px;left:20px}
#satwrapper{position:absolute;top:0;left:554px;width:280px;height:30px;color:#666666;text-align:right;zoom:1;z-index:200}
#slogan{position:absolute;top:33px;left:440px;width:380px;height:1em;color:#5D759A;text-align:right;font-family:Georgia,serif;font-size:1.2em}
#header img{border:none}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif}
h1{font-size:1.6em;color:#950101}
h2{font-size:1.25em;color:#5D759A}
h3{font-size:1.2em;font-weight:bold;color:#950101}
h4{font-size:1.1em}
h5{font-size:0.9em;font-weight:bold}
h6{font-size:0.85em;font-weight:bold}
#middle h2{background:#F0F0F0;padding:2px 10px;margin-top:2.5em;border-bottom:1px solid #CCCCCC}
a{outline:none}
a:link{color:#950101}
a:visited{color:#5D759A}
a:hover{color:#950101;text-decoration:none}
a:active{color:#6B7953;text-decoration:none}
a.external-link-new-window{background:url('./images/external-link.gif') right 50% no-repeat;padding-right:13px}
div.csc-textpic-intext-left div.csc-textpic-imagewrap{padding-right:15px;background:white}
div.csc-textpic-intext-right div.csc-textpic-imagewrap{padding-left:15px;background:white}
#mainmenu{float:left;width:100%;position:relative;z-index:100}
#mainmenu div{float:left;width:100%;margin:0;padding:0;background:#4F6382 url('./images/bg_mainmenu_div.gif') left top repeat-x}
#mainmenu ul{display:none;padding:0;margin:0}
#mainmenu li{padding:0;margin:0;list-style:none}
#mainmenu a{text-decoration:none;margin:0;padding:0}
html>body #mainmenu a{width:auto}
#mainmenu ul.level1{display:block;float:left;width:804px;margin:0 0 0 20px;padding:0}
#mainmenu ul.level1 li.level1{position:relative;float:left;margin:0;padding:0;width:147px;list-style:none}
#mainmenu ul.level1 li.level1 a.level1{display:block;width:147px;padding:0;font-size:1.1em;line-height:1.4em}
#mainmenu ul.level1 li.level1 a.level1:link span.level1{color:#DDDDDD;background:url('./images/bg_mainmenu.gif') 0 0 no-repeat;text-decoration:none}
#mainmenu ul.level1 li.level1 a.level1:visited span.level1{color:#DDDDDD;background:url('./images/bg_mainmenu.gif') 0 0 no-repeat;text-decoration:none}
#mainmenu ul.level1 li.level1 a.level1:hover span.level1{color:#FFFFFF;background:url('./images/bg_mainmenu_hover.gif') 0 0 no-repeat}
#mainmenu ul.level1 li.level1 a.current span.level1{color:#FFFFFF;background:url('./images/bg_mainmenu_hover.gif') 0 0 no-repeat !important}
#mainmenu ul.level1 li.level1 a.level1:active span.level1{color:#DDDDDD;background:url('./images/bg_mainmenu.gif') 0 0 no-repeat;text-decoration:none}
#mainmenu ul.level1 li.level1 a.level1 span.level1{display:block;padding:12px 6px 0 6px}
#mainmenu ul.level1 li.last{width:210px}
#mainmenu ul.level1 li.last a.level1{width:210px}
#mainmenu ul.level2{position:absolute;top:31px;left:0;width:190px;padding:0;text-align:left;z-index:200;background:#E6EAF0;border-left:1px solid #5D759A;border-right:1px solid #5D759A;border-bottom:1px solid #5D759A}
#mainmenu li.level2{display:block;padding:0;text-align:left;width:190px !important;white-space:nowrap}
#mainmenu a.level2{display:block;padding:0;color:#000000;text-align:left;width:190px;background-image:none !important;border-bottom:1px solid #B8C2D3}
#mainmenu ul.level2 li.last a.level2{border-bottom:none}
#mainmenu a.level2:hover{color:#FFFFFF;background:#4F6382}
#mainmenu a.level2 span.level2{display:block;padding:0 5px;color:#58585a}
#mainmenu a:hover.level2 span.level2{color:#FFFFFF;background:#4F6382}
#mainmenu ul.level1 li.level1:hover ul.level2{display:block}
#sat{float:right;width:auto;padding:3px 15px}
#sat a{padding:0;font-size:0.85em;text-decoration:none}
#sat a span{padding:0 5px}
#sat a:link{color:#696969}
#sat a:visited{color:#891F25}
#sat a.current,#sat a:hover{color:#891F25;text-decoration:underline}
#sat a:active{color:#5D759A}
#mainContent{padding:0;clear:left;background:#FFFFFF}
#contentwrapper{width:824px;background:url('./images/content_shadow.gif') 100% 0 repeat-y}
#contentinner{padding:12px 20px 20px 20px}
#footer{width:824px;padding:0;color:#FFFFFF;font-size:0.70em;font-family:Verdana,Arial,Helvetica,sans-serif}
#footerinner{background:url('./images/footer_shadow.gif') 100% 0 no-repeat;padding:20px 20px 60px 20px}
#footer p{margin:0}
#footer a:link{color:#FFFFFF;text-decoration:none}
#footer a:visited{color:#E0E0E0;text-decoration:none}
#footer a:hover{color:#E0E0E0;text-decoration:underline}
#footer a:active{color:#FFFFFF;text-decoration:none}
#addressinfo{display:none}
#top{font-family:Georgia,"Times News Roman",Times,serif;line-height:1.5em}
#left{width:270px;float:left;padding-top:20px}
#middle{width:480px;float:right;margin-right:10px;font-family:Georgia,"Times News Roman",Times,serif;line-height:1.5em}
div.box{background:url('images/sidebar_item.jpg') 0 0 repeat-y;width:250px}
div.box div.inner{background:url('images/sidebar_item_top.jpg') 0 0 no-repeat}
div.box div.footer{height:29px;background:url('images/sidebar_item_footer.jpg') 0 0 no-repeat}
div.box div.inner h2{color:#444444;background:url('images/h2_bottom.jpg') 0 100% no-repeat;padding:12px 10px 3px 10px;margin:0 1px 0 1px;font-size:1.25em}
div.box div.inner div.boxtext{padding:5px 10px 0px 10px}
div.box div.link a{display:block;background:url('images/arrow.gif') 0 4px no-repeat;padding-left:20px}
div.box div.link a:hover{background:url('images/arrow_hover.gif') 0 4px no-repeat}
div.box div.inner div.boxtext ul li a{display:block;background:url('images/arrow.gif') 0 6px no-repeat;padding-left:20px}
div.box div.inner div.boxtext ul li.level2 a{background:url('images/arrow.gif') 20px 6px no-repeat;padding-left:40px}
div.box div.inner div.boxtext ul li a span{display:block;padding:2px 0 2px 0}
div.box div.inner div.boxtext ul li a.current, div.box div.inner div.boxtext ul li a:hover{background:url('images/arrow_hover.gif') 0 6px no-repeat}
div.box div.inner div.boxtext ul li.level2 a.current, div.box div.inner div.boxtext ul li.level2 a:hover{background:url('images/arrow_hover.gif') 20px 6px no-repeat}
div.box div.inner div.boxtext div.image{text-align:center}
div.box div.inner div.boxtext div.image img{padding:1em 0}
#left ul{margin:0 0 0 0px;padding:0}
#left li{list-style:none}
.mailformplus_contactform fieldset{border:none}
.mailformplus_contactform legend{display:none}
.mailformplus_contactform div.form-row{margin-top:10px}
.mailformplus_contactform div.form-row textarea{width:450px}
.mailformplus_contactform input,.mailformplus_contactform textarea,.mailformplus_contactform select{border:1px solid #B8C2D3}
.req{color:#950101}
button{cursor:pointer;border:0;margin:0;padding:0;background:#FFFFFF}
button:hover{}
button span{display:block;padding:3px 15px;background:url('images/bg_button.gif') 0 50% repeat-x;border:1px solid #5D759A}
button:hover span{background-image:url('images/bg_button_hover.gif');border:1px solid #950101}
button span em{color:#DDDDDD;font-weight:bold;white-space:nowrap;font-style:normal}
button:hover span em{color:#FFFFFF}
#left div.csc-textpic-clear{clear:both;margin-bottom:20px}

» Show original CSS code

« Hide original CSS code

@charset "utf-8";
/* CSS Document */
 
body {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%; 
	background: #5D759A;
	margin: 0; 
	padding: 0;
	color: #444444;
	behavior: url('csshover.htc');
}
.clear { clear: both; }
.invisible {display: none; }
div.indent { padding-left: 37px; border-left: 3px solid #D2D6DF; }

#container {
	position: relative;
	font-size: 0.8em;
	width: 100%; 
	background: #FFFFFF;
	margin: 0; 
	text-align: left; 
}
#header {
	position: relative;
	padding: 0; 
	width: 100%;
}
#bg_logo { 
	position:relative;
	top:0;
	left:0;
	width:261px;
	height:70px;
}
#bg_logo img { position:absolute; top:23px; left:20px; }
#satwrapper { 
	position: absolute;
	top: 0;
	left:554px;
	width:280px;
	height:30px;
	color:#666666;
	text-align: right;
	zoom: 1;
	z-index: 200;

}
#slogan { 
	position: absolute;
	top: 33px;
	left:440px;
	width:380px;
	height:1em;
	color:#5D759A;
	text-align: right;
	font-family: Georgia, serif;
	font-size: 1.2em;
}

#header img { border:none; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; }
h1 { font-size: 1.6em; color: #950101; }
h2 { font-size: 1.25em; color: #5D759A; }
h3 { font-size: 1.2em; font-weight: bold; color: #950101; }
h4 { font-size: 1.1em; }
h5 { font-size: 0.9em; font-weight: bold; }
h6 { font-size: 0.85em; font-weight: bold; }

#middle h2 { background: #F0F0F0; padding: 2px 10px; margin-top: 2.5em; border-bottom: 1px solid #CCCCCC; }

a { outline: none; }
a:link { color: #950101; }
a:visited { color: #5D759A; }
a:hover { color: #950101; text-decoration: none; }
a:active { color: #6B7953; text-decoration: none; }

a.external-link-new-window { background: url('./images/external-link.gif') right 50% no-repeat; 
padding-right: 13px; 
}

div.csc-textpic-intext-left div.csc-textpic-imagewrap { padding-right: 15px; background: white; }
div.csc-textpic-intext-right div.csc-textpic-imagewrap { padding-left: 15px; background: white; }

#mainmenu { float: left; width:100%; position: relative; z-index: 100; }
#mainmenu div { float: left; width: 100%; margin:0; padding: 0;	background: #4F6382 url('./images/bg_mainmenu_div.gif') left top repeat-x; } 
#mainmenu ul { display:none; padding: 0; margin: 0; }
#mainmenu li { padding: 0; margin: 0; list-style: none; }
#mainmenu a { text-decoration: none; margin: 0; padding: 0;}
html>body #mainmenu a { width: auto; }

#mainmenu ul.level1 { display: block; float: left; width: 804px; margin:0 0 0 20px; padding: 0; }

#mainmenu ul.level1 li.level1
{
	position: relative;
	float:left; 
  margin: 0;
  padding: 0;
	width: 147px; 
	list-style: none; 
}

#mainmenu ul.level1 li.level1 a.level1 {
  display: block;
	width: 147px; 
	padding: 0;
	font-size: 1.1em; 
	line-height: 1.4em;
}
#mainmenu ul.level1 li.level1 a.level1:link span.level1 { color: #DDDDDD; background: url('./images/bg_mainmenu.gif') 0 0 no-repeat; text-decoration: none; } 
#mainmenu ul.level1 li.level1 a.level1:visited span.level1 { color: #DDDDDD; background: url('./images/bg_mainmenu.gif') 0 0 no-repeat; text-decoration: none; } 
#mainmenu ul.level1 li.level1 a.level1:hover span.level1 { color: #FFFFFF; background: url('./images/bg_mainmenu_hover.gif') 0 0 no-repeat; }
#mainmenu ul.level1 li.level1 a.current span.level1 { color: #FFFFFF; background: url('./images/bg_mainmenu_hover.gif') 0 0 no-repeat !important; }
#mainmenu ul.level1 li.level1 a.level1:active span.level1 { color: #DDDDDD; background: url('./images/bg_mainmenu.gif') 0 0 no-repeat; text-decoration: none; }

#mainmenu ul.level1 li.level1 a.level1 span.level1 {
  display: block;
	padding: 12px 6px 0 6px;
}
#mainmenu ul.level1 li.last { width: 210px; } 
#mainmenu ul.level1 li.last a.level1 { width: 210px; }

#mainmenu ul.level2 { 
  position: absolute;
	top: 31px;
	left: 0;
  width: 190px;
  padding: 0;
  text-align: left;
  z-index: 200;
	background: #E6EAF0; 
	border-left:1px solid #5D759A;
	border-right:1px solid #5D759A;
	border-bottom:1px solid #5D759A;
}
#mainmenu li.level2 { 
  display: block;
  padding: 0;
  text-align: left;
  width: 190px !important;
	white-space: nowrap;
}

#mainmenu a.level2 {
  display: block; 
  padding: 0;
  color: #000000;
  text-align: left;
  width: 190px;
	background-image: none !important; 
	border-bottom: 1px solid #B8C2D3;
}
#mainmenu ul.level2 li.last a.level2 {
	border-bottom:none;
}
#mainmenu a.level2:hover {
  color: #FFFFFF;
	background: #4F6382;

}
#mainmenu a.level2 span.level2 {
	display: block; 
	padding: 0 5px ;
	color: #58585a;
}
#mainmenu a:hover.level2 span.level2 {
	color: #FFFFFF;
	background: #4F6382; 
}

#mainmenu ul.level1 li.level1:hover ul.level2 { 
  display: block; 
}

#sat { float: right; width: auto; padding: 3px 15px; }
#sat a { padding:0; font-size: 0.85em; text-decoration: none; } 
#sat a span { padding: 0 5px; }

#sat a:link { color: #696969; } 
#sat a:visited { color: #891F25; } 
#sat a.current, #sat a:hover { color: #891F25; text-decoration: underline; }
#sat a:active { color: #5D759A; }

#mainContent {
	padding: 0; 
	clear: left;
	/* background: #FFFFFF url('./images/mainmenu_shaddow.gif') 0 0 repeat-x; */ 
	background: #FFFFFF; 
}

#contentwrapper {

width: 824px; 
	background: url('./images/content_shadow.gif') 100% 0 repeat-y; 
}
#contentinner { 
	/* background: url('./images/content_topshadow.gif') 100% 0 no-repeat; */ 
	padding: 12px 20px 20px 20px; 
}

/*
#breadcrumbs a:link { color: #950101; text-decoration: none; }
#breadcrumbs a:visited { color: #5D759A; text-decoration: none; }
#breadcrumbs a:hover { color: #950101; text-decoration: underline; }
#breadcrumbs a:active { color: #6B7953; text-decoration: none; }
*/

#footer {
	width: 824px; 
	padding: 0; 
	color: #FFFFFF;
	font-size: 0.70em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#footerinner { background: url('./images/footer_shadow.gif') 100% 0 no-repeat; padding: 20px 20px 60px 20px; }
#footer p {
	margin: 0; 
}
#footer a:link { color: #FFFFFF; text-decoration: none; }
#footer a:visited { color: #E0E0E0; text-decoration: none; }
#footer a:hover { color: #E0E0E0; text-decoration: underline; }
#footer a:active { color: #FFFFFF; text-decoration: none; }

#addressinfo {
	display: none;
}

#top { 
	font-family: Georgia, "Times News Roman", Times, serif; 
	line-height: 1.5em;
}
#left { width: 270px; float: left; padding-top: 20px; }
#middle { width: 480px; float: right; margin-right: 10px;
	font-family: Georgia, "Times News Roman", Times, serif; 
	line-height: 1.5em;
}

div.box { background: url('images/sidebar_item.jpg') 0 0 repeat-y; width: 250px; }
div.box div.inner { background: url('images/sidebar_item_top.jpg') 0 0 no-repeat; }
div.box div.footer { height: 29px; background: url('images/sidebar_item_footer.jpg') 0 0 no-repeat; }

div.box div.inner h2 { 	
  color: #444444;
  background: url('images/h2_bottom.jpg') 0 100% no-repeat; 
  padding: 12px 10px 3px 10px; 
  margin: 0 1px 0 1px; 
  font-size: 1.25em;
}
div.box div.inner div.boxtext { padding: 5px 10px 0px 10px; }

div.box div.link a { display: block; background: url('images/arrow.gif') 0 4px no-repeat; padding-left: 20px; }
div.box div.link a:hover { background: url('images/arrow_hover.gif') 0 4px no-repeat; }

div.box div.inner div.boxtext ul li a { display: block; background: url('images/arrow.gif') 0 6px no-repeat; padding-left: 20px; }
div.box div.inner div.boxtext ul li.level2 a { background: url('images/arrow.gif') 20px 6px no-repeat; padding-left: 40px; }
div.box div.inner div.boxtext ul li a span { display: block; padding: 2px 0 2px 0; }
div.box div.inner div.boxtext ul li a.current,
div.box div.inner div.boxtext ul li a:hover { background: url('images/arrow_hover.gif') 0 6px no-repeat; }
div.box div.inner div.boxtext ul li.level2 a.current,
div.box div.inner div.boxtext ul li.level2 a:hover { background: url('images/arrow_hover.gif') 20px 6px no-repeat; }

div.box div.inner div.boxtext div.image { text-align: center; }
div.box div.inner div.boxtext div.image img { padding: 1em 0; }

#left ul { margin:0 0 0 0px; padding: 0; } 
#left li { list-style: none; }

.mailformplus_contactform fieldset { border: none; }
.mailformplus_contactform legend { display: none; }

.mailformplus_contactform div.form-row { margin-top: 10px; }
.mailformplus_contactform div.form-row textarea { width: 450px; }
.mailformplus_contactform input, .mailformplus_contactform textarea, .mailformplus_contactform select { 
	border: 1px solid #B8C2D3; 
}

.req { color: #950101; }

button {

cursor: pointer;
	border: 0;
	margin: 0;
	padding: 0;
	background: #FFFFFF;
}
button:hover {
}

button span {

display: block;
	padding: 3px 15px;
	background: url('images/bg_button.gif') 0 50% repeat-x;
	border: 1px solid #5D759A;
}
button:hover span {
	background-image: url('images/bg_button_hover.gif');
	border: 1px solid #950101;
}
button span em {
	color: #DDDDDD;
	font-weight: bold;
	white-space: nowrap;
	font-style: normal;
}

button:hover span em {
	color: #FFFFFF;
}

#left div.csc-textpic-clear { clear: both; margin-bottom: 20px; }

Some information about this website:

URL: http://www.ewerkstatt.com/
CSS URL: http://www.ewerkstatt.com/fileadmin/templates/main/screen.css
Charset: iso-8859-1
Title: Die Online-Marketing Agentur in Wien • E-Werkstatt
Meta-Description: Online Marketing Agentur in Österreich. Die Schwerpunkte sind Website-Produktion, Suchmaschinen-Marketing, Newsletter-Consulting. Tools und Tipps.