/*  Theme Name: uteles Blogdesign
/*  Theme URI: http://www.utele.eu/blog/
/*  Description: Das utele.eu 2011 Theme: 3-spaltig | Artikel auf der Startseite in voller Länge | Navi unterscheidet nicht zwischen Startseite und Artikelansicht | Widget in der rechten Sidebar möglich | Individuelles Menü per Widget ebenfalls in der rechten Sidebar möglich
/*  Version: 1.1
/*  Author: miradlo (Ute Hauth)
/*  Author URI: http://www.miradlo.com/
/*  style.css fuer www.utele.eu/blog
/*        miradlo            www.miradlo.com           Juni 2011                            */
/*  Styles fuer alle Seiten der Domain www.utele.eu innerhalb des Blogs                     */
/*                                                                                          */
/*****                                       *****************************              *****/
/* Styles auslagern*/
@import url(farben.css );

/***** Rueckstellungen *****/
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: 'LacunaRegular', "andale sans", "trebuchet ms", "albany amt", helvetica, tahoma, arial, sans-serif;
}
*{
   font-size:100.01%;
   border:none;
}
html>body{
   height:auto;
}
html{
   font-size:.9em;
}
body{
   margin:0 0 0 0;
   font-size:1em;
   /* Tipp, trennen nur fürs ichphone, weils nur safari kapiert, siehe: http://webdesign.weisshart.de/blog/category/css/*/
    -webkit-hyphens: auto;
}
img{
   border:0;
}
/*Seitenspezifische Deklarationen*/
h1, h2, h3, h4, h5{
   margin:.3em 0 .2em 0;
   padding:.5em 0 .3em 10px;
   font: 1em/1.4 'PinewoodRegular', "trebuchet ms", "albany amt", "andale sans", helvetica, tahoma, arial, sans-serif; 
   font-weight:normal;
}
h2 a, h3 a, h4 a, h5 a{
   font: 1em/1.4 'PinewoodRegular', "trebuchet ms", "albany amt", "andale sans", helvetica, tahoma, arial, sans-serif; 
   font-weight:normal;
}
h1{
    width:300px;
    margin:0 -6px 0 0;
    padding:150px 0 0 180px;
    font-size:1em;
}
h2{
   font-size:1.7em;
}
h3, caption{
    font-size:1.5em;
   font-weight:normal;
    text-align:left;
}
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{
}
a:focus, a:hover, a:active{
}
table{
   width:95%;
   border-collapse:collapse;
   padding:20px;
   font-size:.9em;
}
th{
   margin:0;
   padding:.3em;
   font-weight:bold;
}
td{
   padding:.2em;
}
/*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;
}
legend{
   margin-top:.7em;
   padding:1em;
   font-size:100.01%;
   font-weight: bold;
}
label{
   text-align:right;
   font-weight:bold;
   line-height:1.4em;
}
input{
    margin:0 0 .5em 0;
    padding:.2em 0;
    text-align:left;
    font-family: "trebuchet ms", "albany amt", "andale sans", helvetica, tahoma, arial, sans-serif;
    font-size:.95em;
    font-weight:bold;
}
input.text{
   width:20em;
   text-align:left;
   font-size:.95em;
}
input.submit{
    width:8em;
    margin:.2em auto;
    text-align:center;
    cursor:pointer;
}
fieldset.searchform{
    width:15em;
    margin:1em auto .5em auto;
    padding:.5em 0;
    cursor:pointer;
}
select{
    width:auto;
    margin:.2em 0 .2em 1.5em;
    line-height:1.3em;
    overflow:visible;
}
textarea{
   width:80%;
   text-align:left;
   font-weight: bold;
   font-size:.95em;
}
input:focus, input:hover, input:active, input.submit:focus, input.submit:hover{
}
textarea:focus{
}
code{
   margin-right:2em;
   padding:.2em 0 .2em  20px;
   display:inline;
   font-family: "Courier New", Courier, "Adobe Courier", "Lucida Console", "Lucida Sans Typewriter",  monospace;
   font-size:1em;
}
sup{
   font-size:.85em;
}
blockquote, blockquote p{
    font-style:normal;
    font: 1.2em/1.6 'JournalRegular', "trebuchet ms", "albany amt", "andale sans", helvetica, tahoma, arial, sans-serif; 
}
cite{
    font-weight:bold;
}
/*****                                  Layout                                                       *****/
#wrapper {
    position:relative;
    margin:0 0 0 0;
    padding:.3em 0 0 0;
}
#header{
    height:150px;
    margin:1em 1em 2em 1em;
}
#header a{
    display:block;
    margin:0 auto;
    text-decoration:none;
}
#header h1 a{
    position:absolute;
    top:18px;
    left:1em;
    width:245px;
    height:150px;
    display: block;
    margin:0 1em;
    padding:0 0 0 0;
}
#header h1 a:hover, #header h1 a:focus, #header h1 a:active{
}
/*************************************************************************************/
/*   Menuezeilen Kategorien horizontal    */
#kategorie{
    position:absolute;
    margin: 90px 0 0 200px;
    width:70%;
}
#kategorie ul{
    min-height:2em;
    width:77em;
    max-width:95%;
    min-width:52em;
    margin: 0em auto 3em auto;
