#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(/images/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/images/lightbox/prev.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/images/lightbox/next.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}

/* The main calendar widget.  DIV containing a table. */

.calendar {
  position: relative;
  display: none;
  border: 1px solid;
  border-color: #fff #000 #000 #fff;
  font-size: 11px;
  cursor: default;
  background: Window;
  color: WindowText;
  font-family: tahoma,verdana,sans-serif;
}

.calendar table {
  border: 1px solid;
  border-color: #fff #000 #000 #fff;
  font-size: 11px;
  cursor: default;
  background: Window;
  color: WindowText;
  font-family: tahoma,verdana,sans-serif;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;
  padding: 1px;
  border: 1px solid;
  border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
  background: ButtonFace;
}

.calendar .nav {
  background: ButtonFace url(menuarrow.gif) no-repeat 100% 100%;
}

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;
  padding: 1px;
  border: 1px solid #000;
  background: ActiveCaption;
  color: CaptionText;
  text-align: center;
    font-size: 12px;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
    
}

.calendar thead .daynames { /* Row <TR> containing the day names */
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid ButtonShadow;
  padding: 2px;
  text-align: center;
  background: ButtonFace;
  color: ButtonText;
    
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #f00;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  border: 2px solid;
  padding: 0px;
  border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  border-width: 1px;
  padding: 2px 0px 0px 2px;
  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  width: 2em;
  text-align: right;
  padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
  font-size: 80%;
  color: #aaa;
}
.calendar tbody .day.othermonth.oweekend {
  color: #faa;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid ButtonShadow;
  background: ButtonFace;
  color: ButtonText;
}

.calendar tbody .rowhilite td {
  background: Highlight;
  color: HighlightText;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
  padding: 1px 3px 1px 1px;
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
  

}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  padding: 2px 2px 0px 2px;
  border: 1px solid;
  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
}

.calendar tbody td.selected { /* Cell showing selected date */
  font-weight: bold;
  border: 1px solid;
  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
  padding: 2px 2px 0px 2px;
  background: ButtonFace;
  color: ButtonText;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #f00;
}

.calendar tbody td.today { /* Cell showing today date */
  font-weight: bold;
  color: #00f;
}

.calendar tbody td.disabled { color: GrayText; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  background: ButtonFace;
  padding: 1px;
  border: 1px solid;
  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
  color: ButtonText;
  text-align: center;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
  padding: 1px;
  background: #e4e0d8;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  padding: 2px 0px 0px 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
  position: absolute;
  display: none;
  width: 4em;
  top: 0px;
  left: 0px;
  cursor: default;
  border: 1px solid;
  border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
  background: Menu;
  color: MenuText;
  font-size: 90%;
  padding: 1px;
  z-index: 100;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.calendar .combo .label-IEfix {
  width: 4em;
}

.calendar .combo .active {
  padding: 0px;
  border: 1px solid #000;
}

.calendar .combo .hilite {
  background: Highlight;
  color: HighlightText;
}

.calendar td.time {
  border-top: 1px solid ButtonShadow;
  padding: 1px 0px;
  text-align: center;
  background-color: ButtonFace;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 3px 0px 4px;
  border: 1px solid #889;
  font-weight: bold;
  background-color: Menu;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
  border-color: #000;
  background-color: Highlight;
  color: HighlightText;
}

.calendar td.time span.active {
  border-color: #f00;
  background-color: #000;
  color: #0f0;
}



.hidden {display: none;}
/* =================== MAIN COLUMN STYLES ======================= */

.pageslist {
	font-weight: bold;
	text-align: center;
}

.pageslist a,
.pageslist a:visited {
	color: #697505;
	font-weight: bold;
	text-decoration: none;
}

a img {
	border: 0;	
}

/* =================== END MAIN COLUMN STYLES ======================= */


/* =================== STYLES MISC ======================= */

#bread_crumbs {
	font-size: 11px;
	font-weight: bold;
	color: #73acf0;
}
#bread_crumbs a {
	color: #0b74aa;
	text-decoration: none;
}
#bread_crumbs a:hover {
	text-decoration: underline;
}

.clear {
	clear: both;
}

.resetstyles {
	margin: 0px;
	padding: 0px;
	border: none;
	line-height: 1em;
}
/* =================== END STYLES MISC ======================= */




