/*  
Theme Name: Der letzte Henker
Theme URI: http://www.der-letzte-henker.de/
Version: 1.0
Author: Timo Wirth
Author URI: http://www.javajim.de/
*/

html {
margin: 0;
padding: 0;
}
body {
color: #333;
margin: 0;
padding: 0;
background: #fff url(img/tapete.gif) 0 0;
font-family: verdana, helvetica, arial, geneva, sans-serif;
font-size: x-small; /* IE5 Win */
voice-family: "\"}\"";
voice-family: inherit;
font-size: small;
}
html>body { /* be nice to Opera */
font-size: small;
}

img {
border: none;
float: left; 
margin-top: 5px;
margin-right: 10px
}
.right {
float: right;
}
.nofloat {
float: none;
}


/* LINKS 
---------------------------------------------- */

a:link, a:visited {
color: #d75509;
border-bottom: 4px solid #bbe2e5;
}

a:link.bild, a:visited.bild {
border: none;
}

#footer a:link, #footer a:visited {
color: #fff;
border-bottom: none;
}

/* hover-effekte */
.blog a:link, .blog a:visited, cite a:link, cite a:visited {
color: #57035b;
font-family: 'courier new', courier, monospace;
font-size: 100%; /* groesser als 86% weil courier */
border-bottom: 4px solid #bbe2e5;
}

h2 a:link, h2 a:visited {
color: #57035b;
border-bottom: 3px solid #bbe2e5;
}
.blog h2 a:hover, .blog p a:hover {
background: #bbe2e5;
border-bottom: 4px solid yellow;
}


.skip a, .hidden, #nav span, #rubrikhenker strong, ul#licht em, #tapetenwechsel label {
position: absolute;
overflow: hidden;
top: -2000px;
width: 1px;
height: 1px;
}

p.skip a:active, p.skip a:focus {
position: absolute;
top: 12px;
left: 200px;
margin: 0;
padding: 5px;
z-index: 1000;
overflow: visible;
width: auto;
height: auto;
font-weight: bold;
}


/* zentraler weiter-Link | fett */
a.mehr {
font-weight: bold;
}



/* LAYOUT 
------------------------------------------------- */

#wrapper {
float: left;
position: relative;
margin: 18px 0 0 41px;
padding: 0;
width: 760px;
display: inline; /* ie-bug-killer */
}
html>body #wrapper { /* mose */
background: url(img/rissunten.png) left bottom no-repeat;
padding-bottom: 65px;
}
#handel #wrapper, #comicstrip #wrapper { /* blaettern-bug-killer */
overflow: hidden;
}


#header {
clear: both;
float: left;
background: #fff url(img/rissoben02.gif) 0 0 no-repeat;
margin: 0;
padding: 0;
width: 760px;
height: 165px; /* mit weissraum nach unter nav */
}
/* klickbares Logo */
#header a.home {
position: absolute;
display: block;
margin: 45px 0 10px 20px;
padding: 0;
background: url(img/logo_wornlook02.gif) 0 0 no-repeat;
top: 0;
left: 0;
border: none;
width: 290px;
height: 60px;
}
p#rubriktext { /* wer ist henker */
position: absolute;
top: 40px;
left: 340px;
margin: 5px 0;
padding: 0 0 0 20px;
width: 230px;
line-height: 1.2em;
background: url(img/linie-head.gif) 0 55% no-repeat;
}
p#rubriktext em {
display: block;
font-style: normal;
padding-bottom: 4px;
}

#rubrikhenker { /* rubrikenspez. Henker-Bild */
z-index: 100;
position: absolute;
top: 23px;
left: 644px;
margin: 0;
padding: 0;
background: transparent url(img/henker.gif) 0 0 no-repeat;
width: 92px;
height: 122px;
}

