body,html    { height: 100%; width: 100%; }
body	     { margin: 0px; padding: 0px; text-align: left; background-color: #f6f6f6;
			   background:linear-gradient(to right, #f9f9ff, #f3f3f3, #fefefe, #f9f9ff, #f3f3f3, #fefeff);
 }
body, input, textarea, select { font-family: Arial, Helvetica, sans-serif; font-size:14px;  }

.small       { font-size: 91%; }
.left        { text-align: Left; }
.right	     { text-align: Right }
.center	     { text-align: Center; }
.nobr	     { white-space: nowrap; }
.bold	     { font-weight: bold; }
.indent      { margin-left: 28px; }
.white       { color: #FFFFFF; }
.warning     { color: #CC0000; }

p            { text-align: Justify; margin-top: 0px; margin-bottom: 6px; }

img { max-width: 100%; height: auto; }

td           { text-align: Left; vertical-align:top }
td.content   { padding-top: 10px; }

ul           { text-align: Justify; margin-top: 6px; margin-bottom: 12px; }
ol           { text-align: Left; margin-top: 6px; }
li           { text-align: Justify; list-style-type: square; margin-top: 6px; margin-left:18px; }
li.num       { text-align: Justify; list-style-type: decimal; margin-top: 6px;}
li.none      { text-align: Justify; list-style-type: none; margin-top: 6px; }

h1           { font-size: 120%; color: #000000; font-weight: bold; margin-top: 0px; margin-bottom: 18px; }
h2           { font-size: 100%; color: #000000; font-weight: bold; }
h3           { font-size: 100%; font-weight: bold; text-align: Left; }
h4           { font-size: 100%; color: #000000; font-weight: bold; }  

#dialogtable p { margin-top:12px; }

input, textarea, select, #loginout { outline: none; background: #fafaff; border:2px solid #000066; border-radius:6px }
input[type='text'], input[type='email'], input[type='password'] { height:20px; width:320px; padding:6px 12px; margin-top:6px; margin-bottom: 6px;}
input[type='number'] { height:20px; width:36px; padding:5px; }
input[type='radio'] { position:relative; top:2px; margin-right:6px; }
input[type='submit'] { min-width:120px; padding: 4px 18px; margin-top:12px; }  

input[type='submit'], #loginout { background: #e0e0ff; }
input[type='submit']:hover, #loginout:hover { background: #e0ffe0; }

select { padding:6px 12px; width: 346px;}
textarea { padding:6px 12px; width: 320px; }
.price { display:inline-block; width:40px; padding:6px 8px; background: #fafaff; border:2px solid #000066; border-radius:6px }
#loginout { font-size:14px; color: #003f70; float:right; margin-right: 12px; margin-top:4px; padding:6px 12px; }
    
input:focus, textarea:focus, select:focus, #loginout:focus  { border-color: #0000ee; } 	

	
a      		{ text-decoration: none; color: blue; }	
a:hover     { color: #FF0000; }

a.externallink
{
    background: url(/img/external.png) center right no-repeat;
    padding-right: 14px;
}

ul { padding-left: 24px; }

dt           { font-weight: normal; margin-top: 6px; margin-bottom: 4px; }
dd           { margin-top: 2px; margin-bottom: 4px }

#header {
	overflow: hidden;
	padding: 18px 12px 18px 36px;
	border-bottom:1px solid gray;
	/*
	background-image: url("/img/statistics.png");
	background-size: cover;
	*/
}

#headertitle { font-size:32px; font-weight: bold; color: #3337AD; text-decoration: none;}


#content  { 
	padding: 36px 16px 24px 36px; 
	line-height: 140%;
	vertical-align: top; 
	text-align: Justify; 
	background: #fefefe;
	min-height:300px;
}

.productframe { float:left; width:360px; max-width:calc(100% - 24px); border:1px solid gray; padding: 0px 12px 0px 12px; margin-right:24px; margin-bottom:24px; color: black; cursor:pointer;}

sup.reg { font-size:70%; }

h1, h2 { color: #005000; }
h1 { margin-bottom: 16px }
h2 { margin-top: 20px; margin-bottom:16px; }
h3 { margin-top:16px; margin-bottom: 12px: }

h1 + ul , h2 + ul { padding-left: 0px;  }

#footer { 
	clear: both;
	color: #444444;
	font-size:95%;
	border-top:1px solid gray;
	padding: 4px 3px 3px 36px;
	text-align: Left; 
	margin-top: 0px;
	min-height:60px;}
	
#bottommenu {
	margin-top: 6px; margin-bottom:0px;
}

#bottommenu a {
	color: #0051c3;
	text-decoration: none; 
	margin-right:36px;
}

#bottommenu a:hover {
	color: #0040aa;
}	

div.infotip {
	clear:both;
	margin:12px 60px 12px 28px;
	padding: 12px; 
	min-height:3.4em;
	max-width: 30em;
	background-color:#eeeeee;
	border:1px solid #ddd;
	border-radius:10px;
}

div.infotip p { margin-left:0px; }
div.infotip p:last-child { margin-bottom:0px; padding-bottom:0px }

div.infotip::before {
  content: "";
  width: 2.6em;
  height: 2.6em;
  float:left;
  position: relative; top: -2px;
  display: inline-block;
  background-image: url("/img/tip.png");
  background-repeat: no-repeat;
  background-size: 1.8em 1.8em;
}


@media all and (max-width: 520px) {
	#header, #content, #footer  { padding-left:16px; padding-right:16px;}	
	#headertitle { font-size:24px; margin-left:-4px; }
	#header img { width:18; height: 18px; margin-right:0px; }
	#loginout { margin-right: 0px; margin-top: 0px; }
	.productframe { margin-right:0px; }
	h1, h2 { margin-left: 0px }
	p.image { margin-left: 0px; margin-top: 18px; margin-bottom: 12px; }
}

@media print {
    .noprint { display: none; }
    .menubar { display: none; }
    #leftbar { display: none; }
    #toolbar { display: none; }
    #sidebar { display: none; }
    #sidebarright { display: none; }
    #sidebarbottom { display: none; }
    #bottommenu  { display: none; }
    #topmenu  { display: none; }
}