/* 
SparbanksAkademin
CSS för Joomla template
(c) 2007
*/

/* lite grund inställningar*/
body
{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px; 
background-color: #E6E6E6;
color: #999999;
}
/* globala länk inställningar*/
a:link
{
color: #666666;
font-weight: bold;
text-decoration:none;
font-size: 11px;
font-family:Arial, Helvetica, sans-serif;
}

a:active
{
color: #B42E2D;
font-weight: bold;
text-decoration:none;
font-size: 11px;
font-family:Arial, Helvetica, sans-serif;
}

a:visited
{
color: #666666;
font-weight: bold;
text-decoration:none;
font-size: 11px;
font-family:Arial, Helvetica, sans-serif;
}

a:hover
{
color: #B42E2D;
font-weight: bold;
text-decoration:none;
font-size: 11px;
font-family:Arial, Helvetica, sans-serif;
}

#active_menu
{
color: #B42E2D;
font-weight: bold;
text-decoration:none;
font-size: 11px;
font-family:Arial, Helvetica, sans-serif;
}

/*ligger runt hela sidan, dvs "content" framen, ordnar vita bakgrunden och skuggan*/
#wrap
{
margin: 0 auto;
width: 100%;
overflow: visible;
background: #E6E6E6 url('../images/bg.jpg') repeat-y fixed center;
margin-top: 0px;
padding: 0px 0px 0px 0px;
}

/* Login rutan */
.moduletable_spa_login
{
background-color: #F5F5F5;
width: 280px;
text-align:left;
margin-bottom: 3px;
}

.moduletable_spa_login td
{
text-align: left;
}

.moduletable_spa_login table
{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
margin-left: 5px;
}

