﻿body, html {height: 100%;}

body { 
	text-align: center;
	background: #cccccc url(../images/blocks/bg_body.gif) left top repeat;
	margin: 0;
	padding: 0;
	color: #ffffff;
}
body { behavior: url(../js/csshover.htc); }
.clearer { width: 100%; height: 1px; font-size: 1px; clear: both; overflow: hidden; }

/*
	STRUCTURE
-------------------------------------------------------------------------------------------------------------------------------------------- */
#mainContainer { width: 840px; min-height: 100%; height: auto!important; height: 100%; text-align: left; padding: 0 30px 0 30px; margin: 0 auto; background: #001c83 url(../images/blocks/bg_container.gif) top left repeat-y; }
#mainColumn {background: url(../images/blocks/bg_maincol_top.gif) top left no-repeat; margin: 0 7px; /*  padding: 10px 16px 136px 16px; */ padding: 10px 16px 136px 16px;  min-height: 350px; height: 350px; height: auto!important;}

	/*template spesific */
	#forum_templ #mainColumn {padding: 10px 15px 136px 15px;}
	.home #mainColumn { margin: 0 7px;  padding: 9px 9px 136px 9px;  }
	.tmpl-2cols-wr #mainColumn  { padding-left: 17px; padding-right: 18px; }
	.tmpl-2cols-wl #mainColumn  { padding-left: 18px; padding-right: 16px; }
	
	
#rightColumn {width: 209px; min-height: 10px; float: right;  /* margin: 0 16px 0 0; display: inline; */}
	
	/*template spesific */
	.tmpl-2cols-wr #rightColumn { width: 471px; }
	.tmpl-2cols-wl #rightColumn { width: 254px; }
	

#leftColumn {width: 572px; min-height: 10px; float: left;/*  margin: 0 0 0 16px; display: inline; */}
	
	/*template spesific */
	.tmpl-2cols-wr #leftColumn { width: 304px; }
	.tmpl-2cols-wl #leftColumn { width: 522px; }
	

/*
	HEADER
-------------------------------------------------------------------------------------------------------------------------------------------- */
#header {width: 100%; height: 146px; background: url(../images/blocks/bg_header.gif) bottom left no-repeat; font-family: arial, sans-serif;}
#header .logo {float: left;}
#header .logo img{display: block;}

