html, body {
    background: url('../images/bgr.png') repeat-x left top;
    margin: 0; padding: 0;
}
body {
    font-family: Tahoma, "Arial CE", Arial, "Lucida Grande CE", Lucida, "Helvetica CE", Helvetica, sans-serif;
    font-size: 0.80em; text-align: center;
}
#main{
 width: 980px;
 margin: -1px auto 0 auto;
 border: 4px solid #fff;
 border-width: 0 2px;
 border-top: 1px solid #fff;
 background: #fff url('../images/bgrmain.jpg') repeat-x top left;
 position: relative;
}
h1, h1 span {
	display: block;
	width: 208px;
	height: 84px;
	padding: 0;
	margin: 0;
	font-size: 120%;
	overflow: hidden;
	float: left;
	position: relative;
	text-align: left;
}
h1 a {
	color: #868e95;
	text-decoration: none;
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
}
h1 span {
	top: 0;
	left: 0;
	position: absolute;
	background: transparent url('../images/logo.jpg') no-repeat;
	z-index: 10;
	cursor: pointer;
	margin: 0;
}
 
#topmenu{
    font-size: 11px;
    margin: 28px 0 0 0; padding: 0; 
    width: 769px; 
    _width: 766px;
    background: #177f4c url('../images/bgrmenu.gif') repeat-x;
    z-index: 500;
    float: right;
    list-style-type: none;
    height: 44px; 
}
#topmenu li span{
    background:  url('../images/bgrmenulidown.gif') no-repeat center 4px; 
    display: block;
    height: 44px;
    margin: 0;
}
#topmenu li {
    float: left; width: 122px; _width: 130px;
    padding : 0 5px 0 3px;
    position: relative;
    list-style-type: none;
    height: 45px; 
    display: block; 
    background:  url('../images/bgrstrips.gif') no-repeat right top;     
}
#topmenu li.last {
    background:  transparent;    
    width: 100px;
    _width: 105px;
}
#topmenu li a{
 display: block; 
 background:   url('../images/bgrmenuli.gif') no-repeat center 4px; 
 text-transform: uppercase;
 padding-top: 18px;
 color: #fff;
 text-decoration: none;
}
#topmenu li a:hover{
 background:  transparent; 
 font-weight: bold;
}
#topmenu li a.active{
  background: url('../images/bgrmenuliactive.gif') no-repeat center 4px; 
}
#top{
 height: auto;
 min-height: 500px;
 _height: 500px;
 background: url('../images/srafy.jpg') no-repeat left 85px;
 margin-top: -1px ;
 border-top: 1px solid #fff; 
}
#graphic{
 text-align: left;
 clear: both;
 float: right;
 border: 0px solid #fff;
 margin: -1px 8px 0 0;
 .margin: 11px 8px 0 0; 
 _margin: 10px 2px 0 0; 
 width: 751px;
  height: 212px;
 background: url('../head_images/img1.jpg') no-repeat left top;
}

#green{
 position: absolute;
 background: #14553D;
 font-size: 150%;
 color: #fff;
 z-index: 500;
 top: 236px;
 left: 221px;
 font-size: 20px;
 height: 50px;
  line-height: 50px;
 padding: 0 25px 0 25px;
 width: auto;
 min-width: 320px;
 _width: 320px;
 text-align: left; 
}
#green p{
 margin: 0;
 padding: 0;
}
#content{
 float: right;
 clear: both;
 text-align: left;
 margin-left: 0px;
 width: 714px;
 _width: 764px;
 background: url('../images/tecky_vertical.gif') repeat-y left top;
 padding: 2em 2em 1em 2em;
 margin-bottom: 2em;
 .margin-bottom: 0em;
}
h2{
 background: url('../images/h2.gif') no-repeat left center;
 padding-left: 30px;
}
#xtopmenu li a, #xtopmenu li span {
    display: block; background: url('../images/xtopmenubt.png') 0 0 no-repeat; margin: 1px; padding: 21px 0 22px 0; line-height: 0;
    text-decoration: none; color: #000; font-weight: normal;
    _margin/**/: 1px; _padding/**/: 21px 0 22px 0;
    height: 0;
    _height: 43px;
}
#text ul{
 list-style-type: square;
 color: #008F48;
}
#text ul li span{
 list-style-type: square;
 color: #333333;
}
#leftbox{
 floaT: left;
 width: 211px;
 _width: 209px; 
}
#leftbox #inmenu, #leftbox #nomenu{
 .margin-top: 211px;
 background:  #13563D url('../images/leftboxmenu.jpg') repeat-y left top;
 color: #fff;
 text-align: right;
}
#leftbox #nomenu{
 margin-top: 20px;
 .margin-top: 231px;
 margin-left: 10px;
}
 #leftbox #nomenu{
   background: transparent;
 text-align: left;   
 color: #333333
 }
