/* (c)2005  einfach-persoenlich.de
            Dipl.-Ing. Joerg Petermann  */

* {
margin:0;
padding:0;
}

body{
text-align:center;
font:small/1.4em  "Lucida Grande", "Lucida Sans Unicode", "trebuchet ms", verdana, arial, sans-serif;  /* 80 */
color:#333;
background:#fff5e5 url(/bild/bg.gif) repeat top left;
}

* html body{
font-size:x-small;  /* für IE5/Win */
f\ont-size:small;   /* andere IE Versionen */
}

p, blockquote, pre, ul, ol{
margin:0 0 1em 0;
} 

h1, h2, h3, h4{
margin-bottom:.7em;
font:1.6em/1.6em "trebuchet ms",georgia,times,sans-serif;
font-weight:bold;
color:#AC3402;
}

h1{
font-size:1.6em;
}

h2{
font-size:1.4em;
}

h3{
margin-bottom:.3em;
font-size:1.2em;
}

h4{
margin-bottom:.5em;
font-size:.95em;
letter-spacing:1px;
text-transform:uppercase;
}

ul li{
list-style:none;
}

.notiz{
font-size:.95em;
line-height:1.3em;
}

.clear{
clear:both;
}

a{
color:#063;
text-decoration:none;
border-bottom:1px dotted #063;
}

a:visited{
color:#333;
text-decoration:none;
border-bottom:1px solid #666;
}

a:hover{
color:#e2a868;
border-bottom:1px solid #e2a868;
}
h1 a,
h2 a, 
h3 a{
color:#AC3402;
text-decoration:none;
border:none;
}

h1 a:visited,
h2 a:visited,
h3 a:visited{
color:#AC3402;
text-decoration:none;
border:none;
}

h1 a:hover,
h2 a:hover,
h3 a:hover{
color:#AC3402;
background:#fffaf2;
border-bottom:1px solid #e2a868;
}

#site{
margin-left:auto;
margin-right:auto;
text-align:left;
width:960px;
border:solid #ffe9bf;
border-width:0 10px;
}

#site2{
background:#fff url(/bild/nav.gif) repeat-y top left;
font-size:100%;
border:solid #fc6;
border-width:0 1px;
}

#kopf h1{
margin:0;
text-indent:-88888px;
display:block;
}

#kopf h2{
margin:0;
padding:0;
font-size:1px;
line-height:1px;
height:0;
border:0;
text-indent:-88888px;
}

#kopf h1 a{
padding:0 0 80px;
display:block;
text-decoration:none;
background:#c2a373 url(/bild/ep-weblog.jpg) no-repeat bottom left ;
border:0;
}

#kopf h1 a:hover{
background:#c2a373 url(/bild/ep-weblog.jpg) no-repeat bottom left;
}

#sb #kopf h1 a{
background:#c2a373 url(/bild/epsb.jpg) no-repeat bottom left ;
}

#sb #kopf h1 a:hover{
background:#c2a373 url(/bild/epsb.jpg) no-repeat bottom left;
}

#menu{
width:100%;
float:left;
font:small/1.4em  "Lucida Grande", verdana, arial, sans-serif;
background:#7b1b01 url(/bild/head.gif) repeat-x top left;
border-top:1px solid #fc6;
border-bottom:1px solid #fc6;
}

#menu li{
float:left;
}

#menu li a{
padding:6px 13px;
float:left;
display:block;
color:#fff5e5;
font-weight:bold;
text-decoration:none;
border:solid #dd8c40;
border-width:0 1px 0 0;
}

#menu li a:hover{
color:#da9f63;
background:#7b1b01 url(/bild/head.gif) repeat-x top left;
}

#menu li.about{
float:right;
}

#menu li.about a{
border-width:0 0 0 1px;
}

/*  Aktives Menu

body#start #menu #start a{   
background:#fff;
color:#bf7d40;
background:#7b1b01 url(/bild/head.gif) repeat-x left bottom;
}

*/

#content{
width:600px;
float:right;
background:transparent url(/bild/cont3.gif) repeat-x top left;
}

#main{
margin:0 0 20px 30px;
width:425px;
float:left;
display:inline;
overflow:hidden;
padding:0 0 25px;
background:transparent url(/bild/ep-linie.gif) no-repeat bottom center;
}

#main{
\width:445px;
w\idth:425px;
}

#sba{
margin:0 0 20px 10px;
padding-left:10px;
width:110px;
float:left;
display:inline;
overflow:hidden;
border-left:1px solid #ffe5b2;
}

#sba{
\width:120px;
w\idth:110px;
}

#sbb{
margin:0 0 20px 20px;
width:550px;
float:left;
display:inline;
overflow:hidden;
}

#sbb{
\width:580px;
w\idth:560px;
}

