
* { margin: 0; padding: 0; }

html, td { font-family: Tahoma, sans-serif; font-size: 80%; }
body { background: #ecebeb; }

a { text-decoration: underline; color: #eb356e; font-weight: bold; font-size: 90%; }

#wrap { width: 100%; text-align: center; }
#page { margin: 0 auto; text-align: left; }

div.leftbox { width: 170px; margin-bottom: 10px; }
div.leftbox div.blue_head { height: 31px; background: url(./../images/box_blue_title.png) no-repeat; margin: 0; }
div.leftbox div.grey_head { height: 31px; background: url(./../images/box_grey_title.png) no-repeat; margin: 0; }
div.leftbox div.pink_head { height: 31px; background: url(./../images/box_pink_title.png) no-repeat; margin: 0; }
div.leftbox div.title { padding: 11px 15px 0 15px; color: white; font-weight: bold; }
div.leftbox div.blue_body { background: url(./../images/box_blue_bg.png) repeat-y; }
div.leftbox div.grey_body { background: url(./../images/box_grey_bg.png) repeat-y; }
div.leftbox div.text { padding: 5px 15px; }
div.leftbox div.separator { padding: 0 6px; }
div.leftbox div.blue_foot { height: 10px; background: url(./../images/box_blue_foot.png) no-repeat; }
div.leftbox div.grey_foot { height: 10px; background: url(./../images/box_grey_foot.png) no-repeat; }

div.rightbox { width: 230px; margin-bottom: 10px; }
div.rightbox div.head { height: 31px; background: url(./../images/box_rechts_title.png) no-repeat; margin: 0; }
div.rightbox div.title { padding: 11px 15px 0 15px; color: white; font-weight: bold; }
div.rightbox div.body { background: url(./../images/box_rechts_bg.png) repeat-y; }
div.rightbox div.text { padding: 5px 15px; }
div.rightbox div.foot { height: 10px; background: url(./../images/box_rechts_foot.png) no-repeat; }

div.mittebox { float: left; width: 272px; margin-bottom: 10px; }
div.mittebox div.head { height: 31px; background: url(./../images/mitte_head.png) no-repeat; margin: 0; }
div.mittebox div.title { padding: 11px 15px 0 15px; color: white; font-weight: bold; }
div.mittebox div.body { background: url(./../images/mitte_bg.png) repeat-y; }
div.mittebox div.text { padding: 5px 15px; }
div.mittebox div.foot { height: 10px; background: url(./../images/mitte_foot.png) no-repeat; }

#navigation a { color: #ffffff; font-weight: bold; background: #00a7db url(./../images/left-tab.png) left top no-repeat; text-decoration: none; padding-left: 10px; }
#navigation a span { background: url(./../images/right-tab.png) right top no-repeat; padding-right: 10px; }
#navigation a, #navigation a span { display: block; float: left; }
/* Hide from IE5-Mac \*/
#navigation a, #navigation a span { float: none; }
/* End hide */
#navigation a:hover, #navigation a.sel { color: #00a7db; background: #ffffff url(./../images/left-tab-hover.png) left top no-repeat; padding-left: 10px; }
#navigation a:hover span, #navigation a.sel span { background: url(./../images/right-tab-hover.png) right top no-repeat; padding-right: 10px; }
#navigation ul { list-style: none; padding: 0; margin: 0; }
#navigation li { float: left; margin: 0; margin-right: 3px; line-height: 26px; list-style-type: none; }

#subnavigation a { text-decoration: none; color: #c5c4c4; }
#subnavigation a:hover, #subnavigation a.sel { color: #eb356e; }

#sitemap ul { list-style-type: circle; }
#sitemap li, #sitemap li li { margin: 5px 0 0 30px; }

#btnbar { list-style-type: none; padding-left: 0; }
#btnbar li { float: left; height: 26px; margin-right: 2px; }
#btnbar li a { text-decoration: none; color: inherit; cursor: pointer !important; }
#btnbar li div { float: left; height: 26px; }
#btnbar li div.l, #btnbar li div.r { width: 8px; }
#btnbar li div.c { line-height: 26px; color: #ffffff; font-weight: bold; }
#btnbar li div.l { background: url(./../images/left-tab.png); }
#btnbar li div.c { background: url(./../images/mitte-tab.png); }
#btnbar li div.r { background: url(./../images/right-tab.png); }
#btnbar li:hover div.l, #btnbar li.sel div.l { background: url(./../images/left-tab-hover.png); }
#btnbar li:hover div.c, #btnbar li.sel div.c { background: url(./../images/mitte-tab-hover.png); color: #00a7db; }
#btnbar li:hover div.r, #btnbar li.sel div.r { background: url(./../images/right-tab-hover.png); }