#tagebuch #rubrikhenker { /* Henker-Bild */
top: 33px;
left: 595px;
background: transparent url(img/kopf-tagebuch.gif) 0 0 no-repeat;
width: 165px;
height: 122px;
}
#comicstrip #rubrikhenker { /* Henker-Bild */
top: 30px;
left: 598px;
background: transparent url(img/kopf-comicstrip.gif) 0 0 no-repeat;
width: 162px;
height: 130px;
}
#downloads #rubrikhenker { /* Henker-Bild */
top: 28px;
left: 598px;
background: transparent url(img/kopf-downloads.gif) 0 0 no-repeat;
width: 162px;
height: 132px;
}
#news #rubrikhenker { /* Henker-Bild */
top: 32px;
left: 598px;
width: 162px;
height: 128px;
background: transparent url(img/kopf-news.gif) 0 0 no-repeat;
}

#handel #rubrikhenker { /* Henker-Bild */
top: 22px;
left: 598px;
width: 162px;
height: 131px;
background: transparent url(img/kopf-imhandel.gif) 0 0 no-repeat;
}

#content {
float: left;
display: inline;
width: 100%;
margin: 0;
padding: 0;
background: #fff url(img/bierfleck.gif) 100% 100% no-repeat;
}

#bigcomic { 
clear: left;
float: left;
margin: 0px 15px 5px 15px;
padding: 0;
display: inline; /* ie doubled-float-margin bug killer */
border-bottom: 3px solid #000;
}
#bigcomic img {
display: block;
clear: both;
float: none;
margin: 0 auto;
text-align: center;
}
#bigcomic img a {
border: none;
}

/* sixpack */
.vorratspack img { /* sixpack wie bei bigcomic */
margin: 0 15px 0 15px;
padding: 0 0 15px 0;
border-bottom: 3px solid #000;
float: none;
}

#main {
clear: left;
float: left;
width: 490px;
margin: 0;
padding: 0;
}
/* downloads + im handel */
#downloads #main, #handel #main {
margin: 0 0 0 20px;
width: 470px;
display: inline; /* kill ie bug */
}
#downloads #main h1, #handel #main h1 {
margin-left: 0; /* kommt schon von main */
}
#main.vorratspack { /* sixpack */
padding-bottom: 20px;
width: 730px;
}

/* DER BLOCK
------------------------------------------------------------ */

.blog h1 { /* aufmacher blog welcome */
margin: 0;
padding: 30px 0 7px 50px; /* Abstand nach unten: wichtig fuer die Verteilung auf den Blockblatt-Linien */
font-weight: bold;
background: transparent url(img/blockoben.gif) 0 0 no-repeat;
}


#main.blog {
background: transparent url(img/blockmitte.gif) 0 0 repeat-y;
}
/* --- fuer ie --- */
#home #main, #tagebuch #main, #news #main, #static #main {
background: transparent url(img/blockmitte.gif) 0 0 repeat-y;
}

/* Schriften blog auf block einzug rechts und links */

#main.blog h2, #main.blog p, form#suchergebnisse, address {
margin-left: 50px;
margin-right: 35px;
}

#main.blog h2 {
clear: left;
}

.blog.artikel h1 {
padding: 45px 0 0 50px; /* Abstand nach unten: wichtig fuer die Verteilung auf den Blockblatt-Linien */
}
#mainfooter {
background: transparent url(img/blockunten.gif) 0 100% no-repeat;
padding: 10px 0;
height: 71px;
clear: left;
}


/* GALLERIES 
---------------------------------------------------*/


#comicgallery {
float: left;
margin: 0 0 25px 15px;
padding: 0;
display: inline;
}

