	
html {overflow: -moz-scrollbars-vertical;filter; overflow-y: scroll;}

body {margin:0; padding:0;font-family:Arial, Helvetica, sans-serif; background-color:#FFFFFF; color:#4E4F4D;background-image:url(images/bkg.jpg);}

h1{ font-size:35px; font-weight:lighter; letter-spacing:2px; color:#009900; margin:0; padding-bottom:0.2em}
h2{ font-size:20px; font-weight:lighter; letter-spacing:2px; color:#009900; margin:0; padding-bottom:0.2em;display:inline;}
/*h2{font-size:12px; font-weight:700;display:inline; }*/
h4{text-align:center; margin:0px; font-size:12px;}

a:link { text-decoration: none; color:#1D781A; cursor: pointer;}
a:visited { text-decoration: none; color:#1D781A; cursor: pointer;}
a:active { text-decoration: none; color: #1D781A; cursor: pointer;}
a:hover { text-decoration: none; color:#57B34D; cursor: pointer;}

a.vit:link { color:#4F4F4F;}
a.vit:active {color:#4F4F4F;}
a.vit:visited {color:#4F4F4F;}
a.vit:hover {color: #4F4F4F;}

a.sortering:link {float:right; text-decoration:none; font-size:12px; border:1px solid; background-color:#37A646; color:#FFFFFF; padding:3px 8px 4px 8px;}
a.sortering:active {float:right;text-decoration:none; font-size:12px; border:1px solid; background-color:#37A646; color:#FFFFFF; padding:3px 8px 4px 8px;}
a.sortering:visited {float:right; text-decoration:none; font-size:12px; border:1px solid; background-color:#37A646; color:#FFFFFF; padding:3px 8px 4px 8px;}
a.sortering:hover {float:right; text-decoration:none; font-size:12px; border:1px solid; background-color:#3EBA4E; color:#FFFFFF; padding:3px 8px 4px 8px;}

a.pdf:link {text-decoration:none; font-size:12px; border:1px solid; background-color:#37A646; color:#FFFFFF; padding:3px 8px 4px 8px;}
a.pdf:active {text-decoration:none; font-size:12px; border:1px solid; background-color:#37A646; color:#FFFFFF; padding:3px 8px 4px 8px;}
a.pdf:visited {text-decoration:none; font-size:12px; border:1px solid; background-color:#37A646; color:#FFFFFF; padding:3px 8px 4px 8px;}
a.pdf:hover {text-decoration:none; font-size:12px; border:1px solid; background-color:#3EBA4E; color:#FFFFFF; padding:3px 8px 4px 8px;}

#layout {width:1024px; margin-left:auto; margin-right:auto; margin-bottom:8px; background-color:#FFFFFF; padding-top:5px;}

#lanktilloss{width:924px; margin-left:auto; margin-right:auto; margin-top:8px;text-align:center; color:#333333; font-size:9px;}
/* Nyheter*/
#nyhetsrow1{clear: left; border-bottom: 1px solid #999999; height: 18px; width: 600px; padding:4px 2px 2px 2px; font-size:80%;}
#nyhetsrow2{clear: left; border-bottom: 1px solid #999999; height: 18px; width: 600px; padding:4px 2px 2px 2px; font-size:80%; background-color:#f4f8f5;}
#datum{ font-size:85%; background-color:#E8E8E8;}

#nyhetsbox1{clear:right; float:right;width:250px; margin:10px 15px 5px 5px;}

#vanster{float:left; width:200px;}
#vansterfram{float:left; width:200px; background: url(images/sidnavspa.jpg); height:400px;}

#content1{float:left; padding:0px  3px 10px 10px; width:1014px;}
#content{ float:left; padding:10px 10px 10px 45px; width:769px;}
.titel{ text-align:center; font-weight:700; padding:4px; font-size:16px;}

#footer{ clear:both;background-color:#FFFFFF; width:984px; margin:0px 20px 0px 20px; padding-top:6px;  color:#4F4F4F; font-size:85%; border-top:1px dotted;}

#epostform{ background-color:#FFFFFF; margin:10px; padding:5px;}

a.x {float:right; margin:3px 5px 3px 3px; padding:7px 10px 10px 40px;width:277px; height:333px; background: url(images/xtrabkg.jpg); }
a.x:link { background: url(images/xtrabkg.jpg);}
a.x:hover,
a.x:focus {background-position:left bottom;}

/********************TOPMENY****************************************/
	
a.nav1:link { text-decoration:none; font-size:24px; font-weight:800; color: #009900; letter-spacing:2px; padding:3px 11px 4px 11px;}
a.nav1:active {text-decoration:none; font-size:24px;font-weight:800;color: #009900; letter-spacing:2px; padding:3px 11px 4px 11px;}
a.nav1:visited { text-decoration:none; font-size:24px; font-weight:800; color: #009900; letter-spacing:2px; padding:3px 11px 4px 11px;}
a.nav1:hover { text-decoration:none; font-size:24px; font-weight:800;color:#00CC00; letter-spacing:2px; padding:3px 11px 4px 11px;}


a.nav:link { text-decoration:none; font-size:17px; font-weight:600; color:#444444; letter-spacing:2px; padding:3px 8px 4px 8px;}
a.nav:active {text-decoration:none; font-size:17px;font-weight:600;color:#444444; letter-spacing:2px; padding:3px 8px 4px 8px;}
a.nav:visited { text-decoration:none; font-size:17px; font-weight:600; color:#444444; letter-spacing:2px; padding:3px 8px 4px 8px;}
a.nav:hover { text-decoration:none; font-size:17px; font-weight:600;color:#000000; letter-spacing:2px; padding:3px 8px 4px 8px;}

#sidnav{
margin:0px;
padding:0px;
width:200px;
font-size:14px;
font-weight:600;
}
#sidnav li{
list-style-type: none;
border-bottom:1px dotted #999999;
background: url(images/navbkg.png);
padding:10px 2px 10px 10px;
}
#sidnav a:link, #sidnav a:visited {
text-decoration: none;
color:#333333;
}
#sidnav a:hover {
color: #009900;
}
#navheader{
border-bottom:1px solid;
font-weight:900;
font-size:18px;
padding:10px;
text-align:center;
}
/********************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:#37A646; /*background of tabs (default state)*/
}

.sidebarmenu ul li a:visited{
color:#FFFFFF;
}

.sidebarmenu ul li a:hover{ 
background-color:#3EBA4E;
}

/*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:#37A646; padding:5px; width:190px; margin:10px 0px 10px 5px; color:#FFFFFF;}
#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:794px}

input[type=text] {margin:2px;}
input[type=file] {margin:2px;}
select { margin:2px;}

/************date picker**************************************/

#calendar-header { background-color: #37A646; 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: #37A646; 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:#37A646; color: #FFFFFF;font-size:11px; }
#calendar-body .today { background-color: #FFFFCC;font-size:11px; }
#calendar-body .bg { background-color: #37A646; 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");
	}

