/* Allmänna inställningar */

body{
	font: 12px Arial, Helvetica, sans-serif;
	background:url(/graphics/webdesign/bodybg.gif) repeat;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}


html{
	font-size: 12px;
}

td{
	font-size: 12px;
}

img{
	border: none;
}

object{
	padding: 0px;
	margin: 0px;
}

embed{
	padding: 0px;
	margin: 0px;
}

.center{
	text-align: center;
}

.italic{
	font-style: italic;
}

.pre{
	font-family: "Courier New";
}

.error{
	border: 2px solid #E00;
	margin: 3px;
	padding: 2px;
}

.hide{
	height: 0px;
	overflow: hidden;
}

.highlight{
	font-weight: bold;
	color: #F00;
}

a{
	color: #000;
}

a:hover{
	color: #2C37C2;
}

.top-singleborder{
	border-top: 1px solid #000;
}

.top-doubleborder{
	border-top: 2px solid #000;
}

.top-tripleborder{
	border-top: 3px solid #000;
}

.bottom-singleborder{
	border-bottom: 1px solid #565656;
}

.bottom-doubleborder{
	border-bottom: 2px solid #000;
}

.bottom-tripleborder{
	border-bottom: 3px solid #000;
}

/* Formatering för stycken */

.stycke{
	margin: 0px;
	padding: 0px;
}

.redigering{
	border: 1px dashed #DDD;
}

.redPenna{
	float: right;
	clear: right;
	/*height: 100%;*/
	padding: 1px;
	background-color: #FFF;
	/*background-image: url('/common/graphics/redPenna.gif');*/
	background-repeat: no-repeat;
	background-position: bottom center;
}

.ingress{
	font-weight: bold;
}

/* Sid- & styckeegenskaper */

.toolbar{
	margin: 0px;
	margin-bottom: 3px;
	padding: 0px 3px;
	line-height: 22px;
	min-height: 22px;
	border: 3px double #005282;
}

.toolbarButtonBorder{
	border: 1px solid #005282;
	border-top-style: none;	
}

.toolbarRuta{
	/*background-image: url('/common/graphics/toolbarFadeRuta.gif');*/
	line-height: 12px;
	width: auto;
	padding: 3px;
}

.toolbarSid{
	background-color: #D6DDE1;
}

.toolbarStycke{
	background-color: #e8e8e8;
}

.toolbar input[type=text], .toolbar textarea, .toolbar input[type=date], .toolbar input[type=time]{
	border: 1px solid #E8E8E8;
	background-color: #FFF;
	color: #000;
}

.toolbar textarea{
	background-position: bottom center;
}

.toolbar input[type=text]:focus, .toolbar textarea:focus, .toolbar input[type=dat]:focus, .toolbar input[type=time]:focus{
	border: 1px solid #F00;
	background-position: bottom center;
}

.toolbarSplitBorder{
	border: 1px solid #7E98B2;
	border: 1px solid #005282;
	margin: 5px 2px;
	background-color: #bcc8cf;
}

.toolbarSplitHeader{
	text-align: center;
	font-weight: bold;
	background-color: #7E98B2;
	background-color: #005282;
	color: #FFF;
	padding: 0px;
	line-height: 16px;
}

.toolbarSplitSplitter{
	clear: both;
	border-bottom: 1px solid #7E98B2;
	border-bottom: 1px solid #005282;
	height: 10px;
	margin-bottom: 10px;
}

/*.opublicerad .toolbarStycke, .stangd .toolbarStycke{
	margin: 0px 0px 0px -2px;
	padding: 0px 5px 0px 5px;
	width: 99%;
}*/

/* Opublicerad och stängda stycken */

.opubl{
	border: 2px solid #BBD6E5 !important;
	background-image: url('/common/graphics/opublicerad.gif');
}

.stangd{
	border: 2px solid #E4212E !important;
	background-image: url('/common/graphics/stangd.gif');
}

.ejpublik{
	border: 2px solid #000 !important;
	background-image: url('/common/graphics/ejpublik.gif');
}

/* Versionshantering */
.version a{
	text-decoration: none;
	color: #000;
}

.version .publicerad{
	font-weight: bold;
}

/* Rader */

.rowClass0, .rowClass0 td, .rowClass2, .rowClass2 td{
	background-color: #DFDCCB;
	padding: 1px 1px;
}

