html {
	margin: 0; padding: 0;
	font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
	font-size: 9pt;
	background: url('bottom_bg.jpg') no-repeat bottom #89C6ED;
	color: #333;
}
body {
	margin: 0 auto; padding: 0;
	background: url('top_bg.jpg') top no-repeat ;
}
h1, #menu, #menu li {
	margin: 0; padding: 0;
	list-style: none;
}

h1 span, #news h2 span, #rssicon span, #idea span, #w_b span {
	position: absolute;
	top: -10000px;
}

a {
	text-decoration: none;
	color: #333;
}
a:hover {
	text-decoration: underline;
}

.clear {
	clear: both; display: block;
	width: 100%; height: 1px;
	font-size: 1px;
}

/*--LAYOUT--*/
#site {
	width: 940px;
	margin: 0 auto;
}

#top {
	background: url('top.jpg') no-repeat;
	height: 200px;
	position: relative;
}

h1 {
	position: absolute; top: 40px; left: 0;
	width: 244px; height: 64px;
	/*border: solid 1px red;*/
	background: url('logo.gif') no-repeat;
}
h1 a {display: block; height: 60px;}

#top-menu {
	background: url('top_menu.gif') no-repeat;
	width: 409px; height: 24px;
	margin: 20px 0 0 0; padding: 6px 0 0 15px;
	list-style: none;
	float: right;
}
#top-menu li {
	color: #fff;
	margin: 0; padding: 0 10px 0 10px;
	float: left;
	border-left: solid 1px #B0E0FE;
}
#top-menu li a {color: #fff;}
#top-menu-1st {border: none !important;}

#search {
	position: absolute; top: 65px; right: 0;
	height: 30px; width: 570px; float: right;
}
#search-links {float: left;width: 265px;}
#a-1, #a-2 {
	display: block;
	float: left;
	width: 145px; height: 30px;
	background: url('a_1.gif') no-repeat;
}
#a-2 {width: 107px; background: url('a_2.gif') no-repeat; float: right;}

#search form {
	float: right;
	width: 280px;
}
#search #f_search {
	float: left; width: 189px; height: 25px;
	padding: 5px 5px 0 5px;
	background: url('search_input.gif') no-repeat;
	border: none;
}
#search-submit {
	float: right; display: block;
	height: 30px; width: 71px;
	padding-top: 40px; border: none;
	background: url('search_submit.gif') no-repeat;
	max-height: 50px; font-size: 0;
}

#menu {
	position: absolute; top: 122px; left: 0;
	margin: 0; padding: 5px 0 0 10px;
	list-style: none;
	font-size: 10pt;
	background: url('menu_bg.gif') no-repeat ;
	width: 940px; height: 56px;
}

#menu li {
	height: 45px; float: left;
	background-repeat: none;
	position: relative;
	background: url('menu/menu_li.gif') no-repeat left;
}
#menu-1 {background: none !important;}
#menu li a {
	display: block;
	height: 35px;
	padding: 10px 10px 0 10px;
}
.active {
	color: #fff;
	 font-weight: bold;
	 position: relative !important;
	 z-index: 5 !important;
}
 #menu li a:hover {
	font-weight: bold;
	color: #fff;
	text-decoration: none;
 }
#menu li:hover {
	position: relative;
	z-index: 5 !important;
}
#menu-1 a { width: 43px;}
#menu-1:hover {background-image: url('menu/menu_1h.gif') !important; }
#menu-1 .active {background: url('menu/menu_1_a.gif')}


#menu-2 a { width: 58px;}
#menu-2:hover {background-image: url('menu/menu_2h.gif'); }
#menu-2 .active {background: url('menu/menu_2_a.gif')}


#menu-3 a {width: 78px;}
#menu-3:hover {background-image: url('menu/menu_3h.gif'); }
#menu-3 .active {background: url('menu/menu_3_a.gif')}


#menu-4 a {width: 125px;}
#menu-4:hover {background-image: url('menu/menu_4h.gif'); }
#menu-4 .active {background: url('menu/menu_4_a.gif')}


#menu-5 a {width: 77px;}
#menu-5:hover {background-image: url('menu/menu_5h.gif'); }
#menu-5 .active {background: url('menu/menu_5_a.gif')}


#menu-6 a {width: 90px;}
#menu-6:hover {background-image: url('menu/menu_6h.gif'); }
#menu-6 .active {background: url('menu/menu_6_a.gif')}

#menu-7 a {width: 108px;}
#menu-7:hover {background-image: url('menu/menu_7h.gif'); }
#menu-7 .active {background: url('menu/menu_7_a.gif')}


#menu-8 a {width: 68px;}
#menu-8:hover {background-image: url('menu/menu_8h.gif'); }
#menu-8 .active {background: url('menu/menu_8_a.gif')}