.search-box { width: 315px; float: right;}
.search-box ul{float: left; list-style: none;  margin: 7px 0 0 0; padding: 0 0 0 3px;}
.search-box ul li{float: left; padding: 0 0 0 7px;}
.search-box .imp-button-gfx {width: 66px; height: 24px; background: url(../images/buttons/button01.gif) top left no-repeat;}
.search-box .imp-text {width: 204px; border: #000000 solid 1px; padding: 3px 5px 4px 5px; line-height: 12px; float: left; margin: 0;}

#header .search-box {  margin: 17px 0 0 0; }

#mainColumn .search-box { width: 257px; margin: 3px 0 8px 0; float: left; }
#mainColumn .search-box .imp-text { width: 170px; font-family: Arial, sans-serif; margin: 0 5px 0 0; }
#mainColumn .search-box form, #mainColumn .search-box fieldset { margin: 0; padding: 0; }
#mainColumn .search-box ul { margin: 0; padding: 0 0 0 2px; }
#mainColumn .search-box ul li { margin: 0; padding: 0; }
#mainColumn .search-box .imp-button-gfx { background-image: url(../images/buttons/search_b.gif); }
#mainColumn .searchZone { float: right; }
/*
#rightColumn .search-box { width: 257px; margin: 3px 0 8px 0; float: left; }
#rightColumn .search-box .imp-text { width: 173px; margin: 0 5px 0 0; }
#rightColumn .search-box form, #rightColumn .search-box fieldset { margin: 0; padding: 0; }
#rightColumn .search-box ul { margin: 0; padding: 0 0 0 2px; }
#rightColumn .search-box ul li { margin: 0; padding: 0; }*/


#header .top-menu {float: right; margin: 17px 0 0 0; padding: 0 10px 0 0;}
#header .top-menu ul { margin: 11px 0; }
#header .top-menu li{ display: inline; font-weight: bold;}
#header .top-menu li a:link, #header .top-menu li a:visited { text-decoration: underline; color: #ffffff;}
#header .top-menu li a:hover { text-decoration: none;}

#header .top_links {float: right; margin: 17px 0 0 0; padding: 0 11px 0 0;}
#header .top_links ul { margin: 7px 0 0px 0; list-style: none;}
#header .top_links li{ float: left; font-weight: bold; padding: 0 0 0 8px; }

/*
	MAIN MENU
-------------------------------------------------------------------------------------------------------------------------------------------- */
#mainMenu {float: right; clear: both; margin-right: 7px;}
#mainMenu ul { list-style: none; padding: 0; margin: 1px 0 0 0;}
#mainMenu ul li { float: left; padding: 0 0 0 3px; background: url(../images/menu/menu_sep.gif) top left no-repeat; position: relative; z-index: 20;/*Wolf*/}
#mainMenu ul ul li {width: 100%;  display: block; clear: both; margin: 0; background: url(../images/menu/bg_li.gif) top left repeat-y; padding: 0;}
#mainMenu ul li.first {float: left; padding: 0; background: none;}

#mainMenu li:hover ul {display: block;}
#mainMenu ul li:hover ul li:hover ul {display: block;}
#mainMenu ul ul { width: 177px; display: none; position: absolute; z-index: 20; top: 28px; left: 2px; margin: 0; background: url(../images/menu/bg_ul.gif) bottom left no-repeat; padding: 2px 0 5px 0; /* border-top: #ea6c6c solid 1px; */}
#mainMenu  li:hover ul ul { width: 177px; display: none; position: absolute; top: 0px; left: 177px; margin: 0; background: url(../images/menu/bg_ul.gif) bottom left no-repeat; padding: 0 0 5px 0; border-top: #ea6c6c solid 1px;}

/*level1*/
#mainMenu ul li a.level1:link, #mainMenu ul li a.level1:visited{display: block; height: 28px; overflow: hidden; float: left; zoom: 1;}
#mainMenu ul li.act a.level1 img {margin-top: -28px;}
#mainMenu ul li a.level1:hover img {margin-top: -28px;}

/*level2*/
#mainMenu a.level2:link, #mainMenu a.level2:visited { background: url(../images/menu/bg_a.gif) bottom left repeat-x; display: block; padding: 0 0 1px 0; margin: 0 5px; color: #ffffff; text-decoration: none; zoom: 1;}
#mainMenu .last a.level2:link, #mainMenu .last a.level2:visited { background: none;}
#mainMenu a.level2:hover { text-decoration: none;}
#mainMenu a.level2 span {background: url(../images/bullets/bullet01.gif) 5px 12px no-repeat; display: block; padding: 7px 7px 7px 18px; zoom: 1; cursor: pointer;}
#mainMenu ul ul .act a.level2 span {background: #ff0000 url(../images/bullets/bullet01.gif) 5px 12px no-repeat;}
#mainMenu a.level2:hover span {background: #ff0000 url(../images/bullets/bullet01.gif) 5px 12px no-repeat;}

/*level3*/
#mainMenu a.level3:link, #mainMenu a.level3:visited { background: url(../images/menu/bg_a.gif) bottom left repeat-x; display: block; padding: 0 0 1px 0; margin: 0 5px;  color: #ffffff; text-decoration: none;}
#mainMenu .last a.level3:link, #mainMenu .last a.level3:visited { background: none;}
#mainMenu a.level3:hover { text-decoration: none;}
#mainMenu a.level3 span {background: url(../images/bullets/bullet01.gif) 5px 11px no-repeat; display: block; padding: 7px 7px 7px 18px; zoom: 1; cursor: pointer;}
#mainMenu ul ul ul .act a.level3 span {background: #ff0000 url(../images/bullets/bullet01.gif) 5px 12px no-repeat;}
#mainMenu a.level3:hover span {background: #ff0000 url(../images/bullets/bullet01.gif) 5px 12px no-repeat;}

/*level4*/
#mainMenu ul ul ul ul { display: none!important; }
#mainMenu li:hover ul li:hover ul li:hover ul { display: block!important; }
#mainMenu a.level4:link, #mainMenu a.level4:visited, #mainMenu li.last ul li a.level4:link, #mainMenu li.last ul li a.level4:visited { background: url(../images/menu/bg_a.gif) bottom left repeat-x; display: block; padding: 0 0 1px 0; margin: 0 5px;  color: #ffffff; text-decoration: none;}
#mainMenu .last a.level4:link, #mainMenu .last a.level4:visited, #mainMenu li.last ul li.last a.level4:link, #mainMenu li.last ul li.last a.level4:visited {  background: none; }
#mainMenu a.level4:hover { text-decoration: none;}
#mainMenu a.level4 span {background: url(../images/bullets/bullet01.gif) 5px 11px no-repeat; display: block; padding: 7px 7px 7px 18px; zoom: 1; cursor: pointer;}
#mainMenu ul ul ul ul .act a.level4 span {background: #ff0000 url(../images/bullets/bullet01.gif) 5px 12px no-repeat;}
#mainMenu a.level4:hover span {background: #ff0000 url(../images/bullets/bullet01.gif) 5px 12px no-repeat;}

/*
	PATHWAY
-------------------------------------------------------------------------------------------------------------------------------------------- */
.pathway { width: 100%; padding: 1px 0; clear: both; font-family: arial, sans-serif; background: #001c83; color: #fff;}
.pathway ul {  list-style: none; padding: 0; margin: 3px 0 3px 13px;}
.pathway ul  li{ display: inline;}
.pathway a:link, .pathway a:visited{ font-weight: bold; color: #fff; text-decoration: underline;}
.pathway a:hover{ text-decoration: none;}


/*
	LINKS ZONE TEMPLATE TMPL-2COLS-WR
-------------------------------------------------------------------------------------------------------------------------------------------- */
.linksZone { width: 510px; float: left; color: #999; font-size: 14px; font-weight: bold; margin: 0 0 10px 0;}
.linksZone span{ color: #ffffff;}
.linksZone a:link, .linksZone a:visited { color: #fff; font-size: 14px; font-weight: bold; text-decoration: underline; }
.linksZone a:hover { text-decoration: none; }	
.linksZone .searchZone { float: right; }
.linksZone .linkBox   { color: #fff; margin: 0px 15px 0 0; float: left; }
.linksZone .browserLinks { margin: 0px 0 0 0; } 


/*
	FOOTER
-------------------------------------------------------------------------------------------------------------------------------------------- */ 
.footerContainer {width: 840px; padding: 1px 30px 0 30px; height: 135px; margin: -136px auto 0 auto; background: url(../images/blocks/bg_footer.gif) top left no-repeat; text-align: left; position: relative; z-index: 0; color: #ffffff;}
#footer {width: 840px; height: 135px; position: absolute; top: 0; left: 30px; float: left; font-size: 11px; font-family: arial, sans-serif;}
#footer #bottommenu {  list-style: none; padding: 0; margin: 25px 0 0 13px;}
#footer #bottommenu li{ display: inline; font-weight: bold;}
#footer #bottommenu li.separator{ padding: 0 4px;}
#bottommenu a:link, #bottommenu a:visited {color: #ffffff;}
#footer-content { padding: 5px 320px 0px 10px; overflow: hidden; height: 80px; }
#footer-content a:link, #footer-content a:visited { color: #fff; text-decoration: underline;}
#footer-content a:hover{ color: #fff; text-decoration: none;}

