Results of the CSS crunched for page-online.de

Let's see what we've done for page-online.de

CSSCruncher.com has crunched this CSS to
20.12 %Less Size! That's Incredible!

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

Crunched CSS code:

@import url(__header.css);@import url(__buttons.css);@import url(__suche.css);@import url(__boxen.css);@import url(__footer.css);@import url(__emag.css);@import url(__community.css);@import url(__magazin.css);@import url(__service.css);@import url(__kontakt.css);body,html{width:100%;height:101%}
body{background:#FFFFFF;padding:0px;margin:0px;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:11px;line-height:1.6;background:url(../images/common/page_kachel.gif) repeat}
#site{position:relative;width:968px;margin:auto;padding-top:0px}
#header{width:968px;height:500px}
#content{width:968px}
#columnLeft{width:244px;margin-left:0px;float:left}
#columnCenter{width:468px;margin-left:6px;float:left;overflow:hidden;padding:0}
#columnRight{width:244px;margin-left:6px;float:left;padding:0}
#columnLeft2{width:244px;margin-left:0px;float:left}
#columnCenter2{width:442px;margin-left:7px;float:left;padding:16px 0 16px 12px;background-color:#fff;border-right:solid 12px #fff}
#columnLeft3{background-color:#fff;width:693px;margin-left:0px;float:left;padding:16px 12px 16px 12px}
h1.print{display:none}
h3.print{display:none}
a:Link,a:Hover,a:Active,a:Visited{color:#000000}
h1,h2,h3,h4,h5,h6,p{padding:0;margin:0}
.clear{clear:both;height:0;overflow:hidden;padding:0;margin:0}
img{border:0}
form{padding:0;margin:0}
img.floatNone{clear:both;display:block;float:none}
#content #columnCenter2 img{float:left;margin-right:20px;margin-bottom:10px}
.floatLeft{float:left}
input[type=text],input[type=password]{border:solid 1px #7d7d7d;padding:3px}
textarea,select{border:solid 1px #7d7d7d}
input.formError,textarea.formError,select.formError,div.formError{border:1px solid red}
div#FormErrors ul li{color:red}
ul.error_list li{color:red}
#pagination{width:442px;position:relative;height:20px}
#pagination input,#pagination form{display:inline}
#pagination .paginationBack{position:absolute;left:0px;top:2px}
#pagination .paginationForward{position:absolute;left:338px;top:2px}
#pagination #paginationPages{width:200px;position:absolute;left:111px;text-align:center}
a.zurueck_zur_uebersicht span{visibility:hidden}
a.zurueck_zur_uebersicht{text-decoration:none;width:120px;height:10px;display:block}
a.zurueck_zur_uebersicht.emag{background:transparent url('../images/zurueck_zur_uebersicht_emag.png') no-repeat top left}
a.zurueck_zur_uebersicht.community{background:transparent url('../images/zurueck_zur_uebersicht_community.png') no-repeat top left}
a.zurueck_zur_uebersicht.magazin{background:transparent url('../images/zurueck_zur_uebersicht_magazin.png') no-repeat top left}
a.zurueck_zur_uebersicht.service{background:transparent url('../images/zurueck_zur_uebersicht_service.png') no-repeat top left}
a.zurueck_zur_uebersicht:hover{background-position:bottom left}
ul.error_list{margin-top:0}
th{vertical-align:bottom}
#content #columnCenter2 #teaserstyle img{float:none}
#static_teaser,#static_content,#static_footer{margin-bottom:20px}
#banner img{display:block;margin:0px auto !important;float:none !important}

» Show original CSS code

« Hide original CSS code

@import url(__header.css);
@import url(__buttons.css);
@import url(__suche.css);
@import url(__boxen.css);
@import url(__footer.css);

@import url(__emag.css);
@import url(__community.css);
@import url(__magazin.css);
@import url(__service.css);
@import url(__kontakt.css);

body, html {
	width			:	100%;
	height			:	101%;
}
			
body {
    background: #FFFFFF;
    padding:0px;
    margin: 0px;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;    
	line-height:1.6;        
	background: url(../images/common/page_kachel.gif) repeat;
}

#site {
	position:relative;
	width:968px;
	margin:auto;
	padding-top:0px;	
}

#header {
	width:968px;
	height:500px;	
}

#content {
	width:968px;
}

/* STARTSEITEN SPALTEN */
#columnLeft {
	width:244px;
	margin-left:0px;
	float:left;
}