/* download + im handel */
.gallery {
float: left;
width: 146px;
margin: 0 5px 20px 0px; /* margin links ie */
padding: 0;
display: inline; /* ie doubled-float-margin bug killer */
}
html>body .gallery {  
margin: 0 8px 20px 0px; /* mose */
}
.gallery h2 { /* klebestreifen + h ausgeblendet */
text-indent: -2000px;
position: relative;
z-index: 5;
background: url(img/tesamed8.png) 50% 0 no-repeat;
margin: 0 auto;
height: 30px;
padding: 0;
}
.gallery a:link h2, .gallery a:visited h2 { /* klebestreifen + h ausgeblendet */
border: none;
}
html>body .gallery h2 { /* better for mose */
background: url(img/tesamed.png) 50% 0 no-repeat;
}
.gallery img {
position: relative;
margin: -20px 0 0 0;
padding: 5px;
background: transparent url(img/rahmen.gif) 0 0 no-repeat;
}
.gallery p {
margin: 0;
padding: 0 0 2px 0;
line-height: 1.6em;
text-align: center;
clear: both;
}


/* RANDSPALTE / BOXEN
----------------------------------------------- */

#extras {
float: right;
margin: 0;
padding: 0;
width: 265px;
}

.box { /* jede box in der randspalte 20px margin rechts und unten */
clear: both;
padding: 0;
margin: 0 20px 15px 0;
}

.box.news h3, .box.beliebtblog h3, .box.empfehlung h3, .box.archiv h3, .box.kollegen h3, .box.websites h3, .box.faq h3, .box.wo h3, .box.flickr h3 { /* image replacement */
height: 32px;
text-indent: -2000px;
font-size: 1px;
margin: 0;
padding: 5px 0 0 0;
}
.box.news { /* etwas mehr abstand nach oben */
margin-top: 20px;
}
.box.news h3 {
background: url(img/news-gruen-245.gif) 0 0 no-repeat;
}
.box.beliebtblog h3 { /* image replacement */
background: url(img/beliebtblog-245.gif) 0 0 no-repeat;
}
.box.empfehlung h3 { /* image replacement */
background: url(img/henkerempfiehlt-245.gif) 0 0 no-repeat;
}
.box.archiv h3 { /* image replacement */
background: url(img/archiv-245.gif) 0 0 no-repeat;
}
.box.kollegen h3 { /* image replacement */
background: url(img/kollegen-245.gif) 0 0 no-repeat;
}
.box.websites h3 { /* image replacement */
background: url(img/klickdanach-245.gif) 0 0 no-repeat;
}
.box.faq h3 { /* image replacement */
background: url(img/downloadsfaq-245.gif) 0 0 no-repeat;
}
.box.wo h3 { /* image replacement */
background: url(img/henkersonstwo-245.gif) 0 0 no-repeat;
}
.box.flickr h3 {
background: url(img/fotogalerie-245.gif) 0 0 no-repeat;
}
.box.empfehlung img {
margin: 5px 20px;
}
.box.empfehlung p {
margin: 0 20px;
}
.box.faq p, .box.wo p {
margin-top: 5px;
margin-left: 15px;
margin-right: 11px;
}
.box.suche {
width: 245px;
height: 133px;
background: url(img/gesucht.gif) 0 0 no-repeat;
}
.box.suche h3 {
margin: 0 0 0 40px;
padding: 52px 0 0 0;
}
.box.ichwill, .box.infohandel {
background: url(img/zettellilaunten02.gif) 0 100% no-repeat;
color: #fff;
}
.box.ichwill h3, .box.infohandel h3 {
background: url(img/zettellilaoben02.gif) 0 0 no-repeat;
margin: 0;
padding: 28px 20px 5px 32px;
}
.box.ichwill p, .box.infohandel p {
padding: 0 20px 28px 32px;
}
.box.sixpack {
width: 245px;
height: 147px;
background: url(img/sixpack.gif) 0 0 no-repeat;
}
.box.sixpack p {
margin: 0;
padding: 60px 0 5px 30px;
width: 5em;
line-height: 1.6em;
}
.box.sixpack h3 { /* ausgeblendet */
text-indent: -2000px;
height: 1px;
margin: 0;
padding: 0;
}
.box.sixpack h3 a { /* ganzer sixpack klickbar */
display: block;
position: absolute;
width: 234px; 
height: 147px;
text-decoration: none;
border: none;
}

