Results of the CSS crunched for www.c-howto.de

Let's see what we've done for www.c-howto.de

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

Crunched CSS code:

body{margin:0;padding:0 0 50px 0;background-color:white;font-family:verdana,sans-serif;font-size:0.8em;color:#444}
p{font-size:1.0em;line-height:1.4em}
p.lookhere{display:none;padding:5px;border:1px solid #3E7BB9;background-color:#efefef;font-weight:bold;line-height:3em}
#eXTReMe{visibility:hidden}
.exTextSaying p{font-style:italic}
h1{color:#666;font-size:1.8em;font-weight:normal}
h2{color:#666;font-size:1.6em;font-weight:normal}
h3{color:#3E7BB9;font-size:1.2em;font-weight:bold}
h4{color:#666;font-size:1.0em;font-weight:bold;font-style:italic;margin-bottom:10px;margin-top:30px}
li{padding:5px 0 5px 0}
.hashimage{vertical-align:middle}
.highlight{font-weight:bold}
a{color:#333}
a.special{color:#1A60A5}
a:hover{color:#3E7BB9}
input{border:1px solid #333;width:150px;margin-bottom:5px;margin-top:5px}
img{border:0}
.clearleft{clear:left}
.clearboth{clear:both}
.floatleft{float:left}
.floatright{float:right}
#keys{position:absolute;top:-100px}
#container{margin:0;width:100%;padding:0}
#header{padding:15px 5px 15px 35px;font-size:3.1em;background-color:#3E7BB9;color:#3E7BB9}
#header a{display:block;color:#3E7BB9;text-decoration:none;width:500px;height:42px;background-image:url("../images/logoTop.gif");background-repeat:no-repeat}
#header p{margin:0;padding:0}
#theBook{position:absolute;margin-top:2px;margin-left:730px}
#content{min-height:500px}
#main{padding:10px 0 0 35px;width:700px;float:left}
#sidebar{position:absolute;left:775px;top:120px;padding:20px 0 0 0px}
#book{margin-top:20px}
#searchText{width:150px}
#searchSubmit{width:100px}
#menu{padding:0px;margin-bottom:20px;border:1px dotted #ddd}
#menu ul{list-style-type:none;padding:10px;margin:0}
#menu ul li{padding:1px 0 1px 0;margin:0}
#menu div{padding-bottom:3px}
#menu a{text-decoration:none}
#menu .level1a, #menu .level2a, #menu .level3a, #menu .level4a{font-weight:bold}
#menu .level2,#menu .level2a{padding-left:15px}
#menu .level3,#menu .level3a{padding-left:30px}
#menu .level4,#menu .level4a{padding-left:45px}
.prevNextNavi{padding:10px 0 15px 0}
.prevNextNavi a{text-decoration:none;display:block}
.prevNextNavi .prevLink{float:left;background-image:url("../images/arrowPrev.gif");background-repeat:no-repeat;background-position:0 2px;padding-left:30px}
.prevNextNavi .nextLink{float:right;background-image:url("../images/arrowNext.gif");background-repeat:no-repeat;background-position:right 2px;padding-right:30px}
#baenner{width:150px;float:right;text-align:center;padding-top:10px}
.code,.screen,.redText{font-family:Courier,"Courier New",monospace;padding:0 15px 0 15px;margin:0 0 30px 0}
.code{color:black;border:1px dotted #C7C7C7;background-color:#F1F1F1}
.screen{color:black;border:1px dotted #999;background-color:#d2d2d2}
pre{font-size:1.2em;line-height:1.5em;padding:0}
.function p{font-size:1.0em;color:#555;font-weight:bold;padding:3px 3px 3px 10px;border:1px solid #d0d0d0;background-color:#F1F1F1}
.redText{font-family:verdana;color:black;border:1px solid #ffa4a4;background-color:#ffdede}
#footer{padding:10px 0 0 35px}
td.topcol, td.topcol_center{border-bottom:1px solid #999;margin-bottom:10px}
td.topcol_center{text-align:center}
.ascii_col1{color:#999}
.ascii_col2{color:#666}
.ascii_col3{color:#3E7BB9}
.ascii_col4{color:#111}
#sitemap{line-height:1.6em}
#sitemap a{text-decoration:none}
#sitemap a:hover{text-decoration:underline}
#sitemap ul{margin-top:00px;margin-left:20px;list-style-type:none;padding:0}
#sitemap li{padding:1px 0 1px 0}
#sitemap ul li a{}
#sitemap ul ul{}
#sitemap ul li ul li a{}
#sitemap ul ul ul{list-style-type:none}
#sitemap ul li ul li ul li a{}
#form_mail .form_first{display:none}
#form_mail{margin-top:0px;width:500px}
#form_mail .row{clear:both;padding:5px 0 5px 0}
#form_mail .row .col1{width:130px;text-align:right;float:left;padding:5px 20px 0 0}
#form_mail .row .col2,#form_mail .row .col2b{width:312px;float:left}
#form_mail .row .col2b{padding-top:5px}
#form_mail .row textarea,#form_mail .row input,#form_mail .row select{width:200px;border:1px solid #ccc;color:#333;font-family:arial,sans-serif;font-size:1.0em;background-color:white;padding:2px}
#form_mail .row .col2b input{width:100px;border:1px solid #dfdfdf}
#form_mail .row textarea{height:280px;padding:5px;width:450px}
#form_mail .submit,#form_mail .orderSubmit{width:150px;padding:5px 5px;background-color:#f9f9f9;border:1px solid #ccc;cursor:pointer}
#form_mail .orderSubmit{width:200px;margin-left:100px;background-color:#deecfb;border:1px solid #8cb3dc;color:#1b518a;font-weight:bold}
#form_mail .fill_me{visibility:hidden;display:none}
textarea.smaller{height:60px !important}
input.plz{width:50px !important}
input.city{}

» Show original CSS code

« Hide original CSS code

body {
	margin: 0;
	padding: 0 0 50px 0;
	background-color: white;
	font-family: verdana, sans-serif;
	font-size: 0.8em;
	color: #444;
}

p {
	font-size: 1.0em;
	line-height: 1.4em;
}

p.lookhere {
	display: none;
	padding: 5px;
	border: 1px solid #3E7BB9;
	background-color: #efefef;
	font-weight: bold;
	line-height: 3em;
}

#eXTReMe {
	visibility: hidden;
}

.exTextSaying p {
	font-style: italic;
}

h1 {
	color: #666;
	font-size: 1.8em;
	font-weight: normal;
}

h2 {
	color: #666;
	font-size: 1.6em;
	font-weight: normal;
}

h3 {
	color: #3E7BB9;
	font-size: 1.2em;
	font-weight: bold;
}

h4 {
	color: #666;
	font-size: 1.0em;
	font-weight: bold;
	font-style: italic;
	margin-bottom: 10px;
	margin-top: 30px;
}

li {
	padding: 5px 0 5px 0;
}

.hashimage {
/*  	margin-top: 5px; */
 	vertical-align: middle;
}

.highlight {
	font-weight: bold;
}

a { color: #333; }
a.special { color: #1A60A5; }
a:hover { color: #3E7BB9; }

input { border: 1px solid #333; width: 150px; margin-bottom: 5px; margin-top: 5px; }
img { border: 0 }
.clearleft { clear: left; }
.clearboth { clear: both; }
.floatleft { float: left; }
.floatright { float: right; }

#keys {
	position: absolute;
	top: -100px;
}

#container {
	margin: 0;
	width: 100%;
	padding: 0;
}

#header {
	padding: 15px 5px 15px 35px;
	font-size: 3.1em;
	background-color: #3E7BB9;
	color: #3E7BB9;
}

#header a {
	display: block;
	color: #3E7BB9; /* 7CA5D0 */
	text-decoration: none;
	width: 500px;
	height: 42px;
	background-image: url("../images/logoTop.gif");
	background-repeat: no-repeat;
}

#header p {
	margin: 0;
	padding: 0;
}

#theBook {
	position: absolute;
	margin-top: 2px;
	margin-left: 730px;
}

#content {
min-height: 500px;
}

#main {
	padding: 10px 0 0 35px;
	width: 700px;
	float: left;
}

#sidebar {
/* 	width: 400px; */
	position: absolute;
	left: 775px;
	top: 120px;
	padding: 20px 0 0 0px;
}

#book {
	margin-top: 20px;
}

#searchText {
	width: 150px;
}

#searchSubmit {
	width: 100px;
}

#menu {
	padding: 0px;
	margin-bottom: 20px;
	border: 1px dotted #ddd;
}

#menu ul {
	list-style-type: none;
	padding: 10px;
	margin: 0;
/* 	width: 195px; */
}

#menu ul li {
	padding: 1px 0 1px 0;
	margin: 0;
}

#menu div {
	padding-bottom: 3px;
}

#menu a {
	text-decoration: none;
}

#menu .level1a,
#menu .level2a,
#menu .level3a,
#menu .level4a {
	font-weight: bold;
}

#menu .level2, #menu .level2a {
	padding-left: 15px;
}

#menu .level3, #menu .level3a {
	padding-left: 30px;
}

#menu .level4, #menu .level4a {
	padding-left: 45px;
}

.prevNextNavi {
	padding: 10px 0 15px 0;
}

.prevNextNavi a {
	text-decoration: none;
	display: block;
}

.prevNextNavi .prevLink {
	float: left;
	background-image: url("../images/arrowPrev.gif");
	background-repeat: no-repeat;
	background-position: 0 2px;
	padding-left: 30px;
}

.prevNextNavi .nextLink {
	float: right;
	background-image: url("../images/arrowNext.gif");
	background-repeat: no-repeat;
	background-position: right 2px;
	padding-right: 30px;
}

#baenner {
	width: 150px;
	float: right;
	text-align: center;
	padding-top: 10px;
}