#nav{
width:358px;
float:left;
font-size:92.5%;
background:#fff5e5 url(/bild/contnav.gif) repeat-x top left;
}

#sbc{
margin:0 0 10px 15px;
padding:0;
width:150px;
display:inline;
float:left;
overflow:hidden;
}

#sbc{
\width:160px;
w\idth:150px;
}

#sbd{
margin:0;
padding:0 10px 0 15px;
width:150px;
display:inline;
float:right;
overflow:hidden;
border-left:1px solid #ffe5b2;
}

#sbd{
\width:160px;
w\idth:150px;
}

#sbe{
margin:0 0 0 10px;
padding:10px;
width:320px;
float:left;
display:inline;
background:#fff5e5 url(/bild/bg.gif) repeat 0 0;
border:solid #ffe5b2;
border-width:1px 0;
}

#sbe{
\width:330px;
w\idth:320px;
}

#fuss{
clear:both;
padding:13px 10px 10px;
border-top:1px solid #fc6;
background:#ffedcc url(/bild/contfuss.gif) repeat-x top left;
}

#fuss p{
margin:0;
color:#c6813e;
}

#fuss a{
color:#c6813e;
text-decoration:none;
border:none;
}

#fuss ul li{
padding-right:6px;
float:left;
}

#fuss ul{
margin:0;
padding:0;
clear:left;
border-bottom:1px solid #feedcc;
}

#nav ul li a.xml{
float:right;
font-weight:normal;
border:0;
}

#nav ul li ul{
margin-left:18px;
margin-bottom:0;
}

#nav h3{
margin-top:1.6em;
border-bottom:1px solid #ffe5b2;
}

#nav p a.no{
text-decoration:none;
border:0;
}

#nav .no img{
border:0;
}

#nav ul.rss li,
#content #rating ul.rss li{padding:0 0 0 20px;
background:transparent url(/bild/rss.gif) no-repeat 0 3px; 
}

#content ul.link{
margin:0 0 1em 0;
text-align:left;
}

#content ul.link li.rss,
#content ul.link li.del{
float:left;
padding:0 0 0 1.5em;
background:transparent url(/bild/rss.gif) no-repeat 0 3px; 
}

#content ul.link li.del{
background:transparent url(/bild/del.gif) no-repeat 0 3px; 
}

#content ul.link li.no,
#content ul.link li.no img{
background:0;
border:0; 
}

#nav ul.top10 li{
background:transparent url(/bild/pkt.gif) no-repeat 0 5px; 
padding:0 0 0 13px;
}

#nav #sbe h3{
margin-top:1em;
}

#nav #sbe ul{
margin:0 0 20px;
}


body.cdeb blockquote,
body.cdeb pre{
width:420px;
}


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

* html .scfl {display:inline-table;}
/*  \*/
* html .scfl {height:1%;}
.scfl{display:block;}
/*  */


body.cdb #sbe,
body.dcb #sbe,
body.cdab #sbe,
body.dcab #sbe{display:none;}

body.cdeb #main,
body.dceb #main{width:540px;}

body.cdeb #sba,
body.dceb #sba{display:none;}

body.dceb #sbc{
margin:0;
padding:0 0 10px 10px;
float:right;
border-left:1px solid #ffe5b2;
}

body.dceb #sbd{
margin:0 0 10px 10px;
padding:0;
float:left;
border:0;
} 


#content{
padding-top:.6em;
}

#content em{
font-style:italic;
}

#content .ii{
margin-left:4px;
float:left;
background:#efefef;
}

#content .ii img{
position:relative;
top:-4px;
left:-4px;
background:#fff;
padding:4px;
border:1px solid #ccc;
}

#content .r{
margin:8px 0 10px 10px;
float:right;
}

#content .l{
float:left;
margin:8px 10px 10px 4px;
}

#content .rah{
padding:15px;
background:#f5f5f5;
}

#content blockquote{
clear:both;
padding:20px 15px 10px 15px;
font-style:italic;
font-family:verdana,"trebuchet ms", georgia;
background:#fffaf2 url(/bild/cont2.gif) repeat-x top left;
border:1px solid #fee6c0;
border-top:1px solid #fc6;
}

#content blockqoute p{
background:transparent url(/bild/cc.gif) no-repeat top left;
}

#content blockquote strong{
display:block;
font-style:normal;
}

#content pre{
padding:15px;
border-left:2px solid #e2a868;
background:#fffaf2;
font-family:monospace,"courier new";
color:#c6813e;
}

#content ol.code{
margin:1em 0;
padding:10px 10px 6px 40px;
list-style-type:decimal-leading-zero;
font-family:courier,monospace;
background:#fff;
border:1px solid #fee6c0;
border-left:2px solid #e2a868;
}