.box.rss h3 { 
text-indent: -2000px;
height: 35px;
margin: 0;
padding: 0;
}
.box.rss {
padding: 5px 31px 19px 32px;
background: url(img/postit-245-rss.gif) 50% 0 no-repeat;
}
p.was {
text-align: right;
margin: 10px 0 0 0;
}
p.was a {
font-weight: normal;
}

.box.flickr a.flickrwww:link, .box.flickr a.flickrwww:visited {
display: block;
clear: left;
margin: 0;
font-family: arial, helvetica, geneva, sans-serif;
font-size: 11px;
text-align: center;
color: #3993ff;
text-decoration: none;
border: none;
}
#flickrfotos {
float: left;
margin: 10px 0 5px 40px;
display: inline;
}
#flickrfotos img {
margin: 0 5px 5px 0;
border: 1px solid #3993ff;
}

/* comic-strip randspalte */
.box.comicstrip {
}

.comicstrip h3 {
text-indent: -2000px;
position: relative;
z-index: 5;
background: url(img/pin.gif) 50% 0 no-repeat;
height: 40px;
margin: 0;
padding: 0;
}
.comicstrip img {
position: relative;
margin: -30px 0 0 0;
float: none; /* IE5 Win */
voice-family: "\"}\"";
voice-family: inherit;
float: left; /* auch fuer ie 6 */
}
html>body .comicstrip img { /* be nice to Opera */
float: left;
}

.comicstrip p {
clear: left;
}

/* Die Tafel - tags */
.box.tags {
margin-top: 15px;
padding: 0;
background: url(img/magnettafel-oben.gif) 100% 0 no-repeat;
}
.tags h3 {
margin: 0;
padding: 15px 0 0 15px;
color: #fff;
}
.tags ul {
margin: 5px 0 0 15px;
padding: 0;
display: inline;
float: left;
width: 220px;
}
li.cosmos {
float: left;
margin: 0 5px 0 0;
padding: 0;
background: transparent;
font-size: 96%;
}
li.cosmos a:link, li.cosmos a:visited {
text-decoration: none;
margin: 0 0 4px 0;
padding: 0 2px 2px 2px;
border-top: 1px solid #ccc;
border-right: 1px solid #000; 
border-bottom: 1px solid #000;
border-left: 1px solid #ccc;
display: block; 
color: #000;
font-weight: normal;
background: #fff;
}
li.cosmos a:hover {
background: #000;
color: #fff;
}
li.cosmos.keyword2 {
margin-top: 2px;
text-transform: uppercase;
font-size: 125%;
}
li.cosmos.keyword5 {
margin-top: 5px;
font-size: 135%;
}
li.cosmos.keyword10 {
margin-top: 7px;
font-size: 145%;
}
#extras .box.tags p {
clear: left;
margin: 0;
padding: 0 0 15px 15px;
background: url(img/magnettafel-unten.gif) 0 100% no-repeat;
}


/* PROMO-LEISTE  */

#promo:before { /* auto-clearing */
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
#promo {
clear: left;
width: 640px;
margin: 0;
padding: 0 0 20px 20px;
}
#promo em {
display: block;
font-style: normal;
}
#promo p { /* mehr link alle downloads */
clear: both;
}


/* FOOTER / FUSS */

#footer {
clear: both;
float: left;
margin: 20px 0 0 0;
padding: 8px 0 7px 0;
width: 100%;
background: #000 url(img/fussleiste.gif) 0 0 repeat-x;
}
#footer p {
float: left;
margin: 0 0 0 45px;
padding: 0;
color: #fff;
display: inline;
}
#footer ul {
float: left;
margin: 0;
padding: 0;
list-style: none;

}
#footer ul li {
float: left;
margin: 0 0 0 8px;
padding: 0 0 0 8px;
background: transparent url(img/trenner.gif) 0 70% no-repeat;
display: inline;
}




