Ergebnisse des CSS Crunching von www.keramik-werkhof.de

Mal sehen was wir getan haben für www.keramik-werkhof.de

CSSCruncher.com hat dieser Webseite
8,84 %Code erspart! OK!

Crunched CSS Code:

#container{background:#b64;border-bottom:1px solid #000;border-left:1px solid #000;border-right:1px solid #000;margin:0 auto;padding-bottom:10px;width:748px}
#dirlist{padding:30px 0 15px}
#footer{clear:both;font-size:0.95em;margin:0 auto;padding:2px 0 10px;width:750px}
#gallery{position:relative}
#header{background:#817876 url('images/header.gif') no-repeat left;height:131px;margin:0 auto;padding:0;width:750px}
#left{float:left;min-height:400px;padding:10px;width:65%}
#left ol li{list-style-type:decimal;margin:0 0 0 30px}
#left ul li{list-style-type:square;margin:0 0 0 30px}
#login{float:left}
#logo{background:transparent;color:#b64;float:left;font-size:1em;margin:30px 0 0 20px}
#menu{clear:both;font-weight:700;margin:0 auto;padding:2px 15px 15px 20px;width:715px}
#menu li{float:right}
#menu li a{background:inherit;color:#fff;margin-left:20px}
#menu li a:hover,#menu li a.current{background:inherit;color:#e5c2b0}
#right{margin-left:65%;min-height:400px;padding-top:10px}
#right *{padding-left:40px}
#right a{padding:0;text-align:left}
#right .extra img{background:#fff;margin:5px 0 0;padding:10px}
#right li{padding:0 10px 0 0}
#footerpages ul,#footerpages li{float:right;margin:0;padding:0 0 0 15px;text-align:right}
#topmenu{float:right;text-align:right}
#topmenu li{background:inherit;float:left;margin:0 0 0 15px}
#subheader{background:#000;clear:both;color:#fff;margin:0 auto;padding:5px 15px 5px 20px;width:715px}
#subheader a,#subheader a:hover{background:inherit;color:#fff}
#inhalt{background:#fff url('images/bgright.gif') repeat-y 100% 0;clear:both;margin:0 auto;padding-bottom:10px;width:728px}
*{margin:0;padding:0}
.captcha{vertical-align:middle}
.clear{clear:left}
.clearboth{clear:both;margin:0 auto;padding:1px 0 0}
.comment{color:#333;margin:0 0 10px;padding:0 0 10px 5px}
.commentsbox{background:#f0f0f0;border:1px solid #ddd;margin:0 0 10px;padding:10px}
#name{background:#fff url('images/icons.png') -4px -358px no-repeat;padding-left:26px;width:200px}
#map{height:265px;font-size:1em;line-height:1.6em}
#url,#weblink{background:#fff url('images/icons.png') -4px -390px no-repeat;padding-left:26px;width:200px}
#email{background:#fff url('images/icons.png') -4px -422px no-repeat;padding-left:26px;width:200px}
#text,#message{width:440px;height:120px}
#right .extra *{background:inherit;padding:0}
.text{width:250px;border:1px solid #ddd}
.date{border-top:1px solid #ddd;font-size:0.9em;margin:5px 0 20px}
.extra h3,.extra h4{background:inherit;color:#b64;font-size:1.1em;font-weight:700}
.galcatfolder{float:left;line-height:1.3em;margin:1px 1px 14px;width:230px}
.galcatname{padding:10px 0 15px}
.galcattext{color:#666;font-size:0.9em}
.galhidden{background:inherit;clear:left;color:#fff;font-size:0.7em}
.galimg{background:#f0f0f0;border:1px solid #ddd;margin:0 10px 10px 0;padding:10px}
.galimgfolder{float:left;margin-right:5px;vertical-align:middle}
.galprevlink{float:right;margin-right:40px;padding:10px 0 15px}
.meta{background:#f0f0f0;border-top:1px solid #ddd;font-size:0.9em;font-weight:700;padding:0 3px 2px 5px}
.pdf{background:#fff url('images/pdf.gif') no-repeat left;padding-left:25px}
.presseimg{background:#f0f0f0;border:1px solid #ddd;padding:10px}
.search{float:right;margin:34px 30px 0 0}
.searchbutton{background:#000;border:1px solid #ddd;color:#fff;display:block;font-family:'Comic Sans MS','Trebuchet Ms',Arial,Sans-Serif;margin:3px 0 0;width:140px}
.searchdate{font-size:0.9em}
.searchfield{border:1px solid #ddd;font-family:'Comic Sans MS','Trebuchet Ms',Arial,Sans-Serif;width:134px}
.smalltext{font-size:0.7em}
.required{font:bold 2em 'Times New Roman',times,mono;color:#d64;height:0;line-height:1;vertical-align:bottom;position:relative;top:.4ex}
.subcat{line-height:18px;list-style-type:circle;margin:0 0 5px 20px}
.bold{font-weight:700}
#left .archiv{font-weight:700;margin:10px 0 0 0;list-style:none}
.underline{text-decoration:underline}
#map,.video,.panorama{width:450px;padding:5px;border:1px solid #ddd;margin-bottom:15px}
a{outline:none;background:inherit;color:#b64;text-decoration:none}
a:hover{background:inherit;color:#b64;text-decoration:underline}
body{background:#dcae97;color:#666;font:0.814em/1.692em 'Comic Sans MS','Trebuchet Ms',Arial,Sans-Serif}
div#presseimg{margin:0 auto;padding:10px 0 15px;text-align:center}
fieldset{background:#ffc;border:1px solid #ddd;color:#000;margin:0 0 8px;padding:10px 8px}
legend{display:inline;padding:0 4px 0 4px;font-size:1em;font-weight:700}
h1{display:none}
h2{background:inherit;color:#b64;font-size:1.2em;padding:5px 0}
h3{background:inherit;color:#000;font-size:1.1em}
img{border:0}
input{padding:2px}
li{list-style-type:none}
p{margin:5px 0 10px}
textarea{height:20em;padding:3px;width:97%}
ul{margin:0 0 10px;padding:0}

» Zeige den Original CSS code

« Verberge den Original CSS code

#container {
background:#b64;
border-bottom:1px solid #000;
border-left:1px solid #000;
border-right:1px solid #000;
margin:0 auto;
padding-bottom:10px;
width:748px
}

#dirlist {
padding:30px 0 15px
}

#footer {
clear:both;
font-size:0.95em;
margin:0 auto;
padding:2px 0 10px;
width:750px
}

#gallery {
position:relative
}

#header {
background:#817876 url('images/header.gif') no-repeat left;
height:131px;
margin:0 auto;
padding:0;
width:750px
}

#left {
float:left;
min-height:400px;
padding:10px;
width:65%
}

#left ol li {
list-style-type:decimal;
margin:0 0 0 30px
}

#left ul li {
list-style-type:square;
margin:0 0 0 30px
}

#login {
float:left
}

#logo {
background:transparent;
color:#b64;
float:left;
font-size:1em;
margin:30px 0 0 20px
}

#menu {
clear:both;
font-weight:700;
margin:0 auto;
padding:2px 15px 15px 20px;
width:715px
}

#menu li {
float:right
}

#menu li a {
background:inherit;
color:#fff;
margin-left:20px
}

#menu li a:hover,#menu li a.current {
background:inherit;
color:#e5c2b0
}

#right {
margin-left:65%;
min-height:400px;
padding-top:10px
}

#right * {
padding-left:40px
}

#right a {
padding:0;
text-align:left
}

#right .extra img {
background:#fff;
margin:5px 0 0;
padding:10px
}

#right li {
padding:0 10px 0 0
}

#footerpages ul,#footerpages li {
float:right;
margin:0;
padding:0 0 0 15px;
text-align:right
}

