html {overflow: -moz-scrollbars-vertical;}
body {margin:0; padding:0; font: 0.8em Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; background-color:#666666; background-image:url(images/bkg.jpg)}

h1{ font-size:1em; font-weight:700; text-align:center; margin:0; padding-bottom:0.5em}
h2{ font-size:90%; font-weight:550; padding:0 0.3em 0 0; margin:0; display: inline; }
h3{ font-size:1em; font-weight:700; color:#000099; margin:0; padding-top:0.5em; color:#000099; }

hr{ border-top:1px dashed #666666;
border-bottom:0px; 
height: 1px;}

a:link { text-decoration: underline; color:#CCCCCC; cursor: pointer;}
a:visited { text-decoration: underline; color: #CCCCCC; cursor: pointer;}
a:active { text-decoration: underline; color: #CCCCCC; cursor: pointer;}
a:hover { text-decoration: underline; color:#FFFFFF; cursor: pointer;}

#layout {width:800px;margin-left:auto; margin-right:auto; margin-top:15px; background-color:#666666; border:1px solid #333333; }

#header1{float:left; width:230px; padding:2px 0 0 10px; height:75px; overflow:hidden;}
#header2{ clear:both; width:800px; height:250px;  background:url(images/banner.jpg); border-top:15px solid #000000; border-bottom:5px solid #888888;}
#menybar{ float:right; max-width:556px;  background-color:#666666; height:70px; padding:2px; margin-top:3px;}

/* dropdownmeny*/
.meny ul{
margin: 0;
padding: 0;
list-style-type: none;
font-weight:700;
text-align:center;

}

/*Top level list items*/
.meny ul li{
padding: 40px 0px 4px 4px;
position: relative;
display: inline;
float: left;
background-color: #666666; /*overall menu background color*/
}

/*Top level menu link items style*/
.meny ul li a{
display: inline;
background: #666666 url(images/bullet.gif) no-repeat center top;
width: auto; /*Width of top level menu link items*/
padding: 40px 2px 4px 6px;
border-left: 1px solid #999999;
text-decoration: none;
color: #CCCCCC;
}

.meny ul li a:visited{
color:#CCCCCC;
text-decoration: none;
}
	
/*1st sub level menu*/
.meny ul li ul{
left: 0;
background: #666666 url(images/bullet.gif) no-repeat center top;
background-color:#666666; /*Disappearing menu fix-BP */
position: absolute;
top: 1em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
padding:0px;
}

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

/*All subsequent sub menu levels offset after 1st level sub menu */
.meny ul li ul li ul{ 
left: 159px; /* no need to change, as true value set by script */
top: 0;
bottom:0;
padding:0px;
}

/* Sub level menu links style */
.meny ul li ul li a{
background-color:#666666; /*Disappearing menu fix-BP */
display: block;
width: 165px; /*width of sub menu levels*/
height:20px;
color: #CCCCCC;
text-decoration: none;
padding:3px;
border-top: 1px solid #888888;
border-left: 1px solid #888888;
text-align:center;
background-image:none;

}

.meny ul li a:hover{
background-color: #666666;
color: white;
text-decoration: none;
}

.meny ul li ul li a:hover{
background-color: #888888;
}

/*Background image for top level menu list links */
.meny .mainfoldericon{
background: #666666 url(images/menyarrow.gif) no-repeat top center;

padding-right:2px;
}


/* Holly Hack for IE \*/
* html .meny ul li { float: left; height: 1%;}
* html .meny ul li a { height: 1%;}
* html .meny ul li ul li { float: left;}
/* End */


#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 10px;
padding-bottom: 0;
background: #333333;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;
line-height:0;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 16px Tahoma;
letter-spacing: 5px;
line-height: 1.1em;
color: white;
padding: 5px 0;
text-align: right;
}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: white;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid #666666;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
}

#content{padding:1em; z-index: 1;}

#footer{ clear:both; padding:0.2em 1em 0.2em 1em; text-align:center; font: 80% Verdana, Arial, Helvetica, sans-serif; color:#999999; background-color:#000000;}

#rightbild{ float:right; border:1px solid #333333; margin:20px 5px 5px 8px; padding:0; line-height:0px;}
#leftbild{ float:left; border:1px solid #333333; margin:20px 8px 5px 0px; padding:0; line-height:0px;}
#loopbild{ float:left; border:1px solid #333333; margin:0 1em 0 0; line-height: 0px;}
#galleribild{border:1px solid #333333; margin:0 1em 0 0; line-height: 0px;}

#loop1{ clear:left; float:left; margin:15px 15px 15px 75px;}
#loop2{float:left;margin:15px; }

#container{padding:1em; float:none;}
#textcontainer{ float:left; padding-left:3px;}
#nycontainer{ clear:both;}
#container2{clear:right;  padding:2px;}
#titelcontainer{ float:none; width:100%}

/* Kontakta Oss sidan*/
#kontaktbox1{ float:left; padding:1em; width:370px;}
#kontaktbox2{ float:left; padding:1em}
#kontaktbox3{clear: both; padding-left:1em}

/* Epostform*/
#epostform{ padding:1em; border:1px solid; margin:1em; padding-bottom:0; background-color:#FFFFFF;}

/* Nyheter*/
#nyhetsbox1{border:1px dashed; width:180px; font:90%; float:right; margin:20px 0 5px 10px; padding:2px; height:auto;}
#nyhetsbox2{ font-weight:700; color:#FFFFFF; padding:0.2em; text-align:center; border-bottom:1px dashed}
#nyhetsbox3{ padding:3px 3px 3px 4px;}
#datum{ font-size:85%;}
#nyhetsboxadmin{ padding:4px 0.5em 0 0.5em; margin-bottom:15px;}
#tabortnyhet{ float:right; border:0px;}
#nyhetslayout{ width:650px; height:585px; background-color:#666666; margin-left:auto; margin-right:auto; border-left:1px solid; border-right:1px solid; padding:8px;}

/*paging*/
#pagingcontainer{ clear:both; text-align:center; padding-bottom:3px;}


/*ADMIN*/

/*inloggning*/
 #centrering {position: absolute; left: 50%; top: 40%;
width: 400px; height: 200px; margin-left: -200px; margin-top: -100px; border: 1px solid #000000; padding:10px; text-align:center; background-color:#666666;}
#cenbox{width:150px; text-align:left;}

#textbkg{ background-color:333333;}

#header1b{ float:left; border-bottom:1px solid #666666; width:345px; height:80px; padding:10px 0 0 10px; overflow:hidden;}
#header2b{ float:left; border-bottom:1px solid #666666; width:330px; height:70px; padding-top:10px; text-align:right; padding-right:15px;}
#header2bnyhet{ float:left; border-bottom:1px solid #666666; width:275px; height:70px; padding-top:10px; text-align:right; padding-right:15px;}


/* admin titel*/
#admintext{font-size:24px; font-weight:bold; padding-top:10px;}

/*start*/
#startbox{ float:left; padding:1em; width:45%;}

#adminmeny ul{list-style-type: none; margin:0;}
#adminmeny ul li a{background: transparent url("images/adminmeny.gif") left center no-repeat;
padding:0 0 0 14px;
text-decoration: none;
color:#CCCCCC;  margin:0;}
#adminmeny ul li a:hover{background: transparent url("images/adminmenyover.gif") left center no-repeat; color:#FFFFFF;}


form{margin:4px 4px 4px 0; }
input{ border:1px solid #666666; margin:2px; font-size:12px; color:#666666; !important}
textarea{ border:1px solid ; margin:2px; font-size:12px; font:Arial, Helvetica, sans-serif;!important}
.wzCtrl{ border:1px !important;}

/*medarbetare*/
#alignbox{ width:50px; float:left;}
#inloggningsbox{margin-left:auto; margin-right:auto; margin-top:70px; text-align:center; border:2px dotted; padding:15px; width:400px;}

/*knappnamn layout*/
.layout{z-index:155; text-decoration:none; margin:0; padding:0;}
.layout a:hover{z-index:155; text-decoration:none;margin:0; padding:0;}
.layoutbild{visibility: hidden; z-index:200; margin:0; padding:0; position:absolute; display:inline; width:120px; height:150px;}

/*whizzywig*/
/* Tidy up tables pasted in from MS Word */
.MsoNormalTable, .MsoTableGrid {width:auto !important; border-collapse: collapse!important;}
.MsoNormalTable *, .MsoTableGrid * {width:auto !important; padding:.5em !important; margin:0 !important; }