﻿body {
	font: 100%/1.5 Tahoma, Arial, Verdana, sans-serif;
	margin:0px;
	color:#333333;
	background-image:url(../images/background2.gif);
	background-repeat:repeat-x;
	background-color:#f1f1f1;
}
a
{   text-decoration:none;
    color:#333333;
}
a:hover
{   text-decoration:underline;
}
a:focus {
	outline: 1px dotted invert;
}

hr {
	border: 0 #ccc solid;
	border-top-width: 1px;
	clear: both;
	height: 0;
}
p
{   margin:0px;
    padding:0px;
}



/* `Headings
----------------------------------------------------------------------------------------------------*/

h1 {
	font-size: 1.8em;
	font-weight:normal;
}
    h1.blue
    {   background:#75c1ee url(../images/local/background_headerBlue.gif) repeat-x bottom;
        font-size:1.2em;
        font-weight:normal;
        color:#fff;
        padding:6px 5px 6px 5px;
        clear:both;
    }
    h1.yellow
    {   background:#f0ce78 url(../images/local/background_headerYellow.gif) repeat-x bottom;
        font-size:1.2em;
        font-weight:normal;
        padding:6px 5px 6px 5px;
        clear:both;
    }
h2 {
	font-size: 1.4em;
	font-weight:normal;
}

h3 {
	font-size: 1.2em;
	font-weight:normal;
	color:#006699;
}

h4 {
	font-size: 1em;
	font-weight:bold;
	
}

h5 {
	font-size: 1em;
	font-weight:bold;
    color:#006699;
}

h6 {
	font-size: 1em;
	font-weight:normal;
    color:#006699;
}
/********** klasser **********/
span.farg1
{   font-size:1em;
    font-weight:bold;
    color:#006699;
}
span.farg2
{   font-size:1em;
    font-weight:bold;
    color:red;
}
span.bildtext
{   font-size:0.85em;
}
span.mail
{   padding-left:28px;
    background:url(../images/icon_mail.gif) no-repeat left;
}
span.word
{   padding-left:28px;
    background:url(../images/icon_doc.gif) no-repeat left;
}
span.pdf
{   padding-left:28px;
    background:url(../images/icon_pdf.gif) no-repeat left;
} 
span.xls
{   padding-left:28px;
    background:url(../images/icon_xls.gif) no-repeat left;
}

/** Table formatting 2013-12-17 **/
table td{
    vertical-align:top;
}
table th {
    font-size:inherit;
    font-weight:bold;
}
/** 2014-01-08 Image spacing fix **/
div#contentLeftB img[style*="right"] {
    margin-left:15px;
    margin-bottom:15px;
}
div#contentLeftB img[style*="left"] {
    margin-right:15px;
    margin-bottom:15px;
}
/*** Image properties/advanced/border */
#contentLeftB #editor img { 
    border-color:#000;
    border-style:solid;
    border-width:0px;
    padding:0px;
}

  /**************** OLD STYLESHEET *****************/    
    .storrubrik
    {   font-size: 1.8em;
	    font-weight:normal;
    }
    .sidrubrik
    {   font-size: 1.4em;
	    font-weight:normal;
        }
    .underrubrik
    {   font-size: 1.2em;
	    font-weight:normal;
	    color:#006699;
        }
    .underrubrik2
    {   font-size: 1.1em;
	    font-weight:bold;
        }
    .underrubrik3
    {   font-size: 1em;
	    font-weight:normal;
        }
    .underrubrik4
    {   font-size: 1em;
        }
/** content styling **/
      
#contentLeftB a
{   text-decoration:underline;}    
#contentLeftB a:hover
{   color:#0079c2;}


/* `Spacing
----------------------------------------------------------------------------------------------------*/

ol {
	list-style: decimal;
}

ul {
	list-style: none;
	margin:0px;
}

li {
	margin-left: 30px;
}

p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset,
#contentLeftB div {
	margin-bottom: 20px;
}
p
{   margin-top:-10px;
}
#contentLeftB p
{ margin-top:0px;}
/***************************
Global template
***************************/
body, html
{   height:100%;
}

