Results of the CSS crunched for netgraph.org

Let's see what we've done for netgraph.org

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

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

Crunched CSS code:

*{margin:0;padding:0}
html{background:#3E3E3E url(/img/hbg.png) no-repeat center 0;height:100%;font-size:100.01%}
body{font-size:.7em;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;color:#000000;text-align:center;min-height:100%}
#container{text-align:left;width:800px;margin:0 auto;background:url(/img/vbg.png) repeat-y 0 0;min-height:100%}
#center{float:left;width:600px;background:url(/img/bg.jpg) no-repeat 0 0}
#center div{float:left}
#right{float:right;width:200px}
#center,#right{display:inline}
#center:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{clear:both}
#ngnav{float:left;margin-top:7px;margin-left:268px;list-style:none;text-decoration:none;text-align:center;background:#212121;display:inline}
#footermenu{padding-top:15px;float:left;width:600px;list-style:none;text-decoration:none;text-align:right;background:#3E3E3E url(/img/footer.png) no-repeat 0 0;display:inline}
#ngnav li,#footermenu li{display:inline}
#footermenu li{border-left:1px solid #ffffff}
#footermenu li:first-child{border:none}
#ngnav a,#footermenu a{text-decoration:none;color:#ffffff;padding:0.6em}
#ngnav a:hover,#ngnav span,#footermenu a:hover,#footermenu span{outline:0;padding:0.6em}
#ngnav a:hover,#footermenu a:hover{color:#CD1B1C}
#ngnav span,#footermenu span{color:#9E1B1C;font-weight:bold}
#sprunganker{margin-top:232px;list-style:none;text-decoration:none;position:fixed;width:200px;float:left}
#sprunganker li{display:inline;font-weight:bold}
#sprunganker a{display:block;color:#ffffff;text-decoration:none;padding-left:8px;width:200px;height:16px}
#sprunganker a:hover,#sprunganker a:active,#sprunganker a.selected{color:#CD1B1C;outline:0;padding-left:8px;width:200px;height:16px}
.linkliste{list-style:none;margin:10px 13px 0px 35px;line-height:1.5;width:100%}
.linkliste li{clear:left;float:none}
.kontaktdaten{list-style:none;width:160px;border:1px solid #DBDBDB;background:#FCFCFC;margin:8px 0px 0px 5px;padding:5px;float:left}
.kontaktdaten li:first-child{margin-bottom:10px}
h1 span{display:block;height:0;overflow:hidden;width:0}
h1{background:url(/img/netgraph.png) no-repeat 0 0;height:133px;width:13px}
h2{color:#ffffff;margin:72px 13px 0px 0px;text-align:right;font-size:2em}
h3.first{margin:10px 13px 0px 35px}
h3{margin:30px 13px 0px 35px;border-bottom:1px solid #242424}
h4{margin:20px 13px 0px 35px}
p{margin:10px 13px 0px 35px;line-height:1.5}
a{color:#CD1B1C;font-weight:bold}
a:hover{color:#9E1B1C;font-weight:bold;text-decoration:none}
img{border:1px solid #DBDBDB}
#center div#kontaktform{float:left;margin-top:8px;padding:0px 13px 0px 35px;width:360px;line-height:1.5}
#fehlerkontakt{padding-left:5px;position:relative;margin-left:93px;width:270px;line-height:1.5;margin-bottom:8px;background:#FCFCFC;border:1px solid #DBDBDB;list-style:none}
.formular{position:relative}
.formular li{margin-bottom:8px;list-style:none;text-align:right;width:370px}
input,select,textarea{width:275px;background:#FCFCFC;border:1px solid #DBDBDB}
select{width:277px}
input#submit{float:none;width:277px;color:#000000;font-variant:small-caps;font-weight:bold;background:#CD1B1C}
input#submit:hover{color:#000000;background:#FCFCFC}
#kontaktform label{text-align:right;margin-right:5px;font-variant:small-caps;font-weight:bold;color:#000000}
.galerie,.galerie2{list-style:none;text-decoration:none;width:550px;margin:5px 0px 10px 35px;float:left}
.galerie li,.galerie2 li{float:left;background:#ffffff;border:1px solid #EAE9E9;margin:5px 5px 0px 0px}
.galerie li a{display:inline-block;height:69px;margin:4px}
.galerie2 li a{display:inline-block;height:40px;margin:4px}
.galerie li a:hover,.galerie li a:focus,.galerie2 li a:hover,.galerie2 li a:focus{text-decoration:none;background:gray;margin:0px;border:4px solid #3E3E3E;opacity:1.0}
.galerie li a img,.galerie2 li a img{border:none}
#lbOverlay{position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;background-color:#000;cursor:pointer}
#lbCenter,#lbBottomContainer{position:absolute;z-index:9999;overflow:hidden;background-color:#fff}
.lbLoading{background:#fff url(loading.gif) no-repeat center}
#lbImage{position:absolute;left:0;top:0;border:10px solid #fff;background-repeat:no-repeat}
#lbPrevLink,#lbNextLink{display:block;position:absolute;top:0;width:50%;outline:none}
#lbPrevLink{left:0}
#lbPrevLink:hover{background:transparent url(prevlabel.gif) no-repeat 0 15%}
#lbNextLink{right:0}
#lbNextLink:hover{background:transparent url(nextlabel.gif) no-repeat 100% 15%}
#lbBottom{font-family:Verdana,Arial,Geneva,Helvetica,sans-serif;font-size:10px;color:#666;line-height:1.4em;text-align:left;border:10px solid #fff;border-top-style:none}
#lbCloseLink{display:block;float:right;width:113px;height:22px;background:transparent url(closelabel.gif) no-repeat center;margin:5px 0;outline:none}
#lbCaption,#lbNumber{margin-right:71px}
#lbCaption{font-weight:bold}

» Show original CSS code

« Hide original CSS code

*	{margin:0; padding:0;}

html { 
	background: #3E3E3E url(/img/hbg.png) no-repeat center 0; 
	height: 100%; 
	font-size: 100.01%;
}

body {
	font-size: .7em; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: center;
	min-height: 100%;
}

#container {
	text-align: left;
	width: 800px;
	margin: 0 auto;
	background: url(/img/vbg.png) repeat-y 0 0;
	min-height: 100%;
}

#center {
	float: left;
	width: 600px;
	background: url(/img/bg.jpg) no-repeat 0 0;
}

#center div {
	float: left;
}

#right { 
	float: right;
	width: 200px; 
}

#center, #right {
	display: inline;
}

#center:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix { clear: both; }

/*-----------------------------------------------------------*/

#ngnav {
	float: left;
	margin-top: 7px;
	margin-left: 268px;
	list-style: none;
	text-decoration: none;
	text-align: center;
	background: #212121;
	display: inline;
}

#footermenu {
	padding-top: 15px;
	float: left;
	width: 600px;
	list-style: none;
	text-decoration: none;
	text-align: right;
	background: #3E3E3E url(/img/footer.png) no-repeat 0 0;
	display: inline;
}

#ngnav li, #footermenu li { display: inline; }

#footermenu li { border-left: 1px solid #ffffff; }
#footermenu li:first-child { border: none; }

#ngnav a, #footermenu a {
	text-decoration: none;
	color: #ffffff;
	padding: 0.6em;
}

#ngnav a:hover, #ngnav span, #footermenu a:hover, #footermenu span {
	outline: 0; 	
	padding: 0.6em;
}

#ngnav a:hover, #footermenu a:hover { color: #CD1B1C; }
#ngnav span, #footermenu span { color: #9E1B1C; font-weight: bold; }

/*-----------------------------------------------------------*/

#sprunganker {
	margin-top: 232px;
	list-style: none;
	text-decoration: none;
	position: fixed;
	width: 200px;
	float: left;
}

#sprunganker li {
	display: inline;
	font-weight: bold;
}

#sprunganker a {
	display: block;
	color: #ffffff;
	text-decoration: none;
	padding-left: 8px;
	width: 200px;
	height: 16px;
}

