@font-face {
	font-family: "Lucida Calligraphy";
	src: local(Lucida Calligraphy), url("/images/lcallig.ttf");}

html {background-image: url("/images/bgr.gif");}
body{color:#333333; font-family: Verdana, Helvetica, Sans Serif; font-size: 14px;
	background-color: transparent;
	background-size: 8px 8px;
	-webkit-background-size: 8px 8px;
	background-image: repeating-linear-gradient(135deg, transparent 0, transparent 40%, rgba(255,255,255,.5) 40%, rgba(255,255,255,.5) 50%, transparent 50%, transparent 90%, rgba(255,255,255,.5) 90%, rgba(255,255,255,.5) 100%);
	background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, 
		from(transparent), 
		color-stop(0.4, transparent), color-stop(0.4, rgba(255,255,255,.35)), color-stop(0.50, rgba(255,255,255,.35)), color-stop(0.50, transparent), color-stop(0.9, transparent), color-stop(0.9, rgba(255,255,255,.35)),
		to(rgba(255,255,255,.35)));
		/*ffbackground-color: transparent;*/}
#grad {background-image: -ms-linear-gradient(bottom, transparent 0%, rgba(0,0,0,.05) 100%);
background-image: -moz-linear-gradient(bottom, transparent 0%, rgba(0,0,0,.05) 100%);
background-image: -o-linear-gradient(bottom, transparent 0%, rgba(0,0,0,.05) 100%);
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, transparent), color-stop(1, rgba(0,0,0,.05)));
background-image: -webkit-linear-gradient(bottom, transparent 0%, rgba(0,0,0,.05) 100%);
background-image: linear-gradient(to top, transparent 0%, rgba(0,0,0,.05) 100%);}
div, body, p {padding:0px; margin:0px;}
p, td, li, pre, article, aside, footer, header {color:#333333; font-family: Verdana, Helvetica, Sans Serif; font-size: 14px;}

article, aside, footer, header, nav, section {display: block;padding:0;margin:0;}

header {padding-top:20px;}
section {float: left;}
article {margin:0 11px;padding:10px;position:relative;background-color:rgba(255,255,255,0.8);border:1px solid rgba(204,204,204,0.5);}
aside.leftside {float: left;height:auto;position:relative;}
aside.rightside, aside.homerightside {float: right;height:auto;position:relative;margin-bottom:4px;border-left:1px solid #ffffff;border-top:1px solid #ffffff;background-image:url("/images/bgr.gif");
box-shadow: 1px 1px 2px rgba(0,0,0,.25);
-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.25);
-moz-box-shadow: 1px 1px 2px rgba(0,0,0,.25);}

#logo {float:left;width:186px;height:76px;padding:0 9px;margin-top:-10px;}
/*#logo div {width:150px;height:60px;font-family: Lucida Calligraphy;font-size: 60px;line-height:60px;z-index:10;text-shadow:-1px -1px 1px rgba(255,255,255,0.75),1px 1px 1px rgba(153,51,0,0.75);}
#logo div span {font-size: 30px;letter-spacing: -3px;}*/
#words {float:left;width:276px;}
#words h1 {font-size:16px;line-height:86px;font-style:italic;text-shadow:-1px -1px 0 rgba(255,255,255,1);margin:0;}
#topright {float:right;width:468px;height:60px;margin-top:-10px;}
#pagewrap {margin: 0 auto;}
#content {float: left;overflow: hidden;}

footer {height: 50px;clear: both;padding-top:10px;}

.fright {float:right;}
.fleft {float:left;}

nav {line-height: 28px; border-left:1px solid #ffffff;border-top:1px solid #ffffff;background-image:url("/images/bgr.gif");
	box-shadow: 1px 1px 2px rgba(0,0,0,.25);
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.25);
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,.25);}

