/*--------------------------------

--------------------------------- */

/* HTML Elements Standard ____________________________________ */

html,body,form, div, p {
	margin: 0;
	padding: 0; 
}

img {
	border: 0;
}
 
.clear {
font-size:0px;
line-height:0px;
overflow:hidden;
clear:both; }



/* Type Elements  ____________________________________ */
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #424242; 
font-size: 11px;
line-height:normal;
background:#EDEDED;
}

h1, h2, h3, h4, h5, h6 {
padding: 0;
margin: 0;
line-height: 1em;	
}

h1 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	padding: 0 0 0px 0;
	color: #424242;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;	
	padding: 0 0 0px 0;
	color: #424242;
}

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;	
	padding: 0 0 0px 0;
	color: #424242; 
		 
}
h4 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding: 0 0 4px 0;
	color:#0D4398;
}
h5 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	padding: 0 0 0px 0;
	color:#666666;
}
a {
color: #1a5c99;
}

a:hover {
color: #08355e;
}


 
/* Layout Elements ____________________________________ */

.mainContentWrapper{
	width:1000px;
	height:auto;
	margin: 0px auto;
	overflow:hidden;
}
 
 
#header { 
	width: 1000px;
	height:98px;
	overflow:hidden;
	padding:0px 0px 0px 0px;
}
 

#logo  { 
	width: 180px;
	height: 60px;
	padding:12px 0px 0px 11px;
	overflow:hidden;
}
 
 
 
/* Top Navigation Menu  ____________________________________ */

#navigation  {
width: 998px;
height: 31px;
padding: 0px 0px 0px 0px;
overflow:hidden;
background:#FFFFFF;
border:1px solid #E1E1E1 ;
}
 
 
#navigation ul { padding:0; margin:0; list-style:none; }
#navigation ul  li { padding:0; margin:0; list-style:none; display: inline; }
#navigation ul li a { padding:0; margin:0; list-style:none; display: block; }
#navigation ul li a:hover { }
  
  
#navigation ul.AddCMSSysMain{
margin: 0 auto 0 auto;
padding:0px 0px 0px 0px;
list-style: none;
height: 31px;
overflow:hidden;
}

#navigation .AddCMSSysMain li{
	float: left;
}

#navigation .AddCMSSysMain li a{
	float: left;
	display: block;
	
	color:#1A5C99;
	font-size: 12px;
	font-weight: normal;

	text-decoration: none; 
	text-align: center;

	padding:8px 10px 0px 10px;
	width:auto;
	height: 31px;
	cursor: pointer;
	 
}

#navigation .AddCMSSysMain li  a.AddCMSSysMainSelected , #navigation .AddCMSSysMain li a:hover{
	color:#000;
 
}

/* Sub navigation */

.RightPanel ul {
padding: 0 0 10px 0px
}

.RightPanel ul a{
padding: 0 0 3px 10px
}
 
.RightPanel ul .menu0 a span{
color: black;
font-size:17px !important;
font-weight: bold;
text-transform: uppercase;
}
 
 
/* Start page items */

 

		  
 /* Content Wrapper ___________________________________________ */

.OutercontentWrapper {
clear:both;
width:1000px;
height:auto;
padding:1px 0px 1px 0px;
overflow:hidden;
background:url(/UserUploadImages/system/outterWraper-bottom.gif) bottom left no-repeat;
}

.OutercontentWrapper-middle {
width:1000px;
height:auto;
padding:0px 0px 0px 0px;
overflow:hidden;
background:url(/UserUploadImages/system/outterWraper-middle.gif) top left repeat-y;
}

.Subpage .OutercontentWrapper {
 
}

.contentWrapper {
width: 766px;
height:auto;
float:left;

padding:0px 0px 11px 0px;
overflow:hidden;

background:#FFFFFF;
border:1px solid #E1E1E1;
border-bottom:0px;
}
 

.Subpage .contentWrapper {
 
} 
 
 

/* banner Wrapper ====================================================== */

.bannerWrapper {
	width:766px;
	height:283px; 
	padding:1px 1px 11px 1px;
	overflow:hidden;
}
 
.bannerWrapperImage {
	width:582px;
	height:283px;   
	padding:0px 0px 0px 0px;
	overflow:hidden;
	float:left;
}
.bannerWrapperImage2 {
	width:182px;
	height:166px;   
	padding:0px 0px 0px 0px;
	overflow:hidden;
	float:left;
} 
 .bannerWrapperImage3 {
	width:182px;
	height:117px;   
	padding:0px 0px 0px 0px;
	overflow:hidden;
	float:left;

} 
 	 	