#sprunganker a:hover, #sprunganker a:active, #sprunganker a.selected {
	color: #CD1B1C;
	outline: 0;
	padding-left: 8px;
	width: 200px;
	height: 16px;
}

/*-----------------------------------------------------------*/

.linkliste {
	list-style: none;
	margin: 10px 13px 0px 35px;
	line-height: 1.5;
	width: 100%;
}

.linkliste li {
	clear: left;
	float: none;
}

.kontaktdaten {
	list-style: none;
	width: 160px;
	border: 1px solid #DBDBDB;
	background: #FCFCFC;
	margin: 8px 0px 0px 5px;
	padding: 5px;
	float: left;
}

.kontaktdaten li:first-child { margin-bottom: 10px; }

/*-----------------------------------------------------------*/

h1 span {
	display: block;
	height: 0;
	overflow: hidden;
	width: 0;
}

h1 {
	background: url(/img/netgraph.png) no-repeat 0 0;
	height: 133px;
	width: 13px;
}

h2 {
	color: #ffffff;
	margin: 72px 13px 0px 0px;
	text-align: right;
	font-size: 2em;
}

h3.first { margin: 10px 13px 0px 35px; }
h3 { 
	margin: 30px 13px 0px 35px; 
	border-bottom: 1px solid #242424;
}