#content ol.code li{
margin-bottom:4px;
padding:2px 8px;
background:#fffaf2;
border:1px solid #fee6c0;
}

#content .beige,
#content .grau,
#content .jp{
margin-bottom:1.5em;
padding-bottom:.5em;
background:#fffaf2;
border-top:2px solid #e2a868;
border-bottom:1px solid #e2a868;
}

#content .beige p.post,
#content .grau p.post,
#content .jp p.post{
margin:0;
padding:1em;
background:#fff5e5 url(/bild/bg.gif) repeat top left;
border-bottom:1px solid #ffe9bf;
}

#content .beige p,
#content .grau p,
#content .jp p{
margin:1em 0;
padding:0 1em;
}

#content p.post a{
color:#c6813e;
font-weight:bold;
border:none;
}

#content p.post strong a{
color:#063;
border-bottom:1px dotted #063;
}

#content .posted{
font-size:.9em;
}

#content ul li{
margin:0 0 0 13px;
padding:0 0 0 16px;
list-style:none;
background:transparent url(/bild/pkt.gif) no-repeat 0 5px;
}

#content ol{
margin-left:20px;
padding-left:20px;
}

#content .beige blockquote,
#content .grau blockquote,
#content .jp blockquote{
margin:13px;
padding:0;
background:#fff;
border:1px solid #fee6c0;
border-top:2px solid #e2a868;
}

#content acronym {
cursor:help;
border-bottom:1px dashed #036;
}

#content img.gravatar,
#content .beige img.gravatar,
#content .grau img.gravatar,
#content .jp img.gravatar{
float:right;
float:left;
border:1px solid #FFE5B2;
background:#fff;
padding:4px;
margin:0 13px 0 0;
}

#content dl{
margin:13px 0;
padding:5px 0;
border-top:1px solid #e2a868;
}

#content dt{
margin:0;
padding:22px 0;
float:left;
}

#content dt strong{
margin:0;
padding:0;
color:#e2a868;
display:block;
}

#content dd{
margin:0 0 0 110px;
padding:10px 0 15px;
}

#content dd h2{
margin:0;
padding:10px 0 0;
line-height:1.5em;
}

#content dd p.posted{
margin:0 0 .3em;
}

#content .interview{
padding-left:50px;
}

#content .tags{
margin:0;
padding:4px 13px 6px;
border-top:1px solid #e2a868;
background:#fffaf2;
}

#content #trackbacks{
margin:0 0 20px;
padding:4px 13px;
border:solid #e2a868;
border-width:1px 0;
background:#fffaf2;
}

#content dd ul{
margin:0;
padding:0;
float:left;
display:inline;
}

#content dd ul li{
margin:0;
padding:0 10px 0 0;
display:inline;
background:none;
}

#content .mehr{
margin:0;
padding:15px 0 40px;
background:transparent url(/bild/ep-linie.gif) no-repeat bottom center;
border:none;
}

#content h2{
margin:0;
}

#content p.ii a{
border-bottom:0;
}

#content p.ii a:hover img{
border:1px solid #e2a868;
}

#content dl.tipp{
border-bottom:1px solid #e2a868;
}

#nav #zitat{
margin:0 0 2em 0;
padding:.2em 0 3.5em;
font-family: verdana, arial, sans-serif;
font-style:italic;
border-bottom:1px solid #ffe5b2;
}

#nav #zitat em{
margin-bottom:13px;
font-style:normal;
float:right;
font-size:.9em;
}

#nav ul.sideblog li{
padding-bottom:.5em;
font-size:.9em;
}

#nav ul.sideblog li a{
font-weight:normal;
}


#content ul.related{
float:right;
font-family:arial,verdana;
font-size:.9em;
font-weight:bold;
margin:0px;
padding:26px 30px 0 0;
width:250px;
max-height:250px;
}

#content ul.related em{
display:block;
font-style:normal;
font-weight:normal;
font-size:.95em;
line-height:1.2em;
color:#666;
}

#content ul.related li{
margin:0;
padding:0 0 10px 0;
background:none;
}

#content ul.related li a{
color:#063;
border-bottom:1px solid #063;
}

#content .ga{
width:250px;
}

#content h3.related{
margin:0;
}

#sbe ul.stat li a{
border:0;
color:#333;
}

#nav #sbe ul.list li{
float:left;
margin-right:10px;
}

#nav #sbe ul.list{
padding-bottom:2px;
}

#nav p.ii{
margin-top:32px;
}

#nav .ii{
margin-left:4px;
float:left;
background:#ffe9bf;
}

#nav .ii img{
position:relative;
top:-4px;
left:-4px;
background:#fff;
padding:4px;
border:1px solid #fc6;
}

#content .no,
#content a.no img,
#sbc a.no{
border:none;
}

