/*  

CSS Hacked by: reeworkz
http://www.reeworkz.com

*/
body{
	margin:0px;
	background: #000 url('images/bg2.jpg') repeat-x;
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Verdana, Arial, Sans-Serif;
	color: #fff;
}

.labelFORM{
	color:#999999;
	font-size:11px;
	font-weight:bold;
	padding:5px;
	text-align:left;
}
.input{
	padding:3px;
	font-family:Tahoma;
	font-size:11px;
	color:#333333;
	border-color:#CCCCCC;
	border-style:solid;
	border-width:1px;
}
.confirm{
	color:#FF9900;
	font-weight:bold;
}


#page {
	width: 823px;
	margin: 0px auto;
	padding: 0;
}

#header{
	background: #000 url('images/head.jpg') no-repeat;
	background-position:top;
	width: 823px;
	height: 225px;
	margin-top:4px;
	padding: 0;
}

#content {
	float: left;
}



#menu {
	width: 823px;
	height: 34px;
	padding: 0;
	margin: 0;
}

.logo1{
	background-image:url('images/menu1.jpg');
	width:106px;
	height:34px;
	display:block;
	float: left;	
}
.logo1 a{
	background-image:url('images/menu1.jpg');
	width:106px;
	height:34px;
	display:block;
	text-decoration:none;
	
}
.logo1 a:hover{
	background-image:url('images/menuover1.jpg');
	width:106px;
	height:34px;
	display:block;
	text-decoration:none;
}
/*--------------------------*/
.logo2{
	background-image:url('images/menuover2.jpg');
	width:126px;
	height:34px;
	display:block;
	float: left;		
}
.logo2 a{
	background-image:url('images/menu2.jpg');
	width:126px;
	height:34px;
	display:block;
	text-decoration:none;
}
.logo2 a:hover{
	background-image:url('images/menuover2.jpg');
	width:126px;
	height:34px;
	display:block;
	text-decoration:none;
}
/*--------------------------*/
.logo3{
	background-image:url('images/menuover3.jpg');
	width:119px;
	height:34px;
	display:block;	
	float: left;	
}
.logo3 a{
	background-image:url('images/menu3.jpg');
	width:119px;
	height:34px;
	display:block;
	text-decoration:none;
}
.logo3 a:hover{
	background-image:url('images/menuover3.jpg');
	width:119px;
	height:34px;
	display:block;
	text-decoration:none;
}
/*--------------------------*/
.logo4{
	background-image:url('images/menuover4.jpg');
	width:112px;
	height:34px;
	display:block;
	float: left;		
}
.logo4 a{
	background-image:url('images/menu4.jpg');
	width:112px;
	height:34px;
	display:block;
	text-decoration:none;
}
.logo4 a:hover{
	background-image:url('images/menuover4.jpg');
	width:112px;
	height:34px;
	display:block;
	text-decoration:none;
}
/*--------------------------*/
.logo5{
	background-image:url('images/menuover5.jpg');
	width:117px;
	height:34px;
	display:block;	
	float: left;	
}
.logo5 a{
	background-image:url('images/menu5.jpg');
	width:117px;
	height:34px;
	display:block;
	text-decoration:none;
}
.logo5 a:hover{
	background-image:url('images/menuover5.jpg');
	width:117px;
	height:34px;
	display:block;
	text-decoration:none;
}
/*--------------------------*/
.logo6{
	background-image:url('images/menuover6.jpg');
	width:116px;
	height:34px;
	display:block;	
	float: left;	
}
.logo6 a{
	background-image:url('images/menu6.jpg');
	width:116px;
	height:34px;
	display:block;
	text-decoration:none;
}
.logo6 a:hover{
	background-image:url('images/menuover6.jpg');
	width:116px;
	height:34px;
	display:block;
	text-decoration:none;
}

/*--------------------------*/
.logo7{
	background-image:url('images/menu7.jpg');
	width:127px;
	height:34px;
	display:block;	
	float: left;	
}
.logo7 a{
	background-image:url('images/menu7.jpg');
	width:127px;
	height:34px;
	display:block;
	text-decoration:none;
}
.logo7 a:hover{
	background-image:url('images/menuover7.jpg');
	width:127px;
	height:34px;
	display:block;
	text-decoration:none;
}

#brand {
	width: 823px;
	height: 73px;
	margin: 0;
	padding: 0 11px;
}

