/*****************************/
/*** Core html setup stuff ***/
/*****************************/

html, body {
	margin: 0;
	padding: 0;}


html {
	height:100%;
	margin-bottom:1px;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:left;
	background: url(../images/body_bg.png) 0% 0% repeat-x  #edf0f2;
}

a { 
	outline:none;
	color:#1f76c1;
	text-decoration:none;
}

h1 {font-size:20px;}
h2 {font-size:16px;}
h3 {font-size:14px;}
h4 {font-size:12px;}
h5 {font-size:11px;}
h6 {font-size:10px;}


p, div, pre, blockquote, ul, ol, h1, h2, h3, h4, h5, h6, li {
	margin: 0;
	padding: 0;
}

img {
	border:0;
}

table{
	width:100%;
	border-collapse: collapse;
	border-spacing:0px;
}

table td {
	margin:0px;
	padding:0px;
}

.clr {
	clear:both;
}


/*****************************************/
/*** Template specific layout elements ***/
/*****************************************/

#wrapper {
	width:973px;
	margin:0 auto;
	padding:0;
}

#header {
	height:149px;
	width:960px;
	margin:0 auto;
	position:relative;
	z-index:50;
}

#head {
	width:710px;
	float:left;
}

	#logo {
		position:absolute;
		top:15px;
		left:0;
	}
	
	 #search {
		width:330px;
		position:absolute;
		top:78px;
		left:0;
	}
	
	#webcam {
		width:210px;
		position:absolute;
		top:70px;
		left:510px;
		text-align:right;
	}
	
	#webcam a{
		position:absolute;
		top:28px;
		left:90px;
		font-size:11px;
		color:#3e6a8e;
	}

	#mainmenu {
		position:absolute;
		top:20px;
		left:560px;
	}
	
	#othermenu {
		clear:both;
		position:absolute;
		top:123px;
	}

	
#user1 {
	width:250px;
	background: url(../images/user1_bg.png) 2px 100% no-repeat;
	position:absolute;
	top:10px;
	right:-5px;
	padding: 0 0 5px;
}

.wrapper {
	padding-left:4px;
}

#mainbody {
	float:left;
	width:960px;
	background: url(../images/right_bg.png) 100% 0% repeat-y #FFF;
	border-left:5px solid #dde2e6;
	clear:both;
}

#right {
	float:left;
	width:240px;
	padding: 0 ;
	position:relative;
}

#main {
	float:left;
	width:690px;
	padding: 0 15px 0 15px;
	position:relative;
}

#user2 {
	padding: 0 0 3px 0;
	margin: 0 0 5px 0;
	background: url(../images/border.png) 0% 100% repeat-x;
	width:100%;
	float:left;
	min-height:18px;
}

#component {
	clear:both;
	width:100%;
}

#main-span {
	background: url(../images/main_bg.png) 0% 0% no-repeat;
	width:973px;
	height:8px;
}

#footer {
	width:960px;
	float:left;
	background: url(../images/right_bg.png) 100% 0% repeat-y #FFF;
	border-left:5px solid #dde2e6;
	padding-bottom:16px;
}

#footer #content {
	width:700px;
	padding: 10px ;
	position:relative;
}

#footer .footer {
	background: url(../images/footer_bg.png) 0% 0% repeat-x;
	width:100%;
	padding: 7px 0 0; 
}


/*****************************************/
/******* Univerzal element default *******/
/*****************************************/
.button {
	background: url(../images/button_bg.png) 0% 0% repeat-x;
	border-top:1px solid #5dbb00;
	border-right:1px solid #2c5504;
	border-bottom:1px solid #2c5504;
	border-left:1px solid #5dbb00;
	color:#FFF;
	padding:0 10px 2px;
	font-size:14px;
	height:22px;
}

input.inputbox {
	background: url(../images/input_bg.png) 0% 0% repeat-x;
	border:1px solid #90b6d9;
	font-size:14px;
	padding:2px 5px 0 ;
	color:#7aa6cc;
	height:20px;
	width:165px;
}

