Results of the CSS crunched for www.pottscreen.de

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

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

Crunched CSS code:

body{margin:0px;padding:0;text-align:justify;font-family:Arial,Helvetica,sans-serif;font-size:12px;color:#000000}
h2,h3,h4,h5,h6{margin:0}
h2{letter-spacing:0px;padding:10px 0 0 0;font-size:25px;font-weight:normal;color:#747474}
h2 em{font-weight:normal;font-style:normal}
h3{height:25px;background:#FFFFFF url(images/subblau.gif) repeat-x left bottom;padding:10px 0 0 20px;font-size:12px;color:#FFFFFF}
.urteile{height:25px;background:#FFFFFF url(images/subrot.gif) repeat-x left bottom;padding:10px 0 0 20px;font-size:12px;color:#FFFFFF}
.soziales{height:25px;background:#FFFFFF url(images/subgrau.gif) repeat-x left bottom;padding:10px 0 0 20px;font-size:12px;color:#FFFFFF}
.wopo{height:25px;background:#FFFFFF url(images/suborange.gif) repeat-x left bottom;padding:10px 0 0 20px;font-size:12px;color:#FFFFFF}
.ueberuns{height:25px;background:#FFFFFF url(images/subblau.gif) repeat-x left bottom;padding:10px 0 0 20px;font-size:12px;color:#FFFFFF}
.rubrikdate{float:right;font-size:10px;color:#000000;padding:30px 3px 0 0}
.rubrikdate1{float:right;font-size:10px;color:#000000;margin:30px -120px 0 0}
p,ol,ul{line-height:180%}
ul{margin-left:30px;padding-left:0;list-style-position:inside}
a{color:#8F8F8F}
a:hover{text-decoration:overline underline}
.image{float:left;margin:0 20px 0px 0}
.image1{float:right;margin:-40px 20px 0 0}
.image2{float:right}
.image3{float:right;margin:0px 0px 0 0}
.image4{float:right;margin:5px 0px 10px 5px}
.bg1{padding:20px 20px 20px 20px}
.bg2{padding:20px;border-top:1px solid;background:#FFFFFF url(images/img4.gif) repeat-x}
.bg3{padding:50px 20px 20px 20px}
#header{background-color:#9BB2DE;width:900px;height:350px;margin:0px 0 20px 20px}
#header *{margin:0;padding:0;color:#FFFFFF}
#header h1{float:left;padding:70px 0 0 10px;font-size:40px}
#header h2{float:left;padding:91px 0 0 10px;font-size:16px;font-weight:normal}
#header ul{float:left;margin:0px;padding:0px 0 0 0;list-style:none}
#header li{display:inline}
#header a{float:right;height:22px;margin:0px 0 0 0px;padding:8px 20px 0px 20px;background:url(images/img2.gif) repeat-x;text-decoration:none;font-weight:bold}
#submenue a{float:right;margin:0 0 0 1px;padding:6px 20px 0px 20px;background:url(images/subblau.gif) repeat-x;text-decoration:none;color:#625959;font-weight:bold}
#submenuerecht a{float:right;margin:0 0 0 1px;padding:6px 20px 0px 20px;background:url(images/subrot.gif) repeat-x;text-decoration:none;color:#625959;font-weight:bold}
#submenueratgeber a{float:right;margin:0 0 0 1px;padding:6px 20px 0px 20px;background:url(images/subgelb.gif) repeat-x;text-decoration:none;color:#625959;font-weight:bold}
#submenuewopo a{float:right;margin:0 0 0 1px;padding:6px 20px 0px 20px;background:url(images/suborange.gif) repeat-x;text-decoration:none;color:#625959;font-weight:bold}
#submenueagenda a{float:right;margin:0 0 0 1px;padding:6px 20px 0px 20px;background:url(images/subgruen.gif) repeat-x;text-decoration:none;color:#625959;font-weight:bold}
#submenuesoziales a{float:right;margin:0 0 0 1px;padding:6px 20px 0px 20px;background:url(images/subgrau.gif) repeat-x;text-decoration:none;color:#625959;font-weight:bold}
a:hover{text-decoration:overline underline}
#content{background-color:#FFFFFF;width:892px;margin:20px 0 0 20px}
#colOne{margin:35px 0px 0 20px;float:right;width:186px}
#colOne ul{padding-left:0;list-style:none none outside}
#colOne li{padding:5px 0;background:url(images/img6.gif) repeat-x}
#colOne li.first{background:none}
#colTwo{float:right;width:686px}
.post{background:url(images/kapitelblau.jpg) no-repeat left top;margin:20px 5px 20px 20px;padding:6px 20px 0px 20px}
.postgruen{background:url(images/kapitelgruen.jpg) no-repeat left top;margin:20px 5px 20px 20px;padding:6px 20px 0px 20px}
#footer{clear:both;width:892px;margin:10px auto auto 20px;padding:30px 0;background:url(images/img7.gif) repeat-x}
#footer li{display:inline}
#footer a{margin:0 0 0 1px;padding:0px 30px 0px 20px;text-decoration:none;font-weight:bold}
#footer p{margin:0;text-align:center}

» Show original CSS code

« Hide original CSS code

body {
	margin: 0px;
	padding: 0;
	
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

h2, h3, h4, h5, h6 {
	margin: 0;
}

h2 {
	letter-spacing: 0px;
	padding: 10px 0 0 0;
	font-size: 25px;
	font-weight: normal;
	color: #747474;
}

h2 em {
	font-weight: normal;
	font-style: normal;
	
}

h3 {
	height: 25px;
	background: #FFFFFF url(images/subblau.gif) repeat-x left bottom;
	padding: 10px 0 0 20px;
	font-size: 12px;
	color: #FFFFFF;
}
.urteile {
    height: 25px;
	background: #FFFFFF url(images/subrot.gif) repeat-x left bottom;
	padding: 10px 0 0 20px;
	font-size: 12px;
	color: #FFFFFF;
}

.soziales {
    height: 25px;
	background: #FFFFFF url(images/subgrau.gif) repeat-x left bottom;
	padding: 10px 0 0 20px;
	font-size: 12px;
	color: #FFFFFF;
}

.wopo {
    height: 25px;
	background: #FFFFFF url(images/suborange.gif) repeat-x left bottom;
	padding: 10px 0 0 20px;
	font-size: 12px;
	color: #FFFFFF;
}

.ueberuns {
    height: 25px;
	background: #FFFFFF url(images/subblau.gif) repeat-x left bottom;
	padding: 10px 0 0 20px;
	font-size: 12px;
	color: #FFFFFF;
}

.rubrikdate {
    
    float: right;
    font-size: 10px;
    color: #000000;
    padding: 30px 3px 0 0;
    
}

.rubrikdate1 {

float: right;
    font-size: 10px;
    color: #000000;
    margin: 30px -120px 0 0;

}

p, ol, ul {
	line-height: 180%;
}

ul {
	margin-left: 30px;
	padding-left: 0;
	list-style-position: inside;
}

a {
	color: #8F8F8F;
}

a:hover {
	text-decoration: overline underline;
}

.image {
	float: left;
	margin: 0 20px 0px 0;
}

.image1 {
    float: right;
    margin: -40px 20px 0 0;
}

.image2 {
    float: right;
   
}

.image3 {
    float: right;
    margin: 0px 0px 0 0;
}

.image4 {
    float: right;
    margin: 5px 0px 10px 5px;
}

.bg1 {
	padding: 20px 20px 20px 20px;
	
	
}

.bg2 {
	padding: 20px;
	border-top: 1px solid;
	background: #FFFFFF url(images/img4.gif) repeat-x;
}

.bg3 {
	padding: 50px 20px 20px 20px;
    }

/* Header */

#header {
    background-color: #9BB2DE;
	width: 900px;
	height: 350px;
	margin: 0px 0 20px 20px
}

#header * {
	margin: 0;
	padding: 0;
	color: #FFFFFF;
}

#header h1 {
	float: left;
	padding: 70px 0 0 10px;
	font-size: 40px;
}

#header h2 {
	float: left;
	padding: 91px 0 0 10px;
	font-size: 16px;
	font-weight: normal;
}

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

#header li {
	display: inline;
}

#header a {
    float: right;
	height: 22px;
	margin: 0px 0 0 0px;
	padding: 8px 20px 0px 20px;
	background: url(images/img2.gif) repeat-x;
	text-decoration: none;
	font-weight: bold;
}
#submenue a  {

float: right;
	margin: 0 0 0 1px;
	padding: 6px 20px 0px 20px;
	background: url(images/subblau.gif) repeat-x;
	text-decoration: none;
	color: #625959;
	font-weight: bold;
}

#submenuerecht a  {

float: right;
	margin: 0 0 0 1px;
	padding: 6px 20px 0px 20px;
	background: url(images/subrot.gif) repeat-x;
	text-decoration: none;
	color: #625959;
	font-weight: bold;
}

#submenueratgeber a  {

float: right;
	margin: 0 0 0 1px;
	padding: 6px 20px 0px 20px;
	background: url(images/subgelb.gif) repeat-x;
	text-decoration: none;
	color: #625959;
	font-weight: bold;
}
 
#submenuewopo a  {

float: right;
	margin: 0 0 0 1px;
	padding: 6px 20px 0px 20px;
	background: url(images/suborange.gif) repeat-x;
	text-decoration: none;
	color: #625959;
	font-weight: bold;
}

#submenueagenda a  {

float: right;
	margin: 0 0 0 1px;
	padding: 6px 20px 0px 20px;
	background: url(images/subgruen.gif) repeat-x;
	text-decoration: none;
	color: #625959;
	font-weight: bold;
}

#submenuesoziales a  {

float: right;
	margin: 0 0 0 1px;
	padding: 6px 20px 0px 20px;
	background: url(images/subgrau.gif) repeat-x;
	text-decoration: none;
	color: #625959;
	font-weight: bold;
}

