	
html {overflow-x:hidden;overflow-y:scroll;}
body {margin:0; padding:0;font-family:Arial, Helvetica, sans-serif; background-color:#A7A897; color:#000000; background-image:url(images/bkg.jpg);}

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;}

a:link { text-decoration: underline; color:#000066; cursor: pointer;}
a:visited { text-decoration: underline; color:#000066; cursor: pointer;}
a:active { text-decoration: underline; color: #000066; cursor: pointer;}
a:hover { text-decoration: underline; color:#000099; cursor: pointer;}

a.vit:link { color:#FFFFFF;}
a.vit:active {color:#FFFFFF;}
a.vit:visited {color:#FFFFFF;}
a.vit:hover {color: #FFFFFF;}

a.sortering:link {float:right; text-decoration:none; font-size:12px; border:1px solid; background-color:#67696B; color:#FFFFFF; padding:3px 8px 4px 8px; margin-right:10px;}
a.sortering:active {float:right;text-decoration:none; font-size:12px; border:1px solid; background-color:#67696B; color:#FFFFFF; padding:3px 8px 4px 8px;  margin-right:10px;}
a.sortering:visited {float:right; text-decoration:none; font-size:12px; border:1px solid; background-color:#67696B; color:#FFFFFF; padding:3px 8px 4px 8px;  margin-right:10px;}
a.sortering:hover {float:right; text-decoration:none; font-size:12px; border:1px solid; background-color:#454545; color:#FFFFFF; padding:3px 8px 4px 8px;  margin-right:10px;}

#layout {width:924px; margin-left:auto; margin-right:auto; margin-top:8px; margin-bottom:8px; background-color:#B8B8B8;}

#lanktilloss{width:924px; margin-left:auto; margin-right:auto; margin-top:8px;text-align:center; color:#999999; font-size:9px;}

/* Nyheter*/
#nyhetsbox1{float:right; border:1px dashed ; width:200px; font:90%;  margin:20px 15px 5px 5px; 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;}

#vanster{float:left; width:200px;}
.blabox{ background-color:#67696B; padding:5px; width:190px; margin:10px 0px 10px 5px; color:#FFFFFF;}

#content{ float:left; padding:10px 0px 10px 15px; width:709px;}
.titel{ text-align:center; font-weight:700; padding:4px; font-size:16px;}

#footer{ clear:both; background-color:#67696B; width:924px;  height:19px; padding-top:6px; text-align:center; color:#FFFFFF; font-size:70%;}

#epostform{ background-color:#FFFFFF; margin:10px; padding:5px;}

/********************SID MENY****************************************/

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.sidebarmenu{ margin:0px 0px 5px 5px;}
.sidebarmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: 12px Verdana;
width: 200px; /* Main Menu Item widths */
}
 
.sidebarmenu ul li{
position: relative;
}

/* Top level menu links style */
.sidebarmenu ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color:#FFFFFF;
text-decoration: none;
padding: 6px;
}

.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{
background-color:#67696B; /*background of tabs (default state)*/
}

.sidebarmenu ul li a:visited{
color:#FFFFFF;
}

.sidebarmenu ul li a:hover{ 
background-color:#454545;
}

/*Sub level menu items */
.sidebarmenu ul li ul{
position: absolute;
width: 150px; /*Sub Menu Items width */
top: 0;
visibility: hidden;
}

.sidebarmenu a.subfolderstyle{
background: url(images/right.gif) no-repeat 97% 50%;
}

 
/* Holly Hack for IE \*/
* html .sidebarmenu ul li { float: left; height: 1%; }
* html .sidebarmenu ul li a { height: 1%; }
/* End */

/********************MENY ALLA SIDOR ADMIN********************************/

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.allamenu{ margin:0px;}
.allamenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: 12px Verdana;
width: 120px; /* Main Menu Item widths */
}
 
.allamenu ul li{
position: relative;
}

/* Top level menu links style */
.allamenu ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color:#000000;
text-decoration: none;
padding: 2px;
}

.allamenu ul li a:link, .allamenu ul li a:visited, .allamenu ul li a:active{
background-color:#FFFFFF; /*background of tabs (default state)*/
}

.allamenu ul li a:visited{
color:#000000;
}

.allamenu ul li a:hover{ 
background-color:#FFFFFF;
color:#333333;
}

/*Sub level menu items */
.allamenu ul li ul{
position: absolute;
width: 120px; /*Sub Menu Items width */
top: 0;
visibility: hidden;
}

.allamenu a.subfolderstyle{
background: url(images/rightsvart.gif) no-repeat 97% 50%;
}

 
/* Holly Hack for IE \*/
* html .allamenu ul li { float: left; height: 1%; }
* html .allamenu ul li a { height: 1%; }
/******************************** End ***********************/

.navheader{background-color:#000000; color:#FFFFFF; padding: 6px; width:188px;}
/***********************ADMIN***************************************************/

#inloggningsbox{margin-left:auto; margin-right:auto; margin-top:40px; text-align:center; border:2px dotted; padding:15px; width:400px; background-color:#B8B8B8;}

.header{ font-weight:800; font-size:120%; width:690; border-bottom:1px solid; margin-bottom:5px;}

#box1{ float:left; width:200px; border:1px dotted; margin:5px;}
#box2{ clear:left; float:left; width:200px; border:1px dotted; margin:5px;}

.inputtext{clear:both; width:120px; padding:2px; float:left;}
.color{margin:1px;}

input[type=text] {margin:2px;}
input[type=file] {margin:2px;}
select { margin:2px;}

/*******************PHOTOGALLERY UPPLOAD***********************************************/
.float50 {
	float: left;
	width: 48%;
}
.clear{clear:both}
/************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**************************************/