#menu-9 a {width: 103px;}
#menu-9:hover {background-image: url('menu/menu_9h.gif'); }
#menu-9 .active {background: url('menu/menu_9_a.gif')}

#menu li:hover a {background: none;}
#menu li:hover ul {display: block;}

#menu ul {
	position: absolute; top: 45px; left: 0;
	z-index:5;
	display: none;
	width: 280px;
	padding: 0 0 10px 0;
	background: url('menu/menu_ul.gif') no-repeat bottom #147EA8;
}

#menu ul li {
	width: 260px;
	padding: 5px 20px 5px 0;
	height: auto;
	background: none;
	border-left: none !important;
	border-bottom: solid 1px #2A99BC;
}

#menu ul li a {
	width: 220px;
	display: block;
	border: none;
	text-decoration: none;
	font-size: 10pt;
	height: auto;
	color: #fff;
	background: url('menu/menu_ula.gif') no-repeat right !important;
}

#menu ul li a:hover {text-decoration: underline;font-weight: normal;}

#body {
	padding: 40px 0 0 0;
	background: url('cont_top.gif') no-repeat top #fff;
}
#body-in {
	padding: 0 40px 40px 40px;
	background: url('cont_bottom.gif') no-repeat bottom;
	overflow: hidden;
}
#content {
	float: left; width: 580px;
	padding: 0 40px 0 0;
	border-right: solid 1px #E5E5E5;
}
#home #content {
	float: left; width: 520px;
	padding: 0 40px 0 0;
	border-right: solid 1px #E5E5E5;
}
#sidebar {
	float: right; width: 190px;
	padding: 0;
}

#home #sidebar {
	float: right; width: 260px;
	padding: 0;
}

#news {
	clear: both;
	padding: 20px 0 0 0; margin: 20px 0 0 0;
	background: url('cont_top.gif') no-repeat top #fff;
}
#news-in {
	overflow: hidden;
	padding: 0 40px 30px 40px;
	background: url('cont_bottom.gif') no-repeat bottom;
}

#foot {
	height: 100px; width: 100%;
	clear: both;
	position: relative;
}

#copy {
	position: absolute; top: 20px; left: 0;
	width: 169px; height: 40px;
	padding: 8px 0 0 15px;
	background: url('copy_bg.gif') no-repeat;
}
#copy p, #copy a {
	color: #fff;
	margin: 0; padding: 0;
}
#foot-menu {
	position: absolute; top: 20px; right: 0;
	background: url('foot_menubg.gif') no-repeat right;
	height: 30px;
	padding: 0;
}
#foot ul {
	float: right;
	list-style: none;
	margin: 0;
	height: 24px;
	padding: 6px 0 0 0;
	margin: 0 3px 0 0;
	background: url('foot_menu.gif') no-repeat left;
}
#foot ul li {
	color: #fff;
	margin: 0; padding: 0 10px 0 10px;
	float: left;
	border-left: solid 1px #B0E0FE;
}
#foot ul li a {color: #fff;}
#foot-menu-1st {border: none !important;}
/*--HOME--*/
.item, .item-b {
	clear: both;
	background: #FAFAFA;
	border: solid 1px #F2F2F2;
	width: 410px;
	padding: 20px 60px 0 50px;
	margin: 0 0 30px 0;
	position: relative;
}


/*

.item, .item-b {
	clear: both;
	background: url('item_bg.gif') no-repeat;
	width: 410px; height: 70px;
	padding: 20px 60px 0 50px;
	margin: 0 0 30px 0;
	position: relative;
}
*/

.comment-item {
	clear: both;
	width: 410px;;
	padding: 20px 60px 0 50px;
	margin: 0 0 30px 0;
	position: relative;
	background: #FAFAFA;
	border: solid 1px #F2F2F2;
}


