/*  
Theme Name: Blank76
Description: Theme by SevenSix
Version: 090720
Author: SevenSix
Author URI: http://www.sevensix.se
*/


/* Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}

@charset "UTF-8";

*                      { margin: 0}
html                   { height: 100%;}
body                   { background: url(images/site-toprepeat.jpg) repeat-x; vertical-align: top; font: 10pt Arial; color: Black; height: 100% }
body > #page_wrapper   { height: auto; min-height: 100%;} 

h1                     { color: #5d3c81; font-size: 30px; margin: -8px 0 10px 0; }
h2                     { color: #5d3c81; font-size: 20px; margin-bottom: 4px;}
h3                     { color: #5d3c81; font-size: 16px; }
h4                     { color: #5d3c81; font-size: 12px; }
h5                     { color: #666666; margin-bottom: 10px;}
h6                     { color: #5d3c81; font-size: 14px; }

p                      { color: #666; font-size: 12px; font-family: Tahoma, Geneva, Verdana, sans-serif; line-height: 1.4em; margin-bottom: 10px;}
strong                 { font-weight: bold; color: #666; margin-bottom: 10px;}
h1 a                   { text-decoration: none;}
h2 a                   { text-decoration: none;}
h3 a                   { text-decoration: none;}
a                      { color: #5d3c81; text-decoration: none;}
a:hover                { color: #8757bf; text-decoration: none;}
li                     { color: #666; font-family: Tahoma, Geneva, Verdana, sans-serif;}



.alignright            { float: right; }
.alignleft             { float: left }
.aligncenter           { text-align: center; }
.textright             { text-align: right; }
.textleft              { text-align: left; }
.textcenter            { text-align: center; }
.bold                  { font-weight: bold; }
.hidden                { visibility: hidden; display: none; }
.text                  { line-height: 150%; }
.clear                 { clear: both; }


/* STARTSIDA */
#fp-wrapper           { width: 100%; height: 750px; margin: auto 0 auto; text-align: left; background: url(images/index-background.jpg) repeat-x;}
#fp-content           { width: 880px; margin-left: auto; margin-right: auto;}
#fp-header            { height: 151px; background: url(images/index-top.jpg); }
#fp-flash             { height: 418px; background: url(images/index-flashbackground.jpg);}
#fp-flash embed       { margin-right: 100px;}
#fp-left-col          { float: left; margin-top: 35px; width: 384px; min-height: 150px; border: 0px solid;}
.fp-p                 { margin-right: 10px;}
#fp-right-col         { float: right; margin-top: 35px; width: 384px; min-height: 150px; border: 0px solid;}
.fp-img               { float: right;}
.fp-box-content       { height: 160px; }
#fp-left-img          { background: url(images/button-learnmore.gif); width: 181px; height: 75px; margin-top: -30px; }
#fp-left-img:hover    { background: url(images/button-learnmore-hover.gif); width: 181px; height: 75px; margin-top: -30px; }
#fp-right-img         { background: url(images/button-learnmore.gif); width: 181px; height: 75px; margin-top: -30px; }
#fp-right-img:hover   { background: url(images/button-learnmore-hover.gif); width: 181px; height: 75px; margin-top: -30px; }
.center-flash         { margin-left: auto; margin-right: auto;}



/* STARTSIDA SLUT */


/*#wrapper-top, #wrapper: width ändrar till 95em pga meny. ursprungsvärde är width: 100%; */
#wrapper-top        { width: 100%; margin: -10px auto 0 auto; text-align: left;}   
#wrapper            { overflow: auto;
                      padding-bottom: 60px; 
                      width: 880px; 
                      margin: 35px auto; 
                      text-align: left;}
#sticky-footer           { height: 40px; width: 100%; background: url(images/apptu-footer-repeat.png); }
#sticky-footer-center    { height: 40px; width: 880px; background: url(images/apptu-footer-address.png); margin-left: auto; margin-right: auto;}

#header                  { color: White; width: 880px; height: 205px; margin-right: auto; margin-left: auto; }
#header-logo             { width: 880px; height: 150px; background: url(images/site-top.jpg)}
#header-logo-link        { width: 440px; height: 127px; float: left;}
#header-nav              { height: 30px; width: 90px; float: right}
#header-nav a            { color: #666; text-decoration: none; font-size: 11px;}
#header-nav ul li        { list-style:none; margin-top: 10px; float: left;}

