@charset "utf-8";

* { margin: 0; padding: 0 }
a { outline:0 }
a img { border: 0; text-decoration: none }
html, body { height: 100%; background: #777 }
body { font: 100.01%/1.4em Arial, Helvetica, sans-serif; background: #fff url(/images/layout/bg-body.gif) top right repeat-y; max-width: 1200px }

/* skiplinks */
#skip { position: absolute; left: 0; top: 0; z-index: 10 }
#skip li a { position: absolute; left: -10000px; top: -10000px }
#skip li a:focus { left: 50px; top: 90px; color: #fff; background: #000; padding: .3em .7em; text-decoration: none; font-size: .9em; width: 13em }

/* main divs */
#container { position: relative; min-height: 100%; height: auto; background: transparent url(/images/layout/bg-container.gif) top left repeat-y; max-width: 1200px; min-width: 48em }
#content { width: auto; border-right: 180px solid #d9d9d9; border-left: 50px solid #d9d9d9; padding: 40px 30px 3em 20px; background: #fff }
#sidebar { position: absolute; right: 0; top: 220px; width: 180px }
#footer { bottom: 2em; right: 0; width: 155px; position: absolute; font-size: .7em; line-height: 1.6em }

/* "hidden" headlines */
h1 { top: 30px; right: 15px; position: absolute; width: 155px; height: 115px; background: transparent url(/images/layout/logo-daa.png) top left no-repeat; border: 0px none }
h1 a { text-indent: -10000px; text-decoration: none; display: block; width: 155px; height: 80px; border: 0px none }
h2 { text-indent: -10000px; width: 100%; height: 150px; background: transparent url(/images/layout/header1.jpg) top left no-repeat;; border: 0px none; border-bottom: 3px solid #fff }

/* zitat */
p#zitat { font-size: .8em; position: absolute; left: 170px; top: 45px; width: 25em; color: #fff }
p#zitat a { display: block; color: #fff; text-decoration: none }
p#zitat cite { position: absolute; left: -10000px; top: -10000px }
p#zitat q { display: block; line-height: 1.6em }
p#zitat q:before, p#zitat q:after { content: "" }
p#zitat strong { font: bold .92em/1.6em Georgia, Times, serif }

/* main Menu */
#main-menu { position: absolute; top: 150px; left: 50px; list-style: none; margin-top: -2em; background: transparent url(/images/layout/ecke-rechts.gif) top right no-repeat; font-size: .75em; width: auto; padding-right: 20px }
#main-menu li { float: left; text-transform: uppercase; background: #fff }
#main-menu li a { text-decoration: none; font-weight: bold; color: #9a1820; display: block; padding: .8em .9em }
#main-menu li a:hover, #main-menu li a:focus, #main-menu li a.active { color: #a9a9a9 }
#main-menu li.first { background: transparent url(/images/layout/ecke-links.gif) top left no-repeat }
#main-menu li.first a { padding-left: 20px }
/* submenus 2. level */
#main-menu li ul { top: 2.5em; font-size: .9em; padding-top: .75em; display: block; left: -100000px; position: absolute;
list-style: none; z-index: 5; background: white; border-bottom: 1px solid #9A1820 }
#main-menu li ul li { border: 1px solid #9a1820; border-width: 0px 1px }
#main-menu li:hover ul { left: auto }
#main-menu li:hover ul li a:hover,
#main-menu li ul li a:hover, #main-menu li ul li a.active,
#main-menu li:hover ul li a.active { color: #a9a9a9; background: #f8f8f8 }
#main-menu li ul li a { padding: .2em .7em }
#main-menu li:hover ul li,
#main-menu li ul li { float: none; text-transform: none; background: none; border-right: 1px solid #9A1820 }
#main-menu li ul li a, #main-menu li:hover ul li a, #main-menu li.first ul li a { color: #9a1820 }

/* child menu */
#content #child-menu { margin-top: .4em; list-style: none; width: 100%; line-height: 1em;
padding: 0; border-bottom: 1px solid #ccc; margin-bottom: 2em; float: left }
#content #child-menu li { float: left; padding-bottom: 1em; color: #a9a9a9; background: none; padding-left: 0 }
#content #child-menu li span,
#content #child-menu li a { border-left: 1px solid black; text-decoration: none; display: block; padding: 0 .6em }
#content #child-menu li.first span,
#content #child-menu li.first a { border-left: 0px none; padding-left: 0 }

/* content */
#content { padding-right: 10% }
#content a { text-decoration: underline; color: #9a1820 }
#content a:hover, #content a:focus { text-decoration: none; color: #a9a9a9 }
#content a span { position: absolute; top: -10000px; left: -10000px }
#content h3, #content h4 { color: #9a1820; font: 1.3em Georgia, "Times New Roman", Times, serif; padding-bottom: 1em }
#content h4 { font-size: .91em; padding: .6em 0; line-height: 1.3em }
#content p { font-size: .8em; line-height: 1.4em; padding-bottom: 1em }
#content ul, #content ol { margin-top: -.5em; font-size: .8em; line-height: 1.4em; padding-bottom: 1em; padding-left: 1.3em }
#content ul *, #content ol * { font-size: 1em }
#content table { font-size: .8em; border-collapse: collapse; margin: 1em 0 }
#content table th { text-align: left }
#content table th, #content table td { padding: .2em 1.4em .2em 0; border-bottom: 1px solid #d9d9d9; vertical-align: top }

/* login */
#login { font-size: .8em; width: auto; border-right: 180px solid #d9d9d9; border-left: 50px solid #d9d9d9; padding: 40px 30px 0 20px; background: #fff }
#login form {  }
#login p.error { border: 1px solid #9a1820; color: #9a1820; padding: 1em}
#login p.message { border: 1px solid #9a1820; padding: 1em }
#login form fieldset { overflow: auto; border: 1px solid #9a1820; padding: 1em }
#login form fieldset p { border: none; padding: 0 0 15px 0 }
#login form fieldset legend { font-weight: bold; padding: 0 1em; }
#login form fieldset label { clear: left; float: left; width: 17em; cursor: pointer; padding-top: .2em }
#login form fieldset input { float: left; width: 44.5% }
#login form fieldset input.button { margin-top: 1.5em; width: auto; float: none; color: white; background: #9a1820; padding: 2px 1em; cursor: pointer }

/* special classes */
.clear { clear: both }
#content .pagination a { text-decoration: none }
#content p.print { float: right; width: 56px; height: 50px; padding-top: .6em }
#content p.print a { display: block; text-decoration: none; width: 56px; height: 50px; text-indent: -10000px; background: white url(/images/layout/button-print-neu.gif) top left no-repeat }

/* sidebar */
#sidebar { border-top: 3px solid white }
#sidebar h6 { padding: 1.4em 2em 0 1em; font: 1em Georgia, "Times New Roman", Times, serif; line-height: 1.4em; color: #9a1820 }
#sidebar p { font-size: .7em; line-height: 1.6em; padding: .8em 1.3em 2em }
#sidebar p.link { border-bottom: 3px solid white; font-size:0.72em; padding:0.9em 15px; }
#sidebar p strong { display: block; font-size: 1.4em; word-spacing: -1px }
#sidebar p.link strong { display: inline; color:#9A1820; text-transform:uppercase; font-size: 1em;}
#sidebar p.link a { color:#000000; display:block; text-decoration:none; }
#sidebar p.link a:hover { color:#9A1820; }
#sidebar p em { display: block; font-style: normal; font-size: 1.15em; padding-top: .8em }
#sidebar #dav { border-top: 3px solid white; border-bottom: 3px solid white; margin-top: .6em; padding-top: 2em; padding-bottom: 1em }
#sidebar #dav a { background: transparent url(/images/logo-dav.gif) 0 5em no-repeat; padding-bottom: 100px;
font: .7em Arial,Verdana,sans-serif; display: block; color: black; text-decoration: none }
#sidebar #dav a span { display: block }
#sidebar #tbeostt { display: block; height: 0; width: 0; cursor: default }
#sidebar #tbeostt img { height: 0; width: 0 }

#sidebar form { border-top: 3px solid white; }
#sidebar form .button { margin-top: 1.5em; width: auto; float: none; color: white; background: #9a1820; padding: 2px 1em; cursor: pointer }

/* footer */
#footer span { color: #9a1820 }
#footer a { color: #000; text-decoration: none }
#footer a:hover { color: #9a1820; text-decoration: underline }
#footer .print { display: block; width: 56px; height: 50px; margin-left: -110px; margin-top: -35px; position: absolute }
#footer .print a { display: block; text-decoration: none; width: 56px; height: 50px; text-indent: -10000px; background: white url(/images/layout/button-print-neu.gif) top left no-repeat }

/* forms */
#content form .button { margin-top: 1.5em; width: auto; float: none; color: white; background: #9a1820; padding: 2px 1em; cursor: pointer }
#content form textarea:hover, #content form textarea:focus,
#content form input:hover, #content form select:hover,
#content form input:focus, #content form select:focus { background: #ffd }
#content form .button:focus, #content form .button:hover { background: #a9a9a9; color: #9a1820 }

/* special styles */
/******************/

/* standard */
.standard #content img { float: right; margin: 0 0 1.4em 2em; border: 1px solid #d9d9d9 }

/* startseite */
.index #content { padding-right: 30px }
.index #content p { font-size: .8em; line-height: 1.4em; padding-bottom: 1em }
.index #content ul { padding: 0; font-size: 1em; list-style: none; margin-left: -20px;
margin-right: -30px; border-bottom: 1px solid #d9d9d9 }
.index #content h3 { font-size: 1em; padding-bottom: .4em }
.index #content h3 a { text-decoration: none }
.index #content h4 { font: bold .7em Arial, Helvetica, Verdana, sans-serif; color: black; padding: 0; padding-bottom: .4em }
.index #content ul li { margin-bottom: 1.4em; padding: .24em 30px 0 20px; clear: left; min-height: 90px;}
.index #content ul li img { float: left; margin-right: 25px; border: 1px solid #d9d9d9; margin-top: .25em; }
.index #content ul li.wide { clear: right; border-top: 1px solid #d9d9d9; padding-top: 1.5em }
.index #content #podcast { padding: 2em 0 1em }
.index #content #podcast div { width: 44%; float: left }
.index #content #podcast h3 { font-size: 1.3em; padding-bottom: .2em }
.index #content #podcast h4 { line-height: 1.3em; padding-bottom: 1.4em }
.index #content #podcast p { width: 50%; float: left; margin-left: 2%; border-left: 1px solid #000; padding-left: 2%; padding-bottom: .3em }
.index #content #podcast p#podcast-footer { padding-top: 1.4em; width: auto; float: none; clear: left; margin-left: 0; border-left: 0px none; padding-left: 0; padding-bottom: .3em }
.index #content form#anwaltsuche { position: relative; font-size: 1em; width: 50%; min-width: 22em; float: right; margin-left: 3%; border-left: 1px solid #000; padding-left: 2%; padding-bottom: 1em; background: #fff; margin-top: -.507em }
.index #content form#anwaltsuche fieldset { border: 0px none }
.index #content form#anwaltsuche legend { color: #9a1820; font: 1.3em Georgia, "Times New Roman", Times, serif }
.index #content form#anwaltsuche fieldset fieldset { border-top: 1px solid #000; overflow: auto }
.index #content form#anwaltsuche fieldset fieldset legend { font: bold .8em Arial, Helvetica, sans-serif; color: #000; padding-right: .5em }
.index #content form#anwaltsuche label { font-size: .8em; padding-top: .8em; display: block; float: left; width: 30%; clear: left }
.index #content form#anwaltsuche input { float: left; margin-top: .8em; width: 68.2%; padding: 1px }
.index #content form#anwaltsuche select { float: left; margin-top: .8em; width: 70% }
.index #content form#anwaltsuche select option { width: auto }
.index #content form#anwaltsuche h4 { position: absolute; right: 0; top: 0; font-weight: normal; font-size: .8em; padding-top: .3em }
.index #content form#anwaltsuche p { display: none }
.index #content form#anwaltsuche fieldset fieldset { margin-top: 1em }
.index #content form#anwaltsuche div { padding-top: .1em }
.index #content form#anwaltsuche div:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
.index #content form#anwaltsuche div #plz { width: 16%; margin-right: 1em }
.index #content form#anwaltsuche div span { float: right; display: block }
.index #content form#anwaltsuche div span select { width: auto }
.index #content form#anwaltsuche div label#label-umkreis { clear: none; width: auto; padding-right: .8em }
.index #content form#anwaltsuche .button { width: auto; clear: left; display: block; margin-top: 2em; padding: 2px 1em }
.index #content form#anwaltsuche a.erweitert { font-size: .8em; float: right; margin-top: 2.1em }

/* anwaltsuche */
.anwaltsuche #content { padding-right: 30px }
.anwaltsuche #anwaltsuche { padding-top: 1em }
.anwaltsuche #anwaltsuche fieldset { overflow: auto; border: 0 none; border-top: 1px solid black; padding: .5em 0 1em }
.anwaltsuche #anwaltsuche legend { font-weight: bold; font-size: .8em; padding-right: 1em }
.anwaltsuche #anwaltsuche p { padding: 0; padding-top: .6em; float: left; width: 100% }
.anwaltsuche #anwaltsuche label { clear: left; float: left; width: 17em; cursor: pointer; padding-top: .2em }
.anwaltsuche #anwaltsuche input, .anwaltsuche #anwaltsuche select { float: left; width: 45% }
.anwaltsuche #anwaltsuche input { width: 44.5% }
.anwaltsuche #anwaltsuche #plz { width: 7em; margin-right: 1em }
.anwaltsuche #anwaltsuche #bgh { width: auto; margin-right: 1em; clear: left; margin-top: 1.1em }
.anwaltsuche #anwaltsuche #label-bgh { width: auto; clear: none; margin-top: 1em }
.anwaltsuche #anwaltsuche #label-umkreis { width: auto; clear: none; padding-right: .5em }
.anwaltsuche #anwaltsuche #umkreis { width: auto }
.anwaltsuche #anwaltsuche p.inline label,
.anwaltsuche #anwaltsuche #like label,
.anwaltsuche #anwaltsuche #optionen label { float: none; padding: 0 1em 0 .4em; width: auto; display: inline }
.anwaltsuche #anwaltsuche p.inline input,
.anwaltsuche #anwaltsuche #like input,
.anwaltsuche #anwaltsuche #optionen input { float: none; width: auto; vertical-align: middle }
.anwaltsuche #anwaltsuche #optionen span { padding-right: 1em }
.anwaltsuche #anwaltsuche .button { width: auto; float: none; clear: left }
.anwaltsuche #anwaltsuche .duplicateButton, .anwaltsuche #anwaltsuche .helpButton,
.anwaltsuche #anwaltsuche .deleteButton { text-decoration: none; display: block; float: right; width: 25px; height: 20px; text-indent: -10000px; background: white url(/images/layout/button-duplicate.gif) top left no-repeat }
.anwaltsuche #anwaltsuche .deleteButton { background: white url(/images/layout/button-delete.gif) top left no-repeat; width: 20px }
.anwaltsuche #anwaltsuche .helpButton { background: white url(/images/layout/button-help.gif) top left no-repeat; width: 20px }
#anwaltsuche.portal .duplicateButton { width: 20px }
.anwaltsuche #anwaltsuche .label-rechtsgebiet { padding-top: .8em; padding-bottom: .6em }
.anwaltsuche #anwaltsuche .kategorie { margin-bottom: .6em }
.anwaltsuche #anwaltsuche .helptext { position: relative; clear: left; display: block;
top: 5px; margin-bottom: .6em; padding: .6em; padding-right: 3em; border: 1px solid #9a1820 }
.anwaltsuche #anwaltsuche .helptext a.close { position: absolute; right: 2px; top: 2px;
width: 16px; height: 16px; text-indent: -10000px;
background: transparent url(/images/layout/button-close.gif) top left no-repeat }
/* suchergebnis */
.anwaltsuche #anwaltsuche-suchergebnis { border-collapse: collapse; font-size: .8em; margin: 1em 0 2em }
.anwaltsuche #anwaltsuche-suchergebnis th,
.anwaltsuche #anwaltsuche-suchergebnis td { vertical-align: top; padding: .3em; padding-right: 2.5em; border-bottom: 1px solid black }
.anwaltsuche #anwaltsuche-suchergebnis th { text-align: left }
.anwaltsuche #anwaltsuche-suchergebnis td .email { line-height: 10px; margin-top: .4em; height: 10px; display: block; text-indent: -10000px; background: transparent url(/images/layout/icon-mail.gif) 0 0 no-repeat }
.anwaltsuche #anwaltsuche-suchergebnis td .homepage { line-height: 10px; margin-top: .8em; height: 10px; display: block; text-indent: -10000px; background: transparent url(/images/layout/icon-homepage.gif)  0 0 no-repeat }
.anwaltsuche #anwaltsuche-suchergebnis td a:hover { background-position: 0 -10px }
.anwaltsuche #anwaltsuche-suchergebnis td .fortbildung { vertical-align: middle; margin-left: .2em }
/* Google Maps */
.anwaltsuche #content #google-map { position: relative; width: 95%; height: 400px; border: 1px solid #999 }
.anwaltsuche #content #google-map #map { width: 65%; height: 100%; border-right: 1px solid #999 }
.anwaltsuche #content #google-map #closeMapLink { position: absolute; right: 3px; top: 3px }
.anwaltsuche #content #google-map #address { position: absolute; left: 68%; top: 70px; width: 26% }
.anwaltsuche #content #google-map form { position: absolute; left: 68%; top: 170px; width: 26%; font-size: 11px }
.anwaltsuche #content #google-map form fieldset { width: 100%; border: 0px none }
.anwaltsuche #content #google-map form fieldset legend { font-weight: bold; width: 100% }
.anwaltsuche #content #google-map form fieldset label { display: block; padding-top: 1em; border-top: 1px solid black }
.anwaltsuche #content #google-map form fieldset label span { font-size: 10px; display: block }
.anwaltsuche #content #google-map form fieldset input { width: 100% }
.anwaltsuche #content #google-map form fieldset .button { width: auto }
.anwaltsuche #content a.mapLink { text-decoration: none; color: black }
/* ajax */
.ac_div { z-index: 1000; background: transparent }
.ac_results { border: 1px solid gray; list-style: none; position: absolute;
display: none }
.ac_results li { background-color: white; padding: 0 5px; white-space: nowrap; color: #000; text-align: left; font-size: .8em }
.ac_results li.ac_over { cursor: pointer;	background-color: #a91820; color: #fff }
.ac_results li .ac_match { text-decoration: none }
/* profil */
.anwaltsuche #content.profil h3 { padding-bottom: .5em }
.anwaltsuche #content.profil h4 { padding-bottom: 0 }
.anwaltsuche #content.profil h5 { padding-top: .8em; padding-bottom: .3em }
.anwaltsuche #content.profil ul { margin-top: 0 }
.anwaltsuche #content.profil #profilfoto { display: block; float: right; border: 1px solid #ccc; padding: 3px }
.anwaltsuche #content.profil #profilfoto img { display: block }
/*.anwaltsuche #content.profil .fortbildung { background: transparent url(/images/layout/icon-fortbildung.gif) left top no-repeat;
padding-left: 26px }*/

/* rat-und-tat */
.rat-und-tat #content { padding-right: 30px }
.rat-und-tat #content h3 { padding-bottom: 1.5em }
.rat-und-tat #content ul { padding-left: 0; list-style: none; float: none; clear: left; width: 100% }
.rat-und-tat #content ul li { float: left; width: 45%; padding-right: 2em; font-size: 1em }
.rat-und-tat #content ul li h4 { padding-top: 0; font-size: 1.09em }
.rat-und-tat #content ul li p { font-size: 1em }
.rat-und-tat #content ul li h4 a { text-decoration: none }
.rat-und-tat #content ul li img { float: left; margin: 0 1em 1em 0; border: 1px solid #d9d9d9 }
.rat-und-tat #content ul li.first { width: 96%; padding-bottom: 1em; display: block }
.rat-und-tat #content p.foot { clear: left; border-bottom: 1px solid #d9d9d9; padding: 1.2em 0; margin-left: -20px; padding-left: 20px; margin-right: -30px; margin-bottom: 2em }
.rat-und-tat #content #aktuelles p.foot { font-weight: bold; clear: left; border-bottom: 0px solid #d9d9d9; padding: 0; padding-bottom: 1em; margin-left: 0; padding-left: 0; margin-right: 0; margin-bottom: 0 }
.rat-und-tat #content #aktuelles { border-bottom: 1px solid #d9d9d9; padding-bottom: 1em; float: left; width: 100%;
margin-bottom: 2em; margin-left: -20px; padding-left: 20px; margin-right: -30px; padding-right: 30px }
.rat-und-tat #content #aktuelles li.left { clear: left }
.rat-und-tat #content #tv,
.rat-und-tat #content #podcasts { float: left; width: 45%; clear: none; padding-right: 2em; font-size: .8em }
.rat-und-tat #content #tv *,
.rat-und-tat #content #podcasts * { font-size: 1em }
.rat-und-tat #content #tv h3,
.rat-und-tat #content #podcasts h3 { font-size: 1.6em }
.rat-und-tat #content #tv ul li,
.rat-und-tat #content #podcasts ul li { float: none; width: auto }
.rat-und-tat #content #tv p.foot,
.rat-und-tat #content #podcasts p.foot { border-bottom: 0px none }
.rat-und-tat #content #podcasts ul,
.rat-und-tat #content #tv ul { width: auto }
.rat-und-tat #content #podcasts ul li,
.rat-und-tat #content #tv ul li { padding-left: 5.7em }
.rat-und-tat #content #podcasts ul li div,
.rat-und-tat #content #tv ul li div,
.rat-und-tat #content #tv ul li a { text-decoration: none; border-left: 1px solid black; display: block; padding-left: .7em; padding-bottom: 1em }
.rat-und-tat #content #tv ul li div a { padding-left: 0; border-left: 0; padding-bottom: .5em }
.rat-und-tat #content #podcasts ul li span,
.rat-und-tat #content #tv ul li span { margin-left: -5.7em; float: left }
.rat-und-tat #content #podcasts ul li div a { text-decoration: none; display: block; padding-bottom: .5em }
.rat-und-tat #content #tv ul li div div,
.rat-und-tat #content #podcasts ul li div div { border-left: 0px none; padding-left: 0; padding-bottom: 0 }

/* radiobeiträge, podcasts */
.podcasts #content { padding-right: 30px }
#content ul.radiobeitrag { list-style: none; padding-left: 0; padding-top: 1em }
#content ul.radiobeitrag li { padding-left: 6em; padding-right: 160px; position: relative }
#content ul.radiobeitrag li span { margin-left: -6em; float: left }
#content ul.radiobeitrag li h4 { padding-top: 0; line-height: 1.4em; font-size: 1em }
#content ul.radiobeitrag li p { font-size: 1em }
#content ul.radiobeitrag li div { position: absolute; right: 0; top: 0; padding: .4em 0 1em 15px; width: 120px; border-left: 1px solid black }
#content ul.radiobeitrag li div object { display: block; margin-bottom: 1em }
#content ul.radiobeitrag li div p { padding-top: 34px }

/* fernsehbeitraege */
#content ul.fernsehbeitrag { list-style: none; padding-left: 0}
.standard #content ul.fernsehbeitrag { padding-top: 1em }
#content ul.fernsehbeitrag li { padding-left: 6em; padding-right: 160px; padding-bottom: .5em }
#content ul.fernsehbeitrag li span { margin-left: -6em; float: left }

/* artikel */
#content ul.artikel { padding-left: 0; padding-top: 1em; list-style: none; clear: left }
#content ul.artikel li { padding-bottom: 1em; overflow: auto }
#content ul.artikel li img { float: left; margin: 0 1em 1em 0; border: 1px solid #d9d9d9 }
#content ul.artikel li h4 { padding-top: 0; font-size: 1em }
#content ul.artikel li p { font-size: 1em }
#content ul.artikel li h4 a { text-decoration: none }

/* service */
#content h3.divide { margin-top: 1em; padding-top: 1em;
border-top: 1px solid #d9d9d9; margin-left: -20px; padding-left: 20px; padding-right: 10%; width: 110%; _width: auto }
#content ul.downloads { position: relative; padding-left: 0; padding-top: 1em;
list-style: none; margin-right: -10% }
#content ul.downloads li { padding-right: 18em; position: relative }
#content ul.downloads li h4 { padding-top: 0; font-size: 1em }
#content ul.downloads li p { font-size: 1em }
#content ul.downloads li ul.files { position: absolute; right: 0; top: .4em; width: 15em;
padding-left: 1em; list-style: none; font-size: 1em; _margin-right: 180px }
#content ul.downloads li ul.files li { padding-right: 0; font-size: 1em }