.item-b {background: #f5f5f5; border: solid 1px #ededed;}
/* .item-b {background: url('item_bg_b.gif') no-repeat;}*/
.item h3, .item-b h3 {color: #3D5D74 !important;margin: 0 0 5px 0;}
.comment-item h3, .comment-item-b h3 {margin: 0 0 5px 0;}
.item h3 a, .item-b h3 a {color: #3D5D74; text-decoration: none;}
.num {position: absolute; top: 35px; left: 15px; font-size: 14pt;color: #999;}
.item-links{position: absolute; bottom: -7px; right: 5px; height: 18px;float: right;}
.plus, .minus, .more, .ile {display: block;width: 18px; height: 18px; float: right; margin: 0 5px 0 0;}
.more {float: right;}
.plus {background: url('plus.gif') no-repeat;}
.minus {background: url('min.gif') no-repeat;}
.more {background: url('more.gif') no-repeat;}
.ile, .item-b .ile {background: url('ile.gif') no-repeat; width: 40px; padding: 4px 10px 0 0; text-align: right; height: 14px;}
.item-b .ile {background: url('ile_b.gif') no-repeat;}

.items-foot {clear: both;}
.items-foot p {float: left; font-size: 14pt; padding: 0 15px 0 0;margin: 0;}
.items-foot a {margin: 0 10px 0 0;}
/*--sidebar--*/
.side-items {
	overflow: hidden;
	clear: both;
	padding: 0 0 20px 0;
	margin: 0 0 20px 0;
	border-bottom: solid 1px #E5E5E5;
}
#w_b {background: url('w_b.gif') no-repeat;width: 100%;height: 24px;}

#idea {clear: both; padding: 15px 0 0 0;}
#idea h2 {background: url('idea_h2.gif') no-repeat;width: 100%;height: 24px;}
#sidebar img {
	float: left;
	margin: 0 10px 0 0;
}
#idea .idea {margin: 15px 0 0 0;}
/*--news--*/
#news h2 {
	background: url('akt_h2.gif') no-repeat;
	width: 100%; height: 40px;
}

#rssicon {
	float: right;
	display: block;
	width: 40px; height: 40px;
	background: url('rss.gif') no-repeat;
}

.akt-item, .akt-item-last {
	width: 220px;
	padding: 20px 20px 30px 20px;
	margin: 0 35px 0 0;
	float: left;
	background: #FAFAFA;
	border: solid 1px #F2F2F2;
}
.akt-item-last {margin: 0;}
.akt-item .date, .akt-item-last .date {color: #666; margin: 0;}
.akt-item h3, .akt-item-last h3 {margin: 0 0 10px 0; color: #3D5D74;}
.akt-item h3 a, .akt-item-last h3 a {color: #3D5D74; }

#news span	{
	float: left;
	display: block;
	padding: 8px 0 0 10px;
	color: #666;
}
#akt-foot {clear:left; padding: 20px 0 0 0;}
/*--CONTENT--*/
#content h2 {
	font-size: 16pt;
	font-weight: normal;
}
#content h2 p {font-size: 9pt;}

#content h3 {color: #666;}

#content a {text-decoration: underline;}
#content a:hover {text-decoration: none;}
p {
	margin: 0 0 1.5em 0; padding: 0;
	line-height: 1.5em;
}
ul {
	margin: 0 0 1.5em 0; padding: 0;
	line-height: 1.5em;
}
li {
	margin: 0 0 0 20px; padding: 0;
}
img {
	border: 0;
}

h2 {
	margin: 0 0 1.5em 0; padding: 0;
	font-size: 12pt;
}
h3 {
	margin: 0 0 1em 0; padding: 0;
	font-size: 11pt;
}

#gallery {
	background: #fafafa;
	width: 498px;
	padding: 50px 50px 20px 50px;
	border: solid 1px #F2F2F2;
	position: relative;
	margin: 0 0 20px 0;
}
#gallery h3 {
	position: absolute; top: 15px; left: 220px;
	color: #3D5D74;
}
#gall-in {position: relative;}
#gal-prev {
	display: block;
	position: absolute; top: 0; left: 0;
	width: 60px; height: 240px;
	background: url('gal_prev.gif') no-repeat left;
	margin: 0 0 0 -20px;
}
#gal-next {
	display: block;
	position: absolute; top: 0; right: 0;
	width: 60px; height: 240px;
	background: url('gal_next.gif') no-repeat right;
	margin: 0 -20px 0 0;
}

#gall-link {margin: 20px 0 0 0;}
/*--link--*/
.link-more, .print, .up, .old-news, .idea, .prev, .next, .show-all {
	color: #fff;
	float: left;
	display: block;
	width: 95px; height: 22px;
	padding: 8px 0 0 10px;
	background: url('link_more.gif') no-repeat;
}
.old-news, .idea {width: 127px; background: url('old.gif') no-repeat;}
#news .link-more, body-in content #news .link-more  {background: url('news_link_more.gif') no-repeat; color: #333;}
#news h3 a {text-decoration: none;}
#news h3 a:hover {text-decoration: underline;}
.prev {background: url('prev.gif') no-repeat; width: 75px; color: #333; padding: 8px 0 0 20px;}
.next {background: url('next.gif') no-repeat; width: 73px; color: #333;}
.show-all {background: url('show_all.gif') no-repeat; width: 111px;}
.print, .up {height: 22px; color: #333; padding: 8px 0 0 25px; font-size: 10pt; }
.prev, .next, .show-all, .print, .up {text-decoration: none !important;}
.print:hover, .up:hover, .prev:hover, .next:hover, .show-all:hover {text-decoration: underline !important;}
.print {background: url('print.gif') no-repeat; width: 91px; }
.up {background: url('up.gif') no-repeat; width: 60px;}
