Ergebnisse des CSS Crunching von www.kochwerte.de

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

CSSCruncher.com hat dieser Webseite
26,30 %Code erspart! Ich fasse es nicht!

Aber oh oh! Wir haben in deinem CSS code Fehler gefunden!

» Zeige alle CSS Code Fehler und/oder Warnings

« Verberge alle CSS Code Fehler und/oder Warnings

Error on Line 160:
  Property text-shadow doesn't exist
  Class:     a.shop-button, .shop-button a, input.shop-button
  Property:  text-shadow
  Value:     0 1px 0 #eeeeee

Error on Line 167:
  Property text-shadow doesn't exist
  Class:     a.shop-button.green, .shop-button.green a, input.shop-button.green
  Property:  text-shadow
  Value:     0 1px 0 #82ac46

Error on Line 172:
  Property box-shadow doesn't exist
  Class:     a.shop-button:hover, .shop-button a:hover, input.shop-button:hover
  Property:  box-shadow
  Value:     0 0 5px rgba(136,136,136,0.5)

Error on Line 174:
  Property text-shadow doesn't exist
  Class:     a.shop-button:hover, .shop-button a:hover, input.shop-button:hover
  Property:  text-shadow
  Value:     0 1px 0 #dddddd

Error on Line 180:
  Property text-shadow doesn't exist
  Class:     a.shop-button.green:hover, .shop-button.green a:hover, input.shop-button.green:hover
  Property:  text-shadow
  Value:     0 1px 0 #82ac46

Error on Line Line : 182:
  The pseudo-element
  Class:     Line : 182
  Property:  182
  Value:     :-moz-focus-inner can't appear here in the context css21

