@import url("lightbox.css");

 /*Colors 
 red          #e72614
 blue         #004793
 beige        #f2edcf
 light-beige  #fbf9ef
 active-menu  #9f9b74
 1 navigation #7c7c7c / border #ccc
 */

/*BASE*/
*{margin:0;padding:0;}
.alt { display: none; }
.ff,.to_c .ff{float:left;overflow:hidden;width:100%;}
#ie6 .lff{margin-right:-3px;}
#ie6 .rff{margin-left:-3px;}
.c{clear:both;line-height:1px;height:0;font-size:1px;overflow:hidden;}
.h{display:none;}
.l{float:left;}
.r{float:right;}
.nmt{margin-top:0;}
.img{font-size:0;}
.split .s{width:50%;float:left;}
.split .sl{clear:left;}
.split .sr{float:right;clear:right;}
.split .s2 .s{width:50%;}
#ie6 .split .s2 .s{width:49.9%;}
.s3 .s{width:34%;}
.s3 .sc{width:32%;}
.s4 .s{width:25%;}
.inline{list-style:none;margin:0;}
.inline li{float:left;margin-bottom:0;}
.inline a,.inline span{display:block;outline-style:none;}
#ie6 .inline a,#ie6 .inline span{display:inline-block;}
body{font:68.75%/1.4 Arial, Helvetica, sans-serif;background-color:#fff;color:#333;}
h1,h2,h3,h4,h5,h6{font-weight:bold;margin:1.25em 0 .25em;}
h1{font-size:1.8em;}
h2{font-size:1.4em;}
h3{font-size:1.2em;}
h4{font-size:1.1em;}
p{margin:.5em 0 1em;}
a{color:#0000a0;text-decoration:none;}
a:hover{color:#fff;background-color:#000;}
pre,code{font-family:"Courier New", Courier, monospace;font-size:1em;overflow:auto;}
th,td{padding:0;}
ul,ol{margin:.75em 0 1em 3em;}
ul ul,ol ul,ul ol,ol ol{margin:.3em 0 .5em 1.3em;}
ul ol,ol ol{margin-left:1.9em;}
ul,ul ul{list-style-type:disc;}
li{margin-bottom:.3em;}
dl{margin:.25em 0;}
dt,dd{font-style:normal;margin-bottom:.25em;}
dt{font-weight:bold;}
dd{margin:0 1em .5em 2.5em;}
label{font-weight:bold;white-space:nowrap;}
optgroup{font-weight:bold;font-style:normal;}
textarea{overflow:auto;}
textarea,input.txt,input.btn{font-family:Arial, Helvetica, sans-serif;font-size:1em;}
textarea,input.txt{border:1px solid #999;color:#333;padding:2px;}
.cut,.fix,.to_c .cfix{overflow:hidden;}
#ie6 .fix,#ie6 .to_c .cfix,#ie .cMe,#ie6 .split,#ie6 ul.inline,#ie7 .split,#ie7 ul.inline{height:1%;}
.cMe:after,.split:after,ul.inline:after{content:"-";height:0;font-size:0;visibility:hidden;display:block;clear:both;}
.s30-70 .sl,.s70-30 .sr{width:30%;}
.s30-70 .sr,.s70-30 .sl{width:70%;}
h5,h6,table{font-size:1em;}
a img,fieldset{border:none;}

/*STRUCTURE*/
#ie #body .d{height:1%;}
#body .d:after{content:"-";height:0;font-size:0;visibility:hidden;display:block;clear:both;}
.left-content{float:left;width:25%;}
.right-content{float:right;width:25%;}
#ie6 .left-content{margin-right:-3px;}
#ie6 .right-content{margin-left:-3px;}
.no-left .left-content,.no-right .right-content,.no-both .left-content,.no-both .right-content{display:none;}
#logo p{margin:0;}
#logo a{display:block;outline:none;text-indent:-9999px;}

/*ELEMENTS*/
#ie6 .more-right,#ie7 .more-right{height:1%;}
.more-right:after{content:"-";height:0;font-size:0;visibility:hidden;display:block;clear:both;}
.article .side{float:left;}
.article .inside{margin:0 .8em 0 0;}
.article .image{margin-top:.3em;}
.article .author p{margin-bottom:0;}
.article .inline-more{white-space:nowrap;}
.article .block-more,.article .more-right{display:block;}
.article .more-right a{display:inline;float:right;}
.onright .article .side{float:right;}
.onright .article .inside{margin-left:.8em;margin-right:0;}
.vertical .article .side,.centerside .article .side{float:none;}
.vertical .article .inside,.vertical .article .figure,.centerside .article .inside,.c .article .figure{width:auto!important;margin:0;}
.centerside .article .inside{background:#f2f2f2;padding:.5em 0;}
.centerside .article .img{text-align:center;}
.article-details{font-size:.85em;margin-bottom:.2em;}
.article-details p{margin-bottom:.2em;margin-top:0;}
.article-details .l p,.article-details .r p{line-height:1.6em;}
.article-details .m{font-size:1.18em;}
.figure .credit{text-align:right;font-size:.85em;margin-bottom:.2em;}
.figure p{margin:0;}
.figure .caption{font-style:italic;font-size:.93em;}
.figure .caption em{font-style:normal;font-weight:bold;}
.big-view .article{margin-bottom:2em;}
.big-view .article .title h2{font-size:2em;font-weight:normal;line-height:1em;}
.med-view .article{margin-bottom:1.4em;}
.med-view .article .title h2{font-size:1.5em;font-weight:normal;line-height:1.2em;}
.med-view .more-right{font-size:1em;}
.med-view .article .image{margin-top:.5em;}
.line-view .article .title h2{font-size:1.1em;font-family:Arial, Helvetica, sans-serif;line-height:1.2em;}
.line-view .article .short{font-family:Arial, Helvetica, sans-serif;}
.line-view .article .image{margin-top:.2em;}
.article,.vertical .article .inside,.centerside .article .inside{margin-bottom:.5em;}
.article .short p,.article .title h2{margin-top:0;}

/*NAVS*/
ul.horizontal:after,.navigation:after{content:"-";height:0;font-size:0;visibility:hidden;display:block;clear:both;}
ul.horizontal,ul.horizontal li{list-style:none;margin:0;padding:0;}
ul.horizontal li{float:left;margin-left:.2em;}
ul.horizontal li.first{margin-left:0;}
ul.horizontal a{display:block;padding:3px 10px;}
ul.horizontal .active a{background-color:#000;color:#fff;}
ul.tabs a,ul.tabs span{background-repeat:no-repeat;background-position:0 100%;background-image:url(../images/tabs/tab.gif);background-color:#eee;color:#333;}
ul.tabs a{padding:0 0 0 8px;}
ul.tabs span{display:block;background-position:100% 100%;padding:5px 10px 5px 2px;}
ul.tabs a:hover span,ul.tabs .active a span{background-position:100% 100%;}
.active_is_tab ul.tabs span,.active_is_tab ul.tabs a{background-image:none;}
.on_right ul{float:right;}
.in_center ul{display:table;white-space:nowrap;margin:0 auto;}
.in_center li{display:table-cell;}
.in_center a,.in_center a span{float:left;cursor:pointer;}
#ie .in_center ul{display:inline;}
#ie .in_center li{float:left;}
.in_center{text-align:center;}
.active_is_tab ul.tabs .active span,.active_is_tab ul.tabs .active a,ul.tabs a:hover,ul.tabs .active a,ul.tabs a:hover span,ul.tabs .active a span{background-image:url(../images/tabs/tab_a.gif);background-color:#000;color:#fff;}
.vertical_nav,.vertical_nav ul,.vertical_nav li{list-style:none;margin:0;padding:0;}
.vertical_nav a{color:#000;background-color:#eee;display:block;padding:5px;}
#ie ul.horizontal,#ie .navigation,#ie6 .vertical_nav li,#ie6 .vertical_nav a{height:1%;}

/*RED*/
.w900 .w{width:900px;margin:0 auto;}
.p40{padding-right:40px;}
a{color:#e72614;}
a:hover{color:#7c7c7c;background-color:transparent;}
#container{padding-top:12px;}
#home #logos{margin-bottom:17px;}
#logos a{display:block;outline:none;}
#logo{float:left;margin-top:14px;}
#logo a{text-indent:-9999px;width:183px;height:19px;background:url(../images/logo/red_international.gif) no-repeat 0 0; }
#logo2 a{text-indent:-9999px;width:158px;height:58px;background:url(../images/logo/red_real_estate_development.gif) no-repeat 0 0; bottom: -4px; position: relative; }
#red-mare #logo2 a{background-image:url(../images/logo/red_mare.gif);}
#home #logo2 a{bottom: -12px; position: relative; }
#top .d{width:441px;}
.h1 ul.horizontal a{line-height:1.2em;color:#7c7c7c;margin:0 5px;padding:0 1px;}
.h1 ul.horizontal li{display:inline;border-left:#ccc 1px solid;margin:0;}
.h1 ul.horizontal li.first{border-left:none;}
.h1 ul.horizontal li.first a{margin-left:0;}
.h1 ul.horizontal li.last a{margin-right:0;}
.h1 ul.horizontal li.active a,.h1 ul.horizontal li a:hover{background:none;color:#333;}
.h2 ul.horizontal a{line-height:1.2em;color:#cbcbcb;padding:0 1px 0 20px;}
#ie6 .h2 ul.horizontal a{display:inline-block;}
.h2 ul.horizontal li{margin-right:10px;display:inline;}
.h2 ul.horizontal #hr{background:url( ../images/flags/hr_inactive.gif) no-repeat 0 50%;}
.h2 ul.horizontal #de{background:url( ../images/flags/de_inactive.gif) no-repeat 0 50%;}
.h2 ul.horizontal #en{background:url( ../images/flags/en_inactive.gif) no-repeat 0 50%;}
.h2 ul.horizontal li.active #hr,.h2 ul.horizontal #hr:hover{background-image:url(../images/flags/hr_active.gif);}
#header{background:#e72614;margin-top:10px;}
#home #header{height:313px;background:url( ../images/bg/flash_bg.gif) repeat-x 0 0;margin-bottom:50px;}
#red-mare #header{background-color:#004793;}
#header .d{height:149px;}
#header .d img{ float: left; }
#home #header .d{height:313px;background:none;}
#header .d h1{text-indent:-9999px;height:37px;padding-top:56px;margin:0 0 0 488px;}

#header .d h1.unternehmen_hr{background:url(../images/title/poduzece_hr.gif) no-repeat 0 100%;}
#header .d h1.referenzen_hr{background:url(../images/title/reference_hr.gif) no-repeat 0 100%;}
#header .d h1.projekte_hr{background:url(../images/title/projekte_news_hr.gif) no-repeat 0 100%;}
#header .d h1.red_mare_hr{background:url(../images/title/red_mare_hr.gif) no-repeat 0 100%;}
#header .d h1.karriere_hr{background:url(../images/title/karijera_potraznja_hr.gif) no-repeat 0 100%;}
#header .d h1.kompetenzen_hr{background:url(../images/title/kompetencije_hr.gif) no-repeat 0 100%;}
#header .d h1.map_hr{background:url(../images/title/mapaweba_hr.gif) no-repeat 0 100%;}
#header .d h1.impressum_hr{background:url(../images/title/impressum_hr.gif) no-repeat 0 100%;}

#header .d h1.unternehmen_de{background:url(../images/title/unternehmen_de.gif) no-repeat 0 100%;}
#header .d h1.referenzen_de{background:url(../images/title/referenzen_de.gif) no-repeat 0 100%;}
#header .d h1.projekte_de{background:url(../images/title/projekte_news_de.gif) no-repeat 0 100%;}
#header .d h1.red_mare_de{background:url(../images/title/red_mare_de.gif) no-repeat 0 100%;}
#header .d h1.karriere_de{background:url(../images/title/karriere_gesuche_de.gif) no-repeat 0 100%;}
#header .d h1.kompetenzen_de{background:url(../images/title/kompetenzen_de.gif) no-repeat 0 100%;}
#header .d h1.map_de{background:url(../images/title/sitemap_de.gif) no-repeat 0 100%;}
#header .d h1.impressum_de{background:url(../images/title/impressum_de.gif) no-repeat 0 100%;}

#header .d h1.unternehmen_en{background:url(../images/title/company_en.gif) no-repeat 0 100%;}
#header .d h1.referenzen_en{background:url(../images/title/references_en.gif) no-repeat 0 100%;}
#header .d h1.projekte_en{background:url(../images/title/projects_en.gif) no-repeat 0 100%;}
#header .d h1.red_mare_en{background:url(../images/title/red_mare_en.gif) no-repeat 0 100%;}
#header .d h1.karriere_en{background:url(../images/title/career_en.gif) no-repeat 0 100%;}
#header .d h1.kompetenzen_en{background:url(../images/title/expertise_en.gif) no-repeat 0 100%;}
#header .d h1.map_en{background:url(../images/title/sitemap_en.gif) no-repeat 0 100%;}
#header .d h1.impressum_en{background:url(../images/title/impressum_en.gif) no-repeat 0 100%;}

#header .d h1.red_mare{background:url(../images/title/red_mare.gif) no-repeat 0 100%;}

#nav li{border-left:#f2edcf 1px solid;margin:0;}
#nav li a{width:132px;color:#333;font-size:1.2em;font-weight:bold;text-align:center;padding:4px 0;}
#header .d,#body .d{margin-right:94px;border-right:#fff solid 5px;}
#body .d{padding:26px 0 40px;}
#body{background:#f2edcf;}
.left-content{width:205px;}
.left-content .d2{padding:6px 40px 0 0;}
.left-menu{margin-bottom:46px;}
.left-menu .vertical_nav li{border-bottom:#fff 1px solid;}
.left-menu .vertical_nav li.first{border-top:#fff 1px solid;}
.left-menu .vertical_nav a{background:none;font-size:1.1em;font-weight:bold;color:#333;padding:5px 0 5px 5px;}
.left-menu .vertical_nav li.active a,.left-menu .vertical_nav li a:hover{color:#9f9b74;}
.intro{margin-bottom:26px;}
.intro .featured h2{margin-bottom:30px;}
.intro .featured .intro-text{font-size:1.28em;margin-bottom:50px;}
.line-view .article .title h3{font-size:1.64em;font-weight:normal;margin:0;}
.line-view .article .image{margin-top:.6em;}
.line-view .article{border-bottom:1px solid #fff;margin-bottom:0;padding:6px 20px 10px 0;}
.line-view .first{border-top:1px solid #fff;}
.line-view .article .date p{font-size:.82em;margin-top:4px;margin-bottom:0;}
.line-view .article .inside{margin:0 1.2em 0 0;}
.line-view a.more{padding-right:10px;background:url( ../images/arrows/red_right.gif) no-repeat 100% 50%;}
.line-view .career .article,.line-view .projects .article{padding-top:0;}
.line-view .career .article .short p{margin-bottom:1em;}
.line-view .projects .article .image{margin-top:2.1em;}
.full-view .article .long p,.full-view .article .long h3{margin-bottom:1.5em;}
#project-view #body .d{padding-top:16px;}
#project-view .left-content,#project-view .right-content{margin-top:10px;}
.full-view .project .date p{font-size:1em;line-height:1em;margin:0;}
.contact-box{background:#fff;font-size:1.1em;}
.contact-box h2{font-size:1em;margin:0;}
.contact-box .in{padding:6px;}
.right-content{width:238px; padding-left:20px; }
.right-content .d2{padding-right:10px;padding-top:6px;}
.right-content .image{margin-bottom:20px;}
.address,.big-map,.contact{background:#fbf9ef;}
.address,.big-map{margin-bottom:5px;}
.address .sl .s-in{padding:20px 0 0 40px;}
.address .sr .s-in{padding:10px 10px 10px 7px;}
.big-map .in{padding:10px;}
.contact .in{padding:20px 40px;}
.contact h3{margin-top:0;margin-bottom:1.6em;}
.contact p{margin-top:0;margin-bottom:1.4em;}
#footer .d{padding:10px 0;}
.tickercontainer{background:#fff;width:900px;height:27px;overflow:hidden;}
.tickercontainer .mask{position:relative;left:0;top:8px;width:900px;overflow:hidden;}
ul.newsticker{position:relative;list-style:none;margin:0;padding:0;left: 900px;}
ul.ticker{list-style:none; }
.ticker li{margin-bottom:4px;}
ul.newsticker li{float:left;background:#fff;margin:0;padding:0;}
ul.newsticker a,.ticker a{white-space:nowrap;margin-right:14px;font-weight:normal;padding-left:2px;color:#666;text-decoration:none;}
.ticker span{color:#000;font-weight:bold;text-transform:uppercase;border-right:2px solid red;padding-right:3px;display:inline;height:1em;line-height:1em;margin-top:.2em;}
ul.newsticker a:hover{color:red;}
h2,h3,.h2 ul.horizontal li.active a,.h2 ul.horizontal a:hover,.line-view .article h3 a{color:#7c7c7c;}
.nmb,.line-view .article p{margin-bottom:0;}
#logo2,#top .h2{float:right;}
#top .h1,ul.newsticker a,ul.newsticker span{float:left;}
#ie6 .h1 ul.horizontal,#ie6 .h2 ul.horizontal{height:auto;}
.h2 ul.horizontal li.active #de,.h2 ul.horizontal #de:hover{background-image:url(../images/flags/de_active.gif);}
.h2 ul.horizontal li.active #en,.h2 ul.horizontal #en:hover{background-image:url(../images/flags/en_active.gif);}
#nav li.active a,#nav li a:hover,.line-view .article h3 a:hover{background:none;color:#9f9b74;}
.intro h2,.full-view .article .title h2{font-size:1.8em;margin-bottom:16px;}
.intro .intro-text,.line-view .article .short,.full-view .article .long,.address h3,.address p,.contact h3,.contact p{font-size:1.1em;}


.refText{margin-bottom:26px;overflow: hidden; zoom: 1;}
.refText .featured h2{margin-bottom:30px;}
.refText .featured .refText{font-size:1.28em;margin-bottom:50px;}
.refText h2{font-size:1.8em;margin-bottom:16px;}
.refText .intro-text {font-size:1.1em;padding: 0 50px 25px 0;}

.refText .refGallery {list-style: none; margin: 0; padding: 0; }
.refText .refGallery li {float: left; margin: 0 30px 30px 0; width: 263px; height: 150px; overflow: hidden; zoom: 1; }
.refText .refGallery li img {display: block; }

.refText .map  {background:#fbf9ef; padding: 10px; width: 536px; height: 284px; overflow: hidden; zoom: 1; clear: left; }