* {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 100%;
	margin: 0;
	padding: 0;
}

.clear:after {
	content: ".";
	display: block;
	height: 0;	
  clear: both;
	visibility: hidden;
}

.clear { 
  display: inline-table;
}

/* Hides from IE-mac \*/
* html .clear {
  height: 1%;
}

.clear {
  display: block;
}
/* End hide from IE-mac */

.cl {
  clear: both;
}

.floatwrap { 
	overflow: hidden;
}

img, fieldset {
  border: 0;
}

a, a *, button, button * {
	cursor: pointer;
}

a, :focus {
	outline: 0;
}

a img {
	vertical-align: middle;
}

textarea {
	overflow: auto;
}

/* screen definitions */
@media screen {
	ul {
		list-style: none;
	}
	
	.access, #header h1 span, #header h2, .front #teaser a * {
		display: none;
	}	
	
	html, body {
		background: #ccdbdf;
		height: auto;
	}

	body {
		color: #606525;
		font-size: .75em;
		text-align: center;
	}

	#siteholder, #header, #teaseImg, #middle {
		display: block;
		width: 100%;	
	}

	#siteholder {
		background: #fff;
		margin: 0 auto;
		min-width: 960px;	
		max-width: 1085px;
		text-align: left;
		width: 80%;
	}

	#header {
		padding: 10px 0;
	}

	#header h1, #header h1 a {
		display: block;
		height: 60px;
		width: 241px;
	}

	#header h1 {
		background: transparent url('../img/telematika.gif') 10px top no-repeat;
		float: left;
		padding-left: 10px;
	}

	#metaNav {
		float: right;
		font-size: .95em;
		padding: 12px 20px 0 0;
		text-align: right;
		width: 480px;
	}
	#metaNav h3 {
		font-size: 1.25em;
		padding: 8px 0 0 0;
	}

	#metaNav, #metaNav a,
	#mainNav, #mainNav a,
	#breadcrumbs a {
		color: #606525;
		text-decoration: none;
	}

	#metaNav a {
		margin-left: 10px;
	}

	#metaNav a:hover, #metaNav a:focus, #mainNav a:hover, #mainNav a:focus,
	#breadcrumbs a:hover, #breadcrumbs a:focus, #breadcrumbs .cur {
		color: #d3bf64;
	}

	#metaNav a:hover, #metaNav a:focus,
	#breadcrumbs a:hover, #breadcrumbs a:focus {
		text-decoration: underline;
	}

	#teaseImg {
		background: transparent url('../img/teaseimg1.jpg') left top repeat-x;
		display: block;
		height: 125px;
	}

	#middle {
		background: #e8e9df;
	}

	#middleLeft {
		background: #cfd1bd;
		color: #606525;
		margin-right: 200px;
	}

	#middleLeft a, .front #middle a {
		color: #ba9801;
		text-decoration: underline;
	}

	#breadcrumbs {
		background: #f6f6f2;
		font-size: .9em;
	}

	#breadcrumbs .breadcrumbsWrap {
		padding: 10px 0 10px 228px;
	}

	#breadcrumbs, #breadcrumbs a {
		color: #9ea179;
		text-decoration: none;
	}

	#breadcrumbs a, #breadcrumbs span {
		padding: 2px 3px;
	}

	#mainNav, #middleRight {
		width: 200px;
	}

	#mainNav {
		background: #fff;
		float: left;
		padding-bottom: 2em;
		margin-bottom: 20em;
	}

	#mainNav .contWrap {
		overflow: hidden;
		padding-bottom: 0;
	}

	#mainNav ul {
		margin-bottom: -1px;
	}

	#mainNav li ul {
		margin: 0;
	}

	#mainNav li {
		border-bottom: 1px solid #efefe9;
	}

	#mainNav li a, #mainNav li span {
		color: #606525;
		display: block;
		font-weight: bold;
		padding: .6em 0;
	}

	#mainNav li a, #mainNav li span {
		background: transparent url('../img/mainnav-li.gif') right 50% no-repeat;
		padding-right: 10px;
		text-decoration: none;
	}

	#mainNav li a:hover, #mainNav li a:focus {
		background-image: url('../img/mainnav-li-hover.gif');
		color: #ba9801 !important;
	}

	#mainNav .act a, #mainNav .act span,
	#mainNav .act a:hover, #mainNav .act a:focus {
		background-image: url('../img/mainnav-li-act.gif');
		color: #ba9801;
	}

	#mainNav li ul {
		font-size: .9em;
	}

	#mainNav li li {
		border-top: 1px solid #efefe9;
		border-bottom: 0 none;
	}

	#mainNav li li a, #mainNav li li span,
	#mainNav li li a:hover, #mainNav li li a:focus,
	#mainNav .act li a, #mainNav .act li span,
	#mainNav .act li a:hover, #mainNav .act li a:focus {
		background: none;
		color: #606525;
		font-weight: normal;
	}

	#mainNav li ul .act a, #mainNav li ul .act span,
	#mainNav li ul .act a:hover, #mainNav li ul .act a:focus {
		background: transparent url('../img/mainnav-li-sub-act.gif') left 11px no-repeat;
		color: #ba9801;
		padding-left: 10px;
	}

	#middleRight {
		float: right;
		font-size: .9em;
	}

	#search {
		background: #ced0bc url('../img/searchbg.gif') left top repeat-x;
		padding: 15px 12px;
	}

	#search .searchWrap {
		background: #fff;
		padding: 4px 5px 2px;
	}

	#search label, #search button span {
		display: none;
	}

	#search input {
		background: transparent;
		color: #606525;
		border: 0 none;
		float: left;
		margin-top: 3px;
		width: 146px;
	}

	#search button {
		background: transparent url('../img/zoom.gif') 50% 50% no-repeat;
		border: 0 none;
		height: 20px;
		width: 20px;
	}

	#middleRight .rightWrap {
		padding: 12px;
	}

	#middleRight .rightWrap a {
		color: #ba9801;
		text-decoration: underline;
	}

	#middleRight .rightWrap a:hover, #middleRight .rightWrap a:focus {
		text-decoration: none;
	}

	#middleRight #newsRight,
	#middleRight #sitebox {
		padding: 10px 0 20px;
	}

	#middleRight #newsRight .entry {
		border-bottom: 1px solid #d4d5c3;
		padding: 15px 2px;
	}

	#middleRight h3, #middleRight h4 {
		padding-bottom: 8px;
	}

	#middleRight p {
		color: #878a63;
	}

	#middleRight .more {
		padding-top: 5px;
	}

	#middleRight #sitebox {
		padding-top: 30px;
	}

	#middleRight #sitebox .entry {
		background: #f2f3ed;
		border-right: 1px solid #e6e7e1;
		border-bottom: 1px solid #dfe0da;
		margin-bottom: 5px;
		padding: 10px;
	}

	#cont {
		background: #fff;
		margin-left: 200px;	
	}

	.contWrap {
		padding: 2em 20px;
	}

	#cont .contWrap {
		min-height: 65em;
		padding: 2em 50px 3em 30px;
	}

	#cont h2 {
		font-size: 2em;
		font-weight: normal;
		padding-bottom: 0.1em;
	}

	#cont h3 {
	/*	color: #ac9015;*/
		font-size: 1.1em;
		padding: 30px 0 5px 0;
	}
	
	#cont h4 {
		font-size: 1em;
		margin: 1em 0 0 0;
		padding-bottom: 0;
	}
	
	#cont h4 em {
		font-style: normal;
		font-weight: normal;
	}

	#cont .tease {
		color: #ac9015;
		line-height: 150%;
		padding: 0.6em 0 2em;
	}

	#cont a:hover {
		text-decoration: none;
	}

	#cont p {
		display: block;
		line-height: 170%;
		padding-bottom: 1em;
	}

	#cont ul, #frontRowIntro ul {
		line-height: 150%;
		padding: 0.5em 0;
	}

	#cont ul li, #frontRowIntro ul li {
		background: transparent url('../img/cont-list-li.gif') left .4em no-repeat;
		padding: 0 0 1.3em 10px;
	}

	#cont .list li, #frontRowIntro .list li {
		background-position: left .7em !important;
		padding: 3px 0 3px 10px !important;
	}

	.splitbox {
		background: transparent url('../img/dot.gif') 50% top repeat-y;
		border-top: 1px solid #efefe9;
		padding: 20px 0;
	}

	.splitbox .lft {
		float: left;
		width: 48%;
	}

	.splitbox .rgt {
		float: right;
		width: 47%;
	}







	.img-left {
		float: left;
		margin: 4px 30px 10px 0;
		text-align: left;
	}

	.img-right {
		float: right;
		margin: 4px 0 10px 30px;
		text-align: right;
	}

	.img-left .im, .img-right .im {
		display: block;
		margin-bottom: 2px;
	}

	.img-left .descr, .img-right .descr {
		color: #8f9366 !important;
		font-size: .85em;
		text-decoration: none !important;
	}

	.img-left .descr:hover span, .img-right .descr:hover span {
		color: #ba9801 !important;
		text-decoration: underline !important;
	}





	#cont .in {
		background: #f6f6f2;
		border: 1px solid #efefe9;
		color: #606525;
		font-size: 100%;
		width: 38em;
	}

	#cont input.in, #cont textarea.in {
		padding: 4px;
	}

	#cont .sbtn {
		background: #ba9801;
		border: 0 none;
		color: #fff;
		font-weight: bold;
		padding: 5px 10px;
	}

	#cont select.in {
		width: 39em;
	}

	#cont form p {
		padding: 2px 0;
	}

	#cont label {
		margin-right: 10px;
	}

	#cont .lab {
		font-weight: bold;
	}

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

	#cont table .ri {
		text-align: right;
	}

	#cont th, #cont td {
		padding: 3px 5px;
		text-align: left;
	}

	#cont thead th {
		background: #ba9801;
		color: #fff;
	}

	#cont .odd td, #cont .codd {
		background: #efefe9;
	}

	#cont .list {