span.border {
	background: url(../images/border.png) 0% 0% repeat-x;
	height:1px;
	width:100%;
	display:block;
	padding: 2px 0 0;
	margin: 2px 0 0;
}

select {
	border:1px solid #CCC;
	margin:0;
}


/*******************************************/
/*** Navigation specific layout elements ***/
/*******************************************/
#header ul  {
	list-style:none;
	list-style-image:none;
}

.mainlevel {
	color:#7aa6cc;
	font-size:11px;
}

span.mainlevel {
	padding: 0 4px 0;
}


#othermenu ul li{
	font-size:13px;
	text-transform:uppercase;
	float:left;
	font-family:Arial Narrow;
	background: url(../images/othermenu_space_bg.png) 0% 100% no-repeat;
	padding: 0 5px 0;
	position:relative;
}

#othermenu li.item3 {
	background:none;
}

#othermenu li a {
	color:#ffffff;
	padding: 0 0 0 1px;
	float:left;
}

#othermenu li a span {
	padding: 1px 7px 1px;
	display:block;
	float:left;
	cursor:pointer;
}

#othermenu li a:hover,
#othermenu li.active a {
	color:#3e698e;
	background: url(../images/othermenu_left_bg.png) 0% 0% no-repeat;
}

#othermenu li a:hover span,
#othermenu li.active span {
	background: url(../images/othermenu_right_bg.png) 100% 0% no-repeat #FFF;
}

#othermenu ul ul{
	float:none;
	left:-999em;
	position:absolute;
	width:auto;
	z-index:5;
	background:#3e698e;
	padding: 12px 0 17px 0;
}

#othermenu li li{
	font-size:12px;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	float:none;
	background:none;
	padding: 0 10px;
}

#othermenu li li a {
	display:block;
	float:none;
	height:20px;
	line-height:20px;
	text-transform:none;
	background:none !important;
	color:#FFF !important;
	padding: 3px 8px 0;
	border-bottom:1px solid #52789a;
	white-space:nowrap;
}

#othermenu li li a span {
	padding: 0;
	float:none;
	line-height:18px;
	background:none !important;
}

#othermenu li li a:hover {
	text-decoration:underline;
}


#othermenu li:hover ul{
	left:0px;
	top:18px;
}

ul.menu-sub {
	position:relative;
}

ul.menu-sub li{
	list-style:none;
	list-style-image:none;
	padding: 0 0 0 21px;
	margin: 0 0 0px;
	display:block;
	background:#cdd6dd;
}

ul.menu-sub li a {
	background: url(../images/arrow_2level_othermenu.png) 0px 7px no-repeat ;
	color: #3f698e;
	display:block;
} 

ul.menu-sub li span{
	display:block;
	padding: 3px 5px 3px 10px;
}


ul.menu-sub li.active a{
	background: url(../images/arrow_2level_active_othermenu.png) 0px 7px no-repeat ;
}

ul.menu-sub li.active {
	background: url(../images/othermenu_3level_bg_top.png) 100% 0 no-repeat #FFF ;
}

ul.menu-sub li.active span{
	background: url(../images/othermenu_3level_bg_bottom.png) 100% 100% no-repeat;
}

ul.menu-sub li.active.parent ul{
	background: url(../images/othermenu_3level_bg_bottom.png) 100% 100% no-repeat #FFF;
	margin: 0 0 7px 0;
	padding: 0 10px 5px 0 ;
}

ul.menu-sub li li,
ul.menu-sub li.active.parent span,
ul.menu-sub li.active.parent ul ul {
	background:none !important;
}

ul.menu-sub li.active.parent ul ul {
	padding:0;
	margin:0;
}

ul.menu-sub li li {
	padding: 0 0 0 12px;
	margin:0;
}

ul.menu-sub li li a{
	font-size:11px;
	background: url(../images/arrow_3level_othermenu.png) 0px 9px no-repeat !important ;
	color:#739cc0;
}

