/* 00eeff - ljudblå */

body { background: #000 url(/images/structure/background.jpg) no-repeat top left; background-attachment: fixed; }

.clear { clear: both; }


#ie6 { background: transparent url(/images/structure/ie6.gif) repeat-x top left; color: #333; font-family: arial, helvetica, sans-serif; display: none; font-size: 11px; height: 15px; padding: 7px 20px 3px 20px; text-align: center; }
#outerWrapper { margin: 5px 15px 20px 15px; position: relative; width: 960px; }
#topShade { background: transparent url(/images/structure/topBackground.png) no-repeat bottom left; height: 20px; }
#top { background: transparent url(/images/structure/contentBackground.png) repeat-y top left; padding: 10px 250px 15px 15px; }
#headerTop { background: transparent url(/images/structure/headerTopBackground.png) no-repeat bottom left; height: 5px; }
#header { }
#headerBottom { background: transparent url(/images/structure/headerBottomBackground.png) no-repeat top left; height: 5px; }
#notice { position: absolute; left: 720px; top: 350px; }
#content { background: transparent url(/images/structure/contentBackground.png) repeat-y top left; padding: 15px 245px 5px 15px; }
#bottomShade { background: transparent url(/images/structure/bottomBackground.png) no-repeat top left; height: 15px; }
#footerTop { background: transparent url(/images/structure/footerBackgroundTop.png) no-repeat bottom left; height: 10px; margin: 5px 245px 0 15px; padding: 0 20px; }
#footer { background: transparent url(/images/structure/footerBackground.png) repeat-y top left; margin: 0 245px 0 15px; padding: 0 20px; position: relative; }
#footerBottom { background: transparent url(/images/structure/footerBackgroundBottom.png) no-repeat top left; height: 10px; margin: 0 245px 0 15px; padding: 0 20px; }
#logo { background: transparent url(/images/structure/eventyrLogo.png) no-repeat bottom right; position: fixed; bottom: 20px; right: 20px; width: 100px; height: 500px;}

#headerLeft { background-color: #fff; display: inline; float: left; height: 205px; width: 730px; }
#headerRight { background-color: #fff; display: inline; float: right; height: 205px; width: 225px; }
.contentLeft { display: inline; float: left; margin-left: 20px; padding: 10px 0;  width: 440px; }
.contentRight { background: transparent url(/images/structure/rightBackground.png) no-repeat top left; display: inline; float: right; margin: 10px 20px 10px 0; padding-left: 10px;  width: 200px; position: relative; }
.noborder { border: 0; background: transparent; }
.contentWide { clear: both; margin: 0 20px; padding: 10px 0; }
#footerLeft { display: inline; float: left; width: 225px; }
#footerRight { display: inline; float: right; width: 415px; }

a#pushloop { background: transparent url(/images/structure/pushloop.png) no-repeat top left; border: 0; height: 25px; text-indent: -4000px; position: absolute; bottom: 8px; right: 15px; width: 41px; }
a#uc { position: absolute; top: 8px; right: 15px; }


/* -------------------------- MAP */

#mapWrapper { border: 1px solid #ccc; padding: 1px; }
#map {}
#map div span { display: none; }

/* -------------------------- START */
.contentRight .news { padding: 0 0 15px 0; position: relative; }


/* -------------------------- STAFF */
.staff { display: inline; float: left; margin: 0 20px 20px 0; width: 205px; }
.edge { margin-right: 0; }
.staff .image { display: inline; float: left; width: 60px; }
.staff .info { display: inline; float: left; margin-left: 10px; width: 135px; }

.contact { border-top: 1px dashed #ccc; border-left: 1px dashed #ccc; display: inline; float: right; width: 454px; margin: 0 -20px -10px 0; position: relative; }
.contactLeft { display: inline; float: left; width: 240px; margin: 20px 0 20px 20px; }
.contactRight { display: inline; float: right; width: 165px; margin: 20px 20px 20px 0; }


/* -------------------------- FORMS */
#headerRight form { }
input.text { border: 1px solid #ccc; display: block; padding: 5px; width: 170px; }
input.text:focus { border: 1px solid #00eeff; }


/* -------------------------- MENU */
#menu {
border-right: 1px dashed #ccc;
margin-right: 14px;
position: relative;
}

a.flag { display: block; height: 25px; width: 28px; text-indent: -100em; position: absolute; }
a.flag:hover { margin-left: 5px; }
a#swe { background: transparent url(/images/structure/swe.png) no-repeat top left; top: 0; left: 705px;}
a#eng { background: transparent url(/images/structure/eng.png) no-repeat top left; top: 30px; left: 705px; }

#jsddm { 
margin: 0; 
padding: 0 20px;
}
#jsddm li {	
float: left;
list-style: none;
}
#jsddm li a {
display: block;
padding: 0 12px;
text-decoration: none;
border-left: 1px dashed #ccc;
height: 50px;
white-space: nowrap
}
#jsddm li a:hover {	
}
#jsddm li a.active {
border-left: 1px solid #00eeff;
}
#jsddm li ul {
margin: 0;
padding: 0;
position: absolute;
visibility: hidden;
border-left: 1px dashed #ccc;
}
#jsddm li ul.active {
border-left: 1px solid #00eeff;
}
#jsddm li ul li { 
float: none;
display: inline
}
#jsddm li ul li a { 
display: block;
background-color: #fff;
border: 0;
height: auto;
width: auto;
}
#jsddm li ul li a.active {
border-left: 0;
}
#jsddm li ul li a:hover {
}