/* Home page ====================================================== */
  

.contentWrapper .MainBodyText {
padding:0px;
width: auto;
height: auto;
float:left;
overflow:hidden;

}

.BoxWrapper {
width: 231px;
height: auto;
padding:0px 10px 14px 11px;
float:left;
overflow:hidden;
}
.BoxWrapper-Border {
border-right:4px solid #E9E9E9;
}

  
.BoxWrapper .BoxWrapperTitle {
width: auto;
height: auto;
overflow:hidden;

padding:17px 0px 4px 12px;
 
} 
.BoxWrapper h2 {
padding:0px 0px 0px 0px;
}

.BoxWrapper .BoxWrapperImage  {
width: 230px;
height: 119px;
padding:0px 0px 0px 0px;
overflow:hidden;
border-bottom:3px solid #1A5C99;
}
 
 
.BoxWrapper .BoxWrapperDescription  {
width: auto;
height: auto;
padding:0px 0px 4px 12px;
overflow:hidden;

}

.BoxWrapper .BoxWrapperDescription em {

}
.BoxWrapper .BoxWrapperDescription a  {
font-weight:bold;
text-decoration:underline;
}		
.BoxWrapper .BoxWrapperDescription a:hover  {
font-weight:bold;
text-decoration: none;
}		
		
		 
 	   
			   
 /* Left Panel    ____________________________________ */ 

.LeftPanelWrapper {
 
}
  
   

/* sub page   ============================= */ 

.Subpage .MainBodyText {
 			width:734px;
			height:auto;
			padding:18px 18px 56px 18px;
			overflow:hidden;
}

.Subpage .MainBodyText span {

font-style:italic;
}
 
/*.Subpage .MainBodyText .MainBodyTextImage {
color:#1A5C99;
padding:45px 0px 38px 0px;

}
.Subpage .MainBodyText .MainBodyTextImage .Image {
width:150px;
height:auto;
float:left;
overflow:hidden;

}
*/
.Subpage .MainBodyText a  {
font-weight:bold;
text-decoration:underline;
}		
.Subpage .MainBodyText a:hover  {
font-weight:bold;
text-decoration: none;
}

#ptextleftpanel {float: left; width:350px;}
#ptextrightpanel {float: right; width:360px; padding:0px 0px 0px 15px;}


		 
/* Right Panel ====================================================== */
		 
.RightPanel {
			width:228px;
			height:auto;
			padding:4px 0px 0px 0px;
			margin-left:2px;
			overflow:hidden;
			float:left;
			background:#fff;
			border:1px solid #E1E1E1;
			border-bottom:0px;
		}

.RightPanel-Box {
			width: 195px;
			height:auto;
			padding:10px 0px 0px 17px;
			overflow:hidden;
		}
		
.Border-Bottom {
width: 212px;
height:auto;
padding:0px 9px 0px 0px;
border-bottom:3px solid #E9E9E9;
		}
		 
.RightPanel-Box h3 {
padding:0px 0px 10px 10px;
}

.RightPanel-Box .RightPanelInfo {
padding:0px 0px 12px 10px;

font-size:12px;
}

 
 
 		.RightPanelInfo a {
		text-decoration: none;
		
		color:#1A5C99;
		font-weight: normal;
		text-align:left;
		display:block;
		line-height:.4em;
		} 
		
		 .RightPanelInfo a:hover {
		text-decoration: underline;
		color:#000;
		} 

 	  

/* Footer  ____________________________________ */

#footer {
clear: both;
width:1000px;
height: auto;
padding:1px 0px 0px 0px;
overflow:hidden;

}
#footer .footerImageSet {
width:998px;
height: 31px;
background:#fff;
border:1px solid #E1E1E1;
overflow:hidden;
 }
  
#footer .footerImageTitle {
width:90px;
height:31px;
float:left;
overflow:hidden;

text-align: left;
padding:10px 0px 0px 12px;
}

.footerImage {
width:896px;
height:31px;
float:left;
overflow:hidden;
}
 
 
   
#footer .footerinfo {
width:998px;
height: auto;
overflow:hidden;

text-align: center;
font-size:10px;

line-height:2.3em;
word-spacing:2px;
padding:10px 0px 15px 0px;
}

#footer .footerinfo a{
color:#424242;
text-decoration:none;
}
#footer .footerinfo a:hover{
color:#000;
text-decoration:underline;
}

/*nedanför här kommer allt nytt som läggs till i CSS filen
/*Meny  
/*Credits: By Santosh Setty (http://webdesigninfo.wordpress.com) */
/*Posted to: Dynamic Drive CSS Library (http://www.dynamicdrive.com/style/) */

