﻿/*** global properties ***/
*{ margin: 0; padding: 0; border: 0; outline: none; }
body, html{ height: 100%; }
body, a, html, div, table td, form, p, table td p 
{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#000000; margin: 0px; padding: 0px; }
table	   { margin: 0px; padding: 0px; border-collapse: collapse; }
table tr   { vertical-align: top;}
table td, table td P, table td H1, table td H2, table td H3 { text-align:left; }
img		{ margin: 0px; padding: 0px; border: 0px; }

.fl{float:left}
.fr{float:left}
.cb{clear:both}
.h4{font-size:12px;margin-bottom:2px;}
.h5{font-size:11px;margin-bottom:5px;}
table#majn_table
{
	height:100%; 
	width:100%;
	border-collapse:collapse;
	background:#f9f8f8;
	vertical-align:top;
}
table#majn_table td { width:100%; }

td#innertd
{
	vertical-align: top;
}
/*************       VSTOPNA 1        ****************/

div#header-top{
	width:100%;
	height:15px;
	background:#797979;
}
div#header-top a, div#header-top a:active, div#header-top a:link, div#header-top a:visited, div#header-top a:hover{
	color:#c8c5c7;
	height:12px;
	float:left;
	text-decoration:none;
	padding:0 5px 0 5px;
	margin-top:2px;
	border-right:solid 1px #c8c5c7;
	line-height:12px;
	font-weight:bold;
}
div#header-top a:hover{
	color:#fff;
	border-color:#FFF;
}
div#header-middle{
	width:100%;
	height:55px;
	background:#fff;
}
div#header-middle a.head{
	margin:15px 0 0 75px;
	float:left;
	font-size: 25px;
	font-weight: bolder;
	line-height: 21px;
	text-decoration: none;
	color: #010101;
}
div#header-middle img.headr{
	margin:10px 15px 0 0;
	float:right;
}
div#header-bottom{
	width:100%;
	height:15px;
	background:#808080 url(img/bgr_w_g.jpg) no-repeat top left;
}

div#inner-container{
	width:900px;
	height:498px;
	background:url(img/bgr_main.jpg) no-repeat left top;

}
div#inner-container div#left{
	width:450px;
	height:498px;
	float:left
}
div#inner-container div#left ul{
	margin:30px 0 0 20px;
	width:330px;
}
div#inner-container div#left ul li{
	width:330px;
	margin:6px 0 6px 0;
	display:block;
}
div#inner-container div#left li a,div#inner-container div#left li a:link,div#inner-container div#left li a:visited,div#inner-container div#left li a:active,div#inner-container div#left li a:hover,div#inner-container div#left li a#mini,div#inner-container div#left li a#mini:link,div#inner-container div#left li a#mini:visited,div#inner-container div#left li a#mini:active,div#inner-container div#left li a#mini:hover{
	height:13px;
	width:300px;
	background:url(img/bgr_li.jpg) no-repeat 12px -25px;
	padding:6px 0 6px 55px;
	display:block;
	line-height:20px
	
}
div#inner-container div#left li a:hover{
	background:url(img/bgr_li.jpg) no-repeat 12px 0 
}
div#inner-container div#left li a#mini,div#inner-container div#left li a#mini:link,div#inner-container div#left li a#mini:visited,div#inner-container div#left li a#mini:active,div#inner-container div#left li a#mini:hover{
	background:url(img/bgr_li_mini.gif) no-repeat 0 -25px;
}
div#inner-container div#left li a#mini:hover{
	background:url(img/bgr_li_mini.gif) no-repeat 0 0 
}

div#inner-container div#right{
	width:430px;
	height:478px;
	float:left;
	padding:20px 0 0 20px;
}

div#inner-container div#right div.inner{
	width:388px;
	height:96px;
	background:url(img/bgr_transparent.png);
	border:solid 1px #d2d2d2;
	margin-bottom:20px;
	padding:2px 5px 0 5px;
}
div#inner-container div#right div.inner a,div#inner-container div#right div.inner a:link,div#inner-container div#right div.inner a:hover,div#inner-container div#right div.inner a:visited,div#inner-container div#right div.inner a:active{
	text-decoration:none
}
div#inner-container div#right div.inner a:hover{
	text-decoration:underline
}