a:hover {
	text-decoration: overline underline;
}

/* Content */

#content {
    background-color: #FFFFFF;
	width: 892px;
	margin: 20px 0 0 20px
}

#colOne {

margin: 35px 0px 0 20px;
	float: right;
	width: 186px;
}

#colOne ul {
	padding-left: 0;
	list-style: none none outside;
}

#colOne li {
	padding: 5px 0;
	background: url(images/img6.gif) repeat-x;
}

#colOne li.first {
	background: none;
}

#colTwo {
	float: right;
	width: 686px;
}
.post {
	background: url(images/kapitelblau.jpg) no-repeat left top;
	margin: 20px 5px 20px 20px;
	padding: 6px 20px 0px 20px;
}

.postgruen {
	background: url(images/kapitelgruen.jpg) no-repeat left top;
	margin: 20px 5px 20px 20px;
	padding: 6px 20px 0px 20px;
}

/* Footer */

#footer {
	clear: both;
	width: 892px;
	margin: 10px auto auto 20px;
	padding: 30px 0;
	background: url(images/img7.gif) repeat-x
}

#footer li {
	display: inline;
}

#footer a  {

margin: 0 0 0 1px;
	padding: 0px 30px 0px 20px;
	
	text-decoration: none;
	font-weight: bold;
}

#footer p {
	margin: 0;
	text-align: center;
}

Some information about this website:

URL: http://www.pottscreen.de/
CSS URL: http://www.pottscreen.de/mieterverein.css
Charset: utf-8
Title: Mieterverein f?ochum, Hattingen, Datteln
Meta-Keywords: Mieterverein