/* 

Hinweis

- CSS-Datei fuer standardkonforme Browser (Gecko, Opera, Webkit)
- Weitere CSS-Definitionen und Hacks fuer Internet Explorer sind ausgelagert
- Stand: 18. Maerz 2008
- Hilfe: Gerrit van Aaken (gerrit@praegnanz.de)

*/


/* -------------------- Grundsatzdefinitionen ----------------------- */

* {
margin: 0;
padding: 0;
}

option {
padding-left: 0.4em;
}

html {
font-size: 62.5%;
height: 100%;
}

html>body {
font-size: 10px;
line-height: 1.4em;
}

body {
position: relative;
font-family: "verdana", sans-serif;
background: #eaeaea url(../img/schatten.gif) 50% 50% repeat-y;
color: #333;
min-height: 101%;
text-align: center;
}

input, select, option {
font-family: "verdana", sans-serif;
font-size: 1em;
}

input.text, 
textarea {
background: url(../img/formschatten.gif) 0 -3px repeat-x;
padding-left: 2px;
height: 1.4em;
border: 1px solid #aaa;
}

#seite textarea {
height: 12em;
padding: 4px;
font: normal 1.0em/1.4 verdana, sans-serif;
}

#seite {
margin: 0 auto;
text-align: left;
width: 950px;
background: white;
border-left: 1px solid #757575;
border-right: 1px solid #757575;
overflow: hidden;
position: relative;
z-index: 1;
}

fieldset, img {
border: 0;
}

select, textarea {
font-size: 99%;
}

body #seite .versteckt {
position: absolute;
left: -10000px;
top: -10000px;
}

a:link, a:visited {
color: #c53124;
color: #333;
}

a:focus, a:hover, a:active {
color: #333;
color: #c53124;
}

hr, .hr {
border: none;
height: 2px;
background: #d2d2d2;
color: #d2d2d2;
}

/* -------------------- Kopf-Bereich ----------------------- */

#kopf {
position: relative;
height: 86px;
border-bottom: 2px solid #979797;
padding-left: 14px;
}

#kopf img {
margin-top: 8px;
}

ul#kanaele {
position: absolute;
top: 0;
right: 210px;
}

ul#kanaele li {
float: left;
list-style: none;
margin-left: 2px;
background: #d2d2d2 url(../img/kanal-rechts.gif) right bottom no-repeat;
}

ul#kanaele li.aktiv {
background: #828282 url(../img/kanal-rechts-a.gif) right bottom no-repeat;
}

ul#kanaele a {
display: block;
padding: 5px 13px;
background: url(../img/kanal-links.gif) left bottom no-repeat;
}

ul#kanaele a:link,
ul#kanaele a:visited {
text-decoration: none;
color: black;
}

ul#kanaele a:focus,
ul#kanaele a:hover,
ul#kanaele a:active,
ul#kanaele .aktiv a {
text-decoration: none;
}

ul#kanaele .aktiv a {
color: white;
background: url(../img/kanal-links-a.gif) left bottom no-repeat;
}


form#abrufnummer_form {
position: absolute;
display: block;
width: 180px;
height: 21px;
right: 0;
top: 0;
background: #3f58ad url(../img/kanalblau.gif) left bottom no-repeat;
text-align: right;
padding: 3px 15px 0 0;
}

form#abrufnummer_form * {
vertical-align: middle;
}

form#abrufnummer_form label {
color: white;
margin-right: 3px;
}

form#abrufnummer_form input.text {
width: 50px;
line-height: 1em;
height: 12px;
border: 1px solid #36498d;
padding-left: 2px;
}

form#abrufnummer_form input.submit {
width: 25px;
height: 16px;
}

ul#globalnavi {
text-align: right;
margin: -23px 11px 0 0;
}

ul#globalnavi li {
display: inline;
list-style: none;
margin-left: 5px;
}

ul#globalnavi a {
padding: 2px 4px;
}

ul#globalnavi a:link,
ul#globalnavi a:visited {
text-decoration: none;
color: #333;
}

ul#globalnavi a:focus,
ul#globalnavi a:hover,
ul#globalnavi a:active,
ul#globalnavi .aktiv a {
text-decoration: none;
color: #333;
background: #e2e2e2;
}



/* -------------------- Metaleiste und Suchbox ----------------------- */

#metaleiste {
background: #d2d2d2 url(../img/schattenmetaleiste.gif) 0 0 repeat-x;
width: 707px;
height: 100px;
float: left;
padding: 0 24px;
position: relative;
}

#metaleiste .box25 {
width: 25%;
float: left;
padding: 15px 0 0 0;
}

#metaleiste .box50 {
width: 50%;
float: left;
padding: 15px 0 0 0;
}

#metaleiste .box75 {
width: 75%;
float: left;
padding: 15px 0 0 0;
}

.box100 {
padding: 15px 0 0 0;
}

#metaleiste .box100 h1 {
height: auto;
padding: 0;
margin: 0;
}

#metaleiste li {
list-style: none;
background: url(../img/bullet.gif) 0 6px no-repeat;
padding-left: 10px;
line-height: 1.6em;
}

#metaleiste p {
line-height: 1.6em;
padding-top: 16px;
}

#metaleiste p.statement {
padding-top: 0;
}