/* bussgeldkatalog */
.bussgeldkatalog #content { padding-right: 30px }
.bussgeldkatalog #content.start { padding-right: 10% }
.bussgeldkatalog #content ul#rubriken { list-style: none; padding: .6em 0; *width: 100% }
.bussgeldkatalog #content ul#rubriken li { float: left; width: 48%; margin: 1% 1% 0 0; padding: 0; background: #f3f3f3 }
.bussgeldkatalog #content ul#rubriken li a { text-decoration: none; display: block; padding: .6em }
.bussgeldkatalog #content ul#rubriken li a:hover,
.bussgeldkatalog #content ul#rubriken li a:focus { color: white; background: #9a1820 }
.bussgeldkatalog #content p.hinweis { clear: left; font-size: .7em; padding-top: 1em }
.bussgeldkatalog #content ul ul { padding-top: .6em; padding-bottom: 0; font-size: 1em }
.bussgeldkatalog #content table { margin-top: 0; line-height: 1.4em }
.bussgeldkatalog #content table td { background: #f9f9f9; padding-left: .3em; font-size: .9em; border-right: 1px solid white }
.bussgeldkatalog #content table tr.parent td { background: #efefef }
.bussgeldkatalog #content table td.child { padding-left: .8em }

/* glossar */
.glossar #content ul { list-style: none; padding-left: 0 }
.glossar #content ul li h4 { font-size: 1em }
.glossar #content ul li p { font-size: 1em }
.glossar #content #glossar { width: 100%; height: 3em; line-height: 1em; padding: 0 }
.glossar #content #glossar li { float: left; font-weight: bold; border-left: 1px solid black; color: #a9a9a9 }
.glossar #content #glossar li span,
.glossar #content #glossar li a { text-decoration: none; display: block; padding: 0 .6em }
.glossar #content #glossar li.first { border-left: 0px none }
.glossar #content #glossar li.first span,
.glossar #content #glossar li.first a { padding-left: 0 }
.glossar #content #suche { font-size: .8em; padding-bottom: 3em }
.glossar #content #suche fieldset { border: 0px none }
.glossar #content #suche fieldset legend { display: none }
.glossar #content #suche fieldset label { margin: 0; padding: 0 }
.glossar #content #suche fieldset input { width: 15em; margin: 0 .1em 0 .5em; padding: 0; padding: 1px 0; vertical-align: middle }
.glossar #content #suche fieldset .button { margin: 0; width: auto; padding: 0 1em; vertical-align: top }
.glossar #content #suchergebnisse li span { background: yellow }

