body {font: 12px Tahoma, Arial, sans-serif; color: #363636}

a {color: #0078b7; text-decoration: none}
a:hover {text-decoration: underline}

img {display: block; border: 0}

form, input {margin: 0; padding: 0; outline: none}
input, textarea {font: 13px Tahoma, Arial, sans-serif; color: #464646}
textarea {overflow: auto}

.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}

/* Page */

#page {width: 968px; overflow: hidden; margin: 0 auto; padding: 0 0 30px 0;}

/* Header */

#header {width: 100%; height: 111px; overflow: hidden; background: url('../img/header/bg.jpg') no-repeat; position: relative;}
#header .logo {float: left; display: inline; margin: 20px 0 0 20px;}

/* Header > Attributes */

#attributes {float: right; width: 70%; display: inline; margin: 16px 10px 0 0;}
#attributes ul {list-style: none; margin: 0; padding: 0; float: right;}
#attributes ul li {float: left; margin: 0; padding: 0 0 0 9px; font-size: 13px; line-height: 27px}
#attributes ul li.search input {float: left; width: 183px; padding: 7px 10px 7px 8px; border: 0px; background: url('../img/form/search_bg.gif') repeat-x;}
#attributes ul li.search img {float: left;}
#attributes ul li.lang {padding: 0 0 0 30px}
#attributes ul li a {color: #363636; float: left; line-height: 27px;}
#attributes ul li a.active, #attributes ul li a:hover {color: #ffffff;}
#attributes ul li .separator {float: left; width: 1px; height: 30px; overflow: hidden; padding: 0 7px 0 6px; background: url('../img/header/lang_separator.gif') no-repeat 7px 9px}

/* Header > Top_links */

.top_links {position: absolute; bottom: 0px; right: 10px;}
* html .top_links {position: absolute; bottom: -1px; right: 10px;}
.top_links a {float: left; width: 114px; display: block; text-align: center; font-size: 15px; color: #454849; margin: 0 0 0 3px; padding: 7px 0 8px 0; background: url('../img/header/top_link.gif') repeat-x;}
.top_links a.active {background: #0078b7; color: #ffffff; padding: 8px 0 7px 0;}
.top_links a.active:hover {text-decoration: none;}

/* Topmenu */

#topmenu {width: 100%; height: 41px; overflow: hidden;}
#topmenu ul {list-style: none; margin: 0; padding: 0 0 0 1px;}
#topmenu ul li {float: left; margin: 0; padding: 0; background: url('../img/topmenu/separator.gif') no-repeat 0px 14px;}
#topmenu ul li.first {background: none;}
#topmenu ul li a {display: block; color: #ffffff; font-size: 15px; padding: 12px 14px 9px 15px;}
#topmenu ul li a.active {font-weight: bold; background: url('../img/topmenu/active.gif') top center no-repeat;}
#topmenu ul li a.active:hover {text-decoration: none;}

/* Main */

#main {width: 100%; overflow: hidden; background-color: #ffffff;}
#main .m_inline {width: 100%; overflow: hidden; margin: 0 0 11px 0; background: url('../img/main/left_bg.gif') repeat-y;}

/* Leftmenu */

#leftmenu {float: left; width: 186px; overflow: hidden; background: url('../img/main/left_top.gif') no-repeat;}
#leftmenu ul {list-style: none; min-height: 110px; height:auto !important; height: 110px; margin: 0; padding: 24px 0 14px 0;}
#leftmenu ul li {display: inline; margin: 0; padding: 0;}
#leftmenu ul li a {color: #363636;}
#leftmenu ul li.level2 a, #leftmenu ul li.level2-active a {display: block; margin: 0 0 0 17px; padding: 3px 10px 2px 18px; font-size: 13px; background: url('../img/main/arrow1.gif') no-repeat 0px 7px;}
#leftmenu ul li.level2 a:hover, #leftmenu ul li.level2-active a {color: #cb3b46; font-weight: bold; text-decoration: none; background: url('../img/main/arrow1_a.gif') no-repeat 0px 7px;}
#leftmenu ul li.level2-active a:hover {text-decoration: none;}

#leftmenu ul li.level3 a, #leftmenu ul li.level3-active a {display: block; margin: 0 0 0 40px; padding: 3px 10px 2px 9px; font-size: 12px; background: url('../img/main/arrow2.gif') no-repeat 0px 9px;}
#leftmenu ul li.level3 a:hover, #leftmenu ul li.level3-active a {color: #cb3b46;}

#leftmenu .empty {min-height: 110px; height:auto !important; height: 110px;}

/* Content */

#content {float: left; width: 782px; overflow: hidden; background: url('../img/main/content_bg.gif') no-repeat}
.f_inline {width: 745px; padding: 30px 18px 15px 19px; overflow: hidden}
.f_inline2 {width: 100%; overflow: hidden}

/* Front products */

.f_products {float: left; width: 456px; overflow: hidden}
.f_products .row {float: left; width: 137px; margin: 0 15px 17px 0}
.f_products .row img {padding: 4px; border: 1px #cccccc solid; background-color: #FFF}
.f_products .row span.text {height: 30px; padding: 3px 0 0 5px; display: block; line-height: 15px; overflow: hidden}
.f_products .row a {color: #0078b7;}
.f_products .row b.red {color: #cb3b46;}

.f_banner {float: right; padding: 4px; border: 1px #CCC solid; background-color: #FFF}

/* Catalog list */

.catalog_list {}
.catalog_list .row {width: 186px; padding: 0 0 12px 0;}
.catalog_list .row a {width: 186px}
.catalog_list .row img {padding: 4px; border: 1px #cccccc solid; background-color: #FFF}
.catalog_list .row span.text {width: 137px; display: block; padding: 3px 0 0 5px;}

/* Product */

#product_list {float: left; width: 175px; overflow: hidden; padding: 0 0 40px 0;}
#product_list ul {list-style: none; margin: 0; padding: 27px 0 20px 0;}
#product_list ul li {width: 175px; margin: 0; padding: 0;}
#product_list ul li a {display: block; color: #353535; padding: 4px 10px 3px 19px;}
#product_list ul li a:hover {text-decoration: none; padding: 3px 10px 2px 19px; background-color: #ffffff; border-top: 1px #cccccc solid; border-right: 1px #cccccc solid; border-bottom: 1px #cccccc solid;}
#product_list ul li a.active {color: #cb3a47; font-weight: bold;}
.tooltip_img {margin: 0 auto;}

#product {float: left; width: 570px; overflow: hidden; padding: 25px 0 15px 20px; border-left: 1px #e8e8e8 solid;}

#product .tabs {width: 567px; height: 30px; overflow: hidden; background: url('../img/product/tabs_bg.gif') bottom left repeat-x;}
#product .tabs ul {list-style: none; margin: 0; padding: 0;}
#product .tabs ul li {float: left; padding: 0; font-size: 12px; margin: 0 2px 0 0; padding: 0;}
#product .tabs ul li a {float: left; display: block; color: #0078b7; margin: 3px 0 0 0; border-top: 1px #ccc solid; border-left: 1px #ccc solid; border-right: 1px #ccc solid; cursor: pointer; background: url('../img/product/tabs_a_bg.gif') top left repeat-x; outline: none;}
#product .tabs ul li a span {float: left; height: 25px; line-height: 24px; padding: 0 11px 0 11px; cursor: pointer;}
#product .tabs ul li a.selected {float: left; display: block; margin: 0; color: #373737; font-weight: bold; cursor: pointer;}
#product .tabs ul li a.selected span {float: left; height: 28px; line-height: 28px; padding: 0 9px 0 12px; cursor: pointer; background-color: #fff; border-bottom: 1px #fff solid;}
#product .tabs ul li a.selected:hover {text-decoration: none;}

#product div.pic {float: left; width: 155px; overflow: hidden;}
#product .c_pic {float: left; padding: 4px; border: 1px #ccc solid;}
#product .cat_gallery .pic {float: left; padding: 4px; margin: 0 12px 12px 0; border: 1px #ccc solid;}
#product .p_text {float: left; width: 390px; overflow: hidden;}

#product .tabel1 td {padding: 3px 15px 3px 0px; border-bottom: 1px #e7e7e7 solid;}
#product .tabel1 td.left {font-weight: bold; padding: 3px 15px 3px 5px;}

.tabcontent {display: none; width: 545px; overflow: hidden; padding: 16px 10px 10px 10px; margin: 0 0 13px 0; font-size: 12px; line-height: 16px; color: #696969; border-bottom: 1px #ccc solid; border-left: 1px #ccc solid; border-right: 1px #ccc solid; background-color: #ffffff;}
.tabcontent p {margin: 0; padding: 0 0 10px 0;}

@media print {
.tabcontent {
display:block !important;
}
}

#product .contact_form {width: 538px; overflow: hidden; padding: 10px 13px 10px 14px; border: 1px #ccc solid; background-color: #f4f4f4;}
#product .contact_form .left {float: left; width: 173px; overflow: hidden;}
#product .contact_form .left input {float: left; width: 155px; border: 1px #ccc solid; margin: 0 0 8px 0; padding: 3px 6px 3px 10px; background-color: #fff;}
#product .contact_form textarea {float: left; width: 336px; height: 80px; border: 1px #ccc solid; margin: 0 0 7px 11px; padding: 3px 6px 3px 10px; background-color: #fff;}
#product .contact_form .button {float: right; padding: 2px 3px 3px 4px; border: 1px #ccc solid; background-color: #007ab6; font-size: 11px; color: #fff;}

#product .more_products {width: 100%; overflow: hidden; padding: 14px 0 0 0;}
#product .more_products h2 {font-size: 18px; font-weight: normal; color: #007ab6; margin: 0; padding: 0 0 6px 0;}
#product .more_products .row {width: 31%; padding: 0 0 12px 0;}
#product .more_products .row img {padding: 4px; border: 1px #cccccc solid; background-color: #ffffff;}
#product .more_products .row span.text {width: 137px; display: block; padding: 3px 0 0 5px;}

/* Footer */

#footer {clear: both; width: 948px; height: 147px; overflow: hidden; margin: 0 10px; background: url('../img/footer/bg.jpg') no-repeat;}
#footer .row {float: left; overflow: hidden; padding: 18px 20px 0 17px;}
#footer .row h1 {font-size: 22px; color: #0078b7; font-weight: normal; margin: 0; padding: 0 0 4px 0;}
#footer .row table {margin: 0 0 0 2px;}
#footer .row td {color: #646464; padding: 1px 15px 1px 0;}
#footer .separator {float: left; width: 1px; height: 90px; overflow: hidden; margin: 29px 12px 0 0; background-color: #d0d0d0;}
#footer .f_logo {float: right; display: inline; margin: 45px 33px 0 0;}

.okia_mini {float: right; margin: 6px 0 0 0;}

/* Page */

#title {width: 100%; overflow: hidden; padding: 0 0 8px 0; clear: both}
#title .title {float: left; padding: 0 0 0 1px; width: 80%}
#title .title h1 {margin: 0; padding: 0; font-size: 18px; line-height: normal; color: #cc3a45; font-weight: normal}
#title .attributes {float: right; padding: 0 1px 0 0; width: 40px}
#title .attributes .print_button {float: right; padding: 8px 0 0 0}
#title .attributes .history_button {float: right; padding: 4px 10px 0 0; line-height: 12px}

.text_box {padding: 10px 10px 0 10px}
.text_box_gallery {padding: 10px 6px}
.text_box_diverse {padding: 5px 10px}
.text_box_catalog {padding: 10px 6px}
.text_box_fit {width: 100%; overflow: hidden}
.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}
.ankeet table td {padding: 4px}
.ankeet .title {font-size: 14px; font-weight: bold}
.ankeet .field input {border: 1px solid #CCC; width: 100%}
.ankeet .field textarea {border: 1px solid #CCC}

/* 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; background: #F5F6F3; border: 1px solid #CCC}
.newsletter .explanation {float: right; width: 668px}

/* Gallery */

.gallery {padding: 10px 0 10px 0; width: 100%; overflow: hidden}
.gallery .item {float: left; width: 156px; height: 190px; padding: 5px}
.gallery .separator {float: left; width: 10px; height: 10px}
.gallery .item img {padding: 2px; border: 1px solid #D0CDC6}
.gallery .item .description {padding: 4px 0 10px 0; height: 20px; overflow: hidden}
.gallery .layout {}
.gallery .layout .description {padding: 8px 0 26px 0}

/* News */

.news_list {}
.news_list .row {padding: 0 0 10px 0; width: 100%; overflow: hidden}
.news_list .row h1 {font-size: 14px; margin: 0; padding: 0 0 6px 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 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; z-index: 10;}
*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;
}