/*stylesheet kunstunderos*/

html, body { height: 99%; background: #fff; }

#top { height:50%; margin-top:-280px; float:left; }

#page { width: 980px; height: 560px; margin: 0 auto; position: relative; clear: left; 
	  background: #fff url(img/top_bg.jpg) top no-repeat;
	  color:#666; font-size: 14px; font-family: Times New Roman, Times, serif; text-align: justify;
}
#page a{	font-weight:bold; text-decoration:none;	outline:none; color:#666 }
#page a:hover { color: #999; }
#page h1  { margin-top: 0; font-size: 16px; color:#bbb; }
#page p { margin-top: -4px; }
#page img  { border: none; }
#page input,textarea { font-size: 13px; font-family: Helvetica, Arial, Verdana, Sans-Serif; }

#logo { position: absolute; left: 49px; top: 20px; }

#menu { position: relative; top: 125px;	height: 28px; border-bottom:1px solid #999; }
#menu ul li { position: relative; top:3px;	padding-left: 10px;	padding-right: 25px; font-size: 18px; display: inline; }
	
#content { position: relative; top: 125px; margin-top: 5%; }
#content_up { position: relative; top: 125px; margin-top: 2%; }
#content_down { 	position: relative; top: 125px;	margin-top: 8%; }
	
#bottom_left { width: 20%; position: absolute; left: 0; bottom: 0; font-size: 16px;	text-align: left; }
#bottom_right {	width: 20%; position: absolute;	right: 0; bottom: 0; font-size: 16px; text-align: right; }

#lang { width: 50px; position: absolute;	right: 0; top: 5px; }
#index  { position: absolute; top:154px; }

/*position*/
div.left0 { float: left; }
div.left5 { margin-left: 5%; }
div.left10 {	margin-left: 10%; }
div.left15 { margin-left: 15%; }
div.left20 { margin-left: 20%; }
div.left25 {	margin-left: 25%; }
div.left30 {	margin-left: 30%; }
div.left35 {	margin-left: 35%; }

div.right5 { padding-right: 5%; float: right; }
div.right10 { padding-right: 10%; float: right; }
div.right15 { padding-right: 15%; width: 35%; float: right; }
div.right30 { padding-left: 5%; padding-right: 5%; width: 20%; float: right; }
div.right35 { padding-left: 5%; padding-right: 5%; width: 25%; float: right; }
div.right40 { padding-left: 5%; padding-right: 5%; width: 30%; float: right; }
div.right45 { padding-left: 5%; padding-right: 5%; width: 35%; float: right; }
div.right50 { padding-left: 5%; padding-right: 5%; width: 40%; float: right; }
div.right55 { padding-left: 5%; padding-right: 5%; width: 45%; float: right; }
div.right60 { padding-left: 5%; padding-right: 5%; width: 50%; float: right; }
div.right65 { padding-left: 5%; padding-right: 5%; width: 55%; float: right; }
div.right70 { padding-right: 5%; width: 60%; float: right; }
div.right75 { padding-right: 5%; width: 65%; float: right; }
div.right80 { padding-right: 5%; width: 70%; float: right; }
div.right85 { padding-right: 5%; width: 75%; float: right; }

div.middle20 { position:absolute; top:0; left:36%; width:25%; }
div.middle30 { position:absolute; top:0; left:30%; width:25%; }
div.middle90 { margin-left: 5%; margin-right: 5%; }

div.w20 { width: 20%; }
div.w30 { width: 30%; }
div.w40 { width: 40%; }
div.w45 { width: 45%; }

div.t140 { padding-top: 140px; }

/*tables*/
table.pic8 { padding-left:5%;	padding-right:5%; }
table.pic8 td { vertical-align: top; }
table.pic8  img { padding:5px; }

table.list1 td { vertical-align: top; }

div.pic_menu { margin-top: 100px; padding-left: 1%; width: 98%; }
div.pic_menu  td { vertical-align: top; }

