/* Body */

body {background-color: #FFE6B3; color: #000; font: 14px/16px Trebuchet MS; margin: 0;}

td,tr,p,div {color: #333;}

#accessibility {display: none; left: -2000px; position: absolute; top: -2000px}

#topmenu{
float: right;
height: 20px;
position: absolute;
right: 150px;
z-index:1}	

/* Topmenu */

ul#mainlevel-nav {float: right; list-style: none; margin: 0; padding: 0; white-space: nowrap}

ul#mainlevel-nav li{
background: #FFF0BD;
border: 1px solid black;	
float: right;
font-size: 10px;
height: 20px;
line-height: 20px;
list-style: none;
margin: 0;
margin-right: 1px;
width: auto !important; /* width: 5%;*/
white-space: nowrap}

ul#mainlevel-nav li a {color: #0077AA; display: block; font-weight: normal; height: 20px; margin-left: 5px; padding-left: 5px; padding-right: 10px; white-space: nowrap}

/* Фон */

div {margin:0}

.bg { margin:0 120px 0 0}
.bg_wide { margin:0}
.bg01 { background:url(../images/bg_01.jpg) top left no-repeat}
.bg02 { background:url(../images/bg_02.jpg) top left repeat-x; }
.bg03 { background:url(../images/bg_03.jpg) top right no-repeat; }
.bg04 { background:url(../images/bg_04.jpg) bottom left repeat-y; }
.bg05 { background:url(../images/bg_05.jpg) top left repeat; }
.bg06 { background:url(../images/bg_06.jpg) bottom right repeat-y}
.bg07 { background:url(../images/bg_07.jpg) bottom left no-repeat; }
.bg08 { background:url(../images/bg_08.jpg) bottom left repeat-x}
.bg09 { background:url(../images/bg_09.jpg) bottom right no-repeat}
.inhalt {
	height:auto !important;
	height:500px;
	margin:0;
	min-height:500px;
	padding:130px 80px 50px 240px}

/* Menu Links */
.menu_links {left: 8px; position: absolute; top: 300px}
.menu_links_01 {background:url(../images/menu_links_01.jpg) top left no-repeat}
.menu_links_02 {background:url(../images/menu_links_02.jpg) top left repeat-y}
.menu_links_03 {background:url(../images/menu_links_03.jpg) bottom left no-repeat}
.menu_links_content {padding: 10px 10px 20px 20px; width:220px}
.menu_links_content table.moduletable {border: 0; margin: 0; padding: 10px 0 0 0; width: 180px}
.menu_links_content ul{list-style: none; margin: 0; padding: 0}


/* Right Menu */
.menu_rechts {
	position: absolute;
	right: 18px;
	top: 130px}
.menu_rechts_01 {background:url(../images/menu_rechts_01.jpg) top left no-repeat}
.menu_rechts_02 {background:url(../images/menu_rechts_02.jpg) top left repeat-y}
.menu_rechts_03 {background:url(../images/menu_rechts_03.jpg) bottom left no-repeat}
.menu_rechts_content {
	margin: 0 -5px;
	padding: 5px 0px 15px 10px;
	width: 165px}
.menu_rechts_content table.moduletable {border: 0; margin: 0; padding: 10px 0 0 5px; width: 145px}
.menu_rechts_content ul {list-style: none; margin: 0; padding: 0}

