html 
{
   background-color: #218b28;
   overflow:auto;
}

body 
{
   text-align: left;
   margin: 0;
   padding: 0;
}

/* CONTENT (start) --------- */

body 
{
   /* Content editor body 
   background-color: white; */
}

body, select, input, textarea, table 
{
   font-family: arial, verdana, helvetica, sans-serif;
   color: black;
   font-size: 12px;
}

table 
{
   font-size: inherit;
   font-size: 100%;
}

body, p, li, td 
{
   line-height: 1.2;
}

h1, h2, h3, h4, h5, h6 
{
   color: #000;
   padding: 0em;
   font-weight: bold;
   text-decoration: none;
   line-height: 1.1;
}

h6 
{
   font-size: 0.4em;
   margin: 1em 0em 0em 0em;
}

h5 
{
   font-size: 0.6em;
   margin: 1em 0em 0em 0em;
}

h4 
{
   font-size: 0.8em;
   margin: 1.5em 0em 0em 0em;
}

h3 
{
   font-size: 1.2em;
   margin: 1.5em 0em 0em 0em;
   color: #fff;
}

h2 
{
   font-size: 1.4em;
   margin:0.2em 0em 0em 0em;
}

h1,
.modGallery h2,
.modGuestbook h2,
.modCatalog h2,
.modNewsList h2 
{
   text-transform: none;
   letter-spacing: 0em;
   font-size: 1.6em;
   margin: 0em 0em 0em 0em;
}

p 
{
   font-size: 1em;
   margin: 0.5em 0em 0em 0em;
}

a,
a:link,
a:hover,
a:visited,
a:active 
{
   color: #0a3d82;
   text-decoration: none;
}

a:hover 
{
   text-decoration: underline;
   color: #0a3d82;
}

img 
{
   border-style: none;
   border: 1px #e8e9ed solid;
   padding: 2px;
}

hr 
{
   height: 1px;
   margin: 0.5em 0 1em 0;
   color: gray;
   background-color: gray;
   /* clear: both; */
}

ul,
ol 
{
   margin: 1.2em 0em 1.2em 2em;
   padding: 0;
}

ul li,
ol li 
{
   margin: 0.3em 0em 0em 0em;
   list-style-position: outside;
   line-height: 1em;
   padding: 0 0 0.5em 0;
}