/*  unteres padding laesst Raum fuer Unterkategorien */
    padding: 2px 0 1.3em 0;
    list-style-type:none;
}
#navbar li{
    float:left;
    margin: 0;
    list-style-type:none;
}
#kategorie ul a, #kategorie ul a:link, #kategorie ul a:visited{
    padding: 0px 5px;
    text-decoration:none;
}
#kategorie ul ul{
    position: absolute;
    top:1.8em;
    left:25%;
    width:55em;
    max-width:75%;
    min-width:42em;
    margin: 0 auto 0 auto;
}
li.cat-item a:after{
   content:" ::: ";
}
ul.children li a{
    display:none !important;
}
li.current-cat ul.children li a{
    display:inline !important;
}
li.current-cat ul.children li a:after{
   content:none !important;
}
/**********************************************************************************/
#main{
    position:relative;
    width:90em;
    max-width:95%;
    min-width:55em;
    margin:0 auto;
    padding:3em 1.5em 0 1em;
}
#navi{
    position:absolute;
    width:16em;
    margin:0 0 0 0;
    padding:0;
/*gegen ueberfluessige Scrollbalken bei langen Links*/
    overflow:hidden;
}
#rightsidebar{
    position:absolute;
    top:3em;
    right:1em;
    width:15em;
    max-width:16em;
    margin:1.7em 0 0 0;
    padding:0;
