/*head*/
#head-box, #middle-box, #middle-box #acordion-list, #middle-box #info-box, #footer-box { margin: 0px; padding: 0px; width: 925px; display: block; text-align: left; }
#head-box .top { margin: 0px; padding: 10px 5px 10px 5px; width: 915px; border-bottom: solid 1px #e3e3e3; font-size: 18pt; }
#head-box .top .line { color: #e0be00; }
#head-box .top .beta { color: #999999; margin-top: 5px; padding: 2px; width: 450px !important; font-size: 14px; text-align:right; font-style: italic; }
#head-box .bottom { display: block; width: 850px; padding-right: 65px; height: 35px; margin-bottom: 5px; overflow: hidden; }
#head-box .bottom .links { padding-top: 8px; }
/*nav*/
#head-box .bottom .nav, #head-box .bottom .nav ul, #head-box .bottom .nav li, #head-box .bottom .nav li a, #middle-box .mdL, #middle-box .mdR { display: block; font-size: 10pt; font-family: 'Century Gothic'; }
#head-box .bottom .nav ul li, #head-box .bottom .nav li.last { height: 22px; padding: 4px 10px 2px 10px; background: transparent url(images/nav-bg.png) top left repeat-x; float: left; }
#head-box .bottom .nav ul li { border-left: solid 1px #e3e3e3; }
#head-box .bottom .nav ul li.last { border-right: solid 1px #e3e3e3; }
/*middle-box*/
#middle-box .mdL { margin-right: 10px; width: 690px; }
#middle-box .mdR { width: 225px; }
/*acordion-list*/
#middle-box #acordion-list, #middle-box #acordion-list .set { display: block; height: 302px; border: 0px; overflow: hidden; }
#middle-box #acordion-list div { display: inline; float: left; margin: auto; }
#middle-box #acordion-list div.title { margin: 0px; width: 52px; height: 302px; background: transparent url(images/slider-head.png) top left no-repeat; float: left; text-align: center; vertical-align: bottom; cursor: pointer; }
#middle-box #acordion-list div.title img { margin-top: 20px; }
#middle-box #acordion-list div.content { width: 453px; height: 300px; background-color: #ffffff; border-top: solid 1px #e3e3e3; border-bottom: solid 1px #e3e3e3; border-right: solid 1px #e3e3e3; display: none; float: left; }
/*info*/
#middle-box #info-box .title { margin: 0px; padding-top: 5px; height: 29px; background: transparent url(images/middle-head-bg.png) top left repeat-x; border-left: solid 1px #e3e3e3; border-right: solid 1px #e3e3e3; font-size: 12pt; }
#middle-box #info-box .title var { margin-left: 10px; font-weight: bold; }
#middle-box #info-box .container { padding-top: 5px; }
#middle-box #info-box .container .row { margin-bottom: 3px; }
#middle-box #info-box .container .line { font-size: 6pt; }
#middle-box #info-box .service, #middle-box #info-box .about { margin-right: 18px; }
#middle-box #info-box .service, #middle-box #info-box .container .row, #middle-box #info-box .service .title { display: block; width: 300px; }
#middle-box #info-box .service .container { padding-left: 5px; padding-right: 5px; padding-bottom: 5px; }
#middle-box #info-box .about, #middle-box #info-box .about .title { display: block; width: 350px; }
#middle-box #info-box .about .container { padding-left: 2px; padding-right: 2px; text-align: justify; font-size: 9pt; }
#middle-box #info-box .contact, #middle-box #info-box .contact .title, #middle-box #info-box .contact .container, #middle-box #info-box .contact .container .mmb-Row { display: block; width: 234px; }
#middle-box #info-box .contact .container img { display: block; padding: 2px; border: solid 1px #e3e3e3; margin-bottom: 5px; }
#middle-box #info-box .contact .container .mmb-Row { height: 22px; margin-bottom: 5px; }
#middle-box #info-box .contact .container .mmb-T, #middle-box #info-box .contact .container .mmb-S, #middle-box #info-box .contact .container .mmb-C { display: block; float: left; }
#middle-box #info-box .contact .container .mmb-T { width: 60px; font-weight: bold; font-size: 8pt; }
#middle-box #info-box .contact .container .mmb-S { width: 7px; }
#middle-box #info-box .contact .container .mmb-C { width: 166px; }
#middle-box #info-box .contact .container .mmb-Row .mmb-C input { padding: 3px 23px 3px 3px; border: solid 1px #d8d8d8; width: 141px; }
#middle-box #info-box .contact .container .mmb-Row .mmb-C input.name { background: transparent url(images/name.png) 145px center no-repeat; }
#middle-box #info-box .contact .container .mmb-Row .mmb-C input.mail { background: transparent url(images/mail.png) 145px center no-repeat; }
#middle-box #info-box .contact .container .mmb-Row .mmb-C input.phone { background: transparent url(images/phone.png) 145px center no-repeat; }
#middle-box #info-box .contact .container .mmb-Row .mmb-C input.subject { background: transparent url(images/subject.png) 145px center no-repeat; }
/*footer*/
#footer-box { margin-top: 15px; }
#footer-box .top { margin: 0px; padding: 5px 0px 10px 0px; width: 925px; border-top: solid 1px #e3e3e3; font-size: 18pt; }
#footer-box .top .copy { background: #e0be00; padding: 3px 5px 3px 5px; color: #ffffff; font-size: 10pt; font-weight: bold; }
#footer-box .top .info { width: 350px; height: 30px; display: block; background: transparent url(images/info-footer.png) left center no-repeat; }
/*product-liste*/
ul.project-liste { margin: 0px; text-align: left; display: block; width: 100%; }
ul.project-liste li { padding: 1%; width: 48%; float: left; margin-bottom: 5px; }
ul.project-liste li img { width: 99.1%; height: 150px; border: 2px solid #e0be00; display: block; }
ul.project-liste li span { margin-top: 10px; padding: 1%; width: 98%; background: #e0be00; color: #f5f5f5; display: block; font-weight: bold; }
ul.project-liste li span a { color: #665700; float: right; }
ul.project-liste li span a:hover { color: #f5f5f5; }
/*SSS-liste*/
ul.SSS-liste { margin: 0px; text-align: left; display: block; width: 100%; }
ul.SSS-liste li { padding: 0.5%; width: 99%; float: left; margin-bottom: 5px; }
ul.SSS-liste li .title { margin-bottom: 2px; padding: 0.5%; width: 99%; background: #e0be00; color: #f5f5f5; display: block; font-weight: bold; }
ul.SSS-liste li .title a { color: #665700; float: right; }
ul.SSS-liste li .title a:hover { color: #f5f5f5; }
ul.SSS-liste li .contents { padding: 0.5%; width: 99%; display: block; }
ul.SSS-liste li .info { padding: 0.5%; width: 99%; display: block; font-size: 9pt; color: #999999; font-weight: bold; font-style: italic; }