#metaleiste li img {
vertical-align: middle;
margin-left: 5px;
}

#metaleiste a:link,
#metaleiste a:visited {
color: #333;
}

#metaleiste a:focus,
#metaleiste a:hover,
#metaleiste a:active {
color: #c53124;
}

#metaleiste h1 {
font-size: 1.4em;
font-weight: bold;
line-height: 1.14285714286em;
height: 32px;
}

#metaleiste h2 {
font-size: 1em;
font-weight: bold;
line-height: 1.6em;
}

#metaleiste h2.einezeile {
font-size: 1em;
font-weight: bold;
line-height: 1.6em;
margin-bottom: -8px;
}

#metaleiste select {
width: 160px;
margin-top: 12px;
}

#suchbox {
background: #828282 url(../img/schattensuchbox.gif) 0 0 repeat-x;
float: right;
width: 180px;
height: 85px;
padding: 15px 0 0 15px;
}

#suchbox h1 {
color: white;
font-size: 1.4em;
line-height: 1.6em;
}

#suchbox fieldset {
margin: 6px 0 3px 0;
}

#suchbox input.text {
width: 133px;
border: 1px solid #555;
height: 14px;
vertical-align: middle;
}

#suchbox input.submit {
width: 25px;
height: 18px;
vertical-align: middle;
}

#reitersubnavi ul {
overflow: hidden;
width: 100%;
position: absolute;
bottom: 0;
left: 25px;
}

#reitersubnavi li {
float: left;
background: none;
margin: 0 5px 0 0;
padding: 0;
background: transparent url(../img/nonaktiveckelinks.gif) left top no-repeat;
}

#reitersubnavi li:hover {
background-image: url(../img/nonaktiveckelinksh.gif);
}

#reitersubnavi li a {
display: block;
padding: 2px 10px;
background: transparent url(../img/nonaktiveckerechts.gif) right top no-repeat;
}

#reitersubnavi li.aktiv {
background: #fff url(../img/aktiveckelinks.gif) left top no-repeat;
}

#reitersubnavi li.aktiv a {
border: none;
border-bottom: 5px solid #fff;
margin-bottom: 0;
font-weight: bold;
background: transparent url(../img/aktiveckerechts.gif) right top no-repeat;
}

#reitersubnavi a:link,
#reitersubnavi a:visited {
text-decoration: none;
}

#reitersubnavi a:focus,
#reitersubnavi a:hover,
#reitersubnavi a:active {
color: #333;
}

div > #reitersubnavi a:focus,
div > #reitersubnavi a:hover,
div > #reitersubnavi a:active {
background: transparent url(../img/nonaktiveckerechtsh.gif) right top no-repeat;
}

div > #reitersubnavi li.aktiv a:hover {
background: transparent url(../img/aktiveckerechts.gif) right top no-repeat;
}


/* -------------------- Inhalt ----------------------- */

#inhalt {
float: left;
clear: both;
width: 709px;
padding: 18px 22px 24px 24px;
border-right: #3f58ad 195px solid;
margin-right: -195px;
}

#inhalt h1 {
font-size: 1.8em;
color: #c53124;
letter-spacing: -1px;
font-weight: bold;
line-height: 1.11111111111em;
position: relative;
top: -4px;
margin-bottom: 13px;
}

#inhalt h2 {
font-size: 1.4em;
font-weight: bold;
margin-bottom: 15px;
line-height: 1.2em;
}

#inhalt h3 {
font-size: 1.1em;
margin-bottom: 3px;
font-weight: bold;
line-height: 1.36363636364em;
margin-top: 12px;
}

#inhalt p {
font-size: 1.1em;
line-height: 1.54545454545em;
margin-bottom: 0.73em;
}

#inhalt ul, #inhalt ol, #inhalt dl {
padding-bottom: 0.8em;
}


#inhalt li ul, #inhalt li ol, #inhalt li dl {
padding-bottom: 0;
}

#inhalt p.fliesstextinhalt,
#inhalt .fliesstext p { /* von VK ergaenzt */
font-size: 1.3em;
line-height: 1.54em;
margin-bottom: 0.71em;
}

#inhalt .fliesstext {
padding-bottom: 3em;
}

#inhalt .fliesstext h1 {
font-size: 2em;
line-height: 1.2em;
margin: 0 0 0.7em 0;
color: #3f58ad;
}

#inhalt .fliesstext div.Dachzeile {
font-size: 1.2em;
font-weight: bold;
margin-bottom: 0.6em;
}

#inhalt .fliesstext div.Autorenzeile {
font-size: 1.4em;
margin-bottom: 1.6em;
color: #666;
font-style: italic;
}

#inhalt .fliesstext div.einstieg,
#inhalt .fliesstext div.beispiel {
border: 2px solid #d2d2d2;
margin: 2em 0 2em 0;
padding: 0.8em 1.3em 0 1.3em;
}

#inhalt .beispiel h3 {
font-size: 1.4em;
margin-top: 0;
}



#inhalt .fliesstext .quelle {
font-weight: bold;
}




#inhalt li,
#inhalt dt,
#inhalt dd {
font-size: 1.1em;
line-height: 1.54545454545em;
margin-bottom: 0.36em;
}

#inhalt li li {
font-size: 1em;
margin-left: 1em;
}

