/*
Theme Name: miradlo.net Blogdesign
Theme URI: http://www.miradlo.net/blog_miradlo
Description: Das miradlo bloggt Theme
Version: 1.0
Author: Ute Hauth
Author URI: http://www.miradlo.com
*/
/*****  miradlo.net blog style.css zur Zeit noch das einzige CSS nur hier innerhalb sortiert.                 *****/
/*****  Hintergrundbild auch im basis.css ändern                                             *****/
/*****                         Standard css Autor: www.miradlo.com November 2007                              *****/
/*****  Wichtige Farben des Projekts                                                                          *****/
/*****               blautoene:#005; #006; #30f #03f #5a6aff #5a6aff #5a6aff                                  *****/
/*****    #C4D4ED #c4d4ed                                   miradlo_blau #00c dblau_ #00f                     *****/
/*****                                       *****************************                                    *****/
/***** Rückstellungen *****/
html, body, div, p, h1, h2, h3,h4, ul, ol,
span, a, table, td, form, img, li, textarea, input{
   margin:0;
   padding:0;
   font-family: "trebuchet ms", "albany amt", "andale sans", helvetica, tahoma, arial, sans-serif;
}
*{
   font-size:100.01%;
   border:none;
   color:#284156;
}
html>body{
   height:auto;
}
html{
   background:#284156 url(/images/logos/verlauf_header_hks38.jpg) repeat-y;
   font-size:small;
}
body{
   margin:25px 0 0 0;
   background-color:#fff;
   font-size:.95em;
}
img{
   border:0;
}
/*Seitenspezifische Deklarationen*/
h1, h2, h3, h4, h5{
   margin:.3em 0 .2em 0;
   padding:.5em 0 .3em 10px;
   color:#5a6c78;
   font-weight:bold;
}
h2{
   font-size:1.7em;
}
h3, caption{
    font-size:1.5em;
}
h4{
   font-size:1.3em;
   text-align:left;
}
h5{
   font-size:1.1em;
   text-align:left;
}
p{
   padding:.5em 1em 1em 1em;
   font-size:1em;
   line-height:1.4;
}
ul, ol{
   font-size:1em;
   padding:.5em 1em 1em 10px;
}
ol, ol li{
    list-style-type:decimal;
}
ol ul li{
    list-style-type:disc !important;
}
li{
   list-style-type:disc;
   margin-left:1.8em;
   padding-top:.4em;
}
a{
   padding:0 .3em 0 5px;
   font-size:.95em;
   font-weight:bold;
/* Konqui und co stellt sonst kein underline dar*/
   text-decoration:underline;
}
a:visited{
   color:#808bad;
}
a:focus, a:hover, a:active{
   background:#fff url(/images/logos/hoververlauf.gif) 0 0 repeat;
   color:#414a5c;
}
h2 a{
    color:#5a6c78;
    font-style:italic;
}
table{
   font-size:.8em;
   width:95%;
   border-collapse:collapse;
   padding:20px;
   border-top:1px #e0e4ff outset;
   border-right:2px #e0e4ff outset;
   border-bottom:2px #e0e4ff outset;
   border-left:1px #e0e4ff outset;
}
th{
   margin:0;
   padding:.3em;
   font-weight:bold;
   border-width:2px;
   border-color:#e0e4ff;
   border-style:double outset groove outset;
}
td{
   padding:.2em;
   border:1px #e0e4ff outset;
}
/*Definitionsliste Texte*/
dl{
   list-style-type:none;
   padding:.5em 1em 1em 10px;
}
dt{
   margin:1em 0 0 1em;
   font-weight:bold;
}
dd{
   margin:1em 0 0 1em;
}
/*      Kontaktformular          */
fieldset > legend{
   display:block;
}
fieldset{
   width:38em;
   max-width:630px;
   margin:3em 0 .5em 30px;
   padding:.5em;
   border:none;
   background:#284156 url(/images/logos/bg_dblau_fff_dblau.jpg) 75% 0 repeat-y;
   border-width:1px 2px 2px 1px;
   border-style:solid outset outset solid;
   border-color:#414a5c #808bad #808bad #414a5c;
}
legend{
   font-size:100.01%;
   font-weight: bold;
   padding:1em;
   margin-top:.7em;
   color:#fff;
   background-color:#414a5c;
}
label{
   color:#14212b;
   text-align:right;
   font-weight:bold;
   line-height:1.4em;
}
input{
    margin:0 0 .5em 0;
    padding:.2em 0;
    background:#e8e8ff url(/images/logos/bg_dblau_fff_dblau.jpg) 60% 0 repeat;
    font-family: "trebuchet ms", "albany amt", "andale sans", helvetica, tahoma, arial, sans-serif;
    font-size:.95em;
    text-align:left;
}
input.text{
   font-size:.95em;
   text-align:left;
   background-color:#f1f2f4;
   border:1px outset #808bad;
   width:20em;
}
input.submit{
    width:8em;
    margin:.2em auto;
    background:#e8e8ff url(/images/logos/bg_dblau_fff_dblau.jpg) 60% 0 repeat;
    border:2px outset #808bad;
    text-align:center;
    cursor:pointer;
}
fieldset.searchform{
    margin:1em 0 .5em 0;
    padding:.5em 0;
    border:none;
    cursor:pointer;
    width:15em;
    background:transparent;
}
select{
   color:#494d4f;
   background-color:#e8e8ff;
   line-height:1.3em;
   width:9em;
   overflow:visible;
}
textarea{
   width:80%;
   font-weight: bold;
   font-size:.95em;
   text-align:left;
   background:#e8e8ff url(/images/logos/bg_dblau_fff_dblau.jpg) 50% 0 repeat;
   border:1px outset #808bad;
}
input:focus, input:hover, input:active, input.submit:focus, input.submit:hover{
   background:#fff url(/images/logos/hoververlauf.gif) 0 0 repeat;
   color:#414a5c;
}
textarea:focus{
   color:#414a5c;
}
code{
   margin-left:2em;
   margin-right:2em;
   padding:.2em 0 .2em  20px;
   display:inline;
   color:#036;
   font-family: "Courier New", Courier, "Adobe Courier", "Lucida Console", "Lucida Sans Typewriter",  monospace;
   font-size:1em;
}
sup{
   font-size:.85em;
}
blockquote{
    font-style:italic;
    background:#e8e8ff url(/images/logos/bg_dblau_fff_dblau.jpg) 75% 0 repeat-y;
}
cite{
    font-weight:bold;

}
/*****                                       Layout                                                           *****/
#wrapper {
    position:relative;
    margin:0 0 0 -30px;
    padding:.3em 0 0 30px;
}
#header{
    position:relative;
    width:86em;
    max-width:100%;
    min-width:50em;
    margin:0 auto 1em auto;
    padding:0 1.5em 0 1em;
    background-color:#fff;
}
h1{
    position:relative;
    max-width:210px;
    margin:15px 0 0 0;
    padding:30px 0 0 0;
    background:transparent url(/images/logos/miradlo_net_navi.gif) no-repeat left center;
    font-size:1.9em;
}
#header ul{
    margin:-3em 0 2em 18.5em;
    font-size:1.25em;
    border-bottom:3px dotted #233c4c;
    list-style-type:none;
}
#header a{
    display:block;
    margin:0 auto;
    text-decoration:none;
}
#header h1 a{
    width:210px;
    height:80px;
    margin:-15px 0 0 -15px;
}
#main{
    position:relative;
    width:86em;
    max-width:100%;
    min-width:50em;
    margin:0 auto;
    padding:1em 1.5em 0 1em;
    background:#284156 url(/images/logos/verlauf_header_hks38.jpg) repeat-y;
}
#navi{
   position:absolute;
   width:15.5em;
   margin:1.25em 0 0 0;
   padding:0;
   background:#8e9ba3 url(/images/logos/navi_bg_verlauf.jpg) repeat-y;
}
#kontakt{
/*   width:15.5em;
   height:3.5em;
   padding:0 0 0 0;*/
}
#content{
   margin:0 0 0 18em;
}
#inner{
    margin:1em 0 0 0;
    padding:2.5em 0 0 0;
    background:#dfe8ed url(/images/logos/bg_soft_dblau_fff_dblau.jpg)  0 0 repeat;
    min-height:210em;
}
#footer{
    margin:0 0 0 -30px;
    padding:0 0 0 30px;
    background:#fff;
    font-size:.8em;
    text-align:center;
}
/* Logotext ausblenden */
h1 span{
   position: absolute;
   left: -2500px;
   top: -2000px;
}
/* Links oder Texte fuer Screenreader */
#skip{
   display:inline;
   position: absolute;
   left:-2500px;
   top:-2000px;
   width:0;
   height:0;
}
#skip a.skipa:focus, #skip a.skipa:active{
   display:inline;
   position: absolute;
   left:2720px;
   top:2000px;
   width:13em;
   height:1.3em;
   font-size:.95em;
   padding-left:1em;
   color:#494d4f;
   background-color:#fff;
   border:3px solid #b80662;
}
/***********                             Spezielles                       *************************/
#header .breadcrumb{
/*   width:70em;*/
   margin:0 -18px 0 17em;
   padding:2px 0;
   font-weight:bold;
   background:#fff url(/images/logos/verlauf_header_hks38.jpg) top right repeat-y;
}
#header li {
    float:left;
    margin:0 0 .2em 0;
    padding:0 0 0 .5em;
    list-style-type:none;
    height:2.3em;
}
#header a:focus{
   background:#fff url(/images/logos/hoververlauf.gif) 0 0 repeat;
   color:#414a5c;
}
#header a:hover{
   background:#fff url(/images/logos/hoververlauf.gif) 0 0 repeat;
   color:#414a5c;
}
#header .breadcrumb a{
    display:inline;
