html 
{
	background-image: url(http://www.testwebben.se/1139/Images/000_bg_html.jpg);
	background-position: left top;
	background-repeat: repeat-x; 
	background-color: #706c69;
	overflow-y: scroll;
}

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

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

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

body, select, input, textarea, table 
{
	font-family: georgia,garamond,"times new roman",times, serif;
	font-family: verdana,arial,helvetica, sans-serif;
	color: black;
	font-size: 75%;
}

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

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

h1, h2, h3, h4, h5, h6 
{
	color: black;
	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: 1.2em;
	margin: 1.5em 0em 0em 0em;
}

h2 
{
	font-size: 1.5em;
	margin: 1.5em 0em 0em 0em;
}

h1,
.modGallery h2,
.modGuestbook h2,
.modCatalog h2,
.modNewsList h2 
{
	text-transform: none;
	letter-spacing: 0.1em;
	font-size: 1.8em;
	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: #C31112;
	text-decoration: none;
	font-weight: normal;
}

a:hover 
{
	text-decoration: underline;
}

img 
{
	border-style: none;
}

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/1139/Images/000_icon_li.gif) 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 
{
	font-size: 0.8em;
	text-align: center;
	padding: 0.5em 1em 1em 1em;
	clear: both;
	border-top: 3px #ffffff solid;
	background-color: #d9d3ca;
}

#footer a:link,
#footer a:hover,
#footer a:visited,
#footer a:active 
{
	color: black;
	font-weight: normal;
}

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

div{/* border:1px solid red;*/}

#wrapper 
{
	background-image: url(http://www.testwebben.se/1139/Images/000_bg_html.gif);
	background-position: left top;
	background-repeat: repeat-y; 
	text-align: left;
	width: 900px;
	margin: 0em auto;
	border: 3px #ffffff solid;
}

#header 
{
	background-image: url(http://www.testwebben.se/1139/Images/000_bg_header.gif);
	background-position: left top;
	background-repeat: no-repeat;
	height: 84px;
}

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

#main-left 
{
	float: left;
	width: 158px;
	padding: 0em 1em 3em 0em;
	background-color: #808285;
}

#main-content 
{
	float: left;
	width: 490px;
	padding: 0em 1em 0em 0em;
	margin-left: 10px;
	min-height: 300px;
	height: auto !important;
	height: 300px;
}

#main-right 
{
	float: left;
	width: 175px;
	padding: 0em 0em 0em 0em;
	margin-left: 15px;
}

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

/* STANDARD NAV (vertikal css) */ 

#nav ul
{
   margin: 2em 0em 0.5em 1.5em;
   padding: 0;
   font-size: 1em;
}

#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: #949494; /* färg på listikon */
   margin: 0.2em 0em 0em 1em;
   padding: 0.2em 0em 0em 0em;
}

/* nivå 2 */
#nav li li
{
   list-style-type: disc;
   list-style-image: none ;
   list-style: none;
   color: #949494; /* färg på listikon */
   margin: 0.2em 0em 0em 0em;
   padding: 0.2em 0em 0em 0em;
}

/* nivå 3 */
#nav li li li
{
   list-style-type: disc;
   list-style-image: none ;
   list-style: none;
   color: #949494; /* färg på listikon */
   margin: 0.2em 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: white;
   font-size: 0.9em;
   font-weight: normal;
   padding: 0em;
}

/* Aktuell sida, färg på listikon */
#nav li#current
{
   color: red; 
}

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

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

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

/* 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: white;
} 
/* FORMULÄR ---------------- */

form 
{
	margin: 1em 0em 0em 0em;
}

textarea,
input 
{
	padding: 0 0.2em;
}

select,
input,
textarea,
button 
{
	font-size: inherit;
	font-size: 100%;
}

textarea 
{
	height: 6em;
}

button 
{
	line-height: 1.1em;
	padding-top: 0.05em;
}


/* GÄSTBOK */
.modGuestbook input,
.modGuestbook textarea
{
    width: 300px;
}


.modGuestbook button
{
   font-size: 0.9em;
}

.modGuestbook form div p
{
    margin: 0em 0em 0em 0em;
    padding: 0em;
}
.Message { border-bottom: 1px dashed #999; }
#validator
{
    width: 5em;
}
.modGuestbook form div p
{
    font-size: 0.8em;
}

/* CONTACT ------------------- */
#mContactForm input,
#mContactForm textarea,
#mContactForm button
{
    color: black;

}
#mContactForm button
{
    font-size: 1em;

}
#mContactForm input,
#mContactForm textarea
{
    width: 250px;
    padding: 0.1em;
    margin: 0em;
    line-height: 1.1em;
    font-size: 1em;
}
#mContactForm textarea
{
    height: 5.5em;
}
#mContactForm table
{
    border-collapse: collapse;
}
#mContactForm table td
{
    padding-right: 1em;
}

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

p.msg
{
	text-align: center;
	color: red;
	font-weight: normal;
}

/* LOGOUT FORM ------------- */

#divLogutDialog p
{
	margin: 0em;
}

#divLogutDialog button
{
	font-size: 0.8em;
}

