html, body {width: 100%}

body {color: #333; font: normal 12px Arial, Helvetica, sans-serif}

a {color: #D00000; 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}

/* main */

#main {width: 960px; margin: 0 auto}

	/* header */

	#header {width: 960px; overflow: hidden}

		/* logo */

		#logo {float: left; width: 340px; padding: 25px 0 0 15px}

		/* mainmenu */

		#mainmenu {float: left; width: 605px; height: 39px; padding: 74px 0 0 0}

		#mainmenu ul {list-style: none; margin: 0; padding: 0}

		#mainmenu ul li {float: left; margin: 0 5px 0 0; padding: 0; text-align: center}

		#mainmenu ul li a {float: left; padding: 0 16px; display: block; background: url(../img/mainmenu.gif) #281B0A repeat-x top center; color: #FFF; font-size: 18px; font-weight: normal; line-height: 39px}

		#mainmenu ul li a:hover {background: url(../img/mainmenu_hover.gif) #281B0A repeat-x top center; text-decoration: none}

		#mainmenu ul li a.selected {background: #DA6025; color: #FFF}

/* ###### Content */

#content {width: 960px}

/* Inline */

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

#left_side {float: left; width: 206px}

#right_side {float: right; width: 704px; padding: 0}

#right_side_max {padding: 0}

#submenu {}

#submenu ul {list-style: none; margin: 0; padding: 0; width: 100%}

#submenu ul li {display: inline}

#submenu ul li a {display: block; color: #392B18}

#submenu ul li a:hover {text-decoration: none}

#submenu ul li a.level2 {padding: 10px 14px; width: 178px; font-size: 14px; border-top: 1px solid #A9AA80}

#submenu ul li a.level2_selected {padding: 10px 14px; width: 178px; font-size: 14px; border-top: 1px solid #A9AA80; background: url(../img/menu/menu_icon_level_2.gif) no-repeat 2px 14px; font-weight: bold}

#submenu ul li a.level3 {padding: 4px 14px 4px 34px; width: 158px; background: url(../img/menu/menu_icon_level_3.gif) no-repeat 13px 8px}

#submenu ul li a.level3_selected {padding: 4px 14px 4px 34px; width: 158px; background: url(../img/menu/menu_icon_level_2.gif) no-repeat 13px 8px; font-weight: bold}

#submenu ul li a.level4 {padding: 2px 14px 2px 54px; width: 138px; background: url(../img/menu/menu_icon_level_4.gif) no-repeat 35px 9px}

#submenu ul li a.level4_selected {padding: 2px 14px 2px 54px; width: 138px; background: url(../img/menu/menu_icon_level_4_selected.gif) no-repeat 35px 9px; font-weight: bold}

#submenu ul li a:hover {color: #72634F}

#sub_bg {height: 108px}

#subpage_separator {width: 952px; padding: 25px 0 20px 8px; border-bottom: 1px solid #A9AA80; overflow: hidden; background: url(../img/submenu.gif) repeat-y 214px top}

#subpage {width: 952px; padding: 25px 0 20px 8px; border-bottom: 1px solid #A9AA80; overflow: hidden}

/* Page */

#title {width: 100%; overflow: hidden; padding: 14px 0; clear: both}

#title .title {float: left; padding: 0; width: 80%}

#title .title h1 {margin: 0; padding: 0; font-size: 26px; line-height: 26px; font-family: Arial, Helvetica, sans-serif; color: #E15916; font-weight: normal}

#title .attributes {float: right; padding: 0 10px 0 0; width: 40px}

#title .attributes .print_button {float: right; padding: 4px 0 0 0}

#title .attributes .history_button {float: right; padding: 4px 10px 0 0; line-height: 12px}

.text_box {padding: 10px 0}

.text_box h2 {margin: 0; padding: 6px 0; font-size: 20px; line-height: 20px; font-family: Arial, Helvetica, sans-serif; color: #909200; font-weight: normal}

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

/* Footer */

#footer {width: 930px; height: 34px}

#footer .text {float: left; color: #666; line-height: 34px; padding: 0 0 0 10px}

#footer .okia_mini {float: right; padding: 12px 10px 0 0}

/* 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}

/* front */

#front {}

	#baloons {position: absolute; width: 393px; padding: 40px 22px 0 545px; z-index: 999999}

		#baloons ul {list-style: none; margin: 0; padding: 0}

		#baloons ul li {margin: 0; padding: 0; display: inline}

		#baloons ul li a {display: block; padding: 0 0 0 13px; color: #FFF}

		#baloons ul li a .baloon_body {display: block; padding: 21px 20px}

		#baloons ul li a .baloon_title {display: block; font-size: 38px}

		#baloons ul li a .baloon_text {font-size: 14px; line-height: 20px}

		#baloons ul li a:hover {background: url(../img/baloon_arrow.gif) no-repeat left center; color: #000; text-decoration: none}

		#baloons ul li a:hover .baloon_body {border-top: 1px solid #C2B8A8; border-right: 1px solid #C2B8A8; border-bottom: 1px solid #C2B8A8; background: #FAF1DB; padding: 20px}

		#baloons ul li a:hover .baloon_title {color: #DA6025}

	#intro {width: 100%; overflow: hidden; padding: 30px 0 0 0}
		
		#intro p {margin: 0; padding: 0 0 10px 0}

		.intro_title {padding: 0 0 10px 0}

		.intro_title h2 {margin: 0; padding: 0; font-size: 38px; color: #DD5716; font-weight: normal; line-height: 40px}

		.column_1 {float: left; width: 430px; padding: 0 25px; line-height: 20px}

		.column_2 {float: left; width: 429px; padding: 0 25px; border-left: 1px solid #706C4C; line-height: 20px}




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