div#wrapper
{	margin-left: auto;
	margin-right: auto;
    width:968px;
    background:url(../images/background_f1.gif) repeat-y;
}    
div#header
{   height:225px;
    background:#fff url(../images/local/background_topBar.gif) no-repeat bottom;   
}
    div#header div#logo
    {   float:left;
        padding-top:15px;
        padding-left:10px;
    }
    div#header div#name a
    {   float:left;
        width:100%;
        display:block;
        position:relative;
        top:23px;
        text-align:center;
        font-size:1.5em;
        color:#fff;
        text-transform:uppercase;
        letter-spacing:1px;
    }
    div#header div#name a:hover
    {   text-decoration:none;
    }
    div#header div#infoBox
    {   float:right;
        font-size:0.7em;
        background:#f1f1f1 url(../images/background_infoBox.gif) repeat-x bottom;
        height:130px;
        overflow:hidden;
    }
    /**div#header div#infoBox span#infoText
    {   float:left;
        margin:15px 15px 0px 20px;
        display:block;
    }
    div#header div#infoBox span#infoButton
    {   float:right;
        width:145px;
        margin:5px 0px 0px 0px;       
    }**/
        div#header div#infoBox span#infoText
    {   float:left;
        margin:15px 15px 0px 20px;
        
    }
    div#header div#infoBox span#infoButton
    {   float:right;
        width:145px;
        margin:-40px 0px 0px 0px;       
    }
div#content_wrapper
{   background:transparent;
    width:960px;
    font-size:0.9em;
} 
div#contentLeft
{   
}



        div#contentLeftB div#editor ul, div#contentLeft div#editorA, div#contentLeft div#editorB, div#contentLeftB ul
        {   list-style-type:disc;
        } 
        div#contentLeftB ul.events
        {   list-style-type:none;
        }    
        div#contentLeftB div
        {   margin:0px;
            padding:0px;
        }
        div#contentLeftB div#imgslider
        {   margin-top:0px;
        }       
        div#contentLeft div#editor
        {  overflow:hidden;
        }
        div#contentLeft div#editorA
        {  overflow:hidden;
        }
        div#contentLeft div#editorB
        {   margin-top:25px;
            overflow:hidden;
        }
        div#contentLeftB blockquote
        {   padding:0px 30px 0px 30px;
        }

        div#gallery
        {   float:left;
            padding-left:30px;           
        }  
            div#gallery h4
            {   display:block;
                clear:both;
                width:100%;
                font-size:0.85em;
            }
            div#gallery ul
            {   list-style-type:none;
            }
        #editorGallery 
        {   margin-bottom:30px;
        }
    div#contentRight
    {   font-size:0.85em;
    }
    
div#pageInfo
{   display:block;
    float:right;
    font-size:0.85em;
    color:#666;
    margin-top:30px;
    padding:10px 20px 0px 0px;
    border-top:1px solid #cccccc;
}    
    div#pageInfo span.counter
    {   float:left;
        width:70%;
    }
    div#pageInfo span.update
    {   float:right;
        width:30%;
        text-align:right;
    }
div#footer
{   height:50px;
    background-image:url(../images/background_footer_f1.gif);
    background-repeat:no-repeat;
    background-position:bottom;
    text-align:center;
    font-size:0.8em;
}
div#footer span
{   position:relative;
    top:25px;
} 
div#footer span.tool
{   position:relative;
    top:10px;
    float:right;
} 
div#footer img
    {   float:left;
        border:0px;
        margin-right:5px;
    }
