/* reset css*/
html,body,h1,h2,h3,h4,h5,h6,p,address,img,sub,sup,dl,dt,dd,ol,ul,li,fieldset,
form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td
{margin: 0px;padding: 0px;border: 0px;outline: 0px;font-weight: inherit;font-style: normal;
font-size: 100%;font-family: inherit;vertical-align: baseline;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
ul {list-style-image:none; list-style-position:outside; list-style-type:none;}
input, textarea, select { font-size: 100%; }
body {line-height: 1; font-size: 70%;}
sub, sup { position:relative; font-size: 75%; }
sub {top:0.4em;}
sup {bottom:0.4em;}

html, body {}

body{margin: 0 auto;  text-align: center; color: #000; background-color: #262626; font-family:TREBUCHET MS, Arial, Helvetica, sans-serif;}	


h1 {font-size: 240%; font-weight: normal; margin: 15px 0px 8px 0px; padding: 4px 20px; background: url(../img/h1_back.jpg) no-repeat;}
h2 {font-size: 170%; font-weight: bold; margin: 15px 0px 3px 0px;}
h3 {font-size: 110%; font-weight: bold; margin: 5px 0px 3px 0px;}

.cleaner { clear: both; line-height: 0px; height: 0px; font-size: 0px;}
.inline {display: inline;}
.warning {font-size: 12px; color: #b91414;}

p {margin-top: 5px;  font-size: 110%; line-height:110%; color: #000;}
ul {font-size: 110%; line-height:110%; color: #000;}

#menu {float: left; width: 232px; margin: -109px 0 0 14px; text-align: left; background: url(../img/menu_back.jpg) no-repeat 0px 109px;}
#menu ul { padding: 0px; margin: 0px 0px 0px 21px; }
#menu ul li {float: left; display: block; padding: 0px; margin: 0px; font-family: TREBUCHET MS, Arial; font-size: 13px; font-weight: bold;}
#menu ul li a {float: left; position: relative; display: block; width: 194px; height: 22px; padding: 9px 0 0 15px; background: url(../img/menu1item.jpg) #ff0000; color: #fff; text-decoration: none;}
#menu ul li a:hover {color: #de0809; text-decoration: underline;}
#menu ul li a.sub {background: url(../img/menu2item.jpg) #ff0000;}
#menu ul li a span {float: right; position: absolute; top: 10px; right: 10px; font-size: 10px; font-weight: normal; color: #757575;}
#menu ul li a:hover span {text-decoration: none;}

#menu ul ul {padding: 0px; margin: 0px; }
#menu ul li ul li a {width: 184px; height: 21px; padding: 4px 0 0 25px; background: url(../img/submenuitem.jpg) no-repeat; font-weight: normal; font-size: 12px;}
#menu ul li ul li a.last {height: 22px; background: url(../img/submenuitem-last.jpg) no-repeat;}
#menu ul li a:hover span {text-decoration: none;}
#menu #end {height: 30px; margin: 10px 0px 0px 1px; background: url(../img/menu_end.jpg) no-repeat;}
#menu a.activ {color: #de0809; text-decoration: underline;}

#full-center {margin: 0 auto; background: url(../img/html_back.jpg) repeat-x #414141;}
#center {margin: 0 auto; width: 1015px;}

#content {float: right; width: 746px; margin: -18px 9px 0 0; background-color: #fff;}
#content-top {background: url(../img/content_top.jpg);}
#navig {float: left; height: 10px; padding: 10px 0px 10px 20px; text-align: left;font-size: 11px;}
#content-top span {color: #999;}
#content-top a {color: #b91414;}
#content-top a:hover {color: #232323;}
a#print-page {display: block; float: right; width: 118px; height: 10px; padding: 10px 0px 10px 40px; font-size: 10px; color: #b91414; background: url(../img/print-page.jpg);}
a#print-page:hover  {color: #232323;}
#text {margin: 20px 10px 20px 20px; text-align: left; font-size: 100%;}
#text a {color: #b91414; text-decoration: underline;}
#text a:hover {color: #232323;}
h1.with_form {float: left;}

#text h1 {font-size: 200%; font-weight: normal; margin: 15px 0px 8px 0px; padding: 4px 20px; background: url(../img/h1_back.jpg) no-repeat;}
#text h2 {font-size: 150%; font-weight: bold; margin: 15px 0px 3px 0px;}
#text h3 {font-size: 100%; font-weight: bold; margin: 5px 0px 3px 0px;}
#text li {background: url(../img/li_arrow.gif) no-repeat 0px 4px; padding-left: 6px; padding-bottom: 1px;}

#header {float: left; width: 1015px; background: url(../img/header_back.jpg) no-repeat; height: 216px; text-align: left;}
#header-mut {float: left; width: 1015px; background: url(../img/header-mut_back.jpg) no-repeat; height: 216px; text-align: left;}
#flash {position : absolute; width: 746px; height: 158px; margin: 40px 0 0 260px; }
#flash a {display: block; float: left; margin: 60px 0px 0px 15px; font-size: 13px; font-weight: bold; color: #fff;}
#logo {display: block; position: absolute; width: 170px; height: 80px; margin-left: 50px; margin-top: 10px;}
#mutations {position: absolute; width: 170px; height: 40px; margin: 0px 0 0 840px; padding-top: 20px; text-align: center; background: url(../img/mutation.png) no-repeat; color: #fff;}
#mutations a {color: #fff; font-weight: bold; text-decoration: underline;}
#mutations a:hover {color: #333;}

#home #full-center {background: url(../img/html-home_back.jpg) repeat-x #414141;}
#home #header {background: url(../img/header-home_back.jpg) no-repeat; height: 296px;}
#home #flash {height: 238px;}

.product {width: 480px; float: left; padding: 10px; margin-bottom: 10px; background: url(../img/product-head.jpg) no-repeat;}
.product h3 {padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #dbdbdb;}
.product img{float: left; margin: 0px 10px 5px 0px; border: 5px solid #eaeaea;}
.product .price {clear: both; margin-top: 5px; font-size: 120%;}
.product .price strong {font-size: 160%;}
.product em {font-size: 110%; line-height: 130%;}

.ref {vertical-align: top; font-size: 120%; line-height: 120%;}
.ref td,th {vertical-align: top;}
.ref-img {display: block; margin-left: 10px; width: 77px; height: 60px;}

.reference {float: left; width: 310px; height: 100px;  padding: 10px 5px 10px 10px; margin: 0px 14px; background: url(../img/ref-head.jpg) no-repeat;}
.reference h3 {float: left; width: 95px; }
.reference p {float: left; width: 200px;}
.reference .title {display: block; margin-bottom: 5px; font-weight: bold;}

.col1 {float: left;}
.col2 {float: right; margin-right: 10px;}

.mut_en-de {font-size: 110%;}

.article p {clear: both; margin-top: 5px; font-size: 110%;}

#form {float: right; width: 186px; height: 361px; padding: 0px 0px 50px 20px; font-size: 110%; background: url(../img/form_back.jpg) no-repeat;}
#form form {display: block; margin-top: 20px;}
#form h2 {margin-top: 10px; padding: 4px 20px; background: url(../img/h2_back.jpg) no-repeat;}}
#form input {margin: 0 0 5px 0; padding: 1px; width: 170px;}
#form textarea {margin: 0 0 5px 0; padding: 0px; width: 170px; height: 120px; text-align: left;}
#form input.send {width: 90px; height: 30px; margin-top: 5px; background: url(../img/send-form.jpg); border: 0px;}



#footer {margin: 0 auto; text-align: center; background: url(../img/footer_back.jpg) repeat-x #262626; }
#footer-in {margin: 0 auto; padding-top: 43px; padding-right: 10px; text-align: right;  width: 988px; height: 20px; color: #fff; background: url(../img/footer-in_back.jpg);}
#footer-in span {color: #615f5f; font-size: 90%; }
#footer-in a {color: #b91414; text-decoration: none;}
#footer-in a:hover {text-decoration: underline;}

a.close-detail-ref {font-family:TREBUCHET MS,Arial; font-size:13px; font-weight:bold; color: #fff;}
a.close-detail-ref:hover {color: #262626;}