/*		margin-left: 4px;*/
		margin-top: 0;
		padding: 0 0 1.5em .5em;
	}

	#cont .list, #cont .sitemap, #cont .sitemap ul {
		list-style: none;
	}

	#cont .sitemap ul {
		margin-left: 10px;
	}

	#cont .list li, #cont .sitemap li {
		background-position: left .65em;
		display: block;	
		padding: 3px 2px 3px 12px;
	}

	#cont .list ul {
		margin-left: 5px;
	}

	#cont .list li {
		padding: 5px 2px 5px 12px;
	}

	#cont .list li li, #cont .sitemap li li li {
		background: transparent url('../img/bullet_small.gif') left 10px no-repeat;
	}

	#cont .list li ul {
		font-size: .9em;
		padding: 4px 0;
	}

	#cont .list li li ul {
		font-size: 1em;
	}

	#cont .list li li li {
		background: transparent url('../img/bullet_arrow.gif') left 10px no-repeat;
	}

	#cont .sitemap li {
		font-weight: bold;
	}

	#cont .sitemap li ul, #cont .sitemap li li ul {
		padding-bottom: 0 !important;
		padding-top: 0 !important;
		margin-bottom: 0 !important;
		margin-top: 0 !important;
	}

	#cont .sitemap li li {
		font-weight: normal;
		padding: 3px 2px 3px 10px !important;
	}

	#cont .sitemap li li li {
		font-size: .9em;
	}

	#cont .newsblock, #cont .resultsblock, #cont .ref .entry {
		border-bottom: 1px solid #efefe9;
		margin-bottom: 15px;
		padding: 10px 0 5px 0;        
	}

	#cont .newsblock .date {
		color: #ba9801;
		font-size: .9em;
		padding: 0;
	}

	#cont .newsblock h3 {
		padding-top: 0;
	}

	#cont .newsblock p, #cont .resultsblock p {
		padding-bottom: 5px;
	}


	#cont .resultsblock strong {
		background: #fffacc;
		color: #333;
	}

	#cont .files {
		background: #efefe9;
		display: block;
	}

	#cont .files h3 {
		background: #ba9801;
		color: #fff;
		display: block;
		font-size: 1em;
		margin: 0 0 2px 0;
		padding: 6px 10px 5px;
	}

	#cont .files .entries {
		padding: 1px 2px 0 2px;
	}

	#cont .files .entries p {
		padding: 0;
	}

	#cont .files .file {
		background: #fff;
		margin-bottom: 2px;
		padding: 10px;
	}

	#cont .files .file .im {
		display: block;
		float: left;
		width: 40px;
	}

	#cont .files .file .tx {
		margin-left: 40px;
	}

	#cont .files .entries .small {
		font-size: .95em;
	}











	.more {
		color: #606525;
		font-weight: bold;
	}

	.more a {
		font-weight: normal;
	}

	#opts {
		border-top: 1px solid #efefe9;
		font-size: .9em;
		margin-top: 7em;
		padding: 1em 0;
	}

	#opts .print {
		background: transparent url('../img/print.gif') left .2em no-repeat;
		float: left;
		padding-left: 18px;
	}

	#opts .gotop {
		background: transparent url('../img/gotop.gif') right .25em no-repeat;
		float: right;
		padding-right: 10px;
		text-align: right;
	}

  #opts .bookmark {
    width: 200px;
    margin-left: 17.5em;
  }

	#footer {
		background: #606525;
		color: #cccdb9;
		font-size: .86em;
		margin-top: 10em;
		padding: 15px 30px;
	}

	.front a {
		text-decoration: underline !important;
	}

	.front a:hover, .front a:focus {
		text-decoration: none !important;
	}

	.front p {
		line-height: 150%;
	}

	.front #middle .contWrap {
		background: transparent url('../img/teaseimg-front.jpg') left top repeat-x;
		padding: 200px 20px 30px 20px;
		position: relative;
	}

	.front #frontRowIntro .cBox {
		min-height: 39em; /* 33 */
		min-height: 43em; /* 37 */
	}

	.front #frontRowIntro, .front #frontRowRef, .front #frontRowOpt,  .front #frontRowOpt2 {
		margin-bottom: 20px;
	}

	.front #frontRowIntro .teaseBox {
		margin-right: 45.7em;
		padding: 15px 50px 15px 20px !important;
	}

	.front #frontRowIntro .teaseBox p {
		line-height: 160%;
		padding: 10px 0;
	}

	.front #frontRowIntro .teaseBox h2 {
		font-size: 1.6em;
		font-weight: normal;
		line-height: 140%;
		padding-bottom: 1em;	
	}

	.front #frontRowIntro .teaseBox h3 {
		font-size: 1.2em;
		font-weight: normal;
		line-height: 150%;
		padding-bottom: 15px;
	}

	.front #frontRowIntro .smallBoxes {
		float: right;
		width: 44.5em;
	}

	.front #frontRowIntro .smallBoxes ul {
		padding-top: 112px;
	}

	.front #frontRowIntro .smallBoxes .products ul,
	.front #frontRowIntro .smallBoxes .services ul {
		background: transparent url('../img/tease-products.jpg') 50% 10px no-repeat;
	}

	.front #frontRowIntro .smallBoxes .services ul {
		background-image: url('../img/tease-services.jpg');
	}

	.front #frontRowIntro .smallBoxes li {
		background: #f6f6f2;
		display: block;
		font-size: .9em;
		padding: 10px;
		margin-top: 1px;
	}

	.front #frontRowIntro .smallBoxes li a {
		font-size: 1.1em;
		font-weight: bold;	
		text-decoration: none !important;
	}

	.front #frontRowIntro .smallBoxes li a:hover,
	.front #frontRowIntro .smallBoxes li a:focus {
		text-decoration: underline !important;
	}

	.front #frontRowIntro .smallBoxes li span {
		display: block;
		padding-top: 3px;
	}

	.front #frontRowIntro .products,
	.front #frontRowIntro .services {
		width: 20em;
	}

	.front #frontRowIntro .products {
		float: left;
	}

	.front #frontRowIntro .services {
		float: right;
	}

	.front #middle .cBox {
		background: #fff;
		display: block;
		padding: 15px 10px;
	}

	.front #frontRowRef {
		background: #e0e1d4;
		padding: 10px;
	}

	.front #frontRowRef .refBoxes {
		padding-right: 0;
		margin-right: 21em;
	}

	.front #frontRowRef .contact {
		float: right;
		padding-left: 1em;
		width: 21em;
	}

	.front #frontRowRef .contact .cBox {
		background: #fff url('../img/phone.gif') 10px 20px no-repeat;
		padding-left: 70px;
		padding-right: 20px;
	}

	.front #frontRowIntro .teaseBox h3,
	.front #frontRowRef .contact h3 {
		color: #ba9801;
	}

	.front #frontRowRef .contact h3 {
		padding-top: 10px;
	}

	.front #frontRowRef .contact p {
		padding-bottom: 10px;
	}

	.front #frontRowRef .contact .tel {
		display: block;
		font-weight: bold;
		padding-bottom: 3px;
	}

	.front #frontRowRef .cBox {
		min-height: 13em;
	}

	.front #frontRowRef h3 {
		font-size: 1.1em;
		padding-bottom: 10px;
	}

	.front #frontRowRef h4 {
		font-size: 1em;
	}

	.front #frontRowRef .cBox {
		font-size: .9em;
	}

	.front #frontRowRef .refBox {
		display: block;
		float: left;
		width: 49%;
	}

	.front #frontRowRef .refBox .img {
		float: left;
		width: 110px;
	}

	.front #frontRowRef .refBox .txt {
		margin-left: 112px;
		padding-right: 15px;
	}

	.front #frontRowRef .refBox .txt p {
		padding-top: 4px;
	}

	.front #frontRowOpt, .front #frontRowOpt2 {
		font-size: .9em;
		line-height: 150%;
	}

	.front #frontRowOpt .cBoxWrap {
		margin-left: -11px;
	}

	.front #frontRowOpt .col {
		display: block;
		float: left;
		width: 33%;
	}

	.front #frontRowOpt .col h4 {
		padding-bottom: 5px;
	}

	.front #frontRowOpt .col .colWrap {
		border-left: 1px solid #efefe9;
		padding: 5px 20px;
	}

	.front #frontRowOpt .first .colWrap {
		padding-left: 20px;
	}

	.front #footer {
		margin: 0;
		text-align: center;
	}
	
	.front #teaser {
		display: block;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
	}
	
	.front #teaser a {
		display: block;
		height: 200px;
	}
	
	#cont .ref {
		overflow: hidden;
	}
	
	#cont .ref .entry {
		overflow: hidden;
	}
	
	#cont a.toggle, #cont .toggle {
		text-decoration: none;
		color: #606525;
		font-weight: bold;
		display: block;
		padding: 5px 5px 5px 19px;
		border: 1px solid #d0d2be;
		width: 85%;
		background: transparent url('../img/icon-plus.gif') 5px 0.9em no-repeat;
	}
}
/* / screen definitions */


