/*************************************************

    CSS file 

**************************************************/

/* general settings */
* { margin: 0; padding: 0; }
html { background: #fff; color: #404040; font: 12px/1.4 Arial, Helvetica, sans-serif; height: 100%; margin-bottom: 1px; }
body { text-align: center; border-bottom: 4px solid #dcf2ff; border-top: 4px solid #dcf2ff; }
table { font: 12px/1.4 Arial, Helvetica, sans-serif; text-align: justify;}
a { color: #013565; text-decoration: none; }
a img { border: 0; }
a:visited { text-decoration: none; }
a:hover { color: #ff9000; }
h2 a { text-decoration: none; }
h3 { font-size: 12px; color: #013565; }

/* top navigation */

#mainNav { padding: 3px 0; color: #fff;}
#mainNav ul { width: 742px; text-align: right; margin: 0 auto; list-style: none; padding: 0; border-bottom: 3px solid #fff; }
#mainNav ul li { display: inline; padding: 4px 0; }
#mainNav a { color: #013565; text-decoration: none; padding: 0 10px; border-left: 1px solid #013565; font-weight: bold; line-height: 1em; }
#mainNav a:hover { color: #ff9000; }
#mainNav ul li:first-child a, #mainNav ul li.first-child a { border: 0; }

#content { width: 742px; margin: 2px auto; text-align: left; }

/* main cols' widths and floatings */
#leftCol { width: 226px; float: left; margin-bottom: 20px; }
#rightCol { width: 512px; float: left; margin: 0 0 20px 3px; }
#midCol { width: 343px; float: left; }
#midColWide { width: 512px; float: left; }
#sidebar { width: 167px; float: left; margin-left: 2px; }

/* Making sure nothing slips out \*/
* html #leftCol,
* html #rightCol,
* html #midCol,
* html #midColWide,
* html #sidebar { overflow-x: hidden; display: inline; }
/**/

/* header */
h1 { background: url(/C1257065003EA1D7/z_logo2.gif) no-repeat 0 0; border-bottom: 3px solid #fff; }
h1 a { display: block; width: 226px; height: 106px; text-indent: -9999px; }
#header #anmelden { list-style: none; background-color: #dcf2ff; font-size: 12px; color: #4D6893; }
#anmelden a { text-align: right; text-decoration: none; color: #013565; font-size: 12px !important; padding: 0 !important; background: none !important; }
#anmelden a:hover { text-align: right; text-decoration: none; color: #FF9000; font-size: 12px !important; padding: 0 !important; background: none !important; }
    
#Header-aktuell { text-indent: -9999px; }
#Header-home { text-indent: -9999px; }
blockquote.Header { height: 216px; background-color: #fff; background-repeat: no-repeat; background-position: 0 0; }
blockquote p { text-indent: -9999px; }
.smallForm { margin-bottom: 9px; text-align: left; }
.smallForm fieldset { border: 0; font-size: 11px; }
.smallForm label { display: block; margin-bottom: 3px; }
.smallForm .inputText { background: #fff url(/C1257065003EA1D7/z_inputtext.gif) no-repeat 0 0; border: 1px solid #828282; width: 120px; height: 18px; padding: 0 2px 0 3px; float: left; display: inline; }
/* IE escape */ input[class="inputText"] { margin-right: 3px; }

/* box general and homepage styles */
.boxHeader { position: relative; clear: both; border-bottom: 3px solid #fff; height: 20px; line-height: 20px; }
.boxHeader h2, .boxHeader li { height: 1px; padding: 0 9px; }
.boxHeader h2, .boxHeader h2 a { font-weight: bold; font-size: 12px; color: #fff !important; text-decoration: none; }
.boxHeader a.link1  { position: absolute; top: 0; right: 9px; padding-left: 12px; font-size: 11px; color: #fff !important; text-decoration: none; background: transparent url(/C1257065003EA1D7/z_ops.gif) no-repeat 0 .65em; }
#leftCol .boxHeader { background: url(/C1257065003EA1D7/z_boxHeaderLeft.gif) no-repeat 0 100%; }
#leftCol .boxHeader h2, .boxHeader li { background: url(/C1257065003EA1D7/z_boxheaderleft.gif) no-repeat 0 0; }
#rightCol .boxHeader { background: url(/C1257065003EA1D7/z_boxheaderright.gif) no-repeat 0 100%; }
#rightCol .boxHeader h2 { background: url(/C1257065003EA1D7/z_boxheaderright.gif) no-repeat 0 0; }
#midCol .boxHeader { background: #FF9000 url(/C1257065003EA1D7/z_boxheadermid.gif) no-repeat 0 100%; }
#midCol .boxHeader h2 { background: url(/C1257065003EA1D7/z_boxheadermid.gif) no-repeat 0 0; }
	
.boxContent { border: 1px solid #DBE2E8; background: #f9fdff; margin-bottom: 3px; padding: 10px 14px 0 14px; }
    
p.link1 { text-align: right; }
.boxContent p { margin-bottom: 10px;}
.boxForm { background: #f4f4f4; border-color: #f4f4f4; padding-top: 6px; height: 50px; }

 /* news box */
 #aktuellBox .boxHeader, #subMenu .boxHeader { background-color: #8EB73D; }
 #aktuellBox p.link1, .prodBox p.link1{ font-size: 12px; }
 #aktuellBox h3 small { display: block; font-size: 11px; color: #999; }
 #aktuellBox p { font-size: 12px; }
 #aktuellBox ul, #novostiBox ol { margin-left: 10px; margin-bottom: .5em; }
 #aktuellBox li { font-size: 11px; list-style: square outside; }
 #aktuellBox .boxContent .first-child { background: url(/C1257065003EA1D7/z_newsseparator.gif) no-repeat 50% 100%; padding-bottom: 5px; margin-bottom: 5px;}

 /* newsletter box */
 #newsletterBox .boxHeader { background-color: #FFC600; }

 /* kontact box */
 #kontaktBox .boxHeader { background-color: #DCF2FF; }
 #kontaktBox .boxHeader h2 { color: #013565 !important; }
 #kontaktBox .boxHeader a { color: #013565 !important; padding-left: 15px; background: url(/C1257065003EA1D7/z_kontakt.gif) no-repeat 0 .6em; }
 #kontaktBox .boxHeader h2 a { background: none; padding-left: 0; }
 #kontaktBox address { font-style: normal; }
 #kontaktBox address strong { color: #013565; }

 /* about box (homepage) */
 #aboutBox .boxHeader { background-color: #FF9000; }
 /* cause there's some italic font-style \*/ * html #aboutBox .boxContent { overflow-x: hidden; } /**/
 #aboutBox .boxContent { position: relative; float: left; width: 512px; w\idth: 482px; background-color: #fff; }
 #leftAbout { clear: none; float: left; width: 354px; }
 #rightAbout { position: absolute; width: 107px; left: 387px; top: 20px; }

 /* submenu box (inner pages) */
 #subMenu .boxContent { padding: 0; }
 #subMenu ul { list-style: none; padding: 1px; }
 #subMenu li { display: inline; }
 #subMenu .boxHeader h2 a { display: block; width: 100%; background: none; padding: 0; }
 #subMenu .boxHeader h2 a:hover { background: none; padding: 0; }
 #subMenu a { display: block; font-weight: bold; padding: 2px 15px 2px 18px; background: url(/C1257065003EA1D7/z_submenubullet.gif) no-repeat 7px .7em; }
 #subMenu a:hover { background-color: #dcf2ff; color: #013565; }
 #subMenu ul li ul { list-style: none; padding: 1px 0 0 11px; }
 #subMenu ul li ul li { display: inline; }
 #subMenu ul li ul li a { font-size: 10px; font-weight: normal; background-color: #f9fdff !important; }
 #subMenu ul li ul li a:hover { background-color: #dcf2ff !important; }
 #subMenu li.active a { background-color: #dcf2ff !important; color: #013565; }
 #subMenu li.active li a { background-color: #f9fdff !important; color: #013565; }
 #subMenu li a span.news-date { color: #4883AC; font-size: .9em; font-weight: normal; }

 /* mid */
 #midCol .boxContent { padding: 0 6px 10px 15px; background: #fff; float: left; width: 343px; w\idth: 320px; }
 /*\*/ * html #midCol .boxContent { overflow: hidden; } /* fix fuckin' IE italic bugs */
 #midCol .boxContent .zastupstvoLogo, #midColWide .boxContent .zastupstvoLogo { display: block; border: 0; clear: both; float: none; margin: 0 auto; text-align: center; }
 #midCol .boxContent h3 { padding-top: 10px; margin-top: 0; font-size: 20px; font-weight: normal; color: #013565; margin-bottom: 10px; background: url(/C1257065003EA1D7/z_separatormid.gif) no-repeat 0 0; }
 #midCol .boxContent h3.noImg { padding-top: 10px; margin-top: 0; font-size: 20px; font-weight: normal; color: #013565; margin-bottom: 10px; background: none;}
 #midCol .boxContent img { border: 4px double #DBE2E8; float: left; padding: 2px; margin: 0 10px 5px 0; }
 #midCol .boxContent p.entityHeadline { font: italic bold 15px Georgia, serif; color: #FF9000; margin-bottom: 15px; }
 #midCol .boxContent h4 { clear: both; color: #013565; font-size: 13px; }

 /* mid */
 #midColWide .boxContent { padding: 15px 15px 10px 15px; background: #fff; }
 #midColWide .boxContent h3 { padding-top: 10px; margin-top: 0; font-size: 20px; font-weight: normal; color: #013565; margin-bottom: 10px; background: url(/C1257065003EA1D7/z_separatorwide.gif) no-repeat 0 0; }
 #midColWide .boxContent h3.noImg { padding-top: 0; margin-top: 0; font-size: 20px; font-weight: normal; color: #013565; margin-bottom: 10px; background: none;}
    
 /* #midColWide .boxContent strong { font: italic bold 15px Georgia, serif; color: #FF9000; } */
 #midColWide .boxHeader { background: #ff9000 url(/C1257065003EA1D7/z_boxheaderWide.gif) no-repeat 0 100%; }
 #midColWide .boxHeader h2 { background: url(/C1257065003EA1D7/z_boxheaderWide.gif) no-repeat 0 0; }

 /* caption content */
 #midColWide span.entityImage,
 #midCol span.entityImage { float: left; display:inline; background: #fff; margin: 1em 10px 1em auto; }

 #midColWide span.entityImage img,
 #midCol span.entityImage img { border: 0; }

 #midColWide span.entityImageCaption,
 #midCol span.entityImageCaption { display: block; text-align: left; font-size: 11px; font-style: italic; padding: 10px 2px; margin: 0 auto; }
 /*\*/
 * html #midColWide span.entityImageCaption,
 * html #midCol span.entityImageCaption { overflow-x: hidden; }
 /**/

 /* inner page sidebar general settings */
 #sidebar .boxHeader { background: transparent url(/C1257065003EA1D7/z_boxheaderside.gif) no-repeat 0 100%; }
 #sidebar .boxHeader h2 { background: transparent url(/C1257065003EA1D7/z_boxheaderside.gif) no-repeat 0 0; }

 /* related products box, other /C1257065003EA1D7/ box */
 #sidebar .sidebarBox .boxHeader { background-color: #DCF2FF; }
 .sidebarBox .boxHeader h2 { color: #013565 !important; }
 .sidebarBox .boxContent { padding: 8px 14px; }
 .sidebarBox p { margin-bottom: 0; }
 .sidebarBox li { list-style: none; }
 .sidebarBox li * { padding: 0 0 0 12px; font-size: 10px; }
 .sidebarBox li sup { line-height: .5em; padding: 0 !important; }
 .sidebarBox h3 { background: url(/C1257065003EA1D7/z_submenubullet.gif) no-repeat 0 .5em; font-size: 12px; }
 .sidebarBox h3 a { padding: 0; font-size: 12px; }
 .sidebarBox .link1 { text-align: right; }
 .sidebarBox img { border: 1px solid #DBE2E8; padding: 2px; margin: 5px auto 0 auto; }
 .sidebarBox .entityImage { border: 1px solid #DBE2E8; margin-bottom: 5px; padding-bottom: 5px; text-align: center; }
 /*\*/ * html .sidebarBox .entityImage { overflow-x: hidden; } /**/
 .sidebarBox .entityImage .entityImageCaption { text-align: left; padding: 2px 6px 0 6px; font-style: italic; font-size: 11px; line-height: 15px; }

/* misc */
#predsjednikUprave img { border: 1px solid #B5C4D3; padding: 2px; }
.entityDate { font-style: italic; }
.clr { clear: both; }

/* separator */
#midColWide div.separator, #midCol div.separator { display: block; margin-bottom: 15px; margin-top: 15px; border: 0; height: 3px; background: url(/C1257065003EA1D7/z_separatorwide.gif) no-repeat 0 0; }

/* contactForm */
#contactfrm * { font: 12px Arial, Helvetica, sans-serif; }
#contactfrm { margin: 1.5em 0; }
#contactfrm fieldset { border: 1px solid #dbe2e8; background: #f9fdff; padding: 5px; width: 300px; margin: 3px auto; text-align: center; display: block; }
#contactfrm fieldset legend { color: #013565; font-weight: normal; padding: 0 5px; }
#contactfrm table { border: 0; margin: 0 auto; }
#contactfrm table tr td { padding: 5px; text-align: left; }
#contactfrm table tr td label { font-weight: normal; }
#contactfrm select { border: 1px solid #828282; width: 303px; }
#contactfrm textarea { font: 12px/1.4 Arial, Helvetica, sans-serif; background: #fff url(/C1257065003EA1D7/z_inputtextlarge.gif) no-repeat 0 0; border: 1px solid #828282; width: 297px; padding: 0 0 0 3px; overflow: auto; }
#contactfrm input.inputText, .inputText { background: #fff url(/C1257065003EA1D7/z_inputtextlarge.gif) no-repeat 0 0; border: 1px solid #828282; width: 200px; padding: 2px 2px 0 3px; }
#contactfrm table tr td.requiredNotice span { color: #ff9000; }
#contactfrm table tr td label.required { font-weight: bold; border: none; }
#contactfrm table tr td label.required span { color: #ff9000; }
#contactfrm fieldset legend label.required { font-weight: bold; border: none; }
#contactfrm fieldset legend label.required span { color: #ff9000; }

/* submit error msgs & confirmations */
.error { padding: 10px 15px 10px 60px; color: #f00 !important; border: 1px solid #f00; margin: 5px 10px 5px 0; background: #fff url(/C1257065003EA1D7/z_warning.gif) no-repeat 10px 10px; }
.error h4 { }
.error ul { }
.error li { list-style: none; padding-left: 10px; }
.confirmation { padding: 10px 25px; color: #013565 !important; border: 1px solid #013565; margin: 5px 0; background: #fff url(/C1257065003EA1D7/z_confirmation.gif) no-repeat 98% 50%; }

/* footer */
#footer { clear: both; width: 742px; margin: 10px auto 0 auto; padding-top: 9px; padding-bottom: 5px; text-align: left; font-size: 11px; border-top: 1px solid #DBE2E8; }
#copyright { float: left; width: 300px; }
#siteBy { padding: 2px 10px; text-align: right; }
    #siteBy a { font-weight: normal; }

/* editor styles */
.letter { font: italic bold 15px/1.4 Georgia, serif; color: #FF9000; padding: 5px 0 10px 0;  }


/* tables inside content, should be used with #midCol & #midColWide, but since there are no tables in the layout, this can pass :-) */
.boxContent table { border-top: 1px solid #ccc; clear: both; }
.boxContent table tr { }
.boxContent table tr.par { background-color: #fff; }
.boxContent table tr.nepar { background-color: #f9f9f9; }
.boxContent table tr td { padding: 3px; border-bottom: 1px solid #ccc; }
.boxContent table.escape { border: none; clear: none; }
.boxContent table.escape tr td { padding: 3px; border: none; }
#midCol .boxContent ul { margin: 0 0 1em 0; padding: 0 0 0 .5em; list-style: none; }
#midCol .boxContent ul li { padding-left: 12px; margin-bottom: .5em; background: url(/C1257065003EA1D7/z_bulletemulator.gif) no-repeat 0 .8em; }
#midCol .boxContent ul li * { line-height: 1.5em; }
#midCol .boxContent ul li a { font-weight: bold; }
#midCol .boxContent table { width: 320px; }
#midColWide .boxContent ul { margin: 0 0 1em 5px; padding: 0 0 0 13px; }
#midColWide .boxContent ul li { margin-bottom: .5em; }
#midColWide .boxContent ul li * { line-height: 1.5em; }
#midColWide .boxContent ul li a { font-weight: bold; }
#midColWide .boxContent table { width: 480px; }
#midCol .boxContent ol { margin: 0 0 1em 1em; padding: 0 0 0 1em; }
#midCol .boxContent ol li { line-height: 1.5; }
#midColWide .boxContent ol { margin: 0 0 1em 1em; padding: 0 0 0 1em; }
#midColWide .boxContent ol li { line-height: 1.5; }

.skipper { display: none; }

/* search results */
.boxContent .searchResults a { font-weight: bold; }

/* newsletter form */

#newsletterForm dd { padding-left: 20px; margin-bottom: .7em;}
#newsletterForm #newsletterCategories label { display: inline; font-weight: bold; padding-left: 7px; }
#newsletterForm .inputText { margin-bottom: .5em; }
#newsletterForm .inputImage { clear: left; margin-top: .7em; }
#newsletterForm select { margin-bottom: .5em; width: 125px; }
#newsletterForm label { clear: left; }
#newsletterForm label em { color: #f00; font-style: normal; }
#newsletterForm p em { color: #f00; font-style: normal; }
#newsletterForm .disclaimer { color: #666; font-size: .9em; margin-top: 1.5em; padding-top: 1.3em; background: url(/C1257065003EA1D7/z_separatorwide.gif) no-repeat 50% 0; }

.bottomInterface { float: left; width: 100%; margin-top: 5px; padding-top: 10px; font-size: 11px;
 background: url(/C1257065003EA1D7/z_separatorMid.gif) no-repeat 50% 0; }
 #midColWide .bottomInterface { background-image: url(/C1257065003EA1D7/z_separatorwide.gif); }
 #midCol .bottomInterface { width: 310px; }
.bottomInterface .pagination { float: left; }
.bottomInterface .topLink { float: right; text-align: right; }