* {
margin:0;
padding:0;
list-style:none;
}
body {
margin:20px;
padding:0;
background:url(../pics/backbody.jpg) 0 0 repeat-x;
font: normal 100.01% arial, sans-serif;
}
a {
color:#444;
}
a:hover {
text-decoration:none;
}
img {
border:0;
float:left;
margin:0 15px 0 0;
}
legend {
font-weight:bold;
margin:0 0 3px;
}
#screen {
margin:0 auto 0 0 ;
max-width:950px;
min-height:500px;
border:1px solid #fee3b4;
background:#fff;
}
#title {
margin:0 0 0;
padding:0;
height:90px;
font:normal 0.7em arial, sans-serif;
background:url(../pics/backttlul.gif) 0 0 repeat-x;
}
#title ul {
width:20.6em;
float:right;
background:url(../pics/backscreen.gif) top right no-repeat;
margin:0;
height:77px;
padding: 11px 0 0;
}
#title li {
float:right;
width:6.8em;
background:#fdf8ee url(../pics/backmeta.gif) 0 0 no-repeat;
}
#title li a {
padding: 5px 4px 4px 0;
margin:0 0 0 5px;
text-align:center;
display:block;
background:#fff url(../pics/backtitle.gif) top right no-repeat;
}
#title #search {
width:20.4em;
height:25px;
padding:4px 0;
background:#fffae2 url(../pics/backsearch.gif) 0 0 repeat-y;
}
#title #print {
width:20.4em;
background:#fff url(../pics/backprint.gif) bottom left no-repeat;
}
button {
border:0;
text-align:left;
font:normal 1em arial, sans-serif;
background:none;
}
#title li a.print {
padding: 3px 0 5px 33px;
margin:0;
text-align:left;
background:url(../pics/backprint2.gif) bottom right no-repeat;
}
#title li a.print:focus {
background:#930 url(../pics/backprint.gif) bottom left no-repeat;
}
fieldset {
border:0px solid;
}
input {
font: normal 1em arial, sans-serif;
width:5.6em;
padding:3px 5px;
border-top:2px solid #999;
border-left:2px solid #999;
}
#title label {
font-weight:bold;
padding: 0 5px 0 10px;
}
input.submit {
width:6.4em;
margin:0 0 0 3px;
background:#fff2bd url(../pics/lupe.gif) 3px 3px no-repeat;
padding:2px 4px 2px 18px;
border-top:2px solid #fff;
border-left:2px solid #fff;
}
.sujet {
margin:0 0 0 175px;
height:90px;
background:url(../pics/sujindex4.jpg) 0 11px no-repeat;
}
#sidebar {
width:12em;
float:left;
font: normal 0.8em arial, sans-serif;
margin:15px 5px 0 0;
}
#sidebar h2 {
font:bold 0.9em arial, sans-serif;
padding:10px 12px 4px 20px;
border-bottom: 1px solid #fff0b2;
color:#666;
background:#fdf8ee url(../pics/backnavi.gif) top right no-repeat;
}
#sidebar h3 {
font:bold 0.9em arial, sans-serif;
padding:3px 2px 2px 20px;
color:#666;
}
#sidebar ul {
margin:0 0 15px;
padding:0 0 15px;
background:url(../pics/backul2.gif) bottom right repeat-x;
}
#sidebar ul ul {
margin: 0 0 0 15px;
padding:0;
background:none;
}
#sidebar li {
padding: 4px 0;
border-bottom: 1px solid #fff0b2;
border-right: 1px solid #fff0b2;
background:#fff;
}
#sidebar li li {
padding:3px 0;
border:0;
}
#sidebar a, #sidebar li strong {
color: #555;
padding: 0 5px 0 15px;
margin:0 0 0 5px;
display:block;
height:1%;
}
#sidebar a em {
font-size:0.85em;
}
#sidebar a.butpass {
background: url(../pics/butpass.gif) 0 0 no-repeat;
}
#sidebar a:visited {
background: url(../pics/butvis.gif) 0 0 no-repeat;
}
#sidebar a.butpfad, #sidebar a:visited.butpfad {
background: url(../pics/butpfad.gif) 0 0 no-repeat;
}
#sidebar a:hover, #sidebar a.butpfad:hover {
color:#000;
background: url(../pics/buthov.gif) 0 0 no-repeat;
}
#sidebar li strong {
background:url(../pics/butpass.gif) 0 0 no-repeat;
}
#sidebar .call {
background:#fdf8ee;
}
#sidebar form {
padding:3px 5px 0 8px;
font:bold 0.9em arial, sans-serif;
color:#666;
}
#sidebar label {
font:normal 0.95em arial, sans-serif;
color:#000;
margin:3px 0 0;
}
#sidebar input {
width:8em;
font:normal 0.95em arial, sans-serif;
padding:2px 4px;
margin:0 0 3px;
}
#sidebar .submit {
margin:0;
width:9em;
padding:3px 3px 3px 12px;
background:#fff2bd url(../pics/call.gif) 6px 2px no-repeat;
font:bold 0.95em arial, sans-serif;
color:#930;
}
.aktuell {
margin:0 0 5px 21px;
padding:0;
font:normal 0.85em arial, sans-serif;
}
.aktuell strong {
display:block;
}
#content {
margin:0 0 0 165px;
font: normal 0.8em arial, sans-serif;
}
#breadcrumb {
width:529px;
font:normal 0.85em arial, sans-serif;
color:#666;
padding:10px 0 2px 0px;
height:14px;
margin:15px 0 0;
}
#content #breadcrumb p {
display:inline;
margin-right:0;
}
#breadcrumb a.butpfad, #breadcrumb strong {
padding:0 3px 0 17px;
background:url(../pics/backbread.gif) 0 0 no-repeat;
}
a.top {
background:url(../pics/buttop.gif) 0 0 no-repeat;
padding: 0 0 0 18px;
font-size:0.85em;
}
#content h1 {
font:normal 1.9em georgia, times, serif;
color:#820;
padding:10px 0 7px 10px;
letter-spacing:1px;
}
#content h2 {
font:bold 1.2em arial, sans-serif;
color:#930;
padding:7px 10px;
}
#content h3 {
font:bold 1.2em arial, sans-serif;
color:#555;
margin:10px 0 7px 10px;
}
#content img {
margin-top:3px;
}
#content a.jump {
font:normal 0.7em arial, sans-serif;
color:#666;
margin-left:20%;
}
#blog {
width:228px;
float:right;
margin:-23px 0 15px 20px;
background:#fff;
font:normal 0.9em arial, sans-serif;
}
#blog h2 {
background:#fdf8ee url(../pics/backblog.gif) 0 0 no-repeat;
padding:8px 5px 5px 35px;
border-bottom:1px solid #fe9;
margin:0;
}
#blog h3 {
padding:7px 5px 3px 10px;
font:bold 1em arial, sans-serif;
margin:0;
}
#blog .meta {
font:normal 0.85em arial, sans-serif;
padding:0;
}
#content .post {
margin:0 10px 10px;
padding:10px;
border:1px solid #ddd;
}
#content .meta {
font:normal 0.85em arial, sans-serif;
}
#content #blog .post {
padding: 0 5px 5px 0;
margin:0;
clear:both;
border:0;
border-left:1px solid #fe9;
border-bottom:1px solid #fe9;
}
.half {
border:1px solid #ddd;
border-right:0;
width:400px;
float:right;
margin:5px 0 5px 10px;
}
#content p, #content li, dd {
margin:0 10px;
padding:0 0 2px;
line-height:140%;
}
#content p dfn {
font: bold 1em arial, sans-serif;
display:block;
margin: 10px 30px;
line-height:150%;
padding:10px;    
}
#content li {
padding:0 0 3px 15px;
background:url(../pics/buthov.gif) 0 1px no-repeat;
}
dl {
width:68%;
}
dt {
padding:10px 0 2px;
font-weight:bold;
border-top:1px solid #ddd;
margin:6px 0 0 10px;
}
dd {
line-height:150%;
}
#spezial {
background:#f8faf9;
margin:10px 250px 20px 10px;
}
#spezial h2 {
padding:8px 10px 7px 45px;
margin:0;
background:#fdf8ee url(../pics/spezial.gif) 0 5px no-repeat;
font:bold 1.05em arial, sans-serif;
}
#spezial a {
color:#930;
}
#spezial h2 strong {
font:bold 0.8em arial, sans-serif;
display:block;
}
#spezial h3 {
font: bold 1.1em arial, sans-serif;
border:1px solid #eee;
border-bottom:0;
border-top:0;
}
#spezial p {
padding:0px 5px 10px 0;
border-bottom:1px solid #eee;
border-top:0;
}
#content form {
background:#fffae2;
margin:10px;
padding:5px 0;
width:67%;
}
#content fieldset {
margin:10px 0 0 10px;
border:0;
}
#content label {
margin: 0 10px 0 0;
width:9em;
text-align:right;
float:left;
}
#content input {
margin:0 0 3px;
width:10em;
padding:1px;
}
textarea {
margin :0 0 10px;
font:normal 1em arial, sans-serif;
}
#content input.inline {
width:1em;
border:0;
}
#content input#back, #content input#bestellen {
margin-left:10em;
}
#content input#back, #content input#senden, #content input#bestellen {
width:8em;
padding:3px;
border:1px solid #930;
border-left:1px solid #fe6;
border-top:1px solid #fe6;
background:#fff2bd;
margin-right:10px;
}
#content input#bestellen {
width:9.5em;
}
#footer {
clear:both;
font:normal 0.7em arial, sans-serif;
padding: 10px 0 5px 21px;
}
/* Elemente außerhalb des viewports */
.ignore, #sidebar dfn, #breadcrumb dfn, .hier, .skip {
position:absolute;
left:-1000px;
top:-1000px;
width:0px;
height: 0px;
overflow:hidden;
display:inline;
}
a:focus, a:active, #title a:focus, #sidebar a:focus {
background-color:#930;
color:#fff;
text-decoration:none;
}
a.skip:focus {
position:absolute;
top:0;
left:0;
width:5em;
height:1em;
overflow:visible;
display:block;
}

.mark1, .mark2 {
background:#930;
padding:0 2px;
color:#fff;
font: small-caps 1.2em arial, sans-serif;
letter-spacing:1px;
}
.mark2 {
background:#555;
}
.mark3 {
border:2px solid #f2f0ee;
border-top:2px solid #999;
border-left:2px solid #999;
padding:1px 2px;
font:normal 1em arial, sans-serif;
}