#topmenu {
float:right;
text-align:right
}

#topmenu li {
background:inherit;
float:left;
margin:0 0 0 15px
}

#subheader {
background:#000;
clear:both;
color:#fff;
margin:0 auto;
padding:5px 15px 5px 20px;
width:715px
}

#subheader a,#subheader a:hover {
background:inherit;
color:#fff
}

#inhalt {
background:#fff url('images/bgright.gif') repeat-y 100% 0;
clear:both;
margin:0 auto;
padding-bottom:10px;
width:728px
}

* {
margin:0;
padding:0
}

.captcha {
vertical-align:middle
}

.clear {
clear:left
}

.clearboth {
clear:both;
margin:0 auto;
padding:1px 0 0;
}

.comment {
color:#333;
margin:0 0 10px;
padding:0 0 10px 5px
}

.commentsbox {
background:#f0f0f0;
border:1px solid #ddd;
margin:0 0 10px;
padding:10px
}

#name{
background:#fff url('images/icons.png') -4px -358px no-repeat;
padding-left:26px;
width:200px;
}

#map {
height:265px;
font-size:1em;
line-height:1.6em
}

#url,#weblink{
background:#fff url('images/icons.png') -4px -390px no-repeat;
padding-left:26px;
width:200px;
}
#email{
background:#fff url('images/icons.png') -4px -422px no-repeat;
padding-left:26px;
width:200px;
}

