/*  
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% cambria, georgia, times new roman, serif;
color:#444;
background:#888 url(images/tapete4.gif) fixed 51.4% 0 repeat;
}
#page {
font:normal 1em cambria, georgia, times new roman, serif;
margin:20px auto 5px;
width:1120px;
position:relative;
padding:280px 0 0;
}
#jump, #jump a, #top {
position:absolute;
top:0;
left:0;
display:inline;
font:normal 0.1em cambria, georgia, times new roman, serif;
}
#jump a:focus, #jump a:active {
display:block;
width:190px;
height:20px;
top:10px;
left:300px;
padding:5px 5px 5px 45px;
font:bold 15px cambria, georgia, times new roman, serif;
background:#ac8d37 url(images/back_jump2.gif) 10px 50% no-repeat;
color:#fff;
z-index:1000;
}
a {
color:#555;
}
#newsinfo {
padding-left:75px;
font-size:0.7em;
}
a:visited {
color:#777;
}
a:hover {
text-decoration:none;
}
#header {
position:absolute;
top:0;
left:0;
z-index:999;
}
.square {
width:230px;
float:left;
height:230px;
overflow:hidden;
margin:0 10px 20px;
padding:5px;
background:#eef0ab;
border:10px solid #fff;
}
#commentform {
height:auto;
}
.commentlist li {
width:230px;
float:left;
height:auto;
min-height:230px;
margin:0 10px 20px;
overflow:visible;
list-style-position:inside;
font:normal 15px cambria, times new roman, serif;
padding:5px;
background:#eef0ab;
border:10px solid #fff;
position:relative;
}
.commentlist li span {
display:block;
width:45px;
float:left;
font-size:40px;
line-height:43px;
text-align:right;
overflow:hidden;
background:#fff;
color:#eef0ab;
margin:-5px 0 10px -5px;
}
.commentlist li p {
margin:3px 10px 0 5px;
clear:both;
} 
.commentlist .meta {
position:absolute;
left:0; 
top:0;
width:180px;
color:#888;
line-height:120%;
padding:0 5px 3px 50px;
border-bottom:1px solid #fff;
}
.commentlist .meta * {
color:#888;
}
#textsquare {
width:510px;
}
h1 {
font:normal 1.8em cambria, times new roman, serif;
color:#af0917;
margin-bottom:3px;
}
h1 span {
display:block;
font-size:0.8em;
}
h1 #tpw {
font:bold 0.55em calibri, arial, sans-serif;
color:#666;
}
#kontakt {
font-size:1.8em;
margin-bottom:9px;
}
#header strong {
font:normal 1.7em cambria, georgia, times new roman, serif;
letter-spacing:2px;
font-variant:small-caps;
}
#header h1 a {
color:#af0917;
text-decoration:none;
border-bottom:1px solid #999;
}
#header h1 a:hover {
border-bottom:0;
}
#header address { 
font:normal 1em cambria, georgia, times new roman, serif;
margin:8px 17px 5px 0;
width:auto;
float:left;
color:#444;
line-height:118%;
letter-spacing:1px;
}
#header img {
margin:10px 0 5px;
}
#header p {
font:normal 1.9em cambria, georgia, times new roman, serif;
color:#af0917;
letter-spacing:1px;
}
h2 {
font:normal 1.8em cambria, georgia, times new roman, serif;
color:#af0917;
margin:21px 0 5px;
}
#kompetenzen h2 {
margin:35px 0 12px;
}
.wpcf7-form h2 {
font:normal 1.5em cambria, georgia, times new roman, serif;
margin-top:5px;
}
#content #newsletter h2 {
margin:5px 0;
}
h3 {
font:normal 1.2em cambria, georgia, times new roman, serif;
color:#af0917;
margin:10px 0 5px;
}
#news-rss h3 {
background:url(images/back_h3.gif) 50% 0 no-repeat;
padding:9px 0 0;
margin:13px 0 0;
}
h4 {
clear:both;
font:normal 1em cambria, georgia, times new roman, serif;
color:#af0917;
}
#news-rss h4 {
float:left;
width:30px;
}
#content h4, #single-content h4 {
padding-top:20px;
}
p {
line-height:140%;
}
ul li {
list-style:none;
line-height:122%;
}
.sociable ul {
margin:10px 0 15px;
}
.sociable ul li {
display:inline;
}
ol {
margin:0 0 10px 20px;
font-size:1em;
line-height:122%;
}
ol li {
margin-bottom:10px;
}
blockquote, blockquote.picright, blockquote.picleft {
background:#c5c78e;
color:#fff;
padding:5px 10px 1px;
}
.commentlist blockquote {
margin-top:44px;
padding:5px;
}
blockquote cite {
display:block;
margin-bottom:5px;
}
cite {
background:#af0917;
color:#fff;
padding:0 2px;
font:bold 95% cambria, georgia, times new roman;
}
#content .navi {
clear:both;
}
#navigation {
position:relative;
}
#navigation li {
display:inline;
}
#navigation li a {
display:block;
padding-left:15px;
background:url(images/back_tag2.gif) 0 52% no-repeat;
}
#navigation ul {
position:absolute;
top:0;
left:110px;
width:115px;
height:130px;
background:#fdfed5;
padding-left:5px;
}
#navigation .current a {
background:#fdfed5 url(images/back_tag2.gif) 0 52% no-repeat;
color:#af0917;
}
#navigation .current li a {
color:#777;
}
#tags {
margin-right:5px;
}
#tags li {
display:inline;
}
#tags a, .intro a {
padding-left:15px;
background:url(images/back_tag2.gif) 0 50% no-repeat;
}
.posts {
height:135px;
overflow:hidden;
margin-bottom:15px;
}
.posts li, .meta li {
padding-left:15px;
background:url(images/back_tag2.gif) 0 4px no-repeat;
max-height:40px;
overflow:hidden;
}
.posts .tpw {
background:url(images/tpw.jpg) 0 4px no-repeat;
}
.posts .wp {
background:url(images/wp-w.jpg) 0 4px no-repeat;
}
.meta li {
margin-bottom:4px;
}
.meta #live {
background:url(images/live-blog.jpg) 0 0 no-repeat;
padding-left:45px;
margin-right:10px;
}
.meta .rss {
background:url(images/rss2.gif) 0 4px no-repeat;
}
.square h3 .rss {
background:url(images/rss2.gif) 0 2px no-repeat;
padding-left:15px;
font-size:0.7em;
}
img {
border:none;
}
#header .rss {
font:normal 1em cambria, georgia, times new roman, serif;
color:#af0917;
letter-spacing:0;
}
#header .rss img {
margin:0;
}
#news-rss .rss a {
padding:0 0 0 10px;
}
code {
font:bold 0.9em courier new, courier, serif;
color:#796119;
background:#fdfed5;
padding:3px;
}
#content {
padding:5px 5px 0;
background:#eef0ab;
border:10px solid #fff;
margin:0 10px 20px;
}
#single-content {
float:left;
width:740px;
padding:20px 30px;
background:#eef0ab;
border:10px solid #fff;
margin:0 10px 20px;
}
#content h1, #single-content h1 {
margin-bottom:10px;
}
#single-content h1#tpwh1 {
padding-left:48px;
background:url(images/live-blog.jpg) 0 5px no-repeat;
margin-bottom:3px;
}
#content h2, #single-content h2 {
background:none;
margin:10px 0;
padding:0;
font-size:1.5em;
clear:both;
}
#style22 #single-content h2 {
padding-top:30px;
}
#content .post h2 {
font-size:1.05em;
margin-top:0;
}
#content h2 a {
color:#af0917;
}
#content h3 {
}
#content .post {
position:relative;
float:left;
width:199px;
height:199px;
margin:0 5px 5px 0;
background:#fff;
padding:5px;
}
#single-content .ref li {
position:relative;
float:left;
width:130px;
height:130px;
margin:0 5px 5px 0;
background:#fff;
padding:5px;
}
#single-content .ref li img {
display:block;
margin-bottom:5px;
}
#newsletter {
float:right;
width:413px;
height:199px;
margin:44px 5px 5px 0;
background:#fff;
padding:5px;
font-size:0.85em;
}
#newsletter form {
width:235px;
float:left;
margin-right:20px;
}
#newsletter .labels {
width:85px;
float:left;
}
#content #newsletter li {
margin-bottom:2px;
}
#newsletter a {
padding-right:5px;
}
#newsletter button {
width:145px;
height:35px;
margin-top:5px;
}
#content p, #single-content p {
font-size:1.05em;
margin-bottom:10px;
}
#content .post p {
color:#777;
font-size:0.9em;
line-height:120%;
}
#content .post .weiter {
position:absolute;
bottom:0;
right:5px;
}
#content .post .weiter a {
color:#af0917;
}
#content .date {
color:#444;
font-size:0.86em;
display:block;
margin-bottom:3px;
}
h1 .themenmarke {
font-size:0.8em;
display:block;
color:#666;
}
.picright, .picleft {
margin:5px 0 10px 30px;
float:right;
width:150px;
padding:10px;
background:#fff;
border:1px solid #999;
}
.picleft {
float:left;
margin:5px 30px 10px 0;
}
#content ul li, #single-content ul li {
margin:0 0 10px;
padding:0 0 0 20px;
background:url(images/back_li.gif) 0 4px no-repeat;
}
#content .sociable ul li, #single-content .sociable ul li {
padding:0 5px 0 0;
background:none;
}
#content ol, #content dl {
margin-bottom:7px;
}
#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 {
}
#content del {
color:#888;
}
ins {
text-decoration:none;
border-bottom:1px dotted #999;
}
#content .meta {
font-size:0.9em;
line-height:1.3em;
color:#555;
padding:3px 0 0;
clear:left;
}
form {
margin-bottom:10px;
}
#searchform {
margin:9px 0 13px;
}
fieldset {
border:0;
}
label {
text-align:right;
display:block;
}
label.text, label.radio {
text-align:left;
}
label.radio {
margin-top:5px;
}
#news-rss form {
margin-bottom:5px;
}
#news-rss label {
display:inline;
}
input {
width:187px;
padding:1px 0;
background:#fdfed5;
font:normal 1em cambria, georgia, times new roman, serif;
color:#777;
border:1px solid #cbbb80;
border-right:1px solid #fff;
border-bottom:1px solid #fff;
}
.radio input {
width:1em;
margin-right:5px;
}
.wpcf7-form input {
margin-left:10px;
}
#commentform input, #name {
width:228px;
margin:0;
}
#textsquare input {
width:375px;
}
select {
width:100px;
padding:1px 0;
background:#fdfed5;
font:normal 1em cambria, georgia, times new roman, serif;
border:1px solid #cbbb80;
border-right:1px solid #fff;
border-bottom:1px solid #fff;
color:#777;
margin-left:10px;
}
#news-rss input {
width:155px;
}
textarea {
width:508px;
background:#fdfed5;
height:145px;
border:1px solid #cbbb80;
border-right:1px solid #fff;
border-bottom:1px solid #fff;
}
#commentform textarea {
width:228px;
height:100px;
}
button {
font:normal 1em cambria, georgia, times new roman, serif;
text-align:center;
color:#af0917;
background:#fdfed5;
padding:0 2px;
margin-left:5px;
border:1px solid #fff;
border-right:1px solid #cbbb80;
border-bottom:1px solid #cbbb80;
}
.wpcf7-submit {
width:260px;
float:left;
height:260px;
overflow:hidden;
margin:0 10px 20px 10px;
padding:5px;
border:10px solid #fff;
font-size:1.6em;
border-right:10px solid #cbbb80;
border-bottom:10px solid #cbbb80;
}
#commentform button {
width:230px;
margin:15px 0 0;
padding:5px 0;
}
#content .wrap {
clear:both;
}
.footer, #facebook_like {
font-size:0.9em;
float:left;
width:90px;
height:90px;
overflow:hidden;
margin:0 10px 20px;
padding:5px;
background:#eef0ab;
border:10px solid #fff;
}
#networkedblogs {
width:100px;
height:100px;
float:right;
padding:0;
}
.footer a#oben {
display:block;
padding:5px 5px 5px 45px;
font:bold 1em cambria, georgia, times new roman, serif;
background:#ac8d37 url(images/back_jump2.gif) 10px 50% no-repeat;
color:#fff;
margin:5px 0 0;
}
.ignore, .bar, .post-meta {
position:absolute;
top:-1000px;
left:-1000px;
width:0;
height:0;
overflow:hidden;
}