/* =================== TABLES =======================*/
.tablepadding th,.tablepadding td {
	text-align: left;
	padding: 2px 5px 2px 5px;
}


.tablenopadding th,.tablenopadding td {
	padding: 2px 5px 2px 0px;
	text-align: left;
}

.tablecontent td a:link,.tablecontent td a:visited {
	text-decoration: none;
	color: #213d79;
}

.tablecontent td a:hover {
	text-decoration: underline;
}

.tablepadding th,.tablenopadding th,.tableheader {
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	text-align: left;
}

.tablepadding th a:link,.tablenopadding th a:link,.tableheader a:link,.tablepadding th a:visited,.tablenopadding th a:visited,.tableheader a:visited
	{
	text-decoration: none;
}

.tablecontent {
	font-size: 12px;
}

.even {
	background-color: #ebebeb;
}



/* =================== END TABLES ======================= */
/* =================== FORM ELEMENTS ======================= */
.formbutton, .formbutton_fixed {
	cursor: pointer;
	border: outset 1px #AAAAAA;
	background: #999999;
	color: #666666;
	font-size: 12px;
	font-weight: bold;
	background: url(/images/formbutton.gif) repeat-x left top;
	padding: 1px 10px 1px 10px;
	width: auto;
	overflow: visible; /* IE button width (extra padding) hack */
}

.formbutton_fixed {
	margin-left: 20px;
	width: 120px;
}

.products-order {
	background-color: #FFFFFF;
	background: url(/images/formfield_shadow.gif);
	border: #AAAAAA solid 1px;
	color: #000000;
	width: 45px;	
	}
	
.products-order-disabled {
	background-color: #cccccc;
	border: #AAAAAA solid 1px;
	color: #000000;
	width: 45px;	
	}	

.products-details {
	text-decoration: underline;
	cursor: pointer;
	/*font-weight: bold;*/
	color: #000000;
	}

.products-details-bold {
	text-decoration: underline;
	cursor: pointer;
	font-weight: bold;
	color: #000000;
	}

.products-details:hover,
.products-details-bold:hover {
	color: #10789D;
	border: none;
	background: none;
	}

.formfield, .formfield_wide {
	background-color: #FFFFFF;
	background: url(/images/formfield_shadow.gif);
	border: #AAAAAA solid 1px;
	color: #000000;
	font-size: inherit;
	padding: 2px;
	width: 200px;
	font-size: 12px;
}

.formfield_wide {
	width: 400px;
}

select.formfield {
	width: 206px; /* 200+2*2 padding +2border */
	padding: 1px 2px;
}
.formfield-error-report {
	background-color: #FFFFFF;
	background: url(/images/formfield_shadow.gif);
	border: #AAAAAA solid 1px;
	color: #000000;
	font-size: inherit;
	padding: 0.2em;
	width: 360px;
	font-size: 12px;
}


.formerror {
	color: #355993;
}

select.formfield {
	background: #FFFFFF;
}

.flink, .flinkRed {
	color:blue;
	cursor: pointer;
}

.flinkRed {
	color: red;
}

.commonCheckLabel {
	margin-left: 10px;
}

.commonTableRowDiv {
	padding: 5px 0;
}
/* =================== END FORM ELEMENTS ======================= */

.bak2top {
	width: 100px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
	background-color: #19A1D0;

	padding: 3px;
	background-image: url(/images/go-up.gif);
	background-repeat: no-repeat;
	background-position: left;
}

.bak2top a{
	color: #FFFFFF;
}

.bak2top a:hover{
	color: #000000;
}

.topmenu {
	display: inline;
}

.here {
	background-color: red;	
}

.errormessage {
	width: 50%;
	margin: 0 auto 10px auto;
    background: #fff6bf url(/images/exclamation.png) center no-repeat;
    background-position: 15px 50%; /* x-pos y-pos */
    text-align: left;
    padding: 7px 20px 7px 45px;
    border-top: 2px solid #ffd324;
    border-bottom: 2px solid #ffd324;
}
.infomessage {
	width: 50%;
	margin: 10px auto 10px auto;
    background: #f8fafc url(/images/information.png) 15px 50% no-repeat;
    background-position: 15px 50%; /* x-pos y-pos */
    text-align: left;
    padding: 7px 20px 7px 45px;
	border-top: 2px solid #b5d4fe;
	border-bottom: 2px solid #b5d4fe;
}

