/* @override http://www.webkrauts.de/wp-content/themes/webkrauts/style.css */

/*
Theme Name:Webkrauts

Theme URI:http://www.webkrauts.de/

Description:Das offizielle Layout der Webkrauts. Die Grafische Vorlage stammt von Manuela Hoffmann. Die Umsetzung in Wordpress und die CSS-Datei machte Vladimir Simovic aka <a href="http://www.perun.net">Perun</a>.

Version:1.2

Author:Webkrauts

Vorletzte Aenderung:30.6.06, Manuela Hoffmann
Letzte Aenderung:30. 06. 06, Vlad
Allerletzte Aenderung:21. 03. 07, Eric
Aktuellste Aenderung:Vlad, 27. 03. 2007
Noch eine &#8730;
Änderung: Eric, Ende Mai, Anfang Juni
Änderungen an CODE und hx: Nicolai, Anfang Dezember 2008
Letzte Aenderung: 08. 02. 09, Vlad

    Inhaltsverzeichnis:

    0. ...... Angaben zum "Body"
    1. ...... AllgemeingŸltige Element-Formatierungen
    2. ...... AllgemeingŸltige Klassen-Angaben
    3. ...... IDs von (von oben nach unten)
    3.1 ..... Kopfbereich
    3.2 ..... Mittelbereich:Inhalt und Sidebar
    3.2.1 ... Setenleiste aka Sidebar
    3.2.2 ... Inhaltsbereich
    3.3 ..... Fußbereich
    4. ...... Spezielle Angaben (z.B. durch WP-Plugins)
*/



body {
background: #fff url(img/webkrauts-hintergrund.gif) repeat-x;
padding: 0;
margin: 0;
text-align: center;
font: 62.5% arial,sans-serif;
color: #333
}



/* 1. Allgemeingueltige Element-Formatierungen */



dt {
font-weight: bold
}



dd {
margin: 1px 0 .5em 0
}



h1, h2, h3, h4, h5, h6 {
font-weight: normal;
padding: 0;
margin: 7px 0 3px 0
}



p, ul ol {
margin-top: 10px;
margin-bottom: 15px
}



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



a:visited {
border-bottom: 1px solid #E7AB53
}



a:hover {
color: #000;
border-bottom: 1px solid #000;
}



img, a img {
border: none
}



input {
border: 1px solid #E7AB53;
padding: 1px 2px;
background: #F5D799
}



blockquote {
font-style: italic
}



/* 2. Allgemeingueltige Klassen-Angaben */



/* Fuer floatende Bilder */



#inhalt img.bild-links {
float: left;
margin: 0 15px 2px 0
}



#inhalt img.bild-rechts {
float: right;
margin: 0 0 2px 15px
}



#inhalt p.block-bild {
float: left;
overflow: hidden;
width: 100%
}



/* Diese Klasse dem Link zuweisen der ein Bild umschlie§t */



.bild-verweis {
border: none;
border-bottom: none
}



.zentriert {
text-align: center
}



.rechts {
text-align: right
}



.unsichtbar {
position: absolute;
left: -999em;
}



.startseite {
list-style: none;
margin-left: 0;
padding-left: 0
}



.startseite li a {
font-size: 1.25em;
font-weight: bold;
margin-bottom: 3px
}



.kleiner-hinweis {
font-size: .9em
}



/* 3. IDs von (von oben nach unten) */



/* * 3.1 Kopfbereich * */



#kopf {
text-align: left;
margin: 0 auto;
padding: 0;
width: 786px
}



#kopf h1 {
padding: 0;
margin: 0;
font-size: 0;
height: 200px;
background: url(img/webkrauts-kopf.gif) no-repeat
}



/* x-mas-header.gif */



#kopf h1 a {
display: block;
height: 180px;
border: none
}



#kopf h1 span {
display: none
}



/* * 3.2 "Koerper:Inhalt und Sidebar * */



#koerper {
width: 786px;
text-align: left;
margin: 0 auto
}



/* ** 3.2.1 Inhalt ** */



#inhalt {
width: 491px;
font-size: 1.2em;
line-height: 1.5;
overflow: hidden
}



#inhalt h2 {
font-size: 1.8em;
font-weight: normal
}



#inhalt h3 {
font-size: 1.5em;
margin-bottom: 1em;
font-weight: normal
}



#inhalt h4 {
font-size: 1.3em;
margin-bottom: 1em;
font-weight: normal
}