#inhalt ul.klappbar li a {
cursor: pointer;
text-decoration: underline;
}

#inhalt dt,
#inhalt dd {
margin: 0;
}

.box50left {
width: 355px;
float: left;
padding-bottom: 30px;
background: url(../img/linevertical.gif) 353px 0 repeat-y; 
}


.box66left {
width: 420px;
float: left;
padding-bottom: 30px;
background: url(../img/linevertical.gif) 418px 0 repeat-y;
}

.box50right {
width: 356px;
clear:right;
float: right;
padding-bottom: 30px;
background: url(../img/linevertical.gif) 0 0 repeat-y; 
margin-left: -2px;
}

.abschnitt {
position: relative;
}

.box33right {
width: 291px;
float: right;
padding-bottom: 30px;
background: url(../img/linevertical.gif) 0 0 repeat-y; 
margin-left: -2px;
}

.box50left .abschnitt,
.box66left .abschnitt {
margin: 0 15px 15px 0;
}

.box50right .abschnitt,
.box33right .abschnitt {
margin: 0 0 15px 15px;
}

#inhalt hr,
#inhalt .hr {
margin-bottom: 15px;
}

.news {
margin-bottom: 16px;
}

#inhalt p.datum {
color: #888;
margin-bottom: -11px;
}

#inhalt .news h3 {
font-weight: normal;
}

#inhalt dt {
float: left;
color: #777;
padding-left: 10px;
background: url(../img/pfeilrot.gif) 0 5px no-repeat;
}

#inhalt dd {
margin-left: 86px;
}

#inhalt li, .morelink, .kurz h3 {
list-style: none;
padding-left: 10px;
background: url(../img/pfeilrot.gif) 0 5px no-repeat;
overflow: hidden;
}

#inhalt .onlineservice li {
padding-left: 17px;
background: url(../img/file.gif) 0 3px no-repeat;
}

#inhalt li.rtf {
background-image: url(../img/rtf.gif);
}

#inhalt li.pdf {
background-image: url(../img/pdf.gif);
}

#inhalt li.link {
background-image: url(../img/internallink.gif);
}

#inhalt li.zip {
 background-image: url(../img/zip.gif);
}

.morelink {
margin-top: 15px;
font-weight: bold;
}

#inhalt .teaser {
overflow: hidden;
width: 100%;
float: none;
margin: 5px 0;
}

#inhalt .teaser p,
#inhalt .teaser h3 {
font-size: 1em;
line-height: 1.4em;
padding-right: 10px;
margin-top: 0;
}

#inhalt .teaser img {
border: 1px solid #818181;
float: left;
margin: 0 8px 8px 0;
}

#inhalt .teaser a:focus img,
#inhalt .teaser a:hover img,
#inhalt .teaser a:active img {
border-color: black;
}

.loginname {
color: #333;
font-weight: normal;
font-size: 11px;
letter-spacing: 0;
}

#inhalt .paging {
float: right;
}

#inhalt .paging h3 {
position: relative;
top: -2em;
float: left;
margin-top: 0.4em;
height: 3em;
margin-right: 1em;
font-weight: normal;	
}

#inhalt .paging ul {
float: left;
position: relative;
top: -2em;
overflow: hidden;
}

#inhalt .paging li {
background: none;
line-height: 1.5em;
padding: 0;
margin-right: 4px;
text-align: center;
float: left;
}

#inhalt .paging li.aktiv {
text-decoration: none;
border: 2px solid #d2d2d2;
padding: 0em 0.5em;
}

#inhalt .paging li a {
display: block;
text-align: center;
padding: 0 0.5em;
overflow: hidden;
background: #d2d2d2;
}

#inhalt .paging li a:link,
#inhalt .paging li a:visited {
text-decoration: none;
background: #d2d2d2;
border: 2px solid #d2d2d2;
}

#inhalt .paging li a:focus,
#inhalt .paging li a:hover,
#inhalt .paging li a:active {
text-decoration: none;
background: #aaa;
color: white;
border: 2px solid #aaa;
}

#inhalt .paging form {
   display: none;
}

/* ------------ Produktbox, links oben ------ */

#inhalt .produkt {
overflow: hidden;
position: relative;
margin-bottom: 13px;
}

#inhalt .produkt img {
float: left;
margin: 0 13px 1px 0;
}

#inhalt .produkt .imgbox {
float: left;
height: 155px;
}

#inhalt .seminar_mehr img {
margin-right: 1px;
}

#inhalt .seminar_viel img {
float: right;
}

#inhalt .produkt .metainfo {
position: absolute;
bottom: 3px;
right: 0;
width: 190px;
}

#inhalt .produkt .metainfo {
position: static;
float: left;

}

#inhalt .online .metainfo { /* von VK ergaenzt */
position: relative;
bottom: 3px;
right: 0;
}

#inhalt .seminar_mehr .metainfo {
clear: both;
padding-top: 10px;
position: static;
width: 100%;
}

#inhalt .seminar_ein .metainfo {
width: 200px;
}

#inhalt .seminar_viel .metainfo {
width: 242px;
position: static;
}

#inhalt .produkt h2 {
font-size: 11px;
font-weight: normal;
margin: 0 0 6px 0;
}


#inhalt .produkt .metainfo dt {
font-weight: bold;
color: #333;
float: none;
}

