/*Novitells egna stilmall*/

/*KLASSER FÖR TABELLSTYLE*/
td.leftAlign	
{	
	text-align: left;	
	padding: 2px;
	border-width:0;
}

td.rightAlign	
{	
	text-align: right;
	padding: 2px;
	border-width:0;
}

td.centerAlign	
{	
	text-align: center;
	padding: 2px;
	border-width:0;
}

td.topAlign	
{	
	vertical-align: top;
	padding: 2px;
	border-width:0;
}

td.bottomAlign	
{	
	vertical-align: bottom;
	padding: 2px;
	border-width:0;
}

td.middleAlign	
{	
	vertical-align: middle;	
	padding: 2px;
	border-width:0;
}

table.bgGrey
{
	background-color:#ececec;
	color:#000;
	border-width:0;
	border-style:solid;
	border-color:#000;
}

table.bgLightBlue
{
	background-color:#dbe1ec;
	color:#000;
	border-style:solid;
	border-width:0;
	border-color:#000;
}

table.bgDarkBlue h1, table.bgDarkBlue h2, table.bgDarkBlue h3, table.bgDarkBlue h4, table.bgDarkBlue h5, table.bgDarkBlue h6
{
	color:#fff;
}

table.bgDarkBlue
{
	background-color:#355797;
	color:#fff;
	border-width:0;
	border-style:solid;
	border-color:#000;
}

table.bgGrey td, table.bgLightBlue td, table.bgDarkBlue td, table.randigTabell td
{
	padding: 2px;
	border-width:0;
	border-style:solid;
	border-color:#000;
}

table.randigTabell
{
	background-color:#fff;
	color:#000;
	border-width:0;
	border-style:solid;
	border-color:#000;
}

table.randigTabell tr.clsBgWhite
{
	background-color:#fff;
}

table.randigTabell tr.clsBgBlue
{
	background-color:#dbe1ec;
}

div.clsBreak
{
	display:inline;
	width:0.25em;
	padding:0;
	margin:0;
	margin-right:0.25em;
	margin-left:0.25em;
}

td.bglight
{
	background-color:#e8f2f7;
}

td.bgdark
{
	background-color:#c8dde9;
}
/*first_pagelayout.tpl*/

div.clsPageHead
{
	width:960px;
	height:108px;
	margin:0 auto 0 auto;
	background-color:transparent;
	background-image:url(../images/topimage.jpg);
	background-repeat: no-repeat;
	background-position:top right;
}

div.clsPageHead div.clsLogotype
{
	width:175px;
	height:108px;
	margin-left:0.5em;
	float:left;
	background-color:transparent;
}

div.clsPageHead div.clsMainMenu
{
	width:500px;
	height:108px;
	margin-left:23px;
	float:left;
	background-color:transparent;
}

div.clsPageHead div.clsMainMenu div.clsMenuItemSelected, div.clsPageHead div.clsMainMenu div.clsMenuItem
{
	padding:0;
	margin:0;
	padding-left:1em;
	padding-right:1em;
	padding-top:5px;
	float:left;
	font-size:0.8em;
	line-height:1.1em;
	height:20px;
	max-height:20px;
	min-height:20px;
	background-color:transparent;
}

div.clsPageHead div.clsMainMenu div.clsMenuItem a
{
	text-decoration:underline;
}

div.clsPageHead div.clsMainMenu div.clsMenuItemSelected a
{
	text-decoration:none;
}

div.clsTopMenu
{
	width:960px;
	margin:0;
	margin:0 auto 0 auto;
	text-align:center;
	padding:0;
	height:25px;
	max-height:25px;
	min-height:25px;
	background-image:url(../images/bg_topmenu.jpg);
	background-repeat: repeat-x;
	background-position:top left;
}

div.clsTopMenu div.clsTopMenuContent
{
	margin-left:206px;
}

div.clsTopMenu div.clsTopMenuContent div.clsMenuItem
{
	padding:0;
	margin:0;
	padding-left:1em;
	padding-right:1em;
	padding-top:5px;
	float:left;
	font-size:0.8em;
	line-height:1.1em;
	height:20px;
	max-height:20px;
	min-height:20px;
}

