/******************************************************************/
/*******          Grund                                     *******/
/******************************************************************/

html, body {
margin: 0px;
padding: 0px;
}

body {
padding: 0px;
background-color: #e5ebce;
background-image: url(img/bg-body.jpg);
background-position: center top;
background-color: #ffffff;
font-size: 12px;
font-family: tahoma, Verdana, Arial, Helvetica, sans-serif;
color: #3d3d3d;

}


/******************************************************************/
/*******          Text                                      *******/
/******************************************************************/

h1, h2, h3, h4, h5, h6 {
margin: 0px;
padding: 5px 0px 5px 0px;
font-weight: normal;
color: #d98524;
}

h1, h2.h1_style {
font-size: 20px;
color: #c53f1b;
border-bottom: solid 1px #c3c3c3;
margin-bottom: 10px;
}

h2 {

}

h3 {
font-size: 14px;
padding: 6px 0px 0px 1px;
margin-bottom: -5px;
font-weight: bold;
text-decoration: underline;
}

p {
margin: 0px;
padding: 5px 1px 5px 1px;
}

.bold {
font-weight: bold;
}

.underline {
text-decoration: underline;
}



/******************************************************************/
/*******          Formulär                                  *******/
/******************************************************************/

.submit {
background: url(img/submit.gif) top left;
border: solid 1px #cccccc;
padding: 3px 15px 3px 15px;
font-family: tahoma;
font-size: 11px;
}

select, textarea, input, option {
font-family: tahoma;
font-size: 11px;
color: #2a2a2a;
}

input[type=text], input[type=password] {
padding: 2px 4px 2px 4px;
border: solid 1px #cccccc;
}

/******************************************************************/
/*******          Länkar                                    *******/
/******************************************************************/

a {
color: #006699;
text-decoration: none;
}

a:visited {
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

a.submit {
color: #000000;
margin: 2px;
float: left;
text-decoration: none;
}


/******************************************************************/
/*******          Småsaker                                  *******/
/******************************************************************/

/* Inga linjer på länkade bilder */
img {
border: none;
}

img.border {
background-color: #f8f7ef;
border: solid 1px #908e80;
padding: 8px;
}

img.margin {
margin: 15px 0px 15px 0px;
}

/* Felstavat, vågar inte ändra just nu... */
#reght_content img {
padding: 10px 0px 2px 0px;
}

.clear {
clear: both;
}

.bildtext {
padding: 0px 0px 10px 0px;
display: block;
}


/******************************************************************/
/*******          Strukturen                                *******/
/******************************************************************/


/* Kontainern som omringar och centrerar hela sidan */
#container {
margin: auto;
width: 1001px;
}

/* Content */
#content {
padding: 10px 30px 50px 15px;
width: 625px;
min-height: 300px;
float: left;
}

#right_content {
float: left;
width: 245px;
padding: 10px 0px 50px 0px;
text-align: right;
}

#right_content img {
padding: 10px 0px 0px 0px;
}

.content_container {
border: solid 1px #cccccc;
}

/* Högra kolumnen med innehållet */
#main_page {
float: left;
width: 1001px;
}

#main_page_gradient {
background: url(img/main_content_bg_gradient.jpg) no-repeat left bottom;
}

#bg {
background: url(img/bg_main_page.jpg) repeat-y;
float: left;
padding: 0px 35px 0px 35px;
width: 935px;
}

#header {
padding: 10px 0px 10px 0px;
height: 63px;
width: 1001px;
background: url(img/header.jpg) no-repeat 10px 10px;
}

#footer {
color: #272727;
text-align: right;
padding-top: 5px;
padding-bottom: 9px;
padding: 25px 30px 20px 0px;
background: url(img/bottom-shadow.jpg) no-repeat;
}

#footer a {
color: #272727;
}

#top-shadow {
height: 24px;
width: 1001px;
background: url(img/top-shadow.jpg) no-repeat;
}

#middle_content {
color: #ffffff;
/*
height: 177px;
width: 855px;
padding: 35px 11px 0px 65px;
*/
height: 197px;
width: 910px;
padding: 10px 11px 0px 10px;
background: url(img/middle_content2.jpg) no-repeat 10px 10px;
}

#middle_content #topic {
font-size: 18px;
font-weight: 100;
}

#middle_content #description {
padding: 15px 0px 0px 20px;
font-size: 13px;
color: #ceddf0;
}

#middle_left_content {
float: left;
width: 600px;
}

#middle_right_content {
float: left;
width: 220px;
padding-top: 50px;
text-align: right;
}

#menu_container {
height: 59px;
width: 931px;
background: url(img/menu_bg.jpg) no-repeat;
}

#ajax_result_container {
display: none;/* */
}

#ajax_search_box {
width: 300px;
padding: 5px 5px 5px 30px;
background: no-repeat url(img/icons/search.jpg);
background-position: 3px 3px;
background-color: #ffffff;
border: solid 1px #cccccc;
}

/******************************************************************/
/*******          Tabeller                                  *******/
/******************************************************************/

table {
margin: 0px 2px 5px 2px;
width: 100%;
background-color: #ffffff;
}

th {
color: #ffffff;
text-align: left;
border: none;
margin: 0px;
padding: 6px 15px 6px 15px;
background-color: #309ade;
background-image: url(img/menu_active.jpg);
background-repeat: repeat-x;
}

th a 
{
color: #ffffff;
}

tr {
border: none;
margin: 0px;
}

td {
margin: 0px;
padding: 2px 12px 2px 12px;
border: none;
border-bottom: solid 1px #e2e2e2;
background-color: #ffffff;

}