.rowClass1, .rowClass1 td{
	background-color: #FFFFFF;
	padding: 1px 1px;
}

/* Kolumner */

.rowClass0 .col1, .rowClass0 .col1 td, .rowClass2 .col1, .rowClass2 .col1 td{
	background-color: #F0F0F0;
}

.rowClass1 .col1, .rowClass1 .col1 td{
	background-color: #E3E3E3;
}

.rowClass0 .yes, .rowClass0 .yes td, .rowClass0.yes td, .rowClass2 .yes, .rowClass2 .yes td, .rowClass2.yes td{
	background-color: #D8F2D8;
}

.rowClass1 .yes, .rowClass1 .yes td, .rowClass1.yes td{
	background-color: #CCE6CC;
}

.rowClass0 .no, .rowClass0 .no td, .rowClass0.no td, .rowClass2 .no, .rowClass2 .no td, .rowClass2.no td{
	background-color: #F2D8D8;
}

.rowClass1 .no, .rowClass1 .no td, .rowClass1.no td{
	background-color: #E6CCCC;
}

/* Formulär */
input, textarea{
/*        border: 1px solid #005282;
        background-color: #FFF;
        color: #000; */
}



/* Åtkomstrutan */
.atkomst input{
	float: left;
	margin: 0px 20px;
}

.atkomst span{
	text-align: center;
	width: 60px;
	float: left;
}

.atkomst select{
	float: left;
	clear: both;
	width: 100px;
}

/* loginLayer */
#loginLayer input{
	margin: 0px 0px 3px 0px;
}

/* Lightbox */

.overlay {
	left: 0;
	position: absolute;
	z-index: 10000;
	visibility: hidden;
	opacity: 0;
/*	background-color: #FFF;
	background-image: url('common/graphics/overlayBak.gif');
	background-position: bottom center;
	background-repeat: repeat-x;
*/	background-color: #EDEDED;
}

.lightCont{
/*	background-image: url('/common/graphics/tbbRed.jpg');
	border: 3px double #000;*/
/*background: #FFF;
border: 1px solid #000;
padding: 1px;*/
	left: 0px;
	position: absolute;
	z-index: 11000;
	height: 152px;
	height: auto;
	width: 315px;
	width: 100%;
	font-family: verdana;
	font-size: 11px;
	visibility: hidden;
}

.light1{
/*	background-image: url('/common/graphics/tbbYellow.jpg');*/
	font-size: 15px;
}

.content{
/*	background-image: url('/common/graphics/tbbRed.jpg');
border: 1px solid #000;*/
	padding: 0px 15px;
	color: #000;
	text-align: center;
}

#vitbox tr{
	height: 20px;
}

#vitbox, #vitbox a{
	color: #FFFFFF;
	font-size: 10px;
	text-decoration: none;
	font-weight: bold; 
}

#vitbox .pipe{
	text-align: center;
	font-size: 12px;
}

#vitbox a:hover{
	color: #4f4a29;
}

#vitbox a:active{
	color: #9f9e49;
}

#vitbox a.blackhead{
	color: #000;
}

#wrapper {
        position: relative; /* adding position: relative allows you to position the two sidebars relative to this container */
        width: 1150px;
        margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
        margin-top: 0px;
        text-align: left; /* this overrides the text-align: center on the body element. */
}

#bannercontainer {
	width: 123px;
	padding-left: 10px;
        margin-top: 16px;
       	background-color: transparent;
	float: left;
	text-align: center;
}


#pagecontainerstart {
        position: relative; /* adding position: relative allows you to position the two sidebars relative to this container */
        width: 1014px;
        margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	margin-top: 0px;
        text-align: left; /* this overrides the text-align: center on the body element. */
        background-color: transparent;
        float: left;
}


#topshade {
        height: 9px;
        background:url(/graphics/webdesign/contenttopshade.gif) no-repeat;
	background-position: bottom;
        margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
        text-align: left; /* this overrides the text-align: center on the body element. */
        filter:alpha(Opacity=70); /*modify to change the shade solidity/opacity, same as below*/
        opacity:0.7; /*firefox 1.5 opacity*/
        -moz-opacity:0.8; /*mozilla opacity*/
        -khtml-opacity:0.8; /*opacity*/
        z-index:10;
}