#nav                     { color: White; width: 880px; height: 55px;}
#menu-left               { float: left; width: 35px; height: 30px;}
.menu-arrow              { margin-bottom: -1px;}
#menu-left img           { margin-top: 8px;}
#searchsubmit            { margin: -38px 0 0 230px; border: 0px solid; 30px; height: 30px; width: 42px; background: url(images/search/apptus-searchfield-searchlupe.png) no-repeat;}
#menu-search             { float: right; width: 270px; height: 40px; margin-top: 3px;}
#menu-search input       { float: left;  }
#s-bg                    { margin-top: 4px; height: 38px; width: 230px; background: url(images/search/apptus-searchfield-bg.png) no-repeat; }
#s                       { border: 0px solid; width: 230px; height: 22px;  margin: 5px 0 0 8px; font-family: Tahoma, Geneva, Verdana, sans-serif ; font-size: 14px; }
.lupe                    {width: 45px}
screen-reader-text
/*#nav ul                {  }
#nav ul li            { float: left; margin-left: 20px; display: inline; }*/


#main                      { height: 100%; float: left; margin-top: 35px; margin-bottom: 35px; }
#main tr td                { vertical-align: top;}
.left-col                  { float: left; width: 412px; min-height: 300px;}
.left-col ul li            { margin: 0 0 0 17px;}
.left-col-sidebar li       { list-style:none;} 
.right-col                 { float: right; width: 413px; min-height: 300px; margin-left: 55px;}
.right-col ul li           { margin: 0 0 0 17px; color:}
.left-col-sidebar          { float: left; width: 550px; min-height: 300px;}
.right-col-sidebar         { float: right; width: 275px; min-height: 300px; margin-left: 55px; }
.right-col-sidebar li      { list-style:none; margin-bottom: 10px;}
.right-col-sidebar-img     { margin-bottom: 5px;}
.img-recententries         { float: left; width: 15px; margin: 2px 0px 0px 0px }
.url-recententries         { width: 250px; margin-left: 20px;}
.wrapper-recententries     { height: 70px; width: 275px;} 
.right-col-content         { margin-left: 5px;}
.tag-cloud ul li           { display: inline}  
.narrow                    { width: 690px; }
.wide                      { width: 960px; }
.two-template-left         { width: 960px; }
#learn-more-img            { width: 412px; height: 109px; background: url(images/learnmoreabout.jpg);}


#sidebar                     { float: left; width: 275px; min-height: 250px;}
#footer                      { position: relative; margin-top: -60px; clear: both; height: 60px; background: gray; }
.push                        { margin-top: 145px; height: 60px;}
#comments                    { margin-top: 20px; }
#comments ul                 { margin: 0; vertical-align: top; list-style: none; }
#comments ul li              { margin: 0; }
#comments ul li:first-child  { margin: 0; }
#comments span               { font-weight: bold; }
#comments_form               { padding: 0 20px; }
#comments_form label         { font-weight: bold; }
#comments_form .text         { width: 50%; }
#comments_form .textarea     { width: 95%; height: 80px; }

.blogposts       { }
.blogpost-footer { }
.blogposts p     { margin-right: 20px;}
.blog-corner     { float: right; margin-top: -20px;}
.blogpost-info   { font-size: 10px}
.read-more       { background: url(images/button-readmore.gif); width: 81px; height: 18px; }
.tag-cloud       { width: 225px; min-height: 100px; margin-bottom: 20px;}

.bd-mg-profile  {width: 412px; height: 390px;}
.bd-mg-img      {float: left; width: 160px; height: 200px; margin: 5px 16px 0px 0px}  


/**
 *********************************************
 * Prototype of styles for horizontal CSS-menu
 * @data 30.06.2009
 *********************************************
 * (X)HTML-scheme:
 *  <div id="menu">
 *      <ul class="menu">
 *          <li><a href="#" class="parent"><span>level 1</span></a>
 *              <ul>
 *                  <li><a href="#" class="parent"><span>level 2</span></a>
 *                      <ul><li><a href="#"><span>level 3</span></a></li></ul>
 *                  </li>
 *              </ul>
 *          </li>
 *          <li class="last"><a href="#"><span>level 1</span></a></li>
 *      </ul>
 *  </div>
 *********************************************
 */

