body{
	background-color:#fff;
	width:100%;
	height:auto;
	font-family:Verdana, Arial;
	font-size:0.8em;
	color:#333;
	margin:0px;
	padding:0px;
}

img{
	border:0px;
	margin:0px;
	padding:0px;
}

h1{
	margin-top:0px;
	margin-bottom:0px;
	font-size:1.4em;
	color:#cc9933;
}
h2{
	margin-top:20px;
	margin-bottom:0px;
	font-size:1.2em;
}
h3{
	margin-top:20px;
	margin-bottom:0px;
	font-size:1.2em;
}

h4, h5, h6{
	margin-top:20px;
	margin-bottom:0px;
	font-size:0.9em;
}

p{
	margin-top:0px;
	margin-bottom:15px;
}

hr{
	border-top:solid 2px #83271d;
	border-bottom:0px;
	border-left:0px;
	border-right:0px;
	margin-bottom:0px;
	margin-top:5px;
	padding:0px;
}

/* Löser problemet med p innuti listor och tabeller */
li p{
	display:inline;
}

table p{
	margin:0px;
}

/*table.renderedtable{
	background-color:#fff;
}

table.renderedtable tr.bglight{
	background-color:#fff;
}

table.renderedtable tr.bgdark{
	background-color:#fff;
}

table.renderedtable tr.bglight td{
	background-color:#fff;
}

table.renderedtable tr.bgdark td{
	background-color:#fff;
}*/

/*KLASSER FÖR TABELLSTYLE*/
td.leftAlign
{	
text-align: left;	
border:none;
}

td.rightAlign	
{	
text-align: right;	
border:none;
}

td.centerAlign	
{	
text-align: center;	
border:none;
}

td.topAlign	
{	
vertical-align: top;	
border:none;
}

td.bottomAlign	
{	
vertical-align: bottom;	
border:none;
}

td.middleAlign	
{	
vertical-align: middle;	
border:none;
}

th.leftAlign
{	
text-align: left;	
border:none;
}

th.rightAlign	
{	
text-align: right;	
border:none;
}

th.centerAlign	
{	
text-align: center;	
border:none;
}

th.topAlign	
{	
vertical-align: top;	
border:none;
}

th.bottomAlign	
{	
vertical-align: bottom;	
border:none;
}

th.middleAlign	
{	
vertical-align: middle;	
border:none;
}

table th {
    background-color: transparent;
}

table td, table th{
border-width:0;
padding:3px;
}

table th p{
margin:0;
padding:0;
}

table.bgGrey
{
	background-color:#e5e5e5;
	margin-top:0.5em;
	margin-bottom:0.5em;
	font-size:0.9em;
}

table.bgBlue
{
	background-color:#0D3692;
	color:#fff;
	margin-top:0.5em;
	margin-bottom:0.5em;
	font-size:0.9em;
}

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

table.bgYellow
{
	background-color:#f9c753;
	margin-top:0.5em;
	margin-bottom:0.5em;
	font-size:0.9em;
	border:none;
}

table.bgGreen
{
	background-color:#e3eadd;
	margin-top:0.5em;
	margin-bottom:0.5em;
	font-size:0.9em;
	border:none;
}

table.bgRed
{
	background-color:#661417;
	margin-top:0.5em;
	margin-bottom:0.5em;
	color:#fff;
	font-size:0.9em;
	border:none;
}

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

table.bgGrey td, table.bgBlue td, table.bgGreen td, table.bgRed td, table.bgYellow td, table.standard td, table.stripe td
{
	padding: 3px;
}

table tr.bglight{
background-color:transparent;
}

table tr.bgdark{
background-color:transparent;
}

table tr.bglight td{
background-color:transparent;
}

table tr.bgdark td{
background-color:transparent;
}

table tr.bglight:hover td{
background-color:transparent;
}

table tr.bgdark:hover td{
background-color:transparent;
}

table.renderedtable{
	background-color:transparent;
	font-size:0.9em;
}

table.renderedtable tr.bglight{
	background-color:transparent;
}

table.renderedtable tr.bgdark{
	background-color:transparent;
}

table.renderedtable tr.bglight td{
	background-color:transparent;
}

table.renderedtable tr.bgdark td{
	background-color:transparent;
}

table.stripe{
border-color:#fff;
border-width:0px;
border-style:solid;
border-collapse:collapse;
}

table.stripe td, table.stripe th{
border-width:0px;
border-style:solid;
border-collapse:collapse;
}