h4 { margin: 20px 13px 0px 35px; }

p {
	margin: 10px 13px 0px 35px;
	line-height: 1.5;
}

a { 
	color: #CD1B1C;
	font-weight: bold;
}

a:hover { 
	color: #9E1B1C;
	font-weight: bold;
	text-decoration: none;
}

img { border: 1px solid #DBDBDB; }

/*-----------------------------------------------------------*/

#center div#kontaktform { 
	float: left;
	margin-top: 8px;
	padding: 0px 13px 0px 35px;
	width: 360px;
	line-height: 1.5;
}

#fehlerkontakt {
	padding-left: 5px;
	position: relative;
	margin-left: 93px;
	width: 270px;
	line-height: 1.5;
	margin-bottom: 8px;
	background: #FCFCFC;
	border: 1px solid #DBDBDB;
	list-style: none;
}

.formular {
	position: relative;
}

.formular li { 
	margin-bottom: 8px;
	list-style: none;
	text-align: right;
	width: 370px;
}

input, select, textarea {
	width: 275px;
	background: #FCFCFC;
	border: 1px solid #DBDBDB;
}

select {
	width: 277px;
}

input#submit {
	float: none;
	width: 277px;
	color: #000000;
	font-variant: small-caps;
	font-weight: bold;
	background: #CD1B1C;
}

input#submit:hover {
	color: #000000;
	background: #FCFCFC;
}

#kontaktform label {
	text-align: right; 
	margin-right: 5px;
	font-variant: small-caps;
	font-weight: bold;
	color: #000000;
}

/*-----------------------------------------------------------*/

.galerie, .galerie2 {
	list-style: none;
	text-decoration: none;
	width: 550px;
	margin: 5px 0px 10px 35px;
	float: left;
}

.galerie li, .galerie2 li {
	float: left;
	background: #ffffff;
	border: 1px solid #EAE9E9;
	margin: 5px 5px 0px 0px;
}

.galerie li a {
	display: inline-block;
	height: 69px;
	margin: 4px;
}

.galerie2 li a {
	display: inline-block;
	height: 40px;
	margin: 4px;
}

.galerie li a:hover, .galerie li a:focus, .galerie2 li a:hover, .galerie2 li a:focus {
	text-decoration: none;
	background: gray;
	margin: 0px;
	border: 4px solid #3E3E3E;
	opacity: 1.0;
}

.galerie li a img, .galerie2 li a img { border: none; }

/*-----------------------------------------------------------*/

/* SLIMBOX */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 113px;
	height: 22px;
	background: transparent url(closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}

Some information about this website:

URL: http://netgraph.org/
CSS URL: http://netgraph.org/css/ngmain.css
Charset: utf-8
Title: Netgraph - Motorradumbau
Meta-Description: Auf dieser Seite soll der Motorradumbau meiner Suzuki SV650 präsentiert werden. Weitere Themen dieser Website sind Webdesign, Grafikdesign, Logodesign nach Maß
Meta-Keywords: motorradumbau, motorrad, umbau, roman ruppik, sv650, sv 650, sv, suzuki, streetfighter, ducati, ducati monster, kawasaki, honda, cnc, schweißen, fräsen, webdesign, website, webseite, design, grafik, grafikdesign, cms, content management system, logo, logodesign