html { background: #FFF }
a img { border: none 0 }
.clear { clear: both; font: normal 1px/1px sans-serif; visibility: hidden }

@media screen
{
	html { height: 100%; margin: 0; padding: 0; width: 100% }
	html { background: #a40000 }
	body { background: #a40000 url('../images/bg.gif') repeat-x; min-height: 100%; margin: 0; padding: 0; width: 100% }
	* html body { height: 100% }


	div.container { background: #fff url('../images/content-bg.gif') repeat-y; width: 770px; margin: 0 auto; position: relative; text-align: left }
	div.container.col-3 { background: #fff url('../images/content-bg-3.gif') repeat-y }
	div.head { background: #600001 url('../images/head-bg.jpg') no-repeat 0 20px; height: 123px }
	div.head a { text-decoration: none; color: #dfcdcb }
	div.head a.logo { background: url('../images/logo.gif') no-repeat; position: absolute; height: 95px; left: 6px; text-indent: -1000em; top: 27px; width: 204px }
	body.lang-de div.head a.logo { background: url('../images/logo-de.gif') no-repeat }
	body.lang-en div.head a.logo { background: url('../images/logo-en.gif') no-repeat }
	div.head a.logo img { height: 61px }
	div.head a.language { font: normal 11px/20px Tahoma, Arial, sans-serif; margin-left: 22px; padding-left: 24px; background: no-repeat 0 50%; position: absolute; top: 0 }
	div.head a.language.l-de { background-image: url('../images/l-de.gif') }
	div.head a.language.l-en { background-image: url('../images/l-en.gif') }
	div.head a.language.l-sk { background-image: url('../images/l-sk.gif') }
	div.head ul { position: absolute; left: 185px; top: 0; overflow: hidden; margin: 0; padding: 0 }
	div.head ul li { list-style: none outside; display: inline; float: left; padding-left: 41px; font: normal 11px/20px Trebuchet MS, Arial, sans-serif; background: url('../images/head-menu-sep.gif') no-repeat 20px 50% }
	div.head ul li.first { background: none }
	div.search { margin: 10px 0; padding: 10px 0; background: url('../images/sep-blue.gif') repeat-x left bottom }
	div.search input.button { border: solid 1px #1F54B4; background: #557ED8; color: #FFF; height: 17px; font: normal 11px Tahoma, Arial, sans-serif }

	div.left { float: left; width: 220px; background: #F9F9F9 }
	div.left .title { padding: 4px 16px 15px 16px; font: bold 14px/17px Trebuchet MS, Arial, sans-serif; letter-spacing: -0.05em; color: #FFF; background: #1F3773 url('../images/left-h1.gif') repeat-x left bottom; text-transform: uppercase }

	div.left div.left-menu { margin: 5px 14px 20px 16px; font: normal 11px/14px Arial, sans-serif; color: #585858 }
	div.left div.left-menu a { color: #585858; text-decoration: none }
	div.left div.left-menu a.active { color: #630100; font-weight: bold }
	div.left div.left-menu a:hover { color: #630100 }
	div.left div.left-menu ul { margin: 0; padding: 0; list-style: none outside }
	div.left div.left-menu ul li { margin: 0; padding: 7px 3px; background: url('../images/sep-grey.gif') repeat-x; font-weight: bold }
	div.left div.left-menu ul li.first { background: none }
	div.left div.left-menu ul ul { margin: 5px 0 5px 8px; display: none }
	div.left div.left-menu ul ul li, div.left div.left-menu ul ul li.first { padding: 0 0 0 6px; background: url('../images/left-menu-bullet.gif') no-repeat 0 0; font-weight: normal }
	div.left div.left-menu ul.expanded { display: block !important }
	div.left div.left-menu ul.collapsed { display: none !important }

	div.main div.left div.counter { margin: 0 14px 20px 16px; padding: 10px 3px 5px 3px; border-top: solid 1px #B1B1B1; font: normal 11px Arial; color: #1F3775; text-transform: uppercase }

	div.col-3 div.right { float: right; width: 187px; margin-right: 17px; display: inline }
	div.col-2 div.right { display: none }

	div.content { float: left; margin-left: 16px; overflow: hidden }
	div.col-2 div.content { width: 517px }
	div.col-3 div.content { width: 298px }

	div.sitemap ul { margin: 10px 0 10px 24px }

	.title { margin: 0; padding: 8px 0 11px 0; font: bold 14px/17px Trebuchet MS, Arial, sans-serif; color: #600001; background: url('../images/sep-blue.gif') repeat-x left bottom; text-transform: uppercase }

	div.footer { width: 760px; clear: both; padding: 0 5px; font: normal 10px/20px Trebuchet MS, Arial, sans-serif; background: #da8c8c; color: #f4dad9 }
	div.footer a { color: #f4dad9; text-decoration: none }

	div.calendar { border: solid 1px #ae0001; margin: 10px 0; background: #e58181; padding: 7px 18px }
	div.calendar table { table-layout: fixed; width: 147px; border-collapse: collapse }
	div.calendar table td { padding: 0; border: solid 1px #e48080; background: #FFF; text-align: center; vertical-align: middle; font: normal 10px/14px Trebuchet MS, Arial, sans-serif }
	div.calendar table thead td { background: #620001; border: solid 1px #e58181; color: #FFF; font-size: 11px }
	div.calendar table thead a { display: block; color: #FFF; text-decoration: none; font-weight: bold }
	div.calendar table tbody td.current * { display: block; padding: 2px; background: #ff0101; border: solid 1px #FFF; color: #FFF; text-decoration: none; font-weight: bold }
	div.calendar table tbody td.active a { font-weight: bold; font-weight: normal }
	div.calendar table td.weekend { color: #777; background: #fee1e3 }
	div.calendar table td.offday { color: #777; background: #fee1e3 !important }
	div.calendar table td.offday * { }
	div.calendar table tbody td * { display: block; padding: 2px; border: solid 1px #FFF; }

	ul.documents { list-style: none outside; font: normal 11px Trebuchet MS, Arial, sans-serif; margin: 0; padding: 0 }
	ul.documents li { padding: 5px 0 5px 25px; }
	ul.documents li a { color: #4B4B4B; text-decoration: none }

	ul.documents li { background: url('../images/doc/def.gif') no-repeat 0 5px }
	ul.documents li.pdf { background: url('../images/doc/pdf.gif') no-repeat 0 5px }
	ul.documents li.doc { background: url('../images/doc/doc.gif') no-repeat 0 5px }
	ul.documents li.ppt { background: url('../images/doc/ppt.gif') no-repeat 0 5px }
	ul.documents li.xls { background: url('../images/doc/xml.gif') no-repeat 0 5px }
	ul.documents li.zip { background: url('../images/doc/zip.gif') no-repeat 0 5px }
	ul.documents li.rar { background: url('../images/doc/zip.gif') no-repeat 0 5px }

	ul.links { margin: 20px 0 10px 0; padding: 0; list-style: none outside }
	ul.links li { text-align: right }
	ul.links li a { text-decoration: none; color: #586E97; font: bold 11px/14px Arial, sans-serif }

	div.news h3 a { color: #023bac }
	
	.quick-menu { margin: 15px 14px 5px 16px; padding: 0 }
	ul.quick-menu li { list-style: none outside; margin: 0; padding: 2px 0; }
	ul.quick-menu a { color: #585858; text-decoration: none }
	ul.quick-menu a.active { color: #630100; font-weight: bold }
	ul.quick-menu a:hover { color: #630100 }
}

@media print 
{
	.no-print { display: none }

	div.head a.language { display: none }
	div.head a.logo { display: block }
	div.head ul { display: none }
	div.head form { display: none }

	div.left { display: none }

	div.footer { clear: both; padding: 5px; border-top: solid 1px; font-size: 8pt }
}

.project-details th { text-align: left }
.project-list { width: 100% }
.project-list thead td, .project-list thead th { font-weight: bold; text-align: center }
.project-list th { text-align: left }

/* menu taby */

#tabsJ.bordered {border-bottom:1px solid #24618E}
#tabsJ 
{	
	margin:0; padding:0;
      float:left;
      width:100%;
      background:#FFF;
      font-size:93%;
      line-height:normal;
	  /*border-bottom:1px solid #24618E;*/
      }
    #tabsJ ul {
	  margin:0;
	  padding:0px 10px 0 50px;
	  list-style:none;
      }
    #tabsJ li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsJ a {
      float:left;
      background:url("../images/tableftJ.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 5px;
      text-decoration:none;
      }
    #tabsJ a span {
      float:left;
      display:block;
      background:url("../images/tabrightJ.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#24618E;
      }
    
    #tabsJ a span {float:none;}
    
    #tabsJ a:hover span {
      color:#FFF;
      }
    #tabsJ a:hover {
      background-position:0% -42px;
      }
    #tabsJ a:hover span {
      background-position:100% -42px;
      }

	/*hr.menubar { background-color:Red; }*/