div.clsTopMenu div.clsTopMenuContent a
{
	color: #fff;
}
div.clsTopMenu div.clsTopMenuContent a:hover
{
	color: #fff;
}

div.clsTopMenu div.clsTopMenuContent div.clsMenuItemSelected
{
	padding:0;
	margin:0;
	padding-left:1em;
	padding-right:1em;
	padding-top:5px;
	background-color: #fff;
	float:left;
	font-size:0.8em;
	line-height:1.1em;
	height:20px;
	max-height:20px;
	min-height:20px;
	background-image:url(../images/bg_topmenu_selected.jpg);
	background-repeat: repeat-x;
	background-position:top left;
}

/*Vänstermenyn*/
div.clsLeftMenu
{
	width:960px;
	min-height:400px;
	margin:0 auto 0 auto;
	padding:0;
	background-image:url(../images/bg_startpage.jpg);
	background-repeat: repeat-x;
}

div.clsLeftMenuContent
{
	clear:both;
	margin:0;
	padding:0;
	width:200px;
	margin-left:0;
	margin-top:0.5em;
	float:left;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	background-color:#fff;
}

div.clsLeftMenuContent div.clsMenuHeader
{
	width: 180px;
	padding:0;
	margin:0;
	padding-bottom:0.5em;
	padding-top:0.5em;
	padding-left:20px;
	margin-top:0.3em;
	border-bottom:1px solid #d6d6d6;
	color:#333;
	font-size:0.85em;
	text-align:left;
	clear:both;
	float:left;
}

div.clsLeftMenuContent div.clsMenuHeader a
{
	color:#44619e;
	text-decoration:none;
	font-weight:bold;
}

div.clsLeftMenuContent div.clsMenuHeader a:hover
{
	color:#44619e;
	font-weight:bold;
	text-decoration:underline;
}

div.clsLeftMenuContent div.clsMenuItem
{
	width: 180px;
	padding:0;
	margin:0;
	padding-bottom:0.5em;
	padding-top:0.5em;
	padding-left:20px;
	color:#333;
	font-size:0.8em;
	text-align:left;
	clear:both;
	float:left;
	background-color:#fff;
}

div.clsLeftMenuContent div.clsMenuItemSelected
{
	width: 180px;
	padding:0;
	margin:0;
	padding-bottom:0.5em;
	padding-top:0.5em;
	padding-left:20px;
	color:#333;
	font-size:0.8em;
	text-align:left;
	clear:both;
	float:left;
	background-color:#fff;
}

div.clsLeftMenuContent div.clsMenuItem a, div.clsMenuItemSelected a
{
	color:#333;
	text-decoration:none;
}

div.clsLeftMenuContent div.clsMenuItemSelected a.clsMenuItemSelected
{
	color:#333;
	text-decoration:none;
}


div.clsLeftMenuContent div.clsMenuItem a:hover, div.clsMenuItemSelected a:hover
{
	text-decoration:underline;
	color:#333;
}

div.clsLeftMenuContent div.clsMenu1
{
	width: 160px;
	padding:0;
	margin:0;
	padding-bottom:0.5em;
	padding-top:0.5em;
	padding-left:40px;
	font-size:0.75em;
	clear:both;
	float:left;
	background-color:#dbe1ec;
	font-size:1em;
}

div.clsLeftMenuContent div.clsMenu1 div.clsMenuItem
{
	padding:0;
	margin:0;
	margin-bottom:0.5em;
	width: 80%;
	background-color:#dbe1ec;
}

div.clsArrow
{
	width:18px;
	text-decoration:none;
	min-height:10px;
	clear:both;
	float:left;
	margin-left:-20px;
	margin-right:2px;
}
div.clsSubArrow
{
	width:18px;
	text-decoration:none;
	min-height:10px;
	clear:both;
	float:left;
	margin-left:-20px;
	margin-right:2px;
}

