Ergebnisse des CSS Crunching von www.agiloweb.de

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

CSSCruncher.com hat dieser Webseite
23,46 %Code erspart! Unglaublich!

Crunched CSS Code:

body{font-family:Arial,Helvetica,sans-serif;font-size:0.95em;margin:0;padding:0;width:990px}
h1{font-size:140%;color:#8e2800;font-weight:bold;font-variant:small-caps;font-style:normal;margin-top:0;padding-top:0}
h2{font-size:120%;color:#468966;font-weight:bold;font-variant:small-caps;font-style:normal;margin-top:0;padding-top:0}
img{border:none}
a{text-decoration:none;color:#b64926}
a:visited{text-decoration:none;color:#b64926}
a:hover{text-decoration:none;color:#fff0a5;background-color:#b64926}
#container{clear:both;width:990px}
#logo{position:absolute;left:700px;top:0;width:250px;height:53px;margin-right:40px;margin-top:10px;z-index:10}
#logoimage{width:250px;height:53px}
#image{position:absolute;left:0;top:0;width:500px;height:79px;background-image:url(agiloweb_FILES/eichhoernchen.png)}
#line{position:absolute;left:0;top:79px;width:990px;height:1px;padding:0;margin:0;z-index:20}
.innerline{margin-right:120px;border-top:1px solid #b94629}
#navigation{position:absolute;top:60px;height:40px;width:700px;left:0;padding-left:1px;background-image:url(agiloweb_FILES/trenner40.png);background-position:top left;background-repeat:no-repeat}
.navitem{top:0;height:40px;margin:0;background-image:url(agiloweb_FILES/trenner40.png);background-position:top right;background-repeat:no-repeat;white-space:nowrap;float:left}
.navitem a{text-decoration:none;color:#b64926;font-variant:small-caps;padding-left:2px;padding-right:2px}
.navitem a:visited{text-decoration:none;color:#b64926;font-variant:small-caps}
.navitem a:hover{text-decoration:none;color:#fff0a5;background-color:#b64926;font-variant:small-caps}
.link{height:40px;margin:10px;margin-top:3px;float:left}
.active{margin-top:23px}
#navleft{padding-top:180px;padding-left:58px;float:left;font-variant:small-caps}
#navleft ul{margin:0;list-style-type:none;padding:0}
#navleft li{margin:0;list-style-type:none;padding:0;margin-bottom:10px}
.navleftitem a{text-decoration:none;color:#b64926;padding-left:2px;padding-right:2px}
.navleftitem a:visited{text-decoration:none;color:#b64926}
.navleftitem a:hover{text-decoration:none;color:#fff0a5;background-color:#b64926}
.navleftitemactive a{color:#468966;text-decoration:none}
.navleftitemactive a:visited{text-decoration:none;color:#468966}
.navleftitemactive a:hover{text-decoration:none;color:#468966}
#foto{padding-top:80px;width:290px;float:right}
#photo{height:260px;width:170px;float:left;border-right:1px solid #b64926}
#kontakt{clear:both;width:170px;padding-top:20px;font-variant:small-caps}
#content{padding-top:140px}
.inner{padding:0px 350px 50px 232px}
#footer{width:990px;height:40px;clear:both}
#footer div.innerline{margin-right:80px;height:1px;border:none;border-top:1px solid #b94629;z-index:90}
#footertrenner{width:1px;height:80px;float:right;margin-right:40px;margin-top:-40px;z-index:100}
.clearer{height:1px;margin-top:10px;clear:left;border-top:1px solid #b94629}
.news-latest-item img{float:left;padding-bottom:10px;padding-right:10px}
#w3c{padding-left:10px;margin-top:-20px}
#w3c img{margin-left:10px}
#w3c a{text-decoration:none;color:#b64926}
#w3c a:visited{text-decoration:none}
#w3c a:hover{text-decoration:none;background-color:white}
.mailformplus_contactform .error{color:#dd7777}
.mailformplus_contactform label{font-weight:bold;display:block;float:left;width:100px}
.mailformplus_contactform div{padding-top:10px}
.mailformplus_contactform br.spacer{margin-bottom:15px}
.mailformplus_contactform .radio_caption{display:inline;width:auto;float:none;font-weight:normal;padding-left:5px}
.mailformplus_contactform .caption{margin:10px 0 5px 0;font-weight:bold}
.mailform_required{font-weight:bold;color:red}
.mailform_error{font-weight:bold;color:red}

» Zeige den Original CSS code

« Verberge den Original CSS code

/* CSS Document */

/* Verwendete Farben

orange: #FFB03B
grün  : #468966
beige : #fff0a5
terracotta: #b64926
dunkelrot : #8e2800

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.95em;
	margin:0;
	padding:0;
	width:990px;
}

h1 {
	font-size: 140%;
	color:#8e2800;
	font-weight:bold;
	font-variant:small-caps;
	font-style:normal;
	margin-top:0;
	padding-top:0;
}

h2 {
	font-size: 120%;
	color:#468966;
	font-weight:bold;
	font-variant:small-caps;
	font-style:normal;
	margin-top:0;
	padding-top:0;
}

img { border:none }

a{
	text-decoration:none;
	color:#b64926;
}
a:visited{
	text-decoration:none;
	color:#b64926;
}
a:hover{
	text-decoration:none;
	color:#fff0a5;
	background-color:#b64926;
}
/* Elemente positionieren */

#container {
	clear:both;
	width:990px;
}

/* Logo und Schmuckgrafik */

#logo {
	position:absolute;
	left:700px;
	top:0;
	width: 250px;
	height:53px;
	margin-right:40px;
	margin-top:10px;
	z-index: 10;
}
#logoimage {
	width: 250px;
	height:53px;
}

#image {
	position:absolute;
	left:0;
	top:0;
	width:500px;
	height:79px;
	background-image:url(agiloweb_FILES/eichhoernchen.png);
}

#line {
	position:absolute;
	left:0;
	top:79px;
	width:990px;
	height:1px;
	padding:0;
	margin:0;
	z-index:20;
}
.innerline {
	margin-right:120px;
	border-top:1px solid #b94629;
}

/* Navigation */

#navigation {
	position:absolute;
	top: 60px;
	height:40px;
	width:700px;
	left:0;
	padding-left:1px;
	background-image:url(agiloweb_FILES/trenner40.png);
	background-position:top left;
	background-repeat:no-repeat;	
}

.navitem {
	top:0;
	height:40px;
	margin:0;
	background-image:url(agiloweb_FILES/trenner40.png);
	background-position:top right;
	background-repeat:no-repeat;
	white-space:nowrap;
	float:left;
}

.navitem a{
	text-decoration:none;
	color:#b64926;
	font-variant:small-caps;
	padding-left:2px;
	padding-right:2px;
}
.navitem a:visited{
	text-decoration:none;
	color:#b64926;
	font-variant:small-caps;
}
.navitem a:hover{
	text-decoration:none;
	color:#fff0a5;
	background-color:#b64926;
	font-variant:small-caps;
}

.link {
	height:40px;
	margin:10px;
	margin-top:3px;
	float:left;
}

.active {
	margin-top:23px;
}

/* Navigation links */

#navleft {
	padding-top: 180px;
	padding-left:58px;
	float:left;
	font-variant:small-caps;
}
#navleft ul {
	margin:0;
	list-style-type:none;
	padding:0;
}
#navleft li {
	margin:0;
	list-style-type:none;
	padding:0;
	margin-bottom:10px;
}

.navleftitem a{
	text-decoration:none;
	color:#b64926;
	padding-left:2px;
	padding-right:2px;
}
.navleftitem a:visited{
	text-decoration:none;
	color:#b64926;
}
.navleftitem a:hover{
	text-decoration:none;
	color:#fff0a5;
	background-color:#b64926;
}

.navleftitemactive a{
	color:#468966;
	text-decoration:none;
}
.navleftitemactive a:visited{
	text-decoration:none;
	color:#468966;
}
.navleftitemactive a:hover{
	text-decoration:none;
	color:#468966;
}

/* Photo */

#foto {
	padding-top:80px;
	width:290px;
	float:right;
}

#photo {
	height:260px;
	width:170px;
	float:left;
	border-right:1px solid #b64926;
}

#kontakt {
	clear:both;
	width:170px;	
	padding-top:20px;
	font-variant:small-caps;
}
/* Inhalt */

#content {
	padding-top:140px;
}
.inner {
	padding:0px 350px 50px 232px;
}

/* Seitenabschluss */

#footer {
	width:990px;
	height:40px;
	clear:both;
}
#footer div.innerline {
	margin-right:80px;
	height:1px;
	border:none;
	border-top:1px solid #b94629;
	z-index:90;
}

#footertrenner {
	width:1px;
	height:80px;
	float:right;
	margin-right:40px;
	margin-top:-40px;
	z-index:100;
}
.clearer {
	height:1px;
	margin-top:10px;
	clear:left;
	border-top:1px solid #b94629;
}
.news-latest-item img {
	float:left;
	padding-bottom:10px;
	padding-right:10px;
}
#w3c {
	padding-left:10px;
	margin-top:-20px;
}
#w3c img {
	margin-left:10px;
}
#w3c a{
	text-decoration:none;
	color:#b64926;
}
#w3c a:visited{
	text-decoration:none;
}
#w3c a:hover{
	text-decoration:none;
	background-color:white;
}

/* ########## Mailform ############### */

.mailformplus_contactform .error {
	color:#dd7777;
}

.mailformplus_contactform label {
	font-weight:bold;
	display:block;
	float:left;
	width:100px;
}
.mailformplus_contactform div {
	padding-top:10px;
}
.mailformplus_contactform br.spacer {
	margin-bottom:15px;
}

.mailformplus_contactform .radio_caption {
	display:inline;
	width:auto;
	float:none;
	font-weight:normal;
	padding-left:5px;
}

.mailformplus_contactform .caption {
	margin:10px 0 5px 0;
	font-weight:bold;
	
}
.mailform_required {
	font-weight:bold;
	color:red;
}
.mailform_error {
	font-weight:bold;
	color:red;
}

Weitere Informationen über diese Webseite:

URL: http://www.agiloweb.de/
CSS URL: http://www.agiloweb.de/fileadmin/css/agiloweb.css
Charset: iso-8859-1
Titel: AGILOweb - Bringen Sie Agilität in Ihr Web: Home