* { margin:0;padding:0;}
img { border: 0 }
a, button, object{ text-decoration: none; outline: none; color: #000;}
a:hover { text-decoration: underline; }
ul { list-style: none; text-align: left; }
fieldset { border: 0; }
.submit { cursor: pointer;}
input, .text, table, td, th, select, option, textarea, label {font: 11px Verdana;  color: #000;}
th, strong { font-weight: bold;}
h2 { font: 20px "Century Gothic"; color: #000;}	 
h3 { font: 12.5px "Century Gothic"; color: #575756; padding: 5px 0 0 0;}	 
h4 { font-size: 15px; color: #fff; border-top: 1px solid #e1e1e0; padding: 21px 0 0; margin: 22px 0 0; float: left; clear: both; width: 100%;}
h4 span { background: url(../images/bg-dots.gif) 0 0 repeat; padding: 2px 4px 3px; float: left; font-size: 14.5px; font-weight: normal;}	 

	 
/*Layout

------------------------------------------------------------------------- */
body { background: #fff url(../images/bg.gif) 50% 0 repeat-x; font: 11px Verdana,Arial,Helvetica,sans-serif; color: #000;}

#top, #content , #footer{ width: 615px; margin: 0 auto; clear: both;}

/* Top

------------------------------------------------------------------------- */
#top { position: relative; height: 310px; width: 805px;}
#top h1 { float: left; width: 153px; height: 114px; margin: 20px 10px 0;}
#top h1 a { float: left; width: 153px; height: 114px; background: url(../images/maltzahn.jpg) 0 0 no-repeat; font-size: 1%; line-height: 1%; color: #000; text-indent: -9999px;}
#header { float: right; padding: 11px 13px; height: 220px; width: 542px; overflow: hidden; background: url(../images/header.png) 0 0 repeat-x; margin: 27px 0 0;}
#menu { position: absolute; top: 180px; left: 2px; line-height: 20px;}
#menu li { margin: 2px 0 0; float: left; clear: both;}
#menu li a { padding: 3px 6px 2px 4px;  float: left; white-space: nowrap; background: url(../images/bg-menu.gif) 0 -23px repeat-x; color: #fff; font-size: 14.5px; line-height: 15px; font-weight: normal; text-decoration: none; height: 15px; overflow: hidden;}
#menu li a:hover, #menu li a.current {text-decoration: none; background-position: 0 0;}
#menu li ul { display: none; float: left; clear: both; margin-left: -15px; line-height: 18px; position: relative;}
#menu li ul li a { font-size: 11px; height: 11px; line-height: 11px; background: #2e2e2e;}
#menu li ul li a:hover, #menu li ul li a.current { color: #e129ae; background: #e129ae;}
#menu li:hover ul, #menu li.active-parent ul { display: block;}


/* Content

------------------------------------------------------------------------- */
#content { padding: 0 0 40px;}
.page-head { border-left: 1px solid #d3d3d1; padding: 2px 14px; margin-left: 100px;}
.page-body { margin: 15px 0 0;}
.page-body p { margin: 21px 0 0; line-height: 21px; text-align:justify; }
#production-img-1 { clear: both; padding: 0 140px; }
#production-img-2 { clear: both; padding: 0 70px; }
#production-img-3 { clear: both; padding: 0 204px; }

#site-menu { float: left; display: inline; width: 685px; margin: 0 -36px;}
#site-menu li { float: left; display: inline; width: 156px; margin: 31px 36px 0; overflow: hidden;}
#site-menu li a { width: 134px; height: 134px; padding: 11px; position: relative; overflow: hidden; float: left; background: url(../images/bg-links.gif) 0 0 repeat-x; cursor: pointer;}
#site-menu li a:hover {text-decoration: none; background-position: 0 -156px;}
#site-menu li a img { width: 134px; height: 134px; float: left;}
#site-menu li a .title { position: absolute; top: 11px; left: 11px; width: 118px; padding: 5px 8px 4px; background: url(../images/bg-podklad.png) 0 0 repeat; font: bold 17px "Century Gothic"; color: #fff; white-space: wrap;}
#site-menu li a .title-inv {background-image: url(../images/bg-podklad-inv.png);}

#site-menu2 { float: left; display: inline; width: 685px; margin: 0 -36px;}
#site-menu2 li { float: left; display: inline; width: 522px; margin: 31px 36px 0; overflow: hidden;}
#site-menu2 li a { width: 550px; height: 326px; padding: 11px; position: relative; overflow: hidden; float: left; background: url(../images/bg-links-2.gif) 0 0 repeat-x; cursor: pointer;}
#site-menu2 li a:hover {text-decoration: none; background-position: 0 -349px;}
#site-menu2 li a img { width: 500px; height: 326px; float: left;}
#site-menu2 li a .title { position: absolute; top: 11px; left: 11px; width: 118px; padding: 5px 8px 4px; background: url(../images/bg-podklad.png) 0 0 repeat; font: bold 17px "Century Gothic"; color: #fff; white-space: wrap;}
#site-menu2 li a .title-inv {background-image: url(../images/bg-podklad-inv.png);}

.composition { float: left; display: inline; width: 685px; margin: -10px -36px 0;}
.composition li { float: left; display: inline; width: 156px; margin: 31px 36px 0; overflow: hidden;}
.composition li a { width: 134px; height: 134px; padding: 11px; position: relative; overflow: hidden; float: left; background: url(../images/bg-links.gif) 0 0 repeat-x; }
.composition li a:hover {text-decoration: none; background-position: 0 -156px;}
.composition li a img { width: 134px; height: 134px; float: left;}

#compositions-nav { padding:0; margin: 22px auto 0; float:left; clear: both; position:relative; left:50%; }
#compositions-nav-wrap { float:left; position:relative; right:50%;}
#compositions-nav-inner { float: left; padding: 0 0 10px; margin: 0 0 0 -4px; display: inline; border-bottom: 1px solid #eeeeec; line-height: 19px;}
#compositions-nav a { padding: 0 3px; float: left; white-space: nowrap; background: url(../images/bg-menu.gif) 0 -23px repeat-x; color: #fff; font-size: 12px; font-weight: bold; text-decoration: none; height: 21px; overflow: hidden; margin-left: 10px;}
#compositions-nav a:hover, #compositions-nav a.activeSlide {text-decoration: none; background-position: 0 0;}
#compositions-nav a:first-child { margin-left: 0;}

.composition-head { float: left; clear: both; width: 100%; margin: 32px 0 0;}
.composition-lead { width: 134px; height: 134px; padding: 11px; position: relative; overflow: hidden; float: left; background: red url(../images/bg-links.gif) 0 0 repeat-x; display: inline; margin: 0 6px 0 0;}
.composition-lead img { width: 134px; height: 134px; float: left;}
.composition-lead .title { position: absolute; top: 11px; left: 11px; width: 118px; padding: 5px 8px 4px; background: url(../images/bg-podklad.png) 0 0 repeat; font: bold 17px "Century Gothic"; color: #fff; white-space: wrap;}
.composition-lead .title-inv {background-image: url(../images/bg-podklad-inv.png);}

.composition-menu { float: left; line-height: 20px; margin: -6px 0 0;}
.composition-menu li { margin: 6px 0 0; float: left; clear: both;}
.composition-menu li a { padding: 3px 4px; float: left; white-space: nowrap; background: url(../images/bg-menu.gif) 0 -23px repeat-x; color: #fff; font-size: 14.5px; line-height: 15px; font-weight: normal; text-decoration: none; height: 15px; overflow: hidden;}
.composition-menu li a:hover, .composition-menu li a.current {text-decoration: none; background-position: 0 0;}
.composition-menu li ul { float: left; margin: -6px 0 0; }
.composition-menu li ul li { margin-left: 6px;}

.contentlist { list-style-type: circle; font-weight: 100; padding: 2px 30px;}

/* Footer 

------------------------------------------------------------------------- */
#footer {background: #fff url(../images/bg-footer.gif) 50% 0 repeat-x; font-size: 10px; color: #7d7d7c; line-height: 14px; padding: 15px 0;}
#footer a {color: #7d7d7c;}
#footer a:hover, #footer a.current { color: #f386d4; text-decoration: none;}
#footer a.home { float: left; width: 29px; height: 28px; margin-right: 15px; background: url(../images/maltzahn.gif) 0 0 no-repeat; font-size: 1%; line-height: 1%; color: #fff; text-indent: -9999px;}
#footer ul li { display: inline; background: url(../images/bulk.gif) 0 50% no-repeat; padding: 0 4px 0 8px;}
#footer ul li:first-child { padding-left: 0; background: none;}
#footer p { color: #fff; font-size: 5px; display: inline;}
#footer p a { color: #fff; }
#footer p a:hover { color: #fff; }


/* Other 

------------------------------------------------------------------------- */
.fl { float: left; }
.fr { float: right; }
.clear { clear:both; }
.hide { display: none; }