* {margin: 0;padding: 0;border: 0 solid;}
html  { height: 101%;}
#container 	{ z-index:-1;position:absolute;top:0.0rem;left:0.2rem;width:99.0%;height:14.8rem;padding-bottom:0.5rem;border:0.1rem solid white;border-bottom:none;vertical-align:top;}
#components	{ z-index:-1;width:99.8%;height:80%;border:none;vertical-align:top;}
#top      	{ width:99.7%;height:7vh;border:0px solid red;font-size:110%;padding-top:1vh;background-color:rgb(218,218,218)}
div   		{ border: 0.1rem solid rgb(192,192,192);text-align:center;}
a     		{ text-decoration:none;color:#0000BB;}
a.picture_cart_submit{position:relative;top:10%}
a.right_std_btn {font-size:100%}
button.cancel  { cursor:pointer;box-shadow:0.3rem 0.3rem 0.1rem #999;width:35%;height:4vh;border: 0.1rem solid rgb(192,192,192);color: #0000A0;background:rgb(224,224,224);font-size:1em;margin-left:0.2rem;border-radius:0.4rem}
img.flags    { height:2.5vh;width:auto;position:relative;top:0.1rem;left:0.1rem;opacity:0.6}
img.flags_s  { height:2.5vh;width:auto;box-shadow:0.2rem 0.2rem 0.2rem #888;}
:focus		{ outline:none}
table 		{ border-spacing:0.0em;border-collapse:collapse;width:100%;}
table.head 	{ width:100%;}
table.impressum	{ height:100%;}
table.data 	{ height:100%;border:0px solid red}
table.tabledata { border:0.1rem dotted gray; background-color:rgb(224,224,224);height:99.9%;}
table.top_flags	{ width:100%;border:0px solid blue;}
table.shoplist	{ width:100%;height:10%;vertical-align:top}
table.listent95 { width:95.8%;height:100%;border:0px solid red}
table.listent100{ width:100%;height:100%;border:0px solid red}
table.navitable	{width:100%}
table.picsize	{height:45%;width:45%;margin-left:30%;}
table.right_list{}
table.invisible	{display:none}
table.value_menu_list{z-index:100;width:100%;border:0px solid red;position:relative;top:0px;}

td.navisym 	{ width:30%;height:6vh;vertical-align:center;border:0px solid red}
td.mid2    	{ width:70%; height:6vh;border:0px solid gray;vertical-align:center;font-size:90%}
td.s_l		{ width:65%:border:10px solid red}
td.s_r		{ width:35%}
td.border	{width:40%;height:55vh;border:0px solid green;vertical-align:top;padding:0.15%;background-color:rgb(200,200,255)}
td.inner_border{width:40%;height:54.5vh;border:0px solid green;vertical-align:top;padding:0.15%;background-color:rgb(200,200,255)}
td.showname    { border:0.1rem dotted gray; width:60%; height:25%;vertical-align:top;padding:0.5rem;font-size:125%}
td.geom        { border:0.1rem dotted gray; width:40%; height:25%;vertical-align:center;padding:2%}
td.values      { border:0.1rem dotted gray;font-size:125%}
td.valall      { width:30%;height:7%;border:0.1rem dotted grey;font-size:125%; }
td.F17	       { width:100%;height:7vh;border:0.1rem dotted gray;font-size:110%;text-align:justify;padding:2%}
td.source-l    { width:30%;height:4vh;font-size:115%;border:0.1rem dotted gray;}
td.source-r    { width:70%;height:4vh;font-size:115%;border:0.1rem dotted gray;}
td.menu		{width:20%;height:100%;border-right:0px solid gray;vertical-align:top;border:0px solid green}
td.impressum   { width:100%}
td.leftbl_gr_none { height:100%; border:0px solid red;}
td.leftbl_gr_c  { height:100%;border:none;}
td.leftbl_gr_c2 { height:100%;border:none;background-image:url(../gfx/expand_c1.gif);background-repeat: no-repeat; background-position:center center;background-size:contain}
td.valtop-r    { border:none;padding-left:5%;}
td.shop_hd1	{width:33%;text-align:center;border:0px solid green}
td.shop_hd2	{width:16%;text-align:center;border:0px solid green}
td.shop_hd3	{width:30%;text-align:center;border:0px solid green}
td.shop_hd4	{width:17%;text-align:left;border:0px solid green}
td.shop_hd5	{width:4%;text-align:center;border:0px solid green}
/*td.shop_hd6	{width:9%;text-align:center}*/
td.headadv-border {width:100%;height:15vh;text-align:center;font-family:arial;border-left:0.1rem solid gray;border-top:0.1rem solid gray;border-right:0.1rem solid gray;vertical-align:center;}
td.small-border {width:100%;height:4vh;text-align:center;font-family:arial;border-left:0.1rem solid gray;border-top:0.1rem solid gray;border-bottom:0.1rem solid gray;vertical-align:top;}
td.advanced1	{height:5vh;border-bottom:0.1rem solid gray;font-size:105%;font-weight:bold;padding-top:0.25vh;}
td.advanced2	{height:49vh;border:0px solid green;vertical-align:top;font-size:110%}
td.naviselect	{width:4.7%;border:1px solid rgb(224,224,224)}
td.navichar	{width:3.3%;border:1px solid rgb(224,224,224)}
td.navinochar	{width:3.3%;border:1px solid rgb(224,224,224)}
td.dualwin	{width:80%;height:100%;vertical-align:top;border:0px solid red}
td.topmenu1	{width:2%;border:0px solid red}
td.topmenu2	{width:7%;border:0px solid red}
td.topmenu3	{width:10%;border:0px solid red}
td.topmenu4	{width:0%;border:0px solid red;text-align:center}
td.topmenu5	{width:67%;border:0px solid red;text-align:right}
td.topmenu6	{width:2%;border:0px solid red;text-align:center}
td.cart_row	{width:30%;height:3em;text-align:center;border:0.1rem dotted gray}
td.right_menu_list{text-align:left;width:55%;height:1.5vh;padding-left:2.5%;font-size:100%}
td.right_menu_list_val{text-align:left;width:45%;height:1.5vh;padding-left:1.5%;font-size:100%}
td.dist		{ height:1.4vh}
td.border_search      	{ border:0.1rem solid gray; width:100%; height:55vh; vertical-align:top;padding:0.1rem;background-color:rgb(200,200,255);}
td.comment_large   { border:none;text-align:justify;height:20%;colspan=3;padding-left:0.5rem;padding-right:0.5rem;}
td.searchin-l	{ width:55%}
td.searchin-r	{ width:45%;padding-left:1px;padding-right:1px;text-align:justify}
td.solid_white_50	{ width:50%;height:2vh;text-align:center;border:0.1rem solid white;background-color:rgb(207,207,252)}

tr.values       { border:0.1rem dotted gray;}
tr.values1       { border:0.1rem dotted gray;height:10%}
tr.values2       { border:0.1rem dotted gray;height:90%}
tr.header	{ height:100%;border:none}
tr.c_lines	{ border:1px solid gray;}
.picsize	{ width:75%;height:75%;border:0px solid blue;}
.picsize2	{ width:75%;height:75%;border:0px solid blue}
.picsize2s	{ width:55%;height:55%;border:0px solid blue}
.picsize3	{ width:75%;height:50%;border:0px solid blue;}
.picsize3_big	{ width:100%;height:100%;border:0px solid blue;}
.picclick	{ width:100%;height:100%;border:0px solid black;background-image:url(../gfx/expand_c1.gif);background-repeat: no-repeat; background-position:center center;background-size:contain}
.picnoclick	{ width:100%;height:100%;border:0px solid gray}
.ibutton    	{ height:15%;width:75%; border-top: 0.1rem solid white;border-left: 0.1rem solid white;border-bottom:0.1rem solid rgb(192,192,192);border-right:0.1rem solid rgb(192,192,192);font-size:0.9em;color:black; font-family:arial;text-align:center;}
/*.salepic	{ width:100%;height:35%;border:none;border-top:0.25rem dotted gray;padding-top:10%}*/
td.source-pic    { width:40%;border-bottom:0.1rem dotted gray;}
td.source-pic-expand { width:40%;border-bottom:0.1rem dotted gray; background-image:url(../gfx/expand_c1.gif);background-repeat: no-repeat; background-position:center center;background-size:contain}

.menubox   { z-index:999;text-align:left;padding-left:1%;position:absolute;top:39px;left:831px;width:149px;background-color:rgb(204,204,255);border-top:1px solid white;border-left:1px solid white;border-bottom:3px solid rgb(172,172,172);border-right:3px solid rgb(172,172,172);border-radius:1.2mm;opacity:1.0;}
.menubox1   { z-index:999;text-align:left;padding-left:1%;position:absolute;top:39px;left:831px;width:149px;background-color:rgb(204,204,255);border-top:1px solid white;border-left:1px solid white;border-bottom:3px solid rgb(172,172,172);border-right:3px solid rgb(172,172,172);border-radius:1.2mm;opacity:1.0;}
.menubox2a   { z-index:999;text-align:left;padding-left:1%;position:absolute;top:39px;left:731px;width:149px;background-color:rgb(204,204,255);border-top:1px solid white;border-left:1px solid white;border-bottom:3px solid rgb(172,172,172);border-right:3px solid rgb(172,172,172);border-radius:1.2mm;opacity:1.0;}
.menubox2   { z-index:999;border:0px solid red;margin:4px 4px;padding:4px 4px;background-color:rgb(224,224,224);overflow-x:hidden;overflow-y:auto;position:absolute;top:39px;left:731px;width:194px;height:360px;background-color:rgb(244,244,244);border-top:1px solid white;border-left:1px solid white;border-bottom:3px solid rgb(172,172,172);border-right:3px solid rgb(172,172,172);border-radius:1.2mm;opacity:1.0;}
.menubox3   { z-index:999;text-align:left;padding-left:1%;position:absolute;top:39px;left:681px;width:149px;background-color:rgb(204,204,255);border-top:1px solid white;border-left:0.1rem solid white;border-bottom:3px solid rgb(172,172,172);border-right:3px solid rgb(172,172,172);border-radius:1.2mm;opacity:1.0;}
.menubox4   { z-index:999;text-align:left;padding-left:1%;position:absolute;top:20%;left:2%;width:20.0%;background-color:rgb(244,244,244);border-top:0.1rem solid white;border-left:0.1rem solid white;border-bottom:0.3rem solid rgb(172,172,172);border-right:0.3rem solid rgb(172,172,172);border-radius:1.4mm;opacity:1.0;}
.menubox5   { z-index:999;text-align:left;padding-left:1%;position:absolute;top:20%;left:12.1%;width:15%;background-color:rgb(244,244,244);border-top:0.1rem solid white;border-left:0.1rem solid white;border-bottom:0.3rem solid rgb(172,172,172);border-right:0.3rem solid rgb(172,172,172);border-radius:1.4mm;opacity:1.0;}


input.eingabe_ss { box-shadow:0.1rem 0.1rem 0.1rem #999;width:80%;height:2.6vh;border: 0.1rem solid rgb(192,192,192); background: white;font-size:1em; color:black;margin-left:0px;border-radius:0.1mm}
input.search_ss { cursor:pointer;box-shadow:0.1rem 0.1rem 0.1rem #999;width:80%;height:2.9vh;border: 0.1rem solid rgb(192,192,192);color: #0000A0;background:rgb(224,224,224);font-size:80%;margin-left:0.2rem;border-radius:0.1mm}
input.picture_cart{position:relative;top:3vh;;height:1.8em;background-color:rgb(207,207,252);border:0.1rem solid white;width:60%;border-radius:0.8mm;font-size:100%;font-family:arial;color:rgb(0,0,190);cursor:pointer}
select.method { box-shadow:0.3rem 0.3rem 0.1rem #999;width:60%;height:13%;border: 0.1rem solid rgb(192,192,192); background: white;font-size:90%; color:black;border-radius:0.8mm}


div.impressum 	{ z-index:-1;width:99.9%;height:2rem;font-size:80%;text-align:center;vertical-align:center;border:1px solid gray}
div.footer 	{border:0px solid red;}
div.F17		{height:100%;width:100%;border:0.1rem solid gray}
div.landscape	{border:none}
div.naviright	{display:inline}
div.shop_pdfpos	{height:100%;border:none;background-image:url(../gfx/pdf.gif);background-repeat: no-repeat; background-position:center center;background-size:contain;}

div.navibox	{width:100%;height:88%;border:1px solid gray;background-color:rgb(224,224,224);overflow-x:hidden;overflow-y:hidden;text-align:left;}
div.flexnavibox	{width:100%;max-height:44vh;border:1px solid gray;background-color:rgb(224,224,224);overflow-x:hidden;overflow-y:scroll;text-align:left;}
div.landscape	{height:100%}
div.portrait	{height:100%}
div.lspace	{height:2vh;border:none;}
div.lspaced	{height:1vh;border:none;border-top:0.2rem dotted gray}
div.flags	{border:none}
div.right_list	{width:99.5%;height:75%;border:0.1rem solid gray;background-color:rgb(224,224,224);overflow-x:hidden;overflow-y:scroll;text-align:left;font-size:90%}
div.cart_submit	{margin-left:10%;height:1.45em;background-color:rgb(207,207,252);border:0.1rem solid white;width:80%;border-radius:0.8mm;font-size:85%;font-family:arial;color:rgb(0,0,190);cursor:pointer}
div.picture_cart_submit	{position:relative;top:6vh;height:1.4em;background-color:rgb(207,207,252);border:0.1rem solid white;width:60%;border-radius:0.8mm;font-size:100%;font-family:arial;color:rgb(0,0,190);cursor:pointer;}
div.right_std_btn	{margin-top:7%;background-color:rgb(207,207,252);border:0.1rem solid white;width:80%;height:4vh;font-size:115%;border-radius:0.8mm}
div.no_shipping_text	{padding-top:1.5%;height:6%;border:none;font-size:80%}
div.searchbox	{height:49vh;width:87%;border:0px solid red;text-align:left;margin-left:5%;font-size:100%}
div.searchflowbox{z-index:999;padding-left:2%;border:0.1rem dotted gray;background-color:rgb(224,224,224);overflow-x:hidden;overflow-y:auto;width:100%;height:94%;background-color:rgb(224,224,224);text-align:left}
div.sd_mbl	{height:1.5vh;border:none}
div.sd_0	{height:2.2vh;border:none}
div.fixed		{height:55vh}
div.info_line 		{ background-image: repeating-linear-gradient(0deg, rgb(224,224,224),rgb(217,233,220));  background-repeat: no-repeat ;background-size: 99.9% 90%;height:4.0vh;text-align:center;border:0.1rem solid rgb(192,192,192);}
div.tmenu_button	{background-color:rgb(207,207,252);border:0.1rem solid white;width:90%;border-radius:0.8mm}
div.close_button	{height:3vh;width:3vh;border:none}
div.select_list		{width:100%;border:1px solid green;padding-bottom:5%;padding-top:5%}

table.pp_in1		{width:100%;font-size:80%}
td.pp_in1		{width:30%;height:4vh}
td.pp_in2		{width:35%;height:4vh}
td.pp_lb		{height:4vh}
div.pp_lb		{height:4vh}
select.pp_in2		{width:75%;height:2.5vh;font-size:80%}
input.pp_in2		{width:75%;height:2.25vh;font-size:85%}
div.mainpic		{border:none}

@media(orientation:portrait){
	body  { font: 90.0% Arial, Helvetica, sans-serif;background: rgb(224,224,224);}
	#container 	{ z-index:-1;position:absolute;top:0.0rem;left:0.2rem;width:99.0%;height:8.4vh;border:none;border-top:0.1rem solid white;}
	#top      	{ width:99.7%;height:4vh;border:0px solid red;vertical-align:center;font-size:110%;padding-top:1vh;}
	div.info_line 		{ background-image: repeating-linear-gradient(0deg, rgb(224,224,224),rgb(217,233,220));  background-repeat: no-repeat ;background-size: 99.9% 90%;height:4.0vh;text-align:center;border:0.1rem solid rgb(192,192,192);}
	a.picture_cart_submit{position:relative;top:22.5%}
	a.right_std_btn {font-size:115%}
	div.close_button	{height:3vh;width:3vh;border:none}
	div.landscape	{ display:none}
	div.navibox	{ width:100%;height:90%;border:1px solid gray;background-color:rgb(224,224,224);overflow-x:hidden;overflow-y:hidden;text-align:left;}
	div.flexnavibox	{width:100%;height:90%;border:1px solid gray;background-color:rgb(224,224,224);overflow-x:hidden;overflow-y:scroll;text-align:left;font-size:120%}
	div.flexnavipas	{width:100%;height:25vh;border:1px solid gray;background-color:rgb(224,224,224);overflow-x:hidden;overflow-y:scroll;text-align:left;font-size:120%}
	div.portrait	{height:100%;border:none}
	div.menu_text	{font-size:120%;border:none}
	div.flags	{display:none}
	div.right_list	{ margin-left:5%;padding-top:5%;height:15vh;width:90%;border:0.1em dotted gray;overflow-x:hidden;overflow-y:scroll;text-align:left;font-size:85%}
	div.picture_cart_submit	{position:relative;top:3vh;height:1.7em;background-color:rgb(207,207,252);border:0.1rem solid white;width:60%;border-radius:0.8mm;font-size:120%;font-family:arial;color:rgb(0,0,190);cursor:pointer;}
	div.right_std_btn	{margin-top:7%;background-color:rgb(207,207,252);border:0.1rem solid white;width:80%;height:3.5vh;font-size:100%;border-radius:5%}
	div.index_title	{font-size:160%;border:none}
	div.impressum   { z-index:-1;position:relative;width:100%;font-size:100%;text-align:center;border:none}
	div.searchbox	{height:26vh;width:87%;border:0px solid red;text-align:left;margin-left:5%;font-size:110%;}
	div.searchflowbox{z-index:999;padding-left:2%;border:0.1rem dotted gray;background-color:rgb(224,224,224);overflow-x:hidden;overflow-y:auto;width:100%;height:94%;background-color:rgb(234,234,234);text-align:left;font-size:90%}
	div.fixed		{height:33vh}
	div.sd_0	{height:1.6vh;border:none}
	div.select_list	{display:none}
	div.mainpic	{display:none}
	div.naviright	{display:none}
	.menubox4   	{ z-index:999;text-align:left;padding-left:1%;position:absolute;top:100%;left:2%;width:35.0%;background-color:rgb(244,244,244);border-top:0.1rem solid white;border-left:0.1rem solid white;border-bottom:0.3rem solid rgb(172,172,172);border-right:0.3rem solid rgb(172,172,172);border-radius:1.4mm;opacity:1.0;}
	.menubox5   	{ z-index:999;text-align:left;padding-left:1%;position:absolute;top:100%;left:12.1%;width:30%;background-color:rgb(244,244,244);border-top:0.1rem solid white;border-left:0.1rem solid white;border-bottom:0.3rem solid rgb(172,172,172);border-right:0.3rem solid rgb(172,172,172);border-radius:1.4mm;opacity:1.0;}
	.picsize3	{ width:75%;height:75%;border:0px solid blue}
	.picsize4	{ width:75%;height:75%;border:0px solid blue}
	.picpos_middle	{ position:relative;top:0%;height:25%;width:100%;border:0px solid green;}
	.info_middle	{ position:relative;top:0%;height:23%;width:100%;border:0px solid red;text-align:left;}
	.picpos_top	{ position:relative;top:0%;height:50%;width:100%;border:0px solid green;}
	.info_top	{ position:relative;top:0%;height:50%;width:100%;border:0px solid red;text-align:left;}
	table.landscape	{ display:none}
	table.navitable	{ width:100%}
	table.portrait	{ width:100%;height:100%;}
	table.menu	{font-size:120%}
	table.right_list {}
	table.value_menu_list{display:none}
	td.border_search      	{ border:0.1rem solid gray; width:80%; height:33vh; vertical-align:top;padding:0.1rem;background-color:rgb(200,200,255);}
	tr.flex_lines	{height:3.5vh;border:1px solid gray}
	tr.distrow	{height:2vh}
	td.advanced1	{height:3vh;border-bottom:0.1rem solid gray;font-size:105%;font-weight:bold}
	td.advanced2	{height:29vh;border:0px solid green;vertical-align:top}
	td.border	{ width:100%;height:33vh;border:0px solid green;vertical-align:top;background-color:rgb(200,200,255)}
	td.inner_border {width:100%;height:38vh;border:0px solid green;vertical-align:top;padding:0.15%;background-color:rgb(200,200,255)}
	td.headadv-border {width:100%;height:5.1vh;text-align:center;font-family:arial;border-left:0.1rem solid gray;border-top:0.1rem solid gray;border-right:0.1rem solid gray;vertical-align:center;}
	td.small-border {width:100%;height:2vh;text-align:center;font-family:arial;border-left:0.1rem solid gray;border-top:0.1rem solid gray;border-bottom:0.1rem solid gray;vertical-align:top;}
	td.navisym 	{ width:50%;height:3vh;vertical-align:center;border:0px solid red}
	td.mid2    	{ width:50%; height:3vh;border:0px solid red;vertical-align:center;font-size:70%}
	td.s_l		{ width:65%:border:10px solid red}
	td.s_r		{ width:35%}
	td.menu		{width:20%;border-right:0.1rem solid gray;vertical-align:top}
	td.topmenu1	{width:2%;border:0px solid red;text-align:center}
	td.topmenu2	{width:15%;border:0px solid red;text-align:center}
	td.topmenu3	{width:20%;border:0px solid red;text-align:center}
	td.topmenu4	{width:0%;border:0px solid red;text-align:center}
	td.topmenu5	{width:59%;border:0px solid red;text-align:right}
	td.topmenu6	{width:2%;border:0px solid red;text-align:center}
	td.right_menu_list{text-align:left;width:55%;height:1.5vh;padding-left:2.5%;font-size:100%;}
	td.right_menu_list_val{text-align:left;width:45%;height:1.5vh;padding-left:1.5%;font-size:100%}
	td.dummy	{width:20%}
	td.source-l    { width:30%;height:2.5vh;font-size:115%;border:0.1rem dotted gray;}
	td.source-r    { width:70%;height:2.5vh;font-size:115%;border:0.1rem dotted gray;}
	input.eingabe_ss { box-shadow:0.1rem 0.1rem 0.1rem #999;width:80%;height:1.8vh;border: 0.1rem solid rgb(192,192,192); background: white;font-size:1em; color:black;margin-left:0px;border-radius:0.1mm}
	input.search_ss { cursor:pointer;box-shadow:0.1rem 0.1rem 0.1rem #999;width:80%;height:1.95vh;border: 0.1rem solid rgb(192,192,192);color: #0000A0;background:rgb(224,224,224);font-size:80%;margin-left:0.2rem;border-radius:0.1mm}
	input.picture_cart{position:relative;top:2vh;height:2.0em;background-color:rgb(207,207,252);border:0.1rem solid white;width:60%;border-radius:0.8mm;font-size:120%;font-family:arial;color:rgb(0,0,190);cursor:pointer}

	table.pp_in1		{width:100%;font-size:80%}
	td.pp_in1		{width:30%;height:4vh;font-size:120%}
	td.pp_in2		{width:35%;height:4vh;font-size:120%;text-align:center;}
	td.pp_lb		{height:1vh}
	div.pp_lb		{height:1vh}
	select.pp_in2		{width:75%;height:2.5vh;font-size:80%}
	input.pp_in2		{width:75%;height:2.25vh;font-size:85%}
	input.inbasket_short		{margin-top:1%;height:2.2em;background-color:rgb(207,207,252);border:0.1rem solid white;width:90%;border-radius:0.8mm;font-size:85%;font-family:arial;color:rgb(0,0,0);cursor:pointer}
	select.selectbasket_short	{margin-top:1%;height:2.2em;background-color:rgb(207,207,252);border:0.1rem solid white;width:75%;border-radius:0.8mm;font-size:85%;font-family:arial;color:rgb(0,0,190);cursor:pointer}

}


@media(orientation:landscape){ /* general */
	body  { font: 150% Arial, Helvetica, sans-serif;background: rgb(224,224,224);}
	table.menu	{font-size:100%}
	table.portrait	{ display:none}
	table.landscape	{ width:100%;height:100%}
	div.flexnavipas	{width:100%;height:44vh;border:1px solid gray;background-color:rgb(224,224,224);overflow-x:hidden;overflow-y:scroll;text-align:left;font-size:120%}
	div.menu_text	{font-size:120%;border:none}
	div.index_title	{font-size:175%;border:none}
	div.impressum   { z-index:-1;position:relative;margin:0.5rem 0.5rem 0.5rem 0.5rem;margin-left:0px;width:100%;text-align:center;padding:0.1rem;font-size:100%;border:none}
	div.portrait	{ display:none;height:100%}
	.picpos_middle	{position:relative;top:0%;height:24.5vh;width:100%;border:0px solid red;}
	.info_middle	{position:relative;top:0%;height:24.5vh;width:100%;border:0px solid red;text-align:left;}
	.picpos_top	{position:relative;top:0%;height:50%;width:100%;border:0px solid red;}
	.info_top	{position:relative;top:0%;height:50%;width:100%;border:0px solid red;text-align:left;}
	.picsize4	{ width:75%;height:50%;border:0px solid blue}
	div.landscape	{display:inline}
	div.searchbox	{height:49vh;width:87%;border:0px solid red;text-align:left;margin-left:5%;font-size:100%}
	div.searchflowbox{z-index:999;padding-left:2%;border:0.1rem dotted gray;background-color:rgb(224,224,224);overflow-x:hidden;overflow-y:auto;width:100%;height:94%;background-color:rgb(224,224,224);text-align:left}
	tr.flex_lines	{height:5.5vh;border:1px solid gray;font-size:90%}
	tr.portrait	{display:none}
	td.topmenu1	{width:2%;border:0px solid red;text-align:center}
	td.topmenu2	{width:10%;border:0px solid red;text-align:center}
	td.topmenu3	{width:20%;border:0px solid red;text-align:center}
	td.topmenu4	{width:0%;border:0px solid red;text-align:center}
	td.topmenu5	{width:64%;border:0px solid red;text-align:right}
	td.topmenu6	{width:2%;height:2vh;border:0px solid red;text-align:center}
	td.border_search      { border:0px solid red; font-size:90%;width:40%; height:100%; vertical-align:top;padding:0.1rem;background-color:rgb(224,224,224);}
	td.dummy	{width:0%}
	input.inbasket_short		{margin-top:1%;height:2em;background-color:rgb(207,207,252);border:0.1rem solid white;width:90%;border-radius:0.8mm;font-size:85%;font-family:arial;color:rgb(0,0,0);cursor:pointer}
	select.selectbasket_short	{margin-top:1%;height:2em;background-color:rgb(207,207,252);border:0.1rem solid white;width:75%;border-radius:0.8mm;font-size:85%;font-family:arial;color:rgb(0,0,190);cursor:pointer}

}

@media(orientation:landscape) and (min-width:300px) { /**/
	body  { font: 50% Arial, Helvetica, sans-serif;background: rgb(224,224,224);}
	div.landscape	{display:none}

}
@media(orientation:landscape) and (min-width:760px) { /* cat phone */
	body  { font: 50% Arial, Helvetica, sans-serif;background: rgb(224,224,224);}
}


@media(orientation:landscape) and (min-width:896px) { /**/
	body  { font: 66% Arial, Helvetica, sans-serif;background: rgb(224,224,224);}
	div.landscape	{display:none}

}
@media(orientation:landscape) and (min-width:1024px) { /* */
	body  { font: 75% Arial, Helvetica, sans-serif;background: rgb(224,224,224);}
}
@media(orientation:landscape) and (min-width:1280px) { /* galaxy tab */
	body  { font:95% Arial, Helvetica, sans-serif;background: rgb(224,224,224);}
}

@media(orientation:landscape) and (min-width:1366px) { /* galaxy tab */
	body  { font:95% Arial, Helvetica, sans-serif;background: rgb(224,224,224);}
}

@media(orientation:landscape) and (min-width:1920px) { /* desktop */
	body  { font: 120% Arial, Helvetica, sans-serif;background: rgb(224,224,224);}
}



@media(orientation:portrait) { /* general */
	body  { font: 20% Arial, Helvetica, sans-serif;background: rgb(224,224,224);}
}

@media(orientation:portrait) and (min-height:320px){ /* */
	body  { font: 28% Arial, Helvetica, sans-serif;background: rgb(224,224,224);}

}

@media(orientation:portrait) and (max-width:360px){ /* iphone old */

}


@media(orientation:portrait) and (min-height:568px){ /* */
	body  { font: 43% Arial, Helvetica, sans-serif;background: rgb(224,224,224);}
	tr.flex_lines	{height:3.1vh;border:1px solid gray}

}
@media(orientation:portrait) and (min-height:690px){ /* cat phone */
	body  { font: 52% Arial, Helvetica, sans-serif;background: rgb(224,224,224);}
	tr.flex_lines	{height:3.1vh;border:1px solid gray}
	td.navinochar	{width:3.3%;display:none}
	<!-- div.right_std_btn	{margin-top:7%;background-color:rgb(207,207,252);border:0.1rem solid white;width:80%;height:3vh;font-size:95%;border-radius:1.2mm}-->

}

@media(orientation:portrait) and (min-height:812px){ /*  */
	body  { font: 52% Arial, Helvetica, sans-serif;background: rgb(224,224,224);}
}
@media(orientation:portrait) and (min-height:896px){ /*  */
	body  { font: 52% Arial, Helvetica, sans-serif;background: rgb(224,224,224);}
}
@media(orientation:portrait) and (min-height:960px){ /*  */
	body  { font: 75% Arial, Helvetica, sans-serif;background: rgb(224,224,224);}
}
@media(orientation:portrait) and (min-height:1024px){ /*  */
	body  { font: 82% Arial, Helvetica, sans-serif;background: rgb(224,224,224);}
}
@media(orientation:portrait) and (min-height:1080px){ /*  */
	body  { font: 85% Arial, Helvetica, sans-serif;background: rgb(224,224,224);}
}
@media(orientation:portrait) and (min-height:1180px){ /*  */
	body  { font: 90% Arial, Helvetica, sans-serif;background: rgb(224,224,224);}
}
@media(orientation:portrait) and (min-height:1194px){ /*  */
	body  { font: 90% Arial, Helvetica, sans-serif;background: rgb(224,224,224);}
}
@media(orientation:portrait) and (min-height:1366px){ /*  */
	body  { font: 92% Arial, Helvetica, sans-serif;background: rgb(224,224,224);}
}

@media(orientation:portrait) and (min-height:1420px){ /* galaxy tab */
	body  { font: 80% Arial, Helvetica, sans-serif;background: rgb(224,224,224);}
}