/* basics */
body                                    { background: #ffffff; margin: 0px; padding: 0px; color: #000000; height: 100%; min-height: 100%; font: 11px Verdana, sans-serif; }
body, [dummy]                           { height: auto; }
img                                     { border: 0px; }
a                                       { color: #7e7e7e; }
a:hover                                 { color: #e30000; text-decoration: underline; }
table, td, th                           { margin: 0px; padding: 0px; border-collapse: collapse; border-spacing: 0px; font-size: 1em;}
td, th                                  { vertical-align: top; text-align: left; }
form, h1, h2, h3, h4, p, div#navi ul    { margin: 0px; padding: 0px; }


/* shadow-boxen */
div.box                                 { position: relative; left: 0px; top: 0px; width: auto; height: 70px; min-height: 70px; margin-bottom: 14px; }
div.box, [dummy]                        { height: auto; }
div.box div.shadow-tl                   { background: url(images/box-tl.gif) left top no-repeat; position: absolute; left: 0px;  top: 0px;  margin-left: -8px; margin-top: -8px; width: 22px; height: 22px; z-index: 20; }
div.box div.shadow-t                    { background: url(images/box-t.gif)  left top repeat-x;  position: absolute; left: 0px;  top: 0px;  margin-left: 0px; margin-top: -8px; width: 100%; height: 22px; z-index: 10; }
div.box div.shadow-tr                   { background: url(images/box-tr.gif) left top no-repeat; position: absolute; left: 100%; top: 0px;  margin-left: -14px; margin-top: -8px; width: 24px; height: 22px; z-index: 20; }
div.box div.shadow-l                    { background: url(images/box-l.gif)  left top repeat-y;  position: absolute; left: 0px;  top: 0px;  margin-left: -8px; margin-top: 0px; width: 22px; height: 100%; z-index: 10; }
div.box div.shadow-r                    { background: url(images/box-r.gif)  left top repeat-y;  position: absolute; left: 100%; top: 0px;  margin-left: -14px; margin-top: 0px; width: 22px; height: 100%; z-index: 10; }
div.box div.shadow-bl                   { background: url(images/box-bl.gif) left top no-repeat; position: absolute; left: 0px;  top: 100%; margin-left: -8px; margin-top: -14px; width: 22px; height: 22px; z-index: 20; }
div.box div.shadow-b                    { background: url(images/box-b.gif)  left top repeat-x;  position: absolute; left: 0px;  top: 100%; margin-left: 0px; margin-top: -14px; width: 100%; height: 22px; z-index: 10; }
div.box div.shadow-br                   { background: url(images/box-br.gif) left top no-repeat; position: absolute; left: 100%; top: 100%; margin-left: -14px; margin-top: -14px; width: 22px; height: 22px; z-index: 20; }
div.box div.inside                      { position: relative; left: 0px; top: 0px; z-index: 30; height: auto; }


/* framing */
div#spalte-links                        { position: absolute; left: 0px; top: 0px; width: 222px; height: 100%; }
div#spalte-rechts                       { position: relative; left: 252px; top: 0px; width: 720px; height: auto; }
div#logo                                { margin: 28px 0px 0px 18px; }
div#metanav                             { position: absolute; left: 0px; top: 510px; /*top: 100%; margin-top: -110px;*/ }
div#navi1                               { padding-left: 10px; margin: 72px 0px 28px; }
div#navi2                               { position: absolute; left: 0px; top: 140px; }
div#bilderleiste                        { margin-top: 0px; height: 142px; }
body div#content                        { height: 325px; min-height: 325px; }
body div#content, [dummy]               { height: auto; }
body.slogan div#content, body.home div#content
                                        { height: 215px; min-height: 215px; }
body.slogan div#content, body.home div#content, [dummy]
                                        { height: auto; }
body.home div#content                   { width: 470px; }
div#content.box div.inside              { padding: 25px 7px 28px 60px; }
div#banner                              { height: 79px; }
div#teasers                             { float: right; margin-bottom: -50px; width: 235px; /*position: absolute; left: 485px; top: 197px;*/ }


/* navi */
div.navi a                              { text-transform: uppercase; color: #7e7e7e; text-decoration: none; }
div.navi a:hover, div.navi a.active     { color: #e30000; text-decoration: none; }
div.navi.vertical                       { margin-left: 66px; }
div.navi.vertical a                     { display: block; width: 150px; padding: 7px 0px 0px 15px; background: url(images/bar-vertical.gif) 0px 9px no-repeat; }
div.navi.vertical a.l4                  { padding-left: 30px; width: 135px; background: url(images/bar-vertical-gray.gif) 15px 9px no-repeat; }
div.navi.horizontal                     { background: url(images/bar-horizontal.gif) 0px 9px no-repeat; }
div.navi.horizontal a                   { display: inline; padding: 0px 17px 0px 7px; background: url(images/bar-horizontal.gif) right 9px no-repeat; }


/* specials */
a#print                                 { position: absolute; left: 540px; top: 35px; text-transform: uppercase; background: url(images/bar-horizontal.gif) left 9px no-repeat; padding-left: 20px; text-decoration: none; margin-left: -10px; }
a#print, [dummy]                        { left: 600px; }
a#print:hover                           { color: #e30000; }
body.home a#print                       { display: none; }

div#content em                          { font-style: normal; color: #e30000; }



/*************/
/* container */

.container h1, .container h2, .container h3, .container p, .container li
                                        { /*font: 12px Verdana, sans-serif;*/ color: #5e5e5e; /*7e7e7e*/  }
.container h1, .container h2, .container h3
                                        { font-weight: bold; }
.container h1                           { font-size: 22px; font-weight: normal; /*color: #ee0000;*/ margin-bottom: 15px; }
.container h2                           { font-size: 12px; margin-bottom: 5px; }
.container h3                           { font-size: 12px; margin-bottom: 5px; }


body.home .container			      { clear: none; }
body.home .img                          { height: 100px;  }

.container                              { clear: both; margin-bottom: 15px; height: auto; }
div#content.slogan .container.html      { margin: 0px; }

.container.html                         {  }

.container.img                          {  }
div#banner .container.img               { margin: 0px; }

.container.page-headline                {  }

.container.text                         { padding-right: 15px; }

.container.text.backgrnd                { padding: 5px 10px; background: #cccccc; }

.container.text.border                  { padding: 5px 10px; border: 2px solid #cccccc; }

.container.text.img.left img            { padding: 0px 10px 5px 0px; }

.container.text.img.left.float img      { float: left; }

.container.text.img.right img           { padding: 0px 0px 5px 10px; }

.container.text.img.right.float img     { float: right; }

.container.text.ol ol                   { margin-left: 18px; }
.container.text.ol ol li                { list-style: decimal outside; }

.container.text.ul ul                   { margin-left: 7px; padding-left: 3px;}
.container.text.ul ul li                { list-style: url(images/dot-list.gif) outside; }

.container.text li                      { margin: 3px 0px; }

.container.text.teaser                  {  }

.container.text.linkliste a             { /*text-transform: uppercase;*/ background: url(images/bar-horizontal.gif) left 9px no-repeat; padding-left: 20px; text-decoration: none; }
.container.text.linkliste a:hover       { color: #e30000; }

.container.quicklink                    { margin-bottom: 7px; }
.container.quicklink a                  { font: bold 11px Verdana, sans-serif; color: #ee0000; background: url(images/pfeil-homelink.gif) 100% 3px no-repeat; padding-right: 15px; text-decoration: none; }
.container.quicklink a:hover            { color: #000000; }

.container.flashhead                    { position: relative; left: 0px; top: 0px; height: 142px; margin: 0px; }
.container.flashhead div                { position: absolute; top: 0px; overflow: hidden; height: 142px; width: 235px; }
.container.flashhead div.img1           { left: 0px; }
.container.flashhead div.img2           { left: 242px; width: 236px; }
.container.flashhead div.img3           { left: 485px; }
.container.flashhead img.ecke-tl        { position: absolute; left: 0px; top: 0px; z-index: 50; }
.container.flashhead img.ecke-tr        { position: absolute; left: 100%; margin-left: -10px; top: 0px; z-index: 50; }
.container.flashhead img.ecke-bl        { position: absolute; left: 0px; top: 100%; margin-top: -10px; z-index: 50; }
.container.flashhead img.ecke-br        { position: absolute; left: 100%; margin-left: -10px; top: 100%; margin-top: -10px; z-index: 50; }

.container.pdflink                      { position: relative; left: 0px; top: 0px; }
.container.pdflink div.filetype         { position: absolute; left: 500px; top: 0px; }
.container.pdflink div.filesize         { position: absolute; left: 570px; top: 0px; }


/************/
/* specials */

ul.sitemap                              { margin-top: -15px; padding-bottom: 30px; }
ul.sitemap a                            { text-decoration: none; color: #000000; }
ul.sitemap a:hover                      { text-decoration: underline; }
ul.sitemap li.l2                        { margin-top: 15px; list-style: none; margin-bottom: 0.2em; }
ul.sitemap li.l2 a                      { color: #ee0000; font-weight: bold; }
ul.sitemap li.l3                        { margin-bottom: 0.2em; }
ul.sitemap li.l4                        { margin-left: 1.1em; margin-bottom: 0.2em; list-style: circle; }

table.kontaktformular                   { /*width: 100%;*/ margin: 10px 0px; }
table.kontaktformular td                { padding-right: 20px; }
table.kontaktformular tr.felder td      { padding-bottom: 5px; }
table.kontaktformular input.text, 
table.kontaktformular textarea, 
table.kontaktformular select            { width: 308px; }
table.kontaktformular textarea          { height: 50px; }

input, textarea, select                 { font: 11px Verdana, sans-serif; }
input.text, textarea, select            { border: 1px solid #7e7e7e; }
input.submit                            { border: none; margin: 0px; padding: 0px 0px 0px 15px; background: url(images/bar-horizontal.gif) left 9px no-repeat; color: #7e7e7e; cursor: pointer; text-transform: uppercase; }
input.submit:hover                      { text-decoration: underline; color: #e30000; }

div#langNav                             { position: absolute; left: 920px; top: 20px; }
div#langNav a                           { margin-right: 5px; }

div.gallery                             { margin-right: -100px; }
div.gallery_item                        { float: left; margin-right: 21px; margin-bottom: 10px; }
div.werbemittel div.gallery_item        { margin-top: 15px; }
div.werbemittel div.text		{ margin-top: 5px; color: #7e7e7e; }
div.gallery_item div.clip               { width: 195px; height: 130px; overflow: hidden; }

div.gallery a div                       { text-align: right; }
div.gallery a span                      { text-transform: uppercase; background: url(images/bar-horizontal.gif) left 9px no-repeat; padding-left: 20px; text-decoration: none; }
/*a#print, [dummy]                        { left: 600px; }*/
div.gallery a:hover span                { color: #e30000; }


div.gallery-float {
  float: left;
  margin: 0px 8px 5px 0px;
}

.nl-editorial img			      { float: right; }

div.nl-section-headline h2              { text-transform: uppercase; padding: 5px 0 0 15px; margin-left: -18px !important; border-left: 3px solid #e30000; }
div.nl h3, div.nl-editorial h3		{ color: #e30000; }


#metanav img			{ }
#metanav a#vck			{ padding: 0; border: none; background: none; margin-top: 60px; }



/****************/
/* druckversion */

@media print
{

  div#spalte-links, div#navi1, div#langNav, a#print
                                        { display: none; }
  div#spalte-rechts                     { left: 0px; width: 720px; height: auto; }

}