.autobahn {
	width: 268px;
	height: 73px;
	background-image: url('images/autobahn_out.jpg');
	margin: 0;
	padding: 0;
	float: left;
	display:block;	
}

.autobahn a {
	width: 268px;
	height: 73px;
	background-image: url('images/autobahn_out.jpg');
	margin: 0;
	padding: 0;
	float: left;
	display:block;	
}

.autobahn a:hover {
	width: 268px;
	height: 73px;
	background-image: url('images/autobahn.jpg');
	margin: 0;
	padding: 0;
	float: left;
	display:block;	
}

.zage {
	width: 272px;
	height: 73px;
	background-image: url('images/zage.jpg');
	margin: 0;
	padding: 0;
	float: left;
	display:block;	
}

.zage {
	width: 272px;
	height: 73px;
	background-image: url('images/zage_out.jpg');
	margin: 0;
	padding: 0;
	float: left;
	display:block;	
}

.zage a {
	width: 272px;
	height: 73px;
	background-image: url('images/zage_out.jpg');
	margin: 0;
	padding: 0;
	float: left;
	display:block;	
}

.zage a:hover {
	width: 272px;
	height: 73px;
	background-image: url('images/zage.jpg');
	margin: 0;
	padding: 0;
	float: left;
	display:block;	
}

.vttr {
	width: 263px;
	height: 73px;
	background-image: url('images/vttr_out.jpg');
	margin: 0;
	padding: 0;
	float: left;
	display:block;	
}

.vttr a {
	width: 263px;
	height: 73px;
	background-image: url('images/vttr_out.jpg');
	margin: 0;
	padding: 0;
	float: left;
	display:block;	
}

.vttr a:hover {
	width: 263px;
	height: 73px;
	background-image: url('images/vttr.jpg');
	margin: 0;
	padding: 0;
	float: left;
	display:block;	
}

#main {
	margin: 30px 0 0 0;
	width: 832px;
}

#footer {
	width: 823px;
	height: 70px;
	background: #151515;
	padding: 1px 0 10px 0;
	margin: 30px 0 0 0;	
	float: left;
}

#footer p {
	line-height: 1.6em;
	color: #666;
	font-size: 1em;
	text-align: center;
	
}

#welcome-wrap {
	width: 471px;
	height: 121px;
	margin: 0;
	padding: 0;
	float: left;
}

#welcome-title {
	background: url('images/title_welcome.jpg') no-repeat;
	width: 471px;
	height: 29px;
	float: left;
}

#welcome {
	width: 440px;
	height: 92px;
	padding: 0 0 0 20px;
	margin: 0;
	float: left;
}

#welcome p {
	line-height: 1.6em;
	font-size: 1.1em;
	text-align: left;
}

#news-title {
	background: url('images/title_news.jpg') no-repeat;
	width: 100px;
	height: 29px;
	float: left;
}

#news-title2 {
	background: url('images/title_news.jpg') no-repeat;
	width: 832px;
	height: 29px;
	float: left;
	margin: 0 0 20px 0;
}

#news {
	width: 270px;
	height: 92px;
	padding: 0 0 0 20px;
	margin: 0;
	float: left;
}

.border {
	background: #333;
	width: 1px;
	height: 121px;
	float: left;
	margin: 0 10px 0 0;
}

.border-hor {
	border-top: solid 1px #333;
	width: 832px;
	height; 1px;
	margin: 10px 0;
	display: block;
	float: left;
}

#update-title {
	background: url('images/title_update.jpg') no-repeat;
	width: 832px;
	height: 28px;
	float: left;
}

#product-title {
	background: url('images/title_product.jpg') no-repeat;
	width: 832px;
	height: 29px;
	margin: 0 0 10px 0;
	padding: 0;
}


#contact-title {
	background: url('images/title_contact.jpg') no-repeat;
	width: 832px;
	height: 29px;
	margin: 0;
	padding: 0;
}

#contact p {
	margin: 10px 0 0 20px;
	line-height: 1.6em;
	font-size: 1.1em;
	text-align: left;
}

.aboutteks {
	margin: 10px 0 0 20px;
	line-height: 1.6em;
	font-size: 1.1em;
	text-align: left;
	width: 500px;
	float: left;
}

#link p {
	margin: 10px 0 0 20px;
	line-height: 1.6em;
	font-size: 1.1em;
	text-align: left;
	width: 500px;
	float: left;
}

