/*
Theme Name: Bululu2120
Description: Tema realizado para Bululu2120
Author: Bululu2120
*/


html {
    height: 100%;
}

body {
    background: #a03837 url(img/background.jpg) center top no-repeat;
    text-align: center;
    font: 11px  arial,verdana, sans-serif; 
    margin: 0px; padding: 0px;
    height: 100.01%; 
}

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: #d60000; font-weight:bold; }
a:hover {  color: #000; }
img { border: none;  }
.img-portada { text-align:right; width:550px; float:right; margin:0px; padding:0px; background:#FFF;}
.brr {  clear: both;   }
a.volver {  padding-left:15px;color: #d60000; font-size:11px; background:transparent url(img/flecha_volver.gif) center left no-repeat; font-weight:bold; text-decoration:underline;}
a:hover.volver { color: #000; }
a.mas {  padding-left:15px;color: #d60000; font-size:11px; background:transparent url(img/mas.gif) center left no-repeat; font-weight:bold; text-decoration:underline;}
a:hover.mas { color: #000; }

/* 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;
}

/* Wrapper */
#wrapper { width: 755px; margin: 0 auto; text-align: left; }

/* 2.1 Kopf bzw. Header */
#header { width:755px; height: 140px; }
#header h1 { margin: 0; padding: 0 20px; height: 120px; }
#header h1 a { display:block; width:755px; height:140px; }
#header h1 a span { display:none; }


/* 2.2 Center  */
#center-back {  padding:20px 0px 0px 0px; margin:0px; width:755px; background:transparent url(img/direccion.gif) top right no-repeat; }
#center {  padding:0px; margin:0px; width:755px; background:#680000; }

/* Sidebar */
#sidebar { height:100%; padding-left:3px;  margin:0px; width: 199px; background: #630102 url(img/esquina.jpg) top left no-repeat; float:left; color: #FFF; text-align:right; border-right:3px solid #630102; }
#sidebar ul { border-bottom: 5px solid #843737; list-style: none; margin: 0px;  padding: 0px;}
#sidebar ul li { border-bottom: 1px solid #843737; font-weight:bold; padding:4px 5px;  }
#sidebar ul li a { color:#FFF; font-size:13px; text-decoration:none;}
#sidebar ul li a:hover { text-decoration:underline;}
#sidebar ul li ul { display:none; border-bottom: none; list-style: none; margin: 0px;  padding: 0px;}
#sidebar ul li ul li { display:none; margin: 1px 3px ; font-size:12px; border:none; font-weight:normal; }
#sidebar h2 {  display:none; margin: 0px 0;  padding: 4px 5px; color: #FFF; font-size: 10px; }

#sidebar form {
    margin: 0 0 20px 0;
    padding: 5px;
    text-align:left;
    border-bottom:6px solid #843737;
    height:20px;
   
}
#sidebar input.suchfeld {
    border: 1px solid #808080;
    background:#680000;
    font-size: 11px;
    padding: 2px;
    width: 180px;
    color: #555;
}
#sidebar input.suchfeld:hover, #sidebar input.suchfeld:focus {
    
    border: 1px solid #808080;
    background:#680000;
}

#sidebar input#s{
border: 1px solid #808080;
    background:#c9c9c9;
    font-size: 9px;
    font-weight:bold;
    margin-top: 2px;
    padding: 1px 5px;
    color:#000;
     float:left;
    
    
}
#sidebar input {
border: 1px solid #808080;
    background:#680000;
    font-size: 9px;
    font-weight:bold;
    margin-top: 2px;
    padding: 1px 5px;
    color:#FFFFFF;
    float:right;
    
    
}
#sidebar input:hover  {
    
    background: #3d0000;
    color:#808080;
}


/* 2.2.2 contenido */
#inhalt { margin:0px; float: right; width: 550px; padding: 0px; color: #000; background: #fbdbc2; }
#inhalt-pad {padding: 20px 15px 50px 15px; }
/*#inhalt a {   height:10px; padding:5px 5px 5px 20px; margin:0px; color: #d60000; font-size:11px; background:transparent url(img/flecha.gif) 3px 9px no-repeat; font-weight:bold; }
#inhalt a:hover { color: #000; }
*/
#inhalt ul {  margin:0px; padding:0px 20px; }
#inhalt ul li { list-style-type:none; color: #000; background:transparent url(img/bullet.gif) 3px 5px no-repeat; padding-left:12px; margin:5px 0px;}
#inhalt ul li a {  padding-right:15px; color: #d60000; font-size:11px; background:transparent url(img/flecha.gif) center right no-repeat; font-weight:bold; text-decoration:underline;}
#inhalt ul li a:hover { color: #000; }
#inhalt h2 {
    font-size: 38px;
    margin-top: 0;
    margin-bottom: 5px;
    padding: 0;
    color: #d60000;
    font-weight:bold;
}

#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 {
    font-size: 18px;
    margin-top: 0;
    margin-bottom: .5em;
    padding: 0;
    color: #680000;
    text-decoration:none;
}
#inhalt .beitrag {margin:0px; padding:0px; }
#inhalt h2.beitrags-titel {
   font-size: 18px;
    margin-top: 0;
    margin-bottom: .5em;
    padding: 0;
    color: #d60000;
}
#inhalt h2.beitrags-titel a {  padding-right:15px; color: #d60000; background:transparent url(img/flecha.gif) center right no-repeat; font-weight:bold; }
#inhalt h2.beitrags-titel a:hover {  padding-right:15px; color: #000; background:transparent url(img/flecha.gif) center right no-repeat; font-weight:bold; }
#inhalt .beitrags-info, #inhalt .beitrags-info2 {display:none;
    font-size: 11px;
    color: #555;
    line-height: 1.2;
    text-transform: lowercase;
}
#inhalt .beitrags-info2 {display:none;
    border-top: 1px solid #e1e1e1;
    margin-bottom: 30px;
    padding: 2px 0;
}

#inhalt #beitrag-info-box {display:none;
    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 {
    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;
}

/* Footer */
#footer { height:110px; background: ; padding: 0px; color: #FFF; font-size:11px; }
#footer-left {width:185px;height:90px; padding:10px; vertical-align:top; float:left; color:#d60000; font-size:27px; font-weight:bold; background:#c9c9c9; }
#footer-right {width:530px; height:90px;float:left; padding:10px; background:#808080; font-size:14px; font-weight:bold; color:#cfcfcf;}
/* 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;
}