.search_result {
	margin-bottom: 10px;
}
.search_result h3 {
	margin:0 0 3px 0;
}

/* =================== Gallery scollable ======================= */
a.prev, a.next {
	display:block;
	width:30px;
	height:30px;
	float:left;
	background-repeat:no-repeat;	
	margin:15px 0 0 0;
}

a.prev {
	background:url(/images/button-left.gif);		
}

a.prev:hover {
	background:url(/images/button-left-over.gif);		
}

a.next {
	background:url(/images/button-right.gif);		
}

a.next:hover {
	background:url(/images/button-right-over.gif);		
}
div.items a {
	display:block;
	float:left;
	/*margin-right:8px;*/
	/*width:88px;*/
	height:66px;
	background:url(/images/item.gif) 0 0 no-repeat;
	font-size:50px;
	color:#ccc;
	line-height:66px;
	text-decoration:none;
	text-align:center;
	cursor:pointer;
}

div.items a:hover {
	color:#999;	
}

div.items a.active {
	background-position:-174px 0;		
	color:#555;
	cursor:default;
}
#scrollable {
	/*background-color:#efefef;*/
	background-color: #F7F7F7;
	/*border:1px solid #ddd;*/
	border:1px solid #DFDFDF;	
	padding:10px 8px;
	width:650px;
	height:65px;
}

/* container for the scrollable items */
div.items {
	height:66px;	
	margin-left:8px;
	margin-right:8px;	
	float:left;
	/*width:478px !important;*/
	width:572px !important;
}


ul.product_category,ul.category {
	padding: 0 0 10px 0;
	margin: 0;
	list-style: none;
	width: 100%;
}


ul.product_category li,ul.category li {
	padding: 0;
	margin: 0;
	list-style: none;
	cursor: pointer;
	background-color: #F6F6F6;
	padding: 3px 0 3px 3px;
}

ul.product_category li ul, ul.category li ul {
	padding: 0;
	margin: 0;
	list-style: none;
	margin-left: 15px;
}

ul.product_category li ul li, ul.category li ul li {
	background-color: #e8e8e8;
	padding: 3px 0 3px 3px;
}

ul.product_category li ul li ul, ul.category li ul li ul {
	padding: 0;
	margin: 0;
	list-style: none;	
	margin-left: 15px;
}

ul.product_category li ul li ul li, ul.category li ul li ul li {
	background-color: #CFCFCF;
	padding: 3px 0 3px 3px;
} 	