/* print definitions */
@media print {
	html, body {
		background: #fff;
		color: #000;
	}
	
	a {
		color: #997d00;
		text-decoration: underline;
	}
	
	h1 {
		font-size: 1.6em;
	}
	
	h2 {
		font-size: 1.1em;
	}
	
	.access, #metaNav, #teaseImg, #middleRight, #mainNav, #opts {
		display: none;
	}
	
	h1 a, #breadcrumbs a, .img-left a, .img-right a {
		color: #000;
		text-decoration: none;
	}
	
	#header {
		border-bottom: 1px solid #000;
		padding-bottom: .5em;
	}
	
	#footer {
		border-top: 1px solid #000;
		font-size: .7em;
		margin-top: 2em;
		padding-top: .5em;
	}
	
	#breadcrumbs {
		font-size: .9em;
		padding: 1em 0;
	}
	
	#cont {
		padding: 2em 0;
	}
	
	#cont h2, #cont h3, #cont h4 {
		font-size: 1em;
		padding-bottom: 1em;
	}
	
	#cont h2 {
		font-size: 1.5em;
	}
	
	#cont .tease {
		font-size: 1.1em;
	}
	
	.img-left {
		float: left;
		margin: 4px 30px 10px 0;
		text-align: left;
	}

	.img-right {
		float: right;
		margin: 4px 0 10px 30px;
		text-align: right;
	}

	.img-left .im, .img-right .im {
		display: block;
		margin-bottom: 2px;
	}

	.img-left .descr, .img-right .descr {		
		font-size: .85em;
		text-decoration: none !important;
	}

	.img-left .descr:hover span, .img-right .descr:hover span {
		text-decoration: underline !important;
	}
	
	
	
	#cont p {
		padding-bottom: 1.5em;
	}
	
	#cont ul {
		/*list-style: ;*/
		padding-left: 1.3em;
	}
	
	#cont li {
		padding: .1em 0;
	}
	
	table {
		border-right: 1px solid #000;
		border-bottom: 1px solid #000;
		border-collapse: collapse;
		border-spacing: 0;
		width: 100%;
	}
	
	td, th {
		border: 1px solid #000;
		border-right: 0 none;
		border-bottom: 0 none;
		padding: 4px;
		text-align: left;
	}
	
	.in {
		width: 80%;
	}
	
	#cont .newsblock, #cont .resultsblock {
		padding-bottom: 1em;
	}
	
	#cont .newsblock p, #cont .resultsblock p, #cont .files .file .tx p {
		padding-bottom: .3em;
	}
	
	#cont .files .file .im {
		display: block;
		float: left;
		width: 50px;
	}

	#cont .files .file .tx {
		margin-left: 50px;
	}

	#cont .files .entries .small {
		font-size: .9em;
	}	
}
/* / print definitions */