body {
font-family: Helvetica, Verdana, Arial, sans-serif;
color:#000000;
margin:0px;
background: #ccc6ac;
scrollbar-3dlight-color:#CABDC6;
scrollbar-arrow-color:#70111E;
scrollbar-base-color:#84746c;
scrollbar-darkshadow-color:#f3f5e0;
scrollbar-face-color:#f3f5e0;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#576E9A;
scrollbar-track-color:#ede7d4;
}
h1, h2, h3 {
font-size: 12px; margin-bottom: 1px; padding-right: 5px; padding-left: 5px;
}

.huben {
color:#beaa02; font-size:16px; font-weight:bold;
}

/* index top */
#top {
width:100%; height:131px; overflow:hidden; margin:0 auto; background:url(topback.jpg) top left repeat-x;
}
#top .up {
width:800px; height:131px; overflow:hidden; background:url(design_01.jpg) top left no-repeat;
}
#top .menu {
height:24px; overflow:hidden; margin-left:20px; margin-bottom:2px; font-size:12px; font-weight:bold;
}
#top .menu ul {
padding:0px; margin:0px; list-style:none;
}
#top .menu ul li {
padding:0px; margin:0px; list-style:none; display:inline;
}
#top .menu ul li a {
padding:0px 10px 0px 0px; margin:0px 2px 0px 0px; text-decoration:none; display:block; float:left; color:#ede7d4;
}
#top .menu ul li a:hover {
color:#fff;
}
/* end index top */

/* index content */
#content {
width:100%; height:445px; overflow:hidden; background:#ede7d4 url(contentback.jpg) bottom left repeat-x;
}
#content .conback {
width:800px; height:445px; overflow:hidden;
}
#content .left {
width:421px; height:445px; overflow:hidden; font-family:Helvetica, Arial,  sans-serif;
}
#content .left h1 {
color: #837b5b; margin:0 0 5px 0; padding:0px 0px 0px 12px; font-size:16px; letter-spacing:4px;
}
#content .left p {
color: #000; padding:0px 12px 0px 12px; margin:0 0 5px 0; font-size:13px;
}
#content .left a {
font-weight:bold; color: #7c6f00; text-decoration:none;
}
#content .left a:hover {
color: #a49304;
}
#content .left strong {
font-weight:bold; font-size:14px;
}
#menuI {
height:auto; overflow:hidden; margin-left:20px; margin-bottom:2px; font-size:12px; font-weight:normal;
}
#menuI span {
height:auto; overflow:hidden; float:left; margin-right:10px; color:#666; font-size:11px; font-weight:bold;
}
#menuI ul {
padding:0px; margin:0px; list-style:none; 
}
#menuI ul li {
padding:0px; margin:0px; list-style:none; display:inline;
}
#menuI ul li a {
padding:0px 10px 0px 0px; margin:0px 2px 0px 0px; text-decoration:none; display:block; float:left; color:#ede7d4;
}
#menuI ul li a:hover {
color:#fff;
}
#content .others {
width:421px; height:445px; overflow:hidden; font-family:Helvetica, Arial,  sans-serif;
}
#content .others h1 {
color: #837b5b; margin:0 0 5px 0; padding:0px 0px 0px 12px; font-size:16px; letter-spacing:4px; text-align:left;
}
#content .others p {
color: #000; font-size: 13px; font-weight: normal; text-align: justify; padding:0px 12px 0px 12px; margin:0 0 5px 0; height:auto; line-height:18px;
}
#content .others strong {
font-weight:bold; font-size:14px;
}
#content .right {
width:374px; height:445px; overflow:hidden; padding:0px 0px 0px 5px;
}
#agb {
font-size: 13px; text-align:justify; overflow: auto; height: 430px; width: 404px; padding-left: 12px; padding-right:5px;
}
#agb ol {
margin-top:0px; margin-bottom:15px; padding:0px;
}
#uber {
font-size: 13px; font-weight: normal; width:397px; padding-right: 12px; padding-left: 12px; padding-top: 12px; text-align: justify;
}
#uber .rightimg {
float: right; margin-left: 8px; margin-bottom: 5px;
}
#uber .bawah {
font-size: 13px; font-weight: normal; float:right; margin-top:20px; text-align:right; width:421px;
}
/* end content */

/* footer */
#foo {
width:100%; height:30px; overflow:hidden; margin:0 auto;
}
#foo .btt {
width:800px; height:30px; overflow:hidden;
}
#foo .menub {
height:24px; overflow:hidden; margin-left:20px; font-size:12px; font-weight:bold;
}
#foo .menub ul {
padding:0px; margin:0px; list-style:none;
}
#foo .menub ul li {
padding:0px; margin:0px; list-style:none; display:inline;
}
#foo .menub ul li a {
padding:0px 10px 0px 0px; margin:0px 2px 0px 0px; text-decoration:none; display:block; float:left; color:#7c6f00;
}
#foo .menub ul li a:hover {
color:#fff;
}
/* end footer */

