html {
height: 100%;
background-image: url(../images/bg1.gif);
background-repeat: repeat-x;
background-position: left top;
background-color: #FFFFFF;
}
body {
font-family: 'Palatino Linotype', Arial, Helvetica, Verdana, Tahoma, "Lucida Sans Unicode", "Trebuchet MS", "Times New Roman", Times, serif, sans-serif;
font-family: "Lucida Sans Unicode", "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, "Times New Roman", Times, serif, sans-serif;
font-family: Tahoma, Verdana, Arial, Helvetica, "Trebuchet MS", "Times New Roman", Times, serif, "Lucida Sans Unicode", sans-serif;
font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, "Times New Roman", Times, serif, "Lucida Sans Unicode", sans-serif;
font-family: Verdana, "Lucida Sans Unicode", Arial, Helvetica, Tahoma,  "Trebuchet MS", "Times New Roman", Times, serif, sans-serif;
font-family: Arial, Helvetica, Verdana, Tahoma, "Lucida Sans Unicode", "Trebuchet MS", "Times New Roman", Times, serif, sans-serif;
color: #000000;
font-size: 12px;
margin: 0;
height: 100%;
background-image: url(../images/bg2.jpg);
background-repeat: no-repeat;
background-position: center top;
}
.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin-bottom: -40px;
background-color: #cccc66;
width: 980px;
margin-right: auto;
margin-left: auto;
background-image: url(../images/bg4.gif);
background-position: left top;
}
.wrapper#bgkontakt {
background-image: none;
}
.header {
vertical-align: top;
width: 980px;
margin-right: auto;
margin-left: auto;
height: 300px;
text-align: center;
}
.bg2 {
background-image: url(../images/bg2.jpg);
background-repeat: no-repeat;
background-position: center top;
}
h1, h2, h3, h4, h5 {
font-family: 'Palatino Linotype', Arial, Helvetica, Verdana, Tahoma, "Lucida Sans Unicode", "Trebuchet MS", "Times New Roman", Times, serif, sans-serif;
font-family: Verdana, "Lucida Sans Unicode", Arial, Helvetica, Tahoma,  "Trebuchet MS", "Times New Roman", Times, serif, sans-serif;
font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, "Times New Roman", Times, serif, "Lucida Sans Unicode", sans-serif;
font-family: "Lucida Sans Unicode", "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, "Times New Roman", Times, serif, sans-serif;
font-family: Tahoma, Verdana, Arial, Helvetica, "Trebuchet MS", "Times New Roman", Times, serif, "Lucida Sans Unicode", sans-serif;
font-family: Arial, Helvetica, Verdana, Tahoma, "Lucida Sans Unicode", "Trebuchet MS", "Times New Roman", Times, serif, sans-serif;
font-weight: bold;
margin: 0px;
padding: 0px;
text-align: left;
font-size: 24px;
color: #000000;
}
p {
margin: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 12px;
padding-left: 0px;
vertical-align: top;
}
a {
text-decoration: none;
color: #006600;
border: 0px;
outline: 0px;
}
a:hover {
text-decoration: none;
color: #000000;
border: 0px;
outline: 0px;
}
table {
border-collapse: collapse;
margin: 0px;
padding: 0px;
}
td {
vertical-align: top;
margin: 0px;
padding: 0px;
}
img {
border: 0;
outline: 0;
}
form {
margin: 0px;
padding: 0px;
}
.clear {
clear:both;
height:1px;
overflow:hidden;
}
.width {
width: 980px;
margin-right: auto;
margin-left: auto;
}
.push {
height: 40px;
}
.footer {
height: 40px;
color: #FFFFFF;
position: relative;
background-color: #407809;
}
.footer .width {
width: 940px;
margin-right: auto;
margin-left: auto;
padding-top: 15px;
font-size: 11px;
}
.footer .links {
float: right;
}
.footer .links a {
padding-right: 8px;
padding-left: 8px;
color: #CCCC66;
}
.footer .links a:hover {
color: #FFFFFF;
}
.lcontent {
width: 670px;
float: left;
padding-top: 20px;
padding-bottom: 0px;
text-align: justify;
}
.lcontent p {
line-height: 15px;
}
.lcontent .txt {
padding-left: 30px;
padding-bottom: 40px;
}
h1 {
padding-left: 0px;
margin-bottom: 20px;
padding-bottom: 20px;
padding-bottom: 15px;
background-image: url(../images/line.gif);
background-repeat: repeat-x;
background-position: left bottom;

margin-left: 30px;
}
h2 {
font-size: 22px;

padding-bottom: 10px;
font-weight: normal;
}
h3 {
font-size: 15px;
padding-bottom: 15px;
font-weight: bold;
}
.right {
float: right;
margin-left: 15px;
margin-bottom: 10px;
}
.left {
float: left;
margin-right: 15px;
margin-bottom: 10px;
}
.nordnet {
font-weight: normal;
font-size: 11px;
color: #CCCC66;
}
.nordnet .dizajn {
font-weight: normal;
color: #CCCC66;
}
ul {
margin: 0px;
list-style-type: none;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 14px;
padding-left: 30px;
line-height: 15px;
text-align: left;
}
ul li {
padding-left: 15px;
background-image: url(../images/list.gif);
background-position: left 5px;
background-repeat: no-repeat;
}
ol {
margin: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 14px;
padding-left: 30px;
line-height: 15px;
margin-left: 15px;
text-align: left;
}
ol li {
padding-left: 0px;
}
.newslist {
float: right;
width: 220px;
margin-right: 30px;
display: inline;
padding-bottom: 30px;
padding-top: 20px;
}
.newslist h1 {
padding-bottom: 10px;
color: #004e7f;
border: none;
margin: 0px;
background-image: none;
}
.newslist .link {
margin-bottom: 18px;
background-image: url(../images/line.gif);
background-repeat: repeat-x;
background-position: left bottom;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 15px;
padding-left: 0px;
}
.newslist .link .title {
display: block;
font-weight: bold;
font-size: 16px;
color: #FFFFFF;
margin-bottom: 15px;
}
.newslist .link a:hover .title {
color: #CCCC66;
}
.newslist p {
margin: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.newslist .link .date {
display: block;
color: #FBB600;
font-weight: bold;
}
.newslist .link a.more {
display: block;
color: #FFFFFF;
text-align: right;
padding-top: 0px;
}
.newslist .link a.more:hover {
color: #CCCC66;
}
.newslist .noline {
height: 1px;
background-position: left center;
overflow: hidden;
}
.newslist .archived {
float: right;
padding-top: 12px;
}
.newslist .archived a {
background-image: url(../images/plus1.png);
background-repeat: no-repeat;
background-position: right top;
padding-top: 4px;
padding-right: 28px;
padding-bottom: 5px;
display: block;
color: #FFFFFF;
text-decoration: underline;
font-weight: bold;
}
.newslist .archived a:hover {
color: #FBB600;
}
.newslist .link ul {
margin: 0px;
list-style-type: none;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
}
.newslist .link li {
padding-left: 10px;
background-image: url(../images/list.gif);
background-position: left 5px;
background-repeat: no-repeat;
}
#kontakt table {
margin-left: 0px;
margin-bottom: 30px;
}
#kontakt table td {
padding-bottom: 10px;
}
#kontakt table .tel {
text-align: right;
padding-right: 6px;
color: #000000;
width: 200px;
font-weight: bold;
}
#kontakt h1 {
font-size: 19px;
padding-bottom: 20px;
}
#kontakt .fieldholder {
padding-bottom: 5px;
clear: both;
}
.drop {
width: 250px;
text-align: left;
font-size: 13px;
padding: 1px;
margin: 0px;
border: 1px solid #68B535;
}
#kontakt .drop {
}
.field {
width: 240px;
text-align: left;
font-size: 11px;
padding: 3px;
margin: 0px;
border: 4px solid #EBEBEB;
color: #333333;
font-family: Verdana, "Lucida Sans Unicode", Arial, Helvetica, Tahoma, "Trebuchet MS", "Times New Roman", Times, serif, sans-serif;
}
.textfield {
width: 420px;
text-align: left;
font-size: 11px;
padding: 3px;
margin: 0px;
border: 4px solid #EBEBEB;
color: #333333;
font-family: Verdana, "Lucida Sans Unicode", Arial, Helvetica, Tahoma, "Trebuchet MS", "Times New Roman", Times, serif, sans-serif;
height: 105px;
}
#kontakt .label {
width: 200px;
display: block;
float: left;
text-align: right;
padding-right: 5px;
padding-top: 7px;
font-weight: bold;
color: #000000;
}
#kontakt .obavezno {
display: block;
padding-right: 5px;
padding-top: 20px;
margin-left: 205px;
font-style: italic;
}
.star {
color: #006600;
}
.button {
width: 120px;
margin-top: 0px;
margin-left: 205px;
font-family: Arial, Helvetica, Verdana, Tahoma, "Lucida Sans Unicode", "Trebuchet MS", "Times New Roman", Times, serif, sans-serif;
}
.button a {
font-weight: bold;
display: block;
padding-top: 3px;
margin-right: auto;
margin-left: auto;
height:21px;
font-size: 15px;
color: #FFFFFF;
text-align: center;
background-color: #669933;
border: 4px solid #EBEBEB;
}
.button a:hover {
color: #FFFFFF;
border: 4px solid #669933;
}
.eee {
}
.eee .label {
padding-right: 10px;
color: #000000;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #669933;
text-align: right;
padding-left: 0px;
font-size: 15px;
padding-top: 0px;
}
.eee td {
padding-bottom: 8px;
padding-left: 8px;
padding-top: 2px;
}
.cleanup {
font-size: 24px;
padding-bottom: 10px;
font-weight: normal;
text-align: center;
clear: both;
font-family: Tahoma, Verdana, Arial, Helvetica, "Trebuchet MS", "Times New Roman", Times, serif, "Lucida Sans Unicode", sans-serif;
padding-top: 30px;
}
.cleanup .green {
color: #99CC00;
font-weight: bold;
}
.cleanup .yellow {
color: #FFCC00;
font-weight: bold;
font-style: italic;
}
.diagram {
width: 640px;
background-image: url(../images/projects-0.gif);
margin-right: auto;
margin-left: auto;
margin-bottom: 40px;
margin-top: 20px;
text-align: center;
background-repeat: no-repeat;
background-position: left top;
}
.diagram td {
text-align: center;
}
.diagram a {
display: block;
font-size: 14px;
}
.diagram a:hover {
color: #004e7f;
}
.diagram .a {
padding-top: 166px;
}
.diagram .a a {
color: #FFFF00;
}
.diagram .b {
padding-top: 105px;
}
.diagram .b a {
color: #000000;
}
.diagram .c {
padding-top: 46px;
}
.diagram .c a {
color: #009900;
}
.diagram .a a:hover, .diagram .b a:hover, .diagram .c a:hover {
color: #e60000;
}
.diagram .big {
font-size: 20px;
}
.kl {
text-align: center;
margin-top: 10px;
padding-top: 10px;
font-size: 10px;
margin-bottom: 0px;
}
.kl iframe {
color: #FF0000;
margin: 0px;
padding: 0px;
}
.driven {
background-image: url(../images/driven.jpg);
background-repeat: no-repeat;
background-position: center top;
height: 419px;
width: 640px;
margin-right: auto;
margin-left: auto;
margin-top: 15px;
margin-bottom: 35px;
}
.driven a {
height: 113px;
width: 169px;
margin-top: 306px;
display: block;
float: left;
}
.click {
color: #000000;
font-style: italic;
}
.driven .click {
margin-top: 400px;
display: block;
float: left;
margin-left: 8px;
}
body#popup {
margin: 0;
height: 100%;
background-color: #cccc66;
background-image: none;
background-repeat: repeat-x;
background-position: left top;
}
.body {
width: 840px;
padding: 20px;
background-color: #CCCC66;
}
/*
h4 {
padding-left: 0px;
border-bottom-width: 10px;
border-bottom-style: solid;
border-bottom-color: #F5F5F5;
margin-bottom: 25px;
padding-bottom: 5px;
color: #004e7f;
margin-left: 0px;
margin: 0px;
padding: 0px;
text-align: left;
font-size: 30px;
color: #004e7f;
padding-left: 0px;
border-bottom-width: 10px;
border-bottom-style: solid;
border-bottom-color: #F5F5F5;
margin-bottom: 25px;
padding-bottom: 10px;
color: #004e7f;
background-image: url(../images/line.gif);
background-repeat: repeat-x;
background-position: left bottom;
}
*/