*html div.clsSubArrow
{
	width:18px;
	text-decoration:none;
	min-height:10px;
	margin-left:0;
	float:left;
}

/*Block som sätter clear both*/

div.clsPath
{
	background-color:#a6b1c8;
	min-height:20px;
	max-height:20px;
	height:20px;
	width:960px;
	margin:0;
	margin:0 auto 0 auto;
	padding:0;
}
div.clsPath p
{
	margin:0;
	margin-left:218px;
	padding:0;
	font-size:0.7em;
	color:#fff;
}

div.clsPath p a
{
	color:#fff;
	text-decoration:underline;
}

div.clsPath p a:hover
{
	color:#000;
	text-decoration:underline;
}

/*Content*/
div.clsContent
{
	background-color:transparent;
	min-height:400px;
	float:left;
	margin-bottom:20px;
}

div.clsContentMain
{
	width:960px;
	min-height:400px;
	margin:0 auto 0 auto;
	padding:0;
	background-image:url(../images/bg_startpage.jpg);
	background-repeat: repeat-x;
}
/*Sidfoten*/
div.clsFooter
{
	width:960px;
	margin-top:20px;
	margin:20px auto 0 auto;
	background-image:url(../images/line_footer.jpg);
	background-repeat: no-repeat;
	background-position:top right;
	padding-top:10px;
	min-height:10px;
	clear:both;
}

div.clsFooter p
{
	padding:0;
	margin:0 auto 0 auto;
	width:80%;
	font-size:0.6em;
}

div.clsNovitellLink
{
	width:960px;
	margin:0 auto 0 auto;
	padding:0;
	text-align:right;
	color:#999;
	padding-top:1em;
	clear:both;
}

div.clsNovitellLink p
{
	padding:0;
	margin:0;
	margin-top:1em;
	margin-bottom:0.25em;
	text-align:right;
	color:#999;
	font-size:0.6em;
}

div.clsNovitellLink a
{
	color:#999;
	text-decoration:none;
}


/*Startsidan*/
div.clsStartPage
{
	clear:both;
	float:left;
	width:960px;
	min-height:400px;
	margin:0 auto 0 auto;
	padding:0;
	background-color:transparent;
}

/* Puffar (vänsterspalt)*/
.clsSubPuffsArea{
	margin-left:20px;
	width:300px;
	float:left;
	margin-right:5px;
}
.clsSubPuffsArea .clsPuffSub{
	margin-bottom:15px;
	width:300px;
	height:auto;
	overflow:hidden;
}

/*Puffar (huvud) */
div.clsPuffArea
{
	margin:5px 15px 20px 15px;
	padding:0;
	width:930px;
	background-color:transparent;
	min-height:200px;
}

div.clsPuffArea div.clsPuff
{
	margin-right:5px;
	margin-left:5px;
	padding:0;
	width:300px;
	float:left;
	display:inline;
}

div.clsPuffArea div.clsPuff div.imageleft
{
    float: left;
    margin-right:0;
	position:relative;
	margin-bottom:-25px;
	max-height:200px;
	height:200px;
	overflow:hidden;
}

div.clsPuffArea div.clsPuff div.imageleft img
{
	display:inline;
	background-color:transparent;
}

div.clsPuffArea div.clsPuff div.clsPuffTitle
{
	height:25px;
	max-height:25px;
	min-height:25px;
	background-image:url(../images/bg_topmenu.jpg);
	background-repeat: repeat-x;
	background-position:top left;
	color:#fff;
	width:300px;
	text-align:center;
	padding:0;
	padding-top:3px;
	clear:both;
	position:relative;
	display:block;
}

div.clsPuffArea div.clsPuff div.clsPuffTitle a
{
	color:#fff;
	font-weight:normal;
	text-decoration:none;
}

div.clsPuffArea div.clsPuff div.clsPuffTitle a:hover
{
	color:#fff;
	font-weight:normal;
	text-decoration:none;
}

/*Nyheter*/

div.clsNewsAreaMain p{
	font-size:0.7em;
	margin-bottom:0px;
}

