/*  
Theme Name:Universal Access
Theme URI:http://www.universal-access.blanzelot.de/
Description:Das deutschsprachige Theme mit allen technischen und sprachlichen Standards zur Zugänglichkeit
Version:1.0
Author:Stefan Blanz
Author URI:http://www.blanzelot.de/
Universal Access 1.0

CSS, XHTML und Design sind veröffentlicht unter GPL:
http://www.opensource.org/licenses/gpl-license.php
*/
* {
margin:0;
padding:0;
}
body {
font:normal 100.01% trebuchet MS, verdana, arial, sans-serif;
color:#000;
background:#888 url(images/tapete.gif) fixed 44.2% 0 repeat;
}
#page {
font:normal 0.86em arial, sans-serif;
background:#fff;
margin:25px auto 5px;
max-width:61em;
border:3px solid #eec734;
position:relative;
}
#start #page {
max-width:67em;
}
#jump, #jump a {
position:absolute;
top:0;
left:0;
display:inline;
font:normal 0.3em arial, sans-serif;
}
#jump a:focus, #jump a:active {
display:block;
z-index:2000;
width:17em;
top:5px;
left:20px;
padding:10px 10px 10px 55px;
font:normal 1.8em arial, sans-serif;
letter-spacing:1px;
background:#8b7d57 url(images/back_jump.gif) 10px 50% no-repeat;
color:#fff;
}
a {
color:#33a;
}
a:visited {
text-decoration:none;
color:#666;
}
a:hover {
text-decoration:none;
}
a:focus, a:active, #content a:focus, #content a:active, #content .post h3 a:focus, #content .post h3 a:active, #content .post .meta a:focus, #content .post .meta a:active, #content a:active code, #content a:focus code, #sidebar #navigation li a:focus, #sidebar #navigation li a:active, #sidebar .rss a:focus, #sidebar .rss a:active, #sidebar a:focus, #sidebar a:active, #footer a:active, #footer a:focus {
color:#fff;
background:#8a722a;
text-decoration:none;
}
#header a:focus, #header a:active {
text-decoration:none;
color:#000;
background:none;
}
h1 {
font:normal 1.1em arial, sans-serif;
}
h2 {
font:bold 1.2em arial, sans-serif;
}
h3 {
font:bold 1.1em arial, sans-serif;
color:#8a722a;
margin:10px 0 3px 20px;
}
h4 {
font:bold 1em arial, sans-serif;
}
p, li {
line-height:1.4em;
}
ul li {
list-style:none;
}
img {
border:none;
}
code {
font:bold 1.1em courier new, courier, serif;
color:#8a722a;
}
#header {
position:absolute;
width:97.8%;
height:33px;
top:0;
left:0;
border:1px solid #fff;
background:#eef2e6;
padding:67px 2% 0 0;
line-height:0.5em;
text-align:right;
font-weight:bold;
color:#8a722a;
}
h1#header {
background:#eef2e6 url(images/hirsch.jpg) 0 0 no-repeat;
}
h2#header {
font-size:1.1em;
}
#header strong, #header a {
position:absolute;
top:0;
right:20px;
padding:19px 0 0 150px;
height:81px;
width:21.65%;
font:normal 2.3em/0.8em times new roman, sans-serif;
color:#8a722a;
border-left:1px solid #fff;
}
#header strong {
width:23.4%;
}
#header strong img, #header a img {
position:absolute;
top:0;
left:0;
}
#content {
margin:102px 0 -3.25em;
padding:20px 0 0;
float:left;
width:58%;
border-top:3px solid #eec734;
}
#content *, #content .post * {
margin:0 20px;
}
#content .post {
margin:0 0 10px;
padding:0 0 15px;
position:relative;
background:url(images/back_post.gif) 50% 100% no-repeat;
}
#content .start {
margin-left:215px;
}
#content * *, #content .post * * {
margin:0;
}
#content h1 {
position:absolute;
top:1px;
left:1px;
width:53%;
margin:0;
padding:54px 0 0 19px;
z-index:1000;
font:normal 1.6em/1em arial, sans-serif;
color:#8a722a;
background:#eef2e6 url(images/back_h1.gif) 19px 19px no-repeat;
}
#content h1 .themenmarke, #content .post h3 a .themenmarke {
font: normal 0.75em arial, sans-serif;
display:block;
}
#content h1 img {
position:absolute;
top:0;
left:0;
}
#content h2, #content h3 {
margin:5px 10px 2px 20px;
font:normal 1.3em arial, sans-serif;
color:#838348;
padding-top:5px;
border-top:1px solid #babdb2;
}
#content #h2start {
border:0;
margin:0 0 10px;
padding:0 0 3px;
border-bottom:1px solid #cad2af;
}
#content h3 {
border:0;
padding-top:0;
}
#content .post h3 {
font:normal 1em arial, sans-serif; 
padding:0 0 0.1em 5em;
margin:0 20px;
color:#8a722a;
border:0;
}
#content .post h3 strong {
font:bold 1em arial, sans-serif;
}
#content .post h3 a {
color:#8a722a;
text-decoration:none;
}
#content .post h3 a:hover {
text-decoration:underline;
}
#content .post h3 .date {
position:absolute;
top:1px;
left:0;
padding:0 0 1px 0;
margin:0 0 0 20px;
background:#eef2e6;
color:#666;
width:5em;
font:bold 0.8em/1em arial, sans-serif;
display:block;
text-align:center;
}
#content .post .date em {
font:bold 1.5em/0.8em arial, sans-serif;
letter-spacing:-1px;
display:block;
padding:4px 0 2px;
margin:0 0 3px;
background:#cad2af;
color:#333;
}
#content p {
margin:0 10px 10px 20px;
}
#content p, #content .post p, #content * * p, #content ul li, #content * * li, #content .post * li, #content address {
margin-bottom:10px;
}
#content #intro {
width:200px;
float:left;
background:#eef2e6 url(images/back_intro.jpg) 100% 0 repeat-y;
padding:10px 13px 10px 10px;
margin:-20px 10px 10px 0;
border:1px solid #fff;
border-bottom:3px solid #eec734;
}
#content #intro * {
margin-left:0;
margin-right:0;
}
#content #intro img {
display:block;
}
#content .picright, #content .picleft {
margin-left:10px;
margin-top:5px;
float:right;
width:150px;
padding:3px;
font:bold 0.85em arial, sans-serif;
color:#777;
background:#eef2e6;
border:1px solid #aaa;
}
#content .picleft {
float:left;
margin:5px 10px 0 20px;
}
#content .zip {
width:6em;
font:normal 1.7em arial, sans-serif;
padding:5px 2px 5px 10px;
}
#content .zip a, #content .zip span {
display:block;
}
#content .zip span {
font:bold 0.6em arial, sans-serif;
margin-top:10px;
}
#content .post p {
text-indent:5em;
}
#content .post p.picleft {
display:none;
}
#content .post * + * + p {
text-indent:0;
}
#content ul li {
margin:0 0 7px;
padding:0 0 0 20px;
background:url(images/back_li.gif) 0 4px no-repeat;
}
#content .code li {
background:#eef2e6;
padding:2px 10px;
margin:0;
border-bottom:1px solid #aaa;
font-size:0.95em;
}
#content .code li ul {
border:1px solid #b00;
margin:0 0 10px;
padding:0 0 5px;
}
#content .code li code {
font-size:1em;
color:#009;
}
#content .code li code span {
color:#b00;
}
#content ul li dfn {
display:block;
}
#content ol, #content dl {
margin-bottom:7px;
}
#content ol li {
margin:0 0 3px 20px;
}
#content .color {
background:#eef2e6;
padding:10px 5px;
}
#content dt {
width:9em;
float:left;
font-weight:bold;
margin:0 5px 3px 0;
text-align:right;
}
#content .interview dt {
width:4em;
}
#content dd {
margin:0 5px 3px 0;
clear:right;
}
#content dfn {
font:bold 1em arial, sans-serif;
}
#content del {
color:#888;
}
#content ins {
text-decoration:none;
padding:2px 4px;
background:#eef2e6;
}
#content h1 ins {
padding:0;
}
#content .tags {
width:45%;
float:right;
padding:5px 2%;
border:3px solid #cad2af;
font-size:0.9em;
}
#content .tags .size6, #content .tags .size7, #content .tags .size8, #content .tags .size9, #content .tags .size10 {
font-size:1.1em;
}
#content .tags .size11, #content .tags .size12, #content .tags .size13, #content .tags .size14, #content .tags .size15 {
font-size:1.2em;
}
#content .tags .size16, #content .tags .size17, #content .tags .size18, #content .tags .size19, #content .tags .size20 {
font-size:1.3em;
}
#content .tags .size21, #content .tags .size22, #content .tags .size23, #content .tags .size24, #content .tags .size25 {
font-size:1.4em;
}
#content .tags .size26, #content .tags .size27, #content .tags .size28, #content .tags .size29, #content .tags .size30 {
font-size:1.5em;
}
#content .tags .size31, #content .tags .size32, #content .tags .size33, #content .tags .size34, #content .tags .size35 {
font-size:1.6em;
}
#content .tags .size36, #content .tags .size37, #content .tags .size38, #content .tags .size39, #content .tags .size40 {
font-size:1.7em;
}
#content .tags .size41, #content .tags .size42, #content .tags .size43, #content .tags .size44, #content .tags .size45 {
font-size:1.8em;
}
#content .tags .size46, #content .tags .size47, #content .tags .size48, #content .tags .size49, #content .tags .size50 {
font-size:1.9em;
}
#content .meta {
font-size:0.9em;
line-height:1.3em;
color:#555;
padding:3px 0 0;
clear:left;
}
#content .post .meta {
margin:7px 20px 0;
border-top:1px dashed #c1c89a;
}
#content .meta a {
color:#777;
}
#content h3#comments {
clear:right;
}
#content ol.commentlist li {
padding:2px 10px;
border:1px solid #cad2af;
margin:0 0 7px;
list-style:none;
}
#content ol.commentlist cite {
font:bold 1em arial, sans-serif;
}
#content h3#respond {
clear:right;
padding:20px 0 1px;
background:url(images/back_h3.gif) 50% 5px no-repeat;
}
#content form {
width:22em;
padding:10px 1em;
background:#eef2e6;
margin-bottom:10px;
}
fieldset {
border:0;
}
fieldset strong {
font-size:0.9em;
color:#666;
padding:5px 0;
display:block;
}
fieldset strong strong, fieldset label strong {
display:inline;
padding:0;
font-size:1.1em;
color:#f00;
}
#content label {
display:block;
text-align:right;
margin-top:5px;
}
#content input {
width:15em;
}
#content textarea {
width:19.5em;
height:10em;
}
#content button {
width:160px;
display:block;
padding:2px;
margin:7px auto;
text-align:center;
font:bold 1.2em times new roman, times, serif;
color:#fff;
letter-spacing:1px;
background:#a1883c url(images/back_button.gif) 0 50% no-repeat;
}
#content .wrap {
clear:both;
}
#content .navi {
height:2.3em;
margin:0;
padding:5px 0 5px;
border-top:0.3em solid #eef2e6;
}
#content .navi a {
float:right;
width:50%;
padding:0.8em 20px 0.2em;
text-align:right;
}
#content .navi a + a {
float:left;
text-align:left;
}
.ignore, .bar {
position:absolute;
top:-1000px;
left:-1000px;
width:0;
height:0;
overflow:hidden;
}
/* Begin Sidebar */
#sidebar {
width:42%;
margin:102px 0 0 58%;
background:#eef2e6 url(images/back_second_column.gif) 0 0 repeat-y;
border-top:3px solid #eec734;
}
#navigation {
float:left;
width:190px;
margin:0 15px 0 0;
min-height:600px;
border-top:1px solid #fff;
}
#sidebar h2, #sidebar h3, #sidebar h4, #sidebar h5 {
margin:15px 0 0 190px;
color:#960;
}
#sidebar h3 {
margin:0 0 2px 190px;
padding:6px 0 0;
}
#sidebar h4, #sidebar h5 {
margin-top:10px;
font:bold 0.9em arial, sans-serif;
}
#sidebar h4 img {
width:9.7em;
height:9.7em;
display:block;
}
#sidebar #navigation h3, #sidebar #navigation h4, #sidebar #navigation h5 {
margin:0;
color:#8a722a;
padding:17px 0 1px 20px;
background:url(images/back_side_h.gif) 21px 0 no-repeat;
}
#sidebar #navigation form {
padding:0 0 10px;
}
#sidebar #navigation form h3 {
padding:5px 0 2px 20px;
background:none;
}
#sidebar #navigation h4 {
font-size:1em;
}
#navigation input {
width:152px;
margin:0 5px 0 20px;
padding:4px 2px;
font-size:1em;
}
#navigation button {
width:160px;
margin:5px 5px 0 20px;
padding:2px 2px 0;
font:bold 1.2em times new roman, times, serif;
letter-spacing:1px;
background:#a1883c url(images/back_button.gif) 0 50% no-repeat;
color:#fff;
border:1px solid #fff;
border-right:1px solid #000;
border-bottom:1px solid #000;
}
#content button:hover, #content button:focus, #navigation button:hover, #navigation button:focus {
background:#deab00 url(images/back_button_h.gif) 0 50% no-repeat;
color:#8a722a;
}
#sidebar ul {
padding:0 0 10px 13px;
}
#sidebar ul ul {
margin:0 0 7px;
padding:0;
font-size:0.9em;
}
#sidebar ul ul ul {
font-size:1em;
}
#sidebar #navigation ul li a, #sidebar #navigation ul li strong {
display:block;
padding:1px 5px 2px 7px;
color:#009;
}
#sidebar #navigation ul li strong {
color:#fff;
background:#872;
}
#sidebar #navigation ul li li a, #sidebar #navigation ul li li strong {
padding:1px 5px 1px 20px;
}
#sidebar #navigation ul li li li a, #sidebar #navigation ul li li li strong {
padding:1px 5px 1px 33px;
}
#sidebar .rss li {
line-height:1em;
padding-bottom:5px;
}
#sidebar .rss a {
color:#b80;
}
#sidebar p {
margin-right:3%;
font:bold 0.8em arial, sans-serif;
color:#777;
}
#sidebar h6 {
font:bold 0.86em/1em arial, sans-serif;
color:#850;
clear:both;
padding:0.5em 0 0 20px;
}
#sidebar #login {
padding:0 0 5px 20px;
}
#sidebar ul#login li {
display:inline;
}
#footer {
font:normal 0.9em arial, sans-serif;
background:#e8ece0;
border:1px solid #fff;
}
#footer p {
padding:7px 10px 3px;
}
#footer a, .navi a, #login a {
color:#000;
}
#content blockquote, #content .def {
margin:5px 10px 15px 20px;
padding:3px 10px 0 0;
border:3px solid #eef2e6;
}
#content .def {
padding:7px 10px;
}
#content ol li blockquote {
margin:5px 0;
padding:5px 15px 5px 10px;
}
#content li blockquote cite {
font:bold 0.86em arial, sans-serif;
display:block;
}
#content blockquote.picleft, #content blockquote.picright {
background:#fff;
}
#content blockquote p, #content blockquote.picleft p, #content blockquote.picright p {
margin:3px 10px 4px;
}
#content blockquote img {
float:left;
margin-right:10px;
}
#content blockquote img.qende {
float:right;
margin:-20px -10px 0 10px;
}