div.vmenu   { margin-left: 40%; }
div.vmenu  ul { list-style: none; font-size: 11px; }

/*img positon*/
div.bg_pic { position: absolute; top: 154px; }
div.img_ctr  { position: absolute; top:50px; left:330px; }
div.img_idx  { position: absolute; top:210px; left:298px; }

div.pic_box30 { position:absolute; top:154px; right:30%; }
div.pic_box50 { position:absolute; top:154px; right:50%; }

div.pic_box_b5 { position: absolute; left:1%; bottom:5%; width: 98%; }
div.pic_box_b10 {	position: absolute; left:1%; bottom:10%; width: 98%; }
div.pic_box_r0 { position: absolute; right:0; top:40%; width: 25%; }

div.pic3v_box { position: absolute; right:0; top:32%; width: 25%;	}
div.pic3v_box img { padding: 1%; }

div.img_p3v  { position: absolute; top:0; left:25%; width: 20%; }
div.img_p3v img { padding-bottom: 3%;	margin-left: 0; }

div.p1x img { padding-right: 1px; }
div.p2x img { padding-right: 2px; }
div.p3x img { padding-right: 3px; padding-bottom: 3px; }
div.p4x img { padding-right: 4px; padding-bottom: 4px; }
div.p5x img { padding-right: 5px; padding-bottom: 10px; }
div.p16x img { padding-right: 16px; padding-bottom: 1px; }
div.p24x img { padding-right: 24px; }
div.p36x img { padding-right: 36px; }
div.p48x img { padding-right: 48px; }

