#wrapper {
min-width: 800px; /* Opera & FireFox */
font-family:  "Helvetica Neue", helvetica, arial, serif;
max-width: 1050px; /* Opera & FireFox */
text-align: center;
margin: 0 auto;
} 

/*
.divrrs{width:100%;font-size:12px;background-color:#ffffff;color:#000000;padding:5px;margin:5px;}

.arss{color:#000000}

.h1rss{font-size:16px;}

.h2rss{font-size:14px;}
*/

body {
 background: url(media/fon2.gif) top center 
repeat-x;hight:10px;
text-align: center;
}

P {
text-align: justify;
margin: 5px 0 5px 0;
text-indent: 1em;
font-size: 90%;
line-height: 1.3;
}


.datalogger td {
font-size: 90%;
padding-left: 40px;
}

.price_table td {
text-align: justify;
margin: 0 0 0 0;
padding: 4 px;
text-indent: 1em;
font-size: 90%;
}

ul {
font-size: 90%;
line-height: 1.3;
}
  
br {
text-indent: 1em;
}

h1 {
font-weight: lighter; font-size: 100%;
}

h2 {
font-weight: lighter; font-size: 100%;
}

h3 {
font-weight: lighter; font-size: 100%;
}

a {
color: #000;
text-decoration: underline;
}

a:hover{
text-decoration: none;
}

li {
text-indent: 0;
}

#blueblock{
width: 300px;
padding: 0 0 0 10px;
}

* html #blueblock{ /*IE 6 only */
w\idth: 300px; /*Box model bug: 180px minus all left and right paddings for #blueblock */
}

#blueblock ul{
list-style: none;
margin: 0;
padding: 0;
}

#blueblock li {
margin: 0;
}

#blueblock li a{
width: auto;
color: #000;
text-decoration: none;
}

html>body #blueblock li a{
list-style: none;
}

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

#chromemenu{
}

#chromemenu:after{ /*Add margin between menu and rest of content in Firefox */
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

#chromemenu ul{

width: 100%;

padding: 5px 0;

margin: 0;
text-align: center; /*set value to "right" for example to align menu to the left of page */
}

#chromemenu ul li{
display: inline;
}

#chromemenu ul li a{
color: #000;
background: url(media/botton2.jpg) top center repeat-x;
padding: 5px 10px 5px 10px;
/*padding: 5px;*/
margin: 0;
text-decoration: none;
}

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

.mybotton{
}

.mybotton {
background: url(media/button3D.png) repeat-x top;
height: 58px;
line-height: 50px;
display: block;
font-weight: lighter; font-size: 150%;
}

a.mybotton {
text-decoration: none;
display: block;
}

a.mybotton span{
text-decoration: none;
padding: 4px 0 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
display: block;
}

html>body .mybotton a{
list-style: none;
}

a.mybotton:hover{
background-position: bottom;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

a.squarebutton{
background: transparent url('media/square-green-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 14px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
text-align: center;
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
color: #494949; /*button text color*/
}

a.squarebutton span{
background: transparent url('media/square-green-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.squarebutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.squarebutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.markermenu{
list-style-type: none;
margin: 5px 0;
padding: 0;
width: 280px;
border: 1px solid #9A9A9A;
}

.markermenu li a{
background: url(media/arrow-list.gif) no-repeat 2px;
/*font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;*/
color: #00014e;
display: block;
width: auto;
padding: 3px 0;
padding-left: 20px;
text-decoration: none;
border-bottom: 1px solid #B5B5B5;
}


* html .markermenu li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */
width: 280px;
}

.markermenu li a:visited, .markermenu li a:active{
color: #00014e;
}

.markermenu li a:hover{
color: black;
background-color: #ffffcb;
background-image:url(media/arrow-list-red.gif) no-repeat 2px; /*onMouseover image change. Remove if none*/
}

.mobile{
width:300px;
}

/*
@media (max-width: 900pt) {

a.squarebutton,.mybotton,p,ul,table {font-size: 34px;}

}
*/

.doclist{
list-style-type: none;
padding: 10px;
}

.doclist li a{
background: url(media/doc.gif) no-repeat 2px;
padding: 11px 0px 11px 0px;
padding-left: 35px;
display: block;
text-decoration: none;
}

.doclist li a:hover{
text-decoration: underline;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
}


.thumbnail:hover{
background-color: transparent;
cursor: move;
z-index: 50;
direction:ltr;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #90bade;
padding: 5px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 1;
border: 1px solid gray;
padding: 0px;

}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -150px;
left: -220px;
}

.suckerdiv ul{
margin: 0;
padding: 0;
list-style-type: none;
width: 280px; /* Width of Menu Items */
border-bottom: 1px solid #B5B5B5;
}
	
.suckerdiv ul li{
position: relative;
}
	
/*Sub level menu items */
.suckerdiv ul li ul{
position: absolute;
width: 280px; /*sub menu width*/
top: 0;
font-size: 100%;
visibility: hidden;
}

/* Sub level menu links style */
.suckerdiv ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: black;
text-decoration: none;
/* background: #fff; */
padding: 3px 5px;
border: 1px solid #B5B5B5;
border-bottom: 0;
}

.suckerdiv ul li ul li a{
background: #eef5fb;
}

.suckerdiv ul li a:visited{
color: #00014e;
}

.suckerdiv ul li a:hover{
background-color: #ffffcb;
}

.suckerdiv .subfolderstyle{
background: url(media/arrow-list.gif) no-repeat center right;
}

	
/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }
/* End */

