* {
margin:0;
padding:0;
}
body, html {
height:100%;
}
body {
background:url(../images/bg.gif) left top repeat;
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#000;
text-align:center;
}
a img {
border:none;
}
a {
color:#C5341C;
text-decoration:none;
}
a:hover {
color:#831300;
text-decoration:underline;
}
#wrapper {
position:relative;
width:900px;
min-height:100%;
background:#c5341c url(../images/content_m.gif) 15px top repeat-y;
margin:0 auto;
text-align:left;
padding:0 15px;
}
* html #wrapper {
width:930px;
height:100%;
}
#header {
position:relative;
width:900px;
height:291px;
background:#c5341c url(../images/header.jpg) left 15px no-repeat;
}
#logo {
position:absolute;
left:44px;top:33px;
}
#sections {
overflow:hidden;
width:900px;
padding-bottom:60px;
}
#leftsection {
overflow:hidden;
float:left;
width:200px;
padding-left:50px;
}
* html #leftsection {
width:250px;
}
#leftnav {
background:#831300 url(../images/leftnav_b.gif) left bottom no-repeat;
margin-bottom:10px;
}
#leftnav ul {
list-style:none;
padding:0 0 10px;
}
#leftnav a {
display:block;
width:190px;
border-bottom:1px solid #8F1F08;
background:url(../images/arrow_h.gif) 165px 11px no-repeat;
color:#EFD5D1;
margin:0 10px;
padding:6px 0;
text-decoration:none;
}
#leftnav a:hover, #leftnav li.leftactive a {
color:#fff;
background-image:url(../images/arrow.gif);
}
#leftnav ul ul {
padding:0;
}
#leftnav ul ul li {
background:#C5341C;
padding:0;
}
#leftnav ul ul li a {
width:160px;
background:url(../images/arrow_r.gif) 10px 10px no-repeat;
padding-left:20px;
}
* html #leftnav ul ul li a {
width:180px;
}
#leftnav ul ul ul li {
background:#F89F7B;
padding:0;
}
#leftnav ul ul ul li a {
width:150px;
border-bottom:1px solid #FFAF8F;
background:url(../images/arrow_r.gif) 20px 10px no-repeat;
padding-left:30px;
}

#leftnav ul li.leftactive ul li a {
background:url(../images/arrow_r.gif) 10px 10px no-repeat;
color:#EFD5D1;
}
#leftnav ul li.subactive ul li a, #leftnav ul .sub2 a {
background:url(../images/arrow_r.gif) 20px 10px no-repeat;
color:#831200;
}
#leftnav ul ul li a:hover, #leftnav ul li.leftactive ul li a:hover, #leftnav li.subactive a, #leftnav li.subactive li a:hover {
color:#fff;
background-image:url(../images/arrow_r_h.gif);
}

#leftcontent-wrapper {
background:#831300 url(../images/leftcontent_b.gif) left bottom no-repeat;
}
#leftcontent {
background:url(../images/leftcontent_t.gif) left top no-repeat;
padding:10px;
}
#leftcontent .modulebox {
overflow:hidden;
width:170px;
background:#fff url(../images/modulebox_b.gif) left bottom no-repeat;
margin-bottom:10px;
padding:5px;
}
* html #leftcontent .modulebox {
width:180px;
}
#leftcontent .modulebox h1 {
background:url(../images/modulebox_t.gif) left top no-repeat;
font:bold 16px Arial, Helvetica, sans-serif;
color:#fff;
margin:-5px -5px 0;
padding:5px;
}
#rightsection {
overflow:hidden;
float:right;
width:610px;
padding-right:20px;
}
* html #rightsection {
width:630px;
}
#content h1, #content h2, #content h3, #content h4, #content h5, #content p, #content ol, #content ul {
margin-bottom:12px;
}
#content h1 {
font:bold 20px Arial, Helvetica, sans-serif;
color:#000;
}
#content h2 {
font:bold 16px Arial, Helvetica, sans-serif;
color:#000;
}
#content ul {
list-style:none;
}
#content ul li {
margin-left:10px;
background:url(../images/bullet.gif) left 5px no-repeat;
padding-left:10px;
}
#content ol {
margin-left:28px;
}
p.bodytext, table td, table th {
font-size:11px;
}
#footer-container{
position:relative;
width:900px;
background:#c5341c url(../images/content_b.gif) left top no-repeat;
text-align:center;
margin:-60px auto 0;
z-index:999;
}
#copyright {
padding-top:20px;
height:40px;
}
* html #copyright {
height:60px;
}
#copyright img {
vertical-align:middle;
}
.modulebox .csc-mailform {
border:none;
padding:5px 5px 0;
}
.modulebox .csc-mailform-field {
padding-bottom:8px;
}
.modulebox input {
border:1px solid #cdcdcd;
font:11px Verdana, Arial, Helvetica, sans-serif;
padding:1px 4px;
}
.modulebox .csc-mailform-submit {
border:none;
background:#831200;
color:#fff;
padding:2px 4px;
}
/* typo3 */
#content #mailform {
overflow:hidden;
width:100%;
margin-bottom:10px;
}
#content .csc-mailform {
border:1px solid #cdcdcd;
padding:15px 15px 5px 15px;
}
#content .csc-mailform-field {
overflow:hidden;
width:100%;
padding-bottom:10px;
}
#content .csc-mailform label {
display:block;
float:left;
width:166px;
font:11px Arial, Helvetica, sans-serif;
padding-top:1px;
}
#content .csc-mailform input, #content .csc-mailform textarea, #content .csc-mailform select {
border:1px solid #cdcdcd;
color:#666;
font:11px Arial, Helvetica, sans-serif;
}
#content .csc-mailform input, #content .csc-mailform textarea {
padding:1px 4px;
}
#content .csc-mailform option {
padding-right:6px;
}
#content .csc-mailform .csc-mailform-check, #content .csc-mailform .csc-mailform-radio {
border:none;
}
#content .csc-mailform .csc-mailform-radio fieldset {
border:none;
margin:0;
padding:0;
width:200px;
}
#content .csc-mailform .csc-mailform-radio legend {
display:none;
}
#content .csc-mailform .csc-mailform-radio input {
clear:left;
float:left;
background:none;
border:none;
margin-right:5px;
}
* html #content .csc-mailform .csc-mailform-radio input {
margin-right:0;
}
#content .csc-mailform .csc-mailform-radio label {
clear:none;
float:left;
width:165px;
margin-bottom:10px;
padding-top:0 !important;
padding-top:2px;
}
#content .csc-mailform .csc-mailform-submit {
border:none;
background:#831300;
color:#fff;
padding:2px 5px;
}
/* end of typo3 */

table#genteng{
width:100%;
}
table#genteng td{
border:1px solid #ccc;
text-align:center;
width:25%;
}

tr.listgenteng{
background:#ccc;
}

tr.listgenteng td{
padding-top:3px}