body { background: url(images/bg.gif) repeat-x; }
#wrapper { background: url(images/wrap-bg.gif) repeat-y; }
#header { background: url(images/header-bg.gif) repeat-x; }
#seitenkopf { margin: 0; width:780px; height:149px; background: url(images/splash-meta.jpg) no-repeat; }
#content-wrapper { background: url(images/content-bg.gif) repeat-y 0px 30px; }
#left { background: url(images/left-bg.gif) repeat-y; }
#footer { background: url(images/content-bg.gif) repeat-x; }
#logo { position:absolute; top:20px; left:10px; width:249px; height:125px; background: url(images/logo_metamorphic-association.gif) no-repeat; }

#header .mod_navigation ul li span , #header .mod_navigation ul li a:active, #header .mod_navigation ul li .trail { background: url(images/nav-blau-current.gif) repeat-x; }
#header .mod_navigation ul li a:hover  {	 background: url(images/nav-blau-hover.gif) repeat-x; }
#header .mod_navigation ul { background: url(images/nav-blau.gif) repeat-x; }

#right h1, #left h1 { color:#fff; background: url(images/portlet-head_blau.gif); }
#right .orange h1 { color:#fff; background: url(images/portlet-head_orange.gif); }
#right .gruen h1 { color:#fff; background: url(images/portlet-head_gruen.gif); }
#right .rot h1 { color:#fff; background: url(images/portlet-head_rot.gif); }


div.ce_accordion .toggler  { background: url(images/accordion-head.gif) repeat-x; }