/*    color:#eded67 !important;*/
    font-weight:bold;
}
.breadcrumb a:focus, .breadcrumb a:hover, .breadcrumb a:active{
/*   background:#fff url(/images/logos/bg_hover.jpg)  repeat;*/
/*   color:#dd261e !important;*/
}
#header .datum{
    float:left;
/*    width:17em;*/
   font-size:.95em;
/*   margin:0 0 0 0;
   padding:0 0 0 0;*/
}
#navi ul{
   list-style-type:none;
   margin:.1em 0 .4em 0;
   padding:2em 0 0 0;
/*   width:12em;*/
}
#navi ul li{
   list-style-type:none;
   margin:0 0 0 0;
   padding:0 0 .2em 0;
   text-indent:4px;
   line-height:1.3em;
}
#navi li a{
   display:block;
   margin:0;
   padding:0 0 .1em 5px;
   font-weight:bold;
   text-decoration:none;
}
#navi ul ul{
   padding:.5em 0 0 0;
}
#navi ul ul li{
   text-indent:18px;
   line-height:1.2em;
}
#navi li li a{
   text-align:left;
   padding:0 0 .1em 5px;
}
#navi ul ul ul{
    padding:.7em 0 0 0;
    background:#dfe8ed url(/images/logos/bg_soft_dblau_fff_dblau.jpg)  100% 0 repeat;
}
#navi a:focus, #navi a:hover, #navi a:active{
   text-decoration:none;
}
ul#kontakt li{
   margin:0 0 0 0;
   padding:0 0 .5em 0;
}
#footer ul{
    float:left;
    width:100%;
    margin:0;
    padding:.5em 0 0 .5em;
    background:#fff url(/images/logos/footerverlauf.gif) repeat;
}
#footer li{
   float:left;
   list-style-type:none;
}
#footer li a{
   display:block;
   padding:0 0 0 .5em;
