h1, h2, h3 {font: "Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif; margin: 0px; padding: 0 ; color: #4b5525; }
h1 {font-size: 1.6em; padding-bottom:5px; }
h2 {font-size: 1.4em; color: #a7a7a7; margin-top: 20px;}
h3 {font-size: 1.2em; border-bottom:solid 2px #4b5525; display: block; margin-bottom: 10px;}


body {
	margin: 0px;
	padding: 0px;
	background: #214865 url('../gui/klinkert_bg.gif') repeat-x;
	text-align: justify;
	font: 12px "Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
	color: #444444;
}

#top{background: #214865 url('../gui/klinkert_bg_top.gif') no-repeat; width:900px; margin:auto; height:50px;}

#left{float: left; width:290px; }

#logo{background: #e7e7e7 url('../gui/klinkert_logo.gif') no-repeat; width:290px; height:160px;}

#wrapper {width: 880px; margin: 0 auto; border: 10px solid #FFFFFF; background: #ffffff url('../gui/klinkert_bg_levo_spodaj.gif') bottom left no-repeat; min-height:700px;}

#search {background: #e7e7e7 url('../gui/klinkert_bg_levo_menu_spodaj.gif') no-repeat bottom; min-height:195px; padding: 20px 0 0 0;}

    #search form {margin-bottom: 1.8em; padding: 0px;}

    #search fieldset {margin-left: 20px; padding: 0px; border: none;}

    #search #s {width: 160px;}

#left_cont{min-height:100px;}   

#menu{background: url('../gui/klinkert_bg_menu.gif') no-repeat; width: 560px; height: 85px; padding: 5px 10px 0 10px; margin: 0 0 0 10px; float: right; font-size:1.2em; text-align: center;}
    
#image{background: url('../gui/klinkert_img_placeholder.gif') no-repeat; width: 580px; height: 218px; margin: 0 0 0 10px; float: right;}

#image_mask{background: url('../gui/klinkert_wp_overlay.png') no-repeat; width: 570px; height: 128px; position: absolute; z-index:4; padding: 90px 0 0 10px;}    
  #image_mask h1{font: 2em bold "Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif; margin: 0px; padding: 0 0 0 35px; font-weight: bold; color: #183f67; background:  url('../gui/klinkert_wp_h1.png')no-repeat right; display:inline-block;}
    #image_mask h1 bg{background: #ffffff; display:inline-block; margin-right:20px;}
  #image_mask h2{font: 1.8em bold "Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif; color: #a7a7a7; margin: 0px; font-weight: bold;}
    #image_mask h2 no{color: #a7a7a7; margin: 0px; font-weight: normal; font-size: 0.8em;}
  
#image_holder{width:580px; height: 218px; position:absolute; z-index: 3; overflow: hidden;}

#content{width: 580px; float: right; margin: 0 0 0 10px; background: url(../gui/klinkert_img_top.gif) no-repeat top;}
  #content h1{border-bottom: dashed 1px silver; margin-bottom: 5px;}

.info{background: #f4f4f4; border-bottom: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; display: block; padding: 5px 5px 0 5px; clear: both; height: 25px;}
  .info a{background: url('../gui/pdf-icon_a.png') no-repeat; padding: 0 0 0 30px; text-decoration: none; font-style: bold; float:left;}    
  .info a:hover{background: url('../gui/pdf-icon_a_hover.png') no-repeat; padding: 0 0 0 30px; text-decoration: none; font-style: bold; color:#184067; float: left;}
  
  .info .mail{padding: 0 0 0 30px; text-decoration: none; font-style: bold; float: right;} 
  .info .mail a{background: url('../gui/mail-icon_a.png') no-repeat; padding: 0 0 0 30px; text-decoration: none; font-style: bold; color:gray; float: right;}    
  .info .mail a:hover{background: url('../gui/mail-icon_a_hover.png') no-repeat; padding: 0 0 0 30px; text-decoration: none; font-style: bold; color:#184067; float:right;}




p, ol, ul {
	margin-bottom: 1.8em;
	line-height: 160%;
}

a {
	color: #000000;
}

a:hover {
	text-decoration: none;
	color: #FF0000;
}

a img {
	border: none;
}




/* Page */

#page {
	width: 900px;
	margin: 0px auto;
	padding: 10px 0px 0px 0px;
	background: #FFFFFF;
}

#header-pic {
	width: 900px;
	height: 400px;
	padding-bottom: 10px;
}


/* Footer */

#footer {
	clear: both;
	width: 900px;
	height: 50px;
	margin: 0px auto 30px auto;
	color: #FFFFFF;
}

#footer p {
	margin: 0px;
	padding: 19px 0px 0px 0px;
	text-align: center;
	line-height: normal;
	font-size: smaller;
}

#footer a {
	color: #FFFFFF;
}

/* ---------- drop down menu ------*/
.ddsmoothmenu{
width:580px;
margin: 0 auto;
display:inline-block;
}

.ddsmoothmenu ul{
z-index:100;
margin:  0 auto 0 auto;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.ddsmoothmenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.ddsmoothmenu ul li a{
display: block;
background: ; /*background of menu items (default state)*/
padding-left: 3px;
padding-right:3px;
color: black;
border-right: 1px solid #778;
color: black;
text-decoration: none;
}

* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
color: black;
}

.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
background: #e7e7e7; 
color: black;
}

.ddsmoothmenu ul li a:hover{
background: #e7e7e7; /*background of menu items during onmouseover (hover state)*/
color: black;
}
	
/*1st sub level menu*/
.ddsmoothmenu ul li ul{
position: absolute;
left: 0;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
font: normal 0.8em Verdana;
width: 120px; /*width of sub menus*/
background: #e7e7e7;
padding: 5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid #d6d6d6;
border-right: 0;
}
.ddsmoothmenu ul li ul li a:hover{
background: #dcdcdc;
}


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 5px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 3px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{
position: absolute;
z-index: 99;
left: 0;
top: 0;
width: 0;
height: 0;
background: f0f0f0;
}

.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/
opacity: 0.8;
z-index:99;
}
/*captify*/
.caption-top, .caption-bottom {
	color: #ffffff;	
	padding: 0.2em;	
	font-size: 10px;	
	font-family: Tahoma;	
	cursor: default;
	border: 0px solid #334143;
	text-align: left;
	background: #000000;
	cursor: pointer;
}
.caption-top {
   border-width: 0px 0px 0px 0px;
}
.caption-bottom {
   border-width: 0px 0px 0px 0px;
}
.caption a, .caption a {
	border: 0 none;
	text-decoration: none;
	background: #000000;
	padding: 0.3em;
}
.caption a:hover, .caption a:hover {
	background: #202020;
}
.caption-wrapper {
	float: left;
}
br.c { clear: both; }

.Left_top_five{width:100%; margin: 0 10px 20px 0; clear: both;}
.Left_top_five h3{margin: 0px 0 5px 0; padding: 0px 0 3px 0; border-bottom: 1px dashed silver; color:#194168;}
    .Left_top_five h3 a{text-decoration:none;  color:#194168;}
    .Left_top_five h3 a:hover{text-decoration:none; color: Red;}
.Left_top_five p{margin:0px; font-size:0.9em; text-align: left;}

.update{background: #194168; color: #9ab8d6; padding: 5px; margin-top: 10px; width: 280px; text-align: center;}
.update_hold{width:100%;}