body {
font-family: arial, verdana, sans-serif;
margin: 0;
padding: 0;
color: #222;
background: #efae73 url(../img/bg01.gif) top center repeat-y;
 }
 
 
a {
color: #0000ff;
text-decoration: none;
 }

a img {
border: none;
 }

a:visited {
color: #0000ff;
 }

a:hover {
color: #0000ff;
text-decoration: underline;
 }
 
p img {
border: 2px solid #c2c2c2;
 } 
 
img.fotos-landschaften {
border: 1px solid #666;
 } 
 
.counter {
border: none;
vertical-align: bottom;
 } 

#gesamt {
width: 720px;
margin: 0 auto;
background: transparent url(../img/bg_content01.gif) top left repeat-y;
padding: 0;
text-align: left;
 }

*>html #gesamt {
width: 700px;
 }

.no-layout {
display: none; }

h1.header {
background: #d0ca84 url(../img/logo03.gif) 28px 15px no-repeat;
border-bottom: 1px solid #8c8c8c;
/* font: normal 230% 'Times New Roman', Times, serif; */
width: 697px;
height: 45px;
margin: 0 0 0 3px;
padding: 0 0 15px 0;
color: #555;
 }

#unter-header {
width: 697px;
height: 10px;
background: transparent url(../img/unter_header01.gif) 0 0 no-repeat;
margin: 0 0 0 3px;
padding: 0;
 } 

#header a {
color: #000;
text-decoration: none;
 }

#header a:hover {
text-decoration: underline;
 }

#menu {
float: right;
font: normal 80%/100% 'trebuchet ms', verdana, arial, sans-serif;
background: transparent;
color: #000;
margin: 0 0 0 0;
padding: 45px 0 20px 0;
/* border: 1px solid #000; */

/* die folgende Angabe wird nur von älteren IEs interpretiert (nicht von IE 6) */
 width: 280px;
 voice-family: "\"}\"";
 voice-family: inherit;
/* die folgende Angabe wird nur vom Mozilla interpretiert */
 width: 233px;
 }

#menu form {
margin: 0 0 0 13px;
 }

#menu input {
font: normal 100% verdana, arial, sans-serif;
background: #f1f1f1;
border: 1px solid #b5b5b5;
width: 60%;
margin: 0 0 5px 0;
 }

#menu input.login {
background: #f1f1f1;
width: 20%;
padding: 0;
 }

#menu input:hover, #menu input:focus  {
background: #fff;
border: 1px solid #555;
 }

#menu ul {
color: #000;
list-style-type: none;
margin: 0;
padding: 0 44px 0 0;
 }

#menu li {
font-weight: normal;
font-size: 100%;
line-height: 120%;
display: block;
padding: 5px 0 5px 40px;
background: transparent url(../img/pfeil.png) 24px 0.75em no-repeat;
 }

#menu ul li:hover {
background: #dfe6be url(../img/pfeil-aktiv2.png) 24px 0.75em no-repeat;
 }

#menu li.aktiv {
background: #dfe6be url(../img/pfeil-aktiv2.png) 24px 0.75em no-repeat;
 }

#menu ul ul {
list-style-type: circle;
font-weight: normal;
line-height: 100%;
margin: 0;
/* padding: 0; */
text-align: left;
 }

#menu ul li a {
/* color: #3D3527; */
color: #554B37;
text-decoration: none;
display: block;
 }

#menu ul li a:hover {
color: #333;
text-decoration: none;
 }
 
#content {
/* background: transparent url(../img/ecke_ol.gif) 0 0 no-repeat; */
/* border: 1px solid #999; */
float: left;
margin: 30px 0 0 15px;
padding: 0 0 30px 15px;
background: transparent;

/* die folgende Angabe wird nur von älteren IEs interpretiert (nicht von IE 6) */
 width: 69%;
 voice-family: "\"}\"";
 voice-family: inherit;
/* die folgende Angabe wird nur vom Mozilla interpretiert */
/* width: 500px; */
/* width: 440px; */
   width: 440px;
 }

#content p,
#content li,
.aphorismen-blaettern,
.aphorismen dl {
font: normal 0.80em/1.5em arial, sans-serif;
 }
 
#content p {
background: transparent;
padding: 0 20px 0 0;
margin: 0;
/* border-left: 1px solid #000; */
 }
 
#content li {
list-style-type: none;
display: block;
/*
width: 300px;
padding: 5px 0 5px 20px;
background: transparent url(../img/pfeil1.png) 0 0.75em no-repeat;
*/
 }
 
#content li:hover {
/*
background: transparent url(../img/pfeil-aktiv.png) 0 0.75em no-repeat;
*/
 }  
 
#content form {
display: inline;
 }
 
.aphorismen-blaettern {
clear: both;
padding: 5px 0;
margin: 10px 0 10px 0;
 } 
 
h2 {
font: bold 100% verdana, times, serif;
margin: 0;
padding: 20px 0 20px 0;
color: #666;
letter-spacing: 0.08em;
 }

h3 {
/* border-bottom: solid 1px #eee; */
font: 100% arial, times, serif;
margin-top: 0;
 } 

p#desiderata,
#autobiographie {
background: #f9f9f9 url(../img/ecke_ol.gif) 0 0 no-repeat;
/* border: 1px dotted #404040; */
padding: 20px;
margin: 15px 20px 15px 0;
/* background-color: #fff; */
 }
 
#autobiographie ol {
padding: 0;
 } 

#autobiographie li {
padding: 5px 0 5px 0;
background: transparent;
 } 
 
#autobiographie li:hover {
background: transparent;
 }   
 
p#stehe-nicht {
text-align: center;
font-style: italic;
height: 244px;
border: 1px solid #000;
margin: 15px 20px 15px 0;
background-image: url(../../fotos/bg_stehe.jpg);
vertical-align: middle;
line-height: 125%;
 } 
 
p#weg {
border: 1px solid #404040;
padding: 6px;
margin: 10px 0;
font-style: italic;
 } 
 
.aphorismen dt {
clear: both;
float: left;
width: 7%;
text-align: center;
padding: 0.5em 0.25em 0.5em 0;
 }

.aphorismen dd {
float: left;
width: 80%;
margin: 0;
padding: 0.5em 0.25em;
 } 

.bottom {
clear: both;
font: normal 0.8em arial, sans-serif;
color: #000;
width: 646px;
background: #d0ca84;
padding: 10px 0 10px 10px;
margin: 0 0 0 20px;
border-top: 15px solid #dfe6be;
border-bottom: 5px solid #dfe6be;
 }