/*colour boxes*/
div.opn_box { width: 95%;	background-color: #cc9;	padding-top: 1%; padding-left: 5%; }
div.gray_box { position: absolute; top:154px; left:8%; height: 355px; width: 45px; padding-top:5%; padding-left:30px; background-color: #3e3e3e; }
div.red_box {	position: absolute; left:58%; top:154px; bottom:0; width: 15%; padding-top:5%; background-color: #900; }
div.mint_box { position: absolute; left:58%; top:154px; bottom:0; width: 15%; padding-top:5%;	background-color: #9c9;	color: #fff; }
div.blue_box { position: absolute; left:58%; top:154px; bottom:0; width: 15%; padding-top:3%;	background-color: #004; }
div.brown_box { position: absolute; left:58%; top:154px; bottom:0; width: 15%; padding-top:10%; background-color: #300; }
div.olive_box { position: absolute; left:58%; top:153px; bottom:0; width: 15%; padding-top:10%; background-color: #CC9; }
div.purple_box { position: absolute; left:56%; top:153px; bottom:0; width: 15%; padding-top:10%; background-color: #303; }
div.gray1_box { position: absolute; left:50%; top:154px; bottom:0; width: 25%; padding-top:5%; background-color: #CC9; }

div.t_box{ position: absolute; left:10%; top:40%; width: 40%; font-size: 14px; font-style: italic; text-align: center; }
div.t_box h2  { font-size: 16px; font-style: normal; }

div.t1_box{position: absolute; left:5%; top:180px; width: 50%; font-size: 14px; font-style: italic; text-align: center; }
div.t1_box h2  { font-size: 16px; font-style: normal; }

div.t2_box { position: absolute; left:40%; top:180px; width: 25%; padding-top:8%; }
div.frog_box { position: absolute; left:40%; top:220px; width: 25%; }
div.poem_box { position: absolute; left:465px; top:-20px; width: 150px; color: #955; font-size: 10px; font-style: italic; font-weight: bold; text-align: center;}
div.sand_box { position: absolute; right: 60px; top:270px; font-size: 12px; color:#963; text-align: right; }
div.side_box { position: absolute; right: 0px; top:270px; }
div.l13_box { position: absolute; left:310px; top:98px; width: 25%; text-align: center;}

/*text size*/
div.txt11 { font-size: 11px; }
div.txt12 { font-size: 12px; }
div.txt13 { font-size: 13px; }
div.txt11l { font-size: 11px; font-style: italic;	text-align: left; }
div.txt13l { font-size: 13px; font-style: italic;	text-align: left; }
div.txt14l { font-size: 14px; font-style: italic; text-align: left; }
div.txt24{ font-size: 24px; font-style: italic; color: #bbb; }

div.txt_ct { text-align: center; }
div.txt_rg { text-align: right; }

span.txt11c  { font-size: 11px; font-style: italic; color: #888; padding-left: 62px; }
span.txt11 { font-size: 11px; }
span.txt12 { font-size: 12px; }
span.txt16 { font-size: 16px; }
span.txt18 {	font-size: 18px; }
span.txt32 {	font-size: 32px; line-height:0.9em; }
span.txt_b { font-weight: bold; }
span.txt_i { font-style: italic; }

p.txt12 { font-size: 12px; }
p.txt13 { font-size: 13px; }
p.txt14 { font-size: 14px; }
p.txt12g  { font-style: normal; color: #666;	font-size: 12px; }
p.txt13b { padding-top: 5px; font-size: 13px; font-weight: bold; }

p.a_list { line-height:1.5em; text-align: left; }

pre.txt12c { font-family: Times New Roman, Times, serif;	font-style: italic;	font-size: 12px; text-align: center; }
h2.txt16 { font-size: 16px; }

/*text colour*/
div.txt_pink { font-style: italic; color: #c96; }
div.txt_blue { font-style: italic; color: #8da5a9; }
div.txt_yellow { font-style: italic; color: #c63; }
div.txt_red { font-style: italic;	color: #900; }
div.txt_wine { color: #600; }
div.txt_green { font-style: italic; color: #6d6729; }
div.txt_green pre { font-size: 14px; font-family: Times New Roman, Times, serif; }
div.txt_black { font-style: italic; color: #000; }
div.txt_black pre { font-size: 14px; font-family: Times New Roman, Times, serif; }
div.txt_dark_green { color: #013300; }
div.txt_olive660 { color: #660; }
div.txt_red966 { color: #966; }
div.txt_orangeC63 { color: #C63; }
div.txt_pinkF33 { color: #F33; }
div.txt_blue336 { color: #336; }
div.txt_green6C6 { color: #6C6; }
div.txt_gray666 { color: #666; }
div.txt_redC00 { color: #C00; }

pre.txt_gray { margin-top: -28px; font-size: 14px; font-family: Times New Roman, Times, serif; color: #bbb; }
span.txt_gray { color: #666; }
span.txt_pink { color: #955; }
span.txt_sand { color: #963; }
span.txt_wine { color: #600; }
span.txt_red966 { color: #966; }
span.txt_orangeC63 { color: #C63; }
span.txt_pinkF33 { color: #F33; }
span.txt_pinkF36 { color: #F36; }
span.txt_blue336 { color: #336; }
span.txt_green6C6 { color: #6C6; }
span.txt_red900 { color: #900; }
span.txt_redC00 { color: #C00; }

#red_link a{ font-weight:bold; color: #900; }
#wine_link a{ font-weight:bold; color: #600; }
#green_link a{ font-weight:bold; text-decoration:none; outline:none; color:#013300 }
#gray_link a{ font-weight:bold; color:#666; }
#pink_link a{ font-weight:bold; color:#955; }
#pink_link2 a{ font-weight:bold; color:#955; }
#sand_link a{ font-weight:bold; color:#963; }
#olive660_link a{ font-weight:bold; color:#660; }
#red966_link a{ font-weight:bold; color:#966; }
#orangeC63_link a{ font-weight:bold; color:#C63; }
#pinkF33_link a{ font-weight:bold; color:#F33; }
#pinkF36_link a{ font-weight:bold; color:#F36; }
#blue336_link a{ font-weight:bold; color:#336; }
#green6C6_link a{ font-weight:bold; color:#6C6; }
#gray666_link a{ font-weight:bold; color:#666; }
#redC00_link a{ font-weight:bold; color:#C00; }

/*colour titles*/
h2.h2_green { margin-top: 5px; font-size: 16px; color: #330; }
h2.h2_red  { color: #900; }
h2.h2_mint {	color: #9c9; }
h2.h2_blue {	color: #004; }
h2.h2_brown { color: #300; }
h2.h2_olive { color: #CC9; }
h2.h2_purple { color: #303; }
#h1_red  h1{ margin-top: 0; font-size: 16px; color: #900; }
#h1_wine  h1{ margin-top: 0; font-size: 16px; color: #600; }
#h1_green  h1{ margin-top: 0; font-size: 16px; color: #013300; }
#h1_pink  h1{ margin-top: 0; font-size: 16px; color: #955; }
#h1_orange  h1{ margin-top: 0; font-size: 16px; color: #c4650b; }
#h1_sand  h1{ margin-top: 0; font-size: 16px; color: #963; }
#h1_olive660  h1{ margin-top: 0; font-size: 16px; color: #660; }
#h1_red633  h1{ margin-top: 0; font-size: 16px; color: #633; }
#h1_orangeC63  h1{ margin-top: 0; font-size: 16px; color: #C63; }
#h1_pinkF33  h1{ margin-top: 0; font-size: 16px; color: #F33; }
#h1_pinkF36  h1{ margin-top: 0; font-size: 16px; color: #F36; }
#h1_blue336  h1{ margin-top: 0; font-size: 16px; color: #336; }
#h1_green6C6  h1{ margin-top: 0; font-size: 16px; color: #6C6; }
#h1_red966  h1{ margin-top: 0; font-size: 16px; color: #966; }
#h1_gray666  h1{ margin-top: 0; font-size: 16px; color: #666; }
#h1_redC00  h1{ margin-top: 0; font-size: 16px; color: #C00; }

/*sensitive img fx*/
div.tn_show { position: absolute; right: 250px; bottom: 0; width:30px; height:30px; }
a.tn_show { 	display: block;	margin-left:10px; margin-top:5px; width: 160px; height: 110px; background: transparent;	}
a.tn_show:hover { background: url(img/galerie-tn.jpg) top no-repeat;	}

div.ln_show { position: absolute; right: 190px; bottom: 65px;	}

div.pic_hlt img{ opacity: 0.5; }
div.pic_hlt img:hover { opacity: 1.0; }

/*shop*/
#shop div.item { float:left; width: 120px; height: 225px; margin: 0 21px 25px 49px; background:#ccc; }
#shop div.item_db { float:left; width: 120px; height: 245px; margin: 0 21px 35px 49px; background:#ccc; }
#shop h1 { margin: 2px 8px 2px; font-size: 18px; font-weight:normal; color:#fff; }
#shop img { margin-top: 8px; border-top:4px solid #fff; border-bottom:4px solid #fff; }
#shop h2 { margin: 2px 2px 2px 8px; font-size: 16px; font-weight: bold; color:#444; }
#shop p { margin: 2px 2px 2px 8px; font-size: 12px; font-style: italic; color:#444; }
#shop div.price { margin: 5px 8px 2px; font-size: 20px; font-weight:bold; color:#900; }
#shop div.gone { text-decoration: line-through; }
#shop div.cart { margin: -42px 75px; }
#shop div.cart img { border: 0; }

#shop div.prev { position: absolute; left: 0; top: 100px; }
#shop div.next { position: absolute; right: 0; top: 100px; }

span.txt_red { color: #900; font-style: italic; vertical-align: super}
span.txt_green { color: #090; font-style: italic; vertical-align: super}
span.txt_olive660 { color: #660; vertical-align: super}