#inhalt .seminar_ein .metainfo dt {
background: none;
padding: 0;
}

#inhalt .produkt .metainfo dd {
display: block;
margin: 0 0 4px 10px;
}

#inhalt .seminar_ein .metainfo dd {
margin-left: 0;
}

#inhalt .produkt .metainfo dt.oder {
padding: 0;
margin: -3px 0 0 0;
text-indent: -9999em;
background: url(../img/oder.gif) 50% 50% no-repeat;
}


#inhalt .produkt .metainfo .button {
margin-top: 13px;
height: 22px;
float: left;
background: url(../img/button-links.gif) 0 0 no-repeat;
padding: 0 0 0 5px;
}


#inhalt .produkt .metainfo .button a {
background: url(../img/button-rechts.gif) right top no-repeat;
color: white;
font-weight: normal;
text-decoration: none;
display: block;
line-height: 22px;
padding: 0 15px 0 10px;
}


#inhalt .online .metainfo .button {  /* von VK ergaenzt */
margin-top: 13px;
height: 22px;
float: none;
background: url(../img/button-links.gif) 0 0 no-repeat;
padding: 0 0 0 25px;
width: 125px;
}


#inhalt .online .metainfo .button a {   /* von VK ergaenzt */
background: url(../img/button-rechts.gif) right top no-repeat;
color: white;
font-weight: normal;
text-decoration: none;
display: block;
line-height: 22px;
padding: 0 5px 0 1px;
}



#inhalt .meinung dl {
float: left;
width: 120px;
margin-bottom: 11px;
}

#inhalt .meinung dt {
background: none;
padding: 0;
float: none;
}

#inhalt .meinung dd {
margin: 0;
font-size: 1em;
color: #818181;
line-height: 1.4em;
}

#inhalt blockquote {
text-indent: 32px;
background: url(../img/quotes.gif) 120px 0 no-repeat;
}

.produktorder {
padding: 8px 0;
overflow: hidden;
}

#inhalt .produktorder h3 {
margin-top: 0;
}

.produktorder img {
float: left;
margin: 0 10px 8px 0;
border: 1px solid #818181;
}

.produktorder a:focus img,
.produktorder a:hover img,
.produktorder a:active img {
border-color: black;
}

small {
font-size: 1em;
color: #818181;
line-height: 1.3em;
}

fieldset.zusatzorder {
border-top: 1px solid #bbb;
padding: 8px 0 0 0;
}


fieldset.zusatzorder input.checkbox {
float: left;
width: 12px;
height: 12px;
}

#inhalt .abschnitt input.single {
float: left;
position: relative;
top: 2px;
margin-right: 6px;
}

#inhalt fieldset.zusatzorder h3 {
font-weight: normal;
margin: -2px 0 2px 20px;
}

#inhalt fieldset.zusatzorder p {
margin-left: 20px;
}

#inhalt .pflichtfelder {
position: absolute;
top: 0;
right: 0;
color: #818181;
font-size: 10px;
}

.kontaktdaten label {
width: 100%;
clear: both;
display: block;
overflow: hidden;
padding: 0 0 8px 0;
}

.kontaktdaten input.text {
float: right;
/* width: 210px; von VK angepasst*/
width: 185px;
border: 1px solid #aaa;
}
.kontaktdaten textarea {
width: 330px;
margin-top: 6px;
}

.kontaktdaten label span{
float: left;
}


.newsletterbox_1 select, .newsletterbox_3 select {
width: 100%;
}

#inhalt .newsletterbox_1 h2 , #inhalt .newsletterbox_3 h2 {
margin-bottom: 0.5em;
}

.newsletterbox_2 input {
width: 100%;
margin-bottom: 0.52em;
}



.newsletterbox_1 {
width: 275px;
padding-right: 5px;
}

.newsletterbox_2 {
width: 130px;
padding-top:2.4em;
}

.newsletterbox_3 {
width: 275px;
padding-left: 5px;
}

fieldset.newsletter input {
vertical-align: middle;
}

fieldset.newsletter label {
margin-right: 10px;
}



#inhalt input.submit {
padding: 0 15px;
}

input.bestellen {
margin-top: 15px;
}

small a:link,
small a:visited {
color: #818181;
}

small a:focus,
small a:hover,
small a:active {
color: black;
}

img.seminarrubrik {
float: right;
}




/* -------------------- Fussleiste ----------------------- */

#fuss {
clear: both;
border-top: 2px solid #d2d2d2;
padding-top: 4px;
}

#fuss p {
font-size: 1em;
}

#fuss p.sprung {
float: right;
}

#fuss a:link,
#fuss a:visited {
color: #333;
}

#fuss a:focus,
#fuss a:hover,
#fuss a:active {
color: #c53124;
}

#fuss p.sprung a {
padding-left: 12px;
background: url(../img/pfeilschwarz.gif) 0 6px no-repeat;
}

#fuss a.print {
padding-left: 19px;
background: url(../img/drucker.gif) 0 0 no-repeat;
}

#fuss a.send {
padding-left: 19px;
background: url(../img/brief.gif) 0 1px no-repeat;
}


/* -------------------- Seitenleiste ----------------------- */

#seitenleiste {
background: #3f58ad;
width: 195px;
float: right;
}

