body {font: 0.9em Arial, Verdana, sans-serif !important; background: #dedede url(/CommonResources/Files/www.raydar.se/Images/Mallelement/bg.gif) repeat-x; line-height: 150% !important; color: #333;}


/* Headings
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 { font-weight: normal;  color: #000; line-height: 150% !important;}

h1 { font-size: 2em; line-height: 1; margin-bottom: 0.5em; margin-top: 0; }
h2 { font-size: 1.4em; margin-bottom: 1em; }
h3 { font-size: 1.2em; margin-bottom: 1em; }
h4 { font-size: 1em; line-height: 1; margin-bottom: 0.5em; font-weight:bold;}
h5 { font-size: 1em; margin-bottom: 1.5em; }
h6 { font-size: 1em; }

/* Text elements
-------------------------------------------------------------- */
abbr {}
acronym {}
address {margin-bottom:1em;}
blockquote {margin-bottom:1em;}
code {}
del {}
dfn {}
dfn {}
em {}
p {margin-bottom:1.5em; margin-top: 0; padding-top: 0;}
pre {}
strong {}
hr {color:#e3e3e3; background-color:#e3e3e3; height:1px; border:none;}

/* Link elements 
-------------------------------------------------------------- */
a, a:visited { color: #004798; text-decoration: none; font-weight: bold;}
{ color: #004798; }
a:hover, a:active { color: #004798;  text-decoration: underline}
a img {border: none;}

/* List elements 
-------------------------------------------------------------- */
ul, ol { margin: 0 1.5em 1.5em 1.5em; }
ul { list-style-type: circle; }
ol { list-style-type: decimal; }

dl {margin-bottom:1em;}
dl dt { font-weight: bold;}
dl dd {margin-right: 2em;}

/* Tables
-------------------------------------------------------------- */
table {margin-bottom: 1em;}
caption {}
thead {}
tfoot {}
tbody {}
tr {}
th {}
td {}

#content2 table { margin-bottom: 1.4em;  border-top: 2px solid #ddd;}
#content2 table td { border-bottom: 1px solid #ddd; }
#content2 table  th, #content2 table  td { padding: 4px 10px 4px 0; }


/* Some general classes
-------------------------------------------------------------- */
.align-left {float:left;}
.align-right {float:right;}
.bottom {margin-bottom:0; padding-bottom:0;}
.hide {display:none;}
.highlight {}
.large {}
.small {}
.off-screen {position:absolute; left:-999em;}
.top {margin-top:0; padding-top:0;}
.flash {margin-bottom: 14px;}
.date {color: #000; margin-bottom: 0.5em; padding: 0; font-size: 10px;}


/*  Forms
-------------------------------------------------------------- */
form {}
fieldset {margin-bottom:1em;}
legend {}
label {}
input {}
textarea {}

/* Navigation
---------------------------------------------------------------*/
#nav {}
#sub-nav {}

/* Layout containers
-------------------------------------------------------------- */
#skip {position:absolute; top:-999em; left:-999em; }
#skip a:focus,
#skip a:active {display:block; padding:1em; position:absolute; left:999em; top:999em; width:10em; text-align:center; background:#ededee; color:#000;}
#wrapper { margin: 0; position:relative; padding:0; width: 964px; margin: 0 auto;  font: 11px Arial, Verdana, sans-serif !important; line-height: 150% !important; }

#wrapper:after {content: ""; display: block; height: 0; clear: both;  }

#header {background: url(/CommonResources/Files/www.raydar.se/Images/Mallelement/header.jpg) no-repeat; margin: 0; height: 30px; font-size: 1.5em; font-weight: bold; position: relative; padding: 0;}

#logo {text-indent: -999em; background: url(/CommonResources/Files/www.raydar.se/Images/Mallelement/logo.gif) no-repeat; width: 196px; height: 63px; position: absolute; top: 17px; left: 760px; z-index: 5; }

#contentwrapper { position: relative; background: #738bc8 url(/CommonResources/Files/www.raydar.se/Images/Mallelement/wrapperbg.png); height: 1%; }
#contentwrapper:after {content: ""; display: block; height: 0; clear: both;}

#content { background: #fff url(/CommonResources/Files/www.raydar.se/Images/Mallelement/mainbgtop.png) no-repeat; font-size: 1.2em; width: 687px; float: left; padding: 140px 20px 20px 20px;  }
#content:after {content: ""; display: block; height: 0; clear: both; }

#content2 {width: 420px; float: right; padding-right: 30px; }
#content2:after {content: ""; display: block; height: 0; clear: both; }

#meny2 {width: 187px; float: left;  }


#contentstart { background: #d3d9e3 url(/CommonResources/Files/www.raydar.se/Images/Mallelement/mainbg.png) no-repeat; font-size: 1.2em; width: 727px; float: left; height: 589px; color: #fff; }
#contentstart:after {content: ""; display: block; height: 0; clear: both; }

#slogan { background: #d3d9e3 url(/CommonResources/Files/www.raydar.se/Images/Mallelement/mainbg.png) no-repeat; width: 727px; float: left; height: 383px; color: #fff;}
#slogan h1, #slogan p, #slogan h2{ font-weight: bold; display: block; width: 500px; color: #fff; margin: 0 auto;  }
#slogan h1 { padding-top: 100px; font-size: 1.5em;}
#slogan p { padding-top: 1.5em; font-size: 1em; }

#sidecontent { width:197px; padding: 100px 20px; background: url(/CommonResources/Files/www.raydar.se/Images/Mallelement/sidecontent.png) no-repeat; float:right; line-height:110%; color: #fff; position: relative;}
#sidecontent h4 { color: #343163; padding: 0; margin: 0 0 0.5em 0; font-size: 14px; font-weight: bold; }
#sidecontent p {margin: 0; padding-top: 0; }
#sidecontent p a{display: block; margin: 1em 0 3em 0; color: #fff; text-align: right; text-decoration: none; }
#sidecontent div.botcontent{color: #000; font-weight: bold; display: block; position: absolute; bottom: 0; left: 20px; width: 197px; text-align: left;}
#sidecontent div.botcontent a{color: #262221; text-align: left; }
#sidecontent div.botcontent h5{color: #fff; text-align: left; padding: 0; margin: 2px 0 0.5em 0; font-size: 14px; font-weight: bold;  }

.newsContainer, .newsContainer2  {margin-bottom:35px;  padding: 15px;}
.newsContainer {border: 1px dashed #ccc; }
.newsContainer2 { border: 1px solid #ccc;}

#flaggor {top: 38px; left: 175px; position: absolute; z-index:6;}
#flaggor img{margin-right: 1px;}

#mainbgimg {margin:-20px; padding:0; z-index:5;}

#meny {background: url(../img/menubg.jpg); height: 25px; width:880px; position: relative; padding-left:20px; }


#footer { height: 60px; background: #fafcfe; padding:12px 0 0 20px; margin: 0 auto; width: 946px; margin-bottom: 30px; position: relative; font-size: 10px; line-height: 1em !important;} 
#footer ul { display: block; float: right; list-style: none;}
#footer address {float: right; margin-right: 20px; }
#footer img, #footer address span { display: block; float: left; font-style: normal; margin-right: 20px; }


div.box {float: left; width: 241px; text-align: center; height: 150px; position: relative; padding-top: 20px; }
div.box h3{color: #000; font-weight: bold; display: block; position: absolute; bottom: 0; left: 0; width: 241px; text-align: center;}
div.box a {color: #000;}
div.box a:hover {text-decoration: none;}

.box {margin: 0; padding: 0; }

/* -------------------------------------------------------------- 
   Menyer
-------------------------------------------------------------- */


#meny ul { list-style:none; padding: 0; margin: 0px;  }
#meny ul li {float: left; position: relative; padding: 0; margin:0; }

#meny ul li a {display: block;  margin: 0; color: #000; text-decoration:none;  border-right: none; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; margin-right: 30px; font-size: 14px;}
#meny  li a:hover, #meny  li.selected a  {background: #fff; color: #444;}

#meny ul li ul {position: absolute; top: 3.5em; left: 0px; z-index: 7; width: 150px; background: #000; display: none; }
#meny li ul li { clear:both;}

#meny li ul li a{ padding: 5px 30px 5px 30px; color: #fff; border: none; display: block; width: 90px;}
#meny li ul li.selected a, #meny li ul li a:hover{background: #516fab; }

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

#meny li:hover ul, #meny li.over ul { display: block; } /* The magic */ 
#meny li:hover ul, #meny li.over ul { display: block; } /* The magic */ 




#meny2 ul { list-style:none; margin: 0 0 30px 0; padding: 0;}

#meny2 ul li a{display: block;  margin: 0; background: #fff; padding: 1px 10px; color: #464646; text-decoration:none; background: url(/CommonResources/Files/www.raydar.se/Images/Mallelement/nav-arrow_norm.gif) center left no-repeat; font-weight: bold; text-transform: uppercase;  border-bottom: 1px dashed #e3e3e3; font: 11px Arial, Verdana, sans-serif !important; line-height: 150% !important; }
#meny2 ul li a:hover, #meny2 ul li.selected a{ color: #004798; background: #f4f4f4 url(/CommonResources/Files/www.raydar.se/Images/Mallelement/nav-arrow_open.gif) center left no-repeat;}

#meny2 ul li ul {margin: 0; padding: 0;}

#meny2  ul li.selected ul li a{ margin: 0 0 0 20px; font-size: 1em; background: url(/CommonResources/Files/www.raydar.se/Images/Mallelement/nav-arrow_norm.gif) center left no-repeat; color: #464646; text-transform: none; }
#meny2 ul li.selected ul li.selected a, #meny2  ul li.selected ul li a:hover{color: #004798; background:  #f4f4f4 url(/CommonResources/Files/www.raydar.se/Images/Mallelement/nav-arrow_open.gif) center left no-repeat; text-transform: none; }

#meny2  ul li.selected ul  li.selected ul li a{ margin: 0 0 0 40px; font-size: 0.9em; background:  url(/CommonResources/Files/www.raydar.se/Images/Mallelement/nav-arrow_norm.gif) center left no-repeat; color: #666; text-transform: none; }
#meny2 ul li.selected ul  li.selected ul li.selected a, #meny2 ul li.selected ul  li.selected ul li.selected a:hover{color: #004798; background: #f4f4f4 url(/CommonResources/Files/www.raydar.se/Images/Mallelement/nav-arrow_open.gif) center left no-repeat; text-transform: none; }