/*************       HEADER ZA OSTALE         ****************/

img.pngMsie {
display:none;
}
img.pngMoz {
display:block;
}

/*
#firstNavi	
{
	overflow: hidden; position: absolute; top: 0px; left: 0px; height: 301px; width: 768px; z-index: 24;
}
*/

#lineMainNavigation {
height:1px;
left:30px;
margin:0px;
opacity:0.9;
padding:0px;
position:absolute;
top:49px;
width:732px;
z-index:21;
}
#lineMainNavigation img.line {
height:1px;
margin:0px;
padding:0px;
width:732px;
}


#moduleHeaderContainer {
background-color:#FFFFFF;
border-right:1px solid #AFAFAF;
height:22px;
left:0px;
position:absolute;
top:74px;
visibility:hidden;
width:221px;
z-index:919;
}
#moduleHeaderContainer a {
color:#000000;
line-height:20px;
padding-left:30px;
text-decoration:none;
}
#moduleHeaderContainer span {
color:#000000;
line-height:20px;
padding-left:30px;
text-decoration:none;
}

/*************       VSTOPNA 2 posebnosti        ****************/
div#vstopna2 { margin-top: 14px; }
div#vstopna2 a, div#vstopna2 a:hover { text-decoration: none; }
div#novicedesno { width:182px; margin: 18px 0 0 7px; }
div#novicedesno * { font-size:11px; color:#4C4C4C; }
table#template2 td.border1	{ border-right: 1px solid #999999; border-top: 1px solid #999999; vertical-align: top; padding-top:4px;}
table#template2 td.border2	{ border-right: 1px solid #999999;  border-top: 1px solid #999999; vertical-align: top; width:288px; line-height:12px; }
table#template2 td.border3	{ vertical-align: top; width: 233px;  border-top: 1px solid #999999; line-height:12px; }
div#novicedesno a {
display:block;
height:68px;
color:#4C4C4C;
margin-bottom:10px;
}
div#novicedesno a span.headline {
display:block;
margin-bottom:3px;
position:relative;
color:#4C4C4C;
}
div#novicedesno a span.copytext {
display:block;
margin-bottom:8px;
color:#4C4C4C;
}
div#novicedesno a span.headline img.arrow {
background-image:url(img/arrow_standard.gif);
background-position:left top;
background-repeat:no-repeat;
display:inline;
height:11px;
position:static;
width:7px;
}
div#novicedesno a:hover span.headline img.arrow {
background-image:url(img/arrow_standard.gif);
background-position:left bottom;
background-repeat:no-repeat;
border:0pt none;
display:inline;
height:11px;
position:static;
width:7px;
}
div#novicedesno a:hover span.headline, div#novicedesno a:hover span.copytext {
 color:#003399;
}

div#novicelevo { width:239px; margin: 18px 0 0 8px; }
div#novicelevo * { font-size:11px; color:#4C4C4C; }
a.smallStandard {
display:block;
height:68px;
left:0pt;
overflow:hidden;
position:relative;
top:0pt;
width:239px;
margin-bottom:10px;
}
a.smallStandard img {
display:block;
height:48px;
left:0pt;
margin-top:3px;
position:absolute;
top:0pt;
width:86px;
}
a.smallStandard span.headline {
display:block;
margin-bottom:3px;
margin-left:96px;
margin-top:-3px;
position:relative;
font-weight: bold;
}
a.smallStandard span.copytext {
display:block;
margin-left:96px;
position:relative;
}
a.smallStandard span.headline img.arrow {
background-image:url(img/arrow_standard.gif);
background-position:left top;
background-repeat:no-repeat;
display:inline;
height:11px;
margin-top:3px;
position:static;
width:7px;
}
a.smallStandard:hover span.headline img.arrow {
background-image:url(img/arrow_standard.gif);
background-position:left bottom;
background-repeat:no-repeat;
border:0pt none;
display:inline;
height:11px;
position:static;
width:7px;
}

div#novicelevo a.smallStandard:hover span.headline, div#novicelevo a.smallStandard:hover span.copytext { color:#003399; }