/* CSS Document */
body,html { padding: 0px; margin: 0px; font-family: "trebuchet ms", arial; font-size: 12px; color: #4A4A4A; font-weight: normal; line-height: 17px; background: #8682AB; }
.cb { clear: both; }
#warp { width: 1010px; margin: 0 auto; }
.back { width: 978px; float: left; background: url(/images/project/back.png) repeat-y; padding: 8px 16px 10px 16px; }
/*header css starts here*/
#header { width: 978px; float: left; }

.toppanel, .bottompanel { width: 963px; float: left; background: url(/images/project/toppanel_bg.jpg) no-repeat; height: 22px; padding: 8px 5px 5px 10px; font-size: 12px; font-weight: normal; color: #213d79; text-decoration: none; }
.toppanel span, .bottompanel span { float: left; width: 450px; font-weight: bold; color: #FFF; }
.toppanel a, .bottompanel a { font-size: 12px; font-weight: normal; color: #FFF; text-decoration: none; padding: 0px 2px 0px 3px; }
.toppanel a:hover, .bottompanel a:hover { font-size: 12px; font-weight: normal; color: #FFF; text-decoration: underline; padding: 0px 2px 0px 3px; }
.bottompanel { margin-bottom: -8px;}

.logo_div { width: 978px; float: left; background: url("/images/project/header-info.jpg") no-repeat 0 0; height: 138px; margin-bottom: 5px; }
.logo_div p { padding: 0px; margin: 0px; }
.logo_div p.logo { padding: 20px 0 0 10px; margin: 0px; width: 378px; float: left; }
.logo_div p.spacebanner { float: left; width: 590px; padding-top: 10px; padding-right: 10px; text-align: right; }
.logo_div p.htext { font-size: 14px; font-weight: bold; font-style: italic; color: #FFF; float: left; width: 968px; padding: 13px 0px 0px 10px; }
.menu { width: 968px; float: left; background: url(/images/project/menubg.jpg) repeat-x; height: 29px; padding: 6px 0px 0px 10px; }
.subMenu { width: 978px; float: left; height: 35px; padding: 0; }
/*header css ends here*/ /*middle css starts here*/
#middle { width: 978px; float: left; margin-top: 10px; }
#middle_main { width: 669px; float: left;
/*min-height: 341px;*/ }
#middle_right { width: 300px; float: right; overflow: hidden;  }
#middle_right .first_box_margin, .left_panel .first_box_margin, .right_panel .first_box_margin { margin-bottom: 8px; margin-top: -8px; }
#middle_main .midpanel_left { /*min-height: 341px;*/
 }
.midpanel_right_boxes { border: 1px solid #ccc; padding: 0px 4px 4px 4px; }
.midpanel_right_boxes p.titlebox { padding: 20px 13px 0px 13px; margin: 4px 0px 0px 0px; background: url(images/bg.gif) repeat-x; height: 87px; border: 1px solid #45708E; }
.midpanel_right_boxes p.titlebox b { font-size: 28px; font-weight: normal; color: #305086; font-family: Georgia; }

.midpanel_right_actual { background: url(/images/project/graybar.gif) repeat-x; height: 25px; padding: 10px 10px 0 10px; text-transform: uppercase; color: #605B5B; font-weight: bold; margin-bottom: 10px; width: 274px; font-size: 15px; }
.midpanel_right_scc {  margin-bottom: 0px;}
.midpanel_right_scc_line {  margin: 0 5px; height: 1px; line-height: 1px; background-color: #FFF; }
.midpanel_right_scc div.titlebox{
	padding: 7px 10px 7px 10px;
	/*background:url(/images/project/bg.gif) repeat-x;*/
	height:95px;
	/*border:1px solid #45708E;*/
	color: black;
	font-size: 12px;
	overflow: hidden;
}
.midpanel_right_scc div.titlebox h2 { padding-top: 0px; background: none; line-height: 17px; padding: 0px; height: auto;}
.midpanel_right_scc div.titlebox a,.midpanel_right_scc div.titlebox a:visited { color: black; text-decoration: none; }
.midpanel_right_scc div.titlebox a:hover { text-decoration: underline; }
.midpanel_right_scc div.titlebox h2 a,.midpanel_right_scc div.titlebox h2 a:visited {  font-size: 12px; color: #495677; text-decoration: none; text-transform: uppercase; padding-top: 5px; }
.midpanel_right_scc div.titlebox h2 a:hover { color: #495677; text-decoration: underline; }
.midtoppanel_midbotpanel_separator { width: 978px; height: 5px; background-color: #98ACBD; }
.midbotpanel { width: 978px; float: left; padding-top: 15px; }
.boxmain { width: 237px; height: 100px; overflow: hidden; float: left; margin-right: 9px; font-size: 15px; color: #213D79; text-transform: uppercase; text-align: center; font-weight: bold; background-color: #98ACBD; }
.boxmain a,.boxmain a:visited { color: #213D79; text-decoration: none; }
.news { width: 263px; float: left; padding-right: 13px; }
.midbotpanel h3 { padding: 0px; margin: 0 0 10px 0; font-size: 15px; font-weight: bold; color: #605B5B; background: url(/images/project/graybar.gif) repeat-x; height: 21px; text-transform: uppercase; padding: 10px 0px 0px 10px; }
.news ul { padding: 0px; margin: 0px; }
.news ul li { list-style-type: none; display: block; background: url(/images/project/dot.gif) repeat-x bottom left; padding: 10px 0px 10px 15px; color: #213d79; font-weight: bold; }
.news ul li a { font-size: 11px; font-weight: bold; color: #01448D; text-decoration: underline; padding-left: 5px; }
.news ul li a:hover { font-size: 11px; font-weight: bold; color: #01448D; text-decoration: none; }
.projekt { width: 300px; float: left; padding-left: 13px; }
.our_partners { width: 664px; float: left; padding: 0px 0px 20px 0px; }
.our_partners img { border: 1px solid #DADADA; margin-right: 19px; }
.innermain { width: 978px; float: left;
/*padding-top:15px;*/ display: inline; }
.innermain a,.innermain a:visited { color: #213D79; text-decoration: none; font-weight: bold; }
.innermain a:hover { text-decoration: underline; }
.left_panel,.right_panel { width: 300px; float: left; background: url(/images/project/leftbg.gif) repeat-y right; padding: 0px 30px 20px 0px; _padding: 0px 27px 20px 0px; }
.right_panel { padding: 0px 0px 20px 30px; background: url(/images/project/rightbg.gif) repeat-y left; }
.left_panel h2,.right_panel h2 { padding: 0px; margin: 0px; font-size: 15px; font-weight: bold; color: white; background-color:#98ACBD; height: 21px; text-transform: uppercase; padding: 10px 0px 0px 10px; line-height: 12px; }
.left_panel img,.right_panel img { /* grr margin-bottom: 10px; */}
.left_panel ul,.right_panel ul { padding: 8px 0px 1px 10px; margin: 0px; }
.left_panel ul li,.right_panel ul li { padding: 0px; margin: 0px; background: url(/images/project/dot1.gif) repeat-x bottom left; padding: 5px 0px 10px 0px; list-style-type: none; }
.left_panel ul li:last-child,.right_panel ul li:last-child { background: none; }
.left_panel ul li a,.left_panel ul li a:visited,.right_panel ul li a,.right_panel ul li a:visited,.left_panel ul li.selected a,.left_panel ul li.selected a:visited,.right_panel ul li.selected a,.right_panel ul li.selected a:visited { background: url(/images/project/sidecolumn-menu-list-style-info.jpg) no-repeat 0 1px; text-decoration: none; font-size: 12px; font-weight: normal; color: #5D5D5D; padding: 0px 0px 0px 15px; }
.left_panel ul li.selected a,.left_panel ul li.selected a:visited,.right_panel ul li.selected a,.right_panel ul li.selected a:visited { background: url(/images/project/sidecolumn-menu-list-style-selected.jpg) no-repeat 0 1px; }
.left_panel ul li a:hover,.right_panel ul li a:hover { text-decoration: underline; font-size: 12px; font-weight: normal; color: #5D5D5D; padding: 0px 0px 0px 15px; }
.left_panel a,.left_panel a:visited,.right_panel a,.right_panel a:visited { text-decoration: none; font-size: 12px; font-weight: normal; color: #213d79; }
.left_panel a:hover,.right_panel a:hover { text-decoration: underline; }
.left_bottom { padding: 10px 10px 10px 15px; }
.left_datecaption { background: #375C97; color: #ffffff; text-align: center; width: 210px; margin-bottom: 10px; padding: 6px 0px; }
.left_scroll { width: 208px; overflow: auto; height: 200px; border: 1px solid #D6D6D6; }
.middle_panel { width: 648px; float: left; }
h1 { padding: 0px; margin: 0px; font-size: 20px; font-weight: normal; color: #213D79; line-height: 24px; padding-top: 15px; text-transform: uppercase; }
h2 { font-size: 15px; font-weight: normal; color: #213d79; padding: 0px; margin: 0px; padding-top: 15px; text-transform: uppercase; }
h2 a,h2 a:visited { font-size: 15px; font-weight: normal; color: #213d79; text-decoration: none; }
h2 a:hover { text-decoration: underline; }
.content_date { font-size: 10px; }
.content_link { padding-bottom: 10px; margin: 0px; }
.content_link a,.content_link a:visited { font-size: 12px; font-weight: bold; color: #305086; text-decoration: underline; }
.content_link a:hover { text-decoration: none; }
.content_subtitle { padding: 10px 0px; margin: 0px; }
.page_navigation { /*width: 713px;*/
 }
.page_navigation h2 { padding: 0px; margin: 0px; font-size: 15px; font-weight: bold; color: white; background-color:#98ACBD; height: 31px; text-transform: uppercase; padding: 0px 0px 0px 0px; line-height: 12px; }
.page_navigation h2 span { float: left; font-size: 15px; font-weight: bold; color: white; text-transform: uppercase; }
.page_navigation h2 span a,.page_navigation h2 span a:visited { font-size: 15px; font-weight: bold; color: white; float: left; text-decoration: none; text-transform: uppercase; height: 24px; padding: 10px 15px 0px 10px; }
.topnavarrowspan { padding: 10px 5px 0 0; }
.page_navigation h2 span a:hover { color: #605B5B; text-decoration: none; }
.page_navigation h2 span b { float: left; font-weight: bold; padding: 10px 0px 0px 10px; }
.pageing { width: 665px; float: left; background: #EAEAEA; padding: 10px; }
.pageing a { font-size: 12px; font-weight: normal; color: #ffffff; text-decoration: none; background: #0640A6; float: left; padding: 4px 8px; margin-right: 5px; }
.pageing a:hover { font-size: 12px; font-weight: normal; color: #ffffff; text-decoration: none; background: #D41111; float: left; padding: 4px 8px; margin-right: 5px; }
.pageing a.here { float: left; font-size: 12px; font-weight: normal; color: #ffffff; text-decoration: none; background: #D41111; }
/*middle css ends here*/ /*footer css starts here*/
#footer { width: 1010px; float: left; background: url(/images/project/midbot.png) no-repeat top left; padding: 15px 0; text-align: center; font-size: 12px; font-weight: normal; color: #191919; line-height: 18px; }
#footer a,#footer a:visited { font-size: 12px; color: #191919; line-height: 18px; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
/*footer css ends here*/
.cms_container { margin: 10px 0; float: left; }
.cms_container a,.cms_container a:visited { font-size: 12px; font-weight: bold; color: #305086; text-decoration: underline; }
.cms_container a:hover { font-size: 12px; font-weight: bold; color: #305086; text-decoration: none; }
/* SLIDE */
.feature-block { overflow: hidden; position: relative; padding: 10px 10px 10px 10px; background-image:url(/images/project/fpa_gradient_bg_orange.jpg); border: 1px solid #ccc; }

.showInBox {margin: 0px; border: 1px solid #ccc; background-image:url(/images/project/fpa_gradient_small_bg.jpg);  background-repeat: repeat-x; background-color: #E7E7E7; padding: 8px; margin: 8px 0px; }

.feature-block .desc-container { overflow: hidden; position: relative; height: 198px; }
.feature-block h1 { text-align: center; padding: 0; margin: 0 0 8px 0; color: #213d79; font-size: 17px; text-decoration: none; font-weight: bold; }
.feature-block h1 a,.feature-block h1 a:visited { color: #213d79; text-decoration: none; }
.feature-block h1 a:hover { text-decoration: underline; }
/*.feature-block .desc-container { 	background: url(/images/project/fpa_desc_cont_bg.jpg) no-repeat center top;  }*/
.feature-block .desc-container .description { width: 604px; text-align: left; padding: 20px; color: #605b5b; }
.feature-block .firstPageFullNews_left { width: 270px; borer: 1px solid blue; height: 172px; overflow:hidden; float: left; overflow:hidden; }
.feature-block .firstPageFullNews_right { width: 362px; margin-left: 13px; float: left; height: 172px; overflow: hidden; }
.moreLink a,
.moreLink a:visited { color: #213d79; }
.feature-block img.feature-main { display: block; }
.feature-block img.feature-sub { margin: 9px 7px 0 0; }
.fpa-container-bottom { background-color: #F58634; margin: 10px -10px -10px -10px; padding: 10px; }
.fpa-container-bottom-single { margin: 0; padding: 0; float: left; width: 23%; cursor: pointer; }
.fpa-container-bottom-single-separator { margin: 0 8px; float: left; width: 1px; background-color: #ccc; height: 80px; }
.fpa-container-bottom-single .image { float:left; width: 60px; height: 80px; overflow:hidden;}
.fpa-container-bottom-single h2 { color: #fff; margin: 0; padding:0; padding-left: 0px; margin-top: 0px; float:left; }
.fpa-container-bottom-single h2 a,.fpa-container-bottom-single h2 a:visited { color: #fff; text-decoration: none; font-weight: bold; font-size: 12px; }
.fpa-container-bottom-single h2 a:hover { text-decoration: underline; }
.fpa-container-bottom-single-shortdesc { float: left; color: #FFF; }
/* CONTENT SLIDER */
.pagination { width: 636px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/ padding: 0px; text-align: right; z-index: 100000; position: absolute; margin-top: -22px; }
.pagination a { float: right; margin: 0px 3px 0px 3px; }
.pagination img { border: 0px; }
.contentdiv { width: 636px; height: 25px; float: left; }
.educationSubtitleDiv { margin-top: 20px; font-size: 13px; font-weight: bold; color: #213d79; }
.educationApplicationDiv { padding: 10px; border: 1px solid #213d79; }
/* DROP DOWN NAVIGATION */
#nav,#nav ul { margin: 0; padding: 0; list-style-type: none; list-style-position: outside; position: relative; height: 29px; float: left; z-index: 100; }
.nav_right { float:right; }
#nav li a:link,#nav li a:active,#nav li a:visited { display: block; padding: 6px 10px 0px 10px;
/*border:1px solid #333;*/ color: #FFFFFF; text-decoration: none; font-size: 14px; height: 23px; font-weight: bold; float: left; text-transform: uppercase; }
#nav a:hover,#nav ww { /*background:url(/images/project/navbg.jpg) repeat-x;*/
 }
#nav li { float: left; position: relative; margin-right: 15px; line-height: 12px; }
.nav_zavod a:hover { background-color: #AEBE41; color: #FFF; }
.nav_zagovornistvo a:hover { background-color: #C4BF66; color: #FFF; }
.nav_podporne a:hover { background-color: #3399FF; color: #FFF; }
.nav_informiranje a:hover { background-color: #FF9900; color: #FFF; }
#nav li a:hover, #nav li.selected a { background-color: #FF9900; color: #FFF; }

.nav_promocija a:hover { background-color: #B76767; color: #FFF; }
.subMenu ul { margin: 0; padding: 0; list-style-type: none; list-style-position: outside; height: 35px; width: 978px; background-color: #FF9900;  }
.subMenu ul li { float: left; }
.subMenu li a,.subMenu li a:visited { display: block; padding: 9px 6px 0px 6px; color: #FFFFFF; text-decoration: none; font-size: 12px;  text-transform:uppercase; height: 26px; font-weight: normal; float: left; }
.subMenu ul li a:hover { text-decoration: underline; }
.categoryLeftSidecolumnContainer { float: left; width: 450px; border: 1px solid #315289; padding: 0px 10px 10px 10px; }
.categoryRightSidecolumnContainer { float: right; width: 450px; border: 1px solid #315289; padding: 0px 10px 10px 10px; }
.categorySidecolumnUl { list-style: none; padding-left: 0px; }
.categorySidecolumnUl li:hover { background-color: #FFEFEF; }
.categorySidecolumnContentDiv { border: 1px solid #213d79; padding: 10px; margin-bottom: 10px; }
.calendarTableFull,.calendarTitleTableFull,.calendarSearchTableFull { width: 630px; margin: auto; margin-bottom: 20px; }
.calendarCellFull,.calendarCellFullPreviousMonth,.calendarCellFullNextMonth { height: 55px; background-color: #BFE2FF; text-align: center; font-weight: bold; font-size: 20px; padding-top: 8px; }
.calendarCellFullPreviousMonth { background-color: #DFF1FF; }
.calendarCellFullNextMonth { background-color: #DFF1FF; }
.calendarDayCellFull { text-align: center; font-weight: bold; font-size: 16px; }
.calendarCellFull a,.calendarCellFull a:visited { text-decoration: none; color: #8EB214; }
.calendarCellFullPreviousMonth a,.calendarCellFullPreviousMonth a:visited,.calendarCellFullNextMonth a,.calendarCellFullNextMonth a:visited { text-decoration: none; color: #4A4A4A; }
.calendarTableSidecolumn { width: 210px; margin: auto; margin-bottom: 10px; }
.calendarCellSidecolumn,.calendarCellSidecolumnPreviousMonth,.calendarCellSidecolumnNextMonth { height: 15px; background-color: #BFE2FF; text-align: center; font-weight: bold; font-size: 12px; padding-top: 1px; }
.calendarDayCellSidecolumn { text-align: center; font-weight: bold; font-size: 10px; min-width: 29px; }
.calendarCellSidecolumnPreviousMonth { background-color: #DFF1FF; }
.calendarCellSidecolumnNextMonth { background-color: #DFF1FF; }
.calendarDayCellSidecolumn a,.calendarDayCellSidecolumn a:visited
.calendarDayCellSidecolumn a:hover { text-decoration: none; color: #8EB214; }
.calendarCellSidecolumnPreviousMonth a,.calendarCellSidecolumnPreviousMonth a:visited,.calendarCellSidecolumnPreviousMonth a:hover,.calendarCellSidecolumnNextMonth a,.calendarCellSidecolumnNextMonth a:visited 
.calendarCellSidecolumnNextMonth a:hover { text-decoration: none; color: #4A4A4A; }
.calendarTitleTableFull { font-weight: bold; font-size: 20px; margin-bottom: 40px; }
.calendarTitleTableFull a,.calendarTitleTableFull a:visited { text-decoration: none; color: #213D79; }
.calendarSearchTableFull { font-weight: bold; font-size: 14px; margin-bottom: 20px; }
.calendarEventDiv { margin: 10px 0px; }
.calendarEventDiv a,.calendarEventDiv a:visited { text-decoration: none; color: #213D79; }
.calendarEventDiv a:hover { text-decoration: underline; }
.calendarTitleTableSidecolumn { font-weight: bold; font-size: 16px; margin: 5px 0px; text-align: center; color: #213D79; }
.calendarTitleTableSidecolumn a,.calendarTitleTableSidecolumn a:visited { text-decoration: none; color: black; font-size: inherit; font-weight: inherit; color: #213D79; }
.article_div { margin-right: 10px; width: 638px; }
.article_div a img { border-color: #FFF; }
.article_div h2 { font-weight: bold; }
.registrationDiv { float: left; width: 50%; }
.inputContainerDiv { float: left; width: 30px; }
.nextToInputContainerDiv { margin-left: 30px; padding-top: 3px; }
.areasOfInterestChooseDiv { margin: 15px 0px; }
.article_category_box { margin: 10px 0; background-color: white; width: 100%; }
.article_category_box .ac_header { position: relative; background-color: #98ACBD; color: white; padding: 7px; padding-left: 10px; font-weight: bold; font-size: 15px; }
.article_category_box .ac_header .ac_num_sel { float: right; }
.article_category_box .ac_header .ac_num_sel a { color: #213D79;}
.article_category_box .ac_header .ac_move { float: right; margin-left: 25px; position:relative; top: 1px; }
.article_category_box .ac_body { border: 1px solid #ddd; border-top: none; }
.article_category_box .ac_body .ac_body_long { padding: 7px 10px; width: 280px; float: left; border-right: 1px solid #ddd; text-align: justify;}
.article_category_box .ac_body_long_title { font-weight: bold; font-size: 15px; margin-bottom: 10px; }
.article_category_box .ac_body a { text-decoration: none; }
.article_category_box .ac_body a:hover { text-decoration: underline; }
.article_category_box .ac_body .ac_body_short { float: left; width: 340px; padding: 7px 10px; font-size: 13px; margin-left: -1px; border-left: 1px solid #ddd; }

ul#article_categories {margin: 0; padding: 0; list-style-type: none; }
ul#article_categories li {margin: 0; padding: 0; width: 100%; }
.article_category_box .ac_body a, .article_category_box .ac_body a:visited {color: #213D79;}
.moreLink a,
.moreLink a:visited {	
	color: #213D79;
	font-weight: bold;
}
.bottompaneltext {text-align: center; padding-top: 2px; color: #fff; font-size: 12px; line-height: 1em;}
#calendarspecial { text-transform: none; } /* priority needed */

/* ideja - enak stil kot pri ac_body */
#firstpage .midpanel_right_scc h2 { margin-bottom: 8px; }
#firstpage .midpanel_right_scc .titlebox { margin: 0; padding-bottom: 8px; padding-top: 2px;}
#firstpage .midpanel_right_scc .titlebox h2 { line-height: 17px; margin: 0px; padding: 0px; }
#firstpage .midpanel_right_scc .titlebox h2 a { font-size: 13px;  }