html {overflow: -moz-scrollbars-vertical;}
body {margin:0; padding:15px; font: 0.8em Verdana, Arial, Helvetica, sans-serif; color:#555555; background:#c6c5b8 url(images/bkg2.gif) no-repeat top left;}

h1{ font-size:14px; font-weight:700; text-align:center; margin:0; padding-bottom:0.5em}
h2{font-size:12px; font-weight:700; display:inline;}
h5{ font-size:20px; text-align:center; margin:0; font-weight:500;}
h4{text-align:center; margin:0px; font-size:12px;}

hr{ border-top:1px dashed #666666;
border-bottom:0px; 
height: 1px;}

a:link { text-decoration: underline; color:#000066; cursor: pointer; border:0px;}
a:visited { text-decoration: underline; color:#000099; cursor: pointer;}
a:active { text-decoration: underline; color: #000066; cursor: pointer;}
a:hover { text-decoration: underline; color:#000099; cursor: pointer;}

img
{  border-style: none;
}


.gralank a:link {  color:#333333; cursor: pointer;}
.gralank a:visited { color: #333333; cursor: pointer;}
.gralank a:active { color: #333333; cursor: pointer;}
.gralank a:hover { color:#666666; cursor: pointer;}

#layout {width:800px; border:1px solid #999999; margin-left:auto; margin-right:auto; background-color:#FFFFFF;}

#menysida{ float:left; width:185px; padding:10px;}

#content{ float:left; width:570px; padding:10px; z-index: 1;}
#titel{ text-align:center; font-weight:900; font-size:18px; margin-top:5px; padding:20px 2px 2px 2px; border-bottom:1px dotted; letter-spacing: 2px; width:560px; height:28px; background-image:url(images/bkgtitel.gif);}

#rightbild{ float:right; border:1px solid; margin:20px 5px 5px 8px; padding:0; line-height:0px;}
#leftbild{float:left; border:1px solid; margin:20px 8px 5px 0px; padding:0; line-height:0px;}

#loophor{ clear:both; margin:5px; list-style-position:inside; border:1px dotted #E2E2E2; padding:3px;}
#loopheader{ background-color:#E2E2E2; padding:4px; font-weight:700; width:544px; text-align:center;}
#loopclear{ clear:both;}
#loop{ padding:5px; width:550px;}
#loop1{ margin-left:15px; float:left; padding:3px; width:360px;}
#loop2{ float:left; padding:3px; width:360px;}

#medlemsloop{padding:2px;border:1px dotted #E2E2E2; margin:3px 0px 3px 0px; height:35px; font-size:16px; font-weight:700; }

#box{ border:dotted 1px; width:540px; padding-bottom:15px;}
#toprow{width:532px; height:23px; border-bottom:1px solid; padding:2px 0px 0px 8px;}
#row1{ clear:left; width:524px; padding:4px 8px 4px 8px;}
#row2{ clear:left; width:524px; background-color:#E4E4E4; padding:2px 8px 2px 8px;}
#spacing{width:215px; float:left;}

#footer{ clear:both; padding:0.5em 1em 0.5em 1em; text-align:center; border-top:1px solid #333333; font: 85% Verdana, Arial, Helvetica, sans-serif; color:#666666; background-image:url(images/background_silver.jpg);}
#footer2{ clear:both;}



#numlink{ clear:both; text-align:center; font-size:90%;}

#right{ float:right;}
#rightclearboth{ float:right; clear:both;}
#rightclear{ clear:right; float:right;}
#left{ float:left;}

/* Nyheter*/
#nyhetsbox1{float:right; border:1px dotted #666666; width:156px; font:90%;  margin:20px 15px 5px 10px; padding:2px;}
#nyhetsbox2{  background-image:url(images/background_silver.jpg); font-weight:700; padding:0.2em; text-align:center; border-bottom:1px dotted}
#nyhetsbox3{ padding:3px 3px 3px 4px;}
#datum{ font-size:85%; background-color:#E8E8E8;}

#epostform{ background-color:#FFFFFF; margin:10px; padding:5px; border:dotted 1px;}

#navheader{ font-size:12px; letter-spacing:3px; padding:4px; border-bottom:1px solid #BC1627; text-align:center; width:140px; margin-bottom:9px; color:#BC1627;}

/********************MENY*******************************************************/
.treeview{
margin: 0;
padding: 0;
list-style-type: none;
}

.treeview ul{ /*CSS for Simple Tree Menu*/
position: relative;
margin: 0;
padding: 0;
list-style-type: none;
}

.treeview li{ /*Style for LI elements in general (excludes an LI that contains sub lists)*/
background: white url(images/list.gif) no-repeat left center;*/
list-style-type: none;
padding-left: 16px;
margin-bottom: 3px;
color:#333333;
font-weight:500;
font-size:12px;
line-height:18px;
}

.treeview li a{
text-decoration:none;
color:#333333;
list-style-type: none;
}

.treeview li a:hover{
Color:#404040;
text-decoration:none;
list-style-type: none;

}
.treeview li a:visited{
Color:#333333;
text-decoration:none;
list-style-type: none;

}

.treeview li.submenu{ /* Style for LI that contains sub lists (other ULs). */
background: url(images/plus.gif) no-repeat left 1px;
margin-left:-10;
cursor: hand !important;
cursor: pointer !important;
}


.treeview li.submenu ul{ /*Style for ULs that are children of LIs (submenu) */
display: none; /*Hide them by default. Don't delete. */
text-decoration: none;
}

.treeview .submenu ul li{ /*Style for LIs of ULs that are children of LIs (submenu) */
cursor: default;
text-decoration: none;
}
/************thumnail viewer*****************************************************/
#lightbox{
	background-color: #F8F8F8;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(images/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}
/************thumnail viewer END**************************************/

/*****************ADMIN***********************************************************************/

#inloggningsbox{margin-left:auto; margin-right:auto; margin-top:70px; text-align:center; border:2px dotted; padding:15px; width:400px; background-color:#FFFFFF;}

#adminheader{ clear:both; width:800px; height:70px; background-image:url(images/admintopbkg.jpg);}
#adminleftnav{ float:left; width:172px; padding-top:15px;}
#adminnavbox{width:150px; padding:5px; margin:5px; border:1px solid #333333; background-image:url(images/adminnavbkg.jpg); clear:left;}
#admincontent{float:left; width:600px; padding:15px 10px;}

/************Knappar admin**************************************/
#adminmeny ul{list-style-type: none; margin:0; padding:0px;}
#adminmeny ul li a{background: transparent url("images/menyarrow.gif") left center no-repeat;
padding:0 0 0 14px;
text-decoration: none;
color: #111111;  margin:0;}
#adminmeny ul li a:hover{background: transparent url("images/menyarrowover.gif") left center no-repeat; color:#333333;}
/************Knappar admin END**************************************/
.infotext{float:left; width:100px;  margin:2px; clear:both;}

.loopheader{ width:585px; background-color:#CCCCCC; border:1px solid #333333; padding:4px; font-weight:700; text-align:center; margin-top:5px; background-image: url(images/background_silver.jpg);}

#rad1{width:580px; background-color:#eeeeee; padding:8px; border-bottom:1px dotted #999999;}
#rad2{width:580px; padding:8px;  border-bottom:1px dotted #999999;}

input[type=text] { margin:2px; }
input[type=file] { margin:2px; }
input[type=submit] { margin:4px; }