/**************** Seiten- und Tag-Styles ****************/

body {border-right:0px #c0d68b solid;
margin:30px;
padding:0;
color:#144554;
background:#fcfbf7;
font:83% Verdana, Helvetica, Arial, sans-serif}

ul {list-style:circle;
margin:12px 0 20px 0;
font-size:0.9em}

li {margin:0 0 8px 25px}

a {color:#185265;
font-weight:bold;
text-decoration:none}

a:hover {color:#505050;
text-decoration: blink}

img {float:left;
margin:0 15px 15px 0;
padding:1px;
background:#ffffff;
border:1px solid #d0d0d0}

a img {border-color:#185265}

a img:hover {background:#185265;
border-color:#185265}

/**************** Sidebar-Areal-Styles ****************/

#sidebar {position:absolute;
top:0px;
left:0px;
width:241px;
height:100%;
overflow:auto;
background: #fcfbf7 -7px 8px;
border-left:1px #c0d68b solid;
text-align:right;
font-style:normal;
font-weight:bold}

body > #sidebar {position:fixed}

#sidebar h1 {margin:90px 4px 26px 4px;
color: #243207;
font-size:1.9em;
letter-spacing:3px;
font-family:Verdana, Helvetica, Arial, sans-serif;
text-align:center;
text-transform:capitalize;
font-variant:normal;
font-weight:normal}

#sidebar h2, #sidebar h3 {margin:0 4px 22px 4px;
color: #243207;
font-size:1.7em;
font-family:Verdana, Helvetica, Arial, sans-serif;
font-weight:normal;
letter-spacing:3px;
text-align:right;
text-transform:capitalize;
font-variant:normal;
font-style:normal}

#sidebar h4 {margin:10px 4px 70px 4px;
color: #90620c;
font-size:1.4em;
font-family:Verdana, Helvetica, Arial, sans-serif;
letter-spacing:6px;
text-align:right;
text-transform:capitalize;
font-weight:normal;
font-variant:normal}

#sidebar h3 {margin:20px 20px 1px 5px;
color: #4a5f27;
font-size:0.7em;
font-family:Verdana, Helvetica, Arial, sans-serif;
text-align:right;
letter-spacing: -0pt;
text-transform: lowercase;
font-weight: lighter;}

#sidebar  p {margin:0 20px 18px 5px;
color:#243207;
font-size:0.9em}

#sidebar a {color:#243207}

/**************** Navigation-Menü-Styles ****************/

#menu a {display:block;
width:189px;
padding: 5px 0px 5px 52px;
font-size:1.2em;
font-weight:normal;
text-decoration:none;
letter-spacing:-0px;
text-align: left;
color: #5f5f5f;}

#menu a:hover {color: #ffba8f;
background: #fff;
padding:5px 0px 5px 52px;
border-right:0px #ebf7dc solid;
text-align: left;
border-top:0px #ebf7dc dotted;
border-bottom:0px #c0d68b dotted}

#menu a.active {padding:5px 0px 5px 52px;
width:189px;
color: #ad2929;
background: #fff;
border-top:0px #ffffff solid;
border-bottom:0px #c0d68b solid}

#menu a.active:hover {color: #ffba8f;
background:#fff}

/**************** Content-Areal-Styles ****************/

#content {width:420px;
margin: 0 0 0 212px;
padding:16px 38px;
background: #fff;
border-right:0px #c0d68b solid;
border-left:0px #c0d68b solid;}

#content p {margin:0 0 20px 0;
line-height:1.5em}

#content h1 {margin:0;
color: #243207;
font-weight:normal;
font-size:1.5em;
letter-spacing:5px;
text-align: justify}

#content h2 {margin:0;
color:#243207;
font-weight:normal;
font-size:1.3em;
letter-spacing:2px;
text-align:right}

#content h3 {clear:both;
margin:30px 0 10px 0;
color:#243207;
font-weight:normal;
font-size:1.4em;
letter-spacing:-0px}