div.clsNewsAreaMain .attribute-image h3{
	font-size:0.8em;
	margin-top:0px;
}

.clsReadMoreLink{
	text-align:right;
	margin-bottom:1em;
}
.clsNewsArchiveLink{
}

div.clsNewsAreaMain
{
	margin-top:0;
	margin-left:5px;
	padding:0;
	width:605px;
	float:left;
}

div.clsNewsAreaMain div.clsNews h3
{
	margin-top:0;
}

div.clsNewsAreaMain div.clsNews
{
	clear:both;
	width:605px;
	float:left;
	margin-bottom:1em;
}


/*Logga in till dina sidor*/
div.clsLoginForm
{
	width:280px;
	margin-bottom:15px;
	font-size:0.875em;
	float:left;
	padding:10px;
	background-color:#77aadf;
	background-image:url(../images/topimage.jpg);
	background-repeat: no-repeat;
	background-position:bottom right;
}
div.clsLoginForm h3{
	margin-top:5px;
	color:#fff;
}
div.clsLoginForm input{
	margin-bottom:1em;
	display:block;
}


/*sökning*/
div.clsSearch
{
	padding:0;
	margin:0;
}

a.clsAdvancedSearchLink
{
	font-weight:bold;
}

input.searchbutton
{
	font-size:11px;
	background-color:#e8f2f7;
	color:#333;
	border:1px solid #58799e;
}

input.searchtext
{
	font-size:11px;
	width:90px;
	background-color:#fff;
	color:#333;
	border:1px solid #58799e;
}

/*content-view-full*/
div.content-view-full
{
	padding:0;
	margin:0 15px 0 15px;
	width:725px;
	clear:both;
}

div.content-view-full p
{
	margin:0;
    margin-top:0;
	margin-bottom:0.7em;
    line-height: 1.5em; /* This is aprox. default line height in most popular browsers; set explicitly to ensure consitency. */
	font-size:0.7em;
}

div.content-view-full .attribute-image p
{
	margin:0;
}

/*line*/
div.content-view-line
{
	clear:both;
	color:#333;
	padding:0;
	margin:5px 0 5px 0;
	width:725px;
}

div.content-view-line div.class-article div.attribute-short p
{
	margin-bottom:0;
}

div.content-view-line div.class-form
{
	padding-top:1em;
}

/*DocumentArchive*/
table.clsDocumentTable
{
	width:725px;
	margin:0;
	margin-top:1em;
	padding:0;
}
table.clsDocumentTable td.clsFolderDocument
{
	width:725px;
	padding:5px;
	background-color:#a6b1c8;
	font-size:0.7em;
	font-weight:bold;
}

table.clsDocumentTable td.clsFile
{
	width:600px;
	padding:5px;
	font-size:0.7em;
	vertical-align:middle;
	border-bottom:solid 1px #a6b1c8;
}

table.clsDocumentTable td.clsFileSize
{
	padding:5px;
	font-size:1em;
	vertical-align:middle;
	text-align:right;
	border-bottom:solid 1px #a6b1c8;
}

/*Kontaktdatabasen*/
h3.clsFolderStaff
{
	margin:20px 5px 5px 5px;
	width:600px;
	padding:0;
	clear:both;
	float:left;
}

/*Kontaktdatabasen*/
div.clsFolderStaff
{
	margin:5px 5px 20px 5px;
	width:600px;
	padding:0;
	clear:both;
	float:left;
}

div.clsFolderStaff div.clsPersonLeft
{
	width:280px;
	margin:0;
	padding:0;
	margin-right:5px;
	margin-top:10px;
	font-size:0.7em;
	float:left;
	clear:left;
}

div.clsFolderStaff div.clsPersonRight
{
	width:280px;
	margin:0;
	padding:0;
	margin-left:5px;
	margin-top:10px;
	font-size:0.7em;
	float:right;
	clear:right;
}

div.clsFolderStaff h3
{
	margin:0 0 0.2em 0;
    font-size: 1em;
	font-weight: bold;
}