#btmshade {
        position: relative;
        height: 17px;
        width: 1014px;
        background:url(/graphics/webdesign/contentbtmshade.gif) no-repeat;
        margin: 0px; /* the auto margins (in conjunction with a width) center the page */
        text-align: left; /* this overrides the text-align: center on the body element. */
        filter:alpha(Opacity=80); /*modify to change the shade solidity/opacity, same as below*/
        opacity:0.8; /*firefox 1.5 opacity*/
        -moz-opacity:0.8; /*mozilla opacity*/
        -khtml-opacity:0.8; /*opacity*/
        z-index:10;
}

#leftshade {
        width: 16px;
        height: 100%;

        background:url(/graphics/webdesign/contentleftshade.gif) repeat-y;
        filter:alpha(Opacity=80); /*modify to change the shade solidity/opacity, same as below*/
        opacity:0.8; /*firefox 1.5 opacity*/
        -moz-opacity:0.8; /*mozilla opacity*/
        -khtml-opacity:0.8; /*opacity*/
}

#rightshade {
        width: 16px;
        height: 100%;

        background:url(/graphics/webdesign/contentrightshade.gif) repeat-y;
        filter:alpha(Opacity=80); /*modify to change the shade solidity/opacity, same as below*/
        opacity:0.8; /*firefox 1.5 opacity*/
        -moz-opacity:0.8; /*mozilla opacity*/
        -khtml-opacity:0.8; /*opacity*/
}


#contentTop { 
	width: 982px;
	height: 100%;

	background:url(/graphics/webdesign/contentbgbtm.jpg) repeat-x #FFFFFF;
	background-position:bottom;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 

#contentContainer { 
	width: 931px;
	min-height: 252px;
	height: auto !important;
	position: relative;
	background-color: transparent;
	margin: 26px;
	margin-bottom: 10px;
	padding-top: 30px;
} 

#content { 
	width: 680px;
	position: relative;
	background-color: transparent;
} 

#bannerPuffContainer { 
	width: 250px;
	position: absolute;
	background-color: transparent;
	text-align: right;
	left: 682px;
	top: 0px;
} 

#bannerPuffContainer div { 
	position: relative;
	background-color: transparent;
	padding-bottom: 10px;
} 

#topLinks { 
	z-index: 1000;
	float: right;
	background-color: transparent;
	text-align: right;
	margin: 25px 152px 0px 0px;
} 

#topLinks a{ 
	padding-left: 15px;
	font-weight: 100;
}

#topImg { 
	height: 160px;
	margin: 0px;
	padding: 0px;
        z-index:40;
        position:relative;
} 

#navigation1 { 
	width: 983px;
	height: 28px;
	position: relative;
	background:url(/graphics/webdesign/menu_bg1.jpg) repeat-x;
} 

#navigation2 { 
	height: 15px;
	position: relative;
	padding: 5px 15px;
} 

#breadcrumb {
	color:#000000;
	float:left;
	font-size:12px;
	height:26px;
	
}

#breadcrumb a{
	text-decoration:none;
	color:#000000;
}

#fontsize {
	float:right;
}

#footer { 
        font-family: Arial;
        color: #424242;
	width: 932px;
	height: 32px;
	padding-top: 16px;
	margin: 0 auto;
	border-top: 1px solid #9e9e9e;
} 

#topLogo {
        top:100px;
        left:25px;
        position: absolute;
}


#topsearch { 
        top:115px;
        left:760px;
	width: 200px;
	position: absolute;
} 

#topsearch div { 
	float: right; 
}

#uContentContainer { 
	width:982px;  
	overflow:hidden;  
	min-height: 250px;
	height: auto !important;
	margin-top: 26px;
	margin-bottom: 30px;
}

#uContentContainer .uMenyContainer { 
	float:left;  
	width: 205px;
	background-color: transparent;
} 

#uContentContainer .uContent { 
	float:left;  
	background-color: transparent;
	padding-left: 48px;
	padding-right: 48px;
	padding-top: 0px;
	width: 443px;
	z-index: 1000;
} 

#uContentContainer .uInfoContainer { 
	float:left;  
	width:232px;  
	background-color: transparent;
} 

