html 
{
	/* background: url(http://www.testwebben.se/1123/Images/bg_4_morena.gif);
	background-position: center top;
	background-repeat: repeat; */
	background-color: #24228F;

background-color: #161557;


	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: 10px Verdana, sans-serif;
	color: black;
	font-size: 70%;
}

table 
{
	font-size: inherit;
	font-size: 100%;
}

body, p, li, td 
{
	line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 
{
	color: #161557;
	padding: 0em;
	font-weight: normal;
	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: 1em;
	margin: 1.5em 0em 0em 0em;
	font-weight: bold;
}

h2 
{
	font-size: 1.2em;
	margin: 2em 0em 0em 0em;
	font-weight: bold;
}

h1,
.modGallery h2,
.modGuestbook h2,
.modCatalog h2,
.modNewsList h2 
{
	text-transform: none;
	letter-spacing: 0.1em;
	font-size: 1.5em;
	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: #24228f;
	text-decoration: underline;
	font-weight: bold;
}

a:hover 
{
	text-decoration: underline;
}

img 
{
	border-style: none;
}

hr 
{
	height: 1px;
	margin: 2em 0 0.5em 0;
	color: #24228F;
	background-color: #24228F;
	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: 1.5em;
	padding: 0 0 0.5em 0;
}

ul 
{
	list-style: url(http://www.testwebben.se/1123/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;
}

strong 
{
	font-weight: bold;
}

em 
{
	font-style: italic;
}

blockquote 
{
	margin: 0em 3em;
}
/* CONTENT (end) ----------- */

/* FOOTER ------------------ */
#footer
{
  color:black; 
  clear: both; 
  padding:0px;
  margin:0px;
  background: #fff; 
  height:90px;
  background-image:url(http://www.testwebben.se/1123/Images/bg_footer.jpg);
}

#footer a:link,
#footer a:visited
{
  color:black;
  text-decoration:none;
  border:0;
  font-weight:bold;
}

#pFooterText
{
  top:20px;
  position:relative;
  width:750px;
  margin-bottom:22px;
  clear:both;
}

/* LAYOUT ------------------ */

#wrapper
{
  width: 760px; 
  margin:30px auto; 
}


#header
{
   padding:0 0 7px; 0; 
   margin:0; 
   background-image:url(http://www.testwebben.se/1123/Images/047_bg_header.jpg);
   background-repeat:no-repeat;
   height:170px;
}


#header p
{
   font: 10px Arial, Verdana, sans-serif; 
  font-style:italic; 
  color: #fff;
}


#main
{
  float: left; 
  background-color:white;
  border:px solid gray;
  margin-bottom:7px;
  border:1px solid silver;
}


#main-left
{
  float: left; 
  width: 180px;
  margin:0;
  padding:0;
}

#main-content
{
  float: right; 
  width: 550px; 
  padding: 10px; 
  background-color: #ffffff; 
  /*opacity: 0.8; 
  filter: alpha(opacity=80); */
  line-height: 1.5em; 
  padding-right:10px;
  margin-top: 15px;
}

.clear 
{
	clear: both;
	line-height: 0.01;
	border-style: none;
}




/* STANDARD NAV (vertikal css) */ 

#nav ul
{
   margin: 2.4em 0em 0.5em 1.8em;
   padding: 0;
   font-size: 0.9em;
}

#nav ul ul,
#nav ul ul ul
{
   margin-top: 0em;
   margin-left: 1.5em;
   padding: 0;
}

#nav ul li ul,
#nav ul li ul li ul,
#nav ul li.current ul li ul
{
   display:none;
   font-weight: normal;
}

#nav ul li.current ul,
#nav ul li.current ul li.current ul
{
   display: block;   
}

/* nivå 1 */
#nav li
{
   list-style-type: disc;
   color: #ffe80c; /* färg på listikon */
   margin: 0.3em 0em 0em 1em;
   padding: 0.2em 0em 0em 0em;
}

/* nivå 2 */
#nav li li
{
   list-style-type: disc;
   color: #ffe80c; /* färg på listikon */
   margin: 0.3em 0em 0em 0em;
   padding: 0.2em 0em 0em 0em;
}

/* nivå 3 */
#nav li li li
{
   list-style-type: disc;
   color: #ffe80c; /* färg på listikon */
   margin: 0.3em 0em 0em 0em;
   padding: 0.2em 0em 0em 0em;
}

/* 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: black;
   font-size: 1.1em;
   font-weight: normal;
   padding: 0em;
}

/* Aktuell sida, färg på listikon */
#nav li#current
{
   color: #161557; 
}

/* Aktuell sida, text */
#nav li#current a:link,
#nav li#current a:visited
{
   text-transform: uppercase;
   font-weight: bold;
   color: #161557;
}

/* 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: #161557;
}

/* 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,
#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: black;
}

/* 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: #161557; 
} 



    /* -- SMELINKLÅDAN -- */

#smelink_linkbox {
clear:both;
}

#smelink_linkbox a {
    margin: 0em;
    padding: 0em 0.3em 0.2em 0.3em;
    color: #636466;
    background-color: #fff;
    border: 1px solid #333;
    font-size: 10px;
    font-weight: normal;
    text-decoration: none;
    font-family:verdana;
height:15px;
}

#smelink_linkbox a:hover {
    color: #f8981c; }

/* LOGIN FORM -------------- */

#divProtectedPageDialog form 
{
	text-align: center;
}

#divProtectedPageDialog form 
{
	text-align: left;
	border: 1px rgb(204, 204, 204) solid;
	width: 18em;
	margin: 4em auto 0em auto;
	padding: 1em;
	background-color: white;
}

#divProtectedPageDialog form p
{
	position: relative;
	margin: 0em 0em 0em 0em;
	padding: 0em;
}

#divProtectedPageDialog form p label,
#divProtectedPageDialog form p input
{
	display: block;
	font-size: 1em;
}

#divProtectedPageDialog form p input
{
	width: 95%;
}

#divProtectedPageDialog form p button
{
	margin: 0.5em 0em 1em 0em;
	font-size: 0.8em;
}

#divProtectedPageDialog form a
{
	font-size: 0.8em;
}

p.msg
{
	text-align: center;
	color: red;
	font-weight: normal;
}

/* LOGOUT FORM ------------- */

#divLogutDialog p
{
	margin: 0em;
}

#divLogutDialog button
{
	font-size: 0.8em;
}


