Ergebnisse des CSS Crunching von www.eliasfischer.de

Mal sehen was wir getan haben für www.eliasfischer.de

CSSCruncher.com hat dieser Webseite
17,64 %Code erspart! Wow!

Crunched CSS Code:

body{margin:0;padding:0 0 50px 0;background-color:#e3e3e3;background-image:url("../img/bg-line.gif");background-repeat:repeat-x;background-position:0 137px;font-family:arial,sans-serif;font-size:0.8em;color:#555}
a{color:#333}
a.special{color:#1A60A5}
a:hover{color:#ff6600}
a.jsLink{text-decoration:underline;cursor:pointer}
h1{font-size:1.4em;font-weight:bold;color:#888;padding:0 0 5px 0;margin:0}
h2{font-size:1.2em;font-weight:bold;color:#aaa;padding:0 0 5px 0;margin:0}
h3{font-size:1.0em;font-weight:bold;color:#777;padding:0 0 5px 0;margin:0 0 15px 0;border-bottom:1px solid #ff6600}
p{padding:5px 0 20px 0;margin:0;line-height:1.4em}
ul p{padding:0px 0 5px 0 !important}
ul b{font-weight:normal;font-size:1.1em}
p.saying{font-style:italic;text-align:left;padding:5px 0 5px 0}
p.author{padding:5px 0 10px 0}
p.noSpacing{margin-bottom:0;padding-bottom:0}
ul{list-style-type:circle}
ul.noSpacing{padding:0;margin:0;padding-left:15px}
ul li{padding:5px}
img{border:0px}
.clearleft{clear:left}
.clearboth{clear:both}
.floatleft{float:left}
.floatright{float:right}
.pagebreak{page-break-after:always}
.whitecolor{color:white}
#containerStart{width:710px;margin:40px 0px 0px 40px}
#container{width:710px;margin:40px 0px 0px 40px}
#header{height:145px;background-image:url("../img/header.jpg");background-repeat:no-repeat}
#header a{text-decoration:none;display:block;height:100px}
#bodyer{width:710px;background-image:url("../img/bodyer-line.gif");background-repeat:repeat-y;background-position:1px 0;background-color:white}
#footer{width:710px;background-image:url("../img/footer-line.gif");background-repeat:no-repeat;height:10px}
#menu{float:left;width:190px;padding-top:6px}
#menu a{color:#aaa;font-weight:bold;text-decoration:none;height:20px;display:block}
#menu a:hover{color:#999}
#menu .itemA-active a, #menu .itemB-active a{color:#888}
#menu .itemA,#menu .itemA-active, #menu .itemB,#menu .itemB-active{height:20px;width:110px;padding-left:33px;padding-top:10px}
#menu .itemA{font-size:1.3em}
#menu .itemA-active{font-size:1.3em;background-image:url("../img/menu-bullet.gif");background-repeat:no-repeat;background-position:14px 15px}
#menu .itemB{}
#menu .border{border-top:1px solid #FFD6B2;width:110px;margin-left:33px;margin-top:25px}
#main{float:left;width:440px;padding:15px 0 20px 30px;min-height:500px}
.twocol{padding-top:40px}
.twocol .caption{}
.twocol .left{float:left;width:250px}
.twocol .right{float:right;width:170px;text-align:right}
.twocol .right img{border:1px solid #ccc;width:150px;padding:1px}
.news{border:5px dotted #FFD6B2;margin-bottom:20px;padding:10px}
.news h1{color:#ff6600;font-weight:normal}
.news p{padding:5px 0 10px 0}
.news ul{margin:0px 0 0px 0}
#preslayer{border:1px solid #ccc;padding:20px;position:absolute;top:20px;left:20px;width:90%;height:700px;text-align:center;background-color:#F1F1F1;display:none;cursor:pointer;background-image:url("../referenz/xxxloading.png");background-position:center center;background-repeat:no-repeat}
#presstatus{position:absolute;height:700px;width:100%;background-image:url("../referenz/xxxloading.png");background-position:center center;background-repeat:no-repeat}
#presimage{margin:0 auto 0 auto;cursor:pointer;display:none}
#presimage a{display:block;height:700px}
#endnote{border-top:1px solid #ddd;padding-top:5px;margin-top:30px}
#endnote p{font-size:0.9em;margin:0 0 1px 0;padding:0}
p.light{color:#999}
#form_mail{margin-top:0px}
#form_mail .row{clear:both;padding:15px 0 10px 0}
#form_mail .row .col1{width:170px;float:left;padding-top:5px}
#form_mail .row .col2,#form_mail .row .col2b{width:212px;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 .col2b input{width:80px;border:1px solid #dfdfdf}
#form_mail .row textarea{height:150px;padding:5px}
#form_mail .submit{background-color:white;border:1px solid #dfdfdf}

» Zeige den Original CSS code

« Verberge den Original CSS code

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

a.jsLink {
	text-decoration: underline;
	cursor: pointer;
}

h1 {
	font-size: 1.4em;
	font-weight: bold;
	color: #888;
	padding: 0 0 5px 0;
	margin: 0;
}

h2 {
	font-size: 1.2em;
	font-weight: bold;
	color: #aaa;
	padding: 0 0 5px 0;
	margin: 0;
}

h3 {
	font-size: 1.0em;
	font-weight: bold;
	color: #777;
	padding: 0 0 5px 0;
	margin: 0 0 15px 0;
	border-bottom: 1px solid #ff6600;
}

p {
	padding: 5px 0 20px 0;
	margin: 0;
	/*text-align: justify;*/
	line-height: 1.4em;
}

ul p {
	padding: 0px 0 5px 0 !important;
}

ul b {
	font-weight: normal;
	font-size: 1.1em;
}
p.saying {
	font-style: italic;
	text-align: left;
	padding: 5px 0 5px 0;
}

p.author {
	padding: 5px 0 10px 0;
}

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

ul {
	list-style-type: circle;
}

ul.noSpacing {
	padding: 0;
	margin: 0;
	padding-left: 15px;

}

ul li {
	padding: 5px;
}

img { border: 0px; }
.clearleft { clear: left; }
.clearboth { clear: both; }
.floatleft { float: left; }
.floatright { float: right; }
.pagebreak { page-break-after: always; }
.whitecolor { color: white; }

#containerStart {
	width: 710px;
	margin: 40px 0px 0px 40px;
}

#container {
	width: 710px;
	margin: 40px 0px 0px 40px;
}

#header {
	height: 145px;
	background-image: url("../img/header.jpg");
	background-repeat: no-repeat;
}

#header a {
	text-decoration: none;
	display: block;
	height: 100px;
}

#bodyer {
	width: 710px;
	background-image: url("../img/bodyer-line.gif");
	background-repeat: repeat-y;
	background-position: 1px 0;
	background-color: white;
}

#footer {
	width: 710px;
	background-image: url("../img/footer-line.gif");
	background-repeat: no-repeat;
	height: 10px;
}

#menu {
	float: left;
	width: 190px;
	padding-top: 6px;
}

#menu a {
	color: #aaa;
	font-weight: bold;
	text-decoration: none;
	height: 20px;
	display: block;
}

#menu a:hover {
	color: #999; /*#ff7701;*/
}

#menu .itemA-active a,
#menu .itemB-active a {
	color: #888;
}

#menu .itemA, #menu .itemA-active,
#menu .itemB, #menu .itemB-active {
	height: 20px;
	width: 110px;
	padding-left: 33px;
	padding-top: 10px;
}

