html {overflow: -moz-scrollbars-vertical; overflow-x:hidden;}
body {margin:0; padding:0;font-family:Arial, Helvetica, sans-serif; background-color:#CCCCCC; color:#696969; background-image:url(images/bkg.gif); background-position:center; background-repeat:repeat-y; z-index:1; position: relative;}

h1{ font-size:24px; font-weight:600; text-align:center; letter-spacing:1px; margin:0; padding:0.5em; color:#991B1E;}
h2{font-size:16px; font-weight:700; display:inline;}
h4{text-align:center; margin:0px; font-size:12px;}

a:link { text-decoration: underline; color:#991B1E; cursor: pointer;}
a:visited { text-decoration: underline; color:#991B1E; cursor: pointer;}
a:active { text-decoration: underline; color: #991B1E; cursor: pointer;}
a:hover { text-decoration: underline; color:#AB1E21; 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:#B34A39; color:#FFFFFF; padding:3px 8px 4px 8px;}
a.sortering:active {float:right;text-decoration:none; font-size:12px; border:1px solid; background-color:#B34A39; color:#FFFFFF; padding:3px 8px 4px 8px;}
a.sortering:visited {float:right; text-decoration:none; font-size:12px; border:1px solid; background-color:#B34A39; color:#FFFFFF; padding:3px 8px 4px 8px;}
a.sortering:hover {float:right; text-decoration:none; font-size:12px; border:1px solid; background-color:#993F31; color:#FFFFFF; padding:3px 8px 4px 8px;}

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

#layout {width:1024px; margin-left:auto; margin-right:auto;background-image:url(images/mittbkg.gif); background-repeat:repeat-y; z-index:1;
}

#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:10px 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:5px;}
#datum{ font-size:85%; background-color:#E8E8E8; margin-top:5px;}

#vanster{float:left; width:200px;margin-left:10px;}
.topbar{ height:170px; width:100%; background-image:url(images/topbkg.gif); background-repeat:repeat-x; background-position:bottom;}
#mittbar{clear:both;height:48px; padding-top:7px; width:1024px; margin-left:auto; margin-right:auto; background-image:url(images/barbkg.gif); background-repeat:repeat-x;}


#content{width:980px; padding:5px 25px 5px 25px; z-index:1;}
.titel{ text-align:center; font-weight:700; padding:4px; font-size:16px;}

#footer{ clear:both;  width:1024px; background-image:url(images/bottomborder.gif); background-position:bottom; background-repeat:repeat-x; height:12px; text-align:center; color:#FFFFFF; font-size:70%;}

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

#stefanfilm{z-index:20; position:absolute; left:790px; top:220px;}
/********************TOP MENY****************************************/

.jqueryslidemenu{
font: bold 12px Verdana;
background: #B34A39;
margin-top:10px;
margin-left:12px;
}

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

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

/*Top level menu link items style*/
.jqueryslidemenu ul li a{
display: block;

color: #FFFFFF;
padding: 7px 10px;
border: 1px solid #cccccc;
margin:1px;
text-decoration: none;
}

* 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:#FFFFFF;
}

.jqueryslidemenu ul li a:hover{
color: #FFFFFF;
}
	
/*1st sub level menu*/
.jqueryslidemenu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;
}

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

/*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: 9px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid #CCCCCC;
}

.jqueryslidemenu ul li ul li a:hover{ /*sub menus hover style*/
background: #993F31;
color: #FFFFFF;
}

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

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

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

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

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

.sidebarmenu ul li a:hover{ 
background-color:#993F31;
}

/*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:#B34A39; 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:694px}

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

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

#calendar-header { background-color: #B34A39; 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: #B34A39; 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:#B34A39; color: #FFFFFF;font-size:11px; }
#calendar-body .today { background-color: #FFFFCC;font-size:11px; }
#calendar-body .bg { background-color: #B34A39; 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: 15px Verdana;
width: 150px; /* 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;
margin:1px;
border:1px solid;
}

.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: 150px; /*Sub Menu Items width */
top: -2px;
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");
	}