/*gegen ueberfluessige Scrollbalken bei langen Links*/
    overflow:hidden;
}
#content{
    margin:0 17em 0 17em;
    padding:.3em .3em .3em .3em;
}
#inner{
    margin:0 0 1em 0;
    padding:2.5em 0 0 0;
    min-height:195em;
    overflow:hidden;
}
#footer{
    clear:both;
    width:90em;
    max-width:100%;
    min-width:55em;
    margin:.5em auto 0 auto;
    padding:0 0 0 30px;
    text-align:center;
    font-size:.8em;
}
/*          Logotext ausblenden            */
h1 span{
    display:inline;
    position: absolute;
    left: -2500px;
    top: -2000px;
    width: 0;
    height: 0;
}
/* 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;
}
/***********                             Spezielles                       *************************/
.breadcrumb{
    margin:0 0 0 1em;
    padding:2px 0;
    font-weight:bold;
}
.breadcrumb a{
    display:inline;
    font-weight:bold;
}
.breadcrumb a:focus, .breadcrumb a:hover, .breadcrumb a:active{
}
#navi ul{
   list-style-type:none;
   margin:.1em 0 .4em 0;
   padding:2em 0 0 0;
}
#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 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;
    margin:0;
    padding:.5em 0 0 .5em;
}
#footer li{
   float:left;
   list-style-type:none;
}
#footer li a{
   display:block;
   padding:0 0 0 .5em;
   text-decoration:none;
}
#footer a:visited{
}
#footer a:focus, #footer a:hover, #footer a:active{
}
#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;
   padding:1%;
}
#deflist dt.ohne_bild{
   height:4em;
}
#post a{
   text-transform:none !important;
}
#navi h3{
}
#seiten h3{
    text-align:left;
}
#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, #werbung, #reklame{
   margin:20px 0 0 0;
   padding:0;
}
#blogroll h2, #werbung h3, #reklame h3{
    font-size:1.5em;
}
#blogroll li{
   margin-left:10px;
}
#werbung ul, #reklame ul{
   margin:0 0 0 0;
}
#werbung li, #reklame li{
   margin-left:20px;
}
#tagcloud h4{
    margin-top:1em;
    font-size:1.5em;
}
#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;
}
#content .bloggt{
    position:absolute;
    top:0;
    right:-5px;
}
#zuletzt h2{
}
li#recent-comments{
    list-style-type:none;
    text-align:left;
}
#recentcomments{
    margin:0 0 0 8px !important;
}
#recentcomments li{
    margin:.5em 0 !important;
    text-indent:0 !important;
}
.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;
    padding:.3em 1em .3em 1em;
}
.rsslink{
    min-height:30px;
    padding:5px .3em 0 25px;
}
.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;
    display:none;
}
.albumlist ul{
   list-style-type:none;
   margin-right:5px;
}
.albumlist a{
}
.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;
   padding:1%;
}
.albumlistre {
   list-style-type:none;
}
.albumlistre li{
   float: right;
   list-style-type:none;
   margin:0 2% 20px 2%;
   text-align:right;
   font: bold 0.7em "trebuchet ms", "albany amt", "andale sans", helvetica, tahoma, arial, sans-serif;
}
.albumlistre img{
   display: block;
   padding:1%;
}
.infoecke{
    margin:.5em 1em;
    padding:.3em 1em;
}
/* fuer unterschiedliche Kommentare*/
.alt {
}
.geschrieben ul{
    list-style-type:none;
}
.geschrieben li{
    list-style-type:none;
}
.kommentare{
   width:54em;
   max-width:90%;
}
.quote_comments{
    float:right;
    margin-top:0;
    padding-top:.5em;
    text-align:right;
}
.zahl{
    padding-right:.7em;
    font-weight:bold;
    font-size:1.5em;
}
.li_in_kommentar{
    list-style-type:circle !important;
}
/*-------------------- widgets---------------------*/
ul.rightsidebar{
    margin-left:-20px;
}
.rightsidebar li{
    margin-left:10px;
    list-style-type:none;
}
.rightsidebar li li{
    list-style-type:disc;
}
h2.widgettitle{
     }
.widget {
     }
/*--------------------Archive--------------------*/
li#archives{
     }
.widget_archives{
     }
/*--recent posts--*/
li#recent-posts{
     }
.widget_recent_entries{
     }
/*--------------------text widget--------------------*/
li.widget_text{
     }
/*--id haengt von der nummer des text widgets ab*/
li#text-4{
     }
div.textwidget{
     }
/*--------------------links blogroll--------------------*/
li#links{
     }
.widget_links{
     }
p.aktt_credit{
    font-size:.5em !important;
    font-weight:normal;
}
li#series-widget{
    margin:.5em 0 .5em 10px;

}
#series-widget select{
    margin:0 0 0 10px;

}
.sociable{
    clear:both;
}
/*--------------------Wunschzettel-------------------*/
ul.wunsch{
    padding:0 !important;
}
.wunsch li{
    margin-left:13px !important;
}
/*--------------------kategorien--------------------*/
li#categories{
     }
.widget_categories{
     }
.storycontent { 
    float: left; 
}
.landingsites {
    margin: 1em 2.5em;
    padding: .5em;
}
.landingsites ul li {
    list-style-position: inside;
    line-height: 1.5em;
/*    font-size: 1.3em;*/
}
p.code, dd.code, .code1, .code2, .code3, .code4, .code5, .code{
   margin-left:2em;
   margin-right:2em;
   padding:.2em 0 .2em  20px;
   font-family: "Courier New", Courier, "Adobe Courier", "Lucida Console", "Lucida Sans Typewriter",  monospace;
   font-size:1em;
}
dd.code{
   padding:.5em;
}
/* Code-Einrueckungen */
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;
}
.solo-subscribe-to-doi-comments{
        margin-left: 110px;
}
.kommentar{
    font-size:1.1em;
    font-style:italic;
}
.anfang a{
   display:inline-block;
   padding:0 20px 0 0 ;
}
.anfang{
    text-align:right;
    margin:1.5em 0 0 0;
    padding:0 1em 0 1em;
    clear:both;
}
.error{
   font-weight:bold;
}
.clear{
   clear:both;
}
.floatleft{
   float:left;
}
.floatright{
   float:right;
}
a.imglink {
}