/*
Theme Name: Wilde Jungs 2008
Theme URI: http://www.wilde-jungs.net
Description: 2008 Theme für Wilde-Jungs.net | jquery Web 2.0 Version
Version: 5.0 (Feb 2008)
Author: Florian Bäthge
Author URI: http://www.placebo-effect.de

	INHALTSVERZEICHNIS:

    1. ...... Allgemeine bzw. Dokumentweite Angaben
    2. ...... Kontainer sog. Wrapper
    2.1 ..... Kopf bzw. Header
    2.2. .... Mitte (Middle) (beinhaltet die Seitenleiste und den Inhalt)
    2.2.1 ... Seitenleiste aka Sidebar
    2.2.2 ... Inhalt (Content)
    2.2.3 ... Kommentarbereich
    2.3 ..... Fuss bzw. Fuß aka Footer
    3. ...... Spezielle Formatierungen (z.B. fuer Plugins)

 1. Allgemeine bzw. Dokumentweite Angaben */
html {
    height: 100%;
}

body {
    background: #4c4c4c url(img/img_background.jpg) center top repeat-y;
   
    font: 12px verdana, arial, sans-serif; /* Hoch lebe das heilige Pixel! Nieder mit dem bösen em-Tyrann ;-) */
    margin: 0;
    
    
}

pre, code, samp {
    font: 1em 'courier new', courier, monospace;
    color: #c60;
}

acronym, abbr, dfn {
    border-bottom: 1px dashed #999;
    font-style: normal;
    cursor: help;
}

blockquote {
    padding: 0 15px 0 10px;
    margin: 15px 0 15px 5px;
    text-align: justify;
    color: #555;
    line-height: 1.35;
    font-size: 11px;
    border-left: 5px solid #eee;
}

a {
    color: #b00;
    text-decoration: none;
}
a:hover {
    color: #333;
}

img {
    border: none;
    max-width:600px;
}

#clearer {
    clear: both;
}


.center {
    text-align: center;
}

/* small */
.klein {
    font-size: .9em;
}
/* smaller */
.kleiner {
    font-size: .8em; /* Und jetzt brauchst du eine Lupe */
}

/* Hiermit "positioniert" man die Bilder (links = left; rechts = right) */
.bild-links {
    float: left;
    margin: 2px 10px 5px 0;
}

.bild-rechts {
    float: right;
    margin: 2px 0 5px 10px;
}

/* Kontainer sog. Wrapper */
#kontainer {
    width: 870px; /* "Die Rente ist sicher" ... "Ja, dieses Layout ist elastisch" */
    margin: 0 auto;
    text-align: left;
   
}

/* 2.1 Kopf bzw. Header */
#kopf {
    background: url(img/img_head.jpg) center top no-repeat;
    height: 172px;
}


#kopf h1 {
    margin: 0;
    padding: 0 20px;
    height: 120px;
}

#kopf a {
    color: #fd5;
    font: bold 20px 'trebuchet ms', arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 120px;
}

/* Head_Navi-Leiste */
#head_navi {
    background: url(img/img_head_navi.jpg) center top no-repeat;
    height: 34px;
    text-align:right;
}

#head_search_bar {
    
}





/* 2.2 Mitte (beinhaltet die Seitenleiste und den Inhalt) */
#mitte {
    background: url(img/img_search_bar.gif) center top no-repeat;
    text-align:justify;
    padding: 15px 13px 15px 20px;
}

/* 2.2.1 Seitenleiste aka Sidebar */
#seitenleiste {
    width: 193px;
    float: right;
   /*  line-height: 1.55; */
    color: #444;
    background: transparent;
    margin-top:25px;
    font-size: .9em;
}

#seitenleiste h2 {
    margin: 5px 0;
    text-transform: uppercase;
    padding: 1px 5px;
    color: #C90101;
    font-size: 11px;
}
#seitenleiste form {
   
    
    padding-left: 5px;
}
#seitenleiste input.suchfeld {
    border: 1px solid #ccc;
    font-size: 11px;
    padding:2px;
    width: 100px;
    color: #555;
}
#seitenleiste input.suchfeld:hover, #seitenleiste input.suchfeld:focus {
    border: 1px solid #900;
}

#seitenleiste input.sendebutton {
    border: 1px solid #ccc;
    background: #ddd;
    font-size: 11px;
    
    padding: 1px 3px;
    
}
#seitenleiste input.sendebutton:hover  {
    border: 1px solid #900;
    background: #b00;
    color: #fd5;
}

#seitenleiste ul {
    list-style: none;
    margin: 0 0 0px 0;
    padding: 0;
}
#seitenleiste li {
    
    line-height: 1.6;
    padding-left: 5px;
}
#seitenleiste ul li a {
   
    color:#EEEEEE;
}

#seitenleiste li li {
    margin-left: 10px;
}

/* 2.2.2 Inhalt */
#inhalt {
    float: left;
    width: 600px;
    padding-left:10px;
    padding-bottom: 15px;
    line-height: 1.45;
    color: #444;
    background: transparent;
}
#inhalt p {
    margin-top: 1em;
    margin-bottom: 1.1em;
}

#inhalt a {
    border-bottom: 1px solid #eee;
}
#inhalt a:hover {
    border-bottom: 1px solid #555;
}

#inhalt h2 {
    font-size: 18px;
    margin-top: 0;
    margin-bottom: .5em;
    padding: 0;
    color: #444;
}

