/* Allgemeine Definitionen */
*            { font-family : Arial,Helvetica,sans-serif;
               outline : none;
               margin : 0rem;
               padding : 0rem; }
body         { font-size : 100.01%;
               color : #000;
               background-color : #f5f5f5; }
h1           { font-size : 2.5rem;
               margin-bottom : 3rem; }
img          { width: 100%; 
               height: auto; }
a            { text-decoration : none; }
li           { list-style-type : none; }

.verweise    { width : 35rem;
               margin : 0rem auto; }
.verweise h2 { font-size : 1.5rem;
               color : #fefefe;
               background-color : #009474;
               margin-bottom : 0.75rem;
               padding : 0.25rem 0rem; }
.verweise ul { margin-bottom : 1.75rem;
               padding-left : 0rem; }
.verweise li { margin : 0.5rem 0rem; }
.verweise a  { font-size : 1.2rem;
               font-weight : bold;
               margin-left : 0.5rem; }

#fuss li     { display : inline; }

button.dsi   { width : 20rem;
               font-size : 0.875rem;
               font-weight : bold;
               border: 0.0625rem solid #009474;
               color : #fefefe;
               background-color : #009474;
               transition : all ease 0.2s;
               margin : 0rem;
               padding : 0.25rem; }
button.dsi:focus,
button.dsi:hover,
button.dsi:active
             { border: 0.0625rem solid #1f82c0;
               background-color : #1f82c0; }

/* Linkdarstellung */
.verweise a:link    { color : #00f; }
.verweise a:visited { color : #00f; }
.verweise a:focus   { color : #00a;
                      border-bottom : 0.125rem solid #00a; }
.verweise a:hover   { color : #a00;
                      border-bottom : 0.125rem solid #a00; }
.verweise a:active  { color : #009474;
                      border-bottom : 0.125rem solid #009474; }

.verweise a:focus::after  { content : " - "attr(title); color : #888; font-size : 70%; }
.verweise a:hover::after  { content : " - "attr(title); color : #888; font-size : 70%; }
.verweise a:active::after { content : " - "attr(title); color : #888; font-size : 70%; }

#fuss a:link,
#fuss a:visited { color : #009474; }
#fuss a:focus,
#fuss a:hover,
#fuss a:active  { border-bottom : 0.0625rem solid #009474;
                  padding-bottom : 0.0625rem; }

/* Klassendefinitionen */
.ibplogo    { width : 31.25rem;
              height : 8.5rem;
              margin : 0rem auto 4rem; }

.zoben200   { margin-top : 2rem; }

.rundklein  { border-radius : 0.25rem; }
.rund       { border-radius : 0.5rem; }
.rundgross  { border-radius : 0.75rem; }

.textlinks  { text-align : left; }
.textmitte  { text-align : center; }
.textrechts { text-align : right; }

.nowrap     { white-space : nowrap; }
.textwrap   { word-wrap : anywhere; }

.zeile      { overflow : hidden; }
.normal     { clear : both; }

.divhide    { display : none; }

/* DSI Generator */
#generator_contentwrapper { margin : 1rem 0rem; }
#generator_contentwrapper div 
                          { margin-bottom : 0.75rem; }
#generator_contentwrapper div[style^=border]
                          { margin-bottom : 0.75rem; }
#generator_contentwrapper h2 
                          { color : #000;
                            background-color : transparent;
                            font-weight : bold;
                            margin-bottom : 0.75rem; }
#generator_contentwrapper h3
                          { color : #000;
                            background-color : transparent;
                            font-weight : bold;
                            margin-bottom : 0.5rem; }
#generator_contentwrapper p 
                          { line-height : 1.5rem;
                            margin-bottom : 0.5rem; }
#generator_contentwrapper ul
                          { list-style-type : disc;
                            margin-left : 1rem;
                            margin-bottom : 0.5rem; }
#generator_contentwrapper li 
                          { line-height : 1.5rem;
                            list-style-type : disc;
                            margin-bottom : 0.375rem; }
#generator_contentwrapper td 
                          { padding-bottom : 0.25rem; }
#generator_contentwrapper a:link,
#generator_contentwrapper a:visited 
                          { color : #009474; }
#generator_contentwrapper a:focus,
#generator_contentwrapper a:hover,
#generator_contentwrapper a:active  
                          { color : #1f82c0;
                            border-bottom : 0.0625rem solid #1f82c0;
                            padding-bottom : 0.0625rem; }

/* Individualformate */
#mitte    { width : 45rem;
            margin : 2rem auto 1rem; }
#mittedsi { width : 60rem;
            margin : 2rem auto 1rem; }
#fuss     { font-size : 0.8rem;
            color : #666;
            margin-top : 5rem; }