.glossymenu{
	position: relative;
	padding: 0 0 0 34px;
	margin: 0 auto 0 auto;
	background: url(http://dinbat.seocms.se/UserUploadImages/meny/menub_bg.gif) repeat-x; /*tab background image path*/
	height: 46px;
	list-style: none;
}

.glossymenu li{
	float:left;
}

.glossymenu li a{
	float: left;
	display: block;
	color:#000;
	text-decoration: none;
	font-family: sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding:0 0 0 16px; /*Padding to accomodate left tab image. Do not change*/
	height: 46px;
	line-height: 46px;
	text-align: center;
	cursor: pointer;	
}

.glossymenu li a b{
	float: left;
	display: block;
	padding: 0 24px 0 8px; /*Padding of menu items*/
}

.glossymenu li.current a, .glossymenu li a:hover{
	color: #fff;
	background: url(http://dinbat.seocms.se/UserUploadImages/meny/menub_hover_left.gif) no-repeat; /*left tab image path*/
	background-position: left;
}

.glossymenu li.current a b, .glossymenu li a:hover b{
	color: #fff;
	background: url(http://dinbat.seocms.se/UserUploadImages/meny/menub_hover_right.gif) no-repeat right top; /*right tab image path*/
}

<style type="text/css">
/*Meny 2
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#tabs {
	float:left;
	width:100%;
	font-size:93%;
	line-height:normal;
	border-bottom:1px solid #666;
	margin-bottom:1em; /*margin between menu and rest of page*/
	overflow:hidden;
	}

#tabs ul {
	margin:0;
	padding:10px 10px 0 0px;
	list-style:none;
	
	}

#tabs li {
	display:inline;
	margin:0;
	padding:0;
	}

#tabs a {
	float:left;
	background:url("http://dinbat.seocms.se/UserUploadImages/meny/left.png") no-repeat left top;
	margin:0;
	padding:0 0 0 6px;
	text-decoration:none;
	}

#tabs a span {
	float:left;
	display:block;
	background:url("http://dinbat.seocms.se/UserUploadImages/meny/right.png") no-repeat right top;
	padding:6px 15px 4px 6px;
	margin-right:2px;
	color:#000;
	}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}

/* End IE5-Mac hack */
#tabs a:hover span {
	}

#tabs a:hover {
	background-position:0% -42px;
	}

#tabs a:hover span {
	background-position:100% -42px;
	}

</style>


<style type="text/css">

/*Credits: Dynamic Drive CSS Library */
/*Meny3
/*URL: http://www.dynamicdrive.com/style/ */

.ddoverlap{
border-bottom: 1px solid #bbb8a9;
}

.ddoverlap ul{
padding: 0;
margin: 0;
font: bold 90% default;
list-style-type: none;
}

.ddoverlap li{
display: inline;
margin: 0;
}

.ddoverlap li a{
padding: 3px 7px;
text-decoration: none;
padding-right: 32px; /*extra right padding to account for curved right edge of tab image*/
color: blue;
background: transparent url(http://dinbat.seocms.se/UserUploadImages/meny/righttabdefault.gif) 100% 1px no-repeat; /*give illusion of shifting 1px down vertically*/
border-left: 1px solid #dbdbd5;
position: relative;
display: block;
float: left;
margin-left: -20px; /*shift tabs 20px to the left so they overlap*/
left: 20px;
}

.ddoverlap li a:visited{
color: blue;
}

.ddoverlap li a:hover{
text-decoration: underline;
}

.ddoverlap li.selected a{ /*selected tab style*/
color: black;
z-index: 100; /*higher z-index so selected tab is topmost*/
top: 1px; /*Shift tab 1px down so the border beneath it is covered*/
background: transparent url(http://dinbat.seocms.se/UserUploadImages/meny/righttabselected.gif) 100% 0 no-repeat;
}

.ddoverlap li.selected a:hover{
text-decoration: none;
}

</style>

<!--[if IE]>
<style type="text/css">
.ddoverlap{
height: 1%;  /*Apply Holly 3px jog hack to get IE to position bottom border correctly beneath the menu*/
}
</style>
<![endif]-->


#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 10px;
padding-bottom: 0;
background: #313131;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 16px Tahoma;
letter-spacing: 5px;
line-height: 1.1em;
color: white;
padding: 5px 0;
text-align: right;
}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: white;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
}

@import url('/UserUploadControls/black-tie/jquery.ui.all.css');