/* kontakt */
.kontakt #content form { font-size: .8em; margin-top: 2em }
.kontakt #content form fieldset { border: 1px solid black; width: 35em; padding: 1em }
.kontakt #content form fieldset legend { padding: 0 .5em; font-weight: bold }
.kontakt #content form fieldset label { clear: left; float: left; width: 11em; padding-top: .6em }
.kontakt #content form fieldset input,
.kontakt #content form fieldset textarea { width: 20em; float: left; margin-top: .6em }
.kontakt #content form fieldset textarea { overflow-y: auto; width: 20.4em; height: 10em }
.kontakt #content form fieldset .button { width: auto; clear: left; margin: 1.6em 0; margin-left: 10.5em }
.kontakt #content form p { clear: left }

/* MailForm */
.mailForm #content form { font-size: .8em; margin: 1em 0 1.4em; width: auto }
.mailForm #content form .button { margin-top: 1.5em; width: auto; color: white; background: #9a1820; padding: 2px 1em; cursor: pointer }
.mailForm #content form textarea:hover, #content form textarea:focus,
.mailForm #content form input:hover, #content form select:hover,
.mailForm #content form input:focus, #content form select:focus { background: #ffd }
.mailForm #content form .button:focus, #content form .button:hover { background: #a9a9a9; color: #9a1820 }
.mailForm #content form fieldset { border: 1px solid #d9d9d9; padding: 1em; width: auto }
.mailForm #content form fieldset legend { font-weight: bold; padding: 0 1em; color: #a9a9a9 }
.mailForm #content form fieldset .button { display: block; margin-top: .4em }
.mailForm #content form fieldset p { font-size: 1em }
.mailForm #content form label { display: block }
.mailForm #content form input, .mailForm #content form textarea { width: 95% }
.mailForm #content form textarea { height: 17em }
.mailForm #content form .button { width: auto }
.mailForm #content form .separate { padding: 20px 0; }
.mailForm #content form .inline input, .mailForm #content form .inline label { display: inline; width: auto; }
.mailForm #content form .inline input { margin-right: 10px;  }
/* e-cards */
#content ul.ecards { list-style-image:none; list-style-position:outside; list-style-type:none; padding-left: 0;}
#content ul.ecards li { background: none; padding: 3px; border: 1px solid #ccc; margin-right: 6px; float: left }
#content ul.ecards li a { display: block; text-align: right }
#content ul.ecards li a.thickbox { text-align: left }
.ecards #content img.ecard { display: block; margin: 1em 0 0 }
.ecards #content form { font-size: 0.8em; }
.ecards #content form fieldset { border:1px solid #D9D9D9; padding:1em; width:auto; }
.ecards #content form fieldset legend { color:#A9A9A9; font-weight:bold; padding:0pt 1em; }
.ecards #content form fieldset label { display: block }
.ecards #content form fieldset input,
.ecards #content form fieldset textarea { width: 100% }
.ecards #content form fieldset textarea { height: 8em }
.ecards #content form fieldset p label { display: inline; padding-left: .5em }
.ecards #content form fieldset p input { width: auto }
.ecards #content form fieldset { margin-bottom: 1em }
/* e-card */
.e-card { background: white; padding: 3%; margin: 0; width: auto; min-width: 0; max-width: auto }
.e-card h1 { color: #9a1820; font: 1.3em Georgia, serif; padding-bottom: 1em; top: auto;
right: auto; left: 0; position: relative; width: 50%; height: auto; background: none }
.e-card p { font-size: .8em; line-height: 1.4em; padding: .5em 0; margin-right: .1em }
.e-card img { float: left; margin-right: 2em; margin-bottom: 2em }

