@media screen, print
{
body {font-size: 12px; font-family: Arial, Helvetica, sans-serif; background-color: #3C3C8A; background-image: url(../de/bilder/bg.gif); background-repeat: repeat-x; margin-top: 0px; margin-left: 0px}
div {position: absolute; background-repeat: no-repeat}
td {vertical-align: top; font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-align: justify}
h1 {color: #FFF; font-weight: bold; font-size: 14px; margin: 0px}
h2 {margin-bottom: 17px; color: #FFF; font-weight: bold; font-size: 14px; margin-top: 5px; margin-left: 9px}
h3 {margin-bottom: 2px; color: #000066; font-size: 13px; font-weight: bold}
hr {color: #000066}
.hr {position: relative; padding-top: 7px; padding-bottom: 7px}
img {border: none}
li {padding-bottom: 4px}
a:link {color: #000066; text-decoration: none}
a:visited {color: #000066; text-decoration: none}
a:hover {color: #000066; text-decoration: underline}
a.menu {font-weight: bold; font-size: 15px; position: relative; top: 1px; margin-left: 6px; margin-right: 6px}
a.menu:link {color: #FFF; text-decoration: none}
a.menu:visited {color: #FFF; text-decoration: none}
a.menu:hover {color: #FFF; text-decoration: underline}
a.menu2:link {color: #FFF; text-decoration: none}
a.menu2:visited {color: #FFF; text-decoration: none}
a.menu2:hover {color: #FFF; text-decoration: underline}
#menu1 {color: #FFF; width: 545px; height: 38px; left: 0px; top: 68px; background-image: url(../de/bilder/menu1.png); padding-top: 5px; padding-left: 13px}
#menu2 {color: #FFF; font-weight: bold; font-size: 15px; width: 197px; height: 38px; left: 545px; top: 68px; background-image: url(../de/bilder/menu2.png); padding-top: 6px; padding-left: 10px}
#content1 {left: 17px; width: 640px; position: relative; text-align: justify; min-height: 320px; height: auto !important; height: 320px}
#content2 {background-image: url(../de/bilder/content_pod_bottom.png); width: 684px; height: 23px; position: relative}
.searchfield {width: 110px; height: 17px; font-size: 12px; position: absolute; left: 67px; top: 5px}
a.print:link {color: white; font-weight: bold; text-decoration: none}
a.print:visited {color: white; font-weight: bold; text-decoration: none}
a.print:hover {color: white; font-weight: bold; text-decoration: underline}
.pod_big1 {width: 342px; height: 223px; left: 0px; top: 0px; background-image: url(../de/bilder/pod_big_top.png)}
.pod_big2 {width: 342px; height: 223px; left: 342px; top: 0px; background-image: url(../de/bilder/pod_big_top.png)}
.pod_big3 {width: 342px; height: 223px; left: 0px; top: 223px; background-image: url(../de/bilder/pod_big_bot.png)}
.pod_big4 {width: 342px; height: 223px; left: 342px; top: 223px; background-image: url(../de/bilder/pod_big_bot.png)}
.pod_img {left: 2px; top: 27px}
.pod_small1 {width: 228px; height: 223px; left: 0px; top: 0px; background-image: url(../de/bilder/pod_small_top.png)}
.pod_small2 {width: 228px; height: 223px; left: 228px; top: 0px; background-image: url(../de/bilder/pod_small_top.png)}
.pod_small3 {width: 228px; height: 223px; left: 456px; top: 0px; background-image: url(../de/bilder/pod_small_top.png)}
.pod_small4 {width: 228px; height: 223px; left: 0px; top: 223px; background-image: url(../de/bilder/pod_small_mid.png)}
.pod_small5 {width: 228px; height: 223px; left: 228px; top: 223px; background-image: url(../de/bilder/pod_small_mid.png)}
.pod_small6 {width: 228px; height: 223px; left: 456px; top: 223px; background-image: url(../de/bilder/pod_small_mid.png)}
.pod_small7 {width: 228px; height: 223px; left: 0px; top: 446px; background-image: url(../de/bilder/pod_small_bot.png)}
.pod_small8 {width: 228px; height: 223px; left: 228px; top: 446px; background-image: url(../de/bilder/pod_small_bot.png)}
.pod_small9 {width: 228px; height: 223px; left: 456px; top: 446px; background-image: url(../de/bilder/pod_small_bot.png)}
#nav1, #nav2, #nav3, #nav4, #nav5 {background-color: #DDDDDF; background-image: url(../de/bilder/phase_l.gif); height: 30px}
#nav1tbl, #nav2tbl, #nav3tbl, #nav4tbl, #nav5tbl {position: relative; text-align: justify; margin-bottom: 10px; margin-left: 30px; margin-right: 30px}
#nav1tbl td, #nav2tbl td, #nav3tbl td, #nav4tbl td, #nav5tbl td {text-align: left}
.nav {position: relative; float: left; background-image: url(../de/bilder/phase_r.gif); height: 30px; background-repeat: no-repeat; background-position:right; font-weight: bold; padding-right: 10px; padding-left: 10px; line-height: 28px}
.nav a:hover {text-decoration: none}
}

@media screen
{
#menu {width: 742px; height: 106px; left: 50%; top: 0px; margin-left: -367px; background-image: url(../de/bilder/logo.png); z-index: 1}
#content {background-image: url(../de/bilder/content_pod_top.png); width: 684px; left: 50%; top: 106px; margin-left: -337px}
#footer {left: 50%; top: 553px; margin-left: -337px; text-align: center; width: 674px; color: #FFFFFF; font-size: 11px; height: 20px}
#footer img {margin-left: 10px; margin-right: 5px}
#footer a {color: #FFFFFF}
.print1 {left: 616px; top: 6px; width: 16px; height: 14px; background-image: url(../de/bilder/print.gif)}
.print2 {left: 636px; top: 6px}
.slogan {left: 50%; top: 31px; margin-left: 4px; z-index: 2; width: 310px}
}

@media print
{
#menu {display: none}
#content {left: 0px; top: 0px}
#footer {display: none}
.print1 {display: none}
.print2 {display: none}
.slogan {display: none}
}