html {overflow: -moz-scrollbars-vertical;}
body {margin:0; padding:0; font: 0.8em Verdana, Arial, Helvetica, sans-serif; color:#000000; background:#FFFFFF;}

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

a.gray:link { color:#8084AA;}
a.gray:active {color:#8084AA;}
a.gray:visited {color:#8084AA;}
a.gray:hover {color: #D2D8DF;}

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

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

#header1{width:800px; height:275px; background-image:url(images/header.jpg);}

#header2{width:800px; height:145;}

#content{ clear: both; padding:1em; z-index: 1;}
#titel{ text-align:center; font-weight:800; font-size:14px;}

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

#loophor{ clear:left; margin:15px; list-style-position:inside;}
#loopclear{ clear:both;}
#loop1{ margin-left:15px; float:left; padding:4px; width:360px;}
#loop2{ float:left; padding:4px; width:360px;}

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

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

/* Nyheter*/
#nyhetsbox1{float:right; border:1px dashed #666666; width:206px; 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 dashed}
#nyhetsbox3{ padding:3px 3px 3px 4px;}
#datum{ font-size:85%; background-color:#E8E8E8;}

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

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

/****************MENY1 STARTSIDA LADDA NER*******************************************************/
#meny ul{list-style-type: none; margin:0; padding:0px;}
#meny ul li{ display:inline;}
#meny ul li a{text-decoration: none; color:#FFFFFF; padding-right:7px; padding-left:5px;}
#meny ul li a:hover{color:#000000;}

/****************MENY 2*******************************************************/
#meny2 ul{list-style-type: none; margin:0; padding:0px;}
#meny2 ul li{ padding-top:2px;}
#meny2 ul li a{text-decoration: none; color:#FFFFFF;}
#meny2 ul li a:hover{color:#000000;}

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