#inhalt h5 {
font-size: 1.1em;
margin-bottom: 1em;
font-weight: bold;
border-bottom: 1px solid #f9e8cf;
}



#inhalt .inhalts-box1 {
background: #F9DDB5 url(img/inhalts-box1.gif) no-repeat bottom right;
padding: 5px 15px 10px 15px;
margin-bottom: 2px;
overflow: hidden
}



#inhalt .inhalts-box2 {
background: #E2EFF8 url(img/inhalts-box2.jpg) no-repeat bottom right;
padding: 5px 15px 10px 15px;
margin-bottom: 2px
}



#inhalt .inhalts-box2 dl {
margin: 10px 0
}



#inhalt .inhalts-box2 dl dt {
float: left;
margin-right: 5px;
width: 6.2em
}



#inhalt .inhalts-box2 dl dd {
margin-bottom: 1px
}



#inhalt #comment {
width: 455px;
border: 1px solid #E7AB53;
padding: 2px;
background: #F5D799
}



/*.inhalts-box1 img {
float: left;
padding: 0 10px 10px 0
}
*/



.inhalts-box1 img.block-image {
float: left;
padding: 0
}



/* ** 3.2.2 Seitenleiste bzw. Sidebar ** */



#seitenleiste {
float: right;
width: 285px;
margin-top: 10px;
font-size: 1.2em;
line-height: 1.5
}



#seitenleiste a {
border: none
}



#seitenleiste ul {
color: #A70D0F;
margin-left: 20px;
padding-left: 0
}



#seitenleiste form {
margin-left: 7px
}



#seitenleiste input {
border: 1px solid #ddd;
background: #fff
}



#seitenleiste .feeds {
list-style: none;
list-style-image: url(img/feed-icon.gif);
margin-left: 25px
}



#seitenleiste .sendeknopf {
background: url(img/seitenleisten-box.jpg) no-repeat 90% 90%;
line-height: 1.4;
padding: 0 2px
}



#seitenleiste .seitenleisten-box1 {
padding: 1px 15px 10px 15px
}



#seitenleiste .seitenleisten-box2 {
background: #F4F3F8 url(img/seitenleisten-box.jpg) no-repeat bottom right;
padding: 1px 15px 10px 15px;
margin-bottom: 2px
}



#seitenleiste h2 {
font-size: 1.4em;
margin-bottom: 3px;
padding: 0;
line-height: 1.1
}



#seitenleiste h3 {
font-size: 1.2em;
margin-bottom: 1px
}



#bannerliste {
list-style-type: none;
margin-left: 0;
padding: 0;
}



#bannerliste img {
float: none;
}



#bannerliste li {
margin-left: 0 !important;
}



/* * 3.3 "Fuss":Fu§bereich bzw. Footer * */



#fuss {
margin-top: 20px;
font-size: 1.1em;
line-height: 1.4;
background: url(img/webkrauts-fuss.png) repeat-x top center;
padding: 15px;
clear: both
}



.footer-stats, img#wpstats {
width: 0;
height: 0;
padding: 0;
border: none;
overflow: hidden
}



/* 4. Spezielle Angaben */



.ed_button {
margin-right: 1px;
margin-bottom: 1px
}



/* CODE */



code {
font-family: Monaco,Consolas,"Courier New",Courier,monospace;
font-size: 1em;
color: #333;
}



pre {
font-size: 12px;
}



pre code {
display: block;
line-height: 1.4em;
margin-bottom: 1em;
overflow-x: auto;
padding: 0 0 0 12px;
border-left: 2px solid #A70D0F;
}

pre b {
font-weight: normal;
color: #A70D0F;
}



h3 code, h4 code, h5 code, p code, li code, dd code {
font-family: Monaco,Consolas,"Courier New",Courier,monospace;
font-size: 1em;
color: #333;
border-left: 0px solid #A70D0F;
padding: 0 0.1em;
display: inline;
}



p.bsp code {
font-weight: normal
}



p.bsp2 code {
font-weight: bold;
font-family: Verdana,Arial,sans-serif !important
}



/* ADVENTSKALENDER †BERSICHT */



ol.calendar {
list-style-type: none;
padding: 0
}



ol.calendar li a {
display: block;
border-bottom: 1px solid #777;
font-size: 1.2em;
position: relative;
text-align: center;
padding: 5px
}



ol.calendar a span.dontshow {
display: none
}



ol.calendar a span.listdate,







ol.calendar a span.autor {
display: block;
font-size: .833333em;
text-align: left
}



ol.calendar a span.autor {
position: absolute;
top: 5px;
right: 5px
}



