/***** BASFORMATERINGAR *****/

#bodyMain {
	background: #DBDBDB url('images/design/background.gif') repeat-y;
	margin: 0;
	padding: 0;}

body, td, p, span, form, input, div {
	font-family: arial, helvetica, tahoma, verdana, georgia, courier, sans-serif;
	color: #333333;
	font-size: 11px;
	line-height: 1.4em;}
	

/***** RUBRIKER *****/

.rubrikStor {
	font-weight: normal;
	font-family: georgia, arial, helvetica, tahoma, verdana, courier, sans-serif;
	color: #333333;
	font-size: 20px;} 

.rubrikMedium {
	font-weight: normal;
	font-family: georgia, arial, helvetica, tahoma, verdana, courier, sans-serif;
	color: #333333;
	font-size: 17px;} 

.rubrikLiten {
	font-weight: normal;
	font-family: georgia, arial, helvetica, tahoma, verdana, courier, sans-serif;
	color: #333333;
	font-size: 14px;} 


/***** LÄNKAR *****/

a:link, a:visited, a:active {
	text-decoration: none;
	font-weight: normal;
	color: #336699;}

a:hover {
	text-decoration: underline;
	font-weight: normal;
	color: #336699;}


/***** MENYLÄNKAR *****/

a.mainMenu {
	letter-spacing: 0px;}

.mainMenu:link, .mainMenu:visited, .mainMenu:active {
	text-decoration: none;
	font-weight: normal;
	color: #333333;
	font-size: 11px;}

.mainMenu:hover {
	text-decoration: none;
	font-weight: normal;
	color: #000000;
	font-size: 11px;}

.mainMenuDevidor {
	color: #333333;
	font-size: 11px;}

.subMenu1:link {
	text-decoration: none;
	font-weight: normal;
	color: #FFFFFF;
	font-size: 11px;}
	
.subMenu1:visited {
	text-decoration: none;
	font-weight: normal;
	color: #FFFFFF;}
	
.subMenu1:active {
	text-decoration: none;
	font-weight: normal;
	color: #FFFFFF;}
	
.subMenu1:hover {
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF ;}

.subMenu2:link {
	text-decoration: none;
	font-weight: normal;
	color: #999999;
	font-size: 11px;}
	
.subMenu2:visited {
	text-decoration: none;
	font-weight: normal;
	color: #999999;}
	
.subMenu2:active {
	text-decoration: none;
	font-weight: normal;
	color: #999999;}
	
.subMenu2:hover {
	text-decoration: underline;
	font-weight: normal;
	color: #CC3300;}

.subMenuActive {
	font-weight: bold;
	color: #FFFFFF;
	font-size: 10px;}

.menuBar:link {
	text-decoration: none;
	font-weight: normal;
	color: #999999;
	font-size: 10px;}
	
.menuBar:visited {
	text-decoration: none;
	font-weight: normal;
	color: #999999;
	font-size: 10px;}
	
.menuBar:active {
	text-decoration: none;
	font-weight: normal;
	color: #999999;
	font-size: 10px;}
	
.menuBar:hover {
	text-decoration: none;
	font-weight: normal;
	color: #333333;
	font-size: 10px;}

.menuBarDevidor {
	color: #333333;
	font-size: 10px;}


/***** FORMULÄR *****/

.loginform {
	color: #CCCC00;
	border: 1px solid #000000;}

.form {
	font-family: arial, helvetica, verdana, tahoma, courier, serif;
	font-size: 11px;
	color: #666666;}
	
.formbutton {
	font-family: arial, helvetica, verdana, tahoma, courier, serif;
	background: #333333 url('images/design/button_back.gif') repeat-x;
	border: 0px solid #0066CC;
	text-align: center;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
	height: 19px;}

.backupform {
	font-family: tahoma, verdana, tahoma, arial, helvetica, courier, serif;
	font-size: 10px;
	color: #666666;}


/***** DESIGN *****/

.menuDivTop {
	border-top: 0px solid #DBDBDB;
	width: 210px;
	height: 0px;}
	
.menuDivMiddle {
	border-left: 0px solid #DBDBDB;
	border-right: 0px solid #DBDBDB;
	width: 210px;
	border: 0px solid #009900;}	

.menuDivBottom {
	width: 210px;
	border-left: 0px solid #DBDBDB;
	height: 0px;
	padding-bottom: 25px;}

.menuDivContent {
	border: 1px solid #DBDBDB;
	padding: 10px;
	background: #FFFFFF;
	width: 190px;
	margin-left: 0px;}
	
.contentDivTop {
	width: 500px;
	height: 12px;}
	
.contentDivMiddle {
	width: 500px;
	border: 0px solid #009900;}
	
.contentDivBottom {
	width: 500px;
	margin-bottom: 20px;
	height: 0px;}	

.contentDivContent {
	border: 0px solid #CC3300;
	width: 500px;
	padding: 0px;
	padding-right: 0px;
	margin-left: 0px;}
	
.content100DivTop {
	width: 732px;
	background: none;
	background-image: url('images/tpl_content100_top_d2.gif');
	background-repeat: no-repeat;
	height: 0px;}
	
.content100DivMiddle {
	width: 732px;
	background: none;
	background-image: url('images/tpl_content100_middle_d2.gif');
	background-repeat: repeat-y;}
	
.content100DivBottom {
	width: 732px;
	margin-bottom: 20px;
	background: none;
	background-image: url('images/tpl_content100_bottom_d3.gif');
	background-repeat: no-repeat;
	background-position: bottom left;	
	height: 0px;}	
	
.content100DivContent {
	border: 0px solid #CC3300;
	width: 732px;
	padding: 0px;
	margin-left: 0px;}

.includeTop {
	width: 500px;
	background: none;
	background-image: url('images/include_top.gif');
	background-repeat: no-repeat;
	border: 0px solid #CC3300;
	height: 12px;}
	
.includeMiddle {
	width: 500px;
	background: none;
	background-image: url('images/include_middle.gif');
	background-repeat: repeat-y;
	border: 0px solid #CC3300;}
	
.includeBottom {
	width: 500px;
	border: 0px solid #CC3300;
	background: none;
	background-image: url('images/include_bottom.gif');
	background-repeat: no-repeat;
	height: 12px;}	
	
.includeContent {
	width: 500px;
	border: 0px solid #CC3300;
	padding: 0px;
	margin-left: 13px;}

.includeNoStyle {
	width: 100%;
	border: 0px solid #CC3300;
	padding: 0px;
	margin-left: 0px;}

.navigatorBar {
	text-align: left;
	margin-bottom: 18px;}

.updateBar {
	text-align: left;
	margin-top: 25px;
	padding-bottom: 2px;}

.includeHeaderMarginbottom {
	text-align: left;
	padding-bottom: 15px;}

.includeMarginbottom {
	text-align: left;
	padding-bottom: 20px;}


/***** LAYOUT, HUVUDMENY OCH DESIGN FÖR MENYN *****/

#websiteContentContainer {
	background: #FFFFFF;
	width: 1022px;
	margin: 0;}

#websiteTop {
	padding: 0;
	height: 173px;
	background: #333333 url('images/design/top.jpg') no-repeat top left;
	margin-bottom: 0px;
	margin-top: 0px;}

#websiteTopOver {
	height: 136px;}

#websiteContent {
	background: #FFFFFF url('images/design/content_back.jpg') no-repeat top left;}

#websiteFooter {
	border-top: 1px solid #DBDBDB;
	margin: 45px 22px 22px 22px;
	padding-top: 3px;
	text-align: left;}

#websiteMenuContainer {
	height: 29px;}
	
.websiteMainMenu {
	text-align: left;
	margin-left: 0px;
	padding-left: 22px;}

.divMainMenuLine {
	display: block;
	background: url('images/design/mainmenu.gif') no-repeat left bottom;
	width: 1px;
	height: 29px;
	line-height: 29px;
	text-decoration: none;}

.aMainMenu {
	float: left;
	text-align: center;
	z-index: 100;}

.aMainMenu, .aMainMenu:link, .aMainMenu:visited, .aMainMenu:active {
	display: block;
	background: url('images/design/mainmenu.gif') no-repeat left bottom;
	height: 29px;
	color: #FFFFFF;
	padding: 0 10px;
	line-height: 29px;
	text-decoration: none;
	font-weight: bold;}

.aMainMenu:hover {
	background: url('images/design/mainmenu_on.gif') no-repeat left bottom;
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
	font-weight: bold;}
	
.aMainMenuActive {
	float: left;
	text-align: center;
	z-index: 100;}

.aMainMenuActive, .aMainMenuActive:link, .aMainMenuActive:visited, .aMainMenuActive:active, .aMainMenuActive:hover {
	display: block;
	background: url('images/design/mainmenu_on.gif') no-repeat left bottom;
	height: 29px;
	color: #FFFFFF;
	padding: 0 10px;
	line-height: 29px;
	text-decoration: none;
	font-weight: bold;}

.websiteSubMenu a, .websiteSubMenu a:link, .websiteSubMenu a:visited, .websiteSubMenu a:active {
	display: block;
	color: #333333;
	padding: 5px;
	padding-left: 8px;
	border-top: 1px solid #DBDBDB;
	text-decoration: none;
	font-weight: bold;}

.websiteSubMenu a:hover {
	color: #333333;
	background: #F8F8F8 url('images/design/submenu_back.gif') no-repeat left top;
	text-decoration: none;}

.websiteSubMenuActive a, .websiteSubMenuActive a:link, .websiteSubMenuActive a:visited, .websiteSubMenuActive a:active, .websiteSubMenuActive a:hover {
	display: block;
	color: #333333;
	background: #EFEFEF url('images/design/submenu_back_on.gif') no-repeat left top;
	padding: 5px;
	padding-left: 8px;
	border-top: 1px solid #DBDBDB;
	text-decoration: none;
	font-weight: bold;}

.websiteSub2Menu a, .websiteSub2Menu a:link, .websiteSub2Menu a:visited, .websiteSub2Menu a:active {
	display: block;
	color: #333333;
	background: url('images/design/submenu2_back.gif') no-repeat 10px 4px;
	padding: 3px 0 3px 22px;
	font-weight: normal;
	text-decoration: none;	}

.websiteSub2Menu a:hover {
	color: #333333;
	font-weight: normal;
	text-decoration: underline;	}

.websiteSub2MenuActive a, .websiteSub2MenuActive a:link, .websiteSub2MenuActive a:visited, .websiteSub2MenuActive a:active, .websiteSub2MenuActive a:hover {
	display: block;
	padding-bottom: 1px; 
	color: #B50D1A;
	background: url('images/design/submenu2_back.gif') no-repeat 10px 4px;
	padding: 3px 0 3px 22px;
	font-weight: normal;
	text-decoration: none;	}
