/* Denna används bara som work around för ett problem i RedDot */
.dummy { border:1px solid Black; }

.alert {
	font-size: +2;
	font-weight: bold;
	color: red;
}
.confirmation {
	font-size: +2;
	color: green;
}

/* added 2008-10-30 */
.clickarea{
position:absolute;
/*border:1px dotted;*/ 
background-image: url(../images/clear.gif);
cursor:pointer;
}

body { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 100%; margin: 0; padding: 0; color: #343433 }
a { text-decoration: none; color: #343433; }
p {padding-left: 40px; padding-right: 40px;}
a:hover { text-decoration: underline; color: #343433;}
h1 { font-size: 200%; font-weight:normal; color: #E5551C; }
h2 { font-size: 170%; font-weight:normal; color: #E5551C; margin-bottom:0px}
.searchtextfield { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; color: #343433; width:150px; border: 1px solid #505050; background-color: #eeeeee; padding:3px; }
.searchbutton { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; border: 1px solid #eeeeee; background-color: #505050; color: #eeeeee; padding:1px; }
.searchbuttonbig { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; border: 0px solid #eeeeee; background-color: #505050; color: #eeeeee; padding:2px; }
form { margin: 0px 0px 0px 0px; }
/* Huvudramen */
div#maincontainer { margin-left: auto; margin-right:auto; position: relative; margin-top: 0em; width: 939px; height:auto; background-color: Transparent; text-align:left; }
div#mainarea { height:100%; background-color: Transparent; background-image: url('../images/bg_sideframe.gif'); background-repeat: repeat-y; padding: 0px 0px 0px 22px; width: 908px; float: left; margin:0px 0px 0px 7px}
div#framearea { height:100%; border-left: solid 1px #C4C4C4; border-right: solid 1px #C4C4C4; border-bottom: solid 1px #C4C4C4; float: left; width:886px; padding: 0px 0px 0px 0px; margin:0;}
div#framebottom { float:left; width: 939px; height: 30px; background-color:Transparent; padding: 0px 1px 0px 1px;}
div#framebottom div#leftcorner { background-color: Transparent; float: left; width: 30px; height: 100%; padding: 0px 0px 0px 0px; background-image: url('../images/bg_leftcorner.gif'); background-repeat: no-repeat; background-position: right top; }
div#framebottom div#bottom { background-color: Transparent; float: left; width: 887px; height: 100%; padding: 0px 0px 0px 0px; background-image: url('../images/bg_bottom.gif'); background-repeat: repeat-x; margin:0 }
div#framebottom div#rightcorner {  background-color: Transparent;float: right; width: 22px; height: 100%; padding: 0px 0px 0px 0px; background-image: url('../images/bg_rightcorner.gif'); background-repeat: no-repeat; background-position: left top; }
/* Sidhuvud */
div#headerarea { float:left; height: 80px; width:97%; font-size: 70%; padding-left: 7px; background-image: url('../images/banner.jpg'); background-repeat: no-repeat; background-position: left bottom; background-color: white}
div#headerarea div#headerleftarea {float:left; width: 17%; }
div#headerarea div#headerrightarea { float: right; width: 60%; background-color: Transparent; margin-top: 35px;}
div#headerarea div#headerrightarea .flag { padding-left:0px;padding-right:0px; }
div#headerarea div#headerrightarea div#searchbox { width:99%; text-align:right; padding-right:15px; padding-bottom:5px; }

/* Toppmeny */
div#topmenuarea { float: left; width:97%; background-color: #505050; height: 2em; font-size: 60%; padding-left: 7px; }
div#topmenuarea ul, div#headerrightarea ul { margin: 3px 0px 0px 30px; padding: 0; }
div#topmenuarea ul li, div#headerrightarea ul li { display: inline; padding: 0px 10px 0px 10px }
div#topmenuarea ul li a, div#headerrightarea ul li a { color: #eeeeee; padding: 0px 10px 0px 10px }
div#headerrightarea ul li a { color: #888888; padding: 0px 10px 0px 10px }
div#topmenuarea a.navigation_active2  { background-color: #000000; height: 2em; margin:0; padding: 3px 10px 3px 10px }
#selectedmenu a { background-color: #5D5D5D; height: 2em; margin:0; padding: 3px 10px 3px 10px }
/* Sidfot */
div#footerarea { float: left; height: 50px; width: 98%; background-color:Transparent; color: #C4C4C4; font-size: 60%; border-top: solid 1px #DEDEDE; margin-left: 10px}
div#footerarea ul { margin: 2px 0px 0px 30px; padding:0;}
div#footerarea ul li a { display: inline; padding: 0px 50px 0px 23px; color: #C4C4C4; } 
div#footerarea td { display: inline; padding: 0px 15px 0px 15px; }
div#footerarea a { color: #C4C4C4; } 
/* Startsida - innehåll */
div#contentarea { font-size: 80%; float: left; width:873px; height: auto; padding: 17px 0px 17px 14px; background-color: Transparent;}
div#contentarea div#leftarea { float: left; width: 73%; background-color: Transparent; margin-bottom: 10px}
div#contentarea div#leftarea div#lefttop { float: left; width: 100%; height: 180px; background-color:Transparent; }
div#contentarea div#leftarea div#leftbottom { font-size: 85%; float: left; width: 96%;  height: auto; padding: 10px 10px 10px 10px; background-color: Transparent }
div#contentarea div#leftarea div#leftbottom h1 { margin-top: 0px; font-size: 250% }

/* Innehåll - undersidor */
/* div#contentarea div#leftarea div#leftcolumn { float: left; width: 24%; background-color: Transparent; font-size: 85%; margin-right: 10px} */
div#contentarea div#leftarea div#leftcolumn { float: left; width: 24%; height: 100%; background-color: Transparent; font-size: 85%; margin-right: 10px}
div#contentarea div#leftarea div#leftcolumn ul { margin:0; padding:0; list-style-type: none; }
div#contentarea div#leftarea div#leftcolumn li { margin:0 }
div#contentarea div#leftarea div#leftcolumn a { display: block; border-top: solid 1px #D3D3D3; padding: 4px 3px 4px 12px; }
div#contentarea div#leftarea div#leftcolumn a.navigation3  {  }
div#contentarea div#leftarea div#leftcolumn a.navigation4  { font-size: 90%; background-color: #eeeeee;}
div#contentarea div#leftarea div#leftcolumn a.navigation5  { font-size: 90%; background-color: #eeeeee; padding: 4px 3px 4px 22px; }
div#contentarea div#leftarea div#leftcolumn a.navigation6  { font-size: 85%; background-color: #eeeeee; padding: 4px 3px 4px 32px; }
div#contentarea div#leftarea div#leftcolumn a.navigation_active3  { font-weight:bold; background-color: #e2e1e1; }
div#contentarea div#leftarea div#leftcolumn a.navigation_active4  { font-size: 90%; font-weight:bold; background-color: #eeeeee; }
div#contentarea div#leftarea div#leftcolumn a.navigation_active5  { font-size: 90%; font-weight:bold; background-color: #eeeeee; padding: 4px 3px 4px 22px; }
div#contentarea div#leftarea div#leftcolumn a.navigation_active6  { font-size: 85%; font-weight:bold; background-color: #eeeeee; padding: 4px 3px 4px 32px; }
div#newslist { font-size: 85%; float: left; width: 96%;  height: auto; background-color: Transparent }
div#contentarea div#leftarea div#leftcolumn ul li a.lastrow { border-bottom: solid 2px #D3D3D3; border-top: solid 1px #D3D3D3;}


/* Startsida - innehåll */
div#contentarea { font-size: 80%; float: left; width:873px; height: auto; padding: 17px 0px 17px 14px; background-color: Transparent;}
div#contentarea div#leftareawide { float: left; width: 97%; background-color: Transparent; margin-bottom: 10px}
div#contentarea div#leftareawide div#lefttop { float: left; width: 100%; height: 180px; background-color:Transparent; }
div#contentarea div#leftareawide div#leftbottom { font-size: 85%; float: left; width: 96%;  height: auto; padding: 10px 10px 10px 10px; background-color: Transparent }
div#contentarea div#leftareawide div#leftbottom h1 { margin-top: 0px; font-size: 250% }

/* Innehåll - undersidor */
div#contentarea div#leftareawide div#leftcolumn { float: left; width: 16%; height: 100%;  background-color: Transparent; font-size: 85%; margin-right: 10px}
div#contentarea div#leftareawide div#leftcolumn ul { margin:0; padding:0; list-style-type: none; }
div#contentarea div#leftareawide div#leftcolumn li { margin:0 }
div#contentarea div#leftareawide div#leftcolumn a { display: block; border-top: solid 1px #D3D3D3; padding: 4px 3px 4px 12px; }
div#contentarea div#leftareawide div#leftcolumn a.navigation3  {  }
div#contentarea div#leftareawide div#leftcolumn a.navigation4  { font-size: 90%; background-color: #eeeeee;}
div#contentarea div#leftareawide div#leftcolumn a.navigation5  { font-size: 90%; background-color: #eeeeee; padding: 4px 3px 4px 22px; }
div#contentarea div#leftareawide div#leftcolumn a.navigation6 { font-size: 85%; background-color: #eeeeee; padding: 4px 3px 4px 32px; }
div#contentarea div#leftareawide div#leftcolumn a.navigation_active3  { font-weight:bold; background-color: #e2e1e1; }
div#contentarea div#leftareawide div#leftcolumn a.navigation_active4  { font-size: 90%; font-weight:bold; background-color: #eeeeee; }
div#contentarea div#leftareawide div#leftcolumn a.navigation_active5  { font-size: 90%; font-weight:bold; background-color: #eeeeee; padding: 4px 3px 4px 22px; }
div#contentarea div#leftareawide div#leftcolumn a.navigation_active6  { font-size: 85%; font-weight:bold; background-color: #eeeeee; padding: 4px 3px 4px 32px; }
div#newslist { font-size: 85%; float: left; width: 96%;  height: auto; background-color: Transparent }
div#contentarea div#leftareawide div#leftcolumn ul li a.lastrow { border-bottom: solid 2px #D3D3D3; border-top: solid 1px #D3D3D3;}
div#contentarea div#leftareawide div#rightcolumnwide {float: left; width: 80%; background-color: Transparent; margin-right: 0px; padding-left: 10px;}
div#contentarea div#leftareawide div#leftcolumn ul li a.lastrow { border-bottom: solid 2px #D3D3D3; border-top: solid 1px #D3D3D3;}


#selected a { background-color: #EEEEEE; }
#selected a:hover {text-decoration: none; }
div#contentarea div#leftarea div#rightcolumn {float: left; width: 65%; background-color: Transparent; margin-right: 5px; padding-left: 10px;}
/* div#contentarea div#leftarea div#rightcolumn { float: right; width: 65%; background-color: Transparent; margin-right: 5px} */
/* Navigationsstig */
div#breadcrumb { float: left; width:100%; font-size: 75%; margin: 5px 5px 7px 0px }
div#breadcrumb ul { margin:0; padding:0px }
div#breadcrumb ul li { display: inline; padding: 0px 0px 0px 0px; }
div#breadcrumb ul li a { color: #E5551C; }
/* Högerkolumn */
div#contentarea div#rightarea { font-size: 80%; float: right; width: 26%; background-color: Transparent; height: 100%; padding-left:1px; background-image: url('../images/dotline.gif'); background-repeat: repeat-y; margin-right: 5px;  }
div#contentarea div#rightarea h2 { color: #343433; font-size: 130%; padding:0px 0px 10px 0px; margin:0 }
div#contentarea div#rightarea div#righttop { float: left; width: 80%; height: 33%; background-color: #E6E6E6; padding: 7px 22px 20px 22px; }
div#contentarea div#rightarea div#rightcenter { float:left; width:80%; height: 33%; background-color: #F2F3F3; padding: 7px 22px 20px 22px; margin-top:1px;}
div#contentarea div#rightarea div#rightbottom { float:left; width:80%; height: 33%; background-color: #FAFDFD;  padding: 7px 22px 20px 22px; margin-top:1px;}
.leftcolumn { float: left; width: 28%}
.rightcolumn { float:right; width: 70% }
.spacer { clear: both; }

table.ectable tbody tr.head { background-color: #888888; color: black; border-top: 15px; }
table.ectable tbody tr.head td { font-size: 1.1em; background-color: #888888; color: black;}
table.ectable tbody tr.subhead td { background-color: #aaaaaa; color: black; }
table.ectable tbody tr td { background-color: #dddddd; color: black; }
