/* RESET */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,
font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,
legend,table,caption,tbody,tfoot,thead,tr,th,td {margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;}
body {line-height:1;}
ol,ul {list-style:none;}
blockquote,q {quotes:none;}
:focus {outline:0;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
table {border-collapse:collapse;border-spacing:0;}

/* GENERAL STYLES */
body {font:normal 62.5% Verdana, Arial, Helvetica, sans-serif;color:#000000;padding:0 0 2em;background:#cddae4 url(../images/body-bg.jpg) repeat-x left top;}
a {color:#d40018; text-decoration:none;}
a:hover {text-decoration:underline;}
p {margin:0 0 20px;}
p.txtGrey {color:#ddd;}
button {cursor:pointer;}
h1, h2, h3, h4, h5, h6, h7, p, blockquote {padding:0;}
#content h1 {color:#d40018; margin-bottom:0.8em; font-size:1.7em; padding-bottom:7px; font-weight:normal;}
#content h2 {color:#d40018; margin-bottom:0.8em; font-size:1.6em; font-weight:normal;}
#content h3 {color:#d40018; margin-bottom:0.5em; font-size:1.3em; font-weight:normal;}
#content ul {margin-bottom:20px;}
#content ul li {background:url(../images/bullet.png) no-repeat 0 3px; padding-left:15px; margin:5px 0; height:100%;}
#content ul li p {margin-bottom:0;}
#contentHome ul li p {margin-bottom:0;}
#content table {margin-bottom:20px;}
#content table tr {}
#content table tr th {padding:10px; background:#00509F; color:#fff;}
#content table tr th a {color:#fff; text-decoration:underline;}
#content table tr th a:hover {text-decoration:none;}
#content table tr td {padding:5px; border-bottom:1px solid #d40018; vertical-align:top;}
#content img.imgLeft {float:left; margin:0 10px 10px 0;}
#content img.imgRight {float:right; margin:0 0 10px 10px;}
address {font-style:normal;}
#w {width:100%; background:url(../images/bg_w.jpg) 50% 63px no-repeat;}
#site {padding:0 10px; margin:0 auto; font-size:1.1em;width:931px;}
#header {background:url(../images/header-bg-home.jpg) no-repeat 0 0; height:153px; padding:62px 0 0 0; margin:0 0 10px 0; position:relative;}
#header.en {background:url(../images/header-bg-home-en.jpg) no-repeat 0 0;}
#bar { background:transparent url(../images/navigation-bg.gif) 0 0 no-repeat; height:44px; margin:0 0 10px 0;}
.frame {padding:5px; border:1px solid #d40018;}
.pdf {padding:5px 0 3px 20px; background:url(../images/pdf.png) 0 0 no-repeat; display:inline-block;}
.doc {padding:5px 0 3px 20px; background:url(../images/doc.png) 0 0 no-repeat; display:inline-block;}
.zip {padding:5px 0 3px 20px; background:url(../images/zip.png) 0 0 no-repeat; display:inline-block;}
.xls {padding:5px 0 3px 20px; background:url(../images/xls.png) 0 0 no-repeat; display:inline-block;}
.exe {padding:5px 0 3px 20px; background:url(../images/exe.png) 0 0 no-repeat; display:inline-block;}
.povezavaVideo {padding:5px 0 3px 20px; background:url(../images/video.png) 0 0 no-repeat; display:inline-block;}
.povezavaWWW {padding:5px 0 3px 20px; background:url(../images/www.png) 0 0 no-repeat; display:inline-block;}


/* #HEADER */
a#logo { background:transparent url(../images/rokus-klett-logo.gif) no-repeat left 1px; height:76px; display:block; float:left; margin:0px 0 0 5px;width:151px;text-indent:-9999px;}
#header ul { float:left; margin:12px 0 0 50px;}
#header li { display:inline; margin-right:5px;}
#header li a { color:#FFFFFF; text-decoration:none;}
#header li a:hover { text-decoration: underline;}
a.preseren {width:124px; height:117px; display:block; position:absolute; top:97px; left:360px; text-indent:-123456px;}
a.darvin {width:95px; height:152px; display:block; position:absolute; top:30px; left:486px; text-indent:-123456px;}
a.einstein {width:148px; height:168px; display:block; position:absolute; top:7px; left:604px; text-indent:-123456px;}
.tooltip {width:300px; height:auto; margin:0; padding:10px; background:#fff; color:#0050a0; border:2px solid #0050a0; -moz-border-radius:5px; -webkit-border-radius:5px; font-size:1.1em; display:none; z-index:10; position:absolute;}
.qtip-content h2 {margin-bottom:2px; display:block; color:#d40018; font-size:1.1em; font-weight:normal;}
.qtip-content p {margin-bottom:0; color:#0050a0;}
a.fb { float:right; height:13px; color:#FFFFFF; margin:12px 10px 0 0; }

/* #BAR */
ul#navigation {float:left; margin:0;}
ul#navigation li {height:40px; float:left;}
ul#navigation li a {float:left; display:inline-block; height:27px; margin-top:3px; text-align:center; color:#fff; font-size:1.2em; font-weight:bold; padding:10px 25px 0; text-decoration:none;text-transform:uppercase; }
ul#navigation li a:hover, ul#navigation li.selected a {background:url(../images/bg_navigation-hover.png) 0 0 repeat-x; text-decoration:none;}
ul#navigation li a.first:hover, ul#navigation li.selected a.first {background:url(../images/bg_navigation-hover-first.png) 4px 0 no-repeat;}
ul#navigation li.shop a {width:150px; height:37px; margin:3px 0 0; padding:0; background:url(../images/bg_knigarna.png) 0 0 no-repeat; text-indent:-123456px;}
ul#navigation li.shop a:hover {background:url(../images/bg_knigarna.png) 0 -37px no-repeat;}

#search {width:150px; margin:12px 15px 0 18px; float:right; background:url(../images/bg_search.png) 0 0 no-repeat;}
#search .searchInput {width:117px; height:19px; background:none; border:none;}
#search button {width:23px; height:19px; margin:0; padding:0; background:url(../images/bg_searchbutton.png) 0 0 no-repeat; border:none; text-indent:-123456px; border:none;}


/* #MAINIMAGE */
#mainImage {width:931px; height:393px; margin:0 0 10px 0; background:#fff; position:relative;}
#mainImage.en {height:320px;}
#mainImage .top {position:absolute; top:0; left:0; z-index:10;}
#mainImage .bottom {position:absolute; bottom:0; left:0; z-index:10;}
#mainImage .left {position:absolute; top:10px; left:0; z-index:10;}
#mainImage .right {position:absolute; top:10px; right:0; z-index:10;}
#mainImage #mainImageSlide {position:relative; width:930px; overflow:hidden; margin-right:1px;}
ul#slideNav {width:920px; height:115px; padding:0 5px 0 6px; background:url(../images/bg_slidenav.png) 0 100% repeat-x; position:absolute; bottom:0; left:0; z-index:5;}
ul#slideNav li {float:left;}
ul#slideNav li a {width:121px; height:70px; padding:35px 5px 10px; display:block; font-veight:bold; text-decoration:none;}
ul#slideNav li a img {width:120px; height:70px; margin:0; padding:0; float:left;}
ul#slideNav li a:hover {background:url(../images/bg_slidenav-hover.png) 50% 100% no-repeat;}
ul#slideNav li.selected a {background:url(../images/bg_slidenav-hover.png) 50% 100% no-repeat;}
.bannerImgW {display:inline-block; width:120px; height:70px; float:left; text-indent:-9999px; -moz-border-radius:10px; -webkit-border-radius:10px;}



/* #CONTENTHOME */
#contentHome {width:931px; margin:0; padding:0;}

#contentHome #news {width:460px; height:560px; margin:0 5px 10px 0; padding-bottom:20px; background:url(../images/bg_news.png) 0 100% no-repeat; float:left;}
#contentHome #news h3 {width:360px; padding:19px 50px 20px; background:url(../images/bg_newsh.png) 0 0 no-repeat; color:#dd1e15; font-size:1.2em; line-height:1.5em; font-weight:bold;}
#contentHome #news ul {width:408px; margin:0 20px 0 32px;}
#contentHome #news ul li {width:405px; margin:0 0 20px; padding:0; background:none; float:left;}
#contentHome #news ul li .newsImage {margin:0 10px 10px 0; display:block; float:left;}
#contentHome #news ul li img {width:80px; height:67px; float:left; margin:0 20px 0 0;}
#contentHome #news ul li a {font-weight:bold; color:#444; display:block;}
#contentHome #news ul li span {margin:2px 0 7px; display:block;}
#contentHome #news ul li p {width:300px; float:left; display:block;}
#contentHome #news ul li a.more {margin:0 0 20px; color:#DD1E15;}
#contentHome #news a.archive {margin-left:132px;}
#contentHome #news a.more {margin:0 20px 0 5px; float:right;}

#contentHome #links {width:165px; height:580px; margin:0 5px 10px 0; background:url(../images/bg_links.png) 0 100% no-repeat; float:left;}
#contentHome #links h3 {width:95px; padding:19px 20px 20px 50px; background:url(../images/bg_linksh.png) 0 0 no-repeat; color:#dd1e15; font-size:1.2em; line-height:1.5em; font-weight:bold;}
#contentHome #links ul li {height:110px; margin:0; padding:0 20px 10px; background:none;}
#contentHome #links ul li img {width:120px; height:50px; display:block;}

#contentHome #collection {width:295px; height:580px; margin:0 0 10px 0; background:url(../images/bg_collection.png) 0 100% no-repeat; float:left;}
#contentHome #collection h3 {width:195px; padding:19px 50px 20px; background:url(../images/bg_collectionh.png) 0 0 no-repeat; color:#dd1e15; font-size:1.2em; line-height:1.5em; font-weight:bold;}
#contentHome #collection ul {padding:0 0 0 20px;}
#contentHome #collection ul li {width: 115px; height:110px; margin:0; padding:0 12px 10px 0; background:none; float:left;}
#contentHome #collection ul li img {width:120px; height:50px; display:block;}

#contentHome ul.news {background:#f6f6f6; border:2px solid #e1e0e0; width:280px; float:left; margin-right:15px;}
#contentHome ul.news li {background:none; padding:0; margin:0; padding:0 20px 10px; margin-bottom:10px; background:url(../images/dotted.png) no-repeat 50% 100%;}
#content ul.newsArchive li .newsImage {width:80px; height:67px; margin:0 10px 10px 0; background:url(../images/image.jpg) 0 0 no-repeat; float:left; display:inline-block; text-indent:-123456px;}
#contentHome ul.news li.title {font-weight:bold; text-transform:uppercase; color:#414952; font-size:1.3em; padding:15px 20px; background:none;}
#contentHome ul.news li.last {background:none; margin-bottom:0;}
#contentHome ul.news li a {color:#892034; text-decoration:none; font-weight:bold; margin-bottom:10px; display:block;}
#contentHome ul.news li a:hover {text-decoration:underline;}
#contentHome ul.news li p {margin-bottom:3px;}
#contentHome ul.news li a.more {font-size:0.9em; text-decoration:underline;}
#contentHome ul.news li a.more:hover {text-decoration:none;}


/* #CONTENT */
#contentW {width:930px; margin:0 0 10px; padding:0 0 20px 0; background:url(../images/bg_contentw.png) 0 100% no-repeat; float:left;}
#contentW .contentwTop {width:925px; height:30px; background:url(../images/bg_contenttopw.png) 0 0 no-repeat;}
#content {width:500px; margin-right:20px; float:left;}

#left {width:200px; margin-left:2px !important; margin-left:1px; margin-right:38px; float:left;}
#left ul#secNav li {margin:0; padding:0; background:none;}
#left ul#secNav li a {width:170px; margin-bottom:6px; padding:0 0 6px 30px; background:url(../images/bullet.png) 12px 4px no-repeat; border-bottom:3px solid #d7e2e8; display:block; text-decoration:none; color:#444; font-weight:bold;}
#left ul#secNav li a:hover, #left ul#secNav li.selected a {background:url(../images/bullet-hover.png) 12px 4px no-repeat; color:#000;}

#left #news h3 {color:#d40018; margin-bottom:0.5em; padding-left:20px; font-size:1.6em; font-weight:normal;}
#left #news ul li {width:180px; margin:0 0 10px; padding:0 0 0 20px; background:none; border-bottom:3px solid #d7e2e8; float:left;}
#left #news ul li a {margin-bottom:6px; padding:0;}
#left #news ul li .newsImage, #content #news ul li .newsImage {width:80px; height:67px; margin-bottom:3px; background:url(../images/image.jpg) 0 0 no-repeat; display:block; text-indent:-123456px;}
#left #news ul li img {display:block;}
#left #news ul li p {margin-bottom:5px;}
#left #news ul li span {margin:5px 0; display:block; color:#444; font-size:0.9em;}
#left #news ul li a.more {margin:0 0 5px;}
#left #news a.more {margin:0 5px; float:right;}
#left #news a.archive {margin-left:20px;}

#content ul.breadcrumbs {width:500px; margin:0 0 15px; float:left;}
#content ul.breadcrumbs li {float:left; width:auto; display:inline-block;color:#444; background:none; padding-left:0; margin:0 5px 0 0; font-weight:bold;}
#content ul.breadcrumbs li a {padding-right:10px;background:url(../images/bullet-hover.png) 100% 4px no-repeat; color:#000; font-weight:normal; text-decoration:none;}
#content ul.breadcrumbs li a:hover {text-decoration:underline;}

#contentW #links {width:165px; margin:0 5px 20px 0; background:none; float:left;}
#contentW #links h3 {width:110px; padding:0 10px 20px 30px; background:url(../images/bg_linksh3.png) 10px 2px no-repeat; color:#dd1e15; font-size:1.2em; line-height:1.5em; font-weight:bold;}
#contentW #links ul li {margin:0; padding:0 20px 10px; background:none;}
#contentW #links ul li img {width:120px; height:50px; display:block;}

#content ul.gallery {margin:0;}
#content ul.gallery li {width:80px; height:80px; margin:0 20px 20px 0; padding:0; background:none; float:left;}
#content ul.gallery li img {width:80px; height:80px; border:1px solid #0054A2; -moz-border-radius:5px; -webkit-border-radius:5px;}
 
#content ul.newsArchive {}
#content ul.newsArchive li {background:none; clear:left;}
#content ul.newsArchive li .newsImage {width:80px; height:67px; margin:0 10px 10px 0; background:url(../images/image.jpg) 0 0 no-repeat; float:left; display:inline-block; text-indent:-123456px;}
#content ul.newsArchive li ul li {background:url(../images/bullet.png) no-repeat 0 3px; padding-left:15px; margin:5px 0; height:100%;}
#content ul.newsArchive .newsContent {width:100%; margin-bottom:10px; padding-bottom:5px; display:block; float:left; border-bottom:1px solid #d40018;}
#newsArchive {width:100%; margin-top:10px;}
.newsLinks {width:500px; display:block;}
a.newsLink {display:block;}

 
/* #CONTENT.WIDE */
#content.wide {width:720px; margin-left:20px !important; margin-left:10px;}
#content.wide ul.breadcrumbs {width:700px;}


/* #FOOTER */
#footer {width:931px; padding:0; margin:0; no-repeat 0 0; color:#fff;}
#footer #footerNav {width:891px; padding:20px; background:url(../images/bg_footernav.png) 0 0 no-repeat;}
#footer #footerNav ul {}
#footer #footerNav ul li {width:128px; margin:0 50px 0 0; background:url(../images/bullet.png) no-repeat 0 4px; float:left;}
#footer #footerNav ul li a {padding:0 0 0 15px; font-weight:bold; text-decoration:none;}
#footer #footerNav ul li a:hover {text-decoration:underline;}
#footer #footerNav ul li ul {margin-top:10px;}
#footer #footerNav ul li ul li {margin:0; padding:0 0 0 15px; background:none; float:none; line-height:1.5em;}
#footer #footerNav ul li.links ul {width:330px;}
#footer #footerNav ul li.links ul li {width:165px; float:left;}
#footer #footerNav ul li ul li a {padding:0; color:#444; text-decoration:none; font-weight:normal;}
#footer #footerNav ul li ul li a:hover {text-decoration:underline;}
#footer #footerNav ul li.clean {padding-top:13px; background:none;}
#footer #footerNav ul li.clean ul li {}

#footerBottom {width:931px; height:20px; padding-top:20px; background:url(../images/bg_footer.png) 0 0 no-repeat;}
#footerBottom p {width:100%; margin:0; color:#565656;}
#footerBottom a {color:#565656;}
#footerBottom a.madeby {text-decoration:none; float:right;}
#footerBottom a.madeby:hover {text-decoration:none; cursor:text;}
#footerBottom a.madebyfirm {padding-left:5px; float:right; text-decoration:underline;}
#footerBottom a.madebyfirm:hover {text-decoration:none;}


/* HACKS */
.clear {display:inline-block;}
.clear:after, #w:after, #site:after, #body:after, #left #news ul:after, #content:after, #contentHome:after, #contentHome #news ul:after, #content #news ul li:after, #contentHome #collection ul:after, ul.bredscrumbs:after, #aboveHeader:after, #content ul.projects:after, #content ul.gallery:after, #content ul.newsArchive li:after, #sidebar .box:after, #footer:after, #footer #footerNav:after, #footer #footerNav ul li.links ul:after {content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden;}