/*
#bottenPuffContainer { 
	width:972px;  
	margin:0 auto;  
	height: 270px;
	margin-left:11px;
}

#bottenPuffContainer .bottenPuff1 { 
	float:left;  
	width:232px;  
	height:251px;
	overflow:hidden;
} 

#bottenPuffContainer .bottenPuff2 { 
	background:url(/graphics/webdesign/calendar_bg2.jpg) no-repeat;
	float:left;  
	width:239px;  
	height:251px;
	margin-left: 5px;
} 

#bottenPuffContainer .bottenPuff3 { 
	float:left;  
	width:232px;  
	height:251px;
	margin-left: 4px;
} 

#bottenPuffContainer .bottenPuff4 { 
	float:left;  
	width:224px;  
	height:240px;
	margin-left: 14px;
} 
*/

#bottenPuffContainer {
        z-index: -100;
	width:972px;
        margin:0 auto;
        min-height: 270px;
        height: auto;
        margin-left:11px;
	margin-bottom: 10px;
	margin-top: 10px;
}

#bottenPuffContainer .bottenPuff1 {
        position: absolute;
        left: 26px; 
        width:232px;
        height:251px;
        overflow:hidden;
}

#bottenPuffContainer .bottenPuff2 {
        background:url(/graphics/webdesign/calendar_bg2.jpg) no-repeat;
        position: absolute;
        left: 258px;
        width:239px;
        height:251px;
        margin-left: 5px;
}

#bottenPuffContainer .bottenPuff3 {
        position: absolute;
        left: 500px;
        width:232px;
        height:251px;
        margin-left: 4px;
}

#bottenPuff4 {
        position: relative;
	left: 710px;
        width:224px;
        height:auto;
        margin-left: 14px;
	font-size: 11px;
}

#meny {
	overflow: hidden;
	float: left;
	width: 980px;
	height: 28px;
}

#meny a{
        color: #FFF;
        text-decoration: none;
        font-family: Arial;
        font-size: 12px;
        font-weight: bold;
        padding-left: 9px !important;
        padding-right: 9px !important;
        margin-top: 13px;
        border-left: 1px solid #fff;
}

#meny li.forsta a{
        padding-left: 15px !important;
        border-left: none;
}

#meny li.sista a{
        border-right: none;
}

#meny li{
        list-style: none;
        float: left;
        text-align: center;
        height: 23px;
        display-style: block;
        padding-top: 6px !important;
}

#meny ul{
        padding: 0px;
        margin: 0px;
}

#menySplittedTop {
        color: #EF6C1C;
        font-size: 18px;
        font-weight: bold;
        height: 25px auto;
        padding-bottom: 3px;
        margin-left: 19px;
}

#menySplittedTop a {
        color: #EF6C1C;
	text-decoration: none;
}


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

#menySplitted li{
        font-weight: normal;
        width: 184px;
        height: 23px auto;
        min-height: 23px;
        line-height: 23px;
        margin-left: 19px;
        border-top: dotted 2px #EF6C1C;
}

#menySplitted a{
        color: #000;
        text-decoration: none;
        font-family: Arial;
        font-size: 12px;
}

#menySplitted li.aktiv{
        font-weight: bold;
}

#menySplitted li.aktiv a{
        color: #EF6C1C;
}

#menySplitted .menuLevel0 li{
        padding-left: 0px !important;
}

#menySplitted .menuLevel0 li.sista{
	border-bottom: dotted 2px #EF6C1C;
}

#menySplitted .menuLevel1 li{
	margin-left: 0px;
        border-top: 0px;
        line-height: 18px;
        height: 18px auto;
	min-height: 18px;
}

#menySplitted .menuLevel1 li.forsta{
	border-top: dotted 2px #EF6C1C;
}

#menySplitted .menuLevel1 li.sista{
	border-bottom: 0px;
}

#menySplitted .menuLevel1 a{
        padding-left: 10px !important;
        font-size: 11px;
}

#menySplitted .menuLevel1 li a{
        color: #000;
}

#menySplitted .menuLevel1 li.aktiv a{
        color: #EF6C1C;
}

#menySplitted .menuLevel2 a{
	padding-left: 11px !important;
        margin-left: 27px !important;
}

#menySplitted .menuLevel1 li.aktiv li a{
        color: #000;
}

#menySplitted .menuLevel1 li li.aktiv a{
        color: #EF6C1C;
}

.mytool-tip {
	color: #000;
	width: 139px;
	z-index: 13000;
	border: 1px solid gray;
}
 
.mytool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #000;
	padding: 8px 8px 4px;
	background: lightgrey;
	text-align: left;
}
 
.mytool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: lightgrey;
    text-align:left;
}