#columnCenter {
	width:468px;
	margin-left:6px;
	float:left;
	overflow:hidden;
	padding:0;
}

#columnRight {
	width:244px;
	margin-left:6px;
	float:left;
	padding:0;
}

/* ARTIKEL SPALTEN */
#columnLeft2 {
	width:244px;
	margin-left:0px;
	float:left;
}

#columnCenter2 {
	width:442px;
	margin-left:7px;
	float:left;
	/*overflow:hidden;*/
	padding: 16px 0 16px 12px;
	background-color: #fff;
	border-right: solid 12px #fff;
}

/* ZWEISPALTIG */
#columnLeft3 {
	background-color: #fff;
	width:693px;
	margin-left:0px;
	float:left;
	padding: 16px 12px 16px 12px;
}

h1.print {
	display: none;
}

h3.print {
	display: none;
}

a:Link, a:Hover, a:Active, a:Visited {
	color:#000000;
}

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

.clear {
	clear:both;
	height:0;
	overflow:hidden;
	padding:0;
	margin:0;
}

img { 
	border: 0;
}

form {
	padding:0;
	margin:0;
}

img.floatNone {
	clear:both;
	display: block; 
	float:none;
}

#content #columnCenter2 img {
	float:left; 
	margin-right:20px; 
	margin-bottom:10px
}

.floatLeft {
	float:left;
}

input[type=text], input[type=password] {
	border: solid 1px #7d7d7d;
	padding: 3px;
}

textarea, select {
	border: solid 1px #7d7d7d;
}

input.formError, textarea.formError, select.formError, div.formError {
	border: 1px solid red;
}

div#FormErrors ul li {
	color: red;
}

ul.error_list li {
	color: red;
}

#pagination {
	width: 442px;
	position:relative;
	height: 20px;
}

#pagination input, #pagination form {
	display: inline;	
}

#pagination .paginationBack {
	position: absolute;
	left: 0px;
	top: 2px;
}

#pagination .paginationForward {
	position: absolute;
	left: 338px;
	top: 2px;
}

#pagination #paginationPages {
	width:200px;
	position: absolute;
	left: 111px;	
	text-align: center;
}

a.zurueck_zur_uebersicht span {
	visibility: hidden;
}

a.zurueck_zur_uebersicht {
	text-decoration: none;
	width: 120px;
	height: 10px;
	display: block;
}
	
a.zurueck_zur_uebersicht.emag {
	background:transparent url('../images/zurueck_zur_uebersicht_emag.png') no-repeat top left;
}

a.zurueck_zur_uebersicht.community {
	background:transparent url('../images/zurueck_zur_uebersicht_community.png') no-repeat top left;
}

a.zurueck_zur_uebersicht.magazin {
	background:transparent url('../images/zurueck_zur_uebersicht_magazin.png') no-repeat top left;
}

a.zurueck_zur_uebersicht.service {
	background:transparent url('../images/zurueck_zur_uebersicht_service.png') no-repeat top left;
}

a.zurueck_zur_uebersicht:hover {
	background-position: bottom left;
}

ul.error_list {
	margin-top: 0;	
}

th {
	vertical-align: bottom;
}

#content #columnCenter2 #teaserstyle img {
	float:none;
}

#static_teaser, #static_content, #static_footer {
	margin-bottom: 20px;
}

#banner img {
  display: block;
  margin: 0px auto !important;
  float: none !important;
}

Some information about this website:

URL: http://page-online.de/
CSS URL: http://page-online.de/css/__main.css
Charset: utf-8
Title: PAGE online - Ideen und Know-how f?esign, Werbung, Medien
Meta-Description: page-online.de - Ideen und Know-how f?reative in Design, Werbung, Medien
Meta-Keywords: PAGE, Design, Werbung, Medien, Ideen, Kreative, Hamburg, Know-how