#dealer-title {
	background: url('images/title_dealer.jpg') no-repeat;
	width: 832px;
	height: 29px;
	float: left;
}

#dealer-title-jkt {
	background: url('images/title_dealer_jkt.jpg') no-repeat;
	width: 832px;
	height: 29px;
	float: left;
}

#dealer-title-bdg {
	background: url('images/title_dealer_bdg.jpg') no-repeat;
	width: 832px;
	height: 29px;
	float: left;
}

.post-dealer {
	background: #313131;
	width: 400px;
	height: 140px;
	margin: 10px 0 5px 10px;
	padding: 0;
	float: left;

}

.dealer-img {
	width: 167px;
	height: 140px;
	float: left;
}

.post {
	background: #313131;
	width: 375px;
	height: 154px;
	margin: 20px 0 5px 20px;
	padding: 0;
	float: left;
}

.post-img {
	background: #fff;
	width: 167px;
	height: 134px;
	float: left;
}

.tekspost {
	width: 185px;
	height: 100px;
	float: left;
	line-height: 1.5em;
	padding: 0 10px;
}

.tekspost p {
	margin: 1px;
}

.postmetadata {
	background: #e27100;
	width: 365px;
	height: 16px;
	text-align: right;
	color: #fff;
	float: left;
	padding: 3px 10px 1px 0;
}

#about-title {
	background: url('images/title_about.jpg') no-repeat;
	width: 832px;
	height: 29px;
	float: left;
	margin: 0 0 20px 0;
}

#link-title {
	background: url('images/title_link.jpg') no-repeat;
	width: 832px;
	height: 29px;
	float: left;
	margin: 0 0 20px 0;
}


#gallery-title {
	background: url('images/title_gallery.jpg') no-repeat;
	width: 832px;
	height: 29px;
	float: left;
	margin: 0 0 20px 0;
}

.gallery-post {	
	background: #333;
	float: right;
	width: 450px;
	margin: 20px 0 5px 0px;
	margin-right:40px;
}

.gallery-post-title {
	background: #e27100;
	width: 425px;
	height: 20px;
	text-align: right;
	color: #fff;
	font-size: 1.2em;
	padding: 6px 10px 0 15px;
	float: left; 
}

.gallery-teks {
	width: 420px;
	height: 100px;
	float: left;
	line-height: 1.5em;
	padding: 0 10px;
}

.galleryimg {
	margin: 10px 0 10px 10px;
	float: left;
}

#sidebar {
	width: 304px;
	height: 1100px;
	padding: 5px 0 10px 10px;
	margin: 0 10px 0 0;
	border-right: solid 1px #333;
	float: left;
}

#sidebar li {
	width: 250px;
	margin: 0 0 5px 0;
	padding: 0 0 5px 15px;
	border-bottom: solid 1px #414141;
	list-style-type: none;
}

.about-img {
	float: right;
	margin: 0 40px; 20px 0;
}

.nextprev {
	width: 375px;
	color: #e27100;
	text-align: right;
	float: right;
	margin: 20px 90px 10px 0;
}

h3 {
	background: #e27100;
	width: 240px;
	height: 20px;
	text-align: left;
	color: #fff;
	padding: 6px 10px 0 15px;
}

h4 {
	background: #414141;
	width: 240px;
	height: 20px;
	text-align: left;
	color: #fff;
	padding: 6px 10px 0 15px;
}

h5 {
	color: #fff;
	font-size: 1.2em;
	margin: 8px 0px 5px 0px; 
}


h2 {
	color: #e27100;
	font-size: 1.2em;
	margin: 5px 0px; 
}

.oranye {
	color: #e27100;
	font-size: 1.3em;
	margin: 10px 0px; 
	font-style: bold;
}

.orange {
	color: #e27100;
}

.deal {
	font-size: 1.2em;
}

#kaitan p {
	margin: 5px 0 0 20px;
	line-height: 1.8em;
	font-size: 1.1em;
	text-align: left;
}

a {
	color: #e37100;
	text-decoration: none;
}

a:hover {
	color: #fff;
	text-decoration: none;
}

.postmetadata a {
	color: #fff;
}

.postmetadata a:hover {
	color: #000;
}

ul, li {
	padding: 0;
	line-height: 1.6em;
}