#seitenleiste input.text {
border: 1px solid #36498d;
}


#seitenleiste a:link,
#seitenleiste a:visited,
#suchbox a:link,
#suchbox a:visited {
color: white;
}

#seitenleiste a:focus,
#seitenleiste a:hover,
#seitenleiste a:active,
#suchbox a:focus,
#suchbox a:hover,
#suchbox a:active {
text-decoration: none;
color: #eee
}

#seitenleiste h2 {
font-size: 1.4em;
color: white;
margin-bottom: 6px;
line-height: 1.2em;
}

#seitenleiste h3 {
color: white;
font-size: 1.1em;
font-weight: bold;
margin-bottom: 2px;
}

#seitenleiste label,
#seitenleiste p,
#seitenleiste li {
color: white;
}

#seitenleiste .abschnitt {
border-top: 2px solid white;
padding: 16px 15px 15px 15px;
}

#seitenleiste li {
list-style: none;
padding-left: 10px;
background: url(../img/pfeilweiss.gif) 0 4px no-repeat;
}

#login_form {
overflow: hidden;
width: 165px;
}

#login_form input.text {
width: 132px;
margin-bottom: 3px;
}

#login_form fieldset {
	margin-bottom: 1px;
}
#login_form label a:link,
#login_form label a:visited {
	font-size: 0.9em;
	vertical-align: top;
	color: #b2bcde;
}
#login_form label a:focus,
#login_form label a:hover,
#login_form label a:active {
	color: #fff;
}

#login_form .submit {
position: relative;
top: -1px;
	height: 17px;
	width: 25px;
}

#seitenleiste .teaser {
margin: 15px 0;
overflow: hidden;
width: 175px;
}

#seitenleiste .teaser img {
float: left;
border: 1px solid white;
margin: 0 8px 5px 0;
}

#seitenleiste .teaser a:focus img,
#seitenleiste .teaser a:hover img,
#seitenleiste .teaser a:active img {
border-color: #aaa;
}

#seitenleiste .teaser h3 {
font-size: 1em;
line-height: 1.3em;
font-weight: bold;
margin-bottom: 3px;
}



/* Spezialseite: Abruf-Nummer/Quellenmaterial */

#os_suchen_form,
#os_archiv_form {
border: 2px solid #d2d2d2;
padding: 0.7em 1.5em;
margin-bottom: 2em;
overflow: hidden;
}

#os_suchen_form input,
#os_archiv_form input,
#os_suchen_form option,
#os_archiv_form option {
font-size: 1.1em;
}

#os_suchen_form input.text,
#os_archiv_form input.text {
position: relative;
top: -1px;
}

#os_suchen_form dt {
color: #333;
}

#suchsubmit {
padding: 0 3em;
margin: 1em 0;
font-size: 1.2em;
}

#inhalt form .submit {
padding: 0 1em;
}

#inhalt dl.suchergebnis dt {
float: none;
font-weight: bold;
font-size: 1.1em;
margin-top: 0.8em;
}

#inhalt dl.suchergebnis dd {
margin-left: 10px;
margin-bottom: 0.5em;
}

/* Keupp, 25.03.2010: neu  */
#inhalt dl.suchergebnis dd .fliesstextinhalt{
	font-size:1.1em;
	line-height:1.54em;
	margin-bottom:0.5em;
}

/* Spezialseite: Online-Service Produkt */

.zeilenradio {
margin: 0.7em 0;
}

.zeilenradio input {
margin-left: 1em;
}

.zeilenradio input,
.zeilenradio label {
font-size: 1.1em;
}

.zeilenradio * {
vertical-align: middle;
}

#form-suchbegriff {
font-size: 1.1em;
}

.abstandhinten {
margin-bottom: 0.6em;
}

#inhalt div .musterdokumente {
margin-top: 0;
}

#inhalt div .musterdokumente .morelink {
margin: 0 0 2.5em 0;

}

#inhalt .musterdokumente h3 {
font-size: 1.4em;
line-height: 1.2em;
margin-top: 0;
}

fieldset.linkespalte {
float: left;
width: 400px;
}

#archiv_filterbox_left{
	vertical-align: top;
	width: 340px;
}
#archiv_filterbox_right{
	vertical-align: top;
}

ul.inhaltsverzeichnis {
border-top: 2px solid #d2d2d2;
margin-bottom: 3em;
}

ul.inhaltsverzeichnis li div.ueberschrift-autor {
margin: 0 0 0.4em 0;
float: left;
width: 82%;
}

ul.inhaltsverzeichnis .Dachzeile {
color: #666;
}



#inhalt ul.inhaltsverzeichnis li {
position: relative;
background: none;
padding: 0.3em 0 0.6em 0;
border-bottom: 2px solid #d2d2d2;
display: block;
}

#inhalt ul.inhaltsverzeichnis li div.seitennummer {
position: absolute;
right: 0;
bottom: 0.7em;
width: 6em;
font-weight: bold;
}

.abstandvor {
margin-top: 0.6em;
}

.beispiel table {
margin: 0.4em 0 1.5em 0;
border-collapse: separate;
}

.beispiel table tr td,
.beispiel table tr th {
padding: 0.3em 0.5em;
border-bottom: 1px solid #666;
font-size: 1.1em;
border-left: 1px solid #666;
}

