html {overflow: -moz-scrollbars-vertical;}
body {margin:0; padding:0;font-family:Arial, Helvetica, sans-serif; background-color:#FFFFFF; color:#141414; background-image:url(images/bkg.gif); background-position:center; background-repeat:repeat-y;}

h1{ font-size:24px; font-weight:700; text-align:center; margin:0; padding: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:#292929;}
a.vit:active {color:#292929;}
a.vit:visited {color:#292929;}
a.vit:hover {color: #292929;}

a.sortering:link {float:right; text-decoration:none; font-size:12px; border:1px solid; background-color:#FFFFFF; color:#212121; padding:3px 8px 4px 8px;}
a.sortering:active {float:right;text-decoration:none; font-size:12px; border:1px solid; background-color:#FFFFFF; color:#212121; padding:3px 8px 4px 8px;}
a.sortering:visited {float:right; text-decoration:none; font-size:12px; border:1px solid; background-color:#FFFFFF; color:#212121; padding:3px 8px 4px 8px;}
a.sortering:hover {float:right; text-decoration:none; font-size:12px; border:1px solid; background-color:#78DEDA; color:#212121; padding:3px 8px 4px 8px;}

a.pdf:link {text-decoration:none; font-size:12px; border:1px solid; background-color:#FFFFFF; color:#212121; padding:3px 8px 4px 8px;}
a.pdf:active {text-decoration:none; font-size:12px; border:1px solid; background-color:#FFFFFF; color:#212121; padding:3px 8px 4px 8px;}
a.pdf:visited {text-decoration:none; font-size:12px; border:1px solid; background-color:#FFFFFF; color:#212121; padding:3px 8px 4px 8px;}
a.pdf:hover {text-decoration:none; font-size:12px; border:1px solid; background-color:#78DEDA; color:#212121; padding:3px 8px 4px 8px;}

#layout {width:924px; margin-left:auto; margin-right:auto; margin-bottom:8px; background-color:#FFFFFF;}

#lanktilloss{clear:both; width:924px; margin-left:auto; margin-right:auto;text-align:center; color:#999999; font-size:9px; padding:10px 10px 3px 10px;}
/* Nyheter*/
#nyhetsbox1{clear:right;float:right;  width:230px;   margin:16px 0px 2px 25px;}
#nyhetsbox2{  background-image:url(images/nyhetbkg.jpg); font-weight:700;  text-align:center; padding:5px 0px 2px 0px;}
#nyhetsbox3{ padding:3px 3px 3px 4px;border:1px solid #999999;background-image:url(images/nyhetbkg2.jpg); background-position:bottom; background-repeat:no-repeat;font-size:90%;}
#datum{ font-size:85%; background-color:#E8E8E8; margin-top:5px; }

#vanster{float:left; width:200px;}
.blabar{border-bottom:1px solid #333333; width:924px; height:23px; color:#212121;}

#content{ float:left; padding:0px 10px 10px 0px; width:924px;}
.titel{ text-align:center; font-weight:700; padding:4px; font-size:16px;}

#footer{ clear:both;background-color:#FFFFFF; width:924px; padding-top:15px; color:#292929; border-top:1px solid #333333;}

#epostform{ background-color:#FFFFFF; margin:10px; padding:5px;}
/********************TOP MENY****************************************/
.jqueryslidemenu{
font: bold 12px Verdana;
/*background: #FFFFFF;*/
width: 100%;
}

.jqueryslidemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.jqueryslidemenu ul li{
position: relative;
display: inline;
float: left;
text-align:left;
}

/*Top level menu link items style*/
.jqueryslidemenu ul li a{
display: block;
background:url("images/tableftF.gif") no-repeat left top;
/*background: #FFFFFF; background of tabs (default state)*/
color: #212121;
margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
}

.jqueryslidemenu span {
      float:left;
      display:block;
      background:url("images/tabrightF.gif") no-repeat right top;
      padding:5px 11px 4px 3px;
	  margin-right:2px;
      color:#212121;
      }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
.jqueryslidemenu a span {float:none;}
/* End IE5-Mac hack */
.jqueryslidemenu a:hover span {color:#FFF; }

* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
color:#212121;
}

.jqueryslidemenu ul li a:hover{
/*background: #78DEDA; tab link background during hover state*/
background-position:0% -42px;
color: #212121;
}

 .jqueryslidemenu a:hover span {background-position:100% -42px; color: #212121; }
	
/*1st sub level menu*/
.jqueryslidemenu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;
background: #FFFFFF;
}
.jqueryslidemenu ul li ul a{
background: #FFFFFF;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
font: normal 12px Verdana;
width: 160px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
border:1px solid gray;
}

.jqueryslidemenu ul li ul li a:hover{ /*sub menus hover style*/
background: #78DEDA;
color: #212121;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 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:#212121;
text-decoration: none;
padding: 6px;
}

.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{
background-color:#FFFFFF; /*background of tabs (default state)*/
}

.sidebarmenu ul li a:visited{
color:#212121;
}

.sidebarmenu ul li a:hover{ 
background-color:#78DEDA;
}

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

.navheader{background-color:#000000; color:#FFFFFF; padding: 6px; width:188px;}
/***********************ADMIN***************************************************/
.blabox{ background-color:#FFFFFF; padding:5px; width:190px; margin:10px 0px 10px 5px; color:#212121;}
#inloggningsbox{margin-left:auto; margin-right:auto; margin-top:40px; text-align:center; border:2px dotted; padding:15px; width:400px; background-color:#FFFFFF;}

.header{ font-weight:800; font-size:120%; width:690; border-bottom:1px solid;}

#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;}
.pinputtext{clear:left; width:60px; padding:2px; float:left;}
.color{margin:1px;}

#contentadmin{ float:left; padding:10px 15px; width:694px}

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

/************date picker**************************************/

#calendar-header { background-color: #FFFFFF; padding-top: 2px; margin: auto; width: 100%; font-size:11px;}
#calendar-header .closeme { padding: 0px 3px 2px 0px; }

#calendar-body { padding: 2px 3px 3px 3px; background-color: #FFFFFF; margin: auto; width: 100%; font-size:11px; }
#calendar-body .general { background-color: #FFFFFF; font-size:11px;}
#calendar-body .othermonth { background-color: #EEEEEE; color: #AAAAAA;font-size:11px; }
#calendar-body .header { background-color:#FFFFFF; color: #212121;font-size:11px; }
#calendar-body .today { background-color: #FFFFCC;font-size:11px; }
#calendar-body .bg { background-color: #FFFFFF; font-size:11px;}
#calendar-body .select { background-color: #FFCC99;font-size:11px; }
#calendar-body .othermonth a:link { text-decoration : none; font-family: tahoma; color: #CCFFCC; font-size:11px;}
#calendar-body .othermonth a:visited { text-decoration : none; font-family: tahoma; color: #CCFFCC; font-size:11px;}
#calendar-body .othermonth a:hover { text-decoration : underline; font-family: tahoma; color: #FFFFFF; font-size:11px;}
#calendar-body a:link { text-decoration : none; font-family: tahoma; color: #000000; font-size:11px;}
#calendar-body a:visited { text-decoration : none; font-family: tahoma; color: #000000;font-size:11px; }
#calendar-body a:hover { text-decoration : underline; font-family: tahoma; color: #FF0000;font-size:11px; }
#calendar-body .disabledate { color: #669999; font-size:11px;}

#calendar-body .refresh { color: #FFF; padding: 10px 3px 3px; font-size:11px;}
#calendar-body .refresh .txt-container { padding: 25px 10px 10px; height: 50px;font-size:11px; }

#calendar-body .mon {}
#calendar-body .tue {}
#calendar-body .wed {}
#calendar-body .thu {}
#calendar-body .fri {}
#calendar-body .sat { color: #66C; }
#calendar-body .sat a:link { color: #66C; }
#calendar-body .sun { color: #930; }
#calendar-body .sun a:link { color: #930; }

#calendar-footer { background-color: #CCCCCC; border: 0px solid #000000; font-size:11px;}
#calendar-footer .btn { line-height: 21px; font-size:11px;}
#calendar-footer .btn a:link { text-decoration : none; font-family: tahoma; color: #000000;font-size:11px; }
#calendar-footer .btn a:visited { text-decoration : none; font-family: tahoma; color: #000000;font-size:11px; }
#calendar-footer .btn a:hover { text-decoration : underline; font-family: tahoma; color: #FF0000;font-size:11px; }

#calendar-header, #calendar-body, #calendar-footer { padding-left: 1px; padding-right: 1px;font-size:11px; }
#calendar-container { background-color: #6699CC; font-size:11px;}

.tcday, .tcmonth, .tcyear { font-size: 11px; z-index: 10; }

.date-tccontainer { border: 1px solid #cccccc; background-color: #efefef; padding: 2px; float: left; margin-right: 2px; text-align: center; font-size:11px; }

#calendar-page { float: left; }
.div_calendar { width: 150px; height: 200px; }
.calendar-border { border: 1px solid #000; }
/********************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%; }

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