/* UEBERSCHRIFTEN  UND TEXTABSAETZE
--------------------------------------------------- */

p, cite, ul, dl, ol, label, input, address { font-size: 86%; }
h1, h2, h3, a:link, a:visited, legend { font-family: 'courier new', courier, monospace; }
h1, h2, legend		{ font-size: 100%; color: #000; font-weight: bold; }
h1, h2 a:link, h2 a:visited { text-transform: uppercase; letter-spacing: 2px;}
h3, h4 				{ font-size: 100%; font-weight: bold; }

#home h1 { text-transform: none; letter-spacing: 0;
}
#tagebuch h1, #news h1, .thema h1 {
text-transform: none; 
letter-spacing: 0;
}
#tagebuch .blog.artikel h1, #news .blog.artikel h1 {
text-transform: uppercase;
letter-spacing: 2px;
}
h1 {
clear: left;
margin: 0 0 15px 20px;
padding: 0;
}
#bigcomic h1 {
float: left; 
width: 400px;
margin: 20px 0 5px 0;
padding: 0;
}
#comicstrip .vorratspack h1 {
margin: 0 0 15px 15px;
}
h1 em, h2 em { /* datum bei comicstrip */
color: #ccc;
font-style: normal;
font-weight: normal;
}
h1 strong {
background: yellow;
}
#static h2 {
letter-spacing: 0;
}

p { 
margin: 0;
padding: 0;
line-height: 1.5em;
}

address {
font-style: normal;
line-height: 1.3em;
}

#main p {
margin-left: 20px;
margin-right: 15px;
background: transparent;
}

#main.vorratspack p { /*sixpack gleicher einzug wie bigcomic */
margin-left: 15px;
}

#comicgallery p {
margin-left: 0;
}

h2 { 
clear: left;
margin-top: 15px; 
margin-bottom: 1px; 
margin-right: 0;
margin-left: 20px;
padding: 0;
}

#comicgallery h2 {
margin: 15px 0 10px 0;
}

.vorratspack h2 {
clear: left;
margin: 10px 15px;
}

h3, h4 {
margin: 10px 0 5px 0;
padding: 0;
}

.blog p {
line-height: 1.95em;
color: #444;
}

.blog p.date {
color: #999;
padding: 0;
margin-top: 3px;
font-size: 80%;
letter-spacing: 3px;
}
p.meta {
line-height: 1.2em;
padding: 25px 0 5px 0;
}
.blog div.post { 
margin-bottom: 24px;
background: transparent;
}

.error {
font-weight: bold;
color: #f30;
}



/* randspalten boxen */

.box h3 {
font-style: normal;
letter-spacing: 1px;
font-family: 'courier new', courier, monospace;
}

.box p, .box ul { /* fuer alle ps und listen in der randspalte */
font-size: 78%; /* hat von p allg 86% - eigener wert ueberschreibt nicht vererbt */
line-height: 1.4em;
}

.box p {
font-weight: bold;
}

.box ul li {
line-height: 1.6em; /* leicht erhoeht wegen border von a */
}

.box a:link, .box a:visited {
font-family: 'courier new', courier, monospace;
letter-spacing: 0px;
font-size: 110%;
text-decoration: underline;
text-transform: none;
border-bottom: 4px solid #bbe2e5;
}





/* LISTEN 
---------------------------------------  */

ul {
margin: 0;
padding: 0;
list-style: none;
line-height: 1.4em;
}

/* mehr einrueckung in main */
#main ul {
margin-left: 50px;
margin-right: 35px;
}

li {
margin: 5px 0 5px 20px;
padding: 0 0 0 15px;
background: url(img/dot.gif) 0 0.5em no-repeat;
}

