﻿/* div { border: 1px solid; border-color: #ccc; } */

h1 { font-family: Verdana, Arial, Helvetica; font-size: 24px; color: #f08db6; font-weight: normal; margin: 0.5em 0px; padding:0; }
h3 { font-family: Verdana, Arial, Helvetica; font-size: 18px; color: #f08db6; font-weight: normal; margin: 0.5em 0px 0 0;padding:0; }
h1, h3 { color:#005682;}
.barn h1, .barn h3{color:#85BE48;}

.normalText { font-size: 12px; color:#000; }
.litenText { font-size: 9px; color:#bbb; }

body { font-family: verdana; font-size: 12px; background:#fff;}
img { border: 0px; }
p{margin:0;padding:0;}

/* Tab menu */

.folder_vuxen { z-index: 21; width: 33px; position: absolute; top: 60px; left: 50%; margin-left: 383px; }
.folder_barn { z-index: 22; width: 33px; position: absolute; top: 155px; left: 50%; margin-left: 383px; }
.folder_torrtest { z-index: 23; width: 33px; position: absolute; top: 480px; left: 50%; margin-left: 383px; }

.folder_vuxen a {background-image: url('/system/images/tabmenu/vuxen_se.png'); background-repeat:no-repeat; float:left; height:110px;width:33px;}
.folder_barn a {background-image: url('/system/images/tabmenu/barn_se.png'); background-repeat:no-repeat; float:left;height:110px;width:33px;}
.folder_torrtest a {background-image: url('/system/images/tabmenu/test_se.png'); background-repeat:no-repeat; float:left;height:125px;width:33px;}

.folder_vuxen a:hover {background-image: url('/system/images/tabmenu/vuxen_over_se.png');}
.folder_barn a:hover {background-image: url('/system/images/tabmenu/barn_over_se.png');}
.folder_torrtest a:hover {background-image: url('/system/images/tabmenu/test_over_se.png');}

.fi-dev .folder_vuxen a, .fi .folder_vuxen a {background-image: url('/system/images/tabmenu/vuxen_fi.png');}
.fi-dev .folder_barn a , .fi .folder_barn a {background-image: url('/system/images/tabmenu/barn_fi.png'); }
.fi-dev .folder_torrtest a, .fi .folder_torrtest a {background-image: url('/system/images/tabmenu/test_fi.png'); }

.fi .folder_vuxen a:hover {background-image: url('/system/images/tabmenu/vuxen_over_fi.png');}
.fi .folder_barn a:hover {background-image: url('/system/images/tabmenu/barn_over_fi.png');}
.fi .folder_torrtest a:hover {background-image: url('/system/images/tabmenu/test_over_fi.png');}

.no .folder_vuxen a {background-image: url('/system/images/tabmenu/vuxen_no.png');}
.no .folder_barn a {background-image: url('/system/images/tabmenu/barn_no.png'); }
.no .folder_torrtest a {background-image: url('/system/images/tabmenu/test_no.png'); }

.no .folder_vuxen a:hover {background-image: url('/system/images/tabmenu/vuxen_over_no.png');}
.no .folder_barn a:hover {background-image: url('/system/images/tabmenu/barn_over_no.png');}
.no .folder_torrtest a:hover {background-image: url('/system/images/tabmenu/test_over_no.png');}

/*
.folder_vuxen a:hover { background-position: right; }
.folder_barn a:hover { background-position: right; }
.folder_torrtest a:hover { background-position: right; }
.folder_vuxen a img, .folder_barn a img { height:110px; width:33px;}
.folder_torrtest a img { height:125px; width:33px;}
*/
.vuxen .folder_vuxen { z-index: 25;}
.barn .folder_barn { z-index: 25;}
.torrtest .folder_torrtest { z-index: 25;}

.tab { width: 33px; position: absolute; left: 50%; margin-left: 384px; overflow:hidden;}

/* New */
.fargList { position: absolute; width: 4px; top: -2px; background: #eee; overflow:hidden; left:780px; height:100%; z-index:30;}
.bottomContainer .fargList{height:9px;}
.vuxen .fargList {background: #cbcccd;}
.torrtest .fargList {background: #54A0C9;}
.barn .fargList {display: none;}

.mainPage1 { float:left; padding-left: 20px; width:800px; background-image: url('/system/images/page_v_02.gif'); background-repeat: no-repeat; background-position: bottom left; }
.mainPage2 { float:left; width:780px; background-image: url('/system/images/page_v_04.gif'); background-repeat: no-repeat; background-position: top right; }

.barn .mainPage1 { float:left; padding-left: 20px; width:800px; background-image: url('/system/images/page_b_02.gif'); background-repeat: no-repeat; background-position: bottom left; }
.barn .mainPage2 { float:left; width:780px; background-image: url('/system/images/page_b_04.gif'); background-repeat: no-repeat; background-position: top right; }
.barn .mainPage3 { float: left; position: relative; width:760px; background: url('/system/images/bakplatta_b_y.gif'); background-repeat: repeat-y; }


/*.fargList { z-index: 30; position: absolute; width: 4px; height: 400px; top: 23px; left: 50%; margin-left: 380px; background: #eee; overflow:hidden; }*/


.megaContainer { position: absolute; top: 10px; left: 50%; width: 800px; margin-left: -400px; background-image: url('/system/images/bakplatta.gif'); background-repeat: repeat-y; }
.barn .megaContainer { background-image: url('/system/images/bakplatta_b.gif'); }
.topContainer { position: relative; float: left; clear: both; }
.mainContainer { position: relative; float: left; clear: both; }

.bottomContainer { position: relative; float: left; clear: both; }

.sideTop { border:0px solid; top: 0px; left: 0px; height: 15px; width: 800px; overflow: hidden; background-image: url('/system/images/page_v_01.gif'); background-repeat: no-repeat; background-position: top;}
.sideBottom { float: left; border:0px solid; height: 19px; width: 800px; background-image: url('/system/images/page_v_05.gif'); background-repeat: no-repeat;  background-position: top; }

/*.sideTop, .vuxen .sideTop, .torrtest .sideTop { background-image: url('/system/images/page_v_01.gif'); background-repeat: no-repeat; background-position: top; }*/
.barn .sideTop { background-image: url('/system/images/page_b_01.gif'); }
/*.vuxenLeft { background-image: url('/system/images/page_v_02.gif'); background-repeat: no-repeat; background-position: bottom; }
.vuxenRight { background-image: url('/system/images/page_v_04.gif'); background-repeat: no-repeat; background-position: top; }*/
/*.sideBottom, .vuxen .sideBottom, .torrtest .sideBottom { float: left; border:0px solid; height: 19px; width: 800px; background-image: url('/system/images/page_v_05.gif'); background-repeat: no-repeat;  background-position: top; }*/
.barn .sideBottom{ background-image: url('/system/images/page_b_05.gif'); }

.headerLogo { width: 730px; margin-top: 15px; }

.mainPage { position: absolute; top: 0px; left: 20px; }
.barn .mainPage
{
	background:transparent url(/system/images/bakplatta_b_y.gif) repeat-y scroll 0% 0%;
	top:10px;
	width:760px;
}
.mainContent { top: 0px; left: 0px; /*width: 760px;*/ min-height: 580px; padding:14px; }
.intro .mainContent{min-height:500px;}
.barn .mainContent{padding:0px 0px 30px 30px;}
.bubbelTop{ display:none;}
.barn .bubbelTop{ display:block;}

/* Banners */
.bigBanner { float:left; clear:both; width: 730px; /*height: 300px;*/ background: #fff; margin-top: 5px; margin-bottom: 5px; }
.smallBanner { float:left; margin: 5px 5px 0 0; }
.barn .bigBanner { float:left; clear:none; width: 400px; height:auto; background: #fff; margin-top: 5px; margin-bottom: 5px; }

/* Botten */
.copyBottom { float: left; clear: both; border:0px solid; height: 80px; width: 800px; background: #fff; }
.copyText { position: absolute; top:30px; left: 17px;width:650px; }
.smallLogo { position: absolute; top:20px; left: 685px; }

.txtContainer { float:left; clear:both; width: 730px; margin-top: 15px; }
.barn .txtContainer {clear:none; float:right; width:450px;margin:0;}
.txtBody { font-family: Verdana, Arial, Helvetica; font-size: 10px; }
.txtImage { text-align: center; }

.txtContainer ul { list-style: none; margin: 0px; padding: 0 0 0 0; }
.txtContainer ul li { background: url('/system/images/listbullet.gif') left 0.5em no-repeat; padding: 2px 0 2px 18px; }
.barn .txtContainer ul li { background-image: url('/system/images/listbullet_barn.gif')}
.txtContainer a {color:#B504B5;}
.txtContainer img.rightcolumn
{
	float:right;
	clear:right;
	padding:0 0 5px 5px;
}

.textBoxMain table.styled
{
	border:solid 1px #ccc;
	border-width:1px 0 0 1px;
	/*float:left;
	clear:both;*/
	margin:0.5em 0;
	
}
.textBoxMain table.styled td
{
	border:solid 1px #ccc;
	border-width:0 1px 1px 0;
}

.bubbelBotten {
height:14px;
overflow:hidden;
display:none;
}
.barn .bubbelBotten {display:block;}

/* MENU */

.vuxen .menuContainer, .torrtest .menuContainer {float:left; color: #fff; width: 733px; margin-top: 15px; z-index: 3; }
.barn .menuContainer { float:left;
/*overflow:hidden;*/
width:280px;
}

/* main menu */
.menuList { list-style: none; margin: 0; padding: 0; }
.menuList li { position: relative; margin-right: 1px; padding: 0; float:left; width: 145px; /*height: 25px;*/ }
.menuList li a { display: block; text-decoration: none; color: #fff; padding:0px; margin: 0px; border: 0px; background-position:left; }
.menuList li a:hover, .menuList li a.selected { background-position:right;}
/* IE */
* html .menuList li { float: left; height: 1%; }
* html .menuList li a { height: 1%; }

/* submenu */
.menuSubList { list-style: none; position: absolute; padding:0px; margin:0px; top: 25px; left:0; display: none; border-left: 1px solid; border-right: 1px solid; border-color:#999;}
.menuSubList li { margin: 0; padding: 0; float:left; width: 143px; /*height: 25px;*/ }
.menuSubList li a { display: block; text-decoration: none; color: #000; padding: 5px; margin: 0px; background: #fff; border-bottom: 1px dotted; border-color: #999; text-align: center; cursor: pointer; }
.menuSubList li a:hover { background:#ddd; cursor: pointer; }
/* IE 
* html .menuSubList li { float: left; height: 1%; }
* html .menuSubList li a { height: 1%; }*/

.menuList li.over ul, .menuList li:hover ul  { display: block; }
.barn .menuList li.over ul, .barn .menuList li:hover ul  { display: none; }

/* Sitemap */
.sitemaplink {z-index:10; position: absolute; top: 90px; left:50%; margin-left: 210px; width: 180px;  }
.sitemaplink a {color:#BBBBBB; text-decoration:none;}

/* Sök */
.searchBoxSmall { z-index:10; position: absolute; top: 65px; left:50%; margin-left: 210px; width: 180px; }
.searchText { width: 120px; font-family: Verdana; font-size: 10px; padding: 2px; border: 1px solid; border-color:#bbb; margin: 0px; }
.searchBtn { margin-top:0px; }
.searchBoxBig .searchText{width:400px;}
.barn .searchBoxBig .searchText{width:350px;}
/* Page */

.vuxen .textBoxMain, .torrtest .textBoxMain, .textBoxMain  { float:left; width: 475px;  border: 0px solid; border-color: #000; }
.barn .textBoxMain
{
	float:left;
	width:400px;
}
#bannerContainer { float: right; width: 245px; margin-right:-5px; border: 0px solid; border-color: #000; }
.frontbanners{}
.barn .frontbanners{margin-left:280px;}

.headerLogo { height: 55px;float:left; }

.barn .menuList li a
{
	padding: 15px 0 15px 40px;
	background: url(/system/images/barn_menu_bg.gif) 0px 10px no-repeat;
}
.barn .menuList li a.active, .barn .menuList li a:hover
{
	padding: 15px 0 15px 20px;
	background: url(/system/images/barn_menu_bg.gif) -20px 10px no-repeat;
}

.caption
{
	width:148px;
	float:right;
	clear:right;
	font-size:10px;
}
.caption p
{
	padding:7px;
}

.textbubble
{
	width:148px;
	height:119px;
	float:right;
	clear:right;
	background: url(/system/images/bubble_bg.jpg) no-repeat;
	color:#fff;
	font-size:10px;
	margin-left:10px;
}
.barn .textbubble
{
	background: url(/system/images/bubble_barn_bg.jpg) no-repeat;
}
.textbubble table
{
	width:148px;
	height:90px;
	margin:0;
	padding:0;
	border:0;
}
.textbubble table td
{
	text-align:center;
	padding:0 10px;
	border:0;
}
.textbubble p
{
	padding:10px 20px 0 20px;
	text-align:center;
}
.textbubble a, .textblock a
{
	color:#fff;
	font-weight:bold;
}

.textblock
{
	background:#a5a6a8 url(/system/images/block_bottom.jpg) no-repeat bottom;
	width: 148px;
	padding-bottom:10px;
	color:#fff;
	font-size:10px;
	float:right;
	clear:right;
	margin-left:15px;
	margin-bottom:15px;
}
.barn .textblock
{
	background:#85BE48 url(/system/images/block_bottom_barn.jpg) no-repeat bottom;
	width: 123px;
}
.textblock .top
{
	background: url(/system/images/block_top.jpg) no-repeat top;
	width: 148px;
	height:10px;
}
.barn .textblock .top
{
	background: url(/system/images/block_top_barn.jpg) no-repeat top;
	width: 123px;
}
.textblock p
{
	padding:0 10px;
}
.widetextblock
{
	background:#a5a6a8 url(/system/images/block_bottom_475px.jpg) no-repeat bottom;
	width: 475px;
	padding-bottom:10px;
	color:#fff;
	font-size:10px;
}
.widetextblock .top
{
	background: url(/system/images/block_top_475px.jpg) no-repeat top;
	width: 475px;
	height:10px;
}
.barn .widetextblock
{
	background:#85BE48 url(/system/images/block_bottom_400px.jpg) no-repeat bottom;
	width: 400px;
}
.barn .widetextblock .top
{
	background: url(/system/images/block_top_400px.jpg) no-repeat top;
	width: 400px;
}
.widetextblock p
{
	padding:0 10px;
}
ol{padding-left:3em;padding-right:1em;margin:0;}

/* Search */
.searchlist { margin-top:1em;}
.searchlist p
{
	margin-bottom:1em;
}

/* Edit Mode Styles */
.info
{
	color:#f00;
}


/* Flash replaced */

.flash-replaced .alt 
{
	display: block;
	height: 0;
	position: absolute;
	overflow: hidden;
	width: 0;
}

/* Form */

.formarea label
{
	margin-top:0.5em;
	display:block;
}
.formarea input.text, .formarea textarea.text
{
	width:99%;
}
.buttonblock
{
	float:right;
}

/* jsSide */
#jsSlide_menu a	{
	margin: 3px 0 !important;
	color:#000000 !important;
	font-weight:normal;
	background-image: none !important;
}

#jsSlide_menu span	{
	color: #005682;
	cursor: pointer;
	padding-left: 11px;
}


/* S i t e m a p */
.maproot {width:49%; float:left;margin-top:1em;line-height:1.6em;}
.maproot a {text-decoration:none;text-transform:uppercase;font-size:1.5em;color: #005682;}
.maproot ul a {text-decoration:none;text-transform:none;font-size:1.2em; line-height:1.9em;}
.maproot li ul a {text-decoration:none;text-transform:none;font-size:1em; line-height:1.6em;}
.maproot ul li {background:none; background-image:none; padding:0;}
.barn .maproot ul li {background:none; background-image:none; padding:0;}
.maproot li ul li {background:none; padding-left:1em;}
.barn .maproot li ul li {background:none; padding-left:1em;}

/*
=CLEARFIX
*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
