/*  

Theme Name: Usability Weblog Theme 

Theme URI: http://usability-weblog.de/

Description: Wordpress-Theme von Usability Weblog

Version: 1.0

Author: Robert Hartl

Author URI: http://www.netprofit.de/

*/



html,body,div,span,applet,object,h1,h2,h3,h4,h5,h6,p,blockquote,pre,p,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-size:100%;background:transparent;margin:0;padding:0;}

* html body *{overflow:visible;}

a,a:link{color:#47f;text-decoration:underline;outline:none;}

a:visited{color:#99c;}

a:hover,a:active,a:focus{background:#fff;color:#E44FB7;}

a:focus{outline:0;}

a:active{position:relative;top:1px;text-decoration:none;}

h1,h2,h3,h4,h5,h6{line-height:135%;font-weight:400;color:#444;font-family:verdana,arial,sans-serif;padding:0;}

h1,h2{font-size:1.5em;}

h3{font-size:1.4em;}

h4,h5{font-size:1.3em;}

code{font-family:"Courier New", Courier, monospace;font-size:.85em;}

blockquote{background:transparent url(images/quote.gif) top left no-repeat;font-style:italic;padding:0 2.5em;}

ul,ol{margin-bottom:1em;}

acronym,abbr,abbr[title]{cursor:help;border-bottom:1px dotted #666;font-style:normal;}

input,textarea{font:normal 1em Arial,Verdana,sans-serif;padding:.3em;}

body{position:relative;background:#ddd url(images/bg2.jpg) 0 0 no-repeat;font-size:100%;line-height:1.8em;font-family:Verdana, Helvetica, Tahoma, Arial,sans-serif;color:#222;z-index:9;margin:0;padding:1em;}

.w100{z-index:99;font-size:.85em;min-width:780px;max-width:1260px;text-align:left;position:relative;margin:0 auto;padding:0;}

.w66{width:65%;}

.w50{width:49%;}

.w33{width:32%;}

.links{float:left;display:inline;}

.rechts{float:right;display:inline;}

.mittig{display:inline;margin:0 auto;}

.access p span{display:none;}

.access h1, .access p a.access{display:block;position:absolute;left:-1000em;top:-1000em;}

.access p a:focus,.access p a:active{top:.2em;left:.2em;width:auto;display:block;color:#000;background:#fff;z-index:9999;outline:1px solid #000;padding:.2em 1em;}

#header{z-index:999;background:#fff;padding:1.5em 2em;}

#header h2#logo,#header a#logo{display:block;background:transparent url(images/logo2.jpg) top left no-repeat;text-indent:-98765px;width:342px;text-decoration:none;height:126px;z-index:11111;}

#header h3{position:absolute;left:-1000em;top:-1000em;}

p#breadcrumb{background:#fff;border-top:1px solid #ddd;border-bottom:1px solid #ddd;font-size:.85em;padding:.2em 2.5em;}

#inhalt{background:#fff;padding:2em 0;}
#inhalt .links{overflow:hidden;}

.trenner{border-bottom:1px solid #ddd;margin:0 0 2em;padding:0 0 2em 2em;}

h1.titel{padding-bottom:.7em;line-height:1.15em;}

.meta{font-size:.85em;}

.infos span{background:url(images/sprites-icons.gif) -6px -4px no-repeat;padding-left:14px;margin-right:1em;}

.infos span.kategorien{background-position:-6px -68px;}

.infos span.kommentars{background-position:-6px -46px;}

.infos span.trackback{background-position:-6px -112px;}

.infos span.tags{background-position:-6px -25px;}

.infos span.print,span.print{background:none;display:none;}

.teaser{margin-top:1em;line-height:2.2em;}

.teaser img.linksbild{float:left;border:1px solid #ccc;margin:.3em 1em 0 0;padding:3px;}

.artikel div.aligncenter{display:block;margin-left:auto;margin-right:auto;}

.artikel h2{padding:0 0 .6em;}

.artikel h3,.artikel h4{padding:.9em 0 .6em;}

.alignleft{float:left;margin:6px 10px 3px 0;}

.alignright{float:right;margin:8px 0 3px 15px;}

img.startbilder{float:left;border:1px solid #ddd;text-align:center;background:#fff;margin:6px 10px 2px 0;padding:3px;}

.kleinbild img.startbilder{width:80px;height:80px;}

.artikel .wp-caption{background:#ddd;}

.artikel .wp-caption img{border:1px solid #ddd;background:#fff;margin:0;padding:3px;}

a img.startbilder,.artikel .wp-caption a img{border-color:#47f;}

a:hover img.startbilder,.artikel .wp-caption a:hover img{border-color:#E44FB7;}

.artikel p{padding-bottom:.85em;}

.artikel .wp-caption p.wp-caption-text{text-align:left;font-size:.85em;margin:-.85em 0 0;padding:0 0 0 1em;}

.artikel ul{list-style-position:outside;margin-left:.2em;list-style-type:none;}

.artikel ul li{padding-left:1.5em;background:url(images/bullet.gif) 0 8px no-repeat;}

.artikel ol{list-style-position:outside;margin-left:3em;}

.auszug p,.auszug .weiterlesen{display:inline;}

.postnavi{width:100%;}

.postnavi .rechts{text-align:right;}

#inhalt .rechts .widget{height:1%;display:block;position:relative;margin-bottom:2em;border-bottom:1px solid #ddd;padding:0 1em 1em 0;}

#inhalt .rechts img.alignleft{float:left;border:1px solid #ccc;margin:.6em .9em .1em .05em;padding:3px;}

#inhalt .rechts img.alignright{float:right;border:1px solid #ccc;margin:.3em 0 0 1em;padding:3px;}

#inhalt .rechts img.upa{float:right;margin:0 1em 0 .6em;padding:3px;}

* html #inhalt .rechts ul li{display:inline;position:relative;height:1%;}

#inhalt .rechts ul li a{display:block;background:url(images/sprites-icons.gif) -6px -28px no-repeat;padding-left:1em;}

#inhalt .rechts ul.einzelartikel li a,#inhalt .widget_pages ul li a{background-position:-6px -126px;}

#inhalt .rechts ul.kategorien li a{background-position:-6px -60px;}

#inhalt .rechts ul.tags li a{background-position:-6px -18px;float:left;margin:0 1.8em .5em 0;}

#inhalt .rechts ul.archiv li a{background-position:-6px 4px;}

#inhalt .rechts ul.freunde li a{background-position:-6px -105px;}

#inhalt .rechts ul li.current-cat a,#inhalt .rechts ul li.current_page_item a{text-decoration:none;}

#inhalt ul.zweispaltig li{float:left;width:48%;margin-right:1%;}

#inhalt .rechts ul{list-style-type:none;}

input.hg,textarea.hg{color:#444;border:1px solid #666;padding:.2em;}

input.hg:hover,textarea.hg:hover{border-color:#000;}

input.hg:focus,input.hg:active,textarea.hg:active,textarea.hg:focus{border-color:#000;}

#commentform fieldset label{font-size:.85em;}

#commentform legend{display:none;}

#commentform input{width:40%;margin:.3em .3em 0 0;padding:.3em;}

#commentform input#submit{cursor:pointer;padding:0;}

#commentform textarea{width:99%;height:11em;padding:.3em;}

#commentform p{margin:0;padding:.5em 0;}

.kommentar{margin:2em 0;padding:.5em 0;}

.kommentator cite{font-style:italic;font-size:1em;line-height:26px;margin:0;padding:0;}

.kommentator img.gravatar{float:left;border:1px solid #ccc;margin:.3em 1em 0 0;padding:3px;}

.autorkommentar .kommentator img.gravatar{background:#ccc;border-color:#ccc;}

.kommentarinhalt{padding:1px 0 0 78px;}

#footer{background:#fff;border-top:1px solid #ddd;font-size:.85em;padding:.2em 2.5em;}

#footer .rechts{text-align:right;}

#topleiste{position:absolute;top:1em;right:0;width:33%;text-align:right;font-size:.85em;z-index:888;margin:0;padding:0;}

#topleiste #searchform{margin-right:1em;}

form#searchform input{padding:1px 2px;}

form#searchform label{display:none;}

form#searchform input#s{width:12em;}

form#searchform input#suchesubmit{cursor:pointer;margin:0 0 0 .2em;padding:0;}

#topleiste a.twitterlink{background:url(images/twitter-icon.png) left no-repeat;padding-left:15px;margin-right:1.5em;}

#topleiste a.feedlink{background:url(images/feed-icon.png) left no-repeat;padding-left:18px;margin-right:1.5em;}

.clearleft{clear:left;}

.clearright{clear:right;}

.clearboth{clear:both;}

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

* html .clearfix{height:1%;}