/*************       Izdelki, kategorije     ****************/

div#obrobaizdelkov		{ border-top: 1px solid #999999; width:1024px; }
table#tabelaizdelkov	{  margin-left: 21px; margin-top: 24px; }
img.izdelekimage	{ margin-left: 9px; }

table#tabelaizdelkov td { width: 193px; }
table#tabelaizdelkov h5	{
	font-size:11px;
	line-height:12px;
	padding-bottom:0px;
	color:#000000;
	font-family:Arial;
	font-weight:bold;
	margin:0px;
	margin-bottom: 1px; 
}
.izdelekvsebina	
{
	margin: 22px 0px 0px 8px;
	padding-left: 8px;
	border-left: 1px solid #999999;
	height: 107px;
}
.izdelekvsebina	a
{
	height:12px;
	color:#4C4C4C;
	margin-top:-1px;
	text-decoration:none;
	padding-left: 7px;
	background-image:url(img/arrow_standard.gif);
	background-position:left middle;
	background-repeat:no-repeat;
	line-height: 17px; 
}

/********************			STILI ELEMENTOV			************/

dl, dt, dd, ul, li {
	font-family:arial,helvetica,sans-serif;
	font-size:11px;
	line-height:12px;
	list-style-type:none;
	margin:0pt;
	padding:0pt;
}

h1, h2, h3 {
color:#000000;
font-family:Arial;
margin:0px;
}
h4, h5, h6, h7 {
color:#000000;
font-family:Arial;
font-weight:bold;
margin:0px;
}
h1 {
font-size:20px;
font-weight:normal;
line-height:21px;
padding-bottom:3px;
}
h2 {
font-size:17px;
font-weight:bold;
line-height:16px;
padding-bottom:10px;
}
h3 {
font-size:14px;
font-weight:bold;
line-height:15px;
padding-bottom:5px;
}
h4 {
font-size:12px;
line-height:13px;
padding-bottom:0px;
}
h5 {
font-size:11px;
line-height:12px;
padding-bottom:0px;
}
h1.borderless {
padding-bottom:0px;
}
h2.borderless {
padding-bottom:0px;
}
h3.borderless {
padding-bottom:0px;
}

/*************       VSEBINSKA 1, 2        ****************/
#vsebinska1 { margin-top: 111px; }
#vsebinska2	{ margin-top: 74px; }
#vsebinska2image { text-align: right; width: 1024px; margin-bottom: 6px; }
#placeholder1, #placeholder2 {
	left:100px;
	position:relative;
	width:400px;
	color:#000000;
	font-family:arial,helvetica,sans-serif;
	font-size:11px;
	line-height:12px;
	padding-bottom:15px;
}

#placeholder1 a, #placeholder2 a {
	/*background-image:url(img/arrow_standard.gif);
	background-position:left middle;
	background-repeat:no-repeat;
	margin-top:-1px;
	padding-left: 7px;
	*/	
	color:#4C4C4C;
	height:11px;
	text-decoration:none;
}
#placeholder1 a:hover, #placeholder2 a:hover {
	color:#003399;
}

#placeholder1 h1 {
background: url(img/1x1_afafaf.gif) left 34px repeat-x;
* background: url(img/1x1_afafaf.gif) left 38px repeat-x;
position: relative;
left: -318px;
margin: 0px 0px 0px 0px;
padding-left: 318px;
padding-bottom: 32px;
width: 706px;
}


/**********************  CLICK PODMENIJI  **************/
#naviClipArea { 
	/* clip:rect(0px, 233px, 600px, 0px); */
	left:0px;
	position:absolute;
	top:99px;
	z-index:816;
}
#navigation {
	background-color:#FFFFFF;
	border-bottom:1px solid #999999;
	border-right:1px solid #999999;
	border-top:2px solid #FFFFFF;
	height:434px;
	left:0px;
	opacity:0.9;
	overflow:hidden;
	position:absolute;
	top:0px;
	width:221px;
	height: 434px;
	z-index:815;
}
#buttonClose {
	border-top:0px solid #FFFFFF;
	position: absolute;
	bottom:0px;
	z-index:817;
}
#navigation ul li {
	border-top:1px solid #999999;
	margin:0px;
	padding:6px 4px 6px 30px;
}
#navigation ul li a  {
	color:#4C4C4C;
	text-decoration:none;
}
#navigation ul li a:hover, #navigation ul ul li a.selected
{
	color:#003399;
}