#menu .itemA {
	font-size: 1.3em;
}

#menu .itemA-active {
	font-size: 1.3em;
	background-image: url("../img/menu-bullet.gif");
	background-repeat: no-repeat;
	background-position: 14px 15px;
 }

#menu .itemB {

}

#menu .border {
	border-top: 1px solid #FFD6B2;
	width: 110px;
	margin-left: 33px;
	margin-top: 25px;
}

#main {
	float: left;
	width: 440px;
	padding: 15px 0 20px 30px;
	min-height: 500px;
}

.twocol {
	padding-top: 40px;
}

.twocol .caption {

}

.twocol .left {
	float: left;
	width: 250px;
}

.twocol .right {
	float: right;
	width: 170px;
	text-align: right;
}

.twocol .right img {
	border: 1px solid #ccc;
 	width: 150px;
 	padding: 1px;
}

.news {
	border: 5px dotted #FFD6B2;
	margin-bottom: 20px;
	padding: 10px;
}

.news h1 {
	color: #ff6600;
	font-weight: normal;
}

.news p {
	padding: 5px 0 10px 0;
}

.news ul {
	margin: 0px 0 0px 0;
/* 	padding: 5px 0 10px 0; */
}

#preslayer {
	border: 1px solid #ccc;
	padding: 20px;
	position: absolute;
	top: 20px;
	left: 20px;
	width: 90%;
	height: 700px;
	text-align: center;
	background-color: #F1F1F1;
 	display: none;
	cursor: pointer;
	background-image: url("../referenz/xxxloading.png");
	background-position: center center;
	background-repeat: no-repeat;

}

#presstatus {
	position: absolute;
	height: 700px;
	width: 100%;
	background-image: url("../referenz/xxxloading.png");
	background-position: center center;
	background-repeat: no-repeat;
}

#presimage {
	margin: 0 auto 0 auto;
	cursor: pointer;
	display: none;
}

#presimage a {
	display: block;
	height: 700px;
}

#endnote {
	border-top: 1px solid #ddd;
	padding-top: 5px;
	margin-top: 30px;
}

#endnote p {
	font-size: 0.9em;
	margin: 0 0 1px 0;
	padding: 0;
}

p.light {
	color: #999;
}

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

#form_mail {margin-top: 0px; }
#form_mail .row { clear: both; padding: 15px 0 10px 0; }
#form_mail .row .col1 { width: 170px; float: left; padding-top: 5px;}
#form_mail .row .col2, #form_mail .row .col2b  { width: 212px; 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 .col2b input { width: 80px;  border: 1px solid #dfdfdf; }
#form_mail .row textarea { height: 150px; padding: 5px; }
#form_mail .submit { background-color: white; border: 1px solid #dfdfdf; }