.moduletable_spa_login h5
{
color: #666666;
font-weight: bold;
font-size: 10px;
font-family:Arial, Helvetica, sans-serif;
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.moduletable_spa_login form
{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#inner_wrap
{
margin: 0 auto;
width: 800px;
overflow: visible;
background-color:#ffffff;
margin-top: 0px;
margin-bottom: 0px;
padding: 0px 0px 0px 0px;
}

/* ordnar skuggan på toppen av sidan*/
#header
{
margin: 0 auto;
margin-bottom: 0px;
width:837px;
height: 13px;
background-color:#E6E6E6;
}

/* diven som sidhuvudet ligger i*/
#logo
{
text-align:center;
margin: 0 auto;
margin-bottom: -4px;
height: 250px;
width: 880px;
background: #E6E6E6 url('../images/top_shade.jpg') repeat-y 50% 0;
}

/* för själva banner bilden*/
.main_banner
{
margin: 0 auto;
text-align: center;
border: 0;
}

/* används knappt, se createdate istället*/
#datum
{
padding: 0px 0px 0px 0px;
z-index:1;
width: 110px;
height: 20px;
}
/* globala inställningar för bilder*/
img
{
	border: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/* diven som ligger runt menyn*/
#menu
{
	text-align:center;
	margin: 0 auto;
	margin-top: 0px;
	margin-bottom:0px;
	padding: 0px 0px 0px 0px;
	width: 800px;
	background:url('../images/bg_menu.jpg');
	height: 25px;
	overflow:hidden;
	color: #666666;
}

/*ordnar texten i menyn, ! Gammal, se nedan!*/
#menu p
{
margin-left: 26px;
}

/* ersätter ovanstående*/
#menu a
{
font-size:10px;
font-weight:bold;
}

/* wrap runt allt innehåll */
#main_contentWrap
{
margin: 0 auto;
margin-top: 20px;
text-align:center;
display:block;
width: 800px;
overflow:visible;
color: #666666;
background-color:#FFFFFF;
padding: 0px 0px 0px 0px;
}

/* globala bröd text settings*/
p
{
margin: 0px 0px 0px 0px;
text-align: left;
font-size: 12px;
font-family:Georgia;
color:#666666;
}


.moduletable
{
margin: 0px 4px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
}
/* Används av Joomla i menyn */
.moduletable_main_menu
{
margin: 1px 0px 0px 0px;
margin-left: 23px; 
padding: 4px 5px 2px 0p x; 
text-align: left;
}
.moduletable_main_menu table
{
margin-top:6px;
}

.moduletable a
{
margin: 0px 4px 5px 4px;
text-align:left;
}

.moduletable p
{
font-size:11px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align:left;
margin-left: -10px;
}

.moduletable h4
{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

.blog
{
text-align: left;
font-size: 12px;
font-family:Georgia, "Times New Roman", Times, serif;
color:#666666;
line-height: 17px;
margin-left:0px;
}

.contentpane
{
text-align: left;
font-size: 12px;
font-family:Georgia, "Times New Roman", Times, serif;
color:#666666;
line-height: 17px;
}

.contentdescription
{
text-align: left;
font-size: 12px;
font-family:Georgia, "Times New Roman", Times, serif;
color:#666666;
line-height: 17px;
}

/*Ett inlägg, för en tabell */
.contentpaneopen
{
width:452px;
text-align: left;
font-size: 12px;
font-family:Georgia, "Times New Roman", Times, serif;
color:#666666;
line-height: 17px;
}

.contentpaneopen p{}

/* Drar in indenteringen på listor i inehållet*/
.contentpaneopen li
{
margin-left: -17px;
}

/* lägger marinaler på bilder i det löpande innehållet*/
.contentpaneopen img
{
margin: 2px 5px 2px 5px;
}

/*^^^^^^^ GAMMAL ANVÄNDS EJ SE 'spa_seperator' */
/* separerar två artiklar i joomla*/
.article_seperator
{
border-bottom: 1px dotted #CBCBCB;
height: 2px;
margin-right: 4px;
margin-bottom: 5px;
}

/* "wrappar" center innehållet, alltså allt i den "vänstra" spalten*/
/*goto*/
#main_content
{
position:relative;
float:left;
margin-top: 0px;
margin-left: 20px;
margin-bottom: 10px;
width: 464px;
min-height: 450px;
border: 0px;
border-right: 1px dotted #cccccc;
overflow:visible;
height: 100%;
text-align: left;
padding: 0px 0px 0px 0px;
}

/*lägger till en marginal för innehållet mot prickade kanterna */
#inner_main_wrap
{
margin-right: 8px;
overflow:visible;
height: 100%;
}

#inner_main_wrap h1
{
padding-top:5px;
}

/* Vänster ställer all text utan annan deklaration */
#inner_main_wrap table
{
text-align:left;
}

/* text inställningar för vanligt innehåll, används främst på startsidan */
#main_content p
{
text-align: left;
margin: 0px;
margin-bottom: 8px;
margin-top: 0px;
margin-right:4px;
text-align:left;
font-size:12px;
font-family:Georgia;
color: #555555;
}

#main_content .indrag
{
	margin-left:180px;
}


/* Rubrik i den löpande texten*/
#main_content h1
{
font-family:Georgia;
margin: 0px 0px 3px 0px;
font-size:16px;
font-weight:normal;
color:#333333;
}

/*
Jonas
*/
#main_content h2
{
font-family:Georgia;
margin: 10px 0px 3px 0px;
font-size:15px;
font-weight:normal;
color:#333333;
}

/* rubrik, används ej av joomla, men används tex. vid "Material att ladda ner" */
#main_content h4
{
text-align: left;
font-size: 20px;
font-family:Georgia, Times New Roman, Times, serif;
font-weight:normal;
margin: 0px;
margin-left:1px;
color: #333333;
line-height: 25px;
}

/* o-länkad rubrik h4 för joomla */
.contentheading
{
text-align: left;
font-size: 20px;
font-weight: normal;
font-family:Georgia, Times New Roman, Times, serif;
margin-left:1px;
color:#333333;
line-height: 25px;
}

/* rubrik, (h4),(länkad), skriver över globala länk stylen, används så gott som överallt för "joomla innehåll"*/
.contentheading a
{
text-align: left;
font-size: 20px;
font-weight: normal;
font-family:Georgia, Times New Roman, Times, serif;
margin: 0px;
margin-left:1px;
color:#333333;
line-height: 25px;
}
.contentheading a:link
{
text-align: left;
font-size: 20px;
font-weight: normal;
font-family:Georgia, Times New Roman, Times, serif;
margin: 0px;
margin-left:1px;
color:#333333;
line-height: 25px;
}
.contentheading a:visited
{
text-align: left;
font-size: 20px;
font-weight: normal;
font-family:Georgia, Times New Roman, Times, serif;
margin: 0px;
margin-left:1px;
color:#333333;
line-height: 25px;
}
.contentheading a:active
{
text-align: left;
font-size: 20px;
font-weight: normal;
font-family:Georgia, Times New Roman, Times, serif;
margin: 0px;
margin-left:1px;
color:#333333;
line-height: 25px;
}

/*används av joomla, och till visa länkade rubriker på startsidan*/
.contentpagetitle
{
text-align: left;
font-size: 20px;
line-height:20px;
font-family:Georgia, Times New Roman, Times, serif;
margin: 0px;
margin-left:1px;
font-weight: normal;
color:#333333;
line-height: 25px;
}

/* samma som ovan, fast vid "rollover" */
.contentpagetitle:hover
{
text-align: left;
font-size: 20px;
line-height:20px;
font-family:Georgia, Times New Roman, Times, serif;
margin: 0px;
margin-left:1px;
font-weight: normal;
color:#333333;
line-height: 25px;
}

/* samma som ovan, fast vid "rollover" */
.contentpagetitle:active
{
text-align: left;
font-size: 20px;
line-height:20px;
font-family:Georgia, Times New Roman, Times, serif;
margin: 0px;
font-weight: normal;
margin-left:1px;
color:#333333;
line-height: 25px;
}

/* samma som ovan, fast vid "rollover" */
.contentpagetitle:visited
{
text-align: left;
font-size: 20px;
line-height:20px;
font-family:Georgia, Times New Roman, Times, serif;
font-weight: normal;
margin: 0px;
margin-left:1px;
color:#333333;
line-height: 25px;
}

/* datum, används generellt ej, se createdate istället*/
#main_content h5
{
text-align: left;
font-size:9px;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin: 0px;
color: #cccccc;
}

/* samma som ovan fast joomla anpassad*/
.createdate
{
text-align: left;
font-size:9px;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin: -2px 0px 0px 0px;
color: #cccccc;
}

/* "wrappar" allt innehåll i högerspalten*/
#right_content
{
position:relative;
margin-left: 494px;
margin-top: 0px;
width:280px;
}

/*bröd text i höger spalten*/
#right_content p
{
text-align:center;
font-size:16px;
padding-left: 10px;
}

/*JOHAN DEV ABOUT RUTA*/

#aboutDiv
{
	overflow:visible;
	text-align: center;
	background-color: #d9d1cd;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 20px;
	width: 452px;
	border: 0px;
	background-color:#7e828d;
}

#aboutDiv h2
{
	color:#FFFFFF;
	margin:0px;
	margin-bottom:6px;
}

#aboutDiv h3
{
	color: #ffffff;
	text-align: left;
	border-bottom: 1px solid  #9da1ac;
	padding-top: 10px;
	padding-bottom: 5px;
	padding-left: 0px;
	padding-right: 8px;
	margin: 8px 12px 10px;
	font-family: Georgia;
	font-weight: normal;
	font-size:11px;
}

#aboutDiv .contentDiv
{
	text-align: left;
	border-bottom: 1px solid  #9da1ac;
	margin: 12px 12px 12px;
	padding-top:1px;
	padding-left: 0px;
	padding-right: 0px;
}

#aboutDiv .contentDiv a
{
	margin-left:1px;
	color:#FFFFFF;
	display:inline-block;
	padding:0px 0px 0px 10px;
	line-height:14px;
	min-height:16px;
	overflow:visible;
	background:transparent url(http://www.ebdc.se/spa/spa_images/theme/linkArrow.gif) center left no-repeat;
}

#aboutDiv .contentDiv p
{
	color:#FFFFFF;
	font-size:11px;
}

/****************************/

/*Kommentering CSS*/
.text_right
{
text-align:right;
clear: both;
}

#comment_wrap
{
overflow:visible;
text-align: center;
background-color: #F0F0F0;
margin-right: 0px;
margin-left: 0px;
margin-bottom: 20px;
width: 452px;
border: 0px;
}

#comment_wrap form
{
text-align:left;
padding-left: 13px;
padding-bottom: 5px;
}

/* rubriker i kommentarer*/
#comment_wrap h3
{
color: #666666;
text-align: left;
border-bottom: 1px dotted #cccccc;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 0px;
padding-right: 8px;
margin: 5px 8px 5px 13px;
font-family: Georgia;
font-weight: normal;
}

/* En kommentar */

.comment
{
text-align: left;
border-bottom: 1px dotted #cccccc;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 0px;
padding-right: 8px;
margin: 5px 8px 5px 13px;
}

.comment_intro
{
font-size: 10px;
color: #999999;
font-family: Arial;
}

/* "Typografin" för kommentarer */
.comment h3
{
font-size: 14px;
font-weight: bold;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.comment p
{
text-align:left;
font-size:12px;
line-height: 17px;
font-family:Georgia;
}

.comment b
{
font-weight: bold;
color: #666666;
}

#kommentarOsynlig
{
display:none;
}

/* wrappar runt kalendariet, fixar bakgrunden osv.*/
#kalender_wrap
{
overflow:visible;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-color: #D8E7C7; /*#DCF4FF*/
padding-bottom: 20px;
width:280px;
}

/** Kalender klasser och styles **/

#kalender_rubrik
{
text-align:left;
margin: 0 auto;
width:260px;
padding: 13px 0px 0px 0px;
color: #879973;/*#85B1B4;*/
font-family:Georgia;
font-size:15px;
border-bottom: 1px dotted #CBCBCB;
height:32px;
}

#kalender_rubrik h4
{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
float:left;
text-align:left;
clear:none;
font-weight:normal;
}


#kalender_rubrik h5
{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
float:right;
text-align:right;
font-size:10px;
}

#kalender_rubrik a:link
{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
float:right;
text-align:right;
font-size:10px;
color: #879973;/*#85B1B4;*/
font-weight:bold;
}

#kalender_rubrik a
{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
float:right;
text-align:right;
font-size:10px;
color: #879973;/*#85B1B4;*/
font-weight:bold;
}

/* datum i kalendariet, wrapper*/
.kalender_datum
{
text-align:left;
margin: 0 auto;
width:280px;
background:url('../images/kalendarium_linje.jpg') repeat-x;
margin-top:5px;
height:23px;
}

/* samma som ovan fast "text" */
.kalender_datum h2
{
font-family:Arial;
font-size: 10px;
font-weight:bold;
color: #FFFFFD;
padding: 5px 0px 0px 15px;
}

.kalender_content
{
width:260px;
text-align:left;
margin: 0 auto;
padding: 0px 0px 0px 0px;
text-align:left;
}

.kalender_content p
{
margin: 0px 0px 0px 0px;
margin-left: -5px;
padding: 0px 0px 0px 0px;
font-family: Arial;
font-size: 11px;
color:#666666;
line-height: 14px;
text-align:left;
}

.kalender_content a
{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-weight: normal;
text-align:left;
font-family: Arial;
font-size: 11px;
color:#666666;
line-height: 14px;
}

.r_contentwrapper
{
margin-top: 10px;
margin-bottom: 10px;
margin-left:0px;
margin-right:0px;
width:280px;
}

.moduletable_search
{
text-align: left;
width:280px;
background-color: #F5F5F5;
margin: 0px 0px 0px 0px;
}

.moduletable_search h3
{
margin-left: 12px;
margin-right: 10px;
margin-bottom: 0px;
margin-top: 0px;
padding-top:10px;
font-weight: normal;
font-size: 15px;
font-family:Georgia;
}

.moduletable_search_separator
{
margin-left: 12px;
margin-right: 10px;
margin-bottom: 6px;
margin-top: 11px;
border-bottom: 1px dotted #CBCBCB;
height:2px;
width:258px;
}

.moduletable_search h5
{
margin: 0px 0px 0px 0px;
font-weight: bold;
color: #8E8C8C;
}

.moduletable_search a:link
{
color:#999999;
margin: 0px 0px 0px 0px;
}

.moduletable_search a:visited
{
color:#999999;
margin: 0px 0px 0px 0px;
}
.moduletable_search img
{
margin-top: 3px;
}
.moduletable_search form
{
margin-left: 12px;
margin-top: 10px;
margin-bottom: 15px;
margin-right: 10px;
}
/*** Slut på höger innehåll ***/

#footer
{
text-align:center;
width:800px;
height: 62px;
border-top: 1px dotted #CBCBCB;
margin-top: 12px;
}

#footer p
{
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 10px;
color:#CCCCCC;
text-align:center;
margin-top: 10px;
margin-bottom: 20px;
line-height: 12px
}

/* Det vi tittar på */

.current_content
{
margin-right: 9px;
}

.current_content span
{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

/* används för att dela av artiklar */
.spa_separator
{
border-bottom: 1px dotted #CBCBCB;
height: 2px;
margin-bottom: 5px;
margin-top:0px;
width:452px;
}

/* en liten specialare som är lite bredare */
.spa_separator_right
{
border-bottom: 1px dotted #CBCBCB;
height: 2px;
margin-top: 0px;
margin-bottom: 5px;
width:280px;
}

.spa_content
{
	border-bottom: 1px dotted #CBCBCB;
	margin-top:10px;
	margin-bottom:5px;
	padding-top: 2px;
	padding-bottom: 5px;
	width: 452px;
	display: block;
	left:0px;
}

.spa_content h1
{
padding-top:3px;
}

/* SPARAR DENNA, 090528
.spa_content
{
	border-bottom: 1px dotted #CBCBCB;
	
	margin-top:2px;
	margin-bottom:5px;
	padding-top: 2px;
	padding-bottom: 5px;
	
	width: 452px;
	display: block;
	left:0px;
}
*/

.sub_news
{
margin-right: 0px;
text-align:center;
}

.coll
{
float:left;
margin-right: 0px;
width: 180px;
}

.coll p
{
border-bottom: none;
}



#bottom_border
{
text-align:center;
margin:0 auto ;
margin-top: 0px;
height: 25px;
background: #E6E6E6 url('../images/bg_bottom.jpg') repeat-y 50% 0;
}

/* fixar bakgrunden till 'inloggad' */
.spa_inloggad
{
background:url('../images/spa_loggedin_bg.jpg');
text-align:left;
margin: 0px 0px 0px 0px;
height: 18px;
font-size: 9px;
}

/* stilen för inloggad diven, bakgrunden och texten*/
.spa_inloggad td
{
font-family:Arial;
color:#FFFFFF;
font-size:8px;
}

.spa_inloggad_link
{
font-family:Arial;
color:#FFFFFF;
font-size:9px;
}

.spa_inloggad_link:link
{
font-family:Arial;
color:#FFFFFF;
font-size:9px;
}

.spa_inloggad_link:active
{
font-family:Arial;
color:#FFFFFF;
font-size:9px;
}

.spa_inloggad_link:visited
{
font-family:Arial;
color:#FFFFFF;
font-size:9px;
}
.spa_inloggad_link:hover
{
font-family:Arial;
color:#FFFFFF;
font-size:9px;
}

#spa_custom_login
{
border: 1px solid #000000;
width: 280px;
}

.small
{
color: #CCCCCC;
font-family:Arial;
font-weight:bold;
font-size: 8px;
margin: 0px 0px 0px 0px;
}
.mainlevel
{
font-size: 10px;
margin-left: 1px;
margin-right: 1px;
margin-top: 2px;
margin-bottom:2px;
font-family:Arial, Helvetica, sans-serif;
}

.mainlevel a
{
font-size: 10px;
color:#CC0000;
}

#l_shade
{
float: left;
}

#r_shade
{
float: right;
}

.rubrik_bild
{
margin-bottom: 5px;
margin-left:0px;
text-align:center;
}

.ej_inloggad
{
margin-top:17px;
font-size: 12px;
color:#999999;
font-family:Georgia, "Times New Roman", Times, serif;
line-height: 17px;
}

.ej_inloggad h4
{
color:#666666;
font-size:15px;
font-family:Georgia;
font-weight:normal;
margin-bottom: 5px;
}

.category
{
margin-left: 10px;
}

.laddaner_stycke
{
margin: 0px 0px 0px 0px;
}

.back_button
{
text-align:left;
}

.guest_comment
{
margin-top: 10px;
margin-bottom: 10px;
}

.readon
{
margin-top: -5px;
}

.news_item
{
margin: 0px 0px 0px 0px;
margin-top: -4px;
margin-bottom: -10px;
}

.news_item p
{
margin-bottom: -5px;
margin: 0px 0px 0px 0px;
color:#33FF00;
}

.grey_link:link
{
margin-left: -1px;
color:#999999;
font-size:12px;
font-weight:normal;
font-family:Georgia, "Times New Roman", Times, serif;
}

.grey_link:active
{
margin-left: -1px;
color:#999999;
font-size:12px;
font-weight:normal;
font-family:Georgia, "Times New Roman", Times, serif;
}

.grey_link:visited
{
margin-left: -1px;
color:#999999;
font-size:12px;
font-weight:normal;
font-family:Georgia, "Times New Roman", Times, serif;
}

.grey_link:hover
{
margin-left: -1px;
color:#666666;
font-size:12px;
font-weight:normal;
font-family:Georgia, "Times New Roman", Times, serif;
}

.toolbar
{
text-align: left;
font-size: 12px;
font-family:Georgia, "Times New Roman", Times, serif;
color:#666666;
line-height: 17px;
}

/* Sektionen ladda ner */
#laddaner_wrap{}

#laddaner_wrap h1
{
margin-left:3px;
}

#laddaner_wrap p
{
margin-left:3px;
}

.pdf_img
{
margin-top: 0px;
}

#laddaner_wrap table
{
margin-left: -6px;
}

#laddaner_wrap h4
{
margin-bottom: 12px;
}