.back {
background-image: url(../back.jpg);
background-repeat: no-repeat;
background-color: #84746c;
}
.back2 {
background-image: url(../backtend.jpg);
background-repeat: no-repeat;
background-color: #84746c;
}
.back3 {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
padding-top:3px;
}
.box {
background-color:#84746c;
border-right-width: 3px;
border-bottom-width: 3px;
border-left-width: 3px;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-color: #84746c;
border-bottom-color: #84746c;
border-left-color: #84746c;
}
.contact {
font-size: 13px;
color: #000;
font-weight: normal;
text-align: right;
padding-right: 10px;
}
.contact2 {
font-size: 15px;
font-weight: normal;
text-align: right;
padding-right: 10px;
}
.design {
	font-size:10px;
	text-decoration:none;
	text-align:center
}
.fstrong {
font-size: 11px;
font-weight: bold;
padding-top: 4px;
}
.gross {
font-size: 14px;
font-weight: normal;
text-align: justify;
padding-right: 12px;
padding-left: 12px;
padding-top: 12px;
}
.head {
font-weight:bold;  
font-size : 12pt; 
}
.h1 {
font-size: 15px;
text-align: center;
}
.h2 {
font-size: 15px;
font-weight: normal;
text-align: center;
}
.h3 {
font-size: 14px;
font-weight: normal;
}
.h4 {
font-size: 14px;
font-weight: normal;
}
.h5 {
font-size: 18px;
padding-left: 12px;
padding-top: 12px;
padding-right: 12px;
}
.h6 {
font-size: 14px;
padding-left: 12px;
padding-right: 12px;
}
.h7 {
font-size: 18px;
text-align: right;
padding-top: 12px;
padding-right: 14px;
}
.material2 {
font-size: 13px;
text-align:left;
height:410px;
padding: 0px 6px 0px 6px;
overflow:auto;
}
.nav {
text-align:left;
}
.produkte {
font-size: 22px;
}
.tengah {
padding-right: 14px;
padding-left: 5px;
font-size: 14px;
font-weight: normal;
}
.tengah2 {
padding-right: 6px;
padding-left: 5px;
font-size: 12px;
font-weight: normal;
}

#material3 {
width:800px;
height:445px;
overflow:hidden;
}
#material3 ul {
width:150px;
text-align:left;
background-color:#FFFFFF;
margin:110px 0px 0px 30px;
padding:0px;
list-style:none;
}
#material3 ul li {
display:block;
}
#material3 ul li a {
font-size:11px;
color:#000000;
width:67px;
padding:0px 5px 0px 0px;
border:none;
text-decoration:none;
}
#material3 ul li a:hover {
color:#999999;
}

#albumlist {
list-style-type: none;
margin-left: 1px;
height:440px;
}
#albumlist li {
color: #000000;
font-size: 11px;
font-weight: normal;
float: left;
margin-right: 2px;
margin-bottom: 2px;
}
#albumlist img {
display: block;
width:177px;
height:145px;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}

#navigation {
font-size: 11px;
}
#navigation ul {
list-style: none;
margin: 0;
padding: 0;
padding-top: 4px;
}
#navigation li {
display: inline;
}
#navigation a:link, #navigation a:visited {
padding: 3px 10px 2px 10px;
color: #333333;
text-decoration: none;
font-weight: bold;
}
#navigation a:hover {
color: #EDDFD8;
background-color: #c1aa97;
}
#navigation strong {
color: #EDDFD8;
}

#dhtmltooltip {
position: absolute;
width: 150px;
border: 1px solid black;
background-color: #FFFFFF;
visibility: hidden;
z-index: 100;
padding-top: 2px;
padding-right: 5px;
padding-bottom: 2px;
padding-left: 5px;
}
#dhtmltooltip strong {
background-color: #99CC00;
font-size: 12px;
font-weight: bold;
color: #000000;
}

/* form */
#contact {
font-size:12px;
}
#contact form {
height:200px;
overflow:hidden;
padding:0px;
margin:25px 0px 0px 25px;
}
#contact p {
color:#000000;
padding:0px;
margin:0px 0px 4px 0px;
height:auto;
overflow:hidden;
}
#contact label {
font-weight: bold;
width:110px;
text-align:left;
float:left;
color:#333333;
}
#contact input {
width:190px;
height:100%;
overflow:hidden;
border:1px solid #33CCFF;
background:url(input.gif) center center repeat-x;
}

#contact button { 
border:0; 
cursor:pointer;
font-family:Arial, Helvetica, sans-serif;
font-size:13px; 
font-weight:normal; 
text-align:center;
width:70px; 
height:25px; 
}
#contact button.submitBtn {
background:url(btn.gif) top left no-repeat; 
}
#contact button.submitBtn span {
width:70px; 
height:25px;
color:#000000;
background-color:transparent;
}
#contact button.submitBtn:hover {
background-color:transparent;
background:url(btn.gif) bottom left no-repeat; 
}
#contact button.submitBtn:hover span {
color:#333333;  
}

#logout {
width:157px;
height:87px;
background-image:url(none.jpg);
padding:60px 0px 0px 20px;
font-size:12px;
}
#logout button { 
border:0; 
cursor:pointer;
font-family:Arial, Helvetica, sans-serif;
font-size:13px; 
font-weight:normal; 
text-align:center;
width:70px; 
height:25px; 
}
#logout button.submitBtn {
background:url(btn.gif) top left no-repeat; 
}
#logout button.submitBtn span {
width:70px; 
height:25px;
color:#000000;
background-color:none;
}
#logout button.submitBtn:hover {
background-color:transparent;
background:url(btn.gif) bottom left no-repeat; 
}
#logout button.submitBtn:hover span {
color:#333333;  
}
/* end form */