Results of the CSS crunched for www.ines-hofmann.com

Let's see what we've done for www.ines-hofmann.com

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

Crunched CSS code:

body{margin:0;padding:0;background-color:#DEDBD7;font-family:Verdana,sans-serif;font-size:0.8em;color:#333}
a{color:#2E8E89;text-decoration:underline}
a:hover{color:#A4BCDE}
img{border:0px}
.clearLeft{clear:left;height:1px;font-size:1px}
.clearRight{clear:right;height:1px;font-size:1px}
.clearBoth{clear:both;height:1px;font-size:1px}
.floatLeft{float:left;height:1px;font-size:1px}
.floatRight{float:right;height:1px;font-size:1px}
.highlight{color:#2E8E89;font-weight:bold}
#container{padding:0 0 40px 0;width:805px}
#header{height:308px;background-image:url("../images/header.png");background-repeat:no-repeat}
#logo{position:absolute}
#logo a{width:480px;height:300px;display:block;text-decoration:none}
#headerMenu{position:absolute;width:190px;margin:0 0 0 605px}
#headerMenu ul a{color:#666;text-decoration:none;display:block;padding:2px 0 2px 0;font-size:0.9em}
#flagEn{background-image:url("../images/flag-en.gif");background-position:167px 2px;background-repeat:no-repeat}
#flagDe{background-image:url("../images/flag-de.gif");background-position:167px 2px;background-repeat:no-repeat}
#flagPt{background-image:url("../images/flag-pt.gif");background-position:167px 2px;background-repeat:no-repeat}
#language{padding:5px 0 5px 0;margin-bottom:10px;border-bottom:1px solid #ccc}
#language p{margin:0;padding:0}
#language a{color:#666;text-decoration:none;display:block}
#mainMenu{position:absolute;width:190px;margin:200px 0 0 605px}
#mainMenu ul a{color:#666;text-decoration:none;text-transform:uppercase;display:block;padding:3px 0 3px 0;font-weight:bold;font-size:16px}
#menu{width:190px;margin:0px 0 0 0px;padding-top:35px}
#menu ul a{color:#666;text-decoration:none;display:block;padding:3px 0 3px 0;font-size:1.0em;font-weight:bold}
#language a:hover, #footer a:hover, #menu ul a:hover, #mainMenu ul a:hover, #headerMenu ul a:hover{color:#333}
#menu ul li.active a, #mainMenu ul li.active a{color:#2E8E89}
#menu ul, #mainMenu ul, #headerMenu ul{margin:0;padding:0;list-style-type:none}
#main{border:1px solid #ccc;background-image:url("../images/contentBg.png");background-repeat:repeat-x;padding:20px 0 20px 0;background-color:#FAF9F9;min-height:400px}
#left{float:left;padding-left:15px;width:195px}
#content{float:left;width:365px;padding:0 15px 0 15px}
#sidebar{width:180px;float:left;padding-right:15px}
h1{padding:1px 0px 0 0px;margin:0;color:#2E8E89;font-size:1.5em;font-weight:normal}
h2{padding:1px 0px 0 0px;padding:0;margin:0;font-size:1.5em;font-weight:normal;color:#8A8A8A}
.news{padding-bottom:5px;margin-bottom:20px;border-bottom:1px solid #ff9901}
.news h2{color:#ff7701}
img{border-bottom:1px solid #ccc;border-top:1px solid #ccc;margin:5px 0 5px 0}
img.hashimage{border:0}
p{line-height:1.35em;padding:0 0px 0 0}
#content p{padding-right:30px}
#content ul{padding-left:30px}
#content ul li{padding:3px 0 3px 0}
#footer{width:802px;text-align:right}
#footer p{margin-top:10px}
#footer a{color:#666;text-decoration:none;font-size:0.9em}
#form_mail{margin-top:0px;width:350px}
#form_mail .row{clear:both;padding:15px 0 10px 0}
#form_mail .row .col1{width:100px;float:left;padding-top:5px}
#form_mail .row .col2,#form_mail .row .col2b{width:250px;float:right}
#form_mail .row textarea,#form_mail .row input,#form_mail .row select{width:100%;border:1px solid #dfdfdf;color:#666666;font-family:arial,sans-serif;font-size:1.0em;background-color:white}
#form_mail .row .col2 input{padding:1px}
#form_mail .row .col2b input{width:80px;border:1px solid #dfdfdf}
#form_mail .row textarea{height:150px;padding:5px;width:343px}
#form_mail .submit{background-color:white;border:1px solid #dfdfdf}
#form_mail .fill_me{visibility:hidden;display:none}

» Show original CSS code

« Hide original CSS code

body {
	margin: 0;
	padding: 0;
	background-color: #DEDBD7;
	font-family: Verdana, sans-serif;
	font-size: 0.8em;
	color: #333;
}

a {
	color: #2E8E89;
	text-decoration: underline;
}

a:hover {
	color: #A4BCDE;
}

img { border: 0px; }
.clearLeft { clear: left; height: 1px; font-size: 1px; }
.clearRight { clear: right; height: 1px; font-size: 1px; }
.clearBoth { clear: both; height: 1px; font-size: 1px; }
.floatLeft { float: left; height: 1px; font-size: 1px; }
.floatRight { float: right; height: 1px; font-size: 1px; }
.highlight { color: #2E8E89; font-weight: bold; }

#container {
	padding: 0 0 40px 0;
	width: 805px;
}

#header {
	height: 308px;
	background-image: url("../images/header.png");
	background-repeat: no-repeat;
}

#logo {
	position: absolute;
}

#logo a {
	width: 480px;
	height: 300px;
	display: block;
	text-decoration: none;
}

#headerMenu {
	position: absolute;
	width: 190px;
	margin: 0 0 0 605px;
}

#headerMenu ul a {
	color: #666;
	text-decoration: none;
	display: block;
	padding: 2px 0 2px 0;
	font-size: 0.9em;
}

#flagEn {
	background-image: url("../images/flag-en.gif");
	background-position: 167px 2px;
	background-repeat: no-repeat;
}

#flagDe {
	background-image: url("../images/flag-de.gif");
	background-position: 167px 2px;
	background-repeat: no-repeat;
}

#flagPt {
	background-image: url("../images/flag-pt.gif");
	background-position: 167px 2px;
	background-repeat: no-repeat;
}

#language  {
	padding: 5px 0 5px 0;
	margin-bottom: 10px;
	border-bottom: 1px solid #ccc;
}

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

