Results of the CSS crunched for pj-webdesign.de

Let's see what we've done for pj-webdesign.de

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

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

Warning level 1 on Line 3:
  Same colors for background-color and color
  Class:     body
  Property:  
  Value:     

Warning level 1 on Line 21:
  You have no background-color with your color
  Class:     p a
  Property:  
  Value:     

Warning level 1 on Line 60:
  Line : 60 Level : 1 Same colors for color and background-color in two contexts #divider and .rechter_absatz
  Class:     1 Same colors for color and background-color in two contexts #divider and .rechter_absatz
  Property:  
  Value:     

Warning level 1 on Line 60:
  You have no background-color with your color
  Class:     .rechter_absatz
  Property:  
  Value:     

Warning level 1 on Line 68:
  You have no background-color with your color
  Class:     .content_explanation
  Property:  
  Value:     

Warning level 1 on Line 77:
  You have no background-color with your color
  Class:     h2
  Property:  
  Value:     

Warning level 1 on Line 87:
  You have no background-color with your color
  Class:     h4
  Property:  
  Value:     

Warning level 1 on Line 97:
  You have no color with your background-color
  Class:     .head
  Property:  
  Value:     

Warning level 2 on Line 126:
  Redefinition of margin-top
  Class:     .main_container
  Property:  
  Value:     

Warning level 1 on Line 127:
  You have no background-color with your color
  Class:     .main_container
  Property:  
  Value:     

Warning level 1 on Line 139:
  Line : 139 Level : 1 Same colors for color and background-color in two contexts p a:hover and .content_container
  Class:     1 Same colors for color and background-color in two contexts p a:hover and .content_container
  Property:  
  Value:     

Warning level 1 on Line 139:
  You have no background-color with your color
  Class:     .content_container
  Property:  
  Value:     

Warning level 1 on Line 156:
  You have no color with your background-color
  Class:     #divider
  Property:  
  Value:     

Warning level 1 on Line 190:
  You have no background-color with your color
  Class:     .right_box_links a
  Property:  
  Value:     

Warning level 1 on Line 228:
  You have no background-color with your color
  Class:     .lnk-footer a
  Property:  
  Value:     

Warning level 1 on Line 286:
  You have no color with your background-color
  Class:     .sub_menu
  Property:  
  Value:     

Warning level 1 on Line 304:
  You have no background-color with your color
  Class:     .sub_menu ul li a
  Property:  
  Value:

Crunched CSS code:

body{background:#FFFFFF;margin:0 auto;font-size:100%;padding:0px;color:#FFFFFF}
img{border:none}
p{font:normal 0.7em Verdana,Geneva,sans-serif;line-height:1.5em;padding:0.75em 0em 0.75em 0em;margin:0em}
p a{color:#000;padding:2px}
p a:hover{background-color:#333;color:#fff;padding:2px}
h1{font:normal 1.125em Arial,Helvetica,sans-serif;display:block;float:left;padding:0.3em 0em 0em 0em;margin:0em}
h1-content{font:normal 1.125em Arial,Helvetica,sans-serif;display:block;float:left;padding:0.3em 0em 0em 0em;margin:0em}
.h1{font:normal 1.125em Arial,Helvetica,sans-serif;display:block;float:left;padding:0.3em 0em 0em 0em;margin:0em}
.rechter_absatz{font:normal 0.54em Verdana,Geneva,sans-serif;line-height:2em;padding:0.75em 0em 0.75em 0em;margin:0em;color:#666;width:200px}
.content_explanation{padding:0px;margin:10px 0px 10px 10px;color:#999;font:normal 0.75em Verdana,Geneva,sans-serif;display:block;float:left}
h2{font:bold 0.7em Verdana,Geneva,sans-serif;padding:1em 0em 0em 0em;color:#7d7d7d;display:block;margin:0em}
h4{text-align:left;color:#6c676c;margin:20px 0px;padding:0px;font:bold 0.75em Sans-Serif;position:absolute;left:76%}
.head{background:#3a333a url("../img/bg-head.jpg") repeat-x;height:87px;text-align:left}
#logo{margin-top:6px;margin-left:30px;background-image:url(../img/logo.jpg);background-repeat:no-repeat;height:70px;width:170px}
#logo a{width:177px;height:70px;text-indent:-999em;display:block;text-decoration:none}
.main_container{width:950px;text-align:left;margin:auto;margin-top:15px;color:#000;display:block;height:480px}
.content_container{width:540px;float:left;text-align:left;line-height:18px;margin-top:10px;position:absolute;padding-left:200px;color:#333}
.content_container p{width:540px}
.floatbreaker{height:0px;line-height:0px}
.anleser{text-indent:40px;margin-right:10px;margin-top:10px}
#divider{height:1px;background-color:#666;margin:0px 0px 6px 0px;padding:0px;width:740px}
.box_container{float:left;height:125px;width:165px;padding:60px 0px 0px 760px}
.right_box_header{padding:3px 0px 0px 20px;height:16px;font:bold 11px Verdana,Geneva,sans-serif;color:#7d7d7d;background-color:#dbdbdb;width:160px;margin-top:15px}
.right_box_header img{position:absolute;margin:2px 0px 0px -14px}
#right_box_first{margin-top:0px}
.right_box_links{padding:5px 0px 0px 20px}
.right_box_links a{font:11px Arial,Helvetica,sans-serif;color:#7d7d7d;text-decoration:none;line-height:17px}
.right_box_links a:hover{text-decoration:underline;background-color:#fff;color:#7d7d7d;line-height:17px}
.subshow{position:relative;height:3px;line-height:0px;background:url("../img/bg_subshow.gif") repeat-x top;margin-top:40px}
.subshow2{position:relative;height:3px;line-height:0px;background:url("../img/bg_subshow.gif") repeat-x top;margin-top:10px}
.lnk-footer{text-align:left;list-style:square outside url("../img/icon-star.gif");position:absolute;margin:40px 0px 0px -20px;left:76%}
.lnk-footer a{color:#8B8B91;font:0.7em Verdana,Geneva,sans-serif;cursor:pointer}
.menu_container{width:200px;float:left;position:absolute;margin-left:0px}
#menu{font:bold 11px Verdana,Geneva,sans-serif;width:130px;margin-top:10px}
#menu li{list-style-type:none;margin:0px}
#menu ul{margin:0px;padding:0px;font-weight:normal}
#menu a{margin:0px;padding:0px}
#menu ul li ul{padding-left:0px}
#menu li a{text-decoration:none;color:#000;height:16px;line-height:16px;vertical-align:middle;border:none;background-color:#fff;margin:0px;padding:1px;padding-left:5px;display:block}
#menu li a:hover,#menu .activeMainMenuItem{color:#fff;background-color:#3a333a;padding:1px 1px 1px 5px}
.sub_menu{visibility:visible;position:absolute;overflow:hidden;border:none;background-color:#fff;font:bold 11px Verdana,Geneva,sans-serif;text-align:left;padding-right:0px}
.sub_menu ul{margin:0px;padding:0px}
.sub_menu ul li{list-style-type:none;margin:0px;padding:0px;border:none}
.sub_menu ul li a{white-space:nowrap;text-decoration:none;color:#000;height:16px;line-height:16px;padding:1px;display:block;padding-left:5px;border:none}
.sub_menu ul li a:hover{color:#FFF;background-color:#3a333a;padding-left:5px;border:none}
#menu .ausgefahren li{width:140px;border:none;display:block}
#menu .ausgefahren{border:none}
#menu .menu-head{padding-top:4px;font-weight:bold;border-bottom:1px solid #333}
#menu .menu-head:hover{padding-top:4px}

» Show original CSS code

« Hide original CSS code

/* ALLGEMEINES */
body {
	background: #FFFFFF;
	margin: 0 auto;
	font-size: 100%;
	padding: 0px;
	color: #FFFFFF;
}
img {
	border: none;
}

p {
	font: normal 0.7em Verdana, Geneva, sans-serif;
	line-height: 1.5em;
	padding: 0.75em 0em 0.75em 0em;
	margin: 0em;
}

p a {
	color: #000;
	padding: 2px;
}

p a:hover {
	background-color:#333;
	color: #fff;
	padding: 2px;
}

h1 {
	font: normal 1.125em Arial, Helvetica, sans-serif;	
	display: block;
	float: left;
	padding: 0.3em 0em 0em 0em;
	margin: 0em;
}

h1-content {
	font: normal 1.125em Arial, Helvetica, sans-serif;	
	display: block;
	float: left;
	padding: 0.3em 0em 0em 0em;
	margin: 0em;
}

.h1 {
	font: normal 1.125em Arial, Helvetica, sans-serif;	
	display: block;
	float: left;
	padding: 0.3em 0em 0em 0em;
	margin: 0em;
}

.rechter_absatz {
	font: normal 0.54em Verdana, Geneva, sans-serif;
	line-height: 2em;
	padding: 0.75em 0em 0.75em 0em;
	margin: 0em;
	color: #666;
	width: 200px;
}

/* BEGRIFFSERWEITERUNG NEBEN H1 */
.content_explanation {
	padding: 0px;
	margin: 10px 0px 10px 10px;
	color: #999;
	font: normal 0.75em Verdana, Geneva, sans-serif;
	display: block;
	float: left;
}

h2 { 
	font: bold 0.7em Verdana, Geneva, sans-serif;
	padding: 1em 0em 0em 0em;
	color: #7d7d7d;
	display: block;
	margin: 0em;
}

h4 {
	text-align: left;
	color:#6c676c;
	margin: 20px 0px;
	padding:0px;
	font: bold 0.75em Sans-Serif;
	position: absolute;
	left: 76%;
}

/* KOPFZEILE HINTER LOGO */
.head {
	background: #3a333a url("../img/bg-head.jpg") repeat-x;
	height:87px;
	text-align:left;
	
}

/* LOGO */
#logo {
	margin-top:6px;
	margin-left: 30px;
	background-image: url(../img/logo.jpg);
	background-repeat: no-repeat;
	height: 70px;
	width: 170px;
}
#logo a{
	width: 177px;
	height: 70px;
	text-indent: -999em;
	display: block;
	text-decoration: none;
}

/* HAUPTINHALT */
.main_container {
	width: 950px;
	text-align: left;
	margin: auto;
	margin-top: 15px;
	color:#000;
	display: block;
	height: 480px;
}
.content_container {
	width: 540px;
	float: left;
	text-align: left;
	line-height: 18px;
	margin-top: 10px;
	position: absolute;
	padding-left: 200px;
	color: #333;
}
.content_container p {
	width: 540px;
}

.floatbreaker{
	height: 0px;
	line-height: 0px;
}
.anleser {
	text-indent:40px;
	margin-right: 10px;
	margin-top: 10px;	
}
#divider {
	height: 1px;
	background-color: #666;
	margin: 0px 0px 6px 0px;
	padding: 0px;
	width: 740px;
}

/* RECHTE INFOBOXEN */
.box_container {
	float: left;
	height: 125px;
	width: 165px;
	padding: 60px 0px 0px 760px;
}
.right_box_header {
	padding: 3px 0px 0px 20px;
	height:16px;
	font: bold 11px Verdana, Geneva, sans-serif;
	color: #7d7d7d;
	background-color: #dbdbdb;
	width: 160px;
	margin-top: 15px;
}
.right_box_header img {
	position: absolute;
	margin: 2px 0px 0px -14px;
}
#right_box_first {
	margin-top: 0px;
}
.right_box_links {
	padding: 5px 0px 0px 20px;
}
.right_box_links a {
	 font: 11px Arial, Helvetica, sans-serif;
	 color: #7d7d7d;
	 text-decoration: none;
	 line-height: 17px;
}
.right_box_links a:hover {
	text-decoration:underline;
	background-color: #fff;
	color: #7d7d7d;
	line-height: 17px;
}

/* OBERE TRANNLINIE*/
.subshow {
	position:relative;
	height:3px;
	line-height:0px;
	background: url("../img/bg_subshow.gif") repeat-x top;
	margin-top: 40px;
}

/* UNTERE TRENNLINIE*/
.subshow2 {
	position:relative;
	height:3px;
	line-height:0px;
	background: url("../img/bg_subshow.gif") repeat-x top;
	margin-top: 10px;
}

/* FOOTER */
.lnk-footer {
	text-align: left;
	list-style:square outside url("../img/icon-star.gif");
	position: absolute;
	margin: 40px 0px 0px -20px;
	left: 76%;
}
.lnk-footer a{
	color:#8B8B91;
	font: 0.7em Verdana, Geneva, sans-serif;
	cursor: pointer;
}

/* LINKES MENï¿½ */
.menu_container {
	width: 200px;
	float: left;
	position: absolute;
	margin-left: 0px;
}

#menu{
	font: bold 11px Verdana, Geneva, sans-serif;
	width: 130px;
	margin-top: 10px;
}

#menu	li {
	list-style-type: none;
	margin: 0px;
}
#menu ul{
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}
#menu  a{
	margin: 0px;
	padding: 0px;
}
#menu ul li ul {
	padding-left: 0px;
}
#menu li a {
	text-decoration:none;
	color: #000;
	height: 16px;
	line-height: 16px;
	vertical-align: middle;
	border: none;
	background-color: #fff;
	margin: 0px;
	padding: 1px;
	padding-left: 5px;
	display: block;
}
#menu li a:hover,#menu .activeMainMenuItem{
	color: #fff;
	background-color: #3a333a;
	padding: 1px 1px 1px 5px;
}
.sub_menu{
	visibility: visible;
	position: absolute;
	overflow: hidden;
	border: none;
	background-color: #fff;
	font: bold 11px Verdana, Geneva, sans-serif;
	text-align: left;
	padding-right: 0px;
}
.sub_menu ul{
	margin: 0px;
	padding: 0px;
}
.sub_menu ul li{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	border: none;
}
.sub_menu ul li a{
	white-space: nowrap;
	text-decoration: none;
	color: #000;
	height: 16px;
	line-height:16px;
	padding: 1px;
	display: block;
	padding-left: 5px;
	border: none;
}
.sub_menu ul li a:hover{
	color: #FFF;
	background-color: #3a333a;
	padding-left: 5px;
	border: none;
}
#menu .ausgefahren li{
	width: 140px;
	border: none;
	display: block;
	
}

#menu .ausgefahren {
	border: none;
}
#menu .menu-head {
	padding-top: 4px;
	font-weight: bold;
	border-bottom: 1px solid #333;
}
#menu .menu-head:hover {
	padding-top: 4px;
}