/* INTERVIEWS */



dl.interview dt {
font-weight: normal;
font-style: italic
}



/* FUSSBALL-SPECIAL */



#fussball {
border: 1px solid #e5eff8;
border-collapse: collapse;
background-color: #fff;
margin: 0;
width: 100%
}



#fussball thead th,

#fussball tfoot th {
text-transform: uppercase;
font-size: .8em;
padding: 0 2px;
background: #f4f9fe;
border-bottom: 1px solid #e5eff8;
color: #66a3d3;
min-width: 2em
}



#fussball thead th.mannschaft,

#fussball tfoot th.mannschaft {
text-transform: none;
font-size: 1em
}



#fussball td,

#fussball th {
border-right: 1px solid #e5eff8;
padding: 4px
}



#fussball td {
text-align: center
}



#fussball tbody th {
font-weight: normal;
text-align: left
}



#fussball tbody th .ext,







 #fussball tbody td {
font-size: .9em
}



#fussball tbody tr td.gesamt {
font-weight: bold
}



#fussball tbody tr.even td,

#fussball tbody tr.even th {
background-color: #f7fbff;
border-bottom: 1px solid #e5eff8
}



#fussball tbody tr.odd td,

#fussball tbody tr.odd th {
background-color: #fff;
border-bottom: 1px solid #e5eff8
}



#fussball tbody tr.even th,

#fussball tbody tr.even td.gesamt {
background-color: #f4f9fe
}



#fussball tbody tr.odd th,

#fussball tbody tr.odd td.gesamt {
background-color: #f9fcfe
}



/* KRAUTScosmos */



ol.stream {
padding: 0
}



ol.stream li {
font-size: 1.2em;
line-height: 1.4;
list-style-type: none;
margin: 0;
padding: 0
}



ol.stream li a {
display: block;
position: relative;
border: 1px solid #b5bec6;
border-color: #e2eff8 #e2eff8 #b5bec6 #e2eff8;
padding: .2em .2em .2em 26px
}



ol.stream li a:hover {
border-color: #b5bec6
}



span.meta {
display: block;
font-size: .75em;
line-height: 16px;
text-align: right;
margin-right: .4em
}



span.meta img {
width: 16px;
position: absolute;
height: 16px;
left: .4em;
top: .3em
}



/* Adventskalender 2007 */



.adv07 {
background: url(http://www.webkrauts.de/wp-content/uploads/2007/12/adv07blau.png) no-repeat top left;
float: right;
width: 100px;
height: 100px;
text-indent: -1000em;
}



.adv07p {
background: url(http://www.webkrauts.de/wp-content/uploads/2007/12/adv07pink.png) no-repeat top left;
float: right;
width: 100px;
height: 100px;
text-indent: -1000em;
}



.adv07-1 {
background-position: 0 -30px;
}



.adv07-10 {
background-position: 0 -160px;
}



.adv07-11 {
background-position: 0 -290px;
}



.adv07-12 {
background-position: 0 -420px;
}



.adv07-13 {
background-position: 0 -550px;
}



.adv07-14 {
background-position: 0 -680px;
}



.adv07-15 {
background-position: 0 -810px;
}



.adv07-16 {
background-position: 0 -940px;
}



.adv07-17 {
background-position: 0 -1070px;
}



.adv07-18 {
background-position: 0 -1200px;
}



.adv07-19 {
background-position: 0 -1330px;
}



.adv07-2 {
background-position: 0 -1460px;
}



.adv07-20 {
background-position: 0 -1590px;
}



.adv07-21 {
background-position: 0 -1720px;
}



.adv07-22 {
background-position: 0 -1850px;
}



.adv07-23 {
background-position: -150px -30px;
}



.adv07-24 {
background-position: -150px -160px;
}



.adv07-3 {
background-position: -150px -290px;
}



.adv07-4 {
background-position: -150px -420px;
}



.adv07-5 {
background-position: -150px -550px;
}



.adv07-6 {
background-position: -150px -680px;
}



.adv07-7 {
background-position: -150px -810px;
}



.adv07-8 {
background-position: -150px -940px;
}



.adv07-9 {
background-position: -150px -1070px;
}



/* Comments







************************************************/



#commentlist {
list-style: none;
padding: 0;
}



#commentlist li {
margin: 0;
padding: 5px 5px 5px 0;
border-bottom: 1px solid #cfb594;
list-style: none;
padding-left: 40px;
}



#commentlist li.alt {
background-color: #fbe6c8;
}



