Results of the CSS crunched for www.artworx.at

Let's see what we've done for www.artworx.at

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

Crunched CSS code:

@charset "utf-8";*{margin:0px;padding:0px}
* html{font-size:small}
html{width:100%;height:100%}
body{background-color:#000;width:100%;height:100%;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:0.7em;text-align:center;color:#FFF}
p{font-size:100%;line-height:1.3em;padding-bottom:0.8em}
a{text-decoration:none;color:#808080}
a:hover{text-decoration:underline}
h1{width:200px;padding:5px 30px;font-family:Arial,Helvetica,sans-serif;font-size:150%;font-weight:normal;background-color:#009999;color:#000}
h2{font-family:Arial,Helvetica,sans-serif;font-size:120%;font-weight:normal;text-transform:uppercase;padding-bottom:50px}
h3,h4{font-family:Arial,Helvetica,sans-serif;font-size:120%;font-weight:bold;padding-bottom:10px;border-bottom:1px dotted #FFF;margin-bottom:15px}
h4{border-bottom:1px dotted #000}
h5{font-size:100%;padding:20px 0 15px 0}
#clear{clear:both}
#wrapper{width:100%;background:url(pics/bg_smoke.jpg) 50% 0 no-repeat;text-align:center}
#container{width:980px;min-height:530px;text-align:left;margin:0 auto;padding:0}
#artworx{float:right;width:230px;height:80px}
#navi{float:left;width:650px;height:30px;margin-left:5px}
#navi ul{list-style:none;margin:0;padding:0}
#navi li{float:left;width:55px !important;padding:0 22px;font-size:100%;text-align:center;text-transform:uppercase}
#navi li a{display:block;height:30px;padding-top:10px;color:#FFF;text-decoration:none;text-align:center;border-top:8px solid #000}
#navi li.orange a:hover,#navi li.orange a.aktiv{border-top:8px solid #398ecd;display:block}
#navi li.yellow a:hover,#navi li.yellow a.aktiv{border-top:8px solid #50bcbe;display:block}
#navi li.green a:hover,#navi li.green a.aktiv{border-top:8px solid #46b384;display:block}
#navi li.turkis a:hover,#navi li.turkis a.aktiv{border-top:8px solid #97c729;display:block}
#navi li.blue a:hover,#navi li.blue a.aktiv{border-top:8px solid #f4e317;display:block}
#navi li.lila a:hover,#navi li.lila a.aktiv{border-top:8px solid #e5760e;display:block}
#teaser{padding:50px 0 0 30px;height:90px;color:#808080}
#line{height:30px}
#line hr{color:#808080;background-color:#808080;height:1px;width:100%;border:none}
#contentContainer{}
#subnavi{float:right;width:400px;padding-top:10px}
#subnavi ul{list-style:none;margin:0;padding:0}
#subnavi li{float:left;width:auto;padding:0 15px;font-size:110%;text-align:center;border-right:1px solid #FFF}
#subnavi li a{font-family:Arial,Helvetica,sans-serif;color:#FFF;font-size:100%;text-decoration:none}
#subnavi li a:hover,#subnavi li a.aktiv{color:#808080}
#subnavi li.last{border:none}
#contentBG{float:left;width:730px;background:url(pics/transparenz_test.png)}
#content{position:relative;padding:30px 30px 60px 30px;min-height:300px;overflow:visible}
* html #content{height:300px}
#content ul{padding-bottom:20px;list-style-type:square}
#content li{padding-right:10px;padding-top:20px}
#content .csc-default ul{margin-left:30px}
#content .csc-default li{padding-top:10px}
#content .csc-textpic ul{margin-left:0}
#content .csc-textpic li{padding-top:20px}
#content table,#content td{font-size:11px}
#content td{min-width:200px}
h4.turkis{color:#006666}
#navi li.orange a:hover,#navi li.orange a.aktiv{border-top:8px solid #398ecd}
#navi li.yellow a:hover,#navi li.yellow a.aktiv{border-top:8px solid #50bcbe}
#navi li.green a:hover,#navi li.green a.aktiv{border-top:8px solid #46b384}
#navi li.blue a:hover,#navi li.blue a.aktiv{border-top:8px solid #f4e317}
#navi li.lila a:hover,#navi li.lila a.aktiv{border-top:8px solid #e5760e}
#footer{clear:both;padding-left:30px;color:#808080}
#footer a{text-decoration:underline}
.sidebarBG{float:right;width:220px;margin-bottom:5px}
.sidebar{position:relative;padding:20px;color:#000;font-size:11px}
.sidebar a{text-decoration:none;color:#000;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:100%}
.sidebar a:hover{text-decoration:underline}
.sidebar a.side{color:#FFF;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:100%;float:left;line-height:160%}
.sidebar p{line-height:1em}
.sidebar img{float:left;padding-right:15px}
.csc-textpic-imagerow{padding-left:0 !important;margin-left:0 !important;width:600px !important;padding-bottom:10px}
.csc-textpic-imagerow ul{padding-left:0 !important;margin-left:0 !important}
.csc-textpic-imagerow li{padding-bottom:0 !important;padding-top:0 !important;margin-bottom:0 !important}
.csc-textpic-left,.csc-textpic-lastcol{padding-right:20px}
.csc-textpic-right,.csc-textpic-firstcol{padding-left:20px}
.csc-textpic-caption{padding-right:0}
.tx-powermail-pi1 fieldset{border:none;padding:0;width:150px;margin:0;color:#000}
.tx-powermail-pi1 legend{color:#000;font-weight:bold;margin:0;padding:8px 10px 10px 10px}
.tx-powermail-pi1{width:200px;color:#dedede}
.tx-powermail-pi1 img{border:none;margin-left:1px}
* html .tx-powermail-pi1 img{margin-left:10px}
* html .powermaildiv_uid1 label{margin-left:10px;margin-bottom:20px;padding:5px}
.tx-powermail-pi1 input,.tx-powermail-pi1 textarea{border:none;background:url(pics/transparenz_test.png);color:#e5760e;margin:5px 0 10px 0;font-family:Verdana,Arial,sans-serif;padding:3px;font-size:100%}
.powermail_mandatory_js{color:#000;font-weight:bold;padding-bottom:20px}
.tx-powermail-pi1 .button{background:#e5760e;color:#000}
.tx-powermail-pi1_confirmation,.tx-powermail-pi1_thx{width:180px}
.tx-powermail-pi1_confirmation,.powermail_all_table td,.tx-powermail-pi1_thx{color:#000;font-family:Verdana,Arial,sans-serif;font-size:10px}

» Show original CSS code

« Hide original CSS code

@charset "utf-8";
/* CSS Document */

* {
	margin:0px;
	padding:0px;
}
* html {
	font-size: small;
}
html {
	width:100%;
	height:100%;
}
body {
	background-color: #000;
	width:100%;
	height:100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	text-align: center;
	color: #FFF;
}

/* COLORS
   Black: #000;
   White: #FFF;
   Grey:  #808080;
*/

/* FONT -------------------- */
p {	
	font-size: 100%;
	line-height: 1.3em;
	padding-bottom: 0.8em; }
a {
	text-decoration: none;
	color: #808080;
}
a:hover {
	text-decoration: underline;
}

h1 {
	width: 200px;
	padding: 5px 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 150%;
	font-weight: normal;
	background-color: #009999;
	color: #000;

}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 120%;
	font-weight: normal;
	text-transform: uppercase;
	padding-bottom: 50px;
}
h3, h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 120%;
	font-weight: bold;
	padding-bottom: 10px;
	border-bottom: 1px dotted #FFF;
	margin-bottom: 15px;
}
h4 {
border-bottom: 1px dotted #000;	
}
h5 {
	font-size: 100%;
	padding: 20px 0 15px 0;	
}

/* DIVs -------------------- */
#clear {
	clear: both;
}
#wrapper {
	width: 100%;
	background: url(pics/bg_smoke.jpg) 50% 0 no-repeat;
	text-align:center;
}

#container {
	width: 980px;
	min-height: 530px;	
	text-align: left;
	margin: 0 auto;
	padding: 0;
}

#artworx {
	float: right;
	width: 230px;
	height: 80px;
}

#navi {
	float: left;
	width: 650px;
	height: 30px;
	margin-left: 5px;
}

#navi ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	#navi li {
		float: left;
		width: 55px !important; /* IE */
		padding: 0 22px; 	
		font-size: 100%;
		text-align: center;
		text-transform:uppercase;
	}
	#navi li a {
		display: block;
		height: 30px;
		padding-top: 10px;
		color: #FFF;
		text-decoration: none;
		text-align: center;
		border-top: 8px solid #000;
	}

#navi li.orange a:hover, #navi li.orange a.aktiv {
		border-top: 8px solid #398ecd;
		display: block;
	}
	#navi li.yellow a:hover, #navi li.yellow a.aktiv {
		border-top: 8px solid #50bcbe;
		display: block;
	}
	#navi li.green a:hover, #navi li.green a.aktiv {
		border-top: 8px solid #46b384;
		display: block;
	}
	#navi li.turkis a:hover, #navi li.turkis a.aktiv {
		border-top: 8px solid #97c729;
		display: block;
	}
	#navi li.blue a:hover, #navi li.blue a.aktiv {
		border-top: 8px solid #f4e317;
		display: block;
	}
	#navi li.lila a:hover, #navi li.lila a.aktiv {
		border-top: 8px solid #e5760e;
		display: block;
	}

#teaser {
	padding: 50px 0 0 30px;
	height: 90px;
	color: #808080;
}

