html, body, div, p, h1, h2, ul, img, span, a {margin:0;padding:0;border:0;}
body {background:url('img/background.jpg') no-repeat top center;background-color:#ccdede;font-size:15px;font-family:Arial, sans-serif;text-align:left;margin:0;padding:0;border:0;}
.middle {width:974px;margin-left:auto;margin-right:auto;border-left:0;border-right:0;}
a {text-decoration:none;color:#1c3f47;}
a:hover {color:#001419;}
ul {list-style:none;}
h1, h2 {font-weight:normal;}
#nav {margin-top:50px; width:974px; background-color:#DEE8E9;}
#logo {width:209px;height:62px; float:left; border-left:7px solid #DEE8E9;}
#nuNav{background-color:#DEE8E9; height:60px; padding-right:6px; float:right;}
#nuNav ul {list-style-type:none;}
#nuNav li {float:left; padding:15px 13px;  background-color:#497985; border-right:1px solid #DEE8E9; height:30px;}
#nuNav li a {font-size:1.5em; color:white;  text-shadow: 0px 1px 0px rgba(0, 0, 0, 1);}
#nuNav li a:hover {color:#78B70E;}

/* navigation menu */
#navMain {width:687px;height:62px;float:left;overflow:hidden;}
#navMainTop{width:100%;height:6px;background: url('img/nav/nav-t.png');}
#navMainMid{width:100%;height:55px;}
#navMainBot{width:100%;height:1px;background: url('img/nav/nav-b.jpg');}
.separator{width:1px;height:55px;overflow:hidden;float:left;}
#navHome {width:70px;height:55px;background:url('img/nav/nav-home.jpg');overflow:hidden;float:left; position:relative;}
#img-home, #img-home-r, #img-om, #img-om-r, #img-tjan, #img-tjan-r, #img-proj, #img-proj-r, #img-kund, #img-kund-r, #img-kont, #img-kont-r {position:absolute;top:0;left:0;}
#navOm {width:161px;height:55px;background:url('img/nav/nav-om.jpg');overflow:hidden;float:left;position:relative;}
#navTjan {width:103px;height:55px;background:url('img/nav/nav-tjanster.jpg');overflow:hidden;float:left;position:relative;}
#navProj {width:93px;height:55px;background:url('img/nav/nav-projekt.jpg');overflow:hidden;float:left;position:relative;}
#navKund {width:141px;height:55px;background:url('img/nav/nav-kundrespons.jpg');overflow:hidden;float:left;position:relative;}
#navKont {width:107px;height:55px;background:url('img/nav/nav-kontakt.jpg');overflow:hidden;float:left;position:relative;}
#navRightSep {width:7px;height:55px;background:url('img/nav/nav-right.jpg');overflow:hidden;float:left;}
/* end of navigation menu */
#topRotator {width:974px; height:388px;} /**/
#topRotatorSub {width:974px;height:250px;}
.rotatorBok {width:7px;background:url('img/rotator-l.jpg');float:left;overflow:hidden; height:388px;} /* */
.rotatorBokSub {width:7px;height:250px;background:url('img/rotator-l-sub.jpg');float:left;overflow:hidden;}
#rotatorFoto {position:relative;width:960px;height:388px;background:url('img/foto01.jpg');float:left;overflow:hidden;}
#rotatorSub {position:relative;width:960px;height:250px;background:url('img/foto-sub.jpg');float:left;overflow:hidden;}
#kontaktWrapper{position:absolute;left:30px;bottom:0px;z-index:99;}
#kontakt {width:250px;height:164px;background:url('img/kontakt.gif');}
#kontaktHand {position:absolute;top:70px;}
#kontaktaOss {position:absolute; top:35px; left:25px;width:150px;}
#telNumber {position:absolute; top:80px; left:50px;width:200px;font-family:'Trebuchet MS', sans-serif;font-size:21px;color:#001419;}
#circleWrapper{position:absolute;right:80px;bottom:80px;z-index:99;}
#greenCircle {width:116px;height:116px;background:url('img/foto-circle.png');}
#greenCircleRen {position:absolute; top:35px; left:10px;width:98px;font-family:'Times New Roman', serif;font-size:20px;text-align:center;color:white;}
#wrapper {clear:both;display:block;}
#podFoto {width:974px;height:51px;background:url('img/pod-foto.jpg');}
#wrapperM {width:974px;background:url('img/content-background.jpg') repeat-y;overflow:hidden;}
#left {width:287px;float:left;overflow:hidden;}
#leftTop {width:287px;}
#leftTopT {width:287px;height:74px;background:url('img/left-top-t.jpg');}
#leftTopB {width:287px;background:url('img/left-top-background.jpg') repeat-y;padding-left:62px;}
#kundresponsWrap{width:220px;height:100px;position:relative;overflow:hidden;}
#innerWrap{position:absolute;top:0;left:0;}
.kund{font-size:12px;height:98px;padding-top:2px;}
#leftBot {width:287px;}
#leftBotT {width:287px;height:74px;background:url('img/left-bot-t.jpg');}
#leftBotB>ul {width:220px;font-size:13px;line-height:150%;list-style-image:url('img/offer.png');padding-left:20px;}
#leftBotB {width:287px;background:url('img/left-bot-background.jpg') repeat-y;padding-left:62px;}
#leftBotC {width:287px;height:20px;background:url('img/left-bot-c.jpg');}
#main {width:610px;float:left;overflow:hidden;padding-left:33px;line-height:130%;}
#main>div {padding-top:20px;color:#1c3f47;text-align:justify;}
#fBackground {height:77px;background:url('img/footer-background.jpg') repeat-x;}
#footer {width:974px;height:77px;background:url('img/footer.jpg');}
#footer>ul {padding-top:10px;padding-left:320px;}
#footer>ul>li {float:left;padding-right:10px;}
#footer>ul>li>a {color:#1c3f47;}
#footer>ul>li>a:hover {color:#001419;}
#footer>p {float:left;padding-left:70px;margin-top:20px;font-size:13px;color:#1c3f47;}
#footer>p>a {color:#1c3f47;}
#footer>p>a:hover {color:#001419;}
a.mer {color:white; text-shadow:0px 1px 0px #001419;}
a.mer:hover {color:#78b70e; text-shadow:0px 0px 0px;}
h1 {font-family:'Times New Roman', serif;font-size:25px;color:#78b70e;}
h2 {font-family:'Times New Roman', serif;font-size:23px;color:white;text-shadow:0px 1px 0px #001419;}
.pt10 {padding-top:10px;}
.pt30 {padding-top:30px;}
.pl20 {padding-left:20px;}
.pl62 {padding-left:62px;}
.pl95 {padding-left:95px;}
.pl135{padding-left:135px;}
.pr10 {padding-right:10px;}
.empty15 {height:15px;}
.empty30 {height:30px;}
.fleft {float:left;}
.fright {float:right;}
.f16 {font-size:16px;}
.green {color:#78b70e;}
.vamiddle {vertical-align:middle;}
.disc {list-style-type:disc;}
.under {text-decoration:underline;}

#main2 {width:640px;float:left;overflow:hidden;line-height:130%;}
#gallery > div {float:left; padding:20px 0 0 30px;}
.rollover > div {position:relative; width:290px; height:180px; overflow:hidden;}
.rollover > div > div:first-child{position:absolute; top:0; left:0; width:290px; height:180px;}
.rollover > div > div:nth-child(2){position:absolute; top:20px; left:20px; width:240px; background-color:rgba(255, 255, 255, 0.7); padding:5px; border-radius:3px;}
.rollover > div > div:last-child{position:absolute; top:0; left:-290px; width:290px; height:180px; background-color: rgba(119, 182, 16, 0.7);}
.rollover > div > div > div{padding-top:78px; text-align:center;}
.rollover strong {font-size:32px; font-weight:100;}