tr.odd td { background-color: #eee; }

td.center {
text-align: center;
}

td.space {
border: none;
background: none;
}

.vertical-align img {
vertical-align: middle;
padding: 3px;
}

.vertical-align a {
padding: 3px;
}

tr.green td {
background-color: #e1f4dc;
}

tr.red td {
background-color: #f5d6cb;
}


/******************************************************************/
/*******          Huvudmenyn                                *******/
/******************************************************************/

/* Menu */
#menu {

}

#menu ul {
float: left;
padding: 4px 0px 0px 16px;
margin: 0px;
height: 26px;
width: 931px;
}

#menu li, #menu li#active {
background-position: top right;
float: left;
display: inline;
text-align: center;
padding: 0px 5px 0px 0px;
height: 26px;
}



#menu a, #menu li#active a {
padding: 5px 12px 4px 15px;
color: #ffffff;
display: block;
font-weight: bold;
}

#menu li#active {
background-image: url(img/menu_active_end.jpg);
}

#menu li#active a {
background-image: url(img/menu_active.jpg);
text-decoration: none;
color: #ffffff;
}




#submenu {
height: 23px;
width: 911px;
padding: 6px 15px 0px 15px;
}

#submenu a, #submenu a.active {
color: #ffffff;
text-decoration: none;
padding: 0px 10px 0px 10px;
border-left: solid 2px #a9abad;
}


/******************************************************************/
/*******          left_menu                                 *******/
/******************************************************************/

/* Menu */
#left_menu {
}

#left_menu ul {
padding: 4px 5px 0px 5px;
margin: 0px;
/*height: 49px;*/
width: 210px;
}

#left_menu li {
float: left;
display: inline;
padding: 2px;
width: 200px;
text-align: left;
border: solid 1px #CCCCCC;
margin-top: 4px;
background-color: #309ade;
background-image: url(img/menu_active.jpg);
background-repeat: repeat-x;
}

#left_menu li.sub_menu {
display: none;
border: solid 1px #cccccc;
border-top: none;
background: none;
color: #309ade;

margin-top: 0px;
padding: 0px 0px 10px 0px;
width: 206px;
}

#left_menu li.end {
/*float: left;*/
margin-bottom: 10px;
background-image: url(img/li_bottom.jpg);
background-repeat: no-repeat;
background-position: bottom left;
border: 0px;
}

#left_menu li.show {
display: block;
}

#left_menu a {
padding: 7px 12px 7px 12px;
color: #ffffff;
text-decoration: none;
font-weight: bold;
display: block;
width: 136px;
float: left;
}

#left_menu li.sub_menu a {
color: #309ade;
width: 175px;
background-image: url(img/li_a_fade_underline.jpg);
background-position: left bottom;
background-repeat: no-repeat;
}

#left_menu .up_down_button {
padding: 7px 12px 7px 12px;
float: left;
width: 16px;
}

#left_menu img {
vertical-align: middle;
}

.li_vertical_borders {
border: solid 1px #cccccc;
border-top: none;
border-bottom: none;
float: left;
width: 201px;
padding-left: 3px;
}


/*
e5f2fb
 background-image: url(img/contentBoxTopBg.jpg); background-position: top left; background-repeat: no-repeat;
 endOfTab.jpg
  border: solid 1px red;
	 background-position: 20px 0px;
*/

.contentBox { padding: 5px 0px 10px 0px; }

.contentBox h2 { margin: 0px; padding: 3px 0px 0px 0px; font-weight: bold; font-size: 13px; }
.contentBox .float { float: left; }

.contentBox .icons { padding: 0px 10px 2px 0px; height: 30px; width: 870px; text-align: right; }
.contentBox .tab { padding: 0px 0px 2px 10px; height: 30px; background-image: url(img/tabXbg.jpg); background-repeat: repeat-x; }
.contentBox .tab img { vertical-align: middle; }

.contentBox .top { width: 900px; padding-left: 8px; background-image: url(img/contentBoxTopBg2.jpg); background-position: top left; background-repeat: no-repeat; }
.contentBox .bottom { background-image: url(img/contentBoxBg.jpg); width: 900px; height: 10px; background-position: bottom left; background-repeat: no-repeat; }
.contentBox .mainContent { border: solid 1px #cccccc; border-top: none; border-bottom: none; background-color: #e5f2fb; width: 853px; padding: 10px 20px 10px 20px; }


.messageBox { border-style: solid; border-width: 1px; background-repeat: no-repeat; padding: 5px 5px 5px 60px; min-height: 40px; margin-bottom: 10px; }
.messageBox a { font-weight: bold; }
.messageBox span.header { font-size: 14px; font-weight: bold; }

/* Error handler */
.error { border-color: #f53232; background-color: #e9cbcb; background-image: url(img/error_2.jpg); }
/* Message handler */
.message { border-color: #406210; background-color: #cfe495; background-image: url(img/message.jpg); }
/* Question handler */
.question { border-color: #57a8dd; background-color: #bbddf3; background-image: url(img/message.jpg); }
/* Auth handler */
.auth { border-color: #57a8dd; background-color: #bbddf3; background-image: url(img/message.jpg); }









#admin_menu_start, #admin_menu_end {
background: url(img/admin_menu_start.jpg);
width: 23px;
height: 30px;
float: left;
}

#admin_menu_end {
background: url(img/admin_menu_end.jpg);
}

#admin_menu {
background: url(img/admin_menu_bg.jpg) repeat-x;
height: 26px;
width: 579px;
float: left;
padding-top: 4px;
}

#admin_menu a {
padding: 3px 15px 5px 15px;
color: #ffffff;
display: block;
float: left;
border-left: solid 1px #cdcdcd;
}