body {
font:13px Arial, Verdana, sans-serif;
line-height: 1.3;
margin: 0px;
padding: 0px;
color: #2e2e2e;
background: #cc0066 url(../gfx/bgcolor.gif) repeat-x;
scrollbar-face-color:#c3d0b3; /* FRAMSIDA */
scrollbar-arrow-color:#fff; /* PILAR */ 
scrollbar-track-color:#d7e2cb; /* INGEN SCROLL */
scrollbar-highlight-color:#d7e2cb; /* LJUS */ 
scrollbar-3dlight-color:#ecf2e5; /* LJUSARE */
scrollbar-shadow-color:#b3c2a1; /* MÖRK */
scrollbar-darkshadow-color:#9eaf8a; /* MÖRKARE */
}

#iframeBody {
background: #ffffff;
}

td {
 font:13px Arial, Verdana, sans-serif;
 line-height: 1.2;
}

#content {
 width:900px;
 background-color: #fff;
}

#top {
 width:900px;
 height:170px;
 background-color:#cc0066;
}

#topLogo {
 float:left;
 width:180px;
 margin-left:50px;
 margin-top:50px;
 text-align:center;
}

#mainPicture {
 float:left;
 width:300px;
 height:300px;
}

#mainContent {
 float:left;
 width:600px;
 height:300px;
}

#bottom {
 width:900px;
 height:120px;
 background-color:#cc0066;
}

#bottomMenu {
 font-size:15px;
 line-height: 30px;
 width:870px;
 height:30px;
 background:#009900;
 color:#fff;
 text-align:right;
 padding-right:30px;
}

#iframe {
 padding: 5px 25px 25px 25px;
 position:absolute; 
 background-color: #fff;
}

div.dots {
 width: 500px; 
 background: url(../gfx/dot.gif); 
 background-position: bottom left;
 background-repeat: repeat-x;
 margin-bottom:5px;
}

div.dotsBg {
 background: #fff; 
}

div.noDots {
 width: 500px; 
}

div.dotsLeft {
 float: left; 
 background: #fff;
 padding-right: 1px;
}

div.dotsRight {
 float: right; 
 background: #fff;
 padding-left: 1px;
 vertical-align: bottom;
 height:100%;
}

/****** Fonts ******/

h1 {
 font-size:25px;
 color:#cc0066;
}

h2 {
 font-size:18px;
 color:#cc0066;
}

h3 {
 font-size:12px;
 color:#cc0066;
}

a {
 color: #cc0066;
 text-decoration:none;
}

a:hover {
 text-decoration: underline;
}

/****** Menu ******/

#topMenuContainer {
 width:900px;
 background: #009900;
}

#topMenu {
 font-size:15px;
 margin-right:20px;
 float:right;
 z-index: 40;
 cursor: pointer;
 height: 30px;
 line-height:30px;
}

#topMenu a {
 color: #fff;
 text-decoration: none
}

#topMenu ul	{
 z-index: 40;
 margin: 0;
 padding: 0;
 list-style: none;
}

#topMenu ul li
{
 z-index: 40;
 position: relative;
}

.under {
 z-index: 40;
 position: absolute;
 left: 0px;
 top: 30px;
 display: none;
 width: 150px;
 background: #009900;
 border-bottom: 1px solid #fff;
 border-right: 1px solid #fff
}

#topMenu a:hover {
 color: #000;
}

#topMenu ul li a {
 color: #fff;
 display: inline;
 float: left;
 text-decoration: none;
 padding-left: 13px;
 padding-right: 13px;
}

.under li a {
 display: block;
 float: none;
 border-top: 1px solid #fff;
 width: 124px;
}

.under li a:hover {
 background: #cc0066;
}

/* Fix IE. Hide from IE Mac \*/
* #topMenu ul li { float: left; }
* #topMenu ul li a { height: 1%; }
/* End */

#topMenu li:hover ul, li.over ul { 
 display: block;
}