#navigation ul ul { display:none; }
#navigation ul li ul li { border:none; padding:3px 0px 3px 8px; font-size:11px; line-height:12px; }
/*************       FOOTER        ****************/
div#footer
{
	text-align:left;
	height:24px;
	padding-top:4px;
	width:100%;
	border-top:solid 1px #999999;
}

/*
div#footer a#extrafootlink { color:#003399; background-position:left -11px; }
*/
div#footer a, div#footer a:active, div#footer a:link, div#footer a:visited{
	color:#4C4C4C;
	text-decoration:none;
	text-decoration:none;
	background-image:url(img/arrow_standard.gif);
	background-position:left top;
	background-repeat:no-repeat;
	padding:0 0 0 8px;
	margin:0 11px 0 0;
}

div#footer a:hover{
	color:#003399;
	background-image:url(img/arrow_standard.gif);
	background-position:left -11px;
	background-repeat:no-repeat;
}	
div#footer a.selected, div#footer a.selected:hover { color:#003399; }
div#footer div.fr { width:1020px; text-align:right;}

/*****************************/

/* forms */
TABLE#majn_table input, textarea { border:solid 1px #afafaf; width:252px; }
TABLE#majn_table input.submit, input.butt_snd { background-color:#4c4c4c; color:White; width:auto; padding:0px 15px 0px 15px; border:none; font-size:11px; height:20px; cursor:hand; }
TABLE#majn_table input.submit:hover, input.butt_snd:hover { background-color:#003399; }
TABLE#majn_table input.cb { border:none; width:auto; }
TABLE#majn_table input.butt_snd { width:auto; } 

/* BMW trening */
div.logotitle 
{
	position:absolute;
	left:30px;
	top: 0px;
	width:720px;
	z-index:22;
	color:white; font-size:24px; font-family:tahoma;
	}
	
/* sitemap */
ul.sitemap LI { padding:13px 0px 0px 0px; font-weight:bold; }
ul.sitemap ul { padding:5px 0px 0px 0px; }
ul.sitemap ul li { padding:0px 0px 0px 20px; font-weight:normal; }

Table td.malaslika { padding:0px 5px 5px 0px; }
div#vsebinska2 Table td.malaslika div A { background-image:none; }

/* novice na vstopni strani */
div.entrynovice { padding:24px 0px 0px 0px; }
div.entrynovice div.image { float:left; padding:5px 0px 5px 5px; width:150px; }
div.entrynovice div.novica { float:left; background-color:white; padding:0px 20px 0px 0px;  margin-bottom:5px; border:solid 1px #d2d2d2; width:600px;  }
div.entrynovice div.naslov a, div.entrynovice div.naslov a:link, div.entrynovice div.naslov a:active, div.entrynovice div.naslov a:visited 
{ font-weight:bold; text-decoration:none; font-size:12px; }
div.entrynovice div.naslov { padding:15px 0px 5px 0px;}
div.entrynovice div.naslov a:hover {color:#003399;}
div.entrynovice div.vec { padding:15px 0px 5px 0px; text-align:right; } 
div.entrynovice div.txt { border:solid 0px reD; margin-left:180px;}

#placeholder2
{
	margin-left:210px; width:650px; 
}
/* enovice */
div.left { float:left; top:590px; left:0px; position:absolute; width:200px;}
div.enews { border:solid 0px red; padding:30px 10px 0px 14px;  width:200px; }
div#vsebinska2 div.enews div input.enewsinput { width:180px; margin:5px 0px 5px 0px; }
div#vsebinska2 div.enews div input.enewssubmit { width:180px; width:100px; height:18px; margin:0px 0px 0px 40px; }

#placeholder2 table, #placeholder2 table  td{ width:auto; }
#placeholder2 table  td { padding:2px 4px 2px 4px; }