#text, #message{
width:440px;
height:120px;
}

#right .extra * {
background:inherit;
padding:0;
}

.text{
width:250px;
border:1px solid #ddd;
}

.date {
border-top:1px solid #ddd;
font-size:0.9em;
margin:5px 0 20px
}

.extra h3, .extra h4 {
background:inherit;
color:#b64;
font-size:1.1em;
font-weight:700
}

.galcatfolder {
float:left;
line-height:1.3em;
margin:1px 1px 14px;
width:230px
}

.galcatname {
padding:10px 0 15px
}

.galcattext {
color:#666;
font-size:0.9em
}

.galhidden {
background:inherit;
clear:left;
color:#fff;
font-size:0.7em
}

.galimg {
background:#f0f0f0;
border:1px solid #ddd;
margin:0 10px 10px 0;
padding:10px
}

.galimgfolder {
float:left;
margin-right:5px;
vertical-align:middle
}

.galprevlink {
float:right;
margin-right:40px;
padding:10px 0 15px
}

.meta {
background:#f0f0f0;
border-top:1px solid #ddd;
font-size:0.9em;
font-weight:700;
padding:0 3px 2px 5px
}

.pdf {
background:#fff url('images/pdf.gif') no-repeat left;
padding-left:25px
}

.presseimg {
background:#f0f0f0;
border:1px solid #ddd;
padding:10px
}

.search {
float:right;
margin:34px 30px 0 0
}

.searchbutton {
background:#000;
border:1px solid #ddd;
color:#fff;
display:block;
font-family:'Comic Sans MS', 'Trebuchet Ms', Arial, Sans-Serif;
margin:3px 0 0;
width:140px
}

.searchdate {
font-size:0.9em;
}

.searchfield {
border:1px solid #ddd;
font-family:'Comic Sans MS', 'Trebuchet Ms', Arial, Sans-Serif;
width:134px
}

.smalltext {
font-size:0.7em
}

.required {
font:bold 2em 'Times New Roman', times, mono;
color:#d64;
height:0;
line-height:1;
vertical-align:bottom;
position:relative;
top:.4ex
}

.subcat {
line-height:18px;
list-style-type:circle;
margin:0 0 5px 20px
}

.bold {
font-weight:700;
}

#left .archiv {
font-weight:700;
margin:10px 0 0 0;
list-style:none
}

.underline {
text-decoration: underline;
}

#map, .video, .panorama {
width:450px; 
padding:5px; 
border:1px solid #ddd;
margin-bottom: 15px;
}

a {
outline:none;
background:inherit;
color:#b64;
text-decoration:none
}

a:hover {
background:inherit;
color:#b64;
text-decoration:underline
}

body {
background:#dcae97;
color:#666;
font:0.814em/1.692em 'Comic Sans MS', 'Trebuchet Ms', Arial, Sans-Serif
}

div#presseimg {
margin:0 auto;
padding:10px 0 15px;
text-align:center
}

fieldset {
background:#ffc;
border:1px solid #ddd;
color:#000;
margin:0 0 8px;
padding:10px 8px
}

legend {
display: inline;
padding: 0 4px 0 4px;
font-size: 1em;
font-weight: 700
}

h1 {
display:none
}

h2 {
background:inherit;
color:#b64;
font-size:1.2em;
padding:5px 0
}

h3 {
background:inherit;
color:#000;
font-size:1.1em
}

img {
border:0
}

input {
padding:2px
}

li {
list-style-type:none
}

p {
margin:5px 0 10px
}

textarea {
height:20em;
padding:3px;
width:97%
}

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