/*  
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% arial, sans-serif;
background:#9ecffb;
}
#page {
font:normal 0.86em arial, sans-serif;
color:#000;
padding:0 99px 0 140px;
max-width:57em;
border:3px solid #148;
margin:0 auto;
position:relative;
background:#9ecffb url(images/beuronerpilger.jpg) 0 0 no-repeat;
}
#jump {
position:absolute;
top:0;
left:140px;
width:50%;
font:normal 0.3em arial, sans-serif;
z-index:2000;
}
#jump a {
color:#9ecffb;
text-decoration:none;
}
#jump a:hover, #jump a:focus, #jump a:active {
padding:2px 10px;
background:#148;
color:#fff;
font:bold 1.3em arial, sans-serif;
}
a {
color:#33a;
}
a:visited {
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 a:focus, #sidebar a:active, #sidebar #footer li a:active, #sidebar #footer li a:focus {
color:#ff0;
background:#148;
text-decoration:none;
}
#header a:focus, #header a:active {
color:#000;
background:none;
}
h1 {
font:normal 1.1em arial, sans-serif;
}
h2, address strong {
font:bold 1.2em arial, sans-serif;
color:#148;
}
h3, h4 {
font:bold 1.1em arial, sans-serif;
color:#148;
}
h4, legend {
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:11.5em;
top:55px;
left:140px;
font-weight:bold;
color:#148;
padding:10px 0 1px 10px;
background:#9ecffb;
}
h2#header {
font-size:1.1em;
}
#header strong, #header a {
display:block;
font:normal 1.45em/1em arial, sans-serif;
color:#148;
margin-bottom:7px;
}
#header a {
text-decoration:underline;
}
#header a:hover, #header a:focus, #header a:active {
text-decoration:none;
}
#header a:hover .ignore, #header a:focus .ignore, #header a:active .ignore {
left:0;
top:-30px;
width:auto;
height:auto;
overflow:visible;
font:bold 0.6em arial, sans-serif;
color:#fff;
background:#1b4f88;
padding:2px 10px;
}
#content {
float:right;
width:75%;
min-height:635px;
background:#fff url(images/back_sidebar.gif) 0 0 repeat-x;
}
#content *, #content .post * {
margin:0 20px;
}
#content .post {
margin:0 0 10px;
padding:5px 0;
background:#fff5da;
}
#content * *, #content .post * * {
margin:0;
}
#content h1, #content #ultreia {
font:normal 1.25em/1.1em arial, sans-serif;
color:#148; 
background:url(images/jakobus_kreuz.jpg) 0 0 no-repeat;
padding:180px 11px 0 20px;
margin:0 0 10px 0;
}
#style3 #content h1 {
background:url(images/beuron.jpg) 0 0 no-repeat;
}
#style4 #content h1 {
background:url(images/hohenzollern.jpg) 0 0 no-repeat;
}
#style5 #content h1 {
background:url(images/ueberlingen.jpg) 0 0 no-repeat;
}
#style6 #content h1 {
background:url(images/konstanzer-trichter.jpg) 0 0 no-repeat;
}
#style8 #content h1, #style17 #content h1, #style18 #content h1 {
background:url(images/santiago.jpg) 0 0 no-repeat;
}
#style10 #content h1, #style14 #content h1 {
background:url(images/kloster_beuron.jpg) 0 0 no-repeat;
}
#style11 #content h1, #style2 #content h1, #style15 #content h1 {
background:url(images/kontakt.jpg) 100% 0 no-repeat;
}
#style16 #content h1 {
background:url(images/tue-rott.jpg) 50% 0 no-repeat;
}
#style90 #content h1 {
background:url(images/bagnato.jpg) 100% 0 no-repeat;
}
#content h1 strong, #content #ultreia strong {
font:normal 1.4em arial, sans-serif;
display:block;
}
#content h1 strong span {
font:normal 0.7em arial, sans-serif;
display:block;
}
#content h2, #content h3 {
margin:10px 20px 2px;
font:normal 1.4em arial, sans-serif;
}
#content h3 {
padding-top:5px;
border-top:1px solid #1b4f88;
}
#content #topnews {
padding-top:10px;
}
#content .post h3 {
border:0;
margin:0 20px;
}
#content .post h3 a:hover {
text-decoration:underline;
}
#content p {
margin:0 10px 10px 20px;
}
#content #newsletter p {
font:bold 0.86em arial, sans-serif;
}
#content ul, #content ol, #content dl {
margin-bottom:7px;
}
#content .picright, #content .picleft, address, #content .preis {
margin:5px 10px;
float:right;
width:150px;
padding:5px;
font:bold 0.86em arial, sans-serif;
border:1px solid #aaa;
}
address {
padding:5px 5px 5px 10px;
margin-top:5px;
color:#148;
background:#e7f7ff;
}
address.postal {
background:none;
float:none;
border:0;
width:auto;
margin:0;
}
#contact_addy {
width:15em;
margin-left:0;
}
#content .picleft {
float:left;
margin:5px 10px 5px 20px;
}
#content .preis {
width:90px;
padding:10px 0;
text-align:center;
background:#f3f1ff;
color:#148;
}
#content .preis em {
font:normal 1.6em arial, sans-serif;
display:block;
}
#content div.picleft *, #content div.picright * {
margin:0 0 7px;
padding:0;
background:none;
}
#content div.picleft * *, #content div.picright * * {
margin:0;
}
#content #events {
width:65%;
float:left;
margin:0;
min-height:450px;
}
#content #eventlist li {
margin:0 0 3px 20px;
font-weight:bold;
color:#2a3b8d;
}
#content #eventlist li p {
margin:0 0 3px;
font-weight:normal;
}
table {
border-top:3px solid #fff;
border-bottom:3px solid #1b4f88;
border-collapse:collapse;
width:80%;
margin-bottom:20px;
}
#content #calendar {
margin-left:65%;
border:2px solid #1b4f88;
}
#content #calendar h3, #content #calendar p {
font:bold 0.95em arial, sans-serif;
margin:0;
padding:3px 0 3px 10px;
border:0;
}
#content #calendar p {
border-top:2px solid #1b4f88;
text-align:center;
padding:3px 0;
}
#content #calendar table {
width:100%;
margin:0 0 5px;
}
th {
color:#fff;
background:#1b4f88;
}
#content th a, #content th a:visited {
display:block;
color:#1b4f88;
background:#9ecffb;
padding:1px 0 2px;
border-top:1px solid #1b4f88;
}
th, td {
text-align:left;
padding:1px 3px;
}
td a {
display:block;
background:#fff;
font-weight:bold;
border:1px solid #1b4f88;
padding:0 0 2px;
}
td a.eventday {
background:#9ecffb;
}
#content #regeln {
width:15em;
float:right;
padding:5px;
border:1px solid #1b4f88;
background:#fff;
}
#content .box {
font:bold 0.86em arial, sans-serif;
padding:3px 10px;
border:1px solid #ddd;
color:#777;
}
#content .stationen {
float:right;
width:192px;
border:1px solid #ddd;
background:#f5f1ff;
padding:3px 0 0;
margin-left:7px;
}
#content .stationen * {
margin:0 10px 3px;
}
#content .stationen * * {
margin:0;
padding:0;
background:none;
}
#content .stationen ul li {
background:#fff;
border:1px solid #ddd;
margin-bottom:5px;
text-align:center;
}
#content .stationen ul li:hover {
border:1px solid #409;
}
#content .stationen ul li img, #content .stationen ul li a {
display:block;
}
#content .lyric {
width:12em;
border:1px solid #fd9;
font:bold 0.95em arial, sans-serif;
padding:12px 10px 0;
margin:0 20px 0 10px;
float:right;
background:#fff;
}
#content .lyric * {
margin:0;
line-height:1.2em;
color:#b80;
}
#content .lyric p {
margin:0 0 10px;
}
#content .picleft h3, #content .picright h3, #content .lyric h2 {
font:bold 1em arial, sans-serif;
color:#148;
}
#content .lyric cite {
font:normal 0.9em arial, sans serif;
}
#content .offerten {
width:130px;
float:left;
padding:3px;
border:1px solid #148;
margin-right:10px;
}
#content .offerten * {
margin:0;
padding:0;
background:none;
}
#content .offerten h2 {
font:bold 1.1em arial, sans-serif;
color:#777;
margin-bottom:5px;
border-bottom:1px solid #148;
}
#content .offerten li {
font:bold 0.9em arial, sans-serif;
text-align:center;
}
#content .offerten img {
display:block;
}
#content .offer {
clear:right;
border:1px solid #148;
margin:0 20px 10px;
}
#content h2 img {
float:left;
border:1px solid #aaa;
margin-right:10px;
}
#content .offer li {
margin:0 0 3px 20px;
background:url(images/back_li2.gif) 0 5px no-repeat;
}
.sign {
display:none;
}
#content #fredy_meyer {
position:absolute;
right:0;
top:199px;
width:99px;
margin:0;
color:#148;
text-indent:8px;
}
/* Karte Startseite */
#content #wegkarte {
width:23.5em;
margin:0 2em 0 20px;
border:0;
padding:0 0 10px;
border:1px solid #fda;
background:#fff5da;
font:normal 1em arial, sans-serif;
}
#content #wegkarte h2, #content #wegkarte h3 {
border:0;
padding:2px 10px;
margin:0;
}
#content #wegkarte ul {
height:344px;
position:relative;
margin:0;
}
#content #wegkarte #routen {
background:url(images/wege.jpg) 50% 0 no-repeat;
}
#content #wegkarte #via {
background:url(images/via.gif) 45% 0 no-repeat;
}
#content #wegkarte li {
position:absolute;
left:0;
background:none;
line-height:110%;
}
#content #wegkarte a {
position:absolute;
display:block;
color:#000;
text-decoration:none;
z-index:100;
}
#content #wegkarte a strong {
display:block;
text-decoration:underline;
color:#399706;
padding:2px 0;
}
#content #wegkarte a:hover, #content #wegkarte a:focus, #content #wegkarte a:active {
text-decoration:none;
z-index:200;
}
#content #wegkarte a:hover strong, #content #wegkarte a:focus strong, #content #wegkarte a:active strong {
text-decoration:none;
}
#content #wegkarte a:hover em, #content #wegkarte a:focus em, #content #wegkarte a:active em {
position:relative;
top:0;
left:0;
width:auto;
height:auto;
overflow:visible;
font:normal 1em arial, sans-serif;
}
#content #wegkarte #winnenden {
top:3px;
height:25px;
left:160px;
background:none;
}
#content #routen #tue_wald {
top:0;
}
#content #routen #tue_wald a {
width:10em;
height:207px;
padding:35px 80px 0 10px;
}
#content #routen #tue_wald a:hover, #content #routen #tue_wald a:focus, #content #routen #tue_wald a:active {
border:1px solid #399706;
padding:34px 80px 0 9px;
background:url(images/tue_wald.jpg) 100% -1px no-repeat;
}
#content #routen #hec_mess {
top:65px;
left:8em;
}
#content #routen #hec_mess a {
width:13em;
height:148px;
padding:10px 0 0 24px;
text-align:right;
}
#content #routen #hec_mess a strong {
color:#95067c;
}
#content #routen #hec_mess a:hover, #content #routen #hec_mess a:focus, #content #routen #hec_mess a:active {
left:1.1em;
width:158px;
background:url(images/hec_mess.jpg) 0 0 no-repeat;
padding:9px 10px 0 29px;
border:1px solid #95067c;
}
#content #routen #wald_konst {
top:205px;
}
#content #routen #wald_konst a {
width:10em;
height:102px;
padding:1px 10px 0;
}
#content #routen #wald_konst a strong {
color:#c00;
}
#content #routen #wald_konst a:hover, #content #routen #wald_konst a:focus, #content #routen #wald_konst a:active {
height:132px;
background:url(images/wald_konst.jpg) 100% 0 no-repeat;
border:1px solid #c00;
padding:0 2em 0 9px;
}
#content #routen #pfull_konst {
top:196px;
left:11.5em;
}
#content #routen #pfull_konst a {
width:11em;
height:125px;
padding:10px 10px 0 0;
text-align:right;
}
#content #routen #pfull_konst a strong {
color:#05a;
}
#content #routen #pfull_konst a:hover, #content #routen #pfull_konst a:focus, #content #routen #pfull_konst a:active {
left:0.35em;
top:7px;
width:9em;
height:137px;
background:url(images/pfull_konst.jpg) 0 0 no-repeat;
border:1px solid #05a;
padding:2px 9px 0 2em;
}
#content #routen #einsiedeln {
top:325px;
left:135px;
background:none;
}
/* Ende Karte, Anfang Beuroner Jakobsweg */
#content #via a {
text-decoration:underline;
left:5px;
padding:1px 5px 3px;
color:#399706;
font-weight:bold;
width:9em;
}
#content #via a:hover, #content #via a:active, #content #via a:focus {
text-decoration:none;
color:#fff;
background:#399706;
}
#content #via #tue_rott {
top:15px;
}
#content #via #rott_hec {
top:60px;
left:11em;
}
#content #via #hec_bl {
top:110px;
}
#content #via #bl_nusp {
top:175px;
left:9em;
}
#content #via #nusp_beu {
top:250px;
}
#content #via #beu_wald {
top:300px;
left:85px;
}
#content #via #beu_wald a {
width:7em;
}
/* nur vorübergehend  */
#content #wegkarte #linzgau li, #content #wegkarte #linzgau a, #content #wegkarte #hegau li, #content #wegkarte #hegau a, #content #wegkarte #hz li, #content #wegkarte #hz a {
position:relative;
}
/* Ende nur vorübergehend */
#content #spenden {
margin:0 20px 10px 27em;
padding:3px 7px;
border:1px solid #fda;
background:#fff6de;
}
#content #spenden h4 {
font:bold 0.95em arial, sans-serif;
}
#content #spenden * {
margin:0;
}
#content ul li {
padding:0 0 0 13px;
background:url(images/back_li.gif) 0 5px no-repeat;
}
#content .aktuell li {
margin-bottom:3px;
line-height:110%;
font:bold 0.78em arial, sans-serif;
color:#148;
}
#content .aktuell li a {
font:normal 1.3em arial, sans-serif;
}
#content ol li {
margin:0 0 3px 20px;
}
#content .meta {
font-size:0.9em;
line-height:1em;
color:#555;
clear:both;
margin-top:7px;
padding:5px 0 0;
}
#content .post .meta {
padding:0 0 3px;
margin:7px 20px 0;
}
#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;
}
#content blockquote, #content .def {
margin:5px 10px 15px 20px;
padding:5px 20px;
background:#e7f7ff;
color:#148;
}
#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 form {
padding:3px;
margin-bottom:10px;
border:3px solid #9ecffb;
}
#content form * {
margin-right:7px;
margin-left:10px;
}
#content form * * {
margin-right:0;
margin-left:0;
}
#content #newsletter {
width:15em;
float:left;
}
fieldset {
border:0;
}
#content form strong {
padding:0;
font-size:1.1em;
color:#f00;
}
#content label {
display:block;
text-align:right;
margin-top:5px;
}
#content #ausweis label {
width:70%;
}
#content .textarea, #content .radio, #content #newsletter label, #content #ausweis .radio {
text-align:left;
width:auto;
}
#content .radio {
padding-left:1.2em;
text-indent:-1.2em;
}
#content input {
width:13em;
background:#e7f7ff;
}
#content .radio input {
width:1em;
}
#content #ausweis #noradios label input {
width:9em;
}
#content select {
background:#e7f7ff;
}
#content textarea {
width:28em;
height:10em;
float:right;
margin:-1.2em 0 10px;
background:#e7f7ff;
}
#content textarea.contact {
margin-top:0;
width:24em;
}
#content input:focus, #content textarea:focus {
font:bold 0.97em arial, sans-serif;
background:#ff9;
color:#1b4f88;
}
#content button, #content form a.print {
width:15em;
display:block;
padding:5px 2px;
margin:7px auto;
text-align:center;
font:bold 1.1em arial, sans-serif;
color:#fff;
letter-spacing:1px;
background:#1b4f88;
clear:both;
border:2px solid #000;
border-top:2px solid #9ecffb;
border-left:2px solid #9ecffb;
}
#content #newsletter button {
width:12em;
}
#content button:hover, #content button:focus {
background:#ff8;
color:#1b4f88;
}
#content label br {
display:none;
}
#content .wrap {
clear:both;
}
.ignore, #sidebar h3, #wegkarte li a em, .bar {
position:absolute;
top:-1000px;
left:-1000px;
width:0;
height:0;
overflow:hidden;
}
/* Begin Sidebar */
#sidebar {
padding:162px 0 0;
background:#1b4f88 url(images/back_sidebar.gif) 0 0 repeat-x;
}
#sidebar ul ul {
font-size:0.9em;
margin-left:10px;
margin-bottom:5px;
}
#sidebar .children {
display:none;
}
#sidebar ul .tags {
margin:0;
background:#9ecffb;
border:5px solid #9ecffb;
}
#sidebar ul ul ul, #content #pteas {
font-size:1em;
margin-bottom:0;
}
#sidebar li {
border-bottom:1px solid #9ecffb;
}
#sidebar li a, #sidebar strong {
display:block;
color:#ff0;
padding:2px 5px 3px 10px;
text-decoration:none;
}
#sidebar li li {
border:0;
}
#sidebar li li a {
padding:2px 5px;
border-left:5px solid #9ecffb;
}
#sidebar li li strong {
padding:2px 5px;
border-left:5px solid #ff0;
}
#sidebar li .tags li a {
padding:0;
}
#sidebar li a:active, #sidebar li a:focus, #sidebar li a:hover {
color:#1b4f88;
background:#ee4;
}
#sidebar h4 {
font:bold 1em arial, sans-serif;
padding:5px 5px 1px;
border:5px solid #9ecffb;
border-bottom:0;
}
#sidebar .tags li, #sidebar .tags li a {
display:inline;
padding:0;
color:#1b4f88;
}
#sidebar .tags li a {
text-decoration:underline;
}
#sidebar .size6, #sidebar .size7, #sidebar .size8, #sidebar .size9, #sidebar .size10 {
font-size:1.15em;
}
#sidebar .size11, #sidebar .size12, #sidebar .size13, #sidebar .size14, #sidebar .size15 {
font-size:1.2em;
}
#sidebar .size16, #sidebar .size17, #sidebar .size18, #sidebar .size19, #sidebar .size20 {
font-size:1.3em;
}
#sidebar .size21, #sidebar .size22, #sidebar .size23, #sidebar .size24, #sidebar .size25 {
font-size:1.4em;
}
#sidebar .size26, #sidebar .size27, #sidebar .size28, #sidebar .size29, #sidebar .size30 {
font-size:1.5em;
}
#sidebar .size31, #sidebar .size32, #sidebar .size33, #sidebar .size34, #sidebar .size35 {
font-size:1.6em;
}
#sidebar .size36, #sidebar .size37, #sidebar .size38, #sidebar .size39, #sidebar .size40 {
font-size:1.7em;
}
#sidebar .size41, #sidebar .size42, #sidebar .size43, #sidebar .size44, #sidebar .size45 {
font-size:1.8em;
}
#sidebar .size46, #sidebar .size47, #sidebar .size48, #sidebar .size49, #sidebar .size50 {
font-size:1.9em;
}
#footer {
font:normal 0.9em arial, sans-serif;
padding:6px 10px 6px 20px;
background:#fff;
margin-left:25%;
clear:both;
}
#footer a {
color:#000;
}
#sidebar #footer #login a {
color:#ddd;
}
#footer #rss_h, #sidebar #footer ul, #sidebar #footer li, #sidebar #footer li a, #sidebar #footer p {
display:inline;
border:0;
padding:0;
color:#000;
}
#footer li a {
text-decoration:underline;
}
#sidebar #footer #erzabtei {
position:absolute;
top:0;
right:0;
width:99px;
height:161px;
}