h4 {
padding-left: 0px;
margin-bottom: 20px;
padding-bottom: 20px;
padding-bottom: 15px;
background-image: url(../images/line.gif);
background-repeat: repeat-x;
background-position: left bottom;
margin-left: 0px;
}





#popup h2 {
padding-left: 20px;
font-size: 22px;
padding-bottom: 10px;
font-weight: normal;
}
.red {
color: #e60000;
}
#popup ul {
padding-left: 50px;
}
.indexslot {
font-family: "Lucida Sans Unicode", "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, "Times New Roman", Times, serif, sans-serif;
color: #FFFFFF;
background-color: #000000;
text-align: left;
height: 123px;
width: 505px;
font-size: 13px;
padding-top: 1px;
padding-right: 10px;
padding-bottom: 1px;
padding-left: 1px;
float: left;
clear: both;
margin-bottom: 20px;
}
.indexslot .title {
font-size: 15px;
display: block;
font-weight: normal;
text-decoration: underline;
padding-top: 5px;
padding-bottom: 12px;
}
.indexslot img {
float: left;
margin-right: 10px;
}
.indexslot a {
color: #FFFFFF;
}
.indexslot a:hover {
color: #669933;
}
.indexslot#right {
padding-top: 1px;
padding-right: 1px;
padding-bottom: 1px;
padding-left: 10px;
float: right;
}
.indexslot#right img {
float: right;
margin-right: 0px;
margin-left: 10px;
}
.intro {
font-size: 14px;
padding-bottom: 40px;
}
.line {
background-image: url(../images/line.gif);
background-repeat: repeat-x;
background-position: left center;
height: 3px;
margin-top: 8px;
margin-bottom: 22px;
clear:both;
overflow:hidden;
}
h3 .subtitle {
font-size: 12px;
}
.white {
color: #FFFFFF;
}
#resources a {
text-decoration: none;
color: #000000;
border: 0px;
outline: 0px;
}
#resources a:hover {
text-decoration: none;
color: #006600;
border: 0px;
outline: 0px;
}