ul 
{
   list-style: url(http://www.testwebben.se/1022/Images/) disc;
}

ol 
{
   list-style: decimal;
}

table 
{
   border-collapse: collapse;
   border-spacing:0;
   margin: 1em 0em 0em 0em
}

table td 
{
   vertical-align: top;
   padding: 0.2em 1em 0.2em 0.3em;
   /* border: 1px solid silver; */
}

strong 
{
   font-weight: bold;
}

em 
{
   font-style: italic;
}

blockquote 
{
   margin: 0em 3em;
}

/* CONTENT (end) ----------- */

/* FOOTER ------------------ */

#footer 
{
   text-align: left;
   clear: both;
   background-image: url(http://www.testwebben.se/1022/Images/ugglan_bg_footer2.gif);
   background-position: left top;
   background-repeat: no-repeat;
   min-height: 117px;
   height: auto !important;
   height: 117px;
   color: #efdfc1;
   margin: 0;
   padding: 0  0 0 220px;

}

#footer p
{
   padding: 60px 0 0 0px;
   color: #efdfc1;
   text-align: center;
   width: 500px;
}

#footer a,
#footer a:link,
#footer a:hover,
#footer a:visited,
#footer a:active 
{
   color: #efdfc1;
   text-decoration: none;
   font-weight: normal;
}

#footer a:hover
{
   color: #fff;
}

/* LAYOUT ------------------ */

#wrapper 
{
   text-align: left;
   width: 100%;
   background-image: url(http://www.testwebben.se/1022/Images/ugglan_bg_wrapper.gif);
   background-position: left top;
   background-repeat: repeat-y;
   margin: 0px;
   padding: 0px;
   background-color: #a6cdea;
}

#container
{
   background-image: url(http://www.testwebben.se/1022/Images/ugglan_bg_header2.gif);
   background-position: left top;
   background-repeat: no-repeat;
   min-height: 490px;
   height: auto !important;
   height: 490px;
}

#header 
{
   height: 197px;
}

#header-right
{
   padding: 0 0 0 620px;
}

#main 
{
   margin: 1em 2em 1em 0em;
}

#main-left 
{
   float: left;
   width: 170px;
   padding: 0;
   margin: -26px 0 0 0;
}

#main-content 
{
   float: left;
   width: 600px;
   padding: 0em 0em 0em 2em;
}

#main-right 
{
   float: left;
   width: 200px;
   padding: 0em 0em 0em 0em;
}


.clear 
{
   clear: both;
   line-height: 0.01;
   border-style: none;
}

/* INLOGGNINGSBOX */ 

.box_top
{
   background-image: url(http://www.testwebben.se/1022/Images/inlogg_top.gif);
   background-position: center top;
   background-repeat: no-repeat;
   padding: 10px 10px 0 10px;
       min-height: 65px !important;
       height: auto !important;
       height: 65px;
       text-align: center;
   font-size: 10px;
   display: block;
   /*cursor: pointer;*/
   /*width: 250px;*/
   margin: 0 -40px;   
}

.box_top p,
{
   line-height: 1.1em;
}

.box_top h3
{
       margin: 25px 0 0 0;
}

.box_middle:hover
{
   text-decoration: none;
}

.box_middle
{
   color: #efdfc1;
   font-weight: normal;
   line-height: 1.2em;
   background-image: url(http://www.testwebben.se/1022/Images/inlogg_main.gif);
   background-position: center top;
   background-repeat: repeat-y;
   display: block;
   width: 260px;
   width: 203px;
   /*margin-right: 200px;*/
}

.box_middle a,
.box_middle a:link,
.box_middle a:hover,
.box_middle a:visited,
.box_middle a:active 
{
   color: #efdfc1;
   text-decoration: none;
}


.box_middle h3
{
   padding-top: 5px;
}

.box_middle:visited p,
.box_middle p,
.box_top p
{
   color: #efdfc1;
   font-weight: bold;
}

.box_middle h3
{
   color: #efdfc1;
   /*font-weight: bold;*/
   font-size: 14px;
   
}

#footer a.box_middle
{
   float: left;
}

.box_bottom
{
   background-image: url(http://www.testwebben.se/1022/Images/inlogg_bottom.gif)!important;
   background-image: none;
   background-position: right bottom;
   background-repeat: no-repeat;
   height: 20px !important;
   height: 1px;
   width: 238px !important;
   width: 100px;
   display: block;
   /*border: red solid 1px;*/
}

form#inlog
{
   margin: 10px 0 0 40px;
   width: 200px;
}

form#inlog p
{
   margin: 0;
   text-align: left;
}

form#inlog label
{
   display: block;
   margin: 0 0 0 0px;
   line-height: 1.1em;
}

form#inlog input
{
   width: 150px;
   margin: 1px 0 0 5px;
   font-size: 9px;
}

form#inlog button
{
   line-height: 1.1em;
   padding-top: 0.2em;
   margin: 5px 0 0 5px;
   font-size: 9px;
   /*font-weight: bold;*/
   background-color: #502200;
   border-right: 1px #140900 solid;
   border-bottom: 1px #140900 solid;
   border-left: 1px #9d8370 solid;
   border-top: 1px #9d8370 solid;
   color: white;
   float: left;
}

form#inlog label
{
   /*Användarnamn, Lösenord*/
   font-size: 9px;
   margin: 5px 0 0 5px;
}

#inloggning
{
   margin: 0px 0px 0px 0px;
   padding: 0 35px;
}

a.lank 
{
   color: #fff;
   padding: 0;
   margin: 5px 30px 0 0 !important;
   margin: -20px 30px 0 0;
   padding-right: 10px;
   float: right;
}


/* LOGIN FORM */

#divProtectedPageDialog label
{
        display: block; 
        width: 110px; 
        float: left;
}

#divProtectedPageDialog button
{
        /*margin-left: 182px;*/
}

#divLogutDialog
{
        float:right;
}
#divProtectedPageDialog #btnNewPassword
{
        /*margin-left: 118px;*/
}

#divProtectedPageDialog form 
{
      text-align: left;
}

#divProtectedPageDialog form 
{
       text-align: left;
       width: 210px;
       margin: 2em;
       padding: 1em;
}

#divProtectedPageDialog form p button,
#divLogutDialog button
{
       margin: 0.5em 0em 1em 0em;
       font-size: 10px;
       background-color: #a6cdea;
   border-right: 1px #2d6187 solid;
   border-bottom: 1px #2d6187 solid;
   border-left: 1px #d3e9f9 solid;
   border-top: 1px #d3e9f9 solid;
}

#ChangePasswordDiv, .change-password-link {
display: none !important;
}
#UserControlPanel {background: none !important; border: 0 !important;}


/* STANDARD NAV (vertikal css) */ 

#nav
{
   padding: 0;
   margin: 0;
}

#nav ul
{
      margin: 0em 0em 0.5em 1em;
}

#nav li
{
   list-style-type: none;
   padding: 10px;
}

#nav ul ul,
#nav ul ul ul
{
      /*margin-top: 0em;
      margin-left: 1.5em;*/
   margin: 0;
      padding: 0;
}

#nav ul li ul,
#nav ul li ul li ul,
#nav ul li.current ul li ul
{
      display:none;
      font-weight: normal;
   margin: 0;
      padding: 0;
}

#nav ul li.current ul,
#nav ul li.current ul li.current ul
{
      display: block;   
}

/* nivå 1 */
#nav li
{
      list-style-type: none;
      margin: 0.2em 0em 0em 1em;
      padding: 0.2em 0em 0em 0em;
}

/* nivå 2 */
#nav li li
{
      list-style-type: none;
      margin: 0.2em 0em 0em 0em;
      padding: 0.2em 0em 0em 0em;

}

/* nivå 3 */
#nav li li li
{
      list-style-type: none;
      margin: 0.2em 0em 0em 0em;
      padding: 0.2em 0em 0em 10px;

}

/* Text, grundformatering */
#nav li a:link,
#nav li a:visited,
#nav li a:hover
{
      font-family: arial,verdana,sans-serif; 
      letter-spacing: normal;
      text-transform: none;
      text-decoration: none;
      color: #efdfc1;
      font-weight: normal;
      padding: 0em;
   margin: 0;
   font-size: 13px;
}

/* Text, grundformatering */
#nav li li a:link,
#nav li li a:visited,
#nav li li a:hover
{
      font-size: 11px;
}

/* Aktuell sida, text */
#nav li#current a:link,
#nav li#current a:visited
{
      text-transform: none;
      font-weight: bold;
      color: #fff;
}

/* Aktuell nivå 1-3 */
#nav ul li.current a:link,
#nav ul li.current a:visited,
#nav ul li.current ul li.current a:link,
#nav ul li.current ul li.current a:visited,
#nav ul li.current ul li.current ul li.current a:link,
#nav ul li.current ul li.current ul li.current a:visited,
{
      text-transform: none;
      font-weight: bold;
      color: #efdfc1;
   
}

/* Nivå 2-3, under aktuell sida */
#nav ul li.current ul li a:link,
#nav ul li.current ul li a:visited,
#nav ul li#current ul li a:link,
#nav ul li#current ul li a:visited,/*Fram till hit nivå 2*/
#nav ul li.current ul li.current ul li a:link,
#nav ul li.current ul li.current ul li a:visited
{
      text-transform: none;
      font-weight: normal;
      color: #efdfc1;
   border: 0px;
}

/* Nivå 1-3 onmouseover */
#nav ul li a:hover,
#nav ul li.current a:hover,
#nav ul li.current ul li a:hover,
#nav ul li#current ul li a:hover,
#nav ul li.current ul li.current a:hover,
#nav ul li.current ul li.current ul li a:hover,
#nav ul li.current ul li.current ul li.current a:hover
{
       color: #efdfc1; 
} 

#nav ul li
{
   padding: 0 0 2px 7px;
}