ul.menu-sub li li span{
	padding: 5px 0 1px 10px;
}

ul.menu-sub li li#current a,
ul.menu-sub li li.active a{
	color:#000;
}

ul.menu-sub li li#current li a,
ul.menu-sub li li.active li a{
	color:#739cc0;
}


/*******************************************/
/*** Modul specific layout elements ***/
/*******************************************/
#right .moduletable {
	padding: 15px 10px 0;
	margin: 0 0 5px ;
}

#right h3 {
	font-weight:normal;
	text-transform:uppercase;
	font-size:14px;
	padding: 0 0 5px 0;
}

.moduletable-m2 {
	background:#cfd7de;
	padding:0 10px 10px;
}

#right .moduletable-m2 a{
	color:#3e6a8e;
	font-weight:bold;
	font-size:14px;
}

#right .moduletable-m2 a.more{
	font-size:12px;
}

#right .moduletable-m2 h3 {
	padding: 10px 0 10px 0;
}


.moduletable-m3 {
	background:#cdd6dd;
	padding: 15px 10px 15px 0;
}


ul.latestnews, ul.eventslist {
	list-style:none;
	list-style-image:none;
}

ul.latestnews li, ul.eventslist li{
	padding: 0 0 15px 0;
}

ul.latestnews span{
	display:block;
	font-size:11px;
	padding: 1px 0;
}

a.latestnews {
	color:#3e6a8e;
	font-weight:bold;
}


/*******************************************/
/**** Component specific layout elements ***/
/*******************************************/

.directory h4 {
	padding: 15px 0 2px;
}

div.directory .border {
	margin:3px 0;
}

div.directory .option {
	display:block;
	float:left;
	width:50%;
	padding: 2px 0 2px 0;
}

div.directory .alphabet a:hover{
	text-decoration:underline;
}

div.directory .alpha {
	color:#a9bbca;
	font-size:24px;
	padding: 15px 0 10px 0;
}

table.directory {
	width:100%;
}

table.directory td {
	vertical-align:middle;
	padding:5px 10px;  
}

table.directory tr.l1 {
	background:#f6f6f9; 
}

table.directory td.name {
	width:200px;
	font-weight:bold;
}

table.directory td.img {
	width:50px; 
}

table.directory td.tel {
	width:100px; 
}

table.directory td.email {
	width:16px;
}

table.directory td.email a{
	background: url(../images/email_icon.png) 50% 0% no-repeat;
	width:16px;
	height:13px;
	display:block;
}

div.directory .person img{
	float:left;
	margin-right:10px;
}

div.directory .person .data,  div.directory .person h2{
	color:#a9bbca;
}

div.directory .person .data {
	padding: 10px 0 0;
}

div.directory .person .data span {
	color:#000;
}


table.projects tr.l1 {
	background:#f6f6f9; 
}

table.projects td {
	vertical-align:middle;
	padding:5px 10px;  
}

table.projects td.title{
	width:320px;
	font-weight:bold;
}

table.projects td.holder{
	width:335px;
}

table.projects td.ico {
	width:16px;
}

table.projects td.ico a {
	background: url(../images/more_icon.png) 50% 50% no-repeat;
	width:15px;
	height:16px;
	display:block;
}

div.project .description{
	font-weight:bold;
	color:#3e698e;
	font-size:11px;
	text-transform:uppercase;
	padding: 5px 0 0;
}

div.project .about span {
	color:#899ba9;
	font-weight:normal;
}

div.project .about .partner,
div.project .about .holder{
	float:left;
	width:50%;
	color:#3e698e;
	font-weight:bold;
}

div.project .about .partner{
	text-align:right;
}

div.project .text {
	padding: 10px 0 0;
}

div.gallery-list {
	padding: 0 15px;
}

div.gallery-list div.row {
	width:100%;
	float:left;
	padding: 25px 0 0;
}

div.gallery-list .item {
	float:left;
	padding-right:32px;
	width:141px;
}

