html, body {width: 100%}

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

:focus {outline: none}

a {color: #1970C8; text-decoration: none; outline: none}

a:hover {text-decoration: underline}

form {margin: 0}

button, input, select, textarea, button {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 1px 4px; background: url(../img/button/formbutton.gif) repeat-x bottom center; color: #333; width: auto; overflow: hidden}

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

a.button {float: left; display: block; height: 25px; margin: 0; padding: 0 15px 0 0; background: url(../img/search_button_right.gif) no-repeat right top}

a.button span {float: left; display: block; height: 25px; line-height: 23px; padding: 0 0 0 15px; background: url(../img/search_button_left.gif) no-repeat left top; color: #FFF; text-decoration: none; text-align: center}

a.button:hover {text-decoration: none; color: #333; background: url(../img/search_button_right_hover.gif) no-repeat right top}

a.button:hover span {cursor: pointer; background: url(../img/search_button_left_hover.gif) no-repeat left top}

a.button:active {text-decoration: none; color: #333; background: url(../img/search_button_right_active.gif) no-repeat right top}

a.button:active span {cursor: pointer; background: url(../img/search_button_left_active.gif) no-repeat left top}

/* ###### Main */

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

#content {background: url(../img/bg_middle.gif) #FFF repeat-y top center}

#content_top {background: url(../img/bg_top.gif) no-repeat top center}

#content_bottom {background: url(../img/bg_bottom.gif) no-repeat bottom center; padding: 0 1px}

/* Navigation */

#navigation {width: 963px; height: 96px; overflow: hidden; background: url(../img/navigation.gif) repeat-x bottom center}
	
	/* Logo */

	#logo {float: left; width: 184px; padding: 19px 0 0 16px}
	
	/* casing */

	#casing {float: right; width: 752px}
		
		/* Attributes eg. language, sitemap, search */

		#attributes {width: 100%; height: 40px; padding: 18px 0 0; overflow: hidden}

		#attributes .search {float: right; padding: 4px 20px 0 8px; height: 22px; width: 160px}

			#attributes .search .search_field {background: url(../img/search_field.gif) repeat-x top center; width: 160px; overflow: hidden; padding: 2px 0 0 0}
			
			#attributes .search input {float: right; height: 17px; border: 0; width: 120px}

			#attributes .search a {float: right; display: block; width: 22px; height: 22px; margin: 2px 0 0 5px}

		#attributes .links {float: right}

		#attributes .links ul {list-style: none; margin: 0; padding: 6px 0 0 0}

		#attributes .links ul li {margin: 0; padding: 0; float: right}

		#attributes .links ul li a {display: block; padding: 0 10px; color: #1970C8; line-height: 20px; background: url(../img/separator_line.gif) repeat-y top right}
		
		#attributes .links ul li strong {display: block; overflow: hidden; padding: 0 10px; color: #CC0000; line-height: 20px; background: url(../img/separator_line.gif) repeat-y top right}

		#attributes .links ul li strong a {background: none; color: #CC0000; display: inline; padding: 0}

		#attributes .links ul li a img {margin: 11px 0 0 0}

		#attributes .links ul li a.active {text-decoration: underline}

		/* mainmenu */

		#mainmenu {width: 752px; height: 30px; overflow: hidden}

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

		#mainmenu ul li {float: left; padding: 0 0 0 2px; margin: 0 0 0 0}

		#mainmenu ul li a {float: left; width: 92px; padding: 5px 0; display: block; color: #333; font-size: 13px; font-weight: bold; border-bottom: 4px solid #1970C8}

		#mainmenu ul li a:hover {text-decoration: none; border-bottom: 4px solid #328BE5; color: #606060}

		#mainmenu ul li a.active {color: #CC0000; border-bottom: 4px solid #074AA4}

/* header */

#header {width: 963px; margin: 0 0 2px 0; overflow: hidden}

	#intro_text {float: left; width: 344px; height: 197px; padding: 0 20px; background: url(../img/header_intro.gif) no-repeat top center; color: #FFF; overflow: hidden}
	
		#intro_text h3 {margin: 0; padding: 28px 0 20px 0; font-size: 15px; line-height: 16px; font-weight: normal}
	
		#intro_text a.more {color: #FFF}

	#slide_pic {float: left}

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

			#slide_pic ul li {margin: 0; padding: 0 0 0 2px; float: left}

	#intro_sub_text {float: left; width: 344px; height: 66px; padding: 0 20px; background: url(../img/header_intro.gif) no-repeat top center; color: #FFF}
	
	#intro_sub_text h3 {margin: 0; padding: 28px 0 20px 0; font-size: 15px; line-height: 16px; font-weight: normal}
	
	#intro_sub_text h3.eng {margin: 0; padding: 18px 0 20px 0; font-size: 15px; line-height: 16px; font-weight: normal}

/* Inline */

#inline {background: url(../img/inline.gif) repeat-y left top}

#inline_top {background: url(../img/inline_top.gif) no-repeat left top}

#inline_bottom {width: 100%; padding: 10px 0; overflow: hidden; background: url(../img/inline_bottom.gif) no-repeat left bottom}

#left_side {float: left; width: 166px; padding: 10px 20px 0 20px}

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

#right_side_max {padding: 0 10px}

#submenu {padding: 0 0 20px 0}

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

#submenu ul li {display: block; background: url(../img/title_line.gif) repeat-x bottom center}

#submenu ul li a {display: block}

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

#submenu ul li a.level2 {padding: 10px 5px 10px 5px; width: 156px; color: #333}

#submenu ul li a.level2_active {padding: 10px 5px 10px 5px; width: 156px; color: #333; font-weight: bold}

#submenu ul li a.level2:hover {color: #666}

#submenu ul li a.level3 {padding: 10px 5px 10px 18px; width: 143px; background: url(../img/menu/menu_icon.gif) no-repeat 4px 14px; color: #333}

#submenu ul li a.level3_active {padding: 10px 5px 10px 18px; width: 143px; background: url(../img/menu/menu_icon.gif) no-repeat 4px 14px; color: #CC0000}

#submenu ul li a.level3:hover {color: #666}

#submenu ul li a.level4 {padding: 10px 5px 10px 22px; width: 133px; background: url(../img/menu/menu_icon.gif) no-repeat 8px 14px; color: #333}

#submenu ul li a.level4_active {padding: 10px 5px 10px 22px; width: 133px; background: url(../img/menu/menu_icon.gif) no-repeat 8px 14px; color: #CC0000}

#submenu ul li a.level4:hover {color: #666}

/* Page */

#title {width: 100%; overflow: hidden; background: url(../img/title_line.gif) repeat-x bottom center; padding: 14px 0; clear: both}

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

#title .title h1 {margin: 0; padding: 0; line-height: 18px; font: normal 18px Myriad, Arial, Helvetica; color: #000}

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

#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: 15px 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}


#front {width: 923px; overflow: hidden; padding: 24px 20px; background: url(../img/front_bg.gif) #F4F8F9 no-repeat center center}

	#members {float: left; width: 166px; margin: 0 40px 0 0}
		
		#members label.normal {display: block; padding: 10px 0 2px 0; color: #333}

		#members .text_field {width: 158px; height: 20px; padding: 2px 4px 0 4px; background: url(../img/front_text_field.gif) no-repeat center center}

		#members .text_field input {border: 0; width: 158px}
		
		#members .check_field {width: 100%; padding: 10px 0 10px 0}

	#front_news {float: left; width: 338px; margin: 0 40px 0 0}

	#front_calender {float: left; width: 338px}

		#members h3, #front_news h3, #front_calender h3 {margin: 0; padding: 0 0 8px 0; font: normal 18px Myriad, Arial, Helvetica, sans-serif; background: url(../img/title_line.gif) repeat-x bottom center}
		
		#front_news h3, #front_calender h3 {margin: 0 0 10px 0}
		
		#front_news .rss_icon {float: right; margin: 4px 0 0 0;}
		
		#front_news dl, #front_calender dl {width: 100%; margin: 0; padding: 4px 0; overflow: hidden}

		#front_news dl dt, #front_calender dl dt {float: left; width: 72px; margin: 0; padding: 0}

		#front_news dl dd, #front_calender dl dd {float: left; width: 266px; margin: 0; padding: 0}

		#front_news a.more, #front_calender a.more {margin: 10px 0 0 0; display: block; width: 60px; text-align: center}

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


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

.custom_ankeet table td {padding: 4px}

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

.custom_ankeet label.rowed {display: block; padding: 10px 0 6px 0}

.custom_ankeet p {margin: 0; padding: 10px 0 6px 0}

.custom_ankeet .field input {border: 1px solid #CCC}

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

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

/* Forum */

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

.forum_left {float: left; width: 495px}

.forum_right {float: right; width: 194px}

.upload_change {border: 1px solid #D9D9D9}

	.upload_change .change_file {background: #1970C8; color: #FFF; width: 172px; padding: 10px; overflow: hidden; border-bottom: 1px solid #D9D9D9; line-height: 23px}
	
	.upload_change .change_file a {color: #FFF}

	.upload_change .change_file a img {float: left; margin: 0 10px 0 0}

	.upload_change .upload {padding: 10px; text-align: center}

	.upload_change .upload input.fileupload {}
	
	.filelist_title {padding: 4px 0; border-bottom: 1px solid #D9D9D9; color: #707070}

	dl.filelist {width: 100%; overflow: hidden; margin: 0; padding: 4px 0; border-bottom: 1px solid #D9D9D9; font-size: 10px}

	dl.filelist dt {float: left; width: 50%; margin: 0; padding: 0}

	dl.filelist dd {float: left; width: 50%; margin: 0; padding: 0; color: #707070}

.upload_add {border: 1px solid #D9D9D9; padding: 10px; margin: 80px 0 0 0; text-align: center}

button.centered_button {margin: 4px 0 0 0}

.forum .field_min {white-space: nowrap}

.forum .field_min input {border: 1px solid #CCC; padding: 2px 0}

.forum .field input {border: 1px solid #CCC; padding: 2px 0; width: 100%}

.forum .field textarea {border: 1px solid #CCC; width: 100%}

/* Footer */

#footer {width: 963px; height: 54px; border-top: 4px solid #999}

#footer .text {float: left; color: #333; line-height: 54px; padding: 0 0 0 20px}

#footer .text p {margin: 0; padding: 0}

#okia_mini {float: right; padding: 12px 25px 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}



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

#ankeet .forumtable td {border-top: 0px; border-bottom: 0px; padding: 0; margin: 0;}

#ankeet .forumtable td input {width: 20px; border: 0;}