/******************************* RESET *******************************/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video 
{margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
html {overflow-y: scroll;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
nav ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
a {margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent;}
ins {background-color:#ff9; color:#000; text-decoration:none;}
mark {background-color:#ff9; color:#000; font-style:italic; font-weight:bold;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom:1px dotted; cursor:help;}
table {border-collapse:collapse; border-spacing:0;}
hr {display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0;}
input, select {vertical-align:middle;}

/******************************* CSS3 FANCY EFFECTS *******************************/

::selection      {background: #C33;color:#fff;}
::-moz-selection {background:#C33;color:#fff;}

.roundy {-webkit-border-radius:0 0 14px 14px; -moz-border-radius: 0 0 14px 14px; border-radius: 0 0 14px 14px;}
.botleftroundy {-webkit-border-radius:0 0 0 14px; -moz-border-radius: 0 0 0 14px; border-radius: 0 0 0 14px;}

a {  
  outline:none;
 -webkit-transition: color .25s ease-out, text-shadow .25s ease-out;
  -moz-transition: color .25s ease-out, text-shadow .25s ease-out;
  -o-transition: color .25s ease-out, text-shadow .25s ease-out;
  transition: color .25s ease-out, text-shadow .25s ease-out;
}  

/******************************* INDEX, HEADER, FOOTER *******************************/

html {overflow-y:scroll; overflow-x: hidden;}
body {
     line-height:18px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#212a2e;
	font-size:12px;
	background: url(../images/footer_bg.jpg) center top repeat;
}

.wrap {width:820px; margin:0 auto; position:relative;}

header {height:37px; background:url(../images/menubg.gif) repeat-x;}

ul#lang {list-style:none; float:right; padding:5px 0 0 0;}
ul#lang li {float:left; height:11px; line-height:11px;}
ul#lang li a {color:#ddd; font-size:10px; float:left; height:11px; padding-left:20px; padding-right:5px; background-position: left bottom !important; background-repeat:no-repeat;}
ul#lang li a.active, #header ul li a:hover {color:#fff; text-decoration:none; background-position: left top !important;}
ul#lang li a.slo { background-image:url(../images/slo.gif);}
ul#lang li a.deu { background-image:url(../images/de.gif);}
ul#lang li a.en { background-image:url(../images/en.gif); padding-right:0;}

nav {left:0; font-weight:300; top:9px; position:absolute; font-size:14px; width:820px;}
nav ul { list-style:none; padding:0 0 0 0; float:left;}
nav ul li {padding:0 0 0 10px; background:none; display:inline; float:left;}
nav ul li a { color:#e6e4e4; text-decoration:none; padding:0 0 0 20px; }
nav ul li a.active { color:#fff; }
nav ul li a:hover { color:#fff; text-decoration:underline;}
nav ul li.last { background:none;}

footer { font-size:12px;background:url(../images/footer_shade.gif) bottom repeat-x #fff; height:48px;}
footer p.left { padding:20px 0 0 40px; color:#fff; margin-left:-10px; width:293px; height:28px; float:left; font-size:12px;background:url(../images/foot_bg.jpg) no-repeat; }
footer a { color:#605858;text-decoration:none; float:left;}
footer a:hover { text-decoration:underline;}

/******************************* BODY OZADJA za INDEX in SUB *******************************/

#bgindex { background: url(../images/headerbg.png) top repeat-x;}
#bgsub { background:#06F;}

/******************************* INDEX MIDDLE *******************************/

.logo { position:absolute; background:url(../images/logo.png) no-repeat; height:299px; width:989px; top:39px; left:50%; margin-left:-253px; display:block; overflow:hidden; overflow-x:none;}

#middle { background:url(../images/header_bg.jpg) center top repeat-x #fff;}
#middle a { color:#C33;}
#middle a:hover { color:#000; text-decoration:underline;}
.tekst h1 {text-shadow: 2px 2px 2px #ccc; font-size:30px; text-transform:uppercase; line-height:30px; height:30px; font-weight:300 !important; letter-spacing:1px }
.tekst {  font-weight:300 !important; float:left; margin-top:255px; width:820px; padding:0 0 0 0; z-index:24; background: url(../images/tekstbg.png); color:#23292d;}

#boksi { float:left; width:820px; font-size:15px; margin-top:5px;}
.box { float:left; width:390px; padding:157px 0 0 0; margin:20px 40px 20px 0; display:inline;}
.last { margin-right:0;}
.box div { float:left; width:390px; padding:10px 0 0 0; line-height:25px;}
#boksi h3 { font-weight:300; font-size:20px; padding:12px 10px 15px; background: url(../images/title.png); color:#ffffff; height:16px;}
#boksi a {color:#C33;}
#boksi a:hover {color:#212a2e; text-decoration:none;}
.last a {color:#C33 !important;}
.last a:hover {color:#212a2e !important;}

/******************************* SUB MIDDLE *******************************/

#content { float:left;padding:0 30px 20px 0; line-height:24px; width:790px; margin:190px 0 50px 0; display:inline; font-size:15px; }
#content a {; color:#C33;}
#content a:hover { color:#000; text-decoration:underline;}
#content h1 { color:#fff; text-shadow: 2px 2px 2px #000; font-size:30px; text-transform:uppercase; line-height:30px; height:30px; letter-spacing:1px; font-weight:normal; padding-bottom:50px;}
#content ul li { padding-bottom:6px;}
#content h3 {font-size:20px;padding-bottom:5px; padding-top:20px;}

/******************************* COMMON STYLES *******************************/

h1 {font-size:25px;}
h2 {font-size:20px;}
h3 { font-size:20px; font-weight:normal;}

p { padding:5px 0;}

ul { list-style:none; padding:0 0 0 0;}
ul li { padding:0 0 3px 16px; background:url(../images/ulli.gif) left 5px no-repeat;}

.alterfontlight {font-family:  'OswaldLight', Arial, sans-serif; font-weight:normal;}

.alterfontbook {font-family:   'OswaldBook', Arial, sans-serif; font-weight:normal;}

.alterfontbold {font-family:  'OswaldBold', Arial, sans-serif; font-weight:normal;}

.alterfontregular {font-family:   'OswaldStencilRegular', Arial, sans-serif; font-weight:normal;}


/* clearfix za content */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;}

/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

/* End hide from IE-mac */