body{font-size:11px; font-family:Arial,sans-serif;}

/* COMMON STYLES */
a{
    color:#4C4C4C;
    text-decoration:none;
    outline:none;
}
a:hover {
    color:#003399;
}

.fleft{float:left}
.fright{float:right}

.cleardiv{clear:both;  font-size:1px;}

a img.arrow {
    background-image:url("images/arrow_standard.gif");
    background-position:left top;
    background-repeat:no-repeat;
    display:inline;
    height:11px;
    margin-top:-1px;
    position:static;
    width:7px;
}
a:hover img.arrow {
    background-image:url("images/arrow_standard.gif");
    background-position:left bottom;
    background-repeat:no-repeat;
    border:0 none;
    display:inline;
    height:11px;
    margin-top:-1px;
    position:static;
    width:7px;
}
a img.arrowWhite {
background-image:url(images/arrow_white.gif);
background-position:left top;
background-repeat:no-repeat;
display:inline;
height:11px;
margin-top:-1px;
position:static;
width:7px;
}

/* TOP SLIDER */
.desription {position:absolute; text-align:left; }

.desription .title {font-size:21px;}
.desription .text {font-size:18px;}
.desription .link {background:#4C4C4C; padding:3px; color:#fff;}
.photoLink:hover .link{background:#003399; }


.photoDisplay {width:1024px; min-height:291px; margin-top:13px;   float:left;}

.slider{width:1024px; height:291px; overflow:hidden; position:relative;}
.slider ul li {width:1024px; overflow:hidden;}
.slider ul li a{width:1024px; height:291px; overflow:hidden;}


.emptyPhotoHolder {width:1024px; height:150px;}



.photoLink img {width:auto;}

.textColor0 {color:#fff;}
.textColor1 {color:#000;}
.textColor2 {color:#B7E6FF;}

.textColor0 a{color:#fff;}
.textColor1 a{color:#000;}
.textColor2 a{color:#B7E6FF;}


.hoverDetector{ display:block; }
.rolloverImage { position:absolute; top:0px; left:0px; z-index:5;}
.normalImage { position:absolute; top:0px; left:0px; z-index:10;}


/* TOP NAVIGATION */
.footerNavigation a{margin-right:10px; margin-top:40px;}

.navigationContainer a{color:#fff;}
.navigationContainer a:hover{color:#00175C;}

.mainMenuContainer a.homeLink {margin-top:10px; margin-right:10px;  font-size:14px; float:left;}
.mainMenuContainer div.mainMenuItem { font-size:17px; float:left; padding:4px 0px 0px 0px;}

a.meniClickBtn  {text-align:center; display:block; height:22px; padding:4px 10px 7px 5px;}

a.mala        {width:15px;   font-weight:bold;}
a.golema        {width:140px; padding-top:5px; padding-bottom:2px; font-size:14px; text-align:left; }
a.mainMenuItemClicked {color:#00175C; background:#fff; }
a.mainMenuItemClicked:hover {color:#00175C; background:#fff;}


.mainMenuSub {position:absolute; width:202px; height:264px; margin-left:-1px;
        display:none; background:#fff; color:#4C4C4C; z-index:20; border:1px solid #AFAFAF; border-top:none; text-align:left; overflow:hidden;}
.mainMenuSub .subContainer {margin:10px;}

.bmw-owners {width:413px; height:auto; }
.bmw-insights {width:413px; margin-left:-152px;  height:auto;}
.bigCont_s    {width:125px; float:left; margin-right:6px; margin-bottom:10px; min-height:50px; }

.mainMenuSub, .mainMenuSub a {font-size:11px; font-weight:normal; color:#4C4C4C;}
.mainMenuSub, .mainMenuSub a:hover {color:#003399;}
.mainMenuSub b {font-weight:bold; color:#000; margin-bottom:3px; display:block}

.pageSubMenu {position:absolute; z-index:400; width:220px;  text-align:left; top:96px; left:0; height:23px;
              background:#fff;  border-right:1px solid #999; border-bottom:1px solid #999; overflow:hidden; opacity:0.9;}

.pageSubMenu .pageSubMenuLinks {margin:10px; margin-left:30px;  overflow:hidden; }

.pageSubMenu a {color:#4C4C4C;}
.pageSubMenu a:hover {color:#003399;}
.pageSubMenu .pageSubMenuFooter {position:absolute; bottom:0; width:220px;  height:16px; text-align:right; background: url("images/dropper.gif") repeat-x #fff;
                                    background-position:bottom; cursor:pointer;}


.pageSubMenuLinks ul li .level2{display:none; overflow:hidden; margin-left:5px; margin-top:3px;}
.pageSubMenuLinks ul li .level3{display:none; overflow:hidden; margin-left:8px; margin-top:3px; }
.pageSubMenuLinks ul li {margin-bottom:5px;}

.pageSubMenuFooter a.scrDown {display:block; width:12px; float:right; margin:2px; height:12px;  background: url(images/scroller_down.gif);}
.pageSubMenuFooter a.scrDown:hover {background: url(images/scroller_down-h.gif);}

.pageSubMenuFooter a.scrUp {background: url(images/scroller_up.gif); }
.pageSubMenuFooter a.scrUp:hover {background: url(images/scroller_up-h.gif); background-position:0px -1px;}



.subMenuContainer a {margin-right:15px; float:left;}


/* CONTENT */

#prevBtn{position:absolute; top:266px; left:950px;}
#nextBtn{position:absolute; top:270px; left:1000px;}

#nextBtn a {width:17px; height:16px; display:block; background: url(images/next_large.gif);}
#nextBtn a:hover {background: url(images/next_large-h.gif);}


.splash {text-align:left; margin:20px; clear:both; margin-bottom:30px; width:360px;}

.splash img {width:360px;}
.splash .title {font-size:22px; font-weight:bold;  color:#003399;}
.splash .subtitle {margin-top:5px; width:150px; font-size:11px; background-color:#003399; color:#fff; padding:2px 5px 2px 5px;}
.splash a:hover .title {color:#4C4C4C;}
.splash a:hover .subtitle {background-color:#4C4C4C;}


#spBtnLeft {float:left;}
#spBtnRight {float:right; margin-top:-30px; margin-right:10px;}

#spBtnRight a{width:17px; height:16px; display:block; background: url(images/next_large.gif);}
#spBtnRight a:hover{background: url(images/next_large-h.gif);}

.topics ul li.topic{text-align:left; width:180px; height:70px; float:left; display:block; margin:18px;  overflow:hidden;}

.topics .topic .topicImg {float:left; margin-right:5px;}
.topics .topic .topicTitle {margin-bottom:5px; overflow:hidden;}
.topics .topic .topicText {overflow:hidden;}


.topicPrikaz {text-align:left; margin-left:300px; width:500px; margin-top:20px;}
.topicPrikaz h1 {font-size:20px; font-weight:bold;}
.topicPrikaz h3 {font-size:14px; font-weight:bold;}
.topicPrikaz p {font-size:11px; margin-top:10px;}


.ownerPrikaz {float:left;margin-left:240px;margin-right:80px;margin-top:10px;text-align:left;width:400px;}
.ownerPrikaz h1 {font-size:20px; font-weight:bold;}
.ownerPrikaz p {font-size:11px; margin-top:10px;}

.news   {width:168px; }
.news b {margin:10px;}
.news .newsItem{display:block;  margin:10px; overflow:hidden;}

.newsPrikaz {width:500px;  float:left; margin-left:200px; margin-top:10px; padding-right:20px; text-align:left;}
.newsPrikaz h1{font-size:20px; font-weight:bold;}
.newsPrikaz h3{font-size:14px; font-weight:bold;}
.newsPrikaz p{font-size:11px; margin-top:10px;}
.newsPrikaz img{float:left; margin:5px; margin-right:10px;}


.generalPage {width:410px;  float:left;  margin-left:200px; margin-top:10px;  text-align:left;}
.generalPage h1{font-size:17px; font-weight:bold;}
.generalPage p{font-size:11px; margin-top:10px;}

.fGeneralPage {}
.fGeneralPage h1{font-size:17px; font-weight:bold;}
.fGeneralPage h3{font-size:14px; font-weight:bold;}
.fGeneralPage p{font-size:11px; margin-top:10px;}

.fGenPageLeft {width:300px; float:left; border-right:1px solid #AFAFAF; padding:20px; padding-right:40px; text-align:left;}
.fGenPageRight {float:left; text-align:left; margin-left:15px;}
.fGenPageRight a {margin:10px; margin-top:20px; display:block; }
.fGenPageRight .slika {margin-right:10px;}

.genPageLeft, .genPageRight {float:left; width:200px; text-align:left;}


.internetUslovi, .drugiSajtovi {text-align:left; overflow:hidden; padding-bottom:200px;}
.internetUslovi h1, .drugiSajtovi h1{border-bottom:1px solid #999; padding:20px;  font-size:17px; font-weight:bold; padding-left:300px;}
.internetUslovi p, .internetUslovi .p, .drugiSajtovi p {margin:20px; margin-left:300px; width:330px; }
.internetUslovi a {display:block;}
.internetUslovi .slika {margin-right:5px; margin-bottom:50px;}

.drugiSajtovi a {width:130px; float:left; margin-right:30px; margin-bottom:30px; display:block;}


.ppNaslov {border-bottom:1px solid #999; padding:20px;  padding-left:300px; text-align:left;}
.ppNaslov h1{font-size:17px; font-weight:bold;}

.ppSodrzina {text-align:left; margin-left:300px; margin-top:20px; padding-bottom:100px; overflow:hidden;}

.ppSodrzinaLeft, .ppSodrzinaLRight {width:300px; float:left; margin-right:20px;}

.softLeft, .softRight {float:left; width:165px;}







.frontFact {width:162px; margin-right:30px; margin-bottom:20px; text-align:left; position:relative; z-index:1; top:-20px; float:left; background:#fff; padding:5px;}
.frontFact b { display:block;}


.modelBox {width:162px; float:left; margin:20px; text-align:left;}
.modelBoxFacts { border-left:1px solid #999; padding-left:10px; margin-top:20px;}
.modelBoxFacts b {display:block;}


.factDisplay {width:400px; float:left; margin-left:240px; margin-right:80px; text-align:left; margin-top:10px;}
.factDisplay h1{font-size:21px; font-weight:bold;}
.factDisplay h3{font-size:13px; font-weight:bold;}
.factDisplay p{font-size:11px;}

.factAll {width:250px; overflow:hidden;  position:relative; background:#fff; top:-40px; text-align:left; float:right;}
.factAll ul li {margin:10px; margin-bottom:20px; overflow:hidden;}
.factAll ul li .factSlika { margin-right:10px;  float:left; width:120px;}


.search input {
    background-image:url(images/bg_forms.gif);
    border-color:#929292 #AFAFAF #AFAFAF #929292;
    border-style:solid;
    border-width:1px;
    font-size:11px;
    height:20px;
    padding-left:3px;
    width:180px;
    padding-top:5px;
    padding-left:10px;
}

.search button {
    background-color:#4C4C4C;
    color:#FFFFFF;
    border:none;
    height:25px;
    cursor:pointer;
    margin-left:5px;
}

.internetVrska{position:absolute; display:none; top:200px; left:300px; z-index:600; width:500px; height:150px; background:#fff; border:1px solid #999999;
                text-align:left; padding:30px;}
                
 .internetVrska .vCompact {display:none;}
 .internetVrska .vVideo {display:none;}
 
.internetVrska h2 {font-size:20px;}
.zatvoriInternetVrska {width:13px; height:12px; display:block; position:absolute; top:1px; right:1px; background: url(images/close.gif);}
.zatvoriInternetVrska:hover {background: url(images/close-h.gif);}


.mapa{text-align:left; margin-left:30px; padding-bottom:200px; overflow:hidden;}
.mapa h1 {font-size:17px; font-weight:bold;}
.mapa hr { border:none; background-color: #afafaf; height: 1px; margin-top:20px; margin-bottom:20px; }
.mapa b {padding-left:7px;}

.listaModeli {text-align:left; margin-left:30px; padding-bottom:50px; overflow:hidden;}
.listaModeli h1 {font-size:17px; font-weight:bold;}
.listaModeli .serieBox {width:105px; min-height:400px; margin-top:10px; text-align:left; padding:2px; float:left; overflow:hidden;
                        border-right:1px solid #E9E9E9; border-bottom:1px solid #E9E9E9;}
.serieBox img   {width: 95px;}
.mapa .mapBox {width:170px; min-height:100px; margin-right:20px; float:left;}
.mapa .boldLink {font-weight:bold; width:120px; padding-right:50px; display:block; float:left;}

.seachresults       {margin-top:20px; text-align:left; padding-left:250px;}
.seachresults  ul   {width:600px;}

.paginatorNumbers   {margin-bottom:20px; color:#4c4c4c; margin-top:5px;}
.paginatorNumbers a.selected  {color:#3d3d3d; font-weight:bold;}
.seachresults ul li p {float:left; font-size:12px; padding-top:10px; margin-top:10px;}
.seachresults ul li p.num_res {width:30px;  }
.seachresults ul li p.res_text {width:500px; border-top:1px solid #bfbfbf; line-height:16px;}
.seachresults ul li p.res_text b {background-image: url(images/arrow_standard.gif); 
                   background-repeat:no-repeat; padding-left:10px; }

.searchGolem {
    margin-top:130px; 
    border-bottom:1px solid #ccc;
    padding-bottom:50px;
    margin-bottom:0px;
}
.searchGolem input {
    background-image:url(images/bg_forms.gif);
    border-color:#929292 #AFAFAF #AFAFAF #929292;
    border-style:solid;
    border-width:1px;
    font-size:11px;
    height:17px;
    padding-left:3px;
    width:400px;
    padding-top:4px;
    padding-left:10px;
}
.searchGolem h1 {
    font-size:18px;
    font-weight:bold;
    margin:5px;
}


.vestiDisp      {display:block;}
.vestiHidden    {display:none;}

.quicklinks {text-align:left; width:173px; margin:10px; margin-left:20px;}
.linksCont {border:1px solid #003399; overflow:hidden; height:16px;}
.linksCont .title {float:left; line-height:16px; padding-left:2px;}
.linksCont .button {float:right; cursor:pointer;}
.linksBox {border:1px solid #003399; border-top:none; position:absolute; background-color:#fff; z-index:999; padding-top:5px; padding-bottom:2px;}
.linksBox a {width:165px; display:block; padding:3px;}
.linksBox a:hover {background-color:#003399; color:#fff;}

.lbVisible {display:block;}
.lbHidden {display:none;}


.subTopicsPrikaz {margin-top:20px;}
.subTopicsPrikaz hr { border:none; background-color: #afafaf; height: 1px; }
.subTopicsPrikaz a {display:block; overflow:hidden; margin-top:10px;}
.subTopicsPrikaz img {float:left; margin-right:5px;}