#inhalt table .betrag {
text-align: right;
}

.left66 {
float: left;
width: 66%;
}

fieldset strong {
font-size: 1.1em;
}

fieldset label strong {
font-size: 1em;
}

#inhalt ul li.knoten {
background: none;
padding-left: 0;
}

#inhalt ul li.knoten a.closed {
background: url(../img/plus.gif) 0 3px no-repeat;
padding-left: 14px;
}

#inhalt ul li.knoten a.open {
background: url(../img/minus.gif) 0 3px no-repeat;
padding-left: 14px;
}

#inhalt ul li.knoten li {
padding-left: 0;
margin-left: 1.5em;
}

#inhalt ul li.knoten li a {
background: 0;
padding-left: 0.8em;
}

#inhalt ul li.knoten li.active * {
text-decoration: none;
font-weight: bold;	
}

.blocklabel {
display: block;
margin-bottom: 0.5em;
}

h4 {
font-size: 1.3em;
margin-bottom: 0.6em;
}

#inhalt .artikelkopfnavi {
margin-bottom: 0.5em;
}

#inhalt .artikelkopfnavi li {
display: inline;
margin-right: 1.7em;
padding: 0.2em 0;
}

#inhalt li.button-zurueck {
background: url(../img/back.gif) 0 1px no-repeat;
padding-left: 20px;
}

#inhalt li.button-print {
background: url(../img/drucker.gif) 0 1px no-repeat;
padding-left: 20px;
}

#inhalt li.button-favorit {
background: url(../img/addfavorite.gif) 0 2px no-repeat;
padding-left: 20px;
}

.kundenichtkunde input {
margin-left: 0;
}

/* ---------------------------- Erweiterte Suche -------------------------------------- */

#suchbox {
position: relative;
}

#advancedsearch {
position: absolute;
top: 0;
right: 195px;
width: 0;
overflow: hidden;
background: url(../img/advancedsearchback.gif) left top no-repeat;
height: 100px;
}

#advancedsearch.open {
width: 378px;
}

#advancedsearch h2 {
font-size: 1.4em;
color: #fff;
margin: 19px 0 0 15px;
}

#advancedsearch fieldset {
margin: 11px 15px 0 15px;
width: 350px;
}



#advancedsearch fieldset .left {
width: 50%;
float: left;
}

#advancedsearch fieldset .right {
width: 50%;
float: right;
}

#advancedsearch fieldset select {
width: 160px;
border: 1px solid #555;
font-size: 1em;
}

#advancedsearch fieldset fieldset {
display: none;
margin: 5px 0 0 0;
width: auto;
}

#advancedsearch fieldset fieldset select {
width: 78px;
}

#openadvancedsearch {
padding-left: 9px;
background: url(../img/pfeilweisslinks.gif) 0 3px no-repeat;
}

#advancedsearch fieldset .right p {
width: 160px;
text-align: right;
margin-top: 4px;
}

#closeadvancedsearch {
padding-right: 9px;
background: url(../img/pfeilweiss.gif) right 3px no-repeat;
}

#openadvancedsearch,
#closeadvancedsearch {
cursor: pointer;
color: #fff;
text-decoration: underline;
}


/* ---------------------------- Shop -------------------------------------------------- */


.nicebutton {
height: 22px;
padding-left: 4px;
background: url(../img/nicebutton-left.gif) left top no-repeat;
cursor: pointer;
}

.nicebutton:hover {
background-position: 0 -22px;
}

.nicebutton a { 
display: block;
height: 22px;
text-align: center;
padding-right: 4px;
background: url(../img/nicebutton-right.gif) right top no-repeat;
line-height: 21px;
}

.nicebutton a:focus,
.nicebutton a:hover,
.nicebutton a:active,
.nicebutton:hover a {
background-position: right -22px;
}

#seite .nicebutton a:link,
#seite .nicebutton a:visited,
#seite .nicebutton a:focus,
#seite .nicebutton a:hover,
#seite .nicebutton a:active {
text-decoration: none;
color: #333;
}

.shop .box50right,
.shop .box50left {
background: none;
}

.shop #metaleiste {
background: #d2d2d2 url(../img/shop-headerback.gif) 0 0 repeat-x;
}

.shop #metaleiste .shoplogo {
background: url(../img/shop-logo.gif) 0 0 no-repeat;
width: 117px;
height: 35px;
text-indent: -9999em;
margin: 12px 0 0 0;
}

.shop #metaleiste .cookietrail {
padding-top: 1px;
}

.shop #metaleiste p {
padding-top: 0px;
}

/* Aenderung von VK: shopsidebox auch auf Seiten, die nicht von class=shop */
#shopsidebox {
overflow: hidden;
border-bottom: 1px solid #d2d2d2;
background: #e5e5e5 url(../img/shopsidebox.gif) 0 0 no-repeat;
}

#shopsidebox h2 {
color: #666;
}

#shopsidebox h2 span {
color: #c53124;
}

#shopsidebox li {
background-image: url(../img/pfeilrot.gif);
}

#shopsidebox p {
color: #333;
}

#shopsidebox li a:link, 
#shopsidebox li a:visited {
color: #333;
}

