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;
}


/* 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;
}