#main ol {
margin: 0 0 0 20px;
padding: 0;
}
ol#beliebt { /* most popular comicstrips */
background: url(img/kartons.gif) 90% 100% no-repeat;
}
ul#neuimblog { /* die neuesten artikel im tagebuch */
background: url(img/kuehlschrank.gif) 50% 100% no-repeat;
height: 17em;
}
#main ol li {
margin: 5px 0 5px 40px;
padding: 0;
background: transparent;
}

/* rss mit icon */
#main ul#rss li {
padding-left: 35px;
padding-bottom: 8px;
background: url(img/icon-rss.gif) 0 0.3em no-repeat;
}

/* Weblog */
#main.blog p.comm { /* unter vorspann catindex */
display: block;
background: transparent url(img/icon-kommentar.gif) 0 50% no-repeat;
padding-left: 27px;
}


/* COMMENTS UND FORMULARFELDER 
--------------------------------- */


/* sprechblase comments */

h2#kommentare {
margin-bottom: 10px;
}

#main ol#kommentarliste {
float: left;
margin: 0 0 0 45px;
padding: 0;
display: inline;
width: 425px;
font-size: 100%;
list-style: none;
}

#main ol#kommentarliste li {
background: transparent url(img/sprechblase-o.gif) 0 0 no-repeat;
margin: 0;
padding: 15px 0 0 0;
}

#main ol#kommentarliste li p {
background: transparent url(img/sprechblase-m.gif) 0 0 repeat-y;
margin: 0;
padding: 0 20px 0 10px;
line-height: 1.2em;
}

#main.blog cite {
background: transparent url(img/sprechblase-u.gif) 0 0 no-repeat;
display: block;
clear: both;
margin: 0 0 5px 0;
padding: 25px 0 10px 70px;
font-style: normal;
}

fieldset#kommentarformular {
float: left;
display: inline;
margin-top: 10px;
}

#kommentarformular legend {
background: yellow;
text-indent: 0;
font-size: 100%;
margin-bottom: 10px;
}



/* Formularfelder */

form {
margin: 0;
padding: 0;
}
/* post a comment */
fieldset {
clear: left;
margin: 0 35px 0 50px;
padding: 0;
width: 405px; /* 490 - 85 */
border: none;
}
legend {
text-indent: -2000px;
font-size: 1px;
}
input#name, input#email, input#url {
width: 300px;
margin: 2px 0 0 0;
}
textarea {
width: 380px;
margin: 2px 0 10px 0;
}
label { /* erbt font-size 86% */
font-family: 'courier new', courier, monospace;
display: block;
margin: 10px 0 0 0;
}
input#abschicken { /* erbt font-size 86% */
width: 10em;
}
input#submit {
margin: 10px 0 0 0;
}


/* NAVIGATION 
----------------------------------------------- */

#nav {
clear: both;
position: relative;
top: 120px;
margin: 0;
padding: 0;
list-style: none;
width: 100%;
background: #fff url(img/nav.gif) 0 0 no-repeat;
height: 35px;
}

/* sag ihm wie gross die lis sind */
#nav li {
margin: 0;
padding: 0; 
list-style: none;
position: absolute; 
top: 0;
background: transparent;
}
#nav li, #nav a {
height: 38px; /* hoehe ul */
display: block;
border: none;
}
#navhome {left: 0; width: 63px;}
#navtagebuch {left: 64px; width: 152px;}
#navcomic {left: 215px; width: 98px;}
#navdownload {left: 314px; width: 105px;}
#navnews {left: 420px; width: 66px;}
#navhandel {left: 487px; width: 83px;}