/********************
    MENU
********************/
#menu {
	width: 100%;
	float: left;
	margin: 0px;
	border-top: 1px solid #e5e5e5;
}
	#menu h2 {
		color: #535353;
		margin: 10px 0 0 10px;
		height: 30px;
		line-height: 2em;
		font-weight: bold;
	}
		/*#menu h2 span {
			color:#dfe4e7;
			font-size: 2.2em;
			vertical-align: middle;
			margin-right: 10px;
		}*/
	#menu ul {
		margin-left: -30px;
		border:0px;
	}
	    #menu ul.startlink
	    {   margin-bottom:0px;
	    }
	    #menu ul.menu2
	    {   margin-top:30px;
	    }
	#menu ul li {
		display: block;
		border-bottom: 1px solid #e5e5e5;
		font-weight: normal;
	}

	#menu ul li a {
		color: #535353;
		font-weight: normal;
		padding-top:6px;
		padding-left:5px;				
		padding-bottom:5px;
		display:block;
		width:auto;
	}
	
	
	#menu .noChildren {
		font-weight: normal;
	}

	#menu .children {
		background: url(../images/subMenudot.gif) no-repeat 200px 8px;
		font-weight: normal;
	}

	#menu .childrenOpen {
		background:#efefef url(../images/subMenudotActive.gif) no-repeat 200px 8px;
		font-weight: normal;
		padding-bottom:0px;
	}
		#menu .childrenOpen ul
		{   margin:0px 0px 0px 0px;
		    background:#ffffff;
		    padding-top:5px;
		    padding-bottom:5px;
		}
		#menu .childrenOpen ul li a
		{   background: url(../images/subMenudot2.gif) no-repeat 0px 5px;
		    padding-left:15px;
		    line-height:1.3em;
		    margin-left:-15px;
		}
	#menu .noSubChildren {
		background: transparent;
		border: 0;
		font-weight: normal;
	}

	#menu .subChildren {
		background: transparent url(../images/subMenudot.gif) no-repeat 200px 8px;
		border: 0;
		font-weight: normal;
	}

	
	#menu .subChildrenOpen {
		background: transparent url(../images/subMenudotActive.gif) no-repeat 200px 8px;
		border: 0;
		font-weight: normal;
	}
	#menu .active{
		font-weight: normal;
		color:#006699;
	}
	#menu .noChildren .active{
		font-weight: normal;
		color:#006699;
		background-color:#efefef;
	}
/*******************
    NEWS
*******************/	     
div#news
{   margin-top:8px;
} 
div#news a
{   text-decoration:none;
}
div#news a:hover
{   text-decoration:underline;
}
    div.newsContent
    {   display:block;
        border:1px solid #e0e0e0;
        border-top:0px;
        padding-right:10px;
        margin-bottom:12px;
        margin-top:-20px;
        background-color:#f1f1f1;
    }
    div#contentRight .white
    {   background-color:#ffffff;
    }
    div.newsContent ul
    {   padding-top:10px;
        margin-left:-15px;
    }
    div.newsContent ul li
    {   padding-bottom:15px;
    }
    div.newsContent span.split
    {   display:none;
    }
    div.newsContent span.date
    {   font-size:0.9em;
        display:block;
        clear:both;
    }
    div.newsContent span.headline
    {   font-weight:bold;
        display:block;
        clear:both;
    }
    div.newsContent span.footer
    {   text-align:right;
        padding:0px 5px 10px 0px;
        display:block;
        clear:both;
    }
    #news .newsCategoryContent ul
    {   margin-left:-40px;
        font-size:0.9em;
    }
    #news .newsCategoryContent ul li
    {
		display: block;
		background: #ffffff;
		border:0px;
		color: #333333;
		padding: 3px 10px 20px 10px;
	}
      
div#newsShow
{   margin-top:0px;
}
    #newsShow span.date
	{   display:block;
	    background-color:#f1f1f1;
	    padding-left:5px;	
	} 
	#newsShow span.ingress
	{   display:block;
	    font-weight:bold;
	    margin:20px 0px 25px 0px;
	} 
div#veteranenNews
{  margin-top:8px;
    color:#0079c2;
}
    div#veteranenNews table
    {   
    }
    div#veteranenNews table a
    {   color:#333333;
    } 