/* menu::base */
div#menu {
    height: 55px;
    width:auto;
    float: left;
}

div#menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
}
div#menu ul.menu {

    background: url(images/menu/menubg-repeat.jpg) no-repeat right 0;   
}

div#menu li {
    position: relative;
    margin: 0;
    padding: 0 0px 0 0;
    display: block;
    float: left;
    z-index: 9;
    width: auto;
}
div#menu ul ul li {
    z-index: 9;
    
}
div#menu li div {
    list-style: none;
    float: left;
    position: absolute;
    z-index: 11;
    top: 50px;
    left: -15px;
    visibility: hidden;
    width: 200px;
      margin: 0px 0 0 -4px;
    padding: 0; 
    background: url(images/menu/top.png) no-repeat 0px 0;
}
div#menu ul ul {
      z-index: 12;
    padding: 0px 4px 10px 4px;
    background: url(images/menu/menu-repeat.png) no-repeat 0px bottom;
    _background: url(images/menu/submenu-bottom.gif) no-repeat 0px bottom;    
    margin: 18px 0 0 0;
}
div#menu li:hover>div {
    visibility: visible;
}

div#menu a {
    position: relative;
    z-index: 10;
    height: 50px;
    display: block;
    float: left;
    line-height: 50px;
    text-decoration: none;
    margin-top: 1px;
    white-space: nowrap;
    width: auto;
    padding-right:5px;
    text-align:center; 
}
div#menu span {
    padding-left: 13px;
    color: #B3B3B3;
    font: bold 11px verdana;
    background: none;
    line-height: 42px;    
    display: block;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: 95% 0;
    text-align: center;
}

/* menu::level1 */
div#menu a {
    padding: 0 10px 0 0;
    line-height: 50px;
    height: 51px;
    background: none;
}
div#menu a:hover {
    background:  url(images/menu/selected.png)  repeat-x right -10px;
      color: #bda66d;    
  }
div#menu li.current a,
div#menu ul.menu>li:hover>a {
      color: #723886;    
    background: url(images/menu/selected.png)  repeat-x right -1px;
}

div#menu ul.menu>li:hover>a span {
        color: #1bbdbc;
}
div#menu li {  }
div#menu li.last { background: none; }

/* menu::level2 */
div#menu ul ul li {
    background: none;
    padding: 0;
}
div#menu ul ul a {
    padding: 0px;
    height: auto;
    float: none;
    display: block;
    line-height: 25px;
    z-index: -1;
    padding-left: 5px;
    white-space: normal;
    width: 164px;
    margin: 0 8px;
    text-transform: none;       
}
    
div#menu ul ul a span {
    font-weight:normal;
      padding: 0 5px;
    line-height: 25px;
    font-size: 10px;
    color: #A8A8A8;
}
div#menu li.current ul a,
div#menu li.current ul a span {
    background:none;
}
div#menu ul ul a:hover {
 background:none;
}
div#menu ul ul a:hover span {
    background:none;
    color: #723886;
}
div#menu ul ul a.parent span {
  background:none; 
}
div#menu ul ul a.parent:hover span {
  background:none; 
}
div#menu ul ul span {
    
    margin-top: 0;
    text-align: left;
}
div#menu ul ul li.last { background: none; }
div#menu ul ul li {
    width: 100%;
}

/* menu::level3 */
div#menu ul ul div {
      width: 194px;
      padding: 0;
    margin: -51px 0 0 192px !important;
    margin-left: 192px;
}
div#menu ul ul ul {
    padding: 10px 4px 0 4px;    
}
div#menu ul ul div li {
    position:relative;
    top:-10px;
}

/* lava lamp */
div#menu li.back {
    background: url(images/menu/selected-new.png) repeat-x 0 0;
    width: 5px;
    height: 55px;
    z-index: 8;
    position: absolute;
    padding: 0;
    margin: 0px 0 0 0;
}

div#menu li.back .left {
    padding:0;
    width:auto;
    background: url(images/menu/selected-new.png) repeat-x right 0;
    height: 5px;
    margin: 0 0 0 5px;
    float: none;
    position: relative;
    top: 0;
    left: 0;
    visibility: visible;
}
.addn-hide{ position: absolute; left: -9999px; top: 0; }