Error on Line 189:
  -webkit-gradient(linear,left top,left bottom,from(#fedf8a),to(#eeb926)) is not a background-image value
  Class:     a.shop-button.yellow, input.shop-button.yellow, .shop-button.yellow a
  Property:  background-image
  Value:     -webkit-gradient(linear,left top,left bottom,from(#fedf8a),to(#eeb926))

Error on Line 190:
  Too many values or values are not recognized
  Class:     a.shop-button.yellow, input.shop-button.yellow, .shop-button.yellow a
  Property:  background
  Value:     -webkit-linear-gradient(center top,#fedf8a 0%,#eeb926 100%) repeat scroll 0 0 transparent

Error on Line 191:
  Too many values or values are not recognized
  Class:     a.shop-button.yellow, input.shop-button.yellow, .shop-button.yellow a
  Property:  background
  Value:     -moz-linear-gradient(center top,#fedf8a 0%,#eeb926 100%) repeat scroll 0 0 transparent

Error on Line 192:
  Too many values or values are not recognized
  Class:     a.shop-button.yellow, input.shop-button.yellow, .shop-button.yellow a
  Property:  background
  Value:     -ms-linear-gradient(center top,#fedf8a 0%,#eeb926 100%) repeat scroll 0 0 transparent

Error on Line 193:
  Too many values or values are not recognized
  Class:     a.shop-button.yellow, input.shop-button.yellow, .shop-button.yellow a
  Property:  background
  Value:     -o-linear-gradient(center top,#fedf8a 0%,#eeb926 100%) repeat scroll 0 0 transparent

Error on Line 194:
  Too many values or values are not recognized
  Class:     a.shop-button.yellow, input.shop-button.yellow, .shop-button.yellow a
  Property:  background
  Value:     linear-gradient(center top,#fedf8a 0%,#eeb926 100%) repeat scroll 0 0 transparent

Error on Line 202:
  -webkit-gradient(linear,left top,left bottom,from(#fee59e),to(#eec44e)) is not a background-image value
  Class:     a.shop-button.yellow:hover, input.shop-button.yellow:hover, .shop-button.yellow a:hover
  Property:  background-image
  Value:     -webkit-gradient(linear,left top,left bottom,from(#fee59e),to(#eec44e))

Error on Line 203:
  Too many values or values are not recognized
  Class:     a.shop-button.yellow:hover, input.shop-button.yellow:hover, .shop-button.yellow a:hover
  Property:  background
  Value:     -webkit-linear-gradient(center top,#fee59e 0%,#eec44e 100%) repeat scroll 0 0 transparent

Error on Line 204:
  Too many values or values are not recognized
  Class:     a.shop-button.yellow:hover, input.shop-button.yellow:hover, .shop-button.yellow a:hover
  Property:  background
  Value:     -moz-linear-gradient(center top,#fee59e 0%,#eec44e 100%) repeat scroll 0 0 transparent

Error on Line 205:
  Too many values or values are not recognized
  Class:     a.shop-button.yellow:hover, input.shop-button.yellow:hover, .shop-button.yellow a:hover
  Property:  background
  Value:     -ms-linear-gradient(center top,#fee59e 0%,#eec44e 100%) repeat scroll 0 0 transparent

Error on Line 206:
  Too many values or values are not recognized
  Class:     a.shop-button.yellow:hover, input.shop-button.yellow:hover, .shop-button.yellow a:hover
  Property:  background
  Value:     -o-linear-gradient(center top,#fee59e 0%,#eec44e 100%) repeat scroll 0 0 transparent

Error on Line 207:
  Too many values or values are not recognized
  Class:     a.shop-button.yellow:hover, input.shop-button.yellow:hover, .shop-button.yellow a:hover
  Property:  background
  Value:     linear-gradient(center top,#fee59e 0%,#eec44e 100%) repeat scroll 0 0 transparent

Error on Line 215:
  -webkit-gradient(linear,left top,left bottom,from(#e8e8e8),to(#c5c5c5)) is not a background-image value
  Class:     a.shop-button.gray, input.shop-button.gray, .shop-button.gray a
  Property:  background-image
  Value:     -webkit-gradient(linear,left top,left bottom,from(#e8e8e8),to(#c5c5c5))

Error on Line 216:
  Too many values or values are not recognized
  Class:     a.shop-button.gray, input.shop-button.gray, .shop-button.gray a
  Property:  background
  Value:     -webkit-linear-gradient(center top,#e8e8e8 0%,#c5c5c5 100%) repeat scroll 0 0 transparent

Error on Line 217:
  Too many values or values are not recognized
  Class:     a.shop-button.gray, input.shop-button.gray, .shop-button.gray a
  Property:  background
  Value:     -moz-linear-gradient(center top,#e8e8e8 0%,#c5c5c5 100%) repeat scroll 0 0 transparent

Error on Line 218:
  Too many values or values are not recognized
  Class:     a.shop-button.gray, input.shop-button.gray, .shop-button.gray a
  Property:  background
  Value:     -ms-linear-gradient(center top,#e8e8e8 0%,#c5c5c5 100%) repeat scroll 0 0 transparent

Error on Line 219:
  Too many values or values are not recognized
  Class:     a.shop-button.gray, input.shop-button.gray, .shop-button.gray a
  Property:  background
  Value:     -o-linear-gradient(center top,#e8e8e8 0%,#c5c5c5 100%) repeat scroll 0 0 transparent

Error on Line 220:
  Too many values or values are not recognized
  Class:     a.shop-button.gray, input.shop-button.gray, .shop-button.gray a
  Property:  background
  Value:     linear-gradient(center top,#e8e8e8 0%,#c5c5c5 100%) repeat scroll 0 0 transparent

Error on Line 228:
  -webkit-gradient(linear,left top,left bottom,from(#e8e8e8),to(#c5c5c5)) is not a background-image value
  Class:     a.shop-button.gray:hover, input.shop-button.gray:hover, .shop-button.gray a:hover
  Property:  background-image
  Value:     -webkit-gradient(linear,left top,left bottom,from(#e8e8e8),to(#c5c5c5))

Error on Line 229:
  Too many values or values are not recognized
  Class:     a.shop-button.gray:hover, input.shop-button.gray:hover, .shop-button.gray a:hover
  Property:  background
  Value:     -webkit-linear-gradient(center top,#e8e8e8 0%,#c5c5c5 100%) repeat scroll 0 0 transparent

Error on Line 230:
  Too many values or values are not recognized
  Class:     a.shop-button.gray:hover, input.shop-button.gray:hover, .shop-button.gray a:hover
  Property:  background
  Value:     -moz-linear-gradient(center top,#e8e8e8 0%,#c5c5c5 100%) repeat scroll 0 0 transparent

Error on Line 231:
  Too many values or values are not recognized
  Class:     a.shop-button.gray:hover, input.shop-button.gray:hover, .shop-button.gray a:hover
  Property:  background
  Value:     -ms-linear-gradient(center top,#e8e8e8 0%,#c5c5c5 100%) repeat scroll 0 0 transparent

Error on Line 232:
  Too many values or values are not recognized
  Class:     a.shop-button.gray:hover, input.shop-button.gray:hover, .shop-button.gray a:hover
  Property:  background
  Value:     -o-linear-gradient(center top,#e8e8e8 0%,#c5c5c5 100%) repeat scroll 0 0 transparent

Error on Line 233:
  Too many values or values are not recognized
  Class:     a.shop-button.gray:hover, input.shop-button.gray:hover, .shop-button.gray a:hover
  Property:  background
  Value:     linear-gradient(center top,#e8e8e8 0%,#c5c5c5 100%) repeat scroll 0 0 transparent

Error on Line 240:
  -webkit-gradient(linear,left top,left bottom,from(#799f42),to(#88b14e)) is not a background-image value
  Class:     a.shop-button.green, input.shop-button.green, .shop-button.green a
  Property:  background-image
  Value:     -webkit-gradient(linear,left top,left bottom,from(#799f42),to(#88b14e))

Error on Line 241:
  Too many values or values are not recognized
  Class:     a.shop-button.green, input.shop-button.green, .shop-button.green a
  Property:  background
  Value:     -webkit-linear-gradient(center top,#799f42 0%,#88b14e 100%) repeat scroll 0 0 transparent

Error on Line 242:
  Too many values or values are not recognized
  Class:     a.shop-button.green, input.shop-button.green, .shop-button.green a
  Property:  background
  Value:     -moz-linear-gradient(center top,#799f42 0%,#88b14e 100%) repeat scroll 0 0 transparent

Error on Line 243:
  Too many values or values are not recognized
  Class:     a.shop-button.green, input.shop-button.green, .shop-button.green a
  Property:  background
  Value:     -ms-linear-gradient(center top,#799f42 0%,#88b14e 100%) repeat scroll 0 0 transparent

Error on Line 244:
  Too many values or values are not recognized
  Class:     a.shop-button.green, input.shop-button.green, .shop-button.green a
  Property:  background
  Value:     -o-linear-gradient(center top,#799f42 0%,#88b14e 100%) repeat scroll 0 0 transparent

Error on Line 245:
  Too many values or values are not recognized
  Class:     a.shop-button.green, input.shop-button.green, .shop-button.green a
  Property:  background
  Value:     linear-gradient(center top,#799f42 0%,#88b14e 100%) repeat scroll 0 0 transparent

Error on Line 253:
  -webkit-gradient(linear,left top,left bottom,from(#82ac46),to(#94ba5f)) is not a background-image value
  Class:     a.shop-button.green:hover, input.shop-button.green:hover, .shop-button.green a:hover
  Property:  background-image
  Value:     -webkit-gradient(linear,left top,left bottom,from(#82ac46),to(#94ba5f))

Error on Line 254:
  Too many values or values are not recognized
  Class:     a.shop-button.green:hover, input.shop-button.green:hover, .shop-button.green a:hover
  Property:  background
  Value:     -webkit-linear-gradient(center top,#82ac46 0%,#94ba5f 100%) repeat scroll 0 0 transparent

Error on Line 255:
  Too many values or values are not recognized
  Class:     a.shop-button.green:hover, input.shop-button.green:hover, .shop-button.green a:hover
  Property:  background
  Value:     -moz-linear-gradient(center top,#82ac46 0%,#94ba5f 100%) repeat scroll 0 0 transparent

Error on Line 256:
  Too many values or values are not recognized
  Class:     a.shop-button.green:hover, input.shop-button.green:hover, .shop-button.green a:hover
  Property:  background
  Value:     -ms-linear-gradient(center top,#82ac46 0%,#94ba5f 100%) repeat scroll 0 0 transparent

Error on Line 257:
  Too many values or values are not recognized
  Class:     a.shop-button.green:hover, input.shop-button.green:hover, .shop-button.green a:hover
  Property:  background
  Value:     -o-linear-gradient(center top,#82ac46 0%,#94ba5f 100%) repeat scroll 0 0 transparent

Error on Line 258:
  Too many values or values are not recognized
  Class:     a.shop-button.green:hover, input.shop-button.green:hover, .shop-button.green a:hover
  Property:  background
  Value:     linear-gradient(center top,#82ac46 0%,#94ba5f 100%) repeat scroll 0 0 transparent

Error on Line 265:
  Property box-shadow doesn't exist
  Class:     a.shop-button:active, .shop-button a:active, input.shop-button:active
  Property:  box-shadow
  Value:     0 0 6px rgba(136,136,136,0.5) inset

Error on Line 37:
  Line
  Class:     Line : 37 font-family: You are encouraged to offer a generic family as a last alternative
  Property:  You are encouraged to offer a generic family as a last alternative
  Value:     37 Level : 2 font-family: You are encouraged to offer a generic family as a last alternative : body

Warning level 1 on Line 58:
  You have no background-color with your color
  Class:     a:visited
  Property:  
  Value:     

Warning level 1 on Line 58:
  You have no background-color with your color
  Class:     a:visited
  Property:  
  Value:     

Warning level 1 on Line 59:
  You have no background-color with your color
  Class:     a:hover
  Property:  
  Value:     

Warning level 1 on Line 70:
  You have no background-color with your color
  Class:     label.error
  Property:  
  Value:     

Warning level 1 on Line 71:
  You have no background-color with your color
  Class:     p.error
  Property:  
  Value:     

Warning level 1 on Line 76:
  You have no background-color with your color
  Class:     h4
  Property:  
  Value:     

Warning level 1 on Line 76:
  You have no background-color with your color
  Class:     h4
  Property:  
  Value:     

Warning level 1 on Line 76:
  You have no background-color with your color
  Class:     h4
  Property:  
  Value:     

Warning level 1 on Line 76:
  You have no background-color with your color
  Class:     h4
  Property:  
  Value:     

Warning level 1 on Line 81:
  You have no background-color with your color
  Class:     h1
  Property:  
  Value:     

Error on Line 88:
  Line
  Class:     Line : 88 font-family: You are encouraged to offer a generic family as a last alternative
  Property:  You are encouraged to offer a generic family as a last alternative
  Value:     88 Level : 2 font-family: You are encouraged to offer a generic family as a last alternative : h1 span

Warning level 1 on Line 103:
  You have no background-color with your color
  Class:     .post h2
  Property:  
  Value:     

Warning level 1 on Line 103:
  You have no background-color with your color
  Class:     .post h2
  Property:  
  Value:     

Warning level 1 on Line 106:
  You have no background-color with your color
  Class:     .post h2 a
  Property:  
  Value:     

Warning level 1 on Line 106:
  You have no background-color with your color
  Class:     .post h2 a
  Property:  
  Value:     

Warning level 1 on Line 110:
  You have no color with your background-color
  Class:     #tab-artikel h2 a:active
  Property:  
  Value:     

Warning level 1 on Line 110:
  You have no color with your background-color
  Class:     #tab-artikel h2 a:active
  Property:  
  Value:     

Warning level 1 on Line 115:
  You have no background-color with your color
  Class:     .post h3
  Property:  
  Value:     

Warning level 1 on Line 122:
  You have no background-color with your color
  Class:     .post h4
  Property:  
  Value:     

Warning level 1 on Line 140:
  You have no background-color with your color
  Class:     a.simple_back
  Property:  
  Value:     

Warning level 1 on Line 227:
  You have no color with your background-color
  Class:     .shop-button.gray a:hover
  Property:  
  Value:     

Warning level 1 on Line 227:
  You have no color with your background-color
  Class:     .shop-button.gray a:hover
  Property:  
  Value:     

Warning level 1 on Line 227:
  You have no color with your background-color
  Class:     .shop-button.gray a:hover
  Property:  
  Value:     

Warning level 1 on Line 290:
  You have no color with your background-color
  Class:     input.captcha
  Property:  
  Value:     

Warning level 1 on Line 290:
  You have no color with your background-color
  Class:     input.captcha
  Property:  
  Value:     

Warning level 1 on Line 294:
  You have no color with your background-color
  Class:     input:focus.captcha
  Property:  
  Value:     

Warning level 1 on Line 294:
  You have no color with your background-color
  Class:     input:focus.captcha
  Property:  
  Value:     

Warning level 1 on Line 298:
  You have no color with your background-color
  Class:     .textarea
  Property:  
  Value:     

Warning level 1 on Line 305:
  You have no background-color with your color
  Class:     label span.mandatory
  Property:  
  Value:     

Warning level 1 on Line 327:
  You have no color with your background-color
  Class:     #mbOverlay
  Property:  
  Value:     

Warning level 1 on Line 330:
  You have no color with your background-color
  Class:     #mbCenter
  Property:  
  Value:

Crunched CSS Code:

@media all{*{padding:0;margin:0}
html{height:101%}
.clearfix{display:inline-block}
.clean{clear:both}
.center{text-align:center}
.left{float:left}
.right{float:right}
.underline{border-bottom:3px solid black}
body{background-color:white;color:#1E1E1E;font-family:Verdana,Arial,Helvetica,Sans;font-size:12px;line-height:1.4}
h1,h2,h3,h4,h5,h6,ul,ol,dl,table{margin-bottom:0.8em}
p{margin-bottom:1.3em}
ul,li,ul ul{margin-left:0;list-style:none}
option{padding-left:0.2em;padding-right:0.3em}
fieldset,a img{border:none}
blockquote{padding-left:20px}
a:link, a:visited{color:#659433}
a:hover{color:#CC0000}
a:active,a:focus{outline:medium none}
p, .caption{line-height:1.6}
.smallfont p{font-size:11px;line-height:19px}
label.error{color:#C30}
p.error{font-size:10px;color:#C30}
h1,h2,h3,h4{font-family:'Droid Sans',sans-serif;font-weight:bold;color:#262626}
h1 a,h2 a,h3 a,h4 a{text-decoration:none}
h1{font-size:28px;color:#83AE5E}
h2{font-size:18px}
h3{font-size:16px}
h4{font-size:14px}
h5{font-size:12px}
h1 span{font-family:Verdana,Arial,Helvetica,Sans;font-weight:bold;font-style:normal;font-size:12px}
.post h1, .post h2{font-size:28px;line-height:36px;margin:0;padding-bottom:8px;display:block;color:#83AE5E}
.post h1 a,.post h2 a{color:#83AE5E !important;text-decoration:none}
.post h2 a:focus,#tab-artikel h2 a:active{background-color:#f4f8e9;border-bottom:1px solid #ecfde3}
.post h3{border-bottom:3px solid #2F2F2F;color:#2F2F2F;font-size:25px;font-weight:lighter;margin-bottom:18px;padding:10px 0 3px}
.post h4{color:#72A140;font-family:'Droid Sans',Arial,sans-serif;font-size:25px;font-weight:lighter;margin:30px 0 15px}
.post img{margin:7px 0}
a.simple_back{color:#598b23;padding-left:12px;background:url(/tl_files/kochwerte/image/graphics/pfeil_braun_back_bg.gif) no-repeat 0 4px transparent}
.submit,.submit_container{overflow:visible}
a.shop-button, .shop-button a, input.shop-button{display:inline-block;font-family:'Droid Sans',Arial,sans-serif;font-size:13px;font-weight:bold;padding:5px 10px;text-align:center;text-decoration:none;text-shadow:0 1px 0 #EEEEEE;width:auto;cursor:pointer}
a.shop-button.green, .shop-button.green a, input.shop-button.green{text-shadow:0 1px 0 #82ac46}
a.shop-button:hover, .shop-button a:hover, input.shop-button:hover{box-shadow:0 0 5px rgba(136,136,136,0.5);cursor:pointer;text-shadow:0 1px 0 #DDDDDD;text-decoration:none}
a.shop-button.green:hover, .shop-button.green a:hover, input.shop-button.green:hover{text-shadow:0 1px 0 #82ac46}
.shop-button::-moz-focus-inner{border:0 none}
a.shop-button.yellow, input.shop-button.yellow, .shop-button.yellow a{background-color:#FEDF8A;background-image:-webkit-gradient(linear,left top,left bottom,from(#FEDF8A),to(#EEB926));background:-webkit-linear-gradient(center top,#FEDF8A 0%,#EEB926 100%) repeat scroll 0 0 transparent;background:-moz-linear-gradient(center top,#FEDF8A 0%,#EEB926 100%) repeat scroll 0 0 transparent;background:-ms-linear-gradient(center top,#FEDF8A 0%,#EEB926 100%) repeat scroll 0 0 transparent;background:-o-linear-gradient(center top,#FEDF8A 0%,#EEB926 100%) repeat scroll 0 0 transparent;background:linear-gradient(center top,#FEDF8A 0%,#EEB926 100%) repeat scroll 0 0 transparent;border:1px solid #CC9D1A;color:#333333 !important}
a.shop-button.yellow:hover, input.shop-button.yellow:hover, .shop-button.yellow a:hover{background-color:#FEE59E;background-image:-webkit-gradient(linear,left top,left bottom,from(#FEE59E),to(#EEC44E));background:-webkit-linear-gradient(center top,#FEE59E 0%,#EEC44E 100%) repeat scroll 0 0 transparent;background:-moz-linear-gradient(center top,#FEE59E 0%,#EEC44E 100%) repeat scroll 0 0 transparent;background:-ms-linear-gradient(center top,#FEE59E 0%,#EEC44E 100%) repeat scroll 0 0 transparent;background:-o-linear-gradient(center top,#FEE59E 0%,#EEC44E 100%) repeat scroll 0 0 transparent;background:linear-gradient(center top,#FEE59E 0%,#EEC44E 100%) repeat scroll 0 0 transparent;border:1px solid #CC9D1A;color:#464444 !important}
a.shop-button.gray, input.shop-button.gray, .shop-button.gray a{background-color:#E8E8E8;background-image:-webkit-gradient(linear,left top,left bottom,from(#E8E8E8),to(#C5C5C5));background:-webkit-linear-gradient(center top,#E8E8E8 0%,#C5C5C5 100%) repeat scroll 0 0 transparent;background:-moz-linear-gradient(center top,#E8E8E8 0%,#C5C5C5 100%) repeat scroll 0 0 transparent;background:-ms-linear-gradient(center top,#E8E8E8 0%,#C5C5C5 100%) repeat scroll 0 0 transparent;background:-o-linear-gradient(center top,#E8E8E8 0%,#C5C5C5 100%) repeat scroll 0 0 transparent;background:linear-gradient(center top,#E8E8E8 0%,#C5C5C5 100%) repeat scroll 0 0 transparent;border:1px solid #BABABA;color:#333333 !important}
a.shop-button.gray:hover, input.shop-button.gray:hover, .shop-button.gray a:hover{background-color:#E8E8E8;background-image:-webkit-gradient(linear,left top,left bottom,from(#E8E8E8),to(#C5C5C5));background:-webkit-linear-gradient(center top,#E8E8E8 0%,#C5C5C5 100%) repeat scroll 0 0 transparent;background:-moz-linear-gradient(center top,#E8E8E8 0%,#C5C5C5 100%) repeat scroll 0 0 transparent;background:-ms-linear-gradient(center top,#E8E8E8 0%,#C5C5C5 100%) repeat scroll 0 0 transparent;background:-o-linear-gradient(center top,#E8E8E8 0%,#C5C5C5 100%) repeat scroll 0 0 transparent;background:linear-gradient(center top,#E8E8E8 0%,#C5C5C5 100%) repeat scroll 0 0 transparent;border:1px solid #BABABA}
a.shop-button.green, input.shop-button.green, .shop-button.green a{background-color:#82ac46;background-image:-webkit-gradient(linear,left top,left bottom,from(#799f42),to(#88b14e));background:-webkit-linear-gradient(center top,#799f42 0%,#88b14e 100%) repeat scroll 0 0 transparent;background:-moz-linear-gradient(center top,#799f42 0%,#88b14e 100%) repeat scroll 0 0 transparent;background:-ms-linear-gradient(center top,#799f42 0%,#88b14e 100%) repeat scroll 0 0 transparent;background:-o-linear-gradient(center top,#799f42 0%,#88b14e 100%) repeat scroll 0 0 transparent;background:linear-gradient(center top,#799f42 0%,#88b14e 100%) repeat scroll 0 0 transparent;border:1px solid #6d9239;color:white !important}
a.shop-button.green:hover, input.shop-button.green:hover, .shop-button.green a:hover{background-color:#a0c05c;background-image:-webkit-gradient(linear,left top,left bottom,from(#82ac46),to(#94ba5f));background:-webkit-linear-gradient(center top,#82ac46 0%,#94ba5f 100%) repeat scroll 0 0 transparent;background:-moz-linear-gradient(center top,#82ac46 0%,#94ba5f 100%) repeat scroll 0 0 transparent;background:-ms-linear-gradient(center top,#82ac46 0%,#94ba5f 100%) repeat scroll 0 0 transparent;background:-o-linear-gradient(center top,#82ac46 0%,#94ba5f 100%) repeat scroll 0 0 transparent;background:linear-gradient(center top,#82ac46 0%,#94ba5f 100%) repeat scroll 0 0 transparent;border:1px solid #6d9239;color:white !important}
a.shop-button:active, .shop-button a:active, input.shop-button:active{box-shadow:0 0 6px rgba(136,136,136,0.5) inset}
.social-button{float:left;margin-right:30px}
.social-button.fb{margin-top:2px}
.social-button.gp{margin-top:1px}
input.text, input.captcha{height:16px;padding:3px 0 3px 5px;border:2px solid #E7E7E7;background-color:white}
input:focus.text, input:focus.captcha{background-color:white}
.textarea{border:2px solid #E7E7E7;background-color:white}
label{margin-top:2px}
label span.mandatory{margin-left:2px;color:red;font-weight:bold}
#mbBottom
#mbCloseLink{position:absolute;bottom:3px;right:3px;width:30px;height:30px;background:url(/tl_files/kochwerte/image/graphics/lb_overlay_close.png) no-repeat scroll 0 0 transparent}
#mbTitle, #mbCaption{display:none}
#mbOverlay{background-color:#FFFFFF}
#mbCenter{background-color:#FFFFFF}}

» Zeige den Original CSS code

« Verberge den Original CSS code

/*  =====================

Reset Stylesheet

Filei: foundation.css
Date: 2011-01-15 
Autor: Matthias Hensel

======================== */

@media all {

* {padding: 0; margin: 0; } /* reset */

/* ==============================================
   PART II - Config 
   ============================================== */

html { height: 101%; } /* Bildlaufleiste im Firefox immer zeigen */

.clearfix { display: inline-block; }
.clean { clear:both; }

.center { text-align: center; }
.left { float: left; }
.right { float: right }

.underline { border-bottom: 3px solid black; }

/* ==========================================
   PART III - Config (Fonts)  
   ======================================= */
body {
	background-color: white;
	color: #1E1E1E; 
	font-family: Verdana, Arial, Helvetica, Sans;
	font-size: 12px;
	line-height: 1.4;
}
h1, h2, h3, h4, h5, h6, ul, ol, dl, table { margin-bottom: 0.8em; }

p { margin-bottom: 1.3em; }

ul, li, ul ul { margin-left: 0; list-style: none; }

option { padding-left: 0.2em; padding-right: 0.3em; }

fieldset, a img { border: none; }

blockquote {
  padding-left: 20px;
}

/* Hyperlinks */

a:link,
a:visited { color: #659433; } /* grün */
a:hover { color: #CC0000; } /* rot */
a:active, a:focus { outline: medium none; }

p, 
.caption { line-height: 1.6; }

.smallfont p {
  font-size: 11px;
  line-height: 19px;
}

label.error { color: #C30; }
p.error { font-size: 10px; color: #C30; }

h1, h2, h3, h4 {
	font-family: 'Droid Sans', sans-serif;
	font-weight: bold; 
	color:#262626; 
}
h1 a, h2 a, h3 a, h4 a {
	text-decoration: none;
}
h1 { font-size: 28px; color: #83AE5E; } /* grün */
h2 { font-size: 18px; }
h3 { font-size: 16px; }
h4 { font-size: 14px; }
h5 { font-size: 12px; }

h1 span {
	font-family: Verdana, Arial, Helvetica, Sans;
	font-weight: bold; 
	font-style: normal;
	font-size: 12px;
}

/* POST */

.post h1,
.post h2 {
	font-size: 28px;
	line-height: 36px;
	margin: 0;
	padding-bottom: 8px;
	display: block;
	color: #83AE5E; /* grün */
}
.post h1 a, .post h2 a {
	color: #83AE5E !important; /* grün */
	text-decoration: none;
}
.post h2 a:focus, #tab-artikel h2 a:active {
  background-color: #f4f8e9; /* extrem hellgrün */
  border-bottom: 1px solid #ecfde3; /* hellgrün */
}
.post h3 {
	border-bottom: 3px solid #2F2F2F;
	color: #2F2F2F;
	font-size: 25px;
	font-weight: lighter;
	margin-bottom: 18px;
	padding: 10px 0 3px;
}
.post h4 {
  color: #72A140;
  font-family: 'Droid Sans',Arial,sans-serif;
  font-size: 25px;
  font-weight: lighter;
  margin: 30px 0 15px;
}
.post img {
  margin: 7px 0;
}

/* ==========================================
   PART IV - Buttons  
   ======================================= */

/* back buttons  */

a.simple_back {
	color: #598b23; /* grün */
	padding-left: 12px;
	background: url(/tl_files/kochwerte/image/graphics/pfeil_braun_back_bg.gif) no-repeat 0 4px transparent;
}

/* button und submit buttons */
.submit, .submit_container { overflow: visible; }

/* SHOP BUTTON */
a.shop-button,
.shop-button a,
input.shop-button {
	display: inline-block;
	font-family: 'Droid Sans',Arial,sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding: 5px 10px;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 1px 0 #EEEEEE;
	width: auto;
	cursor: pointer;
}
a.shop-button.green,
.shop-button.green a,
input.shop-button.green {
	text-shadow: 0 1px 0 #82ac46;
}
a.shop-button:hover,
.shop-button a:hover,
input.shop-button:hover {
	box-shadow: 0 0 5px rgba(136, 136, 136, 0.5);
	cursor: pointer;
	text-shadow: 0 1px 0 #DDDDDD;
	text-decoration: none;
}
a.shop-button.green:hover,
.shop-button.green a:hover,
input.shop-button.green:hover {
	text-shadow: 0 1px 0 #82ac46;
}
.shop-button::-moz-focus-inner {
  border: 0 none;
}
a.shop-button.yellow,
input.shop-button.yellow,
.shop-button.yellow a {
	background-color: #FEDF8A; /* fallback color if gradients are not supported */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FEDF8A), to(#EEB926)); 
	background: -webkit-linear-gradient(center top , #FEDF8A 0%, #EEB926 100%) repeat scroll 0 0 transparent; 
	background:    -moz-linear-gradient(center top , #FEDF8A 0%, #EEB926 100%) repeat scroll 0 0 transparent;
	background:     -ms-linear-gradient(center top , #FEDF8A 0%, #EEB926 100%) repeat scroll 0 0 transparent;
	background:      -o-linear-gradient(center top , #FEDF8A 0%, #EEB926 100%) repeat scroll 0 0 transparent;
	background:         linear-gradient(center top , #FEDF8A 0%, #EEB926 100%) repeat scroll 0 0 transparent; /* standard, but currently unimplemented */
	border: 1px solid #CC9D1A;
	color: #333333 !important;
}
a.shop-button.yellow:hover,
input.shop-button.yellow:hover,
.shop-button.yellow a:hover {
	background-color: #FEE59E; /* fallback color if gradients are not supported */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FEE59E), to(#EEC44E)); 
	background: -webkit-linear-gradient(center top , #FEE59E 0%, #EEC44E 100%) repeat scroll 0 0 transparent; 
	background:    -moz-linear-gradient(center top , #FEE59E 0%, #EEC44E 100%) repeat scroll 0 0 transparent;
	background:     -ms-linear-gradient(center top , #FEE59E 0%, #EEC44E 100%) repeat scroll 0 0 transparent;
	background:      -o-linear-gradient(center top , #FEE59E 0%, #EEC44E 100%) repeat scroll 0 0 transparent;
	background:         linear-gradient(center top , #FEE59E 0%, #EEC44E 100%) repeat scroll 0 0 transparent; /* standard, but currently unimplemented */
	border: 1px solid #CC9D1A;
	color: #464444 !important;
}
a.shop-button.gray,
input.shop-button.gray,
.shop-button.gray a {
	background-color: #E8E8E8; /* fallback color if gradients are not supported */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#E8E8E8), to(#C5C5C5)); 
	background: -webkit-linear-gradient(center top , #E8E8E8 0%, #C5C5C5 100%) repeat scroll 0 0 transparent; 
	background:    -moz-linear-gradient(center top , #E8E8E8 0%, #C5C5C5 100%) repeat scroll 0 0 transparent;
	background:     -ms-linear-gradient(center top , #E8E8E8 0%, #C5C5C5 100%) repeat scroll 0 0 transparent;
	background:      -o-linear-gradient(center top , #E8E8E8 0%, #C5C5C5 100%) repeat scroll 0 0 transparent;
	background:         linear-gradient(center top , #E8E8E8 0%, #C5C5C5 100%) repeat scroll 0 0 transparent; /* standard, but currently unimplemented */
	border: 1px solid #BABABA;
	color: #333333 !important;
}
a.shop-button.gray:hover,
input.shop-button.gray:hover,
.shop-button.gray a:hover {
	background-color: #E8E8E8; /* fallback color if gradients are not supported */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#E8E8E8), to(#C5C5C5)); 
	background: -webkit-linear-gradient(center top , #E8E8E8 0%, #C5C5C5 100%) repeat scroll 0 0 transparent; 
	background:    -moz-linear-gradient(center top , #E8E8E8 0%, #C5C5C5 100%) repeat scroll 0 0 transparent;
	background:     -ms-linear-gradient(center top , #E8E8E8 0%, #C5C5C5 100%) repeat scroll 0 0 transparent;
	background:      -o-linear-gradient(center top , #E8E8E8 0%, #C5C5C5 100%) repeat scroll 0 0 transparent;
	background:         linear-gradient(center top , #E8E8E8 0%, #C5C5C5 100%) repeat scroll 0 0 transparent; /* standard, but currently unimplemented */
  	border: 1px solid #BABABA;
}
a.shop-button.green,
input.shop-button.green,
.shop-button.green a {
	background-color: #82ac46; /* fallback color if gradients are not supported */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#799f42), to(#88b14e)); 
	background: -webkit-linear-gradient(center top , #799f42 0%, #88b14e 100%) repeat scroll 0 0 transparent; 
	background:    -moz-linear-gradient(center top , #799f42 0%, #88b14e 100%) repeat scroll 0 0 transparent;
	background:     -ms-linear-gradient(center top , #799f42 0%, #88b14e 100%) repeat scroll 0 0 transparent;
	background:      -o-linear-gradient(center top , #799f42 0%, #88b14e 100%) repeat scroll 0 0 transparent;
	background:         linear-gradient(center top , #799f42 0%, #88b14e 100%) repeat scroll 0 0 transparent; /* standard, but currently unimplemented */
	border: 1px solid #6d9239;
	color: white !important;
}
a.shop-button.green:hover,
input.shop-button.green:hover,
.shop-button.green a:hover {
	background-color: #a0c05c; /* fallback color if gradients are not supported */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#82ac46), to(#94ba5f)); 
	background: -webkit-linear-gradient(center top , #82ac46 0%, #94ba5f 100%) repeat scroll 0 0 transparent; 
	background:    -moz-linear-gradient(center top , #82ac46 0%, #94ba5f 100%) repeat scroll 0 0 transparent;
	background:     -ms-linear-gradient(center top , #82ac46 0%, #94ba5f 100%) repeat scroll 0 0 transparent;
	background:      -o-linear-gradient(center top , #82ac46 0%, #94ba5f 100%) repeat scroll 0 0 transparent;
	background:         linear-gradient(center top , #82ac46 0%, #94ba5f 100%) repeat scroll 0 0 transparent; /* standard, but currently unimplemented */
	border: 1px solid #6d9239;
	color: white !important;
}
a.shop-button:active,
.shop-button a:active,
input.shop-button:active {
  box-shadow: 0 0 6px rgba(136, 136, 136, 0.5) inset;
}

/* Social */

.social-button {
	float: left;
	margin-right: 30px;
}
.social-button.fb {
	margin-top: 2px;
}
.social-button.gp {
	margin-top: 1px;
}

/* ==========================================
   PART V - Formulare  
   ======================================= */

input.text,
input.captcha {
	height: 16px;
	padding: 3px 0 3px 5px;
	border: 2px solid #E7E7E7;
 	background-color: white;
}
input:focus.text,
input:focus.captcha {
	background-color: white;
}
.textarea {
	border: 2px solid #E7E7E7;
 	background-color: white;
 }

label { margin-top: 2px; }

label span.mandatory {
	margin-left: 2px;
	color: red;
	font-weight: bold;
}

/* ==========================================
   PART IX - Lightbox  
   ======================================= */

#mbBottom 
#mbCloseLink {
	position: absolute;
	bottom: 3px;
	right: 3px;
	width: 30px;
	height: 30px;
	background: url(/tl_files/kochwerte/image/graphics/lb_overlay_close.png) no-repeat scroll 0 0 transparent;
}
#mbTitle,
#mbCaption { display: none; }

#mbOverlay {
	background-color: #FFFFFF;
}
#mbCenter {
	background-color: #FFFFFF;
}

} /* End @media - don't delete */

/* ======================================
   E N D foundation.css
   ====================================== */