nav ul {list-style:none;padding:0;margin:0;}
nav li {color:#333333;line-height:30px; padding:0; margin:0;}
nav li:last-child {border-bottom:none;}
nav a {color:#333333; text-decoration: none;}
nav > ul > li {font-weight: bold;text-transform: lowercase; text-indent: 10px; margin:0;border-bottom:1px solid #cccccc;text-shadow:1px 1px 0 rgba(255,255,255,0.3);}
nav > ul > li > a {display:block;background-color:rgba(255,102,0,0.75);}
nav > ul > li > ul > li {font-weight: normal;text-transform: lowercase; text-indent: 10px;text-shadow:none;}
nav > ul > li > ul > li > a {display:block;background-color:rgba(0,0,0,0.1);}
nav > ul > li > ul > li > ul > li {line-height:20px;font-weight: normal;font-size: 12px;text-transform: lowercase; text-indent: 20px;text-shadow:none;}

p {margin:5px; line-height: 135%;}
pre {padding-left:10px; line-height: 130%;}

hr {height:1px; border:none; border-top: 1px solid #d86c00; margin:1em;}

h1 {font-size: 18px; line-height: 18px; font-weight: bold; margin:10px 0;}
h2 {font-size: 16px; line-height: 18px; font-weight: bold; margin:10px 0;color:#660000;}
h3 {font-size: 14px; line-height: 18px; font-weight: bold; margin:10px 0;color:#993300;}
h1 a:link, h1 a:visited, h1 a:hover, h1 a:active {color:#993300; text-decoration: none;}

#randombg {overflow:hidden;/*margin-top:10px;*/border:1px solid rgba(153,102,51,1);cursor: pointer;}
#randombg img {}
#randVerbs, #randProverbes {position:relative;right:10px;float:right;width:380px;height:120px;margin-top:-120px;}

#randVerbs div, #randProverbes div {color:#ffffff;text-shadow:1px 1px 0 rgba(0,0,0,0.75);cursor: text;}
#randVerbs div h3, #randProverbes div h3 {color:#ffffff;font-size: 16px;font-weight: normal;text-shadow:1px 1px 0 rgba(0,0,0,0.75);padding-left:70px;}
#randVerbs div p, #randProverbes div p {color:#ffffff;text-shadow:1px 1px 0 rgba(0,0,0,0.75);}
.randomblocklink1, .randomblocklink2 {position:absolute;bottom:10px;right:10px;height:30px;width:320px;}
.randomblocklink1 {height:15px;}
.randomblocklink2 {height:30px;}
.randomblocklink1, .randomblocklink2 {text-align: right;margin:0;}
.randomblocklink1 a, .randomblocklink2 a {color:#ffffff;font-size: 12px;text-decoration: none;border-bottom:1px dashed rgba(255,255,255,0.75);text-shadow:1px 1px 0 rgba(0,0,0,0.75);}

aside.rightside h3, aside.leftside h3, aside.homerightside h3 {margin:0;color:#333333;}
aside.rightside div.modul h3, aside.leftside div.modul h3, aside.homerightside div.modul h3 {background-color:rgba(0,0,0,0.1);line-height:30px;text-indent: 5px;font-weight: bold;text-shadow:1px 1px 0 rgba(255,255,255,0.3);border-top:1px solid #ffffff;}
aside.rightside div.modul:first-child h3, aside.homerightside div.modul:first-child h3 {border-top:none;}
aside.leftside div.modul {background-image:url("/images/bgr.gif");border-left:1px solid #ffffff;
	box-shadow: 1px 0 2px rgba(0,0,0,.25);
	-webkit-box-shadow: 1px 0 2px rgba(0,0,0,.25);
	-moz-box-shadow: 1px 0 2px rgba(0,0,0,.25);}
aside.leftside div.modul H3{background-color:rgba(0,0,0,0.1);}
aside.leftside div.modultext {}

div.modultext {font-size: 12px; line-height: 14px;}
p.modul {margin:0px; padding:5px 5px 10px 5px;line-height: 16px; font-size: 12px;}
p.modul a {text-decoration: none;}

#buttons {float:left;}
#buttons div {float:left;padding:5px;}
#catalog {float:right;}
#catalog, #catalog * {font-size: 11px;}

.or {color:#993300;}
.small {font-size:11px;}
hr {height:1px; border:none; border-top: 1px solid #cccccc; margin:10px 0;}

table.tbl3 {border:0px;}
table.tbl3 td {border-bottom:1px solid #999999; padding:3px 5px;font-size:12px;}
table.tbl3 tr.first td, table.tbl3 td.first {background-color: #cccccc; border-top:1px solid #eeeeee;}
table.tbl3 tr.first td a:link, table.tbl3 tr.first td a:visited, table.tbl3 tr.first td a:hover, table.tbl3 tr.first td a:active {color:#333333; text-decoration: none;}
table.tbl2 {border:0px;}
table.tbl2 td {padding:3px 5px; border-bottom:1px solid #e5e5e5;font-size:12px;}
table.tbl2 tr.tr2 td {padding:3px 5px; background-color: #ededed; border-bottom:1px solid #e5e5e5;}
table.tbl2 tr.first td {background-color: #ffdd88; border-top:1px solid #ffd788; border-bottom:1px solid #ffbb33;}
table.test {border:0px;}
table.test td {padding:3px 5px; border-bottom:1px solid #e5e5e5;font-size:11px;}
table.test td input {width:100px;font-size:11px;}
table.test tr.tr2 td {padding:3px 5px; background-color: #ededed; border-bottom:1px solid #e5e5e5;}
table.test tr.first td {background-color: #ffdd88; border-top:1px solid #ffd788; border-bottom:1px solid #ffbb33;}
table.enru td {background-image: url('/images/bgr.gif'); border:1px solid #cccccc; padding:5px;}

#breadcrumbs ul {list-style: none;padding:0;margin-top:-15px;}
#breadcrumbs li {float:left;margin:0;padding:0 0 0 5px;font-size:12px;color:#333333;}
#breadcrumbs li:first-child {padding:0;}
#breadcrumbs a, #breadcrumbs span {color:#993300;}
#breadcrumbs > ul > li:after {content: " \00BB";}
#breadcrumbs > ul > li:last-child:after {content: "";}
#breadcrumbs > ul > li > div {display:none;margin:0 0 0 -10px;position:absolute;z-index:0;top:13px;padding:12px 10px 10px 10px;}
#breadcrumbs > ul > li:hover div, #breadcrumbs > ul > li > div:hover {display:block;}
/*#breadcrumbs > ul > li:nth-last-child(2):hover div, #breadcrumbs > ul > li > div:hover {display:block;}*/
#breadcrumbs > ul > li > div > ul {padding:6px 4px 6px 20px;margin:0px;background-image: url('/images/bgr.gif');border:1px solid #cccccc;
	box-shadow: 1px 1px 2px rgba(0,0,0,.25);
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.25);
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,.25);}
#breadcrumbs > ul > li > div > ul > li {float:none;list-style-image: url('/images/li1.gif'); font-size: 11px; padding:0px; margin:0px; line-height:14px;}

ul.content li {font-size: 12px;line-height:14px;}
ul.content3 li {list-style-image: url('/images/li3.gif'); line-height: 150%;}
ul.content2 li {list-style-image: url('/images/li2.gif'); line-height: 150%;}
ul.content li, ul.content1 li {list-style-image: url('/images/li1.gif'); line-height: 150%;}

div.pages {/*width:535px;margin:10px auto;*/height:28px;text-align: center;margin:10px;}
div.pages div {margin:auto;position:relative;display: inline-block;}
div.pages span {display:block;float:left;font-weight: bold;width:18px;height:18px;border:1px solid #cccccc;text-align:center;margin:4px;}
div.pages a {display:block;float:left;width:18px;height:18px;border:1px solid #cccccc;text-decoration: none;text-align:center;margin:4px;}
/*div.pages a:link, div.pages a:visited, {display:block;float:left;border:1px solid #cccccc;padding:2px 4px;margin:4px;text-decoration: none;line-height: 16px; width:10px;}*/
div.pages a:hover {border:1px solid #993300;}
div.pages a:active {border:1px solid #cccccc;}


/*@media screen and (min-width: 990px) {*/
	#pagewrap {width: 980px;}
	#content {width: 620px;padding:0 180px 0 180px;}
	#words {width:276px;height:66px;margin-left:0;}
	#topright {}
	aside.leftside {width: 180px;margin-left:-180px;}
	aside.rightside, aside.homerightside {width: 180px;margin-right:-178px;margin-left:-5px;}
	aside.rightside div.modul, aside.homerightside div.modul {}
	div.modultext {}
	nav {width:179px;}
	article {width: 575px;}
	#randombg {width:573px;height:300px;}
	#randombg img {margin-left:-100px;margin-top:-70px;}
	#catalog {width:670px;}
/*}*/

@media screen and (max-width: 989px) {
	body {width:100%;}
	header {width: 100%;margin:0 auto;padding-top:0;}
	#logo {margin-top:0;}
	#pagewrap {width: 98%;}
	#content {width: 100%;padding:0;}
	#words {float:left;clear:right;width:276px;height:56px;margin-top:-40px;line-height:32px;margin-left:-206px;}
	#topright {position:relative;margin-left:-20px;margin-top:10px;}
	aside.leftside {width: 25%;float:left;margin-left:0;}
	section {width: 75%;float:right;}

	aside.homerightside, aside.rightside {width: 99.5%;margin-right:2px;margin-top:10px;float:left;clear:both;}
	aside.homerightside div.modul {width:25%;float:left;}
	aside.homerightside > div.modultext {width:25%;float:left;}
	aside.homerightside div.modul h3, aside.rightside div.modul h3 {border-top:none;}
	aside.homerightside div.modul:nth-child(5) {width:50%;float:left;}
	aside.homerightside div.modul:nth-child(6) {width:50%;float:left;}
	aside.homerightside div.modul:nth-child(5) div {width:50%;float:left;}
	aside.homerightside div.modul:nth-child(6) div#nbvq {float:left;padding:0;margin-top:2px;}
	aside.homerightside div.modul:nth-child(6) div#nbar {width:40%;float:left; margin:0;border:none;}

	aside.rightside div.modul {width:33.33%;float:left;}
	aside.rightside > div.modultext {width:33.33%;float:left;}
	aside.rightside div.modul:nth-child(5) {width:66.66%;float:left;}
	aside.rightside div.modul:nth-child(5) div {width:50%;float:left;}

	nav {width:auto;}
	article {width: auto;margin-right:1px;}
	#randombg {width:auto;height:300px;margin-left:0;}
	#randombg img {margin-left:-7%;margin-top:-70px;}
	#catalog {width:480px;float:left;padding-left:10px;}
}
@media screen and (max-width: 755px) {
	#logo {float:left;width:186px;height:76px;padding:0;margin-top:10px;}
	/*#words {margin-top:-20px;margin-left:0;}*/
	#words {float:left;margin-top:-138px;margin-left:206px;}
	#topright {float:none;clear:both;margin:0 0 10px 0;}
	aside.homerightside, aside.rightside {min-height:420px;}
	aside.homerightside div.modul {width:34.5%;clear:both;}
	aside.homerightside div.modul:nth-child(5) h3, aside.homerightside div.modul:nth-child(6) h3 {margin-top:-30px;}
	aside.homerightside div.modul:nth-child(5) {width:65%;height:170px;position:absolute;right:0;top:0;background-color: #ffffff;margin-top:30px;}
	aside.homerightside div.modul:nth-child(6) {width:65%;height:190px;position:absolute;right:0;top:200px;background-color: #ffffff;margin-top:30px;}
	aside.rightside div.modul {width:50%;float:left;}
	aside.rightside div.modul:nth-last-child(n+2) {clear:left;width:65%;float:left;}
	aside.rightside div.modul:nth-child(5) {width:34.5%;position:absolute;right:0;top:0;}
	aside.rightside div.modul:nth-child(5) div {width:100%;float:none;}
}
@media screen and (max-width: 640px) {
	#pagewrap {width: 100%;}
	header {width: 100%;margin:0;padding-top:0;overflow: hidden;}
	#words {float:left;margin-top:-138px;margin-left:206px;}
	#topright {float:none;clear:both;margin:0 0 10px 0;}

	aside.leftside {width: 100%;clear:both;height:auto;margin-bottom:5px;}
	nav {width: 99.5%;margin-right:2px;height:30px;}
	nav > ul > li {width:25%;float:left;border-bottom:none;}
	nav > ul > li > ul, nav > ul > li > ul > li > ul {display:none;}
	nav > ul > li > ul {display:block;height:110px; background-color:rgba(0,0,0,0.1);padding:5px 0;}
	nav > ul > li > ul > li {font-size: 11px;line-height:22px;}
	nav > ul > li > ul > li > a {background:none;}

	section {width: 100%;float:none;clear:both;}
	article {margin:0 1px;}
	aside.leftside div.modul {display:none;}

	aside.homerightside div.modul, aside.rightside div.modul {width:49.9%;float:left;clear:none;}
	aside.homerightside > div.modultext, aside.rightside > div.modultext {width:49.9%;float:left;}
	aside.homerightside div.modul:nth-child(5) {float:left;clear:left;width:50%;height:auto;position:static;}
	aside.homerightside div.modul:nth-child(5) div {width:auto;float:none;}
	aside.homerightside div.modul:nth-child(6) {float:left;clear:none;width:50%;height:auto;position:static;}
	aside.homerightside div.modul:nth-child(6) div {margin-top:2px;}
	aside.homerightside div.modul:nth-child(6) div#nbar {width:auto;float:none;}
	aside.rightside div.modul:nth-last-child(n+2) {clear:left;width:49.9%;float:left;}
	aside.rightside div.modul:nth-child(5) {width:49.9%;position:absolute;right:0;top:0;}
	footer {height:auto;}
	#buttons {margin:0 auto;}
	#catalog {width:auto;float:none;clear:both;padding:5px;}
}