div.gallery-list .item.last{
	float:left;
	padding-right:0;
}

div.gallery-list span a {
	font-size:11px;
	color:#a9bbca;
	display:block;
	padding:5px 0 0;
}


form#searchForm {}

table.searchForm td {
	height:30px;
}

form#searchForm select {	
	background: url(../images/select_bg.png) 50% 50% repeat-x ;
	padding: 3px ;
	border:1px solid #a6b1ba;
 }
 
table.searchintro span,  table.searchResult .blue{
	 color:#a9bbca;
}

table.searchResult td.result a{
	color:#3e698e;
	font-weight:bold;
	font-size:14px;
	padding: 10px 0 5px 0;
	display:block;
}

table.searchResult span.info{
	display:block;
	padding: 0 0 10px;
}

table.searchResult div.line-1, table.searchResult div.line-0{
	padding: 0 5px;
	margin:2px 0 5px;
}

table.searchResult div.line-1 {
	background:#f6f6f9;
}

table.profil td {
	height:30px;
}



/*******************************************/
/*** Modul specific layout elements ***/
/*******************************************/
.search .button {
	margin-left:4px;
	position:relative;
	top:0px;
}

ul#switch-style {
	position:absolute;
	top:-13px;
	left:35px;
	list-style:none;
	list-style-image:none;
}

ul#switch-style li{
	float:left;
	width:80px;
	text-align:center;
}

ul#switch-style li a{
	color:#FFF;
	height:24px;
	line-height:24px;
	display:block;
	padding: 0 5px 0 0;
}

ul#switch-style li.intranet{
	background: url(../images/intranet_left.png) 0 0 no-repeat;
	padding: 0 0 0 5px;
	margin: 0 5px 0 0;
}

ul#switch-style li.intranet a{
	background: url(../images/intranet_right.png) 100% 0 no-repeat;
}

ul#switch-style li.web{
	background: url(../images/web_left.png) 0 0 no-repeat;
	padding: 0 0 0 5px;
}

ul#switch-style li.web a{
	background: url(../images/web_right.png) 100% 0 no-repeat;
}

form#form-login {
	padding-left:20px;
	height:60px;
}

form#form-login .inputbox{
	width:100px;
	border:1px solid #a6b1ba;
	background: url(../images/input_bg_grey.png) 0% 100% repeat-x;
	padding-top:0;
	height:19px;
	float:left;
	margin-bottom:3px;
}

form#form-login span{
	width:65px;
	display:block;
	float:left;
}

form#form-login .button{
	float:right;
	margin-right:23px;
}

form#form-logout {
	padding:10px 0 0 10px;
}

form#form-logout a {
	color:#7aa6cc;
	text-transform:lowercase;
}

span.breadcrumbs {
	font-size:11px;
	color:#a9bbca;
	padding: 0 0 5px;
	display:block;
	width:430px;
}


#footer img {
	padding: 0 6px 0 6px;
}

#footer .copy {
	color:#80878d;
	font-size:11px;
	position:absolute;
	top:67px;
	left:9px;
}

#footer .links{
	position:absolute;
	top:67px;
	left:410px;
	font-size:11px;
	text-align:right;
	width:300px;
}

#footer .copy a{
	color:#3e6a8e;
}


/********************************************/
/***** Content specific layout elements *****/
/********************************************/
a.pagenav {
	color:#3e698e;
}

div.componentheading, div.componentheading a,
table.contentpaneopen td.contentheading, table.contentpaneopen td.contentheading a{
	color:#a9bbca;
	font-size:24px;
	padding: 5px 0 10px 0;
	font-weight:bold;
}

td.createdate {
	padding:5px 0 10px;
}

#main ul, #main ol  {
	list-style:none;
	list-style-image:none;
}

#main li  {
	 background: url(../images/li.png) 3px 7px no-repeat;
	 padding: 3px 0 3px 15px;
}

.createdate span{
	color:#a9bbca;
}