/*   color:#fff;*/
   text-decoration:none;
}
#footer a:visited{
   color:#414a5c;
}
#footer a:focus, #footer a:hover, #footer a:active{
   background:#414a5c;
   color:#fff;
}
#infos{
    float:right;
    margin:.5em 0 .5em -17em;
    background:#e8e8ff url(/images/logos/bg_dblau_fff_dblau.jpg) 50% 0 repeat;
}
#infos ul{
    margin:0;
    padding:.5em;
    background:#e8e8ff;
}
#infos li{
/*    float:none;*/
    margin:0 2em 0 0;
    padding:.5em 0 0 0;
    list-style-type:none;
}
#infos li a{
   display:block;
   padding:0 0 0 .5em;
   text-decoration:none;
}
.hexe ul{
    float:left;
    width:20em;
}
.calendar_wrap{
    float:left;
    width:30em;
}
.zauberei ul{
    float:left;
    width:45em;
}
#wp_grins{
    float:right;
    width:5em;
    margin:5em 0 0 0;
}
#wp_grins img{
    float:right;
    padding:.1em .2em;
}
/* Definitionsliste Personen       */
#deflist{
   float:right;
}
#deflist dt{
   clear:both;
   float: right;
   margin:1em 3em 0 0;
}
#deflist dd{
   float:left;
   width:35em;
   margin:1em 0 0 .5em;
}
#deflist a{
   padding:0 .3em 0 0;
}
#deflist img{
   display:block;
   border-style:outset;
   border-color:#33718a;
   border-width:1px 2px 2px 1px;
   padding:1%;
}
#deflist dt.ohne_bild{
   height:4em;
}
#post a{
   text-transform:none !important;
}
#navi h3{
    border-bottom:3px double #7d99a8;
}
#seiten h3{
    text-align:left;
    border-bottom:3px double #7d99a8;
}
#seiten li{
   margin:0 0 0 -30px;
   padding:0;
}
#seiten li li{
   margin:0 0 0 -20px;
}
#seiten li li a{
   margin:0 0 0 5px;
}
#blogroll{
   margin:20px 0 0 0;
   padding:0;
}
#blogroll h2{
    font-size:1.5em;
    border-bottom:3px double #7d99a8;
}
#blogroll li {
   margin-left:10px;
}
#kategorie li{
   margin:0 0 0 -25px;
}
#kategorie li a{
    display:block;
    width:150px;
    margin:0;
    padding:0 .5em 0 .5em;
    font-variant:small-caps;
}
#kategorieliste ul li {
   display : none;
}
#kategorieliste .current-cat ul li, #kategorieliste .current-cat-parent ul li{
   display : block;
}
#tagcloud h4{
    margin-top:1em;
    font-size:1.5em;
    border-bottom:3px double #7d99a8;
}
#tagcloud a{
   white-space:nowrap;
}
#alphabet{
   margin:1em 0;
   padding:.5em 0;
}
#alphabet li{
   float:left;
   margin:0;
   padding:0;
   padding-left:.5em;
   list-style-type:none;
}
#alphabet li a{
   display:block;
   padding-right:.5em;
   font-weight:normal;
}
#archiv{
   margin:0 0 0 -25px;
}
#miradlo_com{
   margin:0 0 0 23px;
}
#content .bloggt{
    position:absolute;
    top:0;
    right:-5px;
}
#zuletzt h2{
    margin-left:-5px;
    font-size:1.5em;
}
li#recent-comments{
    list-style-type:none;
    text-align:left;
    border-bottom:3px double #7d99a8;
}
#recentcomments{
    margin:0 0 0 8px !important;
}
#recentcomments li{
    margin:.5em 0 !important;
    text-indent:0 !important;
}
.erster a{
   color:#13212a;
}
.zweiter a{
   color:#b3bcc2;
}
.dritter a{
   color:#89979f;
}
.vierter a{
   color:#576975;
}
.fuenfter a{
   color:#233c4c;
}
.children{
   margin-left:15px;
}
.date{
    padding:.5em 1em 1em 25px;
    font-size:.7em;
    line-height:1.1;
    font-style:italic;
}
.autor{
   font-size:1em;
   line-height:1.4;
   padding:.5em 1em 1em 25px;
}
.alignright{
    float:right;
    padding:3px;
    margin-left:10px;
}
.wp-caption{
   text-align:right;
   font: bold .8em "trebuchet ms", "albany amt", "andale sans", helvetica, tahoma, arial, sans-serif;
}
.small{
    font-size:.8em;
    font-style:italic;
}
.rsslink{
    min-height:30px;
    padding:5px .3em 0 25px;
    background:transparent url(/images/logos/rss_miradlo_20.png)  no-repeat;
}
.rsslogo{
    margin:0;
    padding:0;
}
.max_width{
   max-width:20em;
}
/* braucht man immer*/
acronym, abbr, span.caps {
   cursor: help;
}
.description{
   margin:-80px 0 0 15px;
   padding:0;
   color:#7f95a2;
    display:none;
}
.mac{
   background: url(/images/logos/mac_apple.png) 50% 0 no-repeat;
   min-height:70px;
}
.linux{
   background: url(/images/logos/linux.jpg) 50% 0  no-repeat;
   min-height:70px;
}
.win{
   background: url(/images/logos/linux_win.jpg) 50% 0 no-repeat;
   min-height:70px;
}
.gentoo{
   background: url(/images/logos/gentoo_linux.jpg) 50% 0 no-repeat;
   min-height:70px;
}
p.gentoo{
   padding-left:70px;
   background: url(/images/logos/gentoo_linux.jpg) 3% 0 no-repeat;
}
.albumlist ul{
   list-style-type:none;
   margin-right:5px;
}
.albumlist a{
   border:none !important;
   background-image:none;
   background-color:transparent !important;
}
.albumlist li{
   float: left;
   margin:0 2% 20px 3%;
   text-align:left;
   font: bold 0.7em "trebuchet ms", "albany amt", "andale sans", helvetica, tahoma, arial, sans-serif;
}
.albumlist img{
   display: block;
   border-top:2px outset #889;
   border-right:5px outset #889;
   border-bottom:5px outset #889;
   border-left:2px outset #889;
   padding:1%;
}
.albumlistre {
   list-style-type:none;
}
.albumlistre li{
   float: right;
   list-style-type:none;
   margin:0 2% 20px 3%;
   text-align:right;
   font: bold 0.7em "trebuchet ms", "albany amt", "andale sans", helvetica, tahoma, arial, sans-serif;
}
.albumlistre img{
   display: block;
   border-top:2px outset #889;
   border-right:5px outset #889;
   border-bottom:5px outset #889;
   border-left:2px outset #889;
   padding:1%;
}
.sidebar_logo {
   list-style-type:none;
   margin:0 0 20px -25px;
}
.sidebar_logo li{
   float: left;
   margin:0 0 20px 0;
   text-align:left;
   font: bold 0.7em "trebuchet ms", "albany amt", "andale sans", helvetica, tahoma, arial, sans-serif;
}
.sidebar_logo img{
   display: block;
   border-top:2px outset #889;
   border-right:5px outset #889;
   border-bottom:5px outset #889;
   border-left:2px outset #889;
   padding:1%;
}
/* fuer unterschiedliche Kommentare*/
.alt {
   background-color:#e4e5e7;
}
.geschrieben ul{
    list-style-type:none;
}
.geschrieben li{
    list-style-type:none;
    border-top: 3px double #a2a7ad;
}
.kommentare{
   width:54em;
   max-width:90%;
}
li#series-widget{
    margin:.5em 0 .5em 10px;
}
#series-widget select{
    margin:0 0 0 10px;
}
.landingsites {
    margin: 1em 2.5em;
    padding: .5em;
    border: 2px outset #5a6c78;
}
.landingsites ul li {
    list-style-position: inside;
    line-height: 1.5em;
/*    font-size: 1.3em;*/
}
.sociable{
    clear:both;
}
.aktt_tweets li{
    text-indent:2px !important;
    padding-top:5px !important;
    margin-left:4px !important;
}
.aktt_tweets a{
    display:inline !important;
}
.zahl{
    padding-right:.7em;
    font-weight:bold;
    font-size:1.5em;
}
.li_in_kommentar{
    border:none !important;
    list-style-type:circle !important;
}
/*--------------------Wunschzettel-------------------*/
ul.wunsch{
    padding:0 !important;
}
.wunsch li{
    margin-left:13px !important;
}
.infoecke{
    margin:.5em 1em;
    padding:.3em 1em;
    background-color:#b6bdc3;
    background:#dfe8ed url(/images/logos/bg_soft_dblau_fff_dblau.jpg)  90% 0 repeat;
    border:3px double #5e707c;
}
p.code, dd.code, .code1, .code2, .code3, .code4, .code5, .code{
   margin-left:2em;
   margin-right:2em;
   padding:.2em 0 .2em  20px;
   background-color:#e1e2e3;
   color:#036;
   font-family: "Courier New", Courier, "Adobe Courier", "Lucida Console", "Lucida Sans Typewriter",  monospace;
   font-size:1em;
}
dd.code{
   padding:.5em;
}
/* Code-Einrückungen */
code{
   margin-right:2em;
   padding:.2em 0 .2em  20px;
   display:inline;
   color:#036;
   font-family: "Courier New", Courier, "Adobe Courier", "Lucida Console", "Lucida Sans Typewriter",  monospace;
   font-size:1em;
}
p.code1, li.code1{
   padding-left:25px;
}
p.code2, li.code2{
   padding-left:40px;
   padding-bottom:0;
}
p.code3, li.code3{
   padding-left:55px;
}
p.code4, li.code4{
   padding-left:70px;
}
p.code5, li.code5{
   padding-left:85px;
}
.kommentar{
    font-size:1.1em;
    font-style:italic;
    color:#00458a;
}
.anfang a{
   background: url(/images/logos/seitenanfang.gif) right top no-repeat;
   display:inline-block;
   padding:0 20px 0 0 ;
}
.anfang{
   text-align:right;
   margin:1.5em 0 0 0;
   padding:0 1em 0 1em;
}
.error{
   font-weight:bold;
   color:#d71b14;
}
.clear{
   clear:both;
}
.floatleft{
   float:left;
}
.floatright{
   float:right;
}
a.imglink {
   border:none !important;
   background-image:none !important;
   background-color:transparent !important;
}