﻿@charset "utf-8";
@import url("reset.css");
@import url("content.css");

ul {list-style:none;}

html{min-height:100%;height:100%;overflow-y:scroll;}
body{margin:27px;background:url(/gfx/design/background.jpg) #5b5b5b repeat-x fixed top;color:#555555;font:normal 0.8em "Segoe UI",Helvetica,Arial,sans-serif;}
div#body{margin:auto;min-width:750px;max-width:1140px;}
* html div#body{width:expression(document.body.clientWidth > 1142 ? "1140px":(document.body.clientWidth < 752 ? "750px":"auto"));}
div#head{padding:50px 0 0 0;}
div#content{padding:0 0 30px;}
div#footer{margin:10px 0;}
div#menu-global{font-weight:bold;text-transform:uppercase;position:absolute;top:-20px;right:-15px;}
div#menu-global a{margin:0 2px;color:#666666 !important;font-size:0.8em;font-weight:bold;letter-spacing:-0.01em;background:none;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;text-shadow:none;}
div#menu-global a:hover{color:#333333 !important;background:transparent none !important;text-decoration:underline}
div#menu-global form{margin:2px 0 0 0;text-align:right;}
div#menu-global input{padding:0.15em 0.3em 0.05em;color:#686868;font-size:0.7em;font-weight:bold;text-transform:uppercase;height:1.5em;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;}
div#menu-global input.search{border:1px solid #d9d9d9;width:20em;margin:0 3px;background:url(/gfx/design/search-input-background.jpg) no-repeat top left;text-align:right;}
div#menu-global input.submit{border:1px solid #b2b2b2;padding:0.1em;background:url(/gfx/design/search-submit-background.jpg) #b5b5b5 repeat-x top left;text-align:center;height:2.1em;}
div#menu-global input.is-default{color:#a6a6a6;}
a#logo{position:absolute;top:-18px;left:-10px;background:none;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;}
a#logo:hover{background:transparent none !important;}
/* Content Box */
div.box-body{margin:0 27px;background:#ffffff;position:relative;}
div.box-body-top{margin:0 27px -27px;position:relative;top:-27px;height:54px;}
div.box-body-bottom{margin:-27px 27px 0;position:relative;bottom:-25px;height:54px;}
div.box-body-top span,
div.box-body-bottom span{width:54px;display:block;height:54px;}
div.box-body-top span.box-left{background:url(/gfx/design/box-top-left.png) no-repeat left top;position:absolute;left:-54px;}
div.box-body-top span.box-top{width:auto;background:url(/gfx/design/box-top.png) repeat-x top;}
div.box-body-top span.box-right{background:url(/gfx/design/box-top-right.png) no-repeat right top;position:absolute;right:-54px;top:0;}
div.box-body span.box-left{width:54px;display:block;background:url(/gfx/design/box-left.png) repeat-y left;position:absolute;height:54px;left:-54px;}
div.box-body span.box-right{width:54px;display:block;background:url(/gfx/design/box-right.png) repeat-y right;position:absolute;height:54px;right:-54px;}
div.box-body-bottom span.box-left{background:url(/gfx/design/box-bottom-left.png) no-repeat left top;position:absolute;left:-54px;}
div.box-body-bottom span.box-bottom{width:auto;background:url(/gfx/design/box-bottom.png) repeat-x top;}
div.box-body-bottom span.box-right{background:url(/gfx/design/box-bottom-right.png) no-repeat right top;position:absolute;right:-54px;top:0;}
/* CSS Hacks für den Internet Explorer 7 um den rechten Rand der Box an der richten Stelle zu positionieren */
* html div.box-body{height:100%;}
/**************************************************/
/* Kategorien */
div#menu-cat{width:490px;background:url(/gfx/design/menu-cat-inactive.png) no-repeat;position:absolute;height:29px;right:-16px;top:25px;z-index:5;}
* html div#menu-cat{right:-15px;}
div#menu-cat ul{margin:0 0 0 11px;padding:0;list-style:none !important;}
* html div#menu-cat ul{margin:0 0 0 13px;}
div#menu-cat ul li{float:left;width:157px;margin:0;padding:0;position:relative;}
div#menu-cat ul li a{margin:0 0 0 -12px;width:165px;padding-left:6px;display:block;background:none;font-weight:bold;font-size:12px !important;line-height:25px;text-align:center;text-transform:uppercase;letter-spacing:0.15px;position:relative;top:6px;height:25px;z-index:9;text-shadow:rgba(100,100,100,0.5) 0 0 2px;}
div#menu-cat ul li a:hover{background:none !important;}
* html div#menu-cat ul li a{margin-left:-14px;}
div#menu-cat ul li a:hover{text-decoration:none;}
div#menu-cat ul li#menu-cat-b a{color:#c5c8dc;}
div#menu-cat ul li#menu-cat-g a{color:#cfe0c5;}
div#menu-cat ul li#menu-cat-r a{color:#edc6c5;}
div#menu-cat ul li.hover a,
div#menu-cat ul li.active a{text-decoration:none;text-shadow:rgba(0,0,0,0.75) 0 0 4px;}
div#menu-cat ul li#menu-cat-b.hover a,
div#menu-cat ul li#menu-cat-b.active a{background:url(/gfx/design/menu-cat-b.jpg) no-repeat !important;color:#ffffff;}
div#menu-cat ul li#menu-cat-g.hover a,
div#menu-cat ul li#menu-cat-g.active a{background:url(/gfx/design/menu-cat-g.jpg) no-repeat !important;color:#ffffff;}
div#menu-cat ul li#menu-cat-r.hover a,
div#menu-cat ul li#menu-cat-r.active a{background:url(/gfx/design/menu-cat-r.jpg) no-repeat !important;color:#ffffff;}
/**************************************************/
/* Hauptmenü */
div.menu-main{display:none;position:relative;z-index:1;top:-12px;}
div.active{display:block;}
div.menu-main span.menu-left{width:19px;margin-top:-11px;position:absolute;height:60px;top:0;left:-12px;}
/* CSS-Hack für den IE7 (falsche Position) */
* html div.menu-main span.menu-left{left:-15px;}
div.menu-main span.menu-right{width:19px;margin-top:-11px;position:absolute;height:199px;top:11px;right:-15px;}
div.menu-main ul{margin:10px 0 0 3px;padding:0;list-style:none !important;height:49px;}
div.menu-main ul li{float:left;margin:6px 0;display:block;position:relative;height:37px;}
div.menu-main ul li a{padding:0 12px;float:left;display:block;color:#eeeeee !important;font-weight:normal;font-size:1.0em;line-height:37px;text-transform:uppercase;letter-spacing:-0.04em;height:37px;vertical-align:middle;text-shadow:rgba(255,255,255,0.5) 0 0 1px;background:none;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;}
div.menu-main ul li a.has-sub-menu{padding-left:25px;}
div.menu-main ul li a:hover,
div.menu-main ul li.hover a,
div.menu-main ul li.hover a{color:#ffffff;text-decoration:none;background:none !important;}
div.menu-main span.menu-separator{width:7px;margin:6px -5px;display:block;background:url(/gfx/design/menu-separator.png);position:absolute;height:25px;left:1px;z-index:3;}
/* Override für blaues Menü */
div#menu-main-b span.menu-left{background:url(/gfx/design/menu-left-b.png) no-repeat;}
div#menu-main-b span.menu-right{background:url(/gfx/design/menu-right-b.png) no-repeat;}
div#menu-main-b ul{background:url(/gfx/design/menu-fill-b.png) repeat-x;}
div#menu-main-b ul li:hover,
div#menu-main-b ul li.hover{background:url(/gfx/design/menu-hover-b.png) repeat-x;}
div#menu-main-b ul li a.has-sub-menu{background:url(/gfx/design/menu-indicator-b.jpg) no-repeat 5px 13px !important;}
div#menu-main-b ul li a.has-sub-menu:hover,
div#menu-main-b ul li:hover a.has-sub-menu,
div#menu-main-b ul li.hover a.has-sub-menu{background:url(/gfx/design/menu-indicator-hover-b.jpg) no-repeat 5px 13px !important;}
/* Override für grünes Menü */
div#menu-main-g span.menu-left{background:url(/gfx/design/menu-left-g.png) no-repeat;}
div#menu-main-g span.menu-right{background:url(/gfx/design/menu-right-g.png) no-repeat;}
div#menu-main-g ul{background:url(/gfx/design/menu-fill-g.png) repeat-x;}
div#menu-main-g ul li:hover,
div#menu-main-g ul li.hover{background:url(/gfx/design/menu-hover-g.png) repeat-x;}
div#menu-main-g ul li a.has-sub-menu{background:url(/gfx/design/menu-indicator-g.jpg) no-repeat 5px 13px !important;}
div#menu-main-g ul li a.has-sub-menu:hover,
div#menu-main-g ul li:hover a.has-sub-menu,
div#menu-main-g ul li.hover a.has-sub-menu{background:url(/gfx/design/menu-indicator-hover-g.jpg) no-repeat 5px 13px !important;}
/* Override für grünes Menü */
div#menu-main-r span.menu-left{background:url(/gfx/design/menu-left-r.png) no-repeat;}
div#menu-main-r span.menu-right{background:url(/gfx/design/menu-right-r.png) no-repeat;}
div#menu-main-r ul{background:url(/gfx/design/menu-fill-r.png) repeat-x;}
div#menu-main-r ul li:hover,
div#menu-main-r ul li.hover{background:url(/gfx/design/menu-hover-r.png) repeat-x;}
div#menu-main-r ul li a.has-sub-menu{background:url(/gfx/design/menu-indicator-r.jpg) no-repeat 5px 13px !important;}
div#menu-main-r ul li a.has-sub-menu:hover,
div#menu-main-r ul li:hover a.has-sub-menu,
div#menu-main-r ul li.hover a.has-sub-menu{background:url(/gfx/design/menu-indicator-hover-r.jpg) no-repeat 5px 13px !important;}
/**************************************************/
/* Submenü */
div.menu-main div.menu-sub{width:270px;display:none;position:absolute;top:37px;left:0;z-index:8;}
div.menu-main li:hover div.menu-sub,
div.menu-main li.hover div.menu-sub{display:block;}
div.menu-main div.menu-sub ul{margin:0;width:270px;background:none !important;position:relative;height:auto;}
div.menu-main div.menu-sub ul li{float:none;margin:0;padding:0;width:270px;background:none !important;position:relative;height:auto;}
div.menu-main div.menu-sub ul li a{padding:0.25em 8px;margin:0;width:254px;float:none;display:block;color:#000000 !important;background:none;font-weight:normal;font-size:0.9em;line-height:1.5em;text-transform:none;letter-spacing:0;height:auto;vertical-align:middle;text-shadow:rgba(0,0,0,0.2) 0 0 2px;}
div.menu-main div.menu-sub ul li a:hover{color:#ffffff !important}
div.menu-main div.menu-sub ul li:hover > a,
div.menu-main div.menu-sub ul li.hover > a{color:#ffffff !important;text-shadow:rgba(255,255,255,0.2) 0 0 2px;}
div.menu-main div.menu-sub li.menu-top{margin-bottom:-13px;display:block;background:transparent url(/gfx/design/menu-sub-gradient.png) repeat-x  !important;height:13px;}
div.menu-main div.menu-sub li.menu-line{margin:0 0 -1px;padding:0;float:none;border-bottom:1px solid #eeeeee;display:block;background:#b2b2b2 none !important;height:1px;}
/* Sub-Sub-Menü */
div.menu-main div.menu-sub ul ul{float:left;display:none;position:absolute !important;left:255px;top:-1px;z-index:9;}
div.menu-main div.menu-sub ul li:hover ul.menu-sub-2,
div.menu-main div.menu-sub ul li.hover ul.menu-sub-2{display:block;}
/* Sub-Sub-Sub-Menü */
div.menu-main div.menu-sub ul ul ul{display:none;}
div.menu-main div.menu-sub ul ul li:hover ul.menu-sub-3,
div.menu-main div.menu-sub ul ul li.hover ul.menu-sub-3{display:block;}
/* Override für blaues Submenü */
div#menu-main-b div.menu-sub,
div#menu-main-b div.menu-sub ul ul{border:1px solid #7b88aa;background:#dcdee5 none !important;}
div#menu-main-b div.menu-sub ul li a.has-sub-menu{background:url(/gfx/design/menu-sub-indicator-b.jpg) no-repeat 98% 50% !important;}
div#menu-main-b div.menu-sub ul li a:hover{background:url(/gfx/design/menu-sub-hover-b.jpg) repeat-y !important;}
div#menu-main-b div.menu-sub ul li:hover > a,
div#menu-main-b div.menu-sub ul li.hover > a{background:url(/gfx/design/menu-sub-hover-b.jpg) repeat-y !important;}
/* Override für grünes Submenü */
div#menu-main-g div.menu-sub,
div#menu-main-g div.menu-sub ul ul{border:1px solid #92b779;background:#e0e5dc none !important;}
div#menu-main-g div.menu-sub ul li a.has-sub-menu{background:url(/gfx/design/menu-sub-indicator-g.jpg) no-repeat 98% 50% !important;}
div#menu-main-g div.menu-sub ul li a:hover{background:url(/gfx/design/menu-sub-hover-g.jpg) repeat-y !important;}
div#menu-main-g div.menu-sub ul li:hover > a,
div#menu-main-g div.menu-sub ul li.hover > a{background:url(/gfx/design/menu-sub-hover-g.jpg) repeat-y !important;}
/* Override für rotes Submenü */
div#menu-main-r div.menu-sub,
div#menu-main-r div.menu-sub ul ul{border:1px solid #b67977;background:#e5dddc none !important;}
div#menu-main-r div.menu-sub ul li a.has-sub-menu{background:url(/gfx/design/menu-sub-indicator-r.jpg) no-repeat 98% 50% !important;}
div#menu-main-r div.menu-sub ul li a:hover{background:url(/gfx/design/menu-sub-hover-r.jpg) repeat-y !important;}
div#menu-main-r div.menu-sub ul li:hover > a,
div#menu-main-r div.menu-sub ul li.hover > a{background:url(/gfx/design/menu-sub-hover-r.jpg) repeat-y !important;}
/* CSS-Hack für IE6 um Sub-Menu Separatoren zu verstecken (Anzeigefehler) */
* html div.menu-main div.menu-sub li.menu-top,* html div.menu-main div.menu-sub li.menu-line{position:absolute;visibility:hidden;}
/* CSS-Hack für IE6 und IE7 um z-Index-Probleme zu beseitigen */
* html div.menu-main div.menu-sub ul ul{left:270px;}
*:first-child+html div.menu-main div.menu-sub ul ul{left:270px;}
* html div.menu-main div.menu-sub ul li{float:left;}
*:first-child+html div.menu-main div.menu-sub ul li{float:left;}
/**************************************************/
div#main{margin:-30px;padding:25px 40px;padding-right:55px;text-align:justify;position:relative;min-height:500px;}
* html div#main{height:500px;}
div#main.has-side-menu{padding-left:330px;background:url(/gfx/design/menu-side-background.jpg) repeat-y top left;}
div#main div#text{position:relative;}
div#main div#text div.infobox a{background:#e5e5e5;font-weight:bold;}
div#main div#text div.image-quote a{padding:0 0.3em;background:transparent;font-weight:bold;}
div#body.b div#text div.image-quote a:hover, div#body.b div#text div.infobox a:hover{color:#ffffff;background:#7b88aa;}
div#body.g div#text div.image-quote a:hover, div#body.g div#text div.infobox a:hover{color:#ffffff;background:#92b779;}
div#body.r div#text div.image-quote a:hover, div#body.r div#text div.infobox a:hover{color:#ffffff;background:#b67977;}
div#main div#text div#breadcrumbs{margin:-5px 0 20px -6px;font-weight:bold;font-size:1.1em; text-align: right;position:relative;text-shadow:rgba(100,100,100,0.3) 0 0 1px;}
div#body.b div#main div#text div#breadcrumbs{color:#7b88aa;}
div#body.g div#main div#text div#breadcrumbs{color:#92b779;}
div#body.r div#main div#text div#breadcrumbs{color:#b67977;}
div#main div#text div#breadcrumbs a{margin:0 0.8em 0 0.6em;padding:0;color:#777777;background:none;font-weight:normal;font-size:0.7em;text-transform:uppercase;letter-spacing:-0.01em;background:none;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;}
div#main div#text div#breadcrumbs a:hover{color:#555555;text-decoration:underline;}
div#main div#menu-side{padding:26px 0 12px 1px;width:285px;position:absolute;left:-2px;top:0;}
div#main div#menu-side h1{font-size:1.9em;padding:0;font-weight:normal;letter-spacing:-0.05em;margin:5px 25px;text-align:right;}
div#main div#menu-side div.news{margin:0 25px 3em 20px;}
div#main div#menu-side div.news h3{font-size:1.2em;padding:0;margin-bottom:0.3em;}
div#main div#menu-side div.news div.date{float:right;margin:0.3em 0 0 0;font-weight:bold;font-size:0.85em;width:6em;text-align:right;line-height:1em;}
div#main div#menu-side div.news div.text{text-align:justify;padding-left:15px;}
div#main div#menu-side div.news div.link{margin:0.3em -1em 0 0;}
div#main div#menu-side div.news div.link a{clear:right;float:right;background:none;font-size:0.85em;text-transform:uppercase;}
div#main div#menu-side div.news div.link a:hover{background:#555;}
div#main div#menu-side ul{margin:10px 0 0;padding:0;list-style:none !important;}
div#main div#menu-side ul ul{margin:0;}
div#main div#menu-side li{width:285px;margin:0;padding:0;display:block;}
div#main div#menu-side li.menu-top{padding:0 0 0 35px;margin-top:-10px;width:240px;color:#aaaaaa;font-size:1.1em;text-align:right;letter-spacing:0.01em;text-shadow:rgba(0,0,0,0.2) 0 0 1px;}
* html div#main div#menu-side li{margin-bottom:-3px;}
*:first-child+html div#main div#menu-side li{margin-bottom:-3px;}
div#main div#menu-side li.active ul{background:url(/gfx/design/menu-side-sub-background.jpg) repeat-y right !important;}
div#main div#menu-side li.active{background:url(/gfx/design/menu-side-sub-head.jpg) repeat-y right;}
div#main div#menu-side li.selected{background:url(/gfx/design/menu-side-selected.jpg) repeat-y right;}
div#main div#menu-side li a{padding:4px 30px 4px 35px;display:block;color:#1a1a1a;font-weight:normal;font-size:0.95em;text-transform:uppercase;text-align:left;text-shadow:rgba(100,100,100,0.5) 0 0 1px;background:none;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;}
div#main div#menu-side li li a{padding-left:45px;color:#313131;font-size:0.9em;}
div#main div#menu-side li li li a{padding-left:55px;color:#4e4e4e;font-size:0.8em;}
div#main div#menu-side li a:hover{color:#ffffff;text-decoration:none;}
div#main div#menu-side li a span.bullet{float:left;margin:-0.15em 0.2em 0 -0.85em;font-weight:bold;}
div#main div#menu-side li a span.description{display:block;font-size:0.95em;font-weight:normal;text-transform:none;text-shadow:1px;}
div#body.b div#main div#menu-side li a:hover{background:url(/gfx/design/menu-side-hover-b.jpg) repeat-y right;}
div#body.g div#main div#menu-side li a:hover{background:url(/gfx/design/menu-side-hover-g.jpg) repeat-y right;}
div#body.r div#main div#menu-side li a:hover{background:url(/gfx/design/menu-side-hover-r.jpg) repeat-y right;}
div#footer{font-size:9px;position:absolute;bottom:-28px;right:-15px;z-index:9;}
/* Infobox */
div.infobox{float:right;clear:both;width:243px;margin:0 0 15px 25px;background:url(/gfx/design/infobox-fill.jpg) repeat-y;font-size:0.85em;text-align:left;}
div.infobox div.infobox-head{margin:0 5px;padding:0 15px;font-weight:bold;font-size:1.05em;text-align:center;}
div.infobox div.infobox-head span.infobox-head-top{margin:0 -20px;display:block;height:13px;}
div.infobox div.infobox-head span.infobox-head-bottom{margin:5px -15px 0;display:block;background:url(/gfx/design/infobox-head-bottom-b.jpg) repeat-x;height:11px;}
* html div.infobox div.infobox-head span.infobox-head-bottom{margin:5px -15px -2px;}
div.infobox span.infobox-top{display:block;background:url(/gfx/design/infobox-top.jpg) no-repeat;height:13px;}
div.infobox span.infobox-bottom{margin:-2px 0 0;display:block;background:url(/gfx/design/infobox-bottom.jpg) no-repeat;height:7px;}
* html div.infobox span.infobox-bottom{margin:-2px 0 -7px;}
div.infobox div.infobox-content{margin:0 5px;padding:0 13px 10px;background:url(/gfx/design/infobox-content-fill.jpg) repeat-x;}
div#body.b div.infobox div.infobox-head{color:#363f57;background:url(/gfx/design/infobox-head-fill-b.jpg) #c9cdd8 repeat-x 50% 13px;}
div#body.b div.infobox div.infobox-head span.infobox-head-top{background:url(/gfx/design/infobox-head-top-b.jpg) no-repeat;}
div#body.b div.infobox div.infobox-head span.infobox-head-bottom{background:url(/gfx/design/infobox-head-bottom-b.jpg) repeat-x;}
div#body.g div.infobox div.infobox-head{color:#475c38;background:url(/gfx/design/infobox-head-fill-g.jpg) #d1dac9 repeat-x 50% 13px;}
div#body.g div.infobox div.infobox-head span.infobox-head-top{background:url(/gfx/design/infobox-head-top-g.jpg) no-repeat;}
div#body.g div.infobox div.infobox-head span.infobox-head-bottom{background:url(/gfx/design/infobox-head-bottom-g.jpg) repeat-x;}
div#body.r div.infobox div.infobox-head{color:#6c3937;background:url(/gfx/design/infobox-head-fill-r.jpg) #e1cac9 repeat-x 50% 13px;}
div#body.r div.infobox div.infobox-head span.infobox-head-top{background:url(/gfx/design/infobox-head-top-r.jpg) no-repeat;}
div#body.r div.infobox div.infobox-head span.infobox-head-bottom{background:url(/gfx/design/infobox-head-bottom-r.jpg) repeat-x;}
/* Inline-Zitat */
blockquote{margin:-0.1em 0 -0.3em;font-size:1.2em;font-weight:normal;text-transform:uppercase;text-align:center;line-height:1.15em;letter-spacing:-0.01em;text-shadow:rgba(100,100,100,0.2) 0 0 0.15em;}
blockquote span.quote-left,blockquote span.quote-right{margin:0 -0.1em;font-size:1.6em;font-weight:bold;line-height:0em;text-shadow:none;}
div#body.b blockquote{color:#1a2a54;}
div#body.b blockquote span.quote-left,div#body.b blockquote span.quote-right{color:#cbd4ec;}
div#body.g blockquote{color:#193a00;}
div#body.g blockquote span.quote-left,div#body.g blockquote span.quote-right{color:#caddbc;}
div#body.r blockquote{color:#511917;}
div#body.r blockquote span.quote-left,div#body.r blockquote span.quote-right{color:#ebcbca;}
div.image-quote{clear:both;width:99.5%;margin:0 0 20px 0;background:transparent no-repeat top left;height:300px;position:relative;}
div.image-quote *{color:#303030;text-shadow:rgba(0,0,0,0.3) 0 0 2px;}
div.image-quote blockquote{padding:1.25em 25px 1.25em 160px;background:url(/gfx/design/image-quote-fill.png) repeat-y right;color:#303030;text-align:right;text-transform:none;line-height:1.1em;position:absolute;right:0;bottom:3em;max-width:300px;overflow:hidden;}
* html div.image-quote blockquote{width:300px;width:expression(document.body.clientWidth > 302 ? "300px":"auto");}
div.image-quote blockquote h1{margin:0;padding:0;color:#303030;font-size:2.2em;font-weight:bold;letter-spacing:-0.07em;text-transform:uppercase;line-height:1em;}
div.image-quote blockquote h2{margin:0;padding:0;color:#505050;font-size:1.5em;font-weight:bold;letter-spacing:-0.02em;line-height:1.2em;}
div.image-quote blockquote span.header-line{padding:0;background:none;}
blockquote span.quote-right{margin:0 -0.15em;}
div#body div.image-quote blockquote{color:#606060;}
/* Schattenbox */
div.shadow{display:block;position:relative;}
div.shadow div.shadow-top{margin-bottom:-8px;position:relative;height:8px;top:-8px;}
div.shadow div.shadow-bottom{margin-top:-8px;position:relative;height:8px;top:8px;}
div.shadow div.shadow-fill{height:100%;}
div.shadow div.shadow-top span,
div.shadow div.shadow-bottom span{width:8px;display:block;position:absolute;height:8px;}
div.shadow div.shadow-top span.shadow-top-left{background:url(/gfx/design/shadow-top-left.png) no-repeat;left:-8px;}
div.shadow div.shadow-top span.shadow-top{width:100%;background:url(/gfx/design/shadow-top.png) repeat-x;}
div.shadow div.shadow-top span.shadow-top-right{background:url(/gfx/design/shadow-top-right.png) no-repeat;right:-8px;}
div.shadow div.shadow-bottom span.shadow-bottom-left{background:url(/gfx/design/shadow-bottom-left.png) no-repeat;left:-8px;}
div.shadow div.shadow-bottom span.shadow-bottom{width:100%;background:url(/gfx/design/shadow-bottom.png) repeat-x;}
div.shadow div.shadow-bottom span.shadow-bottom-right{margin-right:-8px;background:url(/gfx/design/shadow-bottom-right.png) no-repeat;right:-8px;}
div.shadow div.shadow-fill span.shadow-left{width:8px;background:url(/gfx/design/shadow-left.png) repeat-y;left:-8px;position:absolute;height:100%;}
div.shadow div.shadow-fill span.shadow-right{width:8px;background:url(/gfx/design/shadow-right.png) repeat-y;right:-8px;position:absolute;height:100%;}
/**************************************************/