/* --------------------- News Flow ---------------------
 * Displays a news flow module with fully clickable links to news items.
 * */

    #news ul
    {   margin-left:-30px;
        margin-bottom:0px;
        font-size:0.95em;
    }
	#news ul li {
		display: block;
		background: #f1f1f1;
		border-bottom: 1px solid #e0e0e0;
		color: #333333;
		padding: 3px 10px 10px 10px;
	}
	#news ul li a 
	{   line-height:1.2em;
	}
    #news ul li a strong {
		display: block;
		font-weight: bold;
		color: #333333;
		margin: 5px 0 0 0;
		}		
	#news ul li a span.date
	{   font-weight: bold;
		color: #0079c2;
		margin: 5px 0 0 0;
	}
	#news ul li a span.headline
	{   font-weight: bold;
		margin: 5px 0 0 5px;
		color:#333333;
	}
	#news ul li a span.ingress {
		display: block;
		margin: 0px 0 0 0;
		color: #333333;
	}
	#news ul li a span.split{
	    color:#000000;
	    display:none;
    }    
/* --------------------- Calendar ---------------------
 * The event calendar.
 * use class="event" on td items that have events.
 * use class="now" on td items that is the current date/time.
 * use class="offbounds" on td items that aren't enabled, or aren't in this month.
 * */
#calendarContainer ul, div#calendarList ul, div#calendarOnly ul, div#eventsdiv ul
{   list-style-type:none;
}
#calendarContainer a, div#calendarList a, div#calendarOnly a
{text-decoration:none;}
 
#calendarContainer, div#calendarList, div#calendarOnly
{  margin-top:15px;  
}
#calendarContainer div, div#calendarList div, div#calendarOnly div, #calendarContainer table, div#calendarList table, div#calendarOnly table
{  margin-bottom:0px;  
}
#calendarContainer a:hover, div#calendarList a:hover, div#calendarOnly a:hover
{  color:#333;
}
#calendarContainer h2, div#calendarOnly h2
{  font-size: 1.4em;
   font-weight:normal;
   margin-bottom:15px;
} 
div#calendarList h2
{  font-size: 1.4em;
   font-weight:normal;
   margin-bottom:10px;
}
/*** Calendar nav ***/
div.eventsmotnthnav
{   width:100%;
    height:30px;
    padding-top:5px;
    float:left;
    display:block;
    color:#000000;
    background: url(../images/background_calendarHeader.gif) repeat-x;
}
    div.eventsmotnthnav div
    {   float:left;
        width:50%;
        text-align:center;
    }
    div.eventsmotnthnav div.previous
    {   width:25%;
        text-align:left;
    }
    div.eventsmotnthnav div.next
    {   width:25%;
        float:right;
        text-align:right;
    }
    div.eventsmotnthnav div.previous a
    {   margin-left:10px;
        padding:5px;
        font-size:1.2em;
        font-weight:normal;
        text-decoration:none;
    }
    div.eventsmotnthnav div.next a
    {   margin-right:10px;
        padding:5px;
        font-size:1.2em;
        font-weight:normal;
        text-decoration:none;
    }
/**
#calendarContainer ul li
{   background-color:#ffffff;
    outline:1px solid red;
}**/
#calendar
{   margin-top:0px;
    float:left;
    width:100%;
}
#calendar table {
	width: 100%;
	background: #ffffff;
	text-align: center;
}
	#calendar table thead{
		background: url(../images/background_calendarHeader.gif) repeat-x;
		font-size: 14px;
		line-height: 2em;
		font-weight: normal;
		text-indent: 5px;
		text-align: center;
		border-bottom: 1px solid #e1e0e0;
		margin-top:0px;
	}
	#calendar table tfoot {
		font-size: 11px;
		background: #e0e1e2;
		line-height: 2em;
		font-weight: normal;
		text-indent: 5px;
		text-align: center;
		border: 1px solid #e1e0e0;
	}
	
	#calendar table thead tr.days td {
		width: 14.28%;
		background: #f1f1f1;
		border: 1px solid #e1e0e0;
	}
	#calendar table tbody tr td {
		font-size: 14px;
		line-height: 2em;
		border: 1px solid #e1e0e0;
		color: #666;
	}
		#calendar table tbody tr td.event{
			background: #f8f8f8;
		}
		#calendar table tbody tr td.event a {
			display: block;
			text-decoration: underline;
			font-weight: bold;
		}
		#calendar table tbody tr td.now {
			background: #fbdbdd;
			font-weight: bold;
		}
		#calendar table tbody tr td.now  a{
			color: #be3157;
		}
		#calendar table tbody tr td.offbounds {
			color: #bab9b9;
		}
		#calendar ul li span.nodata
		{   height:50px;
		    display:block;
		    line-height:2em;
		    font-size:1.5em;
		    margin-left:5px;
		    border:0px solid #000000;
		    }

