body {font: 14px Georgia, "Times New Roman", Times, serif; color: #282828;}

a {color: #4f9ad4; text-decoration: none; outline: none;}
a:hover {text-decoration: underline;}

form {margin: 0}

button, input, select, textarea {font-family: Arial, Helvetica, sans-serif; font-size: 12px}

hr {color: #C0C0C0; height: 1px}

img {border: 0; display: block}

.formbutton {border: 1px solid #C6C6C6; height: 23px; padding: 1px 4px 2px 4px; background: url(../img/button/formbutton.gif) repeat-x bottom center; color: #333; width: auto}
.formbutton_hover {border: 1px solid #C6C6C6; height: 23px; padding: 1px 4px 2px 4px; background: url(../img/button/formbutton_hover.gif) repeat-x top center}

.clearer {clear: both;}

/* Page */

#page {width: 960px; overflow: hidden; margin: 0 auto;}

/* Header */

#header {width: 100%; height: 119px;}
	
	#header .logo {float: left; margin: 20px 0 0 0;}
	
	#header #lang {float: right; list-style: none; margin: 21px 0 0 0; padding: 0;}
	
		#header #lang li {float: right; margin: 0 6px;}
	
		#header #lang li a {float: left; font-size: 11px; color: #282828; line-height: 14px; padding: 0 0 2px 0; border-bottom: 5px #ebebeb solid;}
	
		#header #lang li a.active {color: #4f9ad4; border-bottom: 5px #aed3ef solid;}
	
		#header #lang li a:hover {color: #4f9ad4; text-decoration: none;}
	
	#header .attributes {clear: right; float: right; width: 500px;}
		
		#header .attributes .newsletter_link {float: right; margin: 18px 10px 0 0; padding: 1px 10px 1px 0; font-size: 11px; background: url('../img/line_vertical.gif') repeat-y top right;}
		
	#header .search {float: right; height: 22px; margin: 15px 6px 0 0; background: url('../img/header/search-left.gif') #fff no-repeat;}
				
		#header .search fieldset {margin: 0; padding: 0; border: 0;}
			
		#header .search input {float: left; width: 107px; background: none; border: 0; margin: 0; padding: 3px 0 0 8px; color: #4f9ad4;}
			
		#header .search img {float: left;}

/* Mainmenu */

#mainmenu {width: 100%; height: 62px; overflow: hidden;}
	
	#mainmenu .m_inline {width: 100%; height: 62px; overflow: hidden; background: url('../img/right_panel_top.jpg') bottom right no-repeat;}
	
	#mainmenu ul {list-style: none; margin: 0; padding: 0;}
	
		#mainmenu ul li {float: left; margin: 0 22px 0 0;}
	
		#mainmenu ul li a {float: left; font-size: 16px; color: #282828; line-height: 18px; padding: 0 0 4px 0; border-bottom: 5px #ebebeb solid;}
	
		#mainmenu ul li a.active {color: #4f9ad4; border-bottom: 5px #aed3ef solid;}
	
		#mainmenu ul li a:hover {color: #4f9ad4; text-decoration: none;}

/* Front */

#front {width: 100%; overflow: hidden;}

	#front .left_side {float: left; width: 720px; overflow: hidden;}
	
	#front .left_side .product_list {width: 100%; overflow: hidden; padding: 0 0 10px 0;}
	
		#front .left_side .product_list ul {list-style: none; margin: 0; padding: 0;}
		
		#front .left_side .product_list ul li {float: left; width: 160px; margin: 0 20px 0 0; padding: 0 0 20px 0;}
		
		#front .left_side .product_list ul li a {float: left; color: #ffffff; font-style: italic; background-color: #565656;}
		
			#front .left_side .product_list ul li a span.title {width: 100%; height: 49px; display: block; overflow: hidden; position: relative; z-index: 1;}
			
			#front .left_side .product_list ul li a span.title h3 {font-size: 14px; font-weight: normal; margin: 0; padding: 0; line-height: 17px; position: absolute; bottom: 10px; left: 10px; z-index: 2px;}
			
			#front .left_side .product_list ul li a:hover {color: #272727; text-decoration: none; background-color: #a2cdee;}
			
			#front .left_side .product_list ul li a.nohover:hover {background-color: #565656;}
			
	#front .line {clear: both; width: 700px; height: 1px; background: url('../img/line_horisontal.gif') repeat-x;}
	
	#front .front_bottom {width: 100%; overflow: hidden; margin: 10px 0 14px 0; background: url('../img/line_vertical.gif') repeat-y 539px 0px;}
	
	*html #front .front_bottom {margin: 0 0 14px 0;}
	
		#front .front_bottom .front_logos {float: left; width: 540px; overflow: hidden;}
		
		#front .front_bottom .link_more {float: left; width: 130px; margin: 27px 0 0 15px; padding: 0 0 0 26px; line-height: 19px; background: url('../img/front/arrow.gif') no-repeat 0px 9px;}

/* Main */

#main {width: 100%; overflow: hidden;}

/* Content */

#content {float: left; width: 700px; overflow: hidden; padding: 0 0 30px 0;}

#content_wide {width: 100%; overflow: hidden; padding: 0 0 30px 0;}

#title {width: 100%; overflow: hidden;}
	
	#title h1 {float: left; width: 74%; font-size: 36px; color: #282828; font-weight: normal; margin: 0; padding: 0;}
	
	#title .history_button {float: right; margin: 13px 0 0 0;}
	
.text_box {padding: 21px 0 0 0; line-height: 23px;}

.text_box ul {margin: 0 0 15px 0; padding: 0 0 0 20px}

.text_box p {margin: 0; padding: 0 0 7px 0;}

.text_box h3 {font-size: 18px; color: #282828; font-weight: bold; margin: 0; padding: 0 0 12px 0;}

.text_box_fit {width: 100%; overflow: hidden;}

.product_pic {float: left; width: 218px; padding: 7px 0 0 0;}

	.product_pic img {margin: 0 0 18px 0;}

	.product_pic span {display: block; color: #797979; font-style: italic;}

.text_right {float: left; width: 460px; margin: 0 0 0 20px;}

/* Sublinks */

#sublinks {width: 100%; overflow: hidden;}

	#sublinks ul {list-style: none; margin: 0; padding: 0;}
	
		#sublinks ul li {float: left; margin: 10px 22px 0 0;}
	
		#sublinks ul li a {float: left; font-size: 16px; color: #282828; line-height: 18px; padding: 0 0 4px 0; border-bottom: 5px #ebebeb solid;}
	
		#sublinks ul li a.active {color: #4f9ad4; border-bottom: 5px #aed3ef solid;}
	
		#sublinks ul li a:hover {color: #4f9ad4; text-decoration: none;}

/* Right_panel */

#right_panel {float: right; width: 240px; overflow: hidden; background-color: #fff;}

	#right_panel .inline {padding: 3px 35px 25px 21px; color: #212121;}
	
	#right_panel .front_text {width: 100%; overflow: hidden; padding: 0 0 18px 0;}
	
		#right_panel .front_text h2 {font-size: 36px; font-weight: normal; color: #565656; margin: 0; padding: 0 0 3px 0;}
		
		#right_panel .front_text p {margin: 0; padding: 0; line-height: 23px;}
	
	#right_panel .line {clear: both; width: 100%; height: 1px; background: url('../img/line_horisontal.gif') repeat-x;}

	#right_panel .front_links {list-style: none; margin: 0; padding: 13px 0 20px 0;}
	
	*html #right_panel .front_links {float: left;}
	
		#right_panel .front_links li {display: inline;}

		#right_panel .front_links li a {display: block; margin: 6px 0; padding: 0 0 0 19px; background: url('../img/arrow.gif') no-repeat 0px 7px;}
	
		#right_panel .front_links li a:hover {text-decoration: none; background: url('../img/arrow_a.gif') no-repeat 0px 7px;}

	#right_panel .news_box {width: 100%; overflow: hidden; padding: 20px 0 0 0;}
	
	*html #right_panel .news_box {display: inline;}

		#right_panel .news_box h2 {font-size: 24px; font-weight: normal; font-style: italic; margin: 0; padding: 0 0 5px 0;}
		
		#right_panel .news_box .row {width: 100%; overflow: hidden; padding: 0 0 9px 0; line-height: 18px;}

		#right_panel .news_box .row span.date {display: block; font-size: 11px; color: #b6b6b6; line-height: normal;}
		
		#right_panel .news_box .row a {color: #212121;}
		
		#right_panel .news_box .row a:hover {color: #4f9ad4; text-decoration: none;}

/* Adv area */

.adv-area {clear: right; float: right; margin: 15px 0 0 0;}
.adv-area-2 {clear: right; float: right; margin: 15px 6px 0 0; position: relative;}
.adv-area-2 img {position: absolute; top: 0; right: 0;}

/* Submenu */

#submenu {width: 100%; overflow: hidden;}

	#submenu h2 {font-size: 36px; font-weight: normal; color: #565656; margin: 0; padding: 0 0 8px 0;}

	#submenu ul {list-style: none; margin: 0; padding: 0 0 20px 0;}
	
		#submenu li {display: inline;}

		#submenu li a {display: block; margin: 6px 0; padding: 0 0 0 19px; color: #282828; background: url('../img/arrow.gif') no-repeat 1px 7px;}
		
		#submenu li a.active {color: #4f9ad4; background: url('../img/arrow_a.gif') no-repeat 1px 7px;}
		
		#submenu li a:hover {color: #4f9ad4; text-decoration: none;}
		
		#submenu li.level3 a {background: none; font-size: 12px; margin: 4px 0; padding: 0 0 0 19px;}

/* Referentsid */

.referentsid_tabel {padding: 0 0 20px 0;}

.referentsid_tabel td {padding: 7px 25px 7px 5px;}

	.referentsid_tabel ul {margin: 0;}

/* Footer */

#footer {width: 100%; overflow: hidden;}

	#footer .footer_text {float: left; width: 700px; height: 50px; line-height: 46px; color: #5a5a5a; background: url('../img/line_horisontal.gif') repeat-x top left;}
	
	#footer .footer_text p {margin: 0; padding: 0;}
	
	#footer .footer_text span {color: #c1c1c1;}
	
	#footer .okia_mini {float: right; margin: 21px 0 0 0;}

.without_submenu {background: url('../img/line_horisontal.gif') repeat-x top left;}




.text_box_gallery {padding: 10px 0 0 0;}

.text_box_diverse {padding: 5px 10px}

.text_box_catalog {padding: 10px 6px}

.news_pic_position {float: right; margin: 0 0 10px 10px; padding: 2px; border: 1px solid #D0CDC6}

.bodytextlight {color: #999; font-size: 11px}

.bodytextlight a {color: #999}

/* ankeet */

.ankeet {border: 1px solid #CCC; background: #FAFAFA; float: left; padding: 10px 15px}

.ankeet table td {padding: 4px}

.ankeet table td.left {padding: 4px 10px 4px 4px}

.ankeet .title {font-size: 14px; font-weight: bold}

.ankeet .field input {border: 1px solid #CCC; width: 300px; padding: 2px 5px;}

.ankeet .field textarea {border: 1px solid #CCC; padding: 2px 5px; height: 120px}

/* file and linklist */

.diverse_list {}

.diverse_list ul {margin: 0; padding: 0; list-style: none}

.diverse_list ul li {margin: 0; padding: 2px 0}

.diverse_list ul li img {float: left; margin: 5px 6px 0 0}

/* sitemap */

.sitemap {}

.sitemap .row {padding: 0 0 8px 0}

.sitemap .row strong {font-size: 14px}

.sitemap .spacer {padding: 0 10px}

.sitemap .spacer img {float: left; margin: 5px 6px 0 0}

/* search page */

.searchpage {}

.searchpage .info {text-align: right; padding: 0 0 10px 0}

.searchpage .row {padding: 0 0 12px 0; width: 100%; overflow: hidden}

.searchpage .row strong {font-size: 14px}

.searchpage .spacer {padding: 0 0 10px 0}

.searchpage .row .pic {float: left; padding: 0 10px 0 0}

/* pagging */

.pagging {width: 100%; overflow: hidden}

.pagging .pages {float: left; font-weight: normal}

.pagging .pages ul {list-style: none; margin: 0; padding: 0}

.pagging .pages ul li {float: left; margin: 0 4px 0 0; padding: 0; border: 1px solid #E1E1E1; background: #FFF}

.pagging .pages ul li a {display: block; float: left; padding: 0 6px; line-height: 20px; height: 20px}

.pagging .pages ul li a:hover {background: #E1E1E1; text-decoration: none; color: #000}

.pagging .pages ul li.active {padding: 0 6px; background: #E1E1E1; color: #000; line-height: 20px; height: 20px}

.pagging .pages ul li a .direction {font-size: 16px; line-height: 16px}

.pagging .pagecount {float: right; line-height: 20px}

.topbrd {border-top: 1px solid #D0CDC6; padding: 6px 0 0 0}

.bottompbrd {border-bottom: 1px solid #D0CDC6; padding: 0 0 6px 0}

/* newsletter */

.newsletter {width: 100%; overflow: hidden}

.newsletter .subscribe {float: left; width: 210px; padding: 10px; border: 1px solid #CCC}
	
	.newsletter .subscribe .input {margin: 5px 0 0 0; border: 1px solid #CCC; padding: 2px 5px;}
	
.newsletter .explanation {float: right; width: 690px}

/* gallery */

.gallery {padding: 10px 0 0 0; width: 100%; overflow: hidden}

.gallery .item {float: left; width: 172px; height: 190px;}

.gallery .separator {float: left; width: 10px; height: 10px}

.gallery .item img {padding: 2px; border: 1px #ccc solid;}

.gallery .item .description {width: 158px; padding: 4px 0 0 0; height: 20px; overflow: hidden}

.gallery .layout {}

.gallery .layout .description {padding: 8px 0 26px 0}

.gallery .search_result .description { color:red }

/* news */

.news_list {}

.news_list .row {padding: 0 0 15px 0; width: 100%; overflow: hidden}

.news_list .row h2 {font-size: 16px; margin: 0; padding: 0}

.news_list .row .pic {}

.news_list .pagging {width: 100%; overflow: hidden; padding: 15px 0 0 0}

.news_list .pagging .left {}

.news_list .pagging .right {float: right}

/* catalog */

.catalog img.intro_pic {padding: 2px; border: 1px solid #D0CDC6} 

img.catalog_img {padding: 2px; border: 1px solid #D0CDC6; float: left}

/* catalog list */

.catalog_list {}

.catalog_list .row {padding: 0 0 10px 0; width: 100%; overflow: hidden; border-bottom: 1px solid #E3E0DA}

.catalog_list .row img {float: left}

.catalog_list .row .pic {float: left; width: 120px; padding: 0 10px 0 0}

.catalog_list .row .text {float: left}

/* catalog item */

.catalog_item {}

.catalog_item .gallery {padding: 10px 0 10px 0; width: 100%; overflow: hidden}

.catalog_item .gallery .item {float: left; width: 156px; height: 190px; padding: 5px}

.catalog_item .gallery .item img {padding: 2px; border: 1px solid #D0CDC6}

.catalog_item .gallery .item .description {padding: 4px 0 10px 0; height: 20px; overflow: hidden}

/* admin */

#admin_area {position: fixed; top: 0}

*html #admin_area {position: absolute} /* IE 6 */

#admin_box {float: left; height: 27px; padding: 7px 0 7px 7px; border-left: 1px solid #BBB; border-right: 1px solid #BBB; border-bottom: 1px solid #BBB; background: url(../img/admin/admin_box_bg.gif) #FFF repeat-x top center}

#admin_box .links {}

#admin_box .links ul {margin: 0; padding: 0; list-style: none}

#admin_box .links ul li {padding: 0; float: left; display: inline}

#admin_box .links ul li a {display: block; float: left; height: 25px; line-height: 25px; padding: 0 5px}

#admin_box .links ul li.button {margin: 0 7px 0 0; padding: 0; float: left; display: inline}

#admin_box .links ul li.button a {border: 1px solid #CCC; color: #0B4FB0; background: #FCFCFC}

#admin_box .links ul li.button a:hover {color: #0064CB; background: #EEE; text-decoration: none}

#admin_box .links ul li.button a img, #admin_box .links ul li.stats a img {float: left; margin: 5px 5px 0 0}

#admin_box .links ul li.structure a {border-right: 1px solid #DCDCDC}

#admin_box .links ul li.stats a {border-right: 1px solid #DCDCDC; border-left: 1px solid #FFF}

#admin_box .links ul li.refresh a {border-right: 1px solid #DCDCDC; border-left: 1px solid #FFF}

#admin_box .links ul li.toggle a {border-left: 1px solid #FFF}

#admin_box .links ul li.refresh a img, #admin_box .links ul li.toggle a img, #admin_box .links ul li.structure a img {margin: 5px 0px 0 0}


.backbody {
	background: #FFFFFF;
}

.backlight {
	background: #F9F9F9;
}

.backmedium {
	background: #F0F0F0;
}

.backwhite {
	background: #FFFFFF;
}



#bodytable {
	border: 1px solid #E1E1E1;
}

.borderbottom {
	border-bottom: 1px solid #DCDCDC;
}

.bordertop {
	border-top: 1px solid #DCDCDC;
}

.bordercolor {
	border: 1px solid #DCDCDC;
}



.formfield {}

.formfield50 {width: 50px}

.formfield100 {width: 100px}

.formfield140 {width: 140px}

.formfield200 {width: 200px}

.formfield250 {width: 250px}

.formfield300 {width: 300px}


.menuback {
	background-color: #FFFFFF;
	width: 190px;
}

.menulevel1 {
	background-image: url(../img/menu/menu_arrow1.gif);
	background-repeat: no-repeat;
	padding: 10px 6px 10px 18px;
	display: block;
	color: #FFFFFF;
}

.menulevel2 {
	
	padding: 5px 5px 5px 5px;
	display: block;
	color: #000000;
}

.menulevel3 {
	background-image: url(../img/menu/menu_arrow3.gif);
	background-repeat: no-repeat;
	border-bottom: 1px solid #DCDCDC;
	padding: 5px 5px 5px 18px;
	display: block;
	color: #2A2A2A;
}

.menulevel4 {
	background-image: url(../img/menu/menu_arrow4.gif);
	background-repeat: no-repeat;
	border-bottom: 1px solid #DCDCDC;
	padding: 5px 5px 5px 28px;
	display: block;
	color: #2A2A2A;
}

.menulevel5 {
	border-bottom: 1px solid #DCDCDC;
	padding: 5px 5px 5px 36px;
	display: block;
	color: #000000;
}


.menuleveltop {
	padding-left : 5px;
	padding-right : 5px;
}

.navitheme {
	background: #C61A22;
}

.adminbutton {
	padding : 4px 6px 4px 6px;
	border : 1px solid Silver;
	border-top : 1px solid Silver;
	height: 23px;
	background-color: White;
}

.adminarea {
	border: 1px solid Silver;
	background-color: #D8D8D8;
	background-image: url(../img/back_button.gif);
	background-repeat: no-repeat;
}

.subtitle {
	color: #696969;
	font-size: 14px;
	font-weight: bold;
}

.textcomment {
	color: Red;
}

.textlang {
	color: Black;
}

.textlight {
	color: #B7B7B7;
}

.textred {
	color: #C22B2B;
}

.textsearch {
	color: #4F4F4F;
}

.tabelauto {
	width : 100%;
	border-left: 1px solid #E1E1E1;
	border-right: 1px solid #E1E1E1;
	border-top: 1px solid #E1E1E1;
}

.tabelauto td {
	border-bottom: 1px solid #E1E1E1;
	vertical-align: top;
	padding : 3px;
}

.tabelautoodd {
	background-color: #F9F9F9;
}

#ankeet {
	background-color: #F8F8F8;
	border-left: 1px solid #D9D9D9;
	border-right: 1px solid #D9D9D9;
	border-top: 1px solid #D9D9D9;
}

#ankeet td {
	border-bottom: 1px solid #E3E3E3;
	border-top: 1px solid #FEFEFE;
	padding: 8px;
}

#bodytext td {
	line-height: 18px;
}

#thumb {
	height: 126px;
}

.tabel {
	border-left: 1px solid #DCDCDC;
	border-right: 1px solid #DCDCDC;
	border-top: 1px solid #DCDCDC;
	
}

.tabel td {
	border-bottom: 1px solid #DCDCDC;
	padding: 3px;
}

.tabel2 {
	border-left: none;
	border-right: none;
	border-top: none;
	padding: 3px;
	margin : 0;
}

.tabel2 td {
	border-bottom: none;
	padding: 3px;
}