div.clsPerson h1
{
	margin:0 0 0.2em 0;
}

div.clsPerson div
{
	font-size:0.8em;
}

/*senast kontrollerad*/
div.clsLastControlled
{
	font-size:0.7em;
	font-style:italic;
	margin-top:20px;
	float:left;
	clear:both;
}

/*fleanmälan*/
div.clsBlock p.clsLabel
{
	margin:0;
	margin-top:1em;
	padding:0;
}

/*PopUp*/
div.clsPopUp
{
	margin:10px 5px 10px 5px;
	width:400px;
}

div.clsPopUp div.clsLogotypePopUp
{
	margin:10px 5px 10px 5px;
	width:auto;
	padding-top:10px;
	min-height:10px;
	clear:both;
	border-bottom:1px solid #a6b1c8;
}

div.clsPopUp div.clsPopUpContent
{
	font-size:0.8em;
}

div.clsPopUp div.clsPopUpContent h1
{
	font-size:1.4em;
}

div.clsPopUp div.clsPopUpContent textarea
{
	width:370px;
	margin-bottom:1em;
}

div.clsPopUp div.clsPopUpContent p.clsLabel
{
	margin:0;
	margin-top:1em;
	padding:0;
}

div.clsPopUp div.clsFooter
{
	margin:10px 5px 10px 5px;
	width:auto;
	padding-top:10px;
	min-height:10px;
	clear:both;
	background-image:none;
	border-top:1px solid #a6b1c8;
}

div.clsPopUp div.clsFooter p
{
	padding:0;
	margin:0 auto 0 auto;
	width:auto;
	font-size:0.6em;
}

div.clsFullForm p
{
	padding:0;
	margin:0;
	margin-bottom:1em;
	margin-top:1em;
	width:auto;
	font-size:0.85em;
}

div.clsFullFormFelanmalan p
{
	padding:0;
	margin:0;
	margin-bottom:1em;
	margin-top:1em;
	width:auto;
	font-size:0.7em;
}

div.clsFullForm form
{
	padding:0;
	margin:0;
	margin-top:1em;
	width:auto;
	font-size:0.85em;
}

/*vanliga classes*/
div.clsClear
{
	clear:both;
}

table.list
{
	width:95%;
	display:inline;
	margin:0;
	border:0;
}

fieldset
{
	border:none;
	padding:0;
}

label.clsPoll
{
	font-size:0.85em;
	margin:0;
	padding:0;
}

label.clsSearch
{
	display:inline;
	margin:0;
	padding:0;
}

input.button
{
	font-size:11px;
	background-color:#fff;
	color:#333;
	border:1px solid #a6b1c8;
}

input.clsButton
{
	font-size:11px;
	background-color:#fff;
	color:#333;
	border:1px solid #a6b1c8;
}

input.box
{
	font-size:11px;
	background-color:#fff;
	color:#333;
	border:1px solid #a6b1c8;
}

textarea
{
	font-size:11px;
	background-color:#fff;
	color:#333;
	border:1px solid #a6b1c8;
}

input.small_box
{
	font-size:11px;
	background-color:#fff;
	color:#333;
	border:1px solid #a6b1c8;
}

div.warning
{
	color:#c00;
}

/*style för listor både ol och ul, som ligger i table*/
table.clsList
{
	width:auto;
	display:block;
	margin:0;
	border:0;
	font-size:0.7em;
}

table.clsList td.clsListTd
{
	font-size:1em;
	width:auto;
	padding:0;
}

table.clsList td.clsListTd ol, table.clsList td.clsListTd ul
{
	font-size:1em;
}

table.clsList td.clsListTd ol li, table.clsList td.clsListTd ul li
{
	font-size:1em;
}


/*Bildtext till bilder i XML-fält*/

.attribute-caption p{
	margin:0px;
	padding:0px;
	font-weight:normal;
	font-style:italic;
}

/*Logga in-sidan*/
div.clsLogin
{
	margin-left:300px;
	margin-top:100px;
}