/* --------------------- Calendar List ---------------------
 * Under the calendar the current events are shown.
 * */
 
	ul.events
	    {   padding:0px 0px 0px 0px;
	        margin: 0px 0 10px 0;
	        float:left;
	        width:100%;
	        display:block;
	        background-color:#f1f1f1;
	}
		ul.events li
		{   margin-left:0px;
		}
		ul.events li a 
		{	display: block;
			border-bottom: 1px solid #fff;
			color: #736e6e;
			height:100%;
			line-height: 1.4em;
			padding: 5px 0px 5px 10px;
		}
		ul.events li a:hover
		{   text-decoration:underline;
		    }
		ul.events li a em {
				display: block;
				text-transform: uppercase;
			}
			ul.events li a strong {
				display: block;
				font-size: 1.2em;
				line-height: 1.4em;
				font-weight: bold;
				color: #3e3e3e;
			}
			
			ul.events li a span.date
			{   font-size: 0.9em;
		        line-height: 1.4em;
		        font-weight: bold;
		        color: #0079c2;
		        margin: 5px 0 0 0;
	        }
	        ul.events li a span.headline {
		        font-size: 0.9em;
		        line-height: 1.4em;
		        font-weight: bold;
		        color: #3e3e3e;
		        margin: 5px 0 0 10px;
	        }
	        ul.events li a span.ingress {
		        font-size: 0.9em;
		        line-height: 1.2em;
		        display: block;
		        margin: 0px 0 0 0;
	        }
	        ul.events li a span.link {
		        font-size: 0.9em;
		        display: block;
		        color: #333333;
		        margin: 0px 0 0 0;
		        display:none;
	        }
	        ul.events li a span.split{
	            color: #000000;
	            display:none;
            }
            ul.events li.todayevent
            {   
            }
            ul.events li.nextevent
            {   
            }
            ul.events li.upcomingevent
            {   
            }
  div#eventShow
{   margin-top:0px;
}
    #eventShow span.date
	{   display:block;
	    background-color:#f1f1f1;
	    padding-left:5px;	
	} 
	#eventShow span.ingress
	{   display:block;
	    font-weight:bold;
	    margin:20px 0px 25px 0px;
	} 
  
/*** Calendar channel and News channel ***/


        #wtNewsPageing
        {   display:block;
            text-align:center;
            margin-top:25px;
            background-color:#f1f1f1;
        }            
        #wtNewsPageing .active
        {   background-color:#ffb052;
            padding:0px 3px 0px 3px;
        }
        
        #wtNewsListA ul li
        {  background-color:#ffffff;
           border:0px;
        }
         #contentContainer #eventList ul
            {   margin-left:-40px;
                margin-bottom:0px;
                font-size:0.95em;
                list-style-type:none;
            }
	     #contentContainer #eventList ul li {
		        display: block;
		        color: #333333;
		        padding: 3px 10px 10px 10px;
	        }
	     #contentContainer #eventList ul li a 
	        {   line-height:1.2em;
	            text-decoration:none;
	        }
         #contentContainer #eventList ul li a strong {
		        display: block;
		        font-weight: bold;
		        color: #333333;
		        margin: 5px 0 0 0;
		        }		
	     #contentContainer #eventList ul li a span.date
	        {   font-weight: bold;
		        color: #0079c2;
		        margin: 5px 0 0 0;
	        }
	     #contentContainer #eventList ul li a span.headline
	        {   font-weight: bold;
		        margin: 5px 0 0 5px;
		        color:#333333;
	        }
	     #contentContainer #eventList ul li a span.ingress {
		        display: block;
		        margin: 0px 0 0 0;
		        color: #333333;
	        }
	     #contentContainer #eventList ul li a span.split{
	            color:#000000;
	            display:none;
            }     