#inhalt h3 {
    font-size: 15px;
    /* margin: 17px 0 5px 0; */
    padding: 0;
    color: #333;
    border-bottom: 1px dotted #ddd;
}

#inhalt h4 {
    font-size: 13px;
    font-weight: bold;
    color: #444;
    margin: 17px 0 5px 0;
}

#inhalt h2 a, #inhalt h2 a:hover {
    border-bottom: none;
}

#inhalt h2.beitrags-titel {
    margin-bottom: 0;
    padding-bottom: 0;
    line-height: 1.1;
}
#inhalt .beitrags-info, #inhalt .beitrags-info2 {
    font-size: 11px;
    color: #555;
    line-height: 1.2;
    text-transform: lowercase;
}
#inhalt .beitrags-info2 {
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #C90101;
    margin-bottom: 30px;
    padding: 2px 0;
}

#inhalt #beitrag-info-box {
    font-size: 11px;
    margin: 20px 0;
    padding: 10px;
    background: #eee;
    border-top: 1px dotted #ddd;
    border-bottom: 1px dotted #ddd;
}

/*2.2.3 Kommentarbereich*/
#commentform {
    width:500px;
    border: 1px solid #ddd;
    background: #eee;
    padding: 15px;
}

#commentform textarea, #commentform input {
    border: 1px solid #ccc;
    font: normal 1em arial, sans-serif;
    padding: 2px;
    color: #555;
}
#commentform textarea {
    width: 450px;
}
#commentform textarea:hover, #commentform textarea:focus, #commentform #author:hover, #commentform #author:focus, #commentform #email:hover, #commentform #email:focus, #commentform #url:hover, #commentform #url:focus {
    border: 1px solid #900;
}

#commentform #submit {
    margin-top: 2px;
    padding: 0 5px;
}

#commentform #submit, #commentform .ed_button {
    border: 1px solid #ccc;
    background: #ddd;
    color: #333;
    margin-right: 1px;
    font-size: 1em;
}
#commentform #submit:hover, #commentform .ed_button:hover {
    border: 1px solid #900;
    background: #b00;
    color: #fd5;
}

#commentlist li {
    border-bottom: 1px solid #eee;
}

.kommentar-info {
    text-transform: lowercase;
    margin-bottom: 3px;
}

/* 2.3 Fuss bzw. Fußbereich aka Footer */
#fuss {
   
    padding: 15px 20px;
    border-bottom: 1px solid #ccc;
    color: #555;
}
#fuss p {
    margin: 0;
    text-transform: lowercase;
}

/* 3. Spezielle Formatierungen z.B. nur für Plugins */
#ed_toolbar input {
    border: 1px solid #ccc;
    background: #ddd;
    font-size: 11px;
    margin-right: 1px;
    padding-top: 0;
    padding-bottom: 0;
}

#wp_grins {
    margin-top: 2px;
}

.pagebar {
    text-align: center;
    line-height: 1.4;
    padding-bottom: 10px;
}

.pagebar .this-page {
    font-weight: bold;
}


#inhalt .pagebar a {
    border-bottom: 1px solid #ccc;
    border: 1px solid #ccc;
    background: #eee;
    padding: 2px 5px;
    margin-bottom: 5px;
}

#inhalt .pagebar a:hover {
    border: 1px solid #900;
    background: #b00;
    color: #fd5;
}

li {
list-style: none;
}
ul {
list-style: none;
}

.navi {
width: 193px;
margin:0px;
padding:0px;

}

.navi h3 {
  margin: 0;
padding:0px;
height:29px;
  background: #FFFFFF;

}
.wj_navi_btm {
width:193px;
height:10px;
background-image: url(img/img_navi_btm.jpg);
background-repeat: no-repeat;

}

.wj_navi {
  width: 193px;
  margin:0px;
padding:0px;

}

.wj_navi_exp_top {
width: 193px;
height:7px;
background-image: url(img/img_exp_top.jpg);
background-repeat: no-repeat;
}

.wj_navi_exp_btm {
width: 193px;
height:32px;
background-image: url(img/img_exp_btm.jpg);
background-repeat: no-repeat;
}


.wj_navi_div {
background-image: url(img/img_exp_bg.jpg);
text-align:right;
padding-left:15px;
padding-right:10px;
color:#FFFFFF;
}

.wj_navi p {
padding-left:10px;
}


/* Startseite - Slideshow */


.wj_start_show {
width:259px;
height:243px;
background:#EEEEEE;



}

.pics {  
    height:  245px;  
    width:   259px;  
    margin-left: 244px;
    clip:rect(0px, 259px, 245px, 0px);
    overflow:hidden;
} 
 
.pics img {  
   
      

   padding-top:2px;
    width:  259px; 
    height: 243px; 
    top:  0; 
    left: 0 
} 

.start_show_top {  
    height:  156px;  
    width:   600px;  
    padding: 0;  
    margin:  0;  
    text-align:center;
    background-image: url(img/wj_start_show_top.jpg);
} 
.start_show_middle {  
    height:  247px;  
    width:   600px;  
    padding: 0;  
    margin:  0;  
    background-image: url(img/wj_start_show_middle.jpg);
} 
.start_show_btm {  
    height:  197px;  
    width:   600px;  
    padding: 0;  
    margin:  0;  
    background-image: url(img/wj_start_show_btm.jpg);
}