.code, .screen, .redText {
	font-family: Courier, "Courier New", monospace;
	padding: 0 15px 0 15px;
	margin: 0 0 30px 0;
}

.code {
	color: black;
	border: 1px dotted #C7C7C7;
	background-color: #F1F1F1;
}

.screen {
	color: black;
	border: 1px dotted #999;
	background-color: #d2d2d2;
}

pre {
	font-size: 1.2em;
	line-height: 1.5em;
	padding: 0;
}

.function p {
	font-size: 1.0em;
	color: #555;
	font-weight: bold;
	padding: 3px 3px 3px 10px;
	border: 1px solid #d0d0d0;
	background-color: #F1F1F1;
}

.redText {
	font-family: verdana;
	color: black;
	border: 1px solid #ffa4a4;
	background-color: #ffdede;
}

#footer {
	padding: 10px 0 0 35px;
}

td.topcol,
td.topcol_center  {
	border-bottom: 1px solid #999;
	margin-bottom: 10px;
}

td.topcol_center {
	text-align: center;
}

.ascii_col1 { color: #999; }
.ascii_col2 { color: #666; }
.ascii_col3 { color: #3E7BB9; }
.ascii_col4 { color: #111; }

/* Sitemap ****************************************** */
#sitemap { line-height: 1.6em; }
#sitemap a { text-decoration: none;  }
#sitemap a:hover { text-decoration: underline;  }
#sitemap ul {
	margin-top: 00px;
	margin-left: 20px;
	list-style-type: none;
	padding: 0;
}

#sitemap li {
	padding: 1px 0 1px 0;
}

#sitemap ul li a {  }
#sitemap ul ul { }
#sitemap ul li ul li a {  }
#sitemap ul ul ul { list-style-type: none; }
#sitemap ul li ul li ul li a {  }
/* Sitemap End ****************************************** */
/*******************************************************/
#form_mail .form_first { display: none; }
#form_mail {margin-top: 0px; width: 500px; }
#form_mail .row { clear: both; padding: 5px 0 5px 0; }
#form_mail .row .col1 { width: 130px; text-align: right; float: left; padding: 5px 20px 0 0;}
#form_mail .row .col2, #form_mail .row .col2b  { width: 312px; float: left; }
#form_mail .row .col2b {padding-top: 5px;}
#form_mail .row textarea, #form_mail .row input, #form_mail .row select {
	width: 200px;
	border: 1px solid #ccc;
	color: #333;
	font-family: arial, sans-serif;
	font-size: 1.0em;
	background-color: white;
	padding: 2px;
}
#form_mail .row .col2b input { width: 100px;  border: 1px solid #dfdfdf; }
#form_mail .row textarea { height: 280px; padding: 5px; width:450px;}
#form_mail .submit,#form_mail .orderSubmit { width:150px;padding:5px 5px; background-color: #f9f9f9; border: 1px solid #ccc;cursor:pointer; }
#form_mail .orderSubmit { width: 200px;margin-left:100px;background-color:#deecfb; border:1px solid #8cb3dc; color:#1b518a;font-weight:bold; }
#form_mail .fill_me {
	visibility: hidden;
	display: none;
}

textarea.smaller {
	height: 60px !important;
}

input.plz { width: 50px !important; }
input.city {  }