#content #rating{
margin-bottom:1em;
padding:10px;border:1px solid #FFE5B2;
background:#FFFAF2;
}

#content #rating strong{
color:#444;
}

#content #rating1{
margin-bottom:1em;
padding:10px;border:1px solid #FFE5B2;
}

.mitte{
text-align:center;
}

#main a.no{
color:#333;
}

#content .zitat{
float:right;
width:200px;
margin:13px;
font:1.3em/1.3em georgia, arial, sans-serif;
font-weight:normal;
}

#content .zitatn,
#content .zitato{
clear:left;
margin:13px;
padding-left:40px;
padding-right:20px;
font:1.3em/1.3em georgia, arial, sans-serif;
font-weight:normal;
}

#content .zitato{
padding-left:0;
margin-left:0;
}

#content .zitatn{
float:right;
width:200px;
margin:13px;
}

#main p.no a{
border:none;
}

#content #rating2{
margin-bottom:1em;
padding-left:0px;
}

#sbd #slogan{
color:#d6833a;
}


#sbd span{
color:#f08834;
font-weight:bold;
font-variant:small-caps;
font-size:.9em;
}

#nav p.ii a{
margin:0;
border-bottom:0;
}

#nav p.ii a:hover img{
border:1px solid #999;
}

body#movabletype #kopf h1 a,
body#movabletype #kopf h1 a:hover,
body#rss #kopf h1 a,
body#rss #kopf h1 a:hover,
body#wp-wordpress #kopf h1 a,
body#wp-wordpress #kopf h1 a:hover{
background:#c2a373 url(/bild/ep-movabletype.jpg) no-repeat bottom left ;
}

body#firefox #kopf h1 a,
body#firefox #kopf h1 a:hover{
background:#c2a373 url(/bild/ep-firefox.jpg) no-repeat bottom left ;
}

body#dankeschoen #kopf h1 a,
body#dankeschoen #kopf h1 a:hover{
background:#c2a373 url(/bild/ep-dankeschoen.jpg) no-repeat bottom left ;
}

body#persoenlich #kopf h1 a,
body#persoenlich #kopf h1 a:hover{
background:#c2a373 url(/bild/ep-persoenlich.jpg) no-repeat bottom left ;
}

body#dialog #kopf h1 a,
body#dialog #kopf h1 a:hover{
background:#c2a373 url(/bild/ep-dialog.jpg) no-repeat bottom left ;
}

body#google #kopf h1 a,
body#google #kopf h1 a:hover,
body#suchmaschinen #kopf h1 a,
body#suchmaschinen #kopf h1 a:hover{
background:#c2a373 url(/bild/ep-suchmaschinen.jpg) no-repeat bottom left ;
}

body#autorengespraech #kopf h1 a,
body#autorengespraech #kopf h1 a:hover,
body#buecher #kopf h1 a,
body#buecher #kopf h1 a:hover,
body#buchtipps #kopf h1 a,
body#buchtipps #kopf h1 a:hover{
background:#c2a373 url(/bild/ep-buecher.jpg) no-repeat bottom left ;
}

body#blogging-tipps #kopf h1 a,
body#blogging-tipps #kopf h1 a:hover,
body#blogging #kopf h1 a,
body#blogging #kopf h1 a:hover{
background:#c2a373 url(/bild/ep-blogging.jpg) no-repeat bottom left ;
}

body#start #kopf h1 a,
body#start #kopf h1 a:hover{
background:#c2a373 url(/bild/ep.jpg) no-repeat bottom left ;
}

#main .infobox{
width:200px;
margin:0em 0em 1em 2em;
padding:1em;
border:1px dashed #fc6;
background:#FFFAF2;
float:right;
}

#main .infobox em{
color:#fc6;
font-style:normal;
font-size:1.2em;
}


#content ul li.rss{
padding-left:1.52em;
background:transparent url(/bild/rss.gif) no-repeat 0 3px; 
}

#content form.email{
margin:2em 0;
padding:1em;
background:#fffaf2;
border:1px solid #ffe5b2;
text-align:center;
}

#content #main #name_email input,
#content #main #url{
width:200px;
}


#content .mehr2{
margin:0;
padding-top:15px;
}

#sbd h3{
clear:both;
}


#content p.no a img{
border:0;
}

#main #g3{
float:left;
margin:0px 10px 0 0;
padding:4px 4px 4px 0;
}

#main #ggd{
margin:10px 8px 13px;
}

#content #main embedd,
#content #main object{
border:1px solid #ccc;
display:block;
padding:4px;
margin:1em 1em 1em 0;
}

#content ul{
clear:both;
}

#main p.center a{
border:0;
}

.einbl{ margin:1em 0; }
.einbl a, .einbl a img{ border:0; }