#leftbox #inmenu ul{
 margin: 0;
 padding: 0;
 }

#leftbox #inmenu ul li{
 list-style-type: none;
 background:  url('../images/leftmenuli.jpg') no-repeat left bottom; 
 margin: 0;
 padding: 0;
}
#leftbox #inmenu ul li.directed{
 background: #fff;
 border-top: 1em solid #fff;
} 
#leftbox #inmenu ul li span{
 display: block;
  background:  url('../images/leftmenuspan.gif') no-repeat right center; 
}
#leftbox #inmenu ul li.directed span{
 background: #fff;
}
#leftbox #inmenu a{
  display: block;
  color: #fff;
 padding: 9px 20px 9px 0 ;
  background:  url('../images/leftmenua.gif') no-repeat right center; 
  text-decoration: none;
  font-weight: bold;
}
#leftbox #inmenu li.directed  a{
  display: block;
  color: #14553D;
 padding: 9px 20px 9px 0 ;
  background:  transparent; 
  text-decoration: underline;
  font-weight: bold;
}
#leftbox #inmenu li.active a{
  background:  url('../images/leftactive.gif') no-repeat right center; 
}
#leftbox #inmenu a:hover{
  background: transparent; 
  text-decoration: underline;
}
#text .imggal, #nomenu .imggal, #right .imggal, .contentright .imggal{
float: left;
 width: 208px;
 height: 123px;
background: url('../images/bgrimgal.gif') no-repeat bottom left;
 margin: 0 10px 10px 0; 
}
#content #text .galerie .imggal a {
 margin: 0;
 padding: 0;
}
#content #text .galerie .imggal img {
 padding: 0;
 margin: 0;
 border: none;
}
 #nomenu .imggal{
 _margin: 0;
 }
#right .imggal{
 width: 198px;
}
#text .imggal span, #nomenu .imggal span, #right .imggal span, .contentright .imggal span{
 text-align: right;
 float: right;
 line-height: 25px;
 margin-right: 10px;
 
}
#text img.left{
 floaT: left;
 margin: 0 1em 1em 0;
 padding: 2px;
 border: 1px solid #e7e7e7;
}
#text img.right{
 floaT: right;
 margin: 0 0 1em 1em;
 padding: 2px;
 border: 1px solid #e7e7e7;
}
#text .imggal img, #nomenu .imggal img, #right .imggal img, , .contentright .imggal img{
 border: none;
 width: 208px;
 height: 98px;
  floaT: none;
 margin: 0;
 padding: 0px;
 border:0px solid #e7e7e7;
}
#nomenu .imggal img{
 width: 180px;
 height: 82px; 
}
#nomenu .imggal{
 width: 180px;
 height: 107px; 
 margin-left: 0px;
}

#text .galerie{
 margin-left: 40px;
}
#nomenu h3{
 margin-bottom: 0;
}
#leftbox #nomenu .border{
 padding: 10px;
 height: 110px;
 width: 180px;
 background:  url('../images/tecky_horizontal.gif') repeat-x bottom left;
}
#footer{
clear: both;
background: #e7e7e7 url('../images/bgrfooter.gif') repeat-x left top;
border-top: 1px solid #c6c6c6;
color: #666666;
font-size: 80%;
text-align: left;
padding-left: 20px;
line-height: 2em;
margin-top: 2em;
}
#subfooter{
color: #666666;
font-size: 80%;
text-align: right;
padding-right: 20px;
line-height: 2em;
margin-top: 0em;
}
#subfooter a{
color: #666666;
}
#text img.downs{
 border: none;
 float: left;
}