#line {
	height: 30px;
}
	#line hr{
		color: #808080;
		background-color: #808080;
		height: 1px;
		width: 100%;
		border: none;
	}

#contentContainer {
	
}
#subnavi {
	float: right;
	width: 400px;
	padding-top: 10px;
}
	#subnavi ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	#subnavi li {
		float: left;
		width: auto;
		padding: 0 15px; 	
		font-size: 110%;
		text-align: center;
		border-right: 1px solid #FFF;
	}
	#subnavi li a {
		font-family: Arial, Helvetica, sans-serif;
		color: #FFF;
		font-size: 100%;
		text-decoration: none;
	}
	#subnavi li a:hover, #subnavi li a.aktiv {
		color: #808080;
	}
	#subnavi li.last {
		border: none;
	}
	
#contentBG {
	float: left;
	width: 730px;
	background: url(pics/transparenz_test.png);
}
#content {	
	position:relative; 
	padding: 30px 30px 60px 30px;
	min-height: 300px;
	overflow: visible;	
}
* html #content {
	height: 300px;
}
#content ul {
 /*padding-left: 25px;*/
 padding-bottom: 20px;
 list-style-type: square;	
}
#content li {
padding-right: 10px;
padding-top: 20px;
}
#content .csc-default ul {
	margin-left: 30px;
}
#content .csc-default li {
	padding-top: 10px;
}