/************ Banners ************/
#banners,#bannersLeft
  { margin-top:12px;
    padding-top:10px;
    overflow:hidden;
  }
  #banners ul li,#bannersLeft ul li
  { margin-left:0px;
    text-align:left;
  }
    #banners ul#tip {
        font-size:0.9em;
    }
 #banners ul li a:hover {
    text-decoration:none;
    color:#006699;
}

/******
Print
******/
span#print
{   float:right;
    margin-left:20px;
    display:block;
    clear:both;
}
/*******************
    Memberform
*******************/
#theFrame    
{   
}
div#contentLeftB div#feeContainer {
    padding-top:30px;
    padding-bottom:30px;
    float:left;
    /*clear:both; Jens tagit bort denna FS-642*/
    display:block;
    width:100%;
}
/*******************
    Facebook
*******************/
div#facebook
{   float:left;
    width:100%;
    padding-bottom:10px; 
    display:block;
    clear:both;
}

/*******************
    ToolboxSearch by PeLa
*******************/

 #toolboxSearch
{   padding-top:5px;
    padding-bottom:5px;
    float:left;
    width:100%;
    font-size:0.9em;
    display:block;
    clear:both;
    text-align:left;
}
#toolboxSearch img
{   padding-left:5px;
	margin-top:0px;
}
#toolboxSearch input
{   width:164px;
    float:left;
    margin:0px;
	vertical-align:top;
    color:#333;
}
/*********************
    SearchResult
*********************/
div#searchResult
{   float:left;
}
div#searchResult ul
{   list-style-type:none;
    margin-left:-30px;
}
div#searchResult ul li
{   width:95%;
    display:block;
    float:left;
    padding-bottom:25px;
}
div#searchResult span.header
{   font-weight:bold;
    float:left;
    display:block;
    float:left;
    width:100%;
    clear:both;
}
div#searchResult span.breadcrumbs
{   display:none;
}
div#searchResult span.date
{   width:100%;
    font-size:0.85em;
    float:left;
    display:block;
    clear:both;
}
div#searchResult span.ingress
{   float:left;
}
div#searchResult span.link
{   margin-top:5px;
    float:left;
    clear:both;
}
div#searchResult p
{   padding-top:30px;
    clear:both;
}

/************ Board *************/  
div#board
{   float:left;
    width:100%;
    margin-top:25px;
}
    div#board ul
    {   margin-left:-25px;
    }
    div#board ul li
    {   padding-left:5px;
    }
    div#board ul li.title
    {   font-size: 1.2em;
	    font-weight:normal;
	    color:#006699;
	    background-color:#f1f1f1;
        display:block;
        clear:both;
    }
    div#board ul li span.name
    {   font-weight:bold;
        margin-top:5px;
    }
    div#board ul li span.name,div#board li span.address
    {   display:block;
        width:100%;
        clear:both;
    }
    div#board ul li span.phone
    {   float:left;
        width:150px;
        padding-right:50px;
        padding-bottom:20px;
    }
    div#board ul li span.email
    {   float:left;
        width:auto;
        padding-bottom:20px;
    }

/************ Contact *************/
div#contact
{   float:left;
    width:100%;
    margin-top:25px;
    margin-bottom:35px;
}
    div#contact span.assoc, div#contact span.co, div#contact span.address, div#contact span.tel, div#contact span.tel2, div#contact span.fax, div#contact span.email, div#contact span.www, div#contact span.no_contact
    { display:block;
      width:100%;
      padding-left:10px;
      clear:both;
    }
    div#contact span.assoc
    {   font-size: 1.2em;
        color:#006699;
	    background-color:#f1f1f1;
	    margin-bottom:10px;
    }
    div#contact span.tel
    {   margin-top:25px;
    }
    div#contact span.email
    {   margin-top:10px;
    }
    div#contact span.www
    {   margin-top:10px;
    }

