Ergebnisse des CSS Crunching von webdesign.weisshart.de

Mal sehen was wir getan haben für webdesign.weisshart.de

CSSCruncher.com hat dieser Webseite
16,76 %Code erspart! Wow!

Crunched CSS Code:

html,body,div,p,h1,h2,h3,ul,ol,span,table,td,form,img,li,pre{border:0;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;margin:0;padding:0}
body{background:#d9d9b9;text-align:center;min-width:33em}
hr{display:none}
p,marquee{font-size:.8em;color:#343;line-height:1.4em;margin:.5em 0 .7em 1em}
marquee{color:red;font-weight:bold;margin:0 0 0 .5em}
marquee li{font-size:1.2em}
ul,ol{font-size:.8em;color:#343;line-height:1.4em;margin:.5em 0 .5em 1em}
ol{padding-left:2em;margin:0}
ol li{padding:.2em}
h1{font-size:1.4em;letter-spacing:.07em;text-align:left;color:#343;line-height:125%;padding:.4em 0 .4em .7em}
.inhalt h1{clear:left}
h1 a:link{color:#343;text-decoration:none}
h2,h3,h4{text-align:left;letter-spacing:.05em;color:#343;font-weight:700;line-height:140%;margin:.5em 0;padding:.2em 0 0 1.4em}
h2{font-size:1.1em;padding:1em 0 0 .9em}
.inhalt{letter-spacing:.03em}
.rahmen h2,.rahmen h3{margin-top:0;padding:0 0 0 .9em}
.rahmen h3{margin-top:1.5em}
h3{font-size:.8em;padding:1em 0 0 1.4em}
pre{font-family:"Courier New",Courier,serif;font-size:.8em;margin-left:1em}
li pre{font-size:1em}
.rahmen pre{background:#f7f7f7}
em,strong{font-weight:700;font-style:normal;color:#343}
blockquote{border-left:5px solid #ccc;margin:0 0 0 1em;padding:0 0 0 .5em}
table{font-size:.8em;width:100%}
th,td{vertical-align:top}
td.cola{}
td.colb{}
.row2{background-color:#fafafa}
caption{text-align:left}
.tickerdate,.tickerdata{color:#343;line-height:1.4em}
.tickerdate{width:13em;font-size:85%;font-weight:700;color:#555;background:#f9f9f5;line-height:1.6em;padding:0 1em}
td.tickerdate{background-color:#f9f9f5;padding:0.4em 0em;text-align:center;padding-right:0.5em;vertical-align:top}
td.tickerdata{background-color:#f9f9f5;padding:0.4em 1em}
a:link{color:#803808;text-decoration:underline;border-bottom:1px solid transparent}
* html a:link{border-bottom:1px solid #f9f9f5}
a:visited{color:#343;border-bottom:1px dashed #343;text-decoration:none}
#headimg a:visited{border-bottom:0}
a:hover,a:active,a:focus{color:#343;text-decoration:none;border-bottom:1px solid transparent}
* html a:hover, * html a:active, * html a:focus{border-bottom:1px solid #f9f9f5}
a:active,a:focus{background:#eee}
#headimg a:active,#headimg a:focus{background:none}
.wdwimg{margin:6px 0 0 17px}
#menuwrapper a:visited:after,.inhalt a:visited:after,#footer a:visited:after{content:"\00A0\221A"}
.beispiel a:visited:after, .breadcrumb a:visited:after, a.novisit:visited:after, marquee a:visited:after, .rahmen a:visited:after, .noa a:visited:after{content:""}
.noa a,.noa a img{border-bottom:0 !important;background:transparent}
acronym,abbr{cursor:help;border-bottom:1px dotted #222}
input,textarea{font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:1em;padding-left:.5em;margin:.2em 0}
input{padding-right:.3em}
input#kopie{border:0}
.senden{width:15em;padding:0}
.los{width:4em;padding:0}
input:focus,textarea:focus{border:2px solid #803808}
.paypal input:focus{border:0}
.paypal input{padding:0}
.wrap,.partner,#footer{background:#f9f9f5;position:relative;border:1px solid #888;width:90%;max-width:50em;text-align:left;margin:10px auto}
.wrap:after,.beispiel:after,.storycontent:after,.rahmen:after{content:".";display:block;height:0;clear:left;visibility:hidden}
.beispiel .bild{clear:left}
* html .rahmen,* html .inhalt,* html .beispiel,* html .storycontent{height:1%}
.ex{background:transparent url(../ex.gif) 0 3px no-repeat;padding-left:13px}
a.ex{display:inline-block}
a:focus.ex,a:hover.ex,a:active.ex{background:#ddd url(../ex.gif) 0 3px no-repeat !important}
#headimg{background-image:url(/img_rotate/rotate.php);overflow:hidden;height:66px;width:100%;border-bottom:1px solid #888}
#headimg a:focus{display:block}
.edih{display:none}
dfn, .hide, #menu .accesskey, #menuwrapper .gotocontent, #search label, #access, .wei, label.dot, .partner .dot{position:absolute;left:-1000px;width:0;height:0;overflow:hidden;display:inline}
#menu a:visited,#styles a:visited{color:#388}
#menu a:active.accesskey, #menu a:focus.accesskey, #menuwrapper a:active.gotocontent, #menuwrapper a:focus.gotocontent{font-size:.72em;position:relative;left:1.3em;top:-1em;width:auto;height:auto;padding:3px;display:block}
.inhalt{text-align:right;margin:0 12.3em 1em 0;padding:0 0 1em;min-height:75em}
.inhalt ul li,.inhalt ol li{text-align:left;line-height:1.4em;margin:0 0 .3em 1.6em}
.inhalt li li,.inhalt .rahmen li{margin:0 0 .3em 1em}
.rahmen{background:#fff;color:#333;margin:.0em 0 .7em .8em;padding:2%}
.inhalt .rahmen, .partner .rahmen{text-align:left;padding:.5em 1em .5em .2em;border:1px inset #f9f9f5}
.partner .rahmen{margin:.0em 1em .7em .8em}
* html .inhalt .rahmen{height:1%}
.inhalt .rahmen .rahmen{font-size:.8em}
.inhalt .rahmen ul .rahmen{font-size:1em}
.rahmen .rahmen table{font-size:1em}
.rahmen .rahmen{background-image:none;border:1px solid #aaa;margin:1em 0 1em .5em;padding:1em}
.rahmen .rahmen h3,.rahmen .rahmen ul{font-size:1em;padding:0}
.rahmen li.exlist{margin-left:3em}
.breadcrumb,.hinweis{color:#343;font-size:.7em;text-align:left;line-height:130%;min-height:.1em;margin:0 0 1em 1.5em}
.post pre{overflow:auto}
.rahmen .post h2{margin-top:1em;background:0;padding:0 0 0 .7em}
.feedback{font-size:.8em;text-align:right;margin-bottom:3em}
code{font-size:1.4em}
* html code{font-size:1em}
.credit{font-size:.7em;color:#888}
.rahmen .post .storycontent ul{margin-left:1.6em}
.rahmen .post .storycontent img{float:left;border:1px solid #888;margin:0 1em .3em 0}
.rahmen .post .storycontent img.smilie{display:inline;float:none;border:0 none;margin:0}
.rahmen .post .storycontent .rahmen{margin-left:1em;font-size:.8em}
#blogmenu ul{text-align:left;list-style-type:none;margin:0;padding:0}
#blogmenu li{margin:0 0 0 1em}
#comment,#comments{width:90%}
#commentform p input{padding:0}
#categories{margin-top:2em}
#footer{clear:right;text-align:center;font-weight:700;background-color:#c2bf99;border:0;border-top:1px solid #f9f9f5;border-bottom:1px solid #f9f9f5}
#footer li{color:#000000;display:inline;font-size:.85em}
#footer a{color:#000000;text-decoration:none;border-bottom:1px solid #c2bf99}
#footer a:visited{font-size:1em}
#footer a:hover{text-decoration:underline}
#footer a img{border:0}
.beispiel{text-align:left;margin:0 0 1em 0}
.beispiel p{margin:0 0 0 1.4em}
.beispiel ul ul{margin-left:1em}
.beispiel h2{text-align:left;font-weight:700;line-height:140%;padding:.5em 0 0 .9em}
.bild{float:left;width:300px;max-width:95%;border:1px solid #888;margin:3px 2em 1em 1em}
.bildallg{float:left;border:1px solid #888;margin:3px 2em 1em 1em}
.bild200{float:left;width:200px;max-width:50%;border:1px solid #888;margin:3px 2em 1em 1em}
.mms{float:left;border:0px solid #888;margin:0 5px}
fieldset{border:1px solid #aaa;color:#333;text-align:left;margin:.5em 0 .7em .8em;padding:.2em .5em 1em}
legend{font-size:.8em;font-weight:700;color:#888;margin:0 .5em;background:white;border:2px outset;padding:.2em 1em}
label{color:#333}
label,select,input[type=checkbox],input[type=radio],input[type=button],input[type=submit]{cursor:pointer}
input[type=submit]{background:#f2f2cc}
#menuwrapper{float:right;width:10.5em;margin-top:-1em;padding:0 1.5em 0 0}
#menuwrapper h2{font-size:1.1em;color:#803808;border:0;background:0;margin:0 0 .8em .9em;padding:0}
#menuwrapper ul{list-style:none;margin:0 0 0 1.4em;padding:0}
#menuwrapper ul ul{margin-bottom:0}
#menuwrapper li{border-top:1px solid #888;border-left:1px solid #888}
* html #menuwrapper li{height:1%;margin-bottom:-3px}
#menuwrapper li.last{border-left:0;margin-left:1px}
* html #menuwrapper li.last{margin-bottom:3px}
#menuwrapper a{color:#803808;background:#f9f9f5;display:block;border:1px solid #f9f9f6;position:relative;top:-1em;left:1em;text-decoration:none;font-size:.92em;font-weight:700;padding:0 0 0 .2em}
* html #menuwrapper a:visited{font-size:.92em}
* html #menuwrapper a,* html .current,* html .currentak{padding:.2em .2em .2em .2em;line-height:1.22em}
.current,.currentak{color:#366;background:#fff;display:block;border:1px solid #366;position:relative;top:-1em;left:1em;font-weight:700;font-size:.9em;padding:0 0 0 .2em}
.currentak{left:1.3em}
#menuwrapper a:hover,#menuwrapper a:active,#menuwrapper a:focus{background:#366;color:#fff;border:1px solid #fff}
.groesser{margin-left:-.4em}
* html .groesser{margin-left:0}
.currentak,#styles .styleinfo,#styles a.styleinfo{font-size:.72em;padding:2px 3px 3px 3px}
#yemail,#yfirma,#ystrasse,#ystadt,#yurl,#yname,#yfritz{width:90%}
#search{width:11em;margin:0}
#suchform input#q,#suchform input#s{width:7em;padding:.1em}
#searchfooter{font-size:80%}
#searchfooter p{color:#888}
#searchfooter a{text-decoration:none;color:#888}
.mod,.mod a{color:#373}
#uhr{margin:0 0 15px 30px}
#google{margin:5px 0 0 12px;padding:0;overflow:hidden}
#googlelink{width:98%;overflow:hidden;text-align:left;float:left;margin-left:.9em;margin-bottom:1em}
* html #googlelink{width:96%;margin-left:0;padding:0;float:none}
#adsense{width:120px;height:60px;position:absolute;top:3px;right:3px}
#googleff{float:left;margin:5px 10px}
ol li p,ul ul{font-size:100%}
p.braille img,#commentlist{margin:1em 0 0}
.intlist{list-style-image:url(../down.gif)}
.int:before{content:url(../down.gif)" "}
.gotocontent.int:before{content:url(../0.gif)}
.sitelist{list-style-image:url(/images/rechts.gif)}
.site:before{content:url(/images/rechts.gif)" "}
.exlist{list-style-image:url(../ex.gif)}
#subhead{width:460px;border-bottom:1px solid #888;border-top:1px solid #888;padding:3px 0 0 0}
#blumen, #blumen2, #keyboard, #blog1, #blog2, #searchimg, #sms1, #sms2, #pepper, #berlin, #money, #pyr, #kabel, #mail, #farben, #blume, #massband, #tools{width:220px;height:60px;margin:0 3px}
#blumen{background-image:url(../images/blumen.jpg)}
#blumen2{background-image:url(../images/blumen2.jpg)}
#keyboard{background-image:url(../images/keyboard1.jpg)}
#blog1{background-image:url(../images/kartusche.jpg)}
#blog2{background-image:url(../images/blog3.jpg)}
#searchimg{background-image:url(../images/search2.jpg)}
#sms1{background-image:url(../images/sms3.jpg)}
#sms2{background-image:url(../images/sms2.jpg)}
#pepper{background-image:url(../images/pepper.jpg)}
#berlin{background-image:url(../images/berlin.jpg)}
#money{background-image:url(../images/money2.jpg)}
#pyr{background-image:url(/images/pyramiden.jpg)}
#kabel{background-image:url(/images/kabel.jpg)}
#mail{background-image:url(/images/email.jpg)}
#farben{background-image:url(/images/farben.jpg)}
#blume{background-image:url(/images/blume.gif)}
#massband{background-image:url(/images/massband.jpg)}
#tools{background-image:url(/images/tools.jpg)}
#newsletter{background-image:url(/images/newsletter.jpg)}
.searchword{color:#222;background-color:#ff6;border:1px dotted #ffff67}
.searchword0{color:#222;background-color:#ff6;border:1px dotted #ffff67}
.searchword1{color:#222;background-color:#a0ffff;border:1px dotted #0affff}
.searchword2{color:#222;background-color:#9f9;border:1px dotted #99ff98}
.searchword3{color:#222;background-color:#f99;border:1px dotted #ff9998}
.searchword4{color:#222;background-color:#f6f;border:1px dotted #ff66fe}
.searchword5{color:#fff;background-color:#800;border:1px dotted #880001}
.searchword6{color:#fff;background-color:#0a0;border:1px dotted #00aa01}
.searchword7{color:#fff;background-color:#886800;border:1px dotted #886801}
.searchword8{color:#fff;background-color:#004699;border:1px dotted #004698}
.searchword9{color:#fff;background-color:#909;border:1px dotted #990098}
.mod{display:block;font-size:.8em}
#sitemap,#sitemap ul{list-style-type:none}
#countdown{font-size:.7em;text-align:center;padding:.3em;margin:0 0 .5em .4em;color:#222;background:#f9f9f5}
.post-categories li{font-size:1.2em}
#skipcontainer{clear:left;width:1px}
#skip{position:absolute;left:-1000px;top:-1000px}
.partner p{padding-right:1em}
.groesser{font-size:120% !important}
.kleiner{font-size:80% !important;letter-spacing:.2em}
.partner p a{text-decoration:none;border:0}
.links{margin:0 !important}
acronym{cursor:help;border-bottom:2px dotted #000}
.warning{color:red;border:1px solid red;padding:1px}

» Zeige den Original CSS code

« Verberge den Original CSS code

html,body,div,p,h1,h2,h3,ul,ol,span,table,td,form,img,li,pre {
border:0;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
margin:0;
padding:0;
}

body {
background:#d9d9b9;
text-align:center;
min-width:33em;
}

hr {display:none;}

p,marquee {
font-size:.8em;
color:#343;
line-height:1.4em;
margin:.5em 0 .7em 1em;
}

marquee {color:red; font-weight:bold; margin:0 0 0 .5em}

marquee li {
font-size:1.2em;
}

ul,ol {
font-size:.8em;
color:#343;
line-height:1.4em;
margin:.5em 0 .5em 1em;
}

ol {
padding-left:2em;
margin:0;
}

ol li {
padding:.2em;
}

h1 {
font-size:1.4em;
letter-spacing: .07em;
text-align:left;
color:#343;
line-height:125%;
padding:.4em 0 .4em .7em;
}

.inhalt h1 {clear:left}

h1 a:link {
   color:#343;
   text-decoration:none
}

h2,h3,h4 {
text-align:left;
letter-spacing: .05em;
color:#343;
font-weight:700;
line-height:140%;
margin:.5em 0;
padding:.2em 0 0 1.4em;
}

h2 {
font-size:1.1em;
padding:1em 0 0 .9em;
}

.inhalt {letter-spacing: .03em;}

.rahmen h2,.rahmen h3 {
margin-top:0;
padding:0 0 0 .9em;
}

.rahmen h3 {
margin-top: 1.5em;
}

h3 {
font-size:.8em;
padding:1em 0 0 1.4em;
}

pre {
font-family:"Courier New", Courier, serif;
font-size:.8em;
margin-left:1em;
}

li pre {
font-size: 1em;
}

.rahmen pre {background: #f7f7f7;}

em,strong {
font-weight:700;
font-style:normal;
color:#343;
}

blockquote {
border-left:5px solid #ccc;
margin:0 0 0 1em;
padding:0 0 0 .5em;
}

table {
font-size:.8em;
width: 100%;
}

th, td {
vertical-align: top;
}

td.cola {
}

td.colb {
}

.row2 {
background-color:#fafafa
}

caption {text-align: left;}

.tickerdate,.tickerdata {
color:#343;
line-height:1.4em;
}

.tickerdate {
width:13em;
font-size:85%;
font-weight:700;
color:#555;
background:#f9f9f5;
line-height:1.6em;
padding:0 1em;
}

td.tickerdate {background-color: #f9f9f5; padding:0.4em 0em; text-align: center; padding-right:0.5em; vertical-align:top;}
td.tickerdata {background-color: #f9f9f5; padding:0.4em 1em;}

a:link {
color:#803808;
text-decoration:underline;
border-bottom:1px solid transparent;
}
* html a:link {
border-bottom:1px solid #f9f9f5;
}

a:visited {
color:#343;
border-bottom: 1px dashed #343;
text-decoration: none;
}

#headimg a:visited {border-bottom:0}

a:hover,a:active,a:focus {
color:#343;
text-decoration:none;
border-bottom:1px solid transparent;
}
* html a:hover,
* html a:active,
* html a:focus {
border-bottom:1px solid #f9f9f5;
}

a:active, a:focus {background:#eee}

#headimg a:active, #headimg a:focus {background:none}

.wdwimg {margin: 6px 0 0 17px}

#menuwrapper a:visited:after,.inhalt a:visited:after,#footer a:visited:after {
content:"\00A0\221A";
}

.beispiel a:visited:after,
.breadcrumb a:visited:after,
a.novisit:visited:after,
marquee a:visited:after,
.rahmen a:visited:after,
.noa a:visited:after  {
content:"";
}

.noa a, .noa a img {
border-bottom: 0 !important;
background: transparent;
}

acronym,abbr {
cursor:help;
border-bottom:1px dotted #222;
}

input,textarea {
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:1em;
padding-left:.5em;
margin:.2em 0;
}

input {
padding-right:.3em;
}

input#kopie {
border:0;
}

.senden {
width:15em;
padding:0;
}

.los {
width:4em;
padding:0;
}

input:focus,textarea:focus {

border:2px solid #803808;

}

.paypal input:focus {border:0;}

.paypal input {padding:0}

.wrap,.partner, #footer {
background:#f9f9f5;
position:relative;
border:1px solid #888;
width:90%;
max-width:50em;
text-align:left;
margin:10px auto;
}

.wrap:after,.beispiel:after,.storycontent:after,.rahmen:after {
content:".";
display:block;
height:0;
clear:left;
visibility:hidden;
}

/*
.wrap:after {
content:".";
display:block;
height:0;
clear:right;
visibility:hidden;
}
*/

.beispiel .bild {clear:left} /* IE7 */

/* Hides from IE-mac \*/
* html .rahmen,* html .inhalt,* html .beispiel,* html .storycontent {height:1%;}
/* End hide from IE-mac */

.ex {
/* white-space:nowrap; */
background: transparent url(../ex.gif) 0 3px no-repeat;
padding-left: 13px;
}

a.ex {display:inline-block;} /* Gecko wohl erst ab 1.9? */

a:focus.ex, a:hover.ex, a:active.ex {
background: #ddd url(../ex.gif) 0 3px no-repeat !important;
}

#headimg {
background-image:url(/img_rotate/rotate.php);
overflow:hidden;
height:66px;
width:100%;
border-bottom:1px solid #888
}

#headimg a:focus {
display:block;
}

.edih {
display:none;
}

dfn,
.hide,
#menu .accesskey,
#menuwrapper .gotocontent,
#search label,
#access,
.wei,
label.dot,
.partner .dot {
position:absolute;
left:-1000px;
/* top:-1000px; */
width:0;
height:0;
overflow:hidden;
display:inline;
}

#menu a:visited, #styles a:visited {color: #388;}

#menu a:active.accesskey,
#menu a:focus.accesskey,
#menuwrapper a:active.gotocontent,
#menuwrapper a:focus.gotocontent
{
font-size:.72em;
position:relative;
left:1.3em;
top:-1em;
width:auto;
height:auto;
padding: 3px;
display:block;
}

.inhalt {
text-align:right;
margin:0 12.3em 1em 0;
padding:0 0 1em;
min-height: 75em;
}

.inhalt ul li,.inhalt ol li {
text-align:left;
line-height:1.4em;
margin:0 0 .3em 1.6em;
}

.inhalt li li,.inhalt .rahmen li {
margin:0 0 .3em 1em;
}

.rahmen {
background:#fff;
color:#333;
margin:.0em 0 .7em .8em;
padding:2%;
}

.inhalt .rahmen,
.partner .rahmen {
text-align:left;
padding: .5em 1em .5em .2em;
border: 1px inset #f9f9f5;
}
.partner .rahmen {
margin:.0em 1em .7em .8em;
}

* html .inhalt .rahmen {height:1%}

.inhalt .rahmen .rahmen {font-size:.8em;}

.inhalt .rahmen ul .rahmen {font-size:1em;}

.rahmen .rahmen table {font-size: 1em}

.rahmen .rahmen {
background-image:none;
border:1px solid #aaa;
margin:1em 0 1em .5em;
padding:1em;
}

.rahmen .rahmen h3,.rahmen .rahmen ul {
font-size:1em;
padding:0;
}

.rahmen li.exlist {margin-left: 3em;}

.breadcrumb,.hinweis {
color:#343;
font-size:.7em;
text-align:left;
line-height:130%;
min-height: .1em; /* der Op braucht das */
margin:0 0 1em 1.5em;
}

/* .post pre{overflow-x:auto} */
.post pre{overflow:auto}

.rahmen .post h2 {
margin-top:1em;
background:0;
padding:0 0 0 .7em;
}

.feedback {
font-size:.8em;
text-align:right;
margin-bottom:3em;
}

code {
font-size:1.4em;
}

* html code {
font-size:1em;
}

.credit {
font-size:.7em;
color:#888;
}

.rahmen .post .storycontent ul {
margin-left: 1.6em;
}

.rahmen .post .storycontent img {
float:left;
border:1px solid #888;
margin:0 1em .3em 0;
}

.rahmen .post .storycontent img.smilie {
display:inline;
float:none;
border:0 none;
margin:0;
}

.rahmen .post .storycontent .rahmen {
margin-left: 1em;
font-size:.8em;
}

#blogmenu ul {
text-align:left;
list-style-type:none;
margin:0;
padding:0;
}

#blogmenu li {
margin:0 0 0 1em;
}

#comment, #comments {
width:90%;
}

#commentform p input {
padding:0;
}

#categories {margin-top:2em}

#footer {
clear:right; /* wg IE 8 */
text-align:center;
font-weight:700;
background-color:#c2bf99;
border:0;
border-top: 1px solid #f9f9f5;
border-bottom: 1px solid #f9f9f5;
}

#footer li {
color:#000000;
display:inline;
font-size:.85em
}

#footer a {
color:#000000;
text-decoration:none;
border-bottom: 1px solid #c2bf99;
}

#footer a:visited {font-size:1em} /* der IE brauchts */

#footer a:hover {
text-decoration: underline;
}

#footer a img {border:0}

.beispiel {
text-align:left;
margin:0 0 1em 0;
}

.beispiel p {
margin:0 0 0 1.4em;
}

.beispiel ul ul {
margin-left:1em;
}

.beispiel h2 {
text-align:left;
font-weight:700;
line-height:140%;
padding:.5em 0 0 .9em;
}

.bild {
float:left;
width:300px;
max-width:95%;
border:1px solid #888;
margin:3px 2em 1em 1em;
}

.bildallg {
float:left;
border:1px solid #888;
margin:3px 2em 1em 1em;
}

.bild200 {
float:left;
width:200px;
max-width:50%;
border:1px solid #888;
margin:3px 2em 1em 1em;
}

.mms {
float:left;
border:0px solid #888;
margin:0 5px;
}

fieldset {
border:1px solid #aaa;
color:#333;
text-align:left;
margin:.5em 0 .7em .8em;
padding:.2em .5em 1em;
}

legend {
font-size:.8em;
font-weight:700;
color:#888;
margin:0 .5em;
background: white;
border: 2px outset;
padding: .2em 1em; 
}

label {
color:#333;
}

label,select,input[type=checkbox],input[type=radio],input[type=button],input[type=submit] {
cursor:pointer;
}

input[type=submit] {background:#f2f2cc;}

#menuwrapper {
float:right;
width:10.5em;
margin-top:-1em;
padding:0 1.5em 0 0;
}

#menuwrapper h2 {
font-size:1.1em;
color:#803808;
border:0;
background:0;
margin:0 0 .8em .9em;
padding:0;
}

#menuwrapper ul {
list-style:none;
margin:0 0 0 1.4em;
padding:0;
}

#menuwrapper ul ul {
margin-bottom:0;
}

#menuwrapper li {
border-top:1px solid #888;
border-left:1px solid #888;
}

* html #menuwrapper li {
height:1%;
margin-bottom:-3px;
}

#menuwrapper li.last {
border-left:0;
margin-left:1px
}

* html #menuwrapper li.last {
margin-bottom:3px;
}

#menuwrapper a {
color:#803808;
background:#f9f9f5;
display:block;
border:1px solid #f9f9f6;
position:relative;
top:-1em;
left:1em;
text-decoration:none;
font-size:.92em;
font-weight:700;
padding:0 0 0 .2em;
}

* html #menuwrapper a:visited {font-size:.92em;}

* html #menuwrapper a, * html .current,* html .currentak {
padding: .2em .2em .2em .2em;
line-height:1.22em;
}

.current,.currentak {
color:#366;
background:#fff;
display:block;
border:1px solid #366;
position:relative;
top:-1em;
left:1em;
font-weight:700;
font-size:.9em;
padding:0 0 0 .2em;
}

.currentak {left:1.3em}

#menuwrapper a:hover,#menuwrapper a:active,#menuwrapper a:focus {
background:#366;
color:#fff;
border:1px solid #fff;
}

.groesser {margin-left:-.4em;}

* html .groesser {margin-left:0}

.currentak, #styles .styleinfo,#styles a.styleinfo {
font-size:.72em;
padding: 2px 3px 3px 3px;
}

#yemail,#yfirma,#ystrasse,#ystadt,#yurl,#yname, #yfritz {
width:90%;
}

#search {
width:11em;
margin:0;
}

#suchform input#q,#suchform input#s {
width:7em;
padding:.1em;
}

#searchfooter {
font-size:80%;
}

#searchfooter p {
color:#888;
}

#searchfooter a {
text-decoration:none;
color:#888;
}

.mod,.mod a {
color:#373;
}

#uhr {
margin:0 0 15px 30px;
}

#google {
margin:5px 0 0 12px;
padding:0;
overflow:hidden;
}

#googlelink {
width: 98%;
overflow:hidden;
text-align:left;
float:left; /* IE7 */
margin-left:.9em;
margin-bottom: 1em;
}

* html #googlelink {width: 96%; margin-left:0; padding:0; float:none}

#adsense {
width:120px;
height:60px;
position:absolute; top:3px; right:3px;
}

#googleff {
float:left;
margin: 5px 10px;
}

ol li p,ul ul {
font-size:100%;
}

p.braille img,#commentlist {
margin:1em 0 0;
}

.intlist {list-style-image:url(../down.gif)}

.int:before {content:url(../down.gif)" "}
.gotocontent.int:before {content:url(../0.gif)}

.sitelist {list-style-image:url(/images/rechts.gif)}

.site:before {content:url(/images/rechts.gif)" "}

.exlist {list-style-image:url(../ex.gif)}

#subhead {
width:460px;
border-bottom:1px solid #888;
border-top:1px solid #888;
padding:3px 0 0 0;
}

#blumen,
#blumen2,
#keyboard,
#blog1,
#blog2,
#searchimg,
#sms1,
#sms2,
#pepper,
#berlin,
#money,
#pyr,
#kabel,
#mail,
#farben,
#blume,
#massband,
#tools {
width:220px;
height:60px;
margin:0 3px;
}

#blumen {background-image:url(../images/blumen.jpg)}
#blumen2 {background-image:url(../images/blumen2.jpg)}
#keyboard {background-image:url(../images/keyboard1.jpg)}
#blog1 {background-image:url(../images/kartusche.jpg)}
#blog2 {background-image:url(../images/blog3.jpg)}
#searchimg {background-image:url(../images/search2.jpg)}
#sms1 {background-image:url(../images/sms3.jpg)}
#sms2 {background-image:url(../images/sms2.jpg)}
#pepper {background-image:url(../images/pepper.jpg)}
#berlin {background-image:url(../images/berlin.jpg)}
#money {background-image:url(../images/money2.jpg)}
#pyr {background-image:url(/images/pyramiden.jpg)}
#kabel {background-image:url(/images/kabel.jpg)}
#mail {background-image:url(/images/email.jpg)}
#farben {background-image:url(/images/farben.jpg)}
#blume {background-image:url(/images/blume.gif)}
#massband {background-image:url(/images/massband.jpg)}
#tools {background-image:url(/images/tools.jpg)}
#newsletter {background-image:url(/images/newsletter.jpg)}

/* border, damit die Treffer auch mit abgeschalteten Farben dargestellt werden - min. Diff. wg. W3C CSS Validator */
.searchword  {color: #222; background-color: #ff6; border: 1px dotted #ffff67;}
.searchword0  {color: #222; background-color: #ff6; border: 1px dotted #ffff67;}
.searchword1 {color: #222; background-color: #a0ffff; border: 1px dotted #0affff;}
.searchword2 {color: #222; background-color: #9f9; border: 1px dotted #99ff98;}
.searchword3 {color: #222; background-color: #f99; border: 1px dotted #ff9998;}
.searchword4 {color: #222; background-color: #f6f; border: 1px dotted #ff66fe;}
.searchword5 {color: #fff; background-color: #800; border: 1px dotted #880001;}
.searchword6 {color: #fff; background-color: #0a0; border: 1px dotted #00aa01;}
.searchword7 {color: #fff; background-color: #886800; border: 1px dotted #886801;}
.searchword8 {color: #fff; background-color: #004699; border: 1px dotted #004698;}
.searchword9 {color: #fff; background-color: #909; border: 1px dotted #990098;}

.mod {display: block; font-size: .8em;}

#sitemap, #sitemap ul {
list-style-type: none;
}

#countdown {
font-size: .7em;
text-align:center;
padding: .3em;
margin: 0 0 .5em .4em;
color: #222;
background:#f9f9f5;
}

.post-categories li {
font-size:1.2em;
}

#skipcontainer { /* wg. IE hasLayout */
clear:left;
width: 1px;
}

#skip { /* wg. onclick für WebKIT */
position:absolute;
left:-1000px;
top:-1000px;
}

.partner p {padding-right: 1em;}

.groesser {font-size: 120% !important}
.kleiner {font-size: 80% !important; letter-spacing: .2em;}
.partner p a {text-decoration:none; border:0}
.links {margin:0 !important}

acronym {
	cursor: help;
	border-bottom: 2px dotted #000;
}

.warning {
color: red;
border: 1px solid red;
padding: 1px;
}