#shopsidebox li a:focus, 
#shopsidebox li a:hover,
#shopsidebox li a:active {
color: #c53124;
text-decoration: underline;
}

#shopsidebox h2.warenkorb {
padding: 3px 0 5px 0;
margin-top: 13px;
background: url(../img/basket.gif) right top no-repeat;
border-bottom: 1px solid #333;
}

#shopsidebox .nicebutton {
margin-top: 1em;
}

#shopsidebox .left {
float: left;
}

#shopsidebox .right {
float: right;
}

#shopsidebox .nicebutton a {
width: 7.2em;
}

.shop #inhalt .shopcategory {
background: red;
width: 335px;
margin: 1.25em 0 0 0;
padding-bottom: 7px;
background: url(../img/shopbox-foot.gif) left bottom no-repeat;
}

.shop #inhalt .shopcategory div {
margin: 0;
padding: 10px 15px 0 8px;
background: url(../img/shopbox-head.gif) left top no-repeat;

}


.shop .shopcategory h2 {
background: url(../img/pfeilrot-gross.gif) 0 2px no-repeat;
padding-left: 12px;
margin-bottom: 0.5em;
}


.shop #inhalt .shopcategory h2.icon {
background: url(../img/icon-dokument.gif) 0 0 no-repeat;
padding-left: 32px;
margin: -0.2em 0 0.5em 0;
height: 24px;
line-height: 22px;
}

.shop #inhalt .shopcategory p {
margin-left: 12px;
}

.shop #metaleiste .shop-eingrenzen {
background: #fff url(../img/whiteongrey-left.gif) 0 0 no-repeat;
padding: 0 0 10px 10px;
margin-top: 35px;
width: 345px;
}

.shop #metaleiste .shop-eingrenzen fieldset {
padding-top: 5px;
background: #fff url(../img/whiteongrey-right.gif) right top no-repeat;
}

.shop #metaleiste .shop-eingrenzen select {
margin: 0.3em 0.2em 0.3em 0;
border: 1px solid #555;
font-size: 1em;
width: 145px;
vertical-align: middle;
}

.shop #metaleiste .shop-eingrenzen .submit {
width: 25px;
vertical-align: middle;
}

#loginsidebox {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#D2D2D2 none repeat scroll 0 0;
border-left:1px solid #828282;
overflow:hidden;
}

#loginsidebox .nicebutton {
margin-top: 1em;
margin-bottom: 1em;
}

#loginsidebox h2{
	color: #C53124;
}

#loginsidebox li {
	background-image: url(/alt/img/pfeilrot.gif);
	line-height: 16px;
	color: black;
}

#loginsidebox li a:link, 
#loginsidebox li a:visited {
	color: #333;
	text-decoration: underline;
}

#loginsidebox a{
	text-decoration: none;
	color: black !important;
}

#loginsidebox_link_red a{
	font-weight: bold;
	color: #c53124 !important;
	text-decoration: underline;
}

#loginsidebox li a:focus, 
#loginsidebox li a:hover,
#loginsidebox li a:active {
	color: #c53124;
	text-decoration: none;
}






table.matches {
border-collapse: collapse;
margin: 1em 0;
border-top: 1px solid #a0a0a0;
}

table.matches .icon {
width: 22px;
}

#inhalt table.matches td.abstract {
width: 320px;
padding-right: 18px;
}

#inhalt table.matches th.abstract {
color: #333;
}

table.matches .actions {
width: 115px;
}

table.matches td,
table.matches th {
border-bottom: 1px solid #a0a0a0;
vertical-align: top;
padding: 4px 10px 10px 0;
}

table.matches th {
padding-bottom: 5px;
}

#inhalt table.matches .abstract {
font-size: 10px;
color: #8c8c8c;
line-height: 1.3em;
padding-top: 0.6em;
}

#inhalt table.matches .actions {
padding-top: 3px;
}

#inhalt table.matches .actions li {
margin: 0;
}

table.matches p.dachzeile {
color: #8c8c8c;
font-weight: normal;
margin: 0;
}

#inhalt table.matches p {
margin: 0;
line-height: 1.4em;
}

table.matches td.icon {
background: url(/alt/img/icon-dokument.gif) 0 7px no-repeat;
}

#seite #inhalt .icon-fachbeitraege       { background-image: url(/alt/img/icon-fachbeitraege.gif); }
#seite #inhalt .icon-informationsdienste { background-image: url(/alt/img/icon-informationsdienste.gif); }
#seite #inhalt .icon-onlinemedien        { background-image: url(/alt/img/icon-onlinemedien.gif); }
#seite #inhalt .icon-seminarekongresse   { background-image: url(/alt/img/icon-seminarekongresse.gif); }
#seite #inhalt .icon-seminarskripte      { background-image: url(/alt/img/icon-seminarskripte.gif); }
#seite #inhalt .icon-arbeitshilfen       { background-image: url(/alt/img/icon-arbeitshilfen.gif); }
#seite #inhalt .icon-einzelhefte         { background-image: url(/alt/img/icon-einzelhefte.gif); }
#seite #inhalt .icon-sonstiges           { background-image: url(/alt/img/icon-sonstiges.gif); }
#seite #inhalt .icon-seminaraufzeichnungen      { background-image: url(/alt/img/icon-seminaraufzeichnungen.gif); }
#seite #inhalt .icon-onlinefortbildung      { background-image: url(/alt/img/icon-onlinefortbildung.gif); }