table.standard{
border-color:#f9c753;
border-collapse:collapse;
}

table.stripe td, table.stripe th, table.standard td, table.standard th{
border-color:#f9c753;
font-size:0.9em;
}

table.standard td, table.standard th{
border-width:1px;
border-style:solid;
border-collapse:collapse;
}

table.standard tr.bglight{
background-color:#fff;
}

table.standard tr.bgdark{
background-color:#fff;
}

table.standard tr.bglight td{
background-color:#fff;
}

table.standard tr.bgdark td{
background-color:#fff;
}

table.stripe tr.bglight{
background-color:#ffeed5;
}

table.stripe tr.bgdark{
background-color:#fecd67;
}

table.stripe tr.bglight td{
background-color:#ffeed5;
}

table.stripe tr.bgdark td{
background-color:#fecd67;
}

a{color:#000; text-decoration:underline;}
a:visited{color:#000;}
a:hover{color:#333;}

/* ---------------------------------- SIDANS STRUKTUR -------------------------------- */

/* Sidan placering */
.clsWindow{
	position:absolute;
	width:100%;
	height:auto;
	text-align:center;
}

/* Sidans innehåll */
.clsContainer{
	background-color:transparent;
	margin:auto;
	width:983px;
	height:auto;
	text-align:left;
	margin-top:10px;
}


/* SIDANS HUVUD */
.clsHeader{
	position:relative;
	background-image:url(../images/header.gif);
	width:983px;
	height:228px;
}
/* Eksjö kommun logga */
.clsEksjoLogotype{
	position:absolute;
	width:82px;
	height:38px;
	top:4px;
	right:10px;
}

.clsHeader .clsPrintLogotype{
display:none;
}


/* TOPPMENY  */
.clsTopMenu{
	position:absolute;
	margin-top:15px;
	font-size:0.9em;
	width:983px;
	text-align:center;
}
.clsTopMenu a{
	text-decoration:none;
	color:#fff;
	margin-right:20px;
	font-weight:bold;
}
.clsTopMenu a:visited{
	color:#fff;
}
.clsTopMenu a:hover{
	color:#ddd;
	text-decoration:none;
}


/* UNDERMENY */
.clsSubMenu{
	position:relative;
	margin-top:15px;
	width:184px;
	overflow:hidden;
	float:left;
	margin-right:30px;
	background-image:url(../images/submenu_center.gif);
	font-weight:bold;
	font-size:0.9em;
}
.clsSubMenu_content{
	min-height:250px;
}
.clsSubMenu_top{
	background-image:url(../images/submenu_top.gif);
	background-repeat:no-repeat;
	height:15px;
	width:184px;
}
.clsSubMenu_bottom{
	background-image:url(../images/submenu_bottom.gif);
	background-repeat:no-repeat;
	height:15px;
	width:184px;
	margin-top:-1px;
}
.clsSubMenu a{
	color:#6E6E6E;
	background-color:#fff;
	text-decoration:none;
	display:block;
	border-bottom:solid 1px #CCC;
	margin-left:1px;
	margin-right:1px;
	padding:10px;
	width:162px;
}
.clsSubMenu a:visited{
	color:#6E6E6E;
}
.clsSubMenu a:hover{
	color:#6E6E6E;
	background-color:#e5e5e5;
	text-decoration:none;
}
/* Undermeny aktivlänk (nivå2) */
.clsSubMenu a.active{
	color:#fff;
	background-color:#fecd67;
	text-decoration:none;
	display:block;
	border-bottom:none;
	margin-left:1px;
	margin-right:1px;
	padding:10px;
	width:162px;
}
.clsSubMenu a:visited.active {
	color:#fff;
}
.clsSubMenu a:hover.active {
	color:#fff;
	background-color:#e4b85c;
	text-decoration:none;
}
/* Undermeny utfälld under aktiv (undernivåer) */
.clsSubMenu a.activeSub{
	color:#6E6E6E;
	background-color:#FFEED5;
	text-decoration:none;
	display:block;
	border-bottom:none;
	margin-left:1px;
	margin-right:1px;
	padding:10px;
	width:162px;
}
.clsSubMenu a:visited.activeSub{
	color:#6E6E6E;
}
.clsSubMenu a:hover.activeSub{
	color:#6E6E6E;
	background-color:#e5d6bf;
	text-decoration:none;
}


/* LOGOTYP */
.clsLogotype{
	position:absolute;
	margin-top:50px;
	margin-left:11px;
	width:163px;
	height:163px;
	font-size:0px;
}


/* UTBYTBAR TOPPBILD */
.clsTopImage{
	position:absolute;
	margin-top:50px;
	margin-left:184px;
	width:789px;
	height:167px;
	overflow:hidden;
	font-size:0px;
}


/* PUFFAR TILL VÄNSTER */
.clsPuffLeftContainer{
	position:relative;
	margin-top:15px;
	width:184px;
	overflow:hidden;
	float:left;
	margin-right:30px;
}
.clsPuffLeft{
	margin-bottom:10px;
}
.clsPuffLeftCorners{
	position:absolute;
	background-image:url(../images/puff_left_corners.gif);
	background-repeat:no-repeat;
	width:184px; 
	height:9px;
	z-index:10;
}
.clsPuffLeftImage{
	width:184px;
	height:96px;
	overflow:hidden;
	margin-bottom:1px;
}
.clsPuffLeft a{
	background-image:url(../images/puff_left.gif);
	background-repeat:no-repeat;
	display:block;
	padding-top:7px;
	width:184px;
	height:29px;
	text-align:center;
	font-size:0.9em;
	font-weight:bold;
	text-decoration:none;
	color:#fff;
}
.clsPuffLeft a:visited{
	color:#fff;
}
.clsPuffLeft a:hover{
	color:#ddd;
}


/* SATSYTA  (redigerbart innehåll på startsidan)  */
.clsContent{
	position:relative;
	margin-top:15px;
	width:529px;
	float:left;
	margin-right:30px;
	overflow:hidden;
}
.clsRiksintag{
	margin-top:20px;
}
.clsRiksintag h1{
	border-bottom:solid 1px #cc9933;
	padding-bottom:3px;
}
.clsRiksintag_left{
	width:252px;
	float:left;
	margin-right:25px;
}
.clsRiksintag_right{
	width:252px;
	float:left;
}


/* SATSYTA 2  (redigerbart innehåll på undersidor med undermeny)  */
.clsContent2{
	position:relative;
	margin-top:15px;
	width:769px;
	float:left;
	overflow:hidden;
}
/* Högerkolumn */
.clsRightColumn{
	float:right;
	width:210px;
	margin-left:30px;
	margin-bottom:20px;
	background-image:url(../images/right_column_center.gif);
}
.clsRightColumn_top{
	background-image:url(../images/right_column_top.gif);
	background-repeat:no-repeat;
	min-height:215px;
	padding:20px;
}
.clsRightColumn_bottom{
	background-image:url(../images/right_column_bottom.gif);
	background-repeat:no-repeat;
	width:210px;
	height:9px;
	display:block;
}


/* SATSYTA 3  (redigerbart innehåll på undersidor utan undermeny)  */
.clsContent3{
	position:relative;
	margin-top:15px;
	width:983px;
	float:left;
	overflow:hidden;
	background-color:#fff;
}


/* NYHETER PÅ STARTSIDAN  */
.clsNewsContainer{
	position:relative;
	background-image:url(../images/newsmenu_top.gif);
	background-repeat:no-repeat;
	margin-top:15px;
	width:210px;
	overflow:hidden;
	float:left;
	background-color:#f9c753;
	color:#000;
}
.clsNewsContainer h1{
	color:#fff;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:10px;
	margin-top:10px;
}
.clsNewsContainer p{
	margin:0px;
}
/* Sökfuntion och snabbval */
.clsSearch{
	padding-left:20px;
	padding-right:20px;
	padding-top:10px;
}
.clsSearch img{
	float:left;
	margin-right:3px;
}
.clsSearch select{
	margin:0px;
	width:135px;
	font-size:12px;
}
.clsSearchText input{
	font-size:12px;
	width:122px;
	float:left;
	margin-right:2px;
	margin-top:10px;
}
.clsSearchButton input{
	float:left;
	font-size:12px;
	width:40px;
	margin-top:10px;
}
.clsSearch a{
	height:20px;
	overflow:hidden;
	font-size:0px;
}
/*Nyheter*/
.clsNewsBox{
	min-height:260px;
}
.clsNews{
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
}
.clsNewsDate{
	font-size:0.844em;
}
.clsNewsBottom{
	position:relative;
	background-image:url(../images/newsmenu_bottom.gif);
	background-repeat:no-repeat;
	width:210px;
	height:9px;
	display:block;
}

.clsNewsBottom p{
	margin:0;
	padding:0;
}


/* BILDER I BILDGALLERI (lineläge) */
.clsLineImage{
	float:left; 
	margin-right:10px; 
	margin-bottom:10px;
	border:solid 1px #ddd; 
	text-align:center;
	padding:3px; 
	background-color:#eee;
}
.clsLineImagePicture{
	border:solid 1px #ddd;
	background-color:#fff;
}


/* OBJEKT I LINELÄGE */
.clsLineContent{
	margin-top:15px;
	width:530px;
}
.clsLineContentImage{
	float:left; 
	padding-top:3px;
	padding-right:5px;
}
.clsLineContentText{
}
.clsLineContent h4{
	margin:0px;
}
.clsLineContent p{
	display:inline;
}

/* SIDFOT MED KONTAKT-INFO */
.clsFooter{
	width:100%;
	text-align:center;
	font-size:0.9em;
	border-top:solid 1px #000;
	margin-top:20px;
}
.clsFooter p{
	margin:0px;
	padding-top:10px;
}
.clsNovitell{
	text-align:right;
	color:#ccc;
}
.clsNovitell a{
	color:#ccc;
}
.clsNovitell a:visited{
	color:#ccc;
}
.clsNovitell a:hover{
	color:#ccc;
}



/* VISAR SÖKRESULTAT */
table.clsSearchResult{
	width:100%;
}
.clsBglight{
	background-color:#e9e9e9;
	padding-top:15px;
}
.clsBgdark{
	background-color:#fff;
	padding-top:15px;
}

/* ÖVRIGT */
.clear{
	clear:both;
}

.clearLeft{
	clear:left;
}

.clearRight{
	clear:right;
}
.clsLeftDebug
{
	text-align:left;
}

.clsInline
{
	display:inline;
}
/*Specialtaggar i nya oe - editorn 2010-03-19*/

pre
{
	word-wrap:break-word;
	white-space: pre-wrap; 
	overflow:hidden;
	width: 99%;
}

/*div.factbox
{
	border:1px solid #cc9933;
	padding:0;
}

div.factbox div.factbox-content
{
	padding:5px;
}

div.factbox div.factbox-header
{
	padding-left:5px;
	padding-right:5px;
}

div.quote
{
	padding:0;
	margin:0;
}

div.quote div.quote-design
{
	padding:5px;
}

div.quote p
{
	font-style:italic;
}

div.separator
{
	clear:both;
	margin-top:10px;
	margin-bottom:10px;
	border-top:1px solid #cc9933;
}*/

.text-justify
{
	text-align:justify;
}

.text-right
{
	text-align:right;
}

.text-left
{
	text-align:left;
}

.text-center
{
	text-align:center;
}

/*separator etc.*/
div.separator-design {
	background-image:none;
	background-repeat:repeat-x;
	height:0;
}

div.separator {
	background-image:none;
	background-repeat:no-repeat;
	display:block;
	height:1px;
	margin:0;
	margin-top:5px;
	margin-bottom:10px;
	padding:0px;
	padding-left:0px;
	border-top:1px solid #fecd67;
	width:100%;
	clear:both;
}

div.factbox
{
	width: 35%;
	overflow:hidden;
}

div.factbox.object-center
{
	width:100%;
}

div.factbox-header{
background-color:#fecd67;
border-color:#fecd67;
border-style:solid solid solid;
border-width:1px 1px 1px;
padding:5px;
text-align:center;
}

div.factbox-header h2{
	color:#fff;
	font-weight:bold;
	margin:0;
	padding:0;
	font-size:1em;
}

div.factbox-content {
background-color:transparent;
background-image:none;
background-position:left top;
background-repeat:repeat-x;
border-color:#fecd67;
border-style:none solid solid solid;
border-width:1px;
padding:5px;
text-align:left;
}

div.quote
{
	width: 35%;
	overflow:hidden;
	background-image:url(../images/quote-tl.png);
	background-position:left top;
	background-repeat:no-repeat;
	padding-top:5px;
	text-align:center;
	/*clear:both;*/
}

div.quote.object-center
{
	width:100%;
}

div.quote-design {
background-image:url(../images/quote-br.png);
background-position:right bottom;
background-repeat:no-repeat;
color:#cc9933;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:22px;
font-weight:bold;
font-style:italic;
margin-bottom:0;
padding-bottom:5px;
/*clear:both;*/
}

div.quote-design p{
color:#cc9933;
}

div.quote-design p.author{
color:#000;
font-style:italic;
font-weight:bold;
font-size:17px;
}