.mini-calendar-header  {
	width:238px;  
	height: 26px;
	padding-top: 14px;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	color: #FFF;
}

.mini-calendar-header  td{
	font-size: 15px;
	font-weight: bold;
	color: #FFF;
}

.mini-calendar {
	position: relative;
	margin-top: 17px;
	margin-left: 14px;
	width:210px;  
	height:251px;
}

.mini-calendar div.item {
	border-top: 1px solid #c0c0c0;
	border-right: 1px solid #c0c0c0;
	padding-top: 5px;
    font-size: 16px;
	float: left;
	width: 29px;
	height: 23px;
	text-align: center;
    vertical-align: middle;
    display: table-cell;
	min-height:22px;
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	color: #747474;
	background-color: transparent;
}

.mini-calendar div.item em.outofbounds{
	color: lightgrey;
}

.mini-calendar div.item div.aktiv{
	margin-top: -5px;
	padding-top: 5px;
	height: 23px;
	background: #ed8a49;
}

.mini-calendar div.item span.sunday{
	color: #ff0917;
}

.mini-calendar div.item a.sunday{
	color: #ff0917;
}

.mini-calendar div.item a {
	color: #fff;
	font-family: Arial;
	font-size: 16px;
}


#newsHeader {
	text-decoration: none; 
	color: #d78037; 
	font-family: Arial; 
	font-size: 16px; 
	font-weight: bold;
}

.bottenPuffHeader{
	height: 26px;
	padding-top: 14px;
	font-size: 15px;
	font-weight: bold;
	color: #FFF;
}

.bottenPuffHeader a{
	font-size: 15px;
	font-weight: bold;
	color: #FFF;
}

.bottenPuffText{
	overflow: hidden;
	height: 170px;
	width: 180px;
	padding-top: 10px;
	color: #000;
}

.bottenPuffText a{
	color: #000;
}

.tipsa {
	padding-top: 20px;
}

.tipsa img{
	margin-top: -12px;
}

.tipsa a{
	padding-right: 15px;
}

.formType1 input{
	background: #F9F9F9;
	border-bottom: 1px solid #ABABAB;
	border-right: 1px solid #ABABAB;
	border-top: 1px solid #F8F8F8;
	border-left: 1px solid #F8F8F8;
	width: 400px;
}

.formType1 input[type=radio], .radio, .formType1 radio{
        background: none;
        border: none;
        width: auto;
}

.formType2 input{
        background: #DEE0DF;
        border-bottom: 1px solid #B7B7B7;
        border-right: 1px solid #B7B7B7;
        border-top: none;
        border-left: none;
}

#uKontaktInfo{
        width:224px;
        font-size:11px;
}

#uRelateradInfo{
        width:224px;
	font-size:11px;
	line-height:18px;
}

#uSidIngress{
        width:231px;
	overflow:hidden;
}

.slicedPuffTop{
	background: url(/graphics/webdesign/puffTop1.jpg) no-repeat;
        width:224px;
        height:26px;
        padding-left: 28px;
        padding-top: 15px;	
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
}

.slicedPuffSlice{
        background: url(/graphics/webdesign/puffSlice1.jpg) repeat-y;
        width:224px;
        padding-left: 28px;
	padding-top: 18px;
	padding-bottom: 18px;
}

.slicedPuffBottom{
        background: url(/graphics/webdesign/puffBottom1.jpg) no-repeat;
        width:224px;
        padding-left: 20px;
	height:21px;
}

.relateradLink{
        width:180px;
	display: table-cell;
}

.relateradLink a:hover{
        font-weight: normal;
}


.staffList { 
	float:left;  
	width:333px;  
	min-height:140px;
	height: auto;
	padding-bottom: 20px;
	margin-left: 4px;
	line-height: 1.5em;
} 

.staffLink { 
	font-size: 0.8em;
    color: #EF6C1C;
}

/* Bild faid grejen */
        #imageswap, #imageswapSet, #flickrGallery {
        width: 983px;
        height: 160px;
        z-index: 5;
        border: none;
        position:absolute;
        top:10;
        left:10;
        }

.full {
        display: none;
}
 
#banners img{
	border: none;
	margin: 5px;
}

.inlineErrorMessage {
    padding:.8em;
    margin-bottom:1em;
    border:2px solid #FBC2C4;
    background:#FBE3E4;
    color:#8a1f11;
}

.inlineErrorMessage a {color:#8a1f11;}