/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
	font-family: Verdana,sans-serif;
	font-size:11px;
	color: #333333;
	line-height: 1;	
	margin: 0px;
	padding: 0px;
}

div.login ul {list-style: none}

a{
	color: #000;
	text-decoration: none;
}

a:hover{
	color:#FF0000;
	text-decoration: underline;
}

.small {
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.kolomtext {
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.kolomtext:focus, .kolomtext:hover {
	background-color:#ddd;
}

.basket {
	float:left; border-bottom:#FF0000 thin dashed; padding:15px 5px 15px 5px; width:95%;
}
.basket:hover {
	background-color:#eeeeee
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

div#masthead, div#main {
     width: 100%;
	 margin-left:5px;
	 margin-right:auto;
}

#credits{
    width: 100%;
	clear: both;
	padding-top:20px;
	word-spacing:2px;
	line-height:18px;
}
div#credits a{
	font-weight:bold;
}

div#mastimg  {
     width: 100px;
	 float:left;
	 margin-left:auto;
}

div#nav  {
 width: 21%;
 float:left;
}
div#expertlist  {
 width: 21%;
 float: left;
}

div#content  {
 width:57%;
 float:left;
}



/*****************************************************************/
/* Layout Katalog												 */
/*****************************************************************/
.item{
  width: 30%;
	padding: 10px 0px 0px 0px;
}

/*****************************************************************/
/* Layout Form												 */
/*****************************************************************/
.form {
	margin:0;
	padding:0;
}
#container {
	width:100%;
	margin:auto;
	padding:10px;
}
#top {
	width:100%;
	height:50px;
}
.clear {
	clear:both;
}
.holder {
	background-color:#fff;

}
.div_texbox {
	width: auto;
	float:right;
	height:35px;
	padding-top:5px;
	padding-bottom:3px;
	padding-left:5px;
/*	background-color:#E6E6E6;
	height:35px;
	margin-top:3px;
*/}

.textbox {
/*	background-image: url(images/16t.png);
	background-repeat: no-repeat;
	background-position:left;
	width:285px;
*/	font:normal 18px ;
	color: #999999;
	padding:3px 5px 3px 19px;
}
.textbox:focus, .textbox:hover {
	background-color:#F0FFE6;
}

   
.buttons {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	background: #FF0000;
	font-size: 98%;
	letter-spacing:2px;
	color: #fff; 
	padding: 2px 5px;
	border-style: solid;
	border-color: #CCCCCC #666666 #666666 #CCCCCC;
	border-width: 1px;	
}
.buttons:hover { letter-spacing:1px;background-color:#000000;color: #FFFFFF;border-color: #666666 #CCCCCC #CCCCCC #666666; font-weight:bold}

/* pojok kurva search */
div.five{margin:0;padding:0;list-style:none;
		width:220px;margin:0 10px 10px 0;}
div.five h3{font: bold 100% Verdana,sans-serif ;
			margin:0px;padding: 4px;color: #fff;background: #000;}
div.three p{margin:0;padding:5px 8px 15px; margin-top:2px}
div.three div{font-size:100%; margin-left:5px; margin-bottom:5px; margin-top:5px}
div.three{border:2px solid #000; background-color:#FFFFFF; height:0px}
/* pojok kurva search 2*/
div.two div{font-size:100%; margin-left:5px; margin-bottom:5px; margin-top:5px}
div.two{border:2px solid #000; background-color:#FFFFFF; height:0px}
/* pojok kurva search 3*/
div.search div{font-size:100%; margin:5px;}
div.search{border:2px solid #000; background-color:#FFFFFF;}
/* pojok promo*/
div.promo p{margin:0;padding:5px 8px 15px; margin-top:2px}
div.promo a{color:#FF0000; text-decoration:none;}
div.promo a:hover{color:#FF0000; text-decoration:underline}
div.promo div{font-size:100%; margin-left:5px; margin-bottom:5px; margin-top:5px}
div.promo{border:2px solid #000; background-color:#FFFFFF; height:0px}
div.promo ul {list-style:none; margin-left:0px}
/* pojok kurva new*/
div.newitem div{font-size:100%; margin-left:5px; margin-bottom:5px; margin-top:5px}
div.newitem{border:2px solid #000; background-color:#FFFFFF; height:0px}
div.newitem a{color:#000; text-decoration:none}
div.newitem a:hover{color:#FF0000; text-decoration:none}
/* pojok kurva login*/
div.login div{font-size:100%; margin-left:5px; margin-bottom:5px; margin-top:5px}
div.login{border:2px solid #000; background-color:#FFFFFF; height:0px}
div.login ul {list-style: disc;}
/* pojok kurva cetak*/
div.cetak div{font-size:100%; margin-left:5px; margin-bottom:5px; margin-top:5px}
div.cetak{border:2px solid #000; background-color:#FFFFFF; height:0px}
/* pojok kurva galeri*/
div.galeri div{font-size:100%; margin-left:5px; margin-bottom:5px; margin-top:5px}
div.galeri{border:2px solid #000; background-color:#FFFFFF; height:0px}

/*************************************************************
** menu bulet											****	
*************************************************************/
div.postnav,div.postnav div{margin:0;padding:0;list-style-type:none}
div.postnav div{float:left;width: 8em;font-size:11px;margin-right: 5px}
div.postnav a.a1{display:block;width:8em;padding:5px 0;font: bold 100% Verdana,Arial,sans-serif;
    background: #FF0000;color: #FFF;
    text-decoration:none;text-align:center}
div.postnav a.a1:hover{background: #000;color:#FFF}
div.postnav a.a2{display:block;width:8em;padding:5px 0;font: bold 100% Verdana,Arial,sans-serif;
    background: #000;color: #FFF;
    text-decoration:none;text-align:center}

.boxnew {
	padding: 3px;
	border-width: thin;
	border-style: solid;
	border-color: #000;
}

.whitefont {
	color:#FFF;
}

div.pojok{ margin:0px;float:right; padding: 2px 2px 6px 7px; background: #000; width:130px; font: bold 11px Verdana;}
div.pojok a{color:#FFF; text-decoration:none}
div.pojok a:hover{color:#FF0000; text-decoration:none}

div.total {float:left; padding:5px; width:95%; background-color:#FFCCCC;}
div.total2 { float:left; width:60%; text-align:right}
div.total3 { float:left; width:auto; margin-left:10px}

.basket {float:left; border-bottom:#FF0000 thin dashed; padding:15px 5px 15px 5px; width:95%;}
.basket:hover {	background-color:#eeeeee}
.basket0 {float:left; padding:5px; width:95%; background-color:#FF0000; font-weight:bold; color:#FFFFFF}
.basket1 {float:left; width:60%}
.basket2 {float:left; width:30%; margin-left:10px}
.basket3 {float:left; width:auto; text-align:center}
.datahist:hover {	background-color:#eeeeee}

div.howto {line-height:15px; width:98%}
div.howto p { text-align:justify}