#commentlist li p cite {
font-size: 90%;
clear: both;
}



#commentlist li p cite span.author {
font-weight: bold;
font-size: 110%;
}



div.commentCounter {
float: left;
margin-top: 6px;
margin-left: -40px;
width: 30px;
font-size: 140%;
text-align: right;
color: #a38866;
}



img.avatar {
background-color: #f7ecdc;
border: 1px solid #c9b69b;
padding: 3px;
margin-top: 8px;
margin-left: 1em;
float: right;
}



/* Mitglieder-Seite, Nicolai, 18. August 2008 */



#inhalt #mitglieder h4 {
margin: 2em 0 0 0;
}



#inhalt #mitglieder ul {
margin: 0;
padding: 0;
}



#inhalt #mitglieder ul li {
list-style: none;
margin: 0 0 1em 0;
}



/* Advent 2008+ */



.advent {
background: url(http://www.webkrauts.de/wp-content/uploads/2008/11/advent.png) no-repeat top left;
float: right;
width: 100px;
height: 100px;
text-indent: -1000em;
}



.advent-10 {
background-position: 0 -30px;
}



.advent-30 {
background-position: 0 -160px;
}



.advent-04 {
background-position: 0 -290px;
}



.advent-19 {
background-position: 0 -420px;
}



.advent-21 {
background-position: 0 -550px;
}



.advent-08 {
background-position: 0 -680px;
}



.advent-01 {
background-position: 0 -810px;
}



.advent-06 {
background-position: 0 -940px;
}



.advent-20 {
background-position: 0 -1070px;
}



.advent-27 {
background-position: 0 -1200px;
}



.advent-25 {
background-position: 0 -1330px;
}



.advent-03 {
background-position: 0 -1460px;
}



.advent-09 {
background-position: 0 -1590px;
}



.advent-22 {
background-position: 0 -1720px;
}



.advent-12 {
background-position: 0 -1850px;
}



.advent-17 {
background-position: -130px -30px;
}



.advent-29 {
background-position: -130px -160px;
}



.advent-24 {
background-position: -130px -290px;
}



.advent-18 {
background-position: -130px -420px;
}



.advent-31 {
background-position: -130px -550px;
}



.advent-07 {
background-position: -130px -680px;
}



.advent-23 {
background-position: -130px -810px;
}



.advent-05 {
background-position: -130px -940px;
}



.advent-26 {
background-position: -130px -1070px;
}



.advent-14 {
background-position: -130px -1200px;
}



.advent-11 {
background-position: -130px -1330px;
}



.advent-16 {
background-position: -130px -1460px;
}



.advent-13 {
background-position: -130px -1590px;
}



.advent-28 {
background-position: -130px -1720px;
}



.advent-15 {
background-position: -130px -1850px;
}



.advent-02 {
background-position: -260px -30px;
}



/* Tabellen */



#inhalt table {
width: 100%;
margin-bottom: 2em;
}



#inhalt table caption {
width: 100%;
border-bottom: 1px solid #777;
text-align: left;
font-weight: bold;
}



#inhalt table tr th, #inhalt table tr td {
border-bottom: 1px solid #777;
padding: 1px 4px;
}



.kompatibilitaet {
border-collapse: collapse;
}



.c {
background-color: #afa !important;
}



.nc {
background-color: #faa !important;
}



/* Anweisungen für den Artikel 'Von wegen tot' - Nicolai */



.cover {
border-left: 1px solid #E7AB53;
padding: 10px;
width: 140px;
float: right;
margin: 0 0 15px 15px;
}



blockquote.bubble {
padding: 10px;
border: 1px solid #E7AB53;
margin: 0;
font-style: normal;
}



div.referenz-links {
margin: 0 0 20px 0;
height: 20px;
padding: 3px 117px 0 0;
background: transparent url(img/referenz-links.gif) 350px 0 no-repeat;
text-align: right;
}



div.referenz-rechts {
margin: 0 0 20px 0;
height: 20px;
padding: 3px 0 0 117px;
background: transparent url(img/referenz-rechts.gif) 30px 0 no-repeat;
text-align: left;
}



[id^="lst"] p {
margin-top: 0;
font-size: .9em;
font-weight: bold;
border-left: 2px solid #900;
padding: 5px;
background-color: #f9e8cf;
}



[id^="lst"] code,

[id^="lst"] pre {
margin-bottom: 0;
}

object {
margin-bottom: 30px;
}

.cutting-edge {
	border: 2px solid #A70D0F;
	padding: 5px;
}