#navhome a:hover, #home #navhome {
background: transparent url(img/nav.gif) 0 -35px no-repeat;
}
#navtagebuch a:hover, #tagebuch #navtagebuch {
background: transparent url(img/nav.gif) -64px -35px no-repeat;
}
#navcomic a:hover, #comicstrip #navcomic {
background: transparent url(img/nav.gif) -215px -35px no-repeat;
}
#navdownload a:hover, #downloads #navdownload {
background: transparent url(img/nav.gif) -314px -35px no-repeat;
}
#navnews a:hover, #news #navnews {
background: transparent url(img/nav.gif) -420px -35px no-repeat;
}
#navhandel a:hover, #handel #navhandel {
background: transparent url(img/nav.gif) -487px -35px no-repeat;
}

/* nav comic-strip */

ul#blaettern {
clear: left;
list-style: none;
margin: 5px 0 17px 0;
padding: 0 0 5px 0;
float: left;
clear: both;
line-height: 1.8em;
display: inline;
width: 100%;
}
li.vor, li.zurueck {
float: right;
margin: 0;
padding: 0;
background: transparent;
display: inline;
}
li.zurueck {
float: left;
}
.nix {
color: #ddd;
text-decoration: underline;
} 
.blog li.vor { 
margin-right: 35px;
}
.blog li.zurueck { 
margin-left: 50px;
}

.vorratspack ul#blaettern {
margin-left: 15px;
margin-bottom: 15px; /* abstand zum ersten comic-strip */
}

/* nav unter opener strip */

ul#funktionen {
width: 330px;
float: right;
margin: 0 0 7px 0;
padding: 0 0 5px 0;
list-style: none;
line-height: 1.8em;
}
ul#funktionen li {
float: right;
margin: 0 8px 0 5px;
padding: 0 0 5px 32px;
}
/* icons */
ul#funktionen li.comicabo {
background: url(img/icon-rss.gif) 0 50% no-repeat; 
}
ul#funktionen li.comicsend {
background: url(img/icon-versenden.gif) 0 50% no-repeat; 
}
ul#funktionen li.download { /* downloads */
background: url(img/download.gif) 0 50% no-repeat; 
}

/* die neusten in einer gallery*/


#comicstrip dl {
width: 152px;
margin: 0 6px 5px 0;
padding: 0;
float: left;
overflow: hidden;
display: inline;
height: 8.5em;
line-height: 1.5em;
}
#comicstrip dt {
margin: 0;
padding: 0;
width: 148px;
}
#comicstrip dt img {
width: 148px;
margin: 0;
}
#comicstrip dd {
margin: 0;
padding: 0;
text-align: center;
}


/* FORMULARFELDER
-------------------------------------- */

input {
font-family: 'courier new', courier, monospace;
}
form#suchergebnisse {
padding-top: 10px;
padding-bottom: 10px;
}
#suchergebnisse input {
font-size: 100%;
width: 300px;
}
.suche label {
display: block;
margin: 0;
padding: 0;
height: 1px;
text-indent: -2000px;
}
.box.suche input {
margin: 3px 0 4px 40px;
padding: 0;
width: 140px;
font-size: 110%;
}
input#suchbutton {
width: 38px;
font-weight: bold;
}
.box.suche #suchbutton {
font-size: 86%;
margin: 0 0 0 40px;
}

/* FUN 
-------------------------------------- */

ul#licht {
position: absolute; 
top: 458px;
left: 857px;
margin: 0;
padding: 0;
background: url(img/schalter-an.gif) 0 0 no-repeat;
width: 116px;
height: 66px;
list-style: none;
}
#licht li {
background: transparent;
margin: 0;
padding: 0;
}
#an a, #aus a {
position: relative;
display: block;
width: 43px;
height: 35px;
margin-left: 25px;
border: none;
}

div#tapetenwechsel {
position: absolute; 
top: 1076px;
left: 821px;
margin: 0;
padding: 7px;
background: transparent url(img/socke.gif) 0 0 no-repeat;
width: 165px;
height: 94px;
}
#tapetenwechsel select {
font-family: 'courier new', courier, monospace;
font-size: 86%;
margin-top: 30px;
width: 13em;
}