#content .csc-textpic ul {
	margin-left: 0;
}
#content .csc-textpic li {
padding-top: 20px;
}

#content table, #content td {
font-size: 11px;
}
#content td {
min-width: 200px;
}

h4.turkis {
		color: #006666;
	}
	#navi li.orange a:hover, #navi li.orange a.aktiv {
		border-top: 8px solid #398ecd;
	}
	#navi li.yellow a:hover, #navi li.yellow a.aktiv {
		border-top: 8px solid #50bcbe;
	}
	#navi li.green a:hover, #navi li.green a.aktiv {
		border-top: 8px solid #46b384;
	}	
	#navi li.blue a:hover, #navi li.blue a.aktiv {
		border-top: 8px solid #f4e317;
	}
	#navi li.lila a:hover, #navi li.lila a.aktiv {
		border-top: 8px solid #e5760e;
	}

#footer {
	clear: both;
	padding-left: 30px;
	color: #808080;
}
#footer a{
	text-decoration: underline;
}

.sidebarBG {
	float: right;
	width: 220px;
	/*background: url(pics/trans_turkis.png);*/
	/*background-color: #009999;
	-moz-opacity:0.5;
	filter:alpha(opacity=60) !important; /* IE */
	/*background-color: rgba(0, 153, 153, 0.6); /* Firefox, Safari */
	/*border-right: 5px solid rgba(0, 0, 0, 0.5);
	border-bottom: 5px solid rgba(0, 0, 0, 0.5);*/
	margin-bottom: 5px;
}
.sidebar {	
	position:relative; 
	padding: 20px;
	color: #000;
	font-size: 11px;
}
	.sidebar a {
		text-decoration: none;
		color: #000;
		/*float: right;*/
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 100%;

}
	.sidebar a:hover {
		text-decoration: underline;
	}
	.sidebar a.side {
		color: #FFF;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 100%;
		float: left;
		line-height: 160%;
	}
	.sidebar p {
		line-height: 1em;
	
	}
	.sidebar img {
		float: left;
		padding-right: 15px;
	}

/* CSC Images */

.csc-textpic-imagerow{
	padding-left:0 !important;
	margin-left:0 !important;
	width: 600px !important;
	padding-bottom: 10px;
}
.csc-textpic-imagerow ul{
	padding-left:0 !important;
	margin-left:0 !important;
}
.csc-textpic-imagerow li {
	padding-bottom: 0 !important;
	padding-top: 0 !important;
	margin-bottom: 0 !important;
}
.csc-textpic-left, .csc-textpic-lastcol {
	padding-right: 20px;
}
.csc-textpic-right, .csc-textpic-firstcol {
	padding-left: 20px;
}
.csc-textpic-caption {
	padding-right: 0;
}

/* POWERMAIL */

.tx-powermail-pi1 fieldset{
border: none;
padding: 0;
width: 150px;
margin: 0;
color: #000;
}

.tx-powermail-pi1 legend{
color:#000;
font-weight:bold;
margin:0;
padding:8px 10px 10px 10px;
}

.tx-powermail-pi1{
width:200px;
color:#dedede;
}

.tx-powermail-pi1 img{
border:none;
margin-left:1px;
}

* html .tx-powermail-pi1 img{
margin-left:10px;
}

* html .powermaildiv_uid1 label{
margin-left:10px;
margin-bottom: 20px;
padding: 5px;
}

.tx-powermail-pi1 input, .tx-powermail-pi1 textarea{
border:none;
background: url(pics/transparenz_test.png);
color:#e5760e;
margin: 5px 0 10px 0;
font-family: Verdana, Arial, sans-serif;
padding: 3px;
font-size: 100%;
}

.powermail_mandatory_js{
color: #000;
font-weight: bold;
padding-bottom: 20px;
}

.tx-powermail-pi1 .button {
background: #e5760e;
color: #000;	
}
.tx-powermail-pi1_confirmation, .tx-powermail-pi1_thx {
width: 180px;
}
.tx-powermail-pi1_confirmation, .powermail_all_table td, .tx-powermail-pi1_thx {
color: #000;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
}