#text .aktu{
 clear: left;
 padding: 0.7em 0 1em 0;
 margin-top: 0em;
 }
#text .aktu h4{
 margin: 0;
}  
 #text .border{
 background: url('../images/tecky_horizontal.gif') repeat-x left top;
}

#center{
 float: left;
 width: 470px;
}
#right{
 floaT: right;
 width: 208px;
  _width: 218px;
 padding-left: 20px;
 background: url('../images/tecky_vertical.gif') repeat-y left top;
 height: auto;
 min-height: 250px;
 _height: 250px;
}
#right ul{
 margin: 1em 0 0 0;
 padding: 0;
 list-style-type: none;
}
#right ul li{
 margin: 0;
 padding: 0;

}
#right ul span{
  
 float: left;
 font-size: 80%;
 line-height: 1.6em
}
#right ul a, #right ul strong{
 display: block;
 width: 160px;
 _width: 150px;
 float: right;
}
.nogal{
 display: none;
}

#nomenu .homebox{
 width: 170px;
 height: 90px;
 margin-top: 20px;
margin-bottom: 0;
margin-left: 0;
}
#nomenu .homebox a{
 width: 170px;
 height: 99px;
 display: block;
 position: relative;
 margin-left: 15px;
 padding-left: 15px;
}
#nomenu .homebox a span{
 width: 170px;
 height: 99px;
 display: block;
 position: absolute;
 left: 0;
 top: 0;
 cursor: pointer;
 background: url('../images/box_napiste2.jpg') no-repeat 7px 0px;
}
#nomenu .tesari{
 margin-right: 0;
 margin-top: 0;
  height: 99px;
}
#nomenu .tesari a span{
 background: url('../images/box_tesari.jpg') no-repeat left top;
}

.pagepart{
 clear: both;
 margin-bottom: 1em;
}
a.new_window_link img{
 border: none;
}
.contentright{
 width: 45%;
 float: right;
}
.contentleft{
 width: 45%;
 float: left;
}
#xcontactform{
 margin: 1em;
 background: #14553D  url('../images/roh.gif') no-repeat right bottom;
 padding: 1em;
 color: #fff;
}
#xcontactform input{
 width: 250px;
 border: none;
background: #e7f0eb url('../images/bgrinput.jpg') repeat-x left top; 
}
 textarea{
 width: 250px;
 border: none;
 overflow: auto;
 background: #e7f0eb url('../images/bgrinput.jpg') repeat-x left top;
}
#xcontactform  #contactsubmit{
 border: 1px solid #2fa366;
 width: auto;
 padding: 4px 1em;
 margin-top: 0.5em;
 background: #18884e url('../images/button.gif') repeat-x left top;
 color: #fff;
 font-weight: bold;
}
p.jump{
margin: 1em 0;
}
a img{
border: none;
}
.galclearer{
clear: left;
}
a.home{
 background: url('../images/homedark.gif') no-repeat left center;
 line-height: 11px;
 height: 11px;
 font-sizE: 11px;
 color: #05db62;
 right: 0;
 top: 2px;
 padding-left: 15px;
 margin-right: 10px;
 position: absolute;
}
a.home:hover{
 background: url('../images/homehi.gif') no-repeat left center;
 color: #fff;
 }
#text .normalteam{
 width: 150px;
 margin-right: 20px;
 margin-top: 20px;
 float: left;
 background: url('../images/bgrteam.gif') no-repeat bottom left;
 text-align: right;
 height: auto;
 min-height: 145px;
 _height: 145px;
}

#text .normalteam .inteam{
 margin: 2px 5px;
}
#text .videopart{
 width: 360px;
 floaT: left; 
}
#text .videopart h3{
 font-size: 90%;
}