/* videos */
#content ul.videos { list-style: none; padding-left: 0}
.standard #content ul.videos { padding-top: 1em }
#content ul.videos li { float: left; margin: 0 2em 2em 0; width: 128px; padding: 0 }
#content ul.videos li a.image { display: block; padding: 3px; border: 1px solid #D9D9D9; margin-bottom: .4em }
#content ul.videos li img { display: block; margin: 0; float: none; border: 0 }
#content ul.videos li .date { font-weight: bold; font-size: .8em; color: #777 }

/* IE Hacks */
/* *property => IE 7 and below ::: _property => IE 6 and below */
#container { _height: 100% }
h1 { _background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/images/layout/logo-daa.png'); }
#main-menu { *z-index: 10 }
#main-menu li.hover a { _color: #a9a9a9 }
#main-menu li.hover ul { _left: auto; background: white }
#main-menu li.hover ul li a:hover,
#main-menu li.hover ul li a.active { _color: #a9a9a9; _background: #f8f8f8 }
#main-menu li.hover ul li { _position: relative; _line-height: 0 }
#main-menu li.hover ul li a { _color: #9a1820; _position: relative; _padding: 1.25em .7em }
#content form .button { *padding: 2px .5em }
.anwaltsuche #anwaltsuche legend { *margin-left: -.45em; *margin-bottom: 1em }
.anwaltsuche #anwaltsuche p { *overflow: none; _height: 1% }
.anwaltsuche #anwaltsuche .helptext { *border-top: 2px solid #9a1820; *top: 0;
*margin-top: 5px; _display: none; *padding-top: .2em; _padding-top: .6em }
.index #content form#anwaltsuche { _height: 1%; _width: 52%; *margin-left: 0 }
.index #content form#anwaltsuche legend { *margin-left: -.45em }
.index #content form#anwaltsuche label { _padding-top: 1em }
.index #content form#anwaltsuche input { _margin-right: -3px }
.index #content form#anwaltsuche select { _margin-right: -3px }
.index #content form#anwaltsuche #umkreis { _margin-right: 0 }
.index #content form#anwaltsuche .button { *padding: 2px .5em }
.index #content ul { *padding-bottom: 1em; *margin-bottom: -1em }
.index #content ul li { *height: 1%; _overflow: visible }
.rat-und-tat #content ul li { *height: 1% }
.rat-und-tat #content #aktuelles { _margin-left: -10px }
.tipps-des-monats #content ul li { *height: 1%; _overflow: visible }
.podcasts #content ul li { *height: 1%; _overflow: visible }
.service #content ul li { *height: 1%; _overflow: visible }
.service #content h3.divide { margin-right: -20% }
.service #content ul.downloads li ul.files { *right: 1em }
.kontakt #content form fieldset legend { *margin-left: -.45em; *margin-bottom: 1em }
.kontakt #content form fieldset textarea { *width: 20em }
.kontakt #content form fieldset .button { *margin-left: 9em }