.design {color: #0077AA; font-size: 10px; margin-left: 210px; margin-top: -20px}
.design a:link, .design a:visited {color: #0077AA; font-size: 10px}

.struktur {display:inline; left:-1000px; height:0; overflow:hidden; position:absolute; top:-1000px; width:0}
.struktur h1 {font: bold 50px Comic Sans MS; color:red; text-align:center}

.user4 {position: absolute; right: 25px; top: 0; width: 50%}
.user4 p {color: #009eff; font: oblique 13pt serif}

#user1, #user2 {margin-bottom: 10px}

.latestnews, a.latestnews:link, .mostread, a.mostread:link {font: 14px/18px Trebuchet MS; margin: 3px 0}

/* #user1 ul, #user2 ul {list-style: none; margin-left:120px; padding: 2px 10px 0 0}*/
#user1 ul, #user2 ul {list-style: none outside none; margin-left: 40px; padding: 0 10px 0 0}

ul li {list-style: inside; list-style-image: url(../images/arrow.png)}
ol li {list-style: decimal; padding: 5px 0;}

/* Styles for dhtml tabbed-pages */

.ontab {
	background-color: #ffae00;
	border-left: outset 2px #ff9900;
	border-right: outset 2px #808080;
	border-top: outset 2px #ff9900;
	border-bottom: solid 1px #d5d5d5;
	text-align: center;
	cursor: hand;
	font-weight: bold;
	color: #FFF}
.offtab {
	background-color : #e5e5e5;
	border-left: outset 2px #E0E0E0;
	border-right: outset 2px #E0E0E0;
	border-top: outset 2px #E0E0E0;
	border-bottom: solid 1px #d5d5d5;
	cursor: hand;
	font-weight: normal;
	text-align: center;
}

.tabheading {background-color: #ffae00; text-align: left}

.pagetext {display: none; position: relative; top: 0; visibility: hidden}

h2,.h2 {color: #0066FF; font: bold 16px Verdana; margin: 0 0 10px 0}
h3,h4 {color: #FF9900; font: bold 16px Verdana}
h5,h6 {color: #FF9900; font: bold 14px Verdana}

/* Links */

a:link, a:visited {color: #808080; text-decoration: none}
a:hover, a.readmore-link:hover {color: #FF6600}

/* For content item titles that are hyperlink instead of Read On */

a.contentpagetitle:link, a.contentpagetitle:visited {color: #808080; font: bold 18px Tahoma; text-align:left}
a.contentpagetitle:hover {color: #FF6600; text-decoration: underline}

/* Horizontal Line */

hr {background: #C0C0C0; border: 0; /*border: 0 inset*/ height: 1px}

hr.separator {background: #C0C0C0; border: 0; height: 1px; width: 75px}


/* --Default Class Settings-- */

a.mainmenu:link, a.mainmenu:visited, a.mainlevel:link, a.mainlevel:visited {color: #808080}

a.mainmenu:hover, a.mainlevel:hover {color: #FF9900}

a.sublevel:hover {color: #FF0000; text-decoration: underline}

a.sublevel:link, a.sublevel:visited {color: #808080; font-size: 12px}

#active_menu {color: #0077AA; font-weight: bold}

.top {margin-bottom:20px}


/* Content - Sections & Categories */

.contentpane {background-color: none}

.contentpaneopen, .contentpaneopen table { /* border: 3px ridge #DCDCDC; */ width: 100%}
.contentpaneopen table {border-collapse: collapse; /* box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.506) */}
.contentpaneopen table thead td {background:#FFF0BE9; font-weight: bold}
.contentpaneopen table td {border: 1px solid #D9D9D9; padding: 5px}

a.wot {border-bottom: 1px dotted; font-weight:normal; padding-bottom: 1px}
a.wot:hover {border-bottom: 1px dashed}

.contentheading, .componentheading, .contentpagetitle {
	border-bottom: 2px solid #FF8311;
 	color: #0077AA;
	font: bold 18px Verdana;
	text-align:left}

.contentpaneopen h3 {color: #0077AA; font: 18px Verdana; margin-bottom: 0px}
.contentpaneopen p {margin: 0 0 12px}
.contentpaneopen p.title {margin: 0 0 5px}

.contentpaneopen p a {color:#0066ff}
.contentpaneopen p a:hover {color:#ff6600}
.inhalt .contentpaneopen img, .blog .contentpaneopen img {max-width:826px}

td.contentheading h1 {margin:10px 0 0 0}
td.contentheading a:hover {text-decoration: none}
.contentheading td {/* border: 1px solid blue*/}

.contentpagetitle {border:none; color: #333}

table.contenttoc {background-color: #e0e0e0; color: #333300}
table.contenttoc td {font: normal 8pt Verdana; text-align:left}

a.toclink:link, a.toclink:hover, a.toclink:visited {font-size: 9px}

.contentdescription {color: #808080; font: 14px Verdana; text-align: left}


/* my styles*/

.alfavit {margin:0 10px 10px 0; padding:10px; border:0}
.blue {background: #E7F4FA; border: 1px solid #0066ff; border-radius:20px; padding: 15px 10px; width:90%}
.blok {display:inline-block}

.bgreen {
	background: linear-gradient(to bottom, #32FA78 0px, #06BF47 100%) transparent;
	border-bottom: 1px solid #024218;
	border-radius: 7px;
	box-shadow: rgba(0, 0, 0, 0.506) 0 1px 3px 0;
	color: #FFF !important;
	display: inline-block;
	font: 700 18px/38px Arial;
	margin: 10px 0 0; /* padding: 0 20px; text-align: center;*/
	text-decoration: none !important;
	text-shadow: #8C1419 0 -1px 0;
	width: 121px}
.bgreen:hover {
    /* Точка поворота в правом верхнем углу 
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -o-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;*/
    transform-origin: 50% 50%;
    /* Поворачиваем на 5 градусов против часовой стрелки 
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);*/
    transform: rotate(-5deg)}

.center {text-align: center}
.clear {clear:both}
.click {color: #999}
.bge {background: #fc6}
.ye {background: #FFF0BD; border: 1px solid #999; border-radius:10px; padding: 15px 10px; width:90%}
.layer1 {background: #fc6; border: 2px solid #999; border-radius:10px; margin: 2%; padding: 10px}
.shadow {text-shadow: 1px 1px 0 #eee}

.boxsh {box-shadow: 1px 1px 3px rgba(0,0,0,0.5)}
.box23 {float:left; margin-right:5px; padding:5px; width:23%}
.contentpaneopen .box23 h3 {margin: 5px 0; text-align:center}

.info {	background: #FCF8C8 url("/images/stories/icons/notice.gif") no-repeat 10px;
	border: 1px solid #ffcc66; border-radius:20px;
        color: #000;
	padding: 10px 10px 10px 60px}
.imp, .lg {
	border-left: 10px solid #ffcc66;
	border-top: 1px solid #fc6;
	border-right: 1px solid #fc6;
	border-bottom: 1px solid #fc6;
	font-size: 14px;
	padding: 2px 0 12px 10px}
.imp {background: url("/images/important.png") no-repeat 5px 5px 0 0}
.kolyb {color: rgb(0, 102, 255); font: oblique 16px Verdana; line-height:2em}

p img[align=right], img.right {float:right; margin-left:5px}
p img[align=left], img.left {float:left; margin-right:5px}
p img.bottom {margin-bottom:10px}
.w50 {width: 50%}
.w33 {width: 33%}

.img3 {float:left; margin-right:3px; width:30%}
.mb20 {margin-bottom: 20px}

.hidtxt {color:#FFF8E9; font-size:50px}

.highlight, .hl {background: #FFFF99}

.icq {margin-left:20px; border-left:3px solid #ccc; padding:10px}
.b {font-weight:bold}
.i {font-style:oblique}
.red {color:red}

blockquote, .quote {
	background:url("/images/stories/icons/blockquote.png") no-repeat 8px 5px;
	border-left: 3px solid #ccc;
	font-style: italic;
	margin: 15px 0 5px;
	padding: 5px 20px 7px 35px}
.quoter {background:url("/images/stories/icons/blockquote.png") no-repeat; color:#07a; font-size:14px; padding: 10px 0 0 20px}
#quoter {color:#07a; font-size:16px}

.virsh {white-space: pre-wrap;}

.adsbygoogle {clear: both; margin: 20px auto}


/* Links */

a.blogsection:link, a.blogsection:visited {color: #FF9900; text-decoration: none}
a.blogsection:hover {color: #999; text-decoration: underline}

a.weblinks:link, a.weblinks:visited {color: #FF9900; text-decoration: none}
a.weblinks:hover {color: #999; text-decoration: underline}

a.readmore-link {color:#0066ff}

a.readon:link, a.readon:visited {color: #0077AA; font: normal 12px Verdana; text-decoration: none}
a.readon:hover {color: #FF8311;	text-decoration: underline}

a.no {color: #666}

table.moduletable {
	border: 0;
	margin: 15px 20px 20px 0;
	width: 95%}

table.moduletable th {
	border-bottom: 2px solid #FF8311;
	color: #0077AA;
	font-weight:bold;
	text-align: left;
	white-space: nowrap;
	width: 100%}
	
table.moduletable td {}
	
.moduletable h3 {
	border-bottom: 2px solid #FF8311;
	color: #0077AA;
	font-weight: bold;
	margin: 0;
	text-align: left;
	white-space: nowrap;
	width: 98%}	
	
.button, .inputbox {background: #fff; border: 1px solid; color: #0077AA; font: bold 12px Verdana}
.inputbox, .searchbox {color: #666; font-size: 14px}
.searchbox {background: #fff; border: 1px solid}

/** category text format and links **/

.category {color: #999; font: 14px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; text-decoration: none}

a.category:link, a.category:visited {color: #0066ff}
a.category:hover {color: #999}

.poll {color: #666; font-size: 12px; line-height: 16px}

.sectiontableentry1, .contentpane, .sectiontableentry2 {background-color: none}
.sectiontableentry1 td {padding: 10px 0}

.sectiontableheader {background-color: #0077AA; color: #FFF; font-weight: bold}

.frontpageheader {color: #0077aa; font-size: 18px; font-weight: bold}

.small, .smalldark {color: #FF6600; font-size: 9pt; text-decoration: none}
.smalldark {color: #333}

.newsfeedheading {color: #333; font: bold 14px Verdana; text-align:left}

.newsfeeddate {color: #FF6600; font: normal 12px Verdana}

.createdate, .modifydate {color: #FF6600; font: normal 9px Verdana; padding-bottom: 1em; text-decoration: none}

.modifydate {color: #808080}

.fase4rdf {font: normal 12px Verdana; color: #000}

a.fase4rdf:link {font-size: 12px; font-weight: normal; color: #FF9900}
a.fase4rdf:hover {color: #808080; font-weight: bold}

table.searchintro {background-color: #FFF; border: solid 1px #777}

table.contact {background-color: #FFF; border: 1px solid #FF8311}

table.contact td.icons {}

table.contact td.details {font: bold 12px Verdana}

.pagenav {color: #EBEBEB; font-weight: normal}
a.pagenav, a.pagenav:visited {color: #FF6600}
a.pagenav:hover {color: #386593}
.pagenavbar {color: #386593}


/* Content voting */

.content_rating {font-size: 8pt; font-weight: normal}
.content_vote {font-size: 8pt; font-weight: normal}

/* for modifying {moscode} output.  Don't set the colour! */

.moscode {background-color: #f0f0f0}
.newsflash {background-color: #F5F5F5; color: #000}

/* Text passed with mosmsg url parameter */
.message {color : #ff6600; font: bold 10pt Verdana; text-align: center}