table.blog td.contentheading {
	color:#3e698e;
	font-size:14px;
	font-weight:bold;
	padding: 10px 0 3px 5px !important;
}

table.blog td.contentheading a{
	color:#3e698e;
	font-size:14px;
}

table.blog  table.contentpaneopen {
	font-size:11px;
}

table.blog  table.contentpaneopen td {
	padding-left: 5px;
	padding-bottom:10px;
}

table.blog  table.contentpaneopen td a {
	color:#3e698e;
}

table.blog td.createdate {
	padding:0; 
}

table.blog table.b1 td {
	background:#f6f6f9;
}

table.blog span.border {
	margin:1px 0 0;
}


a.pdf, a.xls, a.doc, a.other,
a.pdf-bg, a.xls-bg, a.doc-bg, a.other-bg {
	display:block;
	padding: 5px 5px;
	font-weight:bold;
	width:expression(document.body.clientWidth < 100% ? "100%": "auto" );
}

a.doc { background: url(../images/doc.png) 99% 50% no-repeat; }
a.pdf { background: url(../images/pdf.png) 99% 50% no-repeat; }
a.xls { background: url(../images/xls.png) 99% 50% no-repeat; }
a.other { background: url(../images/other.png) 99% 50% no-repeat; }

a.doc-bg { background: url(../images/doc-bg.png) 99% 50% no-repeat #f5f6f9; }
a.pdf-bg { background: url(../images/pdf-bg.png) 99% 50% no-repeat #f5f6f9; } 
a.xls-bg { background: url(../images/xls-bg.png) 99% 50% no-repeat #f5f6f9; }
a.other-bg {background: url(../images/other-bg.png) 99% 50% no-repeat #f5f6f9; }


.imgtl {padding: 10px 0 10px 10px;}
.imgtr {padding: 10px 10px 0 0; }
.imgbl {padding: 0 0 10px 10px;}
.imgbr {padding: 0 10px 10px 0;}

table.blog-fp {
	margin-top:10px;
}

table.contentpaneopen-fp span {
	font-size:10px;
	color:#000;
	text-transform:uppercase;
}

table.contentpaneopen-fp td.createdate {
	font-size:16px;
	color:#a9bbca;
	padding:0 0 5px 0;
	text-transform:lowercase;
}

table.contentpaneopen-fp img {
	border:1px solid #e5e5e5;
	padding:5px;
	margin: 0 0 5px 0;
}

table.contentpaneopen-fp .contentpagetitle-fp {
	font-size:14px;
	font-weight:bold;
	color:#3e698e;
}

table.blog-fp td.row-separator {
	background: url(../images/border.png) 0% 50% repeat-x ;
	height:29px;
}

table.blog-fp td.column-separator {
	width:1px !important;
	padding: 0 4px;
	background: url(../images/border-ver.png) 50% 50% repeat-y;
}


table.toolbar-view {
	position:absolute;
	font-size:11px;
	color:#b7b7b8;
	top:0px;
	right:10px;
	width:220px;
}

table.toolbar-view a{
	color:#b7b7b8;
}

table.toolbar-view td.buttonheading {
	padding: 0 0 0 10px;
	white-space:nowrap;
}

table.toolbar-view td.buttonheading.print a{
	background: url(../images/print.png) 0% 50%  no-repeat;
	padding: 0 0 0 12px;
}

table.toolbar-view td.buttonheading.email a{
	background: url(../images/send.png) 0% 50% no-repeat;
	padding: 0 0 0 12px;
}

table.toolbar-view td.buttonheading.fontsize  {
	white-space:nowrap;
}

table.toolbar-view td.buttonheading.fontsize a {
	padding: 0 2px;
}

table.toolbar-view td.buttonheading.fontsize a:hover {
	color:#1f76c1;
}

table.toolbar-view td.buttonheading.fontsize a.small { font-size:9px; }
table.toolbar-view td.buttonheading.fontsize a.normal { font-size:11px; }
table.toolbar-view td.buttonheading.fontsize a.big { font-size:12px; }