.shop #inhalt .paging {
float: left;
margin: 1.5em 0 3em 0;
}

p.pagingnumber {
float: left;
padding: 1.5em 0 0 1em;
color: #8c8c8c;
}

.produkt-illu {
	float: left;
	padding: 0 20px 8px 0;
}

.produkt-illu img {
	border: 0px solid #ccc;
}

.shop #inhalt hr {
	clear: both;
}



.detail-kat {
color: #aaa;
letter-spacing: 1px;
text-transform: uppercase;
border-bottom: 2px solid #d2d2d2;
padding-bottom: 2px;
}

.warenkorbbutton  {
width: 44%;
margin: 0.5em 0 2em 0;
overflow: hidden;
}

.warenkorbbutton strong {
float: left;
background: url(../img/cart_add.png) 0 3px no-repeat !important;
background: url(../img/cart_add.gif) 0 3px no-repeat;
padding-left: 22px;
line-height: 22px;
margin-left: 11px;
}


.shop .direct {
float: left;
width: 40%;
margin-right: 4%;
border: 1px solid #ccc;
padding: 2.5% 2.5% 1% 2.5%;
}

.shop #inhalt .direct img {
margin-bottom: 0.5em;
}

.shop #inhalt .direct p {
margin: 0 0 0.5em 0;
font-size: 10px;
line-height: 1.3em;
color: #8c8c8c;
}

.shop #inhalt dl dd.PDF {
padding-left: 17px;
background: url(../img/pdf.gif) 0 2px no-repeat;
}


.shop #inhalt dl dd.RTF {
padding-left: 17px;
background: url(../img/rtf.gif) 0 2px no-repeat;
}

.shop #inhalt dl dd.XLS {
padding-left: 17px;
background: url(../img/xls.gif) 0 2px no-repeat;
}

#inhalt h1.warenkorb {
margin-top: 0.9em;
padding-left: 30px;
line-height: 1.3em;
height: 1.5em;
background: url(../img/basket-red.gif) 0 0 no-repeat;
}

#inhalt table.warenkorb {
width: 100%;
margin-bottom: 3em;
}

#seite #inhalt table.warenkorb td {
padding-top: 6px;
font-size: 11px;
}

#seite #inhalt table.warenkorb td p {
font-size: 11px;
margin-top: 0;
}

#inhalt table.warenkorb .actions {
width: 100px;
padding-right: 0;
padding-left: 10px;
}

table.warenkorb tfoot th {
border: none;
font-size: 11px;
}

table.warenkorb tfoot span {
display: block;
font-weight: normal;
color: #8c8c8c;
}

.shop #lieferadresse {
margin-top: 1.5em;
}

.shop table.formular {
margin-bottom: 1em;
}


.shop .confirm-agb {
float: left;
width: 60%;
}

.shop .confirm-agb input {
float: left;
}

.shop .confirm-agb label {
display: block;
margin-left: 20px;
margin-top: -1px;
}

#inhalt .buynow {
float: right;
width: 110px;
}

#inhalt .buynowleft {
float: left;
width: 110px;
}

.buynow span {
float: left;
background: url(/alt/img/accept.png) 0 3px no-repeat !important;
background: url(/alt/img/accept.gif) 0 3px no-repeat;
padding-left: 22px;
line-height: 22px;
margin-left: 8px;
}


/* Quellenmaterial: Urteil-Tabelle, Randziffer, Randziffern-Absatz  */
.urteil td, .urteil th {
  padding: 5px;
  font-size: 13px;
}

#inhalt .rz {
	color:gray; 
	font-style: bold; 
	text-align:right; 
	float:right; 
	padding:0; 
	margin:0 10px	
}

#inhalt .rz_absatz {
	width: 94%;
}


a.dejure:link, a.dejure:visited {
  font-weight:normal !important;
}

.Ueberschrift-gross a.dejure:link, a.dejure:visited {
  font-weight: bold !important;
}


.eshop_quelle{
	color: #8C8C8C;
	font-weight:bold;
}

.eshop_hinweis{
	background-color: #D2D2D2;
	padding: 8px;
	margin-bottom: 15px;
}

.infobox{
	border:2px solid #D2D2D2;
	margin-bottom:2em;
	overflow:hidden;
	padding:0.7em 1.5em;
}

.errormessage{
color: #C53124;
font-weight: bold;
}

.successmessage{
color: green;
font-weight: bold;
}

a:link .highlight, a:visited .highlight{
	color:#333333;
	background-color: #D2D2D2;
	text-decoration: underline;
}

.highlight{
	background-color: #D2D2D2;
}

.wcrs_table tr{
	height:40px;
}

.wcrs_table tr td{
	font-size:1.1em;
}

.wcrs_bold{
	font-weight: bold;
	}

	
/*AMK  Glossar*/
#faq dt {
  background: url(http://www.iww.de/img/pfeilrot.gif) 0 8px no-repeat; 
  float: none;
  margin-bottom: 5px;
  font-size:10pt;
  font-weight:bold;
}
#faq dd {
  margin-left: 10px;
  margin-bottom: 5px;
}


.KastenPurZelle
{
	padding:5px;
}