#language a {
	color: #666;
	text-decoration: none;
	display: block;
}

#mainMenu {
	position: absolute;
	width: 190px;
	margin: 200px 0 0 605px;
}

#mainMenu ul a {
	color: #666;
	text-decoration: none;
	text-transform: uppercase;
	display: block;
	padding: 3px 0 3px 0;
 	font-weight: bold;
	font-size: 16px;
}

#menu {
	width: 190px;
	margin: 0px 0 0 0px;
	padding-top: 35px;
}

#menu ul a {
	color: #666;
	text-decoration: none;
	display: block;
	padding: 3px 0 3px 0;
	font-size: 1.0em;
 	font-weight: bold;
}

#language a:hover,
#footer a:hover,
#menu ul a:hover,
#mainMenu ul a:hover,
#headerMenu ul a:hover {
	color: #333;
}

#menu ul li.active a,
#mainMenu ul li.active a {
	color: #2E8E89;
}

#menu ul,
#mainMenu ul,
#headerMenu ul {
	margin:0; padding: 0; list-style-type: none;
}

#main {
	border: 1px solid #ccc;
	background-image: url("../images/contentBg.png");
	background-repeat: repeat-x;
	padding: 20px 0 20px 0;
	background-color: #FAF9F9;
	min-height: 400px;
}

#left {
	float: left;
	padding-left: 15px;
	width: 195px;
}

#content {
	float: left;
	width: 365px;
	padding: 0 15px 0 15px;
}

#sidebar {
	width: 180px;
	float: left;
	padding-right: 15px;
}

h1 {
	padding: 1px 0px 0 0px;
	margin: 0;
	color: #2E8E89;
	font-size: 1.5em;
	font-weight: normal;
}

h2 {
	padding: 1px 0px 0 0px;
	padding: 0;
	margin: 0;
	font-size: 1.5em;
	font-weight: normal;
	color: #8A8A8A;
}

.news {
	padding-bottom: 5px;
	margin-bottom: 20px;
	border-bottom: 1px solid #ff9901;
}

.news h2 {
	color: #ff7701;
}

img {
 	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
/*   	padding: 1px 0 1px 0; */
	margin: 5px 0 5px 0;
}

img.hashimage {
	border: 0;
}

p {
	line-height: 1.35em;
	padding: 0 0px 0 0;
}

#content p {
	padding-right: 30px;
}

#content ul {
	padding-left: 30px;
}

#content ul li {
	padding: 3px 0 3px 0;

}

#footer {
	width: 802px;
	text-align: right;
}

#footer p  {
	margin-top: 10px;
}

#footer a {
	color: #666;
	text-decoration: none;
	font-size: 0.9em;
}

/*******************************************************/

#form_mail {margin-top: 0px; width: 350px; }
#form_mail .row { clear: both; padding: 15px 0 10px 0;}
#form_mail .row .col1 { width: 100px; float: left; padding-top: 5px; }
#form_mail .row .col2, #form_mail .row .col2b  { width: 250px; float: right; }
#form_mail .row textarea, #form_mail .row input, #form_mail .row select {
	width: 100%;
	border: 1px solid #dfdfdf;
	color: #666666;
	font-family: arial, sans-serif;
	font-size: 1.0em;
	background-color: white;
}
#form_mail .row .col2 input { padding: 1px; }
#form_mail .row .col2b input { width: 80px;  border: 1px solid #dfdfdf; }
#form_mail .row textarea { height: 150px; padding: 5px; width: 343px; }
#form_mail .submit { background-color: white; border: 1px solid #dfdfdf; }
#form_mail .fill_me {
	visibility: hidden;
	display: none;
}