@media screen, projection { *{ margin:0; padding:0} body{ background: #a2a3a5 url(i/bg_body.gif) repeat-x top; font:65.5% Arial,Helvetica,sans-serif; text-align:center} img{ border: none;} #c{ background: #d0d1d3; margin-left:auto; margin-right:auto; text-align:left; width:740px} #c2{ background: #d0d1d3; margin-left:auto; margin-right:auto; text-align:left; width:450px} #h{ background:url(i/logo2.gif) #8bae5b no-repeat top right; border-bottom:5px solid #395917; height:80px} #menu{ background:#282828; border-bottom:2em solid #d0d1d3; float:left; font:1.1em/3em Arial,sans-serif; width:740px} #menu ul{ list-style:none; margin:0 20px;} #menu ul li{ background: url(i/mnu_trenner.gif) no-repeat top right; float:left; padding:0 1px 0 0} #menu ul li div{ background: #4d4e4e; color:#fff; float:left; padding:0 1.5em} #menu ul li a.first{ background:url(i/mnu_trenner.gif) no-repeat top left} #menu ul li a,#menu ul li a.first{ color:#eee; float:left; padding:0 1.5em; text-decoration:none} #menu ul a:hover,#menu ul li a.first:hover{ background:#3d3e3e; color:#eee} #menu #styleswitch{ float:right; margin-right:20px;} #menu #styleswitch a{ display:block; padding:0 1.5em; text-decoration:none;} #menu #styleswitch a:hover{ background:#3d3e3e; color:#eee} #content{ background:#fff; border-left:2em solid #d0d0d0; border-right:23em solid #d0d0d0} #content2{ background:#fff; border-left:2em solid #d0d0d0; border-right:2em solid #d0d0d0} #rahmen{ padding:1em} #rahmen #foto{ height: 146px; border-bottom:5px solid #395917; margin-bottom: 2em;} #rahmen acronym:hover { text-decoration: underline; cursor: help;} #rahmen h1{ border-left:.2em solid #395917; color:#395917; font:bold 1.2em/1em Arial,sans-serif; margin-bottom:1em; padding-left:1em} #rahmen h2{ color:#395917; font:bold 1.1em/2em Arial,sans-serif;} #rahmen #quote{ background:#d0d1d3 url(i/quote2.gif) no-repeat 100% 100%; border-bottom:5px solid #395917; margin-bottom:2em;} #rahmen #quote cite { background: url(i/quote1.gif) no-repeat 0 0; display:block; color: #5b5c5d; font:1.5em/1.5em Arial,sans-serif; padding: 1.5em 1em 1em 1em ;} #rahmen div address { display:block; color: #395917; text-align: right; font: 1.1em/1.5em Arial,sans-serif; padding: 0 1em 1.5em 0;} #rahmen p{ font:1.1em/1.5em Arial,sans-serif; margin-bottom:2em} #rahmen pre{ font:1.1em/1.5em monospace; margin-bottom:2em} #rahmen form p{ font:1.1em/1.5em Arial,sans-serif; margin-bottom:1em} #rahmen form input, #rahmen form textarea, #rahmen form select{ width:26em;} #rahmen form input.button{ font:1.1em/1.5em Arial,sans-serif; background-color: #d0d1d3; width:10em;} #rahmen ol, #rahmen ul{ font:1.1em/1.5em Arial,sans-serif; padding-left: 2em; margin-bottom:2em} #rahmen ul{ list-style:none;} #rahmen ol li{ padding-left: 1em; margin-bottom:1em} #rahmen ul li{ background: url(i/content_sign.gif) no-repeat 0 0.4em; padding-left: 2em; margin-bottom:1em} #rahmen a{ color: #395917; text-decoration:none; font-style: italic;} #rahmen a:hover{ text-decoration: underline;} #sidebar{ border-right:2em solid #d0d0d0; float:right; width:20em} #sidebar #adwords{ text-align:center; margin: 1em;} #sidebar #submenu{ background:#fff; border-bottom:1em solid #d0d1d3} #sidebar #submenu ul{ list-style:none; padding:1em} #sidebar #submenu ul div{ background:url(i/submenu_sign.gif) no-repeat center left; color:#000; display:block; height:2em; line-height:2em; padding-left:1em} #sidebar #submenu ul a{ background:url(i/submenu_sign.gif) no-repeat center left; color:#a2a3a5; display:block; height:2em; line-height:2em; padding-left:1em; text-decoration:none} #sidebar #submenu ul a:hover{ color:#395917} #sidebar #promotion{ background:#fff;} #sidebar #promotion dt{ background:url(i/bg_p.gif) #769F3E no-repeat top right; border-bottom:5px solid #395917; color:#fff; font:bold 1.4em Arial,sans-serif; padding:0.5em 1em} #sidebar #promotion dd{ background:#b9babc; padding:0.5em 1em; border-bottom:5px solid #395917;} #sidebar #promotion dd.image{ padding:0;} #sidebar #promotion dd p{ margin-bottom:0.7em} #sidebar #promotion a{ color: #395917; text-decoration:none; font-style: italic;} #sidebar #promotion a:hover{ text-decoration: underline;} #sidebar #promotion dd ul{ list-style:none; padding:0} #sidebar #promotion dd ul li{ background: url(i/promotion_sign.gif) no-repeat 0.1em 0.3em; color:#3d3e3e; line-height:1.5em; padding-left:1.5em; margin-bottom:0.5em} #sidebar #promotion dd ul li strong{ display:block;} #sidebar #promotion dd ul li a{ font:1.1em/1.5em Arial,sans-serif; display:block; color:#505051; text-decoration:none;} #sidebar #promotion dd ul li a:hover{ color:#000;} #footer{ background:#d0d1d3; border-bottom:5px solid #395917; text-align:center; width:740px} #footer p,#footer a{ color:#505051; font:1em/2em Arial,sans-serif} #footer a:hover{ color:#282828} .clear{ clear:left;} .rahmen{ padding:2em} #footer a{ text-decoration:none} .ewro,.egro{ background:url(i/e_wro.gif) no-repeat top right} .ewru,.egru{ background:url(i/e_wru.gif) no-repeat bottom right}} @media print { *{ margin:0; padding:0} body{ font:11pt Arial,Helvetica,sans-serif;} img{ border: none;} #h{ display:none;} #menu{ display:none;} #content #rahmen #foto{ display:none;} #content #rahmen h1{ border-left:.2em solid #000; color:#000; font:bold 1.2em/1em Arial,sans-serif; margin-bottom:1em; padding-left:1em} #content #rahmen h2{ color:#000; font:bold 1.1em/2em Arial,sans-serif;} #content #rahmen div cite { color: #000; font:1.5em/1.5em Arial,sans-serif; padding: 1.5em 1em 1em 1em ;} #content #rahmen div address { display:block; color: #000; text-align: right; font: 1.1em/1.5em Arial,sans-serif; padding: 0 1em 1.5em 0;} #content #rahmen p{ font:1.1em/1.5em Arial,sans-serif; margin-bottom:2em} #content #rahmen form p{ font:1.1em/1.5em Arial,sans-serif; margin-bottom:1em} #content #rahmen form input, #content #rahmen form textarea, #content #rahmen form select{ width:26em;} #content #rahmen form input.button{ font:1.1em/1.5em Arial,sans-serif; background-color: #000; width:10em;} #content #rahmen ol, #content #rahmen ul{ font:1.1em/1.5em Arial,sans-serif; padding-left: 2em; margin-bottom:2em} #content #rahmen ul{ list-style:none;} #content #rahmen ol li{ padding-left: 1em; margin-bottom:1em} #content #rahmen ul li{ background: url(i/content_sign.gif) no-repeat 0 0.4em; padding-left: 2em; margin-bottom:1em} #content #rahmen a{ color: #000; text-decoration:none; font-style: italic;} #content #rahmen a:hover{ text-decoration: underline;} #sidebar{ display:none;} #footer{ border-top:5px solid #000; text-align:center;} #footer p,#footer a{ color:#000; font:1em/1.2em Arial,sans-serif} .clear{ clear:both; display:block} .rahmen{ padding:.8em} #footer a{ text-decoration:none}} @media handheld { *{ margin:0; padding:0} body{ background: #a2a3a5; font:62.5% Arial,Helvetica,sans-serif; text-align:center} img{ border: none;} #c{ background: #d0d1d3; text-align:left; width: 98%} #c2{ background: #d0d1d3; margin-left:auto; margin-right:auto; text-align:left; width: 98%} #h{ border-bottom:5px solid #395917; height:80px} #menu{ background:#282828; border-bottom:2em solid #d0d1d3; font:1.1em/3em Arial,sans-serif; width:100%} #menu ul{ list-style:none; margin:0 20px;} #menu ul li{ background: url(i/mnu_trenner.gif) no-repeat top right; float:left; padding:0 1px 0 0} #menu ul li div{ background: #4d4e4e; color:#fff; float:left; padding:0 1.5em} #menu ul li a.first{ background:url(i/mnu_trenner.gif) no-repeat top left} #menu ul li a,#menu ul li a.first{ color:#eee; float:left; padding:0 1.5em; text-decoration:none} #menu ul a:hover,#menu ul li a.first:hover{ background:#3d3e3e; color:#eee} #menu #providesupport{ float:right; margin-right:20px;} #menu #providesupport a{ display:block; padding:0 1.5em; text-decoration:none;} #menu #providesupport a:hover{ background:#3d3e3e; color:#eee} #content{ background:#fff; border-left:2em solid #d0d0d0; border-right:2em solid #d0d0d0} #content2{ background:#fff; border-left:2em solid #d0d0d0; border-right:2em solid #d0d0d0} #rahmen{ padding:1em} #rahmen #foto{ display:none;} #rahmen acronym:hover { text-decoration: underline; cursor: help;} #rahmen h1{ border-left:.2em solid #395917; color:#395917; font:bold 1.2em/1em Arial,sans-serif; margin-bottom:1em; padding-left:1em} #rahmen h2{ color:#395917; font:bold 1.1em/2em Arial,sans-serif;} #rahmen #quote{ background:#d0d1d3 url(i/quote2.gif) no-repeat 100% 100%; border-bottom:5px solid #395917; margin-bottom:2em;} #rahmen #quote cite { background: url(i/quote1.gif) no-repeat 0 0; display:block; color: #5b5c5d; font:1.5em/1.5em Arial,sans-serif; padding: 1.5em 1em 1em 1em ;} #rahmen div address { display:block; color: #395917; text-align: right; font: 1.1em/1.5em Arial,sans-serif; padding: 0 1em 1.5em 0;} #rahmen p{ font:1.1em/1.5em Arial,sans-serif; margin-bottom:2em} #rahmen pre{ font:1.1em/1.5em monospace; margin-bottom:2em} #rahmen form p{ font:1.1em/1.5em Arial,sans-serif; margin-bottom:1em} #rahmen form input, #rahmen form textarea, #rahmen form select{ width:26em;} #rahmen form input.button{ font:1.1em/1.5em Arial,sans-serif; background-color: #d0d1d3; width:10em;} #rahmen ol, #rahmen ul{ font:1.1em/1.5em Arial,sans-serif; padding-left: 2em; margin-bottom:2em} #rahmen ul{ list-style:none;} #rahmen ol li{ padding-left: 1em; margin-bottom:1em} #rahmen ul li{ background: url(i/content_sign.gif) no-repeat 0 0.4em; padding-left: 2em; margin-bottom:1em} #rahmen a{ color: #395917; text-decoration:none; font-style: italic;} #rahmen a:hover{ text-decoration: underline;} #sidebar{ border-right:2em solid #d0d0d0; float:none; width:100%} #sidebar #adwords{ text-align:center; margin: 1em;} #sidebar #submenu{ background:#fff; border-left:2em solid #d0d1d3; border-right:2em solid #d0d1d3; border-bottom:1em solid #d0d1d3} #sidebar #submenu ul{ list-style:none;} #sidebar #submenu ul div{ background:url(i/submenu_sign.gif) no-repeat center left; color:#000; display:block; height:2em; line-height:2em; padding-left:1em} #sidebar #submenu ul a{ background:url(i/submenu_sign.gif) no-repeat center left; color:#a2a3a5; display:block; height:2em; line-height:2em; padding-left:1em; text-decoration:none} #sidebar #submenu ul a:hover{ color:#395917} #sidebar #promotion{ display:none;} #footer{ background:#d0d1d3; border-left:2em solid #d0d1d3; border-right:2em solid #d0d1d3; border-bottom:5px solid #395917; text-align:center; width:100%} #footer p,#footer a{ color:#505051; font:1em/2em Arial,sans-serif} #footer a:hover{ color:#282828} .clear{ clear:left;} .rahmen{ padding:2em} #footer a{ text-decoration:none} .ewro,.egro{ background:url(i/e_wro.gif) no-repeat top right} .ewru,.egru{ background:url(i/e_wru.gif) no-repeat bottom right}}