Ergebnisse des CSS Crunching von www.baier-buerodienst.de

Mal sehen was wir getan haben für www.baier-buerodienst.de

CSSCruncher.com hat dieser Webseite
18,44 %Code erspart! Wow!

Crunched CSS Code:

body{margin:0;padding:0;background-image:url("../img/bg.png");background-color:#3278FC;font-family:arial,verdana,courier;font-size:0.9em;color:white}
img{border:0px}
.clearLeft{clear:left}
.clearBoth{clear:both}
.whitecolor{color:white}
a{color:white}
a.special{color:#1A60A5}
a:hover{color:#ff6600}
#header{height:172px}
#shortlinks{position:absolute;top:0px;left:680px;width:170px}
#shortlinks p{text-align:right}
#shortlinks a{color:#003399;font-size:0.9em;text-decoration:none}
#shortlinks a:hover{color:#FF9900}
#header a.home{display:block;height:172px;width:400px;text-decoration:none}
#content{background-image:url("../img/contentBg.png");background-color:#0039ab;margin:15px 0 0 140px;min-height:500px;width:440px;padding:10px 20px 30px 20px}
#contact{position:absolute;top:253px;left:670px}
#contact p{margin:0 0 5px 0;background-color:#003399;padding:5px;font-size:1.2em;line-height:1.6em;width:170px;letter-spacing:1px;text-align:center}
#contact p.slogan{border:1px solid #1457C8}
h1{color:#00FF00;font-size:1.2em;padding-top:5px;margin-bottom:5px}
h2{color:#FF9900;font-size:1.0em}
p{line-height:1.4em;margin-top:0}
p.nospace{padding-bottom:0;margin-bottom:0}
table p,li p{padding:0;margin:0}
#menu{margin:15px 0 0 140px;border:1px solid #003399;background-color:#003399;width:710px;padding:5px 0 0 0}
#menu ul{padding:0;margin:0}
#menu ul li{float:left;margin:0 0 0 20px;padding:15px 0 10px 35px;font-weight:bold;font-size:1.2em;list-style-type:none;background-image:url("../img/buttonOff.png");background-repeat:no-repeat}
#menu ul li.active{background-image:url("../img/buttonOn.png")}
#menu ul li.right{padding-right:50px;float:right}
#menu a{color:white;text-decoration:none}
#menu a:hover{color:#00CCFF}
ul{padding:0 0 0 30px}
ul li{padding:3px 0 3px 10px;margin:0}
#content ul{margin-top:0}
#footer{margin:-15px 0 0 0;background-color:#003399}
#footer p{color:#A7B9DC;padding:10px 0 10px 0;margin-left:160px;font-size:0.9em}
#footer a{color:#A7B9DC;text-decoration:none}
#footer a:hover{color:#FF9900}
#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:200px;float:right}
#form_mail .row textarea,#form_mail .row input,#form_mail .row select{width:100%;border:1px solid white;color:white;font-family:arial,sans-serif;font-size:1.0em;background-color:transparent}
#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}

» Zeige den Original CSS code

« Verberge den Original CSS code

body {
	margin: 0;
	padding: 0;
	background-image: url("../img/bg.png");
	background-color: #3278FC;
	font-family: arial, verdana, courier;
	font-size: 0.9em;
	color: white;
}

img { border: 0px; }
.clearLeft { clear: left; }
.clearBoth { clear: both; }
.whitecolor { color: white; }

a { color: white; }
a.special { color: #1A60A5; }
a:hover { color: #ff6600; }

#header {
	height: 172px;
}

#shortlinks {
	position: absolute;
/* 	margin: 5px 0 0 ; */
	top: 0px;
	left: 680px;
	width: 170px;
}

#shortlinks p {
	text-align: right;
}

#shortlinks a {
	color: #003399;
	font-size: 0.9em;
	text-decoration: none;
}

#shortlinks a:hover {
	color: #FF9900;
}

#header a.home {
	display: block;
	height: 172px;
	width: 400px;
	text-decoration: none;
}

#content {
	background-image: url("../img/contentBg.png");
	background-color: #0039ab;
	margin: 15px 0 0 140px;
	min-height: 500px;
	width: 440px;
	padding: 10px 20px 30px 20px;
}

#contact {
	position: absolute;
	top: 253px;
	left: 670px;
/* 	background-color: #003399; */
}

#contact p {
	margin: 0 0 5px 0;
	background-color: #003399;
	padding: 5px;
	font-size: 1.2em;
/* 	font-weight: bold; */
	line-height: 1.6em;
	width: 170px;
	letter-spacing: 1px;
	text-align: center;
}

#contact p.slogan {
 	border: 1px solid #1457C8;
}

h1 {
	color: #00FF00;
	font-size: 1.2em;
	padding-top: 5px;
	margin-bottom: 5px;
}

h2 {
	color: #FF9900;
	font-size: 1.0em;
/* 	font-weight: normal; */
}

p {
	line-height: 1.4em;
	margin-top: 0;
}

p.nospace {
	padding-bottom: 0;
	margin-bottom: 0;
}

table p, li p {
	padding: 0;
	margin: 0;
}

#menu {
	margin: 15px 0 0 140px;
	border: 1px solid #003399;
	background-color: #003399;
	width: 710px;
	padding: 5px 0 0 0;
}

#menu ul {
	padding: 0;
	margin: 0;
}

#menu ul li {
	float: left;
	margin: 0 0 0 20px;
	padding: 15px 0 10px 35px;
	font-weight: bold;
	font-size: 1.2em;
	list-style-type: none;
	background-image: url("../img/buttonOff.png");
	background-repeat: no-repeat;
}

#menu ul li.active {
	background-image: url("../img/buttonOn.png");
}

#menu ul li.right {
	padding-right: 50px;
	float: right;
}

#menu a {
	color: white;
	text-decoration: none;
}

#menu a:hover {
	color: #00CCFF;
}

ul {
	padding: 0 0 0 30px;
}

ul li {
	padding: 3px 0 3px 10px;
	margin: 0;
}

#content ul {
	margin-top: 0;
}

#footer {
	margin: -15px 0 0 0;
	background-color: #003399;
}

#footer p {
	color: #A7B9DC;
	padding: 10px 0 10px 0;
	margin-left: 160px;
	font-size: 0.9em;
}

#footer a {
	color: #A7B9DC;
	text-decoration: none;
}

#footer a:hover {
	color: #FF9900;
}

#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: 200px; float: right; }
#form_mail .row textarea, #form_mail .row input, #form_mail .row select {
	width: 100%;
	border: 1px solid white;
	color: white;
	font-family: arial, sans-serif;
	font-size: 1.0em;
	background-color: transparent;
}
#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;
}