Ergebnisse des CSS Crunching von www.oetke.de

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

CSSCruncher.com hat dieser Webseite
14,64 %Code erspart! Schön!

Crunched CSS Code:

body{margin:0px;padding:0px;background:#fff4e7 url(images/background.jpg) repeat-x top left}
div,td,p,input,select,textarea{color:#333333;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:14px;margin:0px;padding:0px}
H1{margin:0px 0px 5px 0px;padding:0px;font-size:26px;font-weight:normal}
H2{margin:50px 0px 10px 0px;padding:0px 0px 0px 20px;font-size:24px;font-weight:normal;font-style:italic;border-color:#cfb290;border-style:solid;border-width:0px 0px 1px 0px}
.farbe-blau{color:#548dd4}
.farbe-gruen{color:#55a31c}
.farbe-orange{color:#de4c03}
.farbe-rot{color:#cc0000}
.bg-fff4e7{background:#fff4e7}
.teaser-1{font-size:20px;margin:0px 0px 10px 0px}
.teaser-2{font-size:18px;font-style:italic}
.bildtext{color:#666666;font-family:"Times New Roman",Times,serif;font-size:24px}
.zwischen-titel{padding:0px 0px 0px 20px;margin:50px 0px 20px 0px;font-size:20px;border-color:#cfb290;border-style:solid;border-width:0px 0px 1px 0px;display:block}
.angebot{color:#55a31c;font-size:20px}
.box-geschlossen{background:#f1dfc9;padding:20px 5px 20px 5px;margin:0px;border-color:#cfb290;border-style:solid;border-width:1px 1px 1px 1px}
.box-a-30{background:#f1dfc9;padding:5px 30px 5px 30px;margin:0px;border-color:#cfb290;border-style:solid;border-width:1px 0px 1px 0px}
.box-b-30{padding:5px 30px 5px 30px;margin:0px}
.box-b-30-last{padding:5px 30px 5px 30px;margin:0px;border-color:#cfb290;border-style:solid;border-width:0px 0px 1px 0px}
.box-a-checkbox{background-color:#f1dfc9;background-image:url(images/checkbox-dunkel-30.jpg);background-repeat:no-repeat;background-position:15px top;padding:6px 30px 6px 60px;margin:0px;border-color:#cfb290;border-style:solid;border-width:1px 0px 1px 0px}
.box-b-checkbox{background-image:url(images/checkbox-hell-30.jpg);background-repeat:no-repeat;background-position:15px top;padding:6px 30px 6px 60px;margin:0px}
.box-b-checkbox-last{background-image:url(images/checkbox-hell-30.jpg);background-repeat:no-repeat;background-position:15px top;padding:6px 30px 6px 60px;margin:0px;border-color:#cfb290;border-style:solid;border-width:0px 0px 1px 0px}
.box-a-fragezeichen{background-color:#f1dfc9;background-image:url(images/fragezeichen-dunkel-25.jpg);background-repeat:no-repeat;background-position:20px 2px;padding:5px 30px 5px 50px;margin:0px;border-color:#cfb290;border-style:solid;border-width:1px 0px 1px 0px}
.box-b-fragezeichen{background-image:url(images/fragezeichen-hell-25.jpg);background-repeat:no-repeat;background-position:20px 2px;padding:5px 30px 5px 50px;margin:0px}
.box-b-fragezeichen-last{background-image:url(images/fragezeichen-hell-25.jpg);background-repeat:no-repeat;background-position:20px 2px;padding:5px 30px 5px 50px;margin:0px;border-color:#cfb290;border-style:solid;border-width:0px 0px 1px 0px}
.box-kontakt{padding:10px 10px 10px 10px;margin:50px 0px 0px 0px;border-color:#cfb290;border-style:solid;border-width:2px 0px 2px 0px;text-align:center}
.liste-check{padding:0px 20px 0px 60px;margin:0px 0px 20px 0px;background-image:url(images/check-hell-50.jpg);background-repeat:no-repeat;background-position:left top}
.liste-check-dunkel{padding:0px 20px 0px 60px;margin:0px 0px 20px 0px;background-image:url(images/check-dunkel-50.jpg);background-repeat:no-repeat;background-position:left top}
.box-a-vorteil{color:#55a31c;background-color:#f1dfc9;background-image:url(images/vorteil-a.jpg);background-repeat:no-repeat;background-position:20px 2px;padding:6px 30px 6px 60px;margin:0px;border-color:#cfb290;border-style:solid;border-width:1px 0px 1px 0px}
.box-b-vorteil{color:#55a31c;background-image:url(images/vorteil-b.jpg);background-repeat:no-repeat;background-position:20px 2px;padding:6px 30px 6px 60px;margin:0px}
.box-b-vorteil-last{color:#55a31c;background-image:url(images/vorteil-b.jpg);background-repeat:no-repeat;background-position:20px 2px;padding:6px 30px 6px 60px;margin:0px;border-color:#cfb290;border-style:solid;border-width:0px 0px 1px 0px}
.box-a-nachteil{color:#cc0000;background-color:#f1dfc9;background-image:url(images/nachteil-a.jpg);background-repeat:no-repeat;background-position:20px 2px;padding:6px 30px 6px 60px;margin:0px;border-color:#cfb290;border-style:solid;border-width:1px 0px 1px 0px}
.box-b-nachteil{color:#cc0000;background-image:url(images/nachteil-b.jpg);background-repeat:no-repeat;background-position:20px 2px;padding:6px 30px 6px 60px;margin:0px}
.box-b-nachteil-last{color:#cc0000;background-image:url(images/nachteil-b.jpg);background-repeat:no-repeat;background-position:20px 2px;padding:6px 30px 6px 60px;margin:0px;border-color:#cfb290;border-style:solid;border-width:0px 0px 1px 0px}
.box-a-info{color:#548dd4;background-color:#f1dfc9;background-image:url(images/info-a.jpg);background-repeat:no-repeat;background-position:20px 2px;padding:6px 30px 6px 60px;margin:0px;border-color:#cfb290;border-style:solid;border-width:1px 0px 1px 0px}
.box-b-info{color:#548dd4;background-image:url(images/info-b.jpg);background-repeat:no-repeat;background-position:20px 2px;padding:6px 30px 6px 60px;margin:0px}
.box-b-info-last{color:#548dd4;background-image:url(images/info-b.jpg);background-repeat:no-repeat;background-position:20px 2px;padding:6px 30px 6px 60px;margin:0px;border-color:#cfb290;border-style:solid;border-width:0px 0px 1px 0px}
.header-text-1{color:#666666;font-family:"Times New Roman",Times,serif;font-size:36px}
.header-text-2{color:#666666;font-size:16px}
.hg-footer{background:#f1dfc9 url(images/footer-schatten.jpg) repeat-x top left;margin:100px 0px 0px 0px;padding:30px 0px 30px 0px;text-align:center;border-color:#cfb290;border-style:solid;border-width:0px 0px 1px 0px}
.text-klein{font-size:10px}
.bild-rechts-20{margin:0px 20px 0px 0px}
.kontaktfeld{padding:5px;background-color:#fcecd8;width:350px;border-color:#cfb290;border-style:solid;border-width:1px 1px 1px 1px;color:#333333}
.kontaktbutton{background:#ffff00 url(images/hl-hg-gelb.jpg) repeat-x top left;color:#000000;padding:3px 20px 3px 20px;border-color:#cfb290;border-style:solid;border-width:1px 1px 1px 1px;text-align:center;text-decoration:underline}
.formular-text{color:#7b6040}
.reiter-aktiv{font-size:14px;color:#7b6040}
a.reiter-link:link,a.reiter-link:visited,a.reiter-link:active{font-size:14px;text-decoration:underline;color:#7b6040}
a.reiter-link:hover{font-size:14px;text-decoration:none;color:#7b6040}
a.link-klein:link,a.link-klein:visited,a.link-klein:active{font-size:10px;text-decoration:underline;color:#333333}
a.link-klein:hover{font-size:10px;text-decoration:none;color:#333333}
a.link-mitmachen:link,a.link-mitmachen:visited,a.link-mitmachen:active{font-size:9px;font-weight:normal;text-decoration:underline;color:#61c419}
a.link-mitmachen:hover{font-size:9px;font-weight:normal;text-decoration:none;color:#61c419}
a.link-kontakt:link,a.link-kontakt:visited,a.link-kontakt:active{font-size:24px;color:#cc3300;font-family:"Times New Roman",Times,serif;text-decoration:underline}
a.link-kontakt:hover{font-size:24px;color:#cc3300;font-family:"Times New Roman",Times,serif;text-decoration:none}
a.link-intern:link,a.link-intern:visited,a.link-intern:active{color:#548dd4;text-decoration:underline}
a.link-intern:hover{color:#548dd4;text-decoration:none}
a:link,a:visited,a:active{color:#333333}
a:hover{color:#333333;text-decoration:none}
a.breadcrumb:link,a.breadcrumb:visited,a.breadcrumb:active{margin:0px 0px 30px 0px;font-size:12px;text-decoration:underline;color:#333333}
a.breadcrumb:hover{margin:0px 0px 30px 0px;font-size:12px;text-decoration:none;color:#333333}
.breadcrumb{margin:0px 0px 30px 0px;font-size:12px;color:#333333}

» Zeige den Original CSS code

« Verberge den Original CSS code

body {
	margin: 0px;
	padding: 0px;
	background: #fff4e7 url(images/background.jpg) repeat-x top left; }
	
div, td, p, input, select, textarea {
	color:#333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin: 0px;
	padding: 0px; }
	
H1 {
	margin: 0px 0px 5px 0px;
	padding: 0px;
	font-size: 26px;
	font-weight: normal; }
	
H2 {
	margin: 50px 0px 10px 0px;
	padding: 0px 0px 0px 20px;
	font-size: 24px;
	font-weight: normal;
	font-style: italic;
	border-color: #cfb290;
    border-style: solid;
    border-width: 0px 0px 1px 0px; }
	
.farbe-blau { color: #548dd4; }
.farbe-gruen { color: #55a31c; }
.farbe-orange { color: #de4c03; }
.farbe-rot { color: #cc0000; }

.bg-fff4e7 { background: #fff4e7; }	
	
.teaser-1 { 
	font-size: 20px; 
	margin: 0px 0px 10px 0px;}
	
.teaser-2 { 
	font-size: 18px;
	font-style: italic; }
	
.bildtext {
	color:#666666;
	font-family: "Times New Roman", Times, serif;
	font-size: 24px; }

.zwischen-titel {
	padding: 0px 0px 0px 20px;
	margin: 50px 0px 20px 0px;
	font-size: 20px;
	border-color: #cfb290;
    border-style: solid;
    border-width: 0px 0px 1px 0px; 
	display: block; }
	
.angebot {
	color: #55a31c;
	font-size: 20px; }
	
/* Boxen */
.box-geschlossen {
	background: #f1dfc9;
	padding: 20px 5px 20px 5px;
	margin: 0px;
	border-color: #cfb290;
    border-style: solid;
    border-width: 1px 1px 1px 1px; }

.box-a-30 {
	background: #f1dfc9;
	padding: 5px 30px 5px 30px;
	margin: 0px;
	border-color: #cfb290;
    border-style: solid;
    border-width: 1px 0px 1px 0px; }	
	
.box-b-30 {
	padding: 5px 30px 5px 30px;
	margin: 0px; }
	
.box-b-30-last {
	padding: 5px 30px 5px 30px;
	margin: 0px; 
	border-color: #cfb290;
    border-style: solid;
    border-width: 0px 0px 1px 0px;}
	
.box-a-checkbox {
	background-color: #f1dfc9;
	background-image: url(images/checkbox-dunkel-30.jpg);
	background-repeat: no-repeat;
	background-position: 15px top;
	padding: 6px 30px 6px 60px;
	margin: 0px;
	border-color: #cfb290;
    border-style: solid;
    border-width: 1px 0px 1px 0px; }	
	
.box-b-checkbox {
	background-image: url(images/checkbox-hell-30.jpg);
	background-repeat: no-repeat;
	background-position: 15px top;
	padding: 6px 30px 6px 60px;
	margin: 0px; }
	
.box-b-checkbox-last {
	background-image: url(images/checkbox-hell-30.jpg);
	background-repeat: no-repeat;
	background-position: 15px top;
	padding: 6px 30px 6px 60px;
	margin: 0px;	
	border-color: #cfb290;
    border-style: solid;
    border-width: 0px 0px 1px 0px; }
	
.box-a-fragezeichen {
	background-color: #f1dfc9;
	background-image: url(images/fragezeichen-dunkel-25.jpg);
	background-repeat: no-repeat;
	background-position: 20px 2px;
	padding: 5px 30px 5px 50px;
	margin: 0px;
	border-color: #cfb290;
	border-style: solid;
	border-width: 1px 0px 1px 0px; }	
	
.box-b-fragezeichen {
	background-image: url(images/fragezeichen-hell-25.jpg);
	background-repeat: no-repeat;
	background-position: 20px 2px;
	padding: 5px 30px 5px 50px;
	margin: 0px; }
	
.box-b-fragezeichen-last {
	background-image: url(images/fragezeichen-hell-25.jpg);
	background-repeat: no-repeat;
	background-position: 20px 2px;
	padding: 5px 30px 5px 50px;
	margin: 0px; 	
	border-color: #cfb290;
	border-style: solid;
	border-width: 0px 0px 1px 0px;}
	
.box-kontakt {
	padding: 10px 10px 10px 10px;
	margin: 50px 0px 0px 0px;
	border-color: #cfb290;
    border-style: solid;
    border-width: 2px 0px 2px 0px;
	text-align: center; }

.liste-check {
	padding: 0px 20px 0px 60px;
	margin: 0px 0px 20px 0px;
	background-image: url(images/check-hell-50.jpg);
	background-repeat: no-repeat;
	background-position: left top; }
	
.liste-check-dunkel {
	padding: 0px 20px 0px 60px;
	margin: 0px 0px 20px 0px;
	background-image: url(images/check-dunkel-50.jpg);
	background-repeat: no-repeat;
	background-position: left top; }
	
.box-a-vorteil {
	color: #55a31c;
	background-color: #f1dfc9;
	background-image: url(images/vorteil-a.jpg);
	background-repeat: no-repeat;
	background-position: 20px 2px;
	padding: 6px 30px 6px 60px;
	margin: 0px;
	border-color: #cfb290;
	border-style: solid;
	border-width: 1px 0px 1px 0px; }	
	
.box-b-vorteil {
	color: #55a31c;
	background-image: url(images/vorteil-b.jpg);
	background-repeat: no-repeat;
	background-position: 20px 2px;
	padding: 6px 30px 6px 60px;
	margin: 0px; }
	
.box-b-vorteil-last {
	color: #55a31c;
	background-image: url(images/vorteil-b.jpg);
	background-repeat: no-repeat;
	background-position: 20px 2px;
	padding: 6px 30px 6px 60px;
	margin: 0px; 	
	border-color: #cfb290;
	border-style: solid;
	border-width: 0px 0px 1px 0px;}
	
.box-a-nachteil {
	color: #cc0000;
	background-color: #f1dfc9;
	background-image: url(images/nachteil-a.jpg);
	background-repeat: no-repeat;
	background-position: 20px 2px;
	padding: 6px 30px 6px 60px;
	margin: 0px;
	border-color: #cfb290;
	border-style: solid;
	border-width: 1px 0px 1px 0px; }	
	
.box-b-nachteil {
	color: #cc0000;
	background-image: url(images/nachteil-b.jpg);
	background-repeat: no-repeat;
	background-position: 20px 2px;
	padding: 6px 30px 6px 60px;
	margin: 0px; }
	
.box-b-nachteil-last {
	color: #cc0000;
	background-image: url(images/nachteil-b.jpg);
	background-repeat: no-repeat;
	background-position: 20px 2px;
	padding: 6px 30px 6px 60px;
	margin: 0px; 	
	border-color: #cfb290;
	border-style: solid;
	border-width: 0px 0px 1px 0px;}
	
.box-a-info {
	color: #548dd4;
	background-color: #f1dfc9;
	background-image: url(images/info-a.jpg);
	background-repeat: no-repeat;
	background-position: 20px 2px;
	padding: 6px 30px 6px 60px;
	margin: 0px;
	border-color: #cfb290;
	border-style: solid;
	border-width: 1px 0px 1px 0px; }	
	
.box-b-info {
	color: #548dd4;
	background-image: url(images/info-b.jpg);
	background-repeat: no-repeat;
	background-position: 20px 2px;
	padding: 6px 30px 6px 60px;
	margin: 0px; }
	
.box-b-info-last {
	color: #548dd4;
	background-image: url(images/info-b.jpg);
	background-repeat: no-repeat;
	background-position: 20px 2px;
	padding: 6px 30px 6px 60px;
	margin: 0px; 	
	border-color: #cfb290;
	border-style: solid;
	border-width: 0px 0px 1px 0px;}
		
/* Header Footer */
.header-text-1 {
	color:#666666;
	font-family: "Times New Roman", Times, serif;
	font-size: 36px; }
	
.header-text-2 {
	color:#666666;
	font-size: 16px; }
	
.hg-footer {
	background: #f1dfc9 url(images/footer-schatten.jpg) repeat-x top left;
	margin: 100px 0px 0px 0px;
	padding: 30px 0px 30px 0px;
	text-align: center;
	border-color: #cfb290;
    border-style: solid;
    border-width: 0px 0px 1px 0px;  }
	
.text-klein { font-size: 10px; }
	
/* Bilder ausrichten */
.bild-rechts-20 { margin: 0px 20px 0px 0px; }

/* Formulare */
.kontaktfeld {
	padding: 5px;
	background-color: #fcecd8;
	width: 350px;
	border-color: #cfb290;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	color:#333333; }

.kontaktbutton {
	background: #ffff00 url(images/hl-hg-gelb.jpg) repeat-x top left;
	color:#000000;
	padding: 3px 20px 3px 20px; 
	border-color: #cfb290;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	text-align: center;
	text-decoration: underline;}

.formular-text { color: #7b6040; }
	
/* Reiter und Links */
.reiter-aktiv {
	font-size: 14px;
	color: #7b6040; }

a.reiter-link:link, a.reiter-link:visited, a.reiter-link:active  {
	font-size: 14px;
	text-decoration: underline;
	color: #7b6040; }
	
a.reiter-link:hover { 
	font-size: 14px;
	text-decoration: none; 
	color: #7b6040;}
	
a.link-klein:link, a.link-klein:visited, a.link-klein:active  {
	font-size: 10px;
	text-decoration: underline;
	color: #333333; }
	
a.link-klein:hover { 
	font-size: 10px;
	text-decoration: none; 
	color: #333333;}
	
a.link-mitmachen:link, a.link-mitmachen:visited, a.link-mitmachen:active  {
	font-size: 9px;
	font-weight: normal;
	text-decoration: underline;
	color: #61c419; } /* #61c419 */
	
a.link-mitmachen:hover { 
	font-size: 9px;
	font-weight: normal;
	text-decoration: none; 
	color: #61c419;}
	
a.link-kontakt:link, a.link-kontakt:visited, a.link-kontakt:active  {
	font-size: 24px; 
	color: #cc3300;
	font-family: "Times New Roman", Times, serif;
	text-decoration: underline; }
	
a.link-kontakt:hover {
	font-size: 24px; 
	color: #cc3300;
	font-family: "Times New Roman", Times, serif;
	text-decoration: none; }

a.link-intern:link, a.link-intern:visited, a.link-intern:active  {
	color: #548dd4;
	text-decoration: underline; }
	
a.link-intern:hover {
	color: #548dd4;
	text-decoration: none; }
	
a:link, a:visited, a:active { color: #333333; }
a:hover { color: #333333; text-decoration:none; }

a.breadcrumb:link, a.breadcrumb:visited, a.breadcrumb:active  {
	margin: 0px 0px 30px 0px;
	font-size: 12px;
	text-decoration: underline;
	color: #333333; }
	
a.breadcrumb:hover { 
	margin: 0px 0px 30px 0px;
	font-size: 12px;
	text-decoration: none; 
	color: #333333;}
	
.breadcrumb { 
	margin: 0px 0px 30px 0px;
	font-size: 12px; 
	color: #333333;}

Weitere Informationen über diese Webseite:

URL: http://www.oetke.de/
CSS URL: http://www.oetke.de/style.css
Charset: iso-8859-1
Titel: Frank Oetke - Dipl. Ing., Internetberatung und Internetprojekte Hamburg
Meta-Description: Ihr Unternehmen erfolgreich im Web positionieren