@charset "utf-8";
* {
	padding:0; margin:0;
}

@font-face {
    font-family: 'ArialNarrow';
    src: url('../fonts/arial_narrow-webfont.eot');
    src: url('../fonts/arial_narrow-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/arial_narrow-webfont.woff') format('woff'),
         url('../fonts/arial_narrow-webfont.ttf') format('truetype'),
         url('../fonts/arial_narrow-webfont.svg#ArialNarrow') format('svg');
    font-weight: normal;
    font-style: normal;

}

body  {font: 12px Arial, Helvetica, sans-serif;color: #000; background:url(../images/background.jpg) repeat-x #7a9dc7;}
a, a:link {outline:none;color:#004494;}
a:hover {text-decoration:none;}

h1{ font-size:15px;color:#004494; margin:0; padding:0; font-style:italic; margin-bottom:10px;}
h3{;color:#004494; margin:0; padding:0; font-size:12px;}

ul{padding:0px;margin:0px;}
li{list-style:none}
p{margin:0; line-height:16px;}
img {border:none;margin:0;}

#holder, #header,#redheader, #content, #footer {
width:963px;
margin:auto;
display:table;
}

#holder{ margin-top:30px; background:#FFF; margin-bottom:20px;}



#header{ height:204px;}
#slider{ float:left; width:679px; height:204px;}
#logo{ float:right; width:284px; height:204px;}

#redheader{ background:#D10018;line-height:20px;  padding-left:10px; width:953px;}
#redheader img{ position:absolute; margin-left:20px; margin-top:0px;}
#redheader a{color:#FFF; text-decoration:none}

#naslov{position:absolute; margin-left:405px; margin-top:-2px; color:#FFF9F9; font-size:16px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-style:italic}

#content{ padding-bottom:25px;}
#content .left{ width:679px; float:left;}
#content .right{ width:282px; float:right}




#menusholder{ height:100px; margin-top:20px;}


#main-menu{ float:left; width:655px;  margin-top:25px;border-bottom:1px solid #004494; padding-left:10px; }
#main-menu li{ float:left;}
#main-menu li a{ text-decoration:none; font-size:12px; color:#004494; line-height:30px;}
#main-menu li a:hover{ color:#D10018}


#sub-menu{
width:662px;
height:50px;
margin-left:0px;

}

#sub-menu li{ float:left;}
#sub-menu li a{ text-decoration:none; font-size:12px; margin-right:5px; margin-left:10px; color:#004494; line-height:28px;}
#sub-menu li a:hover{ color:#D10018}

.sub-ueber-uns,.sub-ueber-uns-eng{display:none}
.sub-presse,.sub-presse-eng{display:none}



#left-menu{ width:200px; float:left; }
#left-menu li{}
#left-menu li a{ text-decoration:none; font-size:12px; margin-left:10px; color:#004494; line-height:30px;}
#left-menu li a:hover{ color:#D10018}

#left-menu ul{ margin-top:-3px; margin-bottom:7px;display:none;}
#left-menu ul li a{ text-decoration:none; font-size:12px; margin-left:18px; color:#004494; line-height:20px;}

#text{ float:left; width:435px; margin-top:6px;}
#text p{ margin-bottom:6px;}
#text li{ list-style:disc; margin-left:15px;}
#text li li{ list-style:circle;}



.right h2{ background:#004494; line-height:21px; width:282px; color:#FFF; font-size:13px; text-align:center; margin-top:15px;}
.right #editablebox{ width:282px;}




#footer{ text-align:center; color:#004494; height:40px; border-top:1px solid #004494; line-height:40px;}
#footer a{ text-decoration:none;color:#004494;}
#footer a:hover{ text-decoration:underline}

/*hidden items*/
	
.slideshow { height: 204px; width: 679px;}
.slideshow img {}

#news{ width:260px; padding-top:15px; padding-bottom:15px; padding-left:5px;}
/*#news a{ text-decoration:none; color:#000;}*/
.pirobox img{ margin-right:2px; margin-bottom:2px;}

.red{ color:#F00}
#buttonmap{ background:url(../images/button.png) no-repeat; width:150px; height:25px; margin-top:25px;  font-weight:bold; text-align:center; line-height:18px;}
#buttonmap a{color:#FFF; text-decoration:none}


.pirobox img{ margin-left:0px; margin-right:0; float:left;}