Results of the CSS crunched for www.jansattler.de

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

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

Crunched CSS code:

html{margin:0;padding:0;min-height:100%;background-color:#f7faff}
body{font-family:Arial,Tahoma,Georgia,Verdana,sans-serif;font-size:medium;background-color:#ffffff;margin:0 2em;margin-top:2em;margin-bottom:2em;padding:0 1em;padding-top:2%;min-height:100%;max-width:80em;border-top:#99ccff solid 1px;border-bottom:#99ccff solid 1px;border-left:#99ccff solid 1px;border-right:#99ccff solid 1px}
a:link{color:#000088}
a:visited{color:#550088}
a:hover{background-color:#ffeecc}
a:active{color:#880000;background-color:#ffeecc}
.header{text-align:center;padding:5px;margin:1em 1em 0.5em 1em;background-color:#ffeecc;border:solid 1px #99ccff}
.logo img{float:left;margin:0 3em 0 0;width:9.5em;height:7em;border:solid 1px #99ccff}
.maintitle{padding:0px;font-size:160%;margin:0;margin-top:1em}
.navigation{font-size:90%;border:none;padding:0;margin:1em;float:right;width:20%;text-align:center;background-color:transparent}
.subpage{margin:-1px 0 0 0;display:block;background-color:transparent;border-top:#99ccff solid 1px;border-bottom:#99ccff solid 1px}
.subpage a{padding:6px;margin:0;display:block;text-decoration:none}
.subpage a:hover{background-color:#f7faff}
.currentpage{padding:6px;font-weight:bold;background-color:#ddeeff}
.subnavigation{font-size:90%;padding:0;width:72%;margin:1em 14em 1em 1em;border:none;border-top:#99ccff solid 1px}
.subnavigation .subpage{float:left;margin-left:1em;border-left:#99ccff solid 1px;border-right:#99ccff solid 1px;background-color:#ffffff;position:relative;top:-0.8em}
.subnavigation .subpage a{float:left;padding:1px 4px}
.subnavigation .currentpage{padding:1px 4px;font-weight:normal;background-color:#ddeeff}
.subnavigation .currpageselectable{font-weight:normal;background-color:#ddeeff}
.content{margin-left:1em;width:72%;padding:0.5em 0;position:relative}
.separator{display:none}
.contentbox{border:dotted 1px #99ccff;padding:0 1em;margin:0.5em 0 0.5em 0}
.contentbox{background-color:#f7faff}
.new{background-color:#fee;border:1px solid #caa;padding:8px}
.new:before{content:"!";font-size:200%;color:red;padding:0 0.5ex 0 0;float:left}
.blockquote{background:url('/blockquote.gif') no-repeat top left;font-style:italic;padding-left:22px;padding-right:0;padding-top:1px;padding-bottom:0}
.igetter{display:inline}
.tab{position:absolute;display:block;font-size:0.8em;padding:0 2px;border:solid 1px #99ccff;background-color:#ffffff;right:1em;top:0.6em}
.tab:hover{cursor:pointer}
#tabenglish{right:1em}
#tabgerman{right:6em}
.imgbox img{vertical-align:top}
.imgbox{margin-top:1em}
.imgbox a:hover{background-color:transparent}
.imgbox img{width:40%;margin-right:5%;height:auto}
table.download{margin:1em 0}
table.download td,table.download th{font-size:smaller;text-align:center}
table.download td a:hover{background-color:transparent}
.footer{clear:both;text-align:left;margin:1em 1em 0.3em 1em}
hr{height:1px;margin:0 0 0.3em 0;border-width:0;background-color:#99ccff}
dd{margin-bottom:0.5em}
.sponsoring{font-family:Times,serif;margin:1em 1em 0 1em;border-top:dotted 1px #99ccff}
.sponsoring table{margin:1em auto}
.sponsoring table a{background-color:transparent}
* html .header{height:1%}
* html #tabenglish{right:7em}
* html #tabgerman{right:12em}
* html .content{margin-left:13em}

» Show original CSS code

« Hide original CSS code

html {
	margin: 0;
	padding: 0;
	min-height: 100%;
	background-color: #f7faff;
}

body {
	font-family: Arial, Tahoma, Georgia, Verdana, sans-serif;
	font-size: medium;
	background-color: #ffffff;
	margin: 0 2em;
	margin-top: 2em;
	margin-bottom: 2em;
	padding: 0 1em;
	padding-top: 2%;
	min-height: 100%;
	max-width: 80em;
	border-top: #99ccff solid 1px;
	border-bottom: #99ccff solid 1px;
	border-left: #99ccff solid 1px;
	border-right: #99ccff solid 1px;
}

a:link {
	color: #000088;
}

a:visited {
	color: #550088;
}

a:hover {
	background-color: #ffeecc;
}

a:active {
	color: #880000;
	background-color: #ffeecc;
}

.header {
	text-align: center;
	padding: 5px;
	margin: 1em 1em 0.5em 1em;
	background-color: #ffeecc;
	border: solid 1px #99ccff;
}

.logo img {
	float: left;
	margin: 0 3em 0 0;
	width: 9.5em;
	height: 7em;
	border: solid 1px #99ccff;
}

.maintitle {
	padding: 0px;
	font-size: 160%;
	margin: 0;
	margin-top: 1em;
}

.navigation {
	font-size: 90%;
	border: none;
	padding: 0;
	margin: 1em;
	float: right;
	width: 20%;
	text-align: center;
	background-color: transparent;
}

.subpage {
	margin: -1px 0 0 0;
	display: block;
	background-color: transparent;
	border-top: #99ccff solid 1px;
	border-bottom: #99ccff solid 1px;
}

.subpage a {
	padding: 6px;
	margin: 0;
	display: block;
	text-decoration: none;
}

.subpage a:hover {
	background-color: #f7faff;
}

.currentpage {
	padding: 6px;
	font-weight: bold;
	background-color: #ddeeff;
}

.subnavigation {
	font-size: 90%;
	padding: 0;
	width: 72%;
	margin: 1em 14em 1em 1em;
	border: none;
	border-top: #99ccff solid 1px;
}

.subnavigation .subpage {
	float: left;
	margin-left: 1em;
	border-left: #99ccff solid 1px;
	border-right: #99ccff solid 1px;
	background-color: #ffffff;
	position: relative;
	top: -0.8em;
}

.subnavigation .subpage a {
	float:left;				/* workaround for IE/Mac */
	padding: 1px 4px;
}

.subnavigation .currentpage {
	padding: 1px 4px;
	font-weight: normal;
	background-color: #ddeeff;
}

.subnavigation .currpageselectable {
	font-weight: normal;
	background-color: #ddeeff;
}

.content {
	margin-left: 1em;
	width: 72%;
	padding: 0.5em 0;
	position: relative;
}

.separator {
	display: none;
}

.contentbox {
	border: dotted 1px #99ccff;
	padding: 0 1em;
	margin: 0.5em 0 0.5em 0;
}

.contentbox {
	background-color: #f7faff;
}

.new {
	background-color: #fee;
	border: 1px solid #caa;
	padding: 8px;
}

.new:before {
	content: "!";
	font-size: 200%;
	color: red;
	padding: 0 0.5ex 0 0;
	float: left;
}

.blockquote {
	background: url('/blockquote.gif') no-repeat top left;
	font-style: italic; padding-left:22px; padding-right:0; padding-top:1px; padding-bottom:0
	}

.igetter {
	display: inline;
}

.tab {
	position: absolute;
	display: block;
	font-size: 0.8em;
	padding: 0 2px;
	border: solid 1px #99ccff;
	background-color: #ffffff;
	right: 1em;
	top: 0.6em;
}

.tab:hover {
	cursor: pointer;
}

#tabenglish {
	right: 1em;
}

#tabgerman {
	right: 6em;
}

.imgbox img {
	vertical-align: top;
}

.imgbox {
	margin-top: 1em;
}

.imgbox a:hover {
	background-color: transparent;
}

.imgbox img {
	width: 40%;
	margin-right: 5%;
	height: auto;
}

table.download {
	margin: 1em 0;
}

table.download td, table.download th {
	font-size: smaller;
	text-align: center;
}

table.download td a:hover {
	background-color: transparent;
}

.footer {
	clear: both;
	text-align: left;
	margin: 1em 1em 0.3em 1em;
}

hr {
	height: 1px;
	margin: 0 0 0.3em 0;
	border-width: 0;
	background-color: #99ccff;
}

dd {
	margin-bottom: 0.5em;
}

.sponsoring {
	font-family: Times, serif;
	margin: 1em 1em 0 1em;
	border-top: dotted 1px #99ccff;
}

.sponsoring table {
	margin: 1em auto;
}

.sponsoring table a {
	background-color: transparent;
}

/* Begin Workaround for IE-Bugs \*/
* html .header {
	height: 1%;
}

* html #tabenglish {
	right: 7em;
}

* html #tabgerman {
	right: 12em;
}

* html .content {
	margin-left: 13em;
}
/* End Workaround for IE-Bugs */