@charset "UTF-8";

@import url("MyriadPro_Regular/stylesheet.css");
@import url("MyriadWebPro/stylesheet.css");
@import url("MyriadWebPro_Bold/stylesheet.css");


/* Huvudsaklig layout på sidan, om sidan är större än 599px skrivs vissa saker över.*/
body {
	font-family: Verdana, MyriadWebPro, "Times New Roman", Times, serif;
	font-weight: normal;
    font-size:12px;
    color: #444;
    line-height: 20px;
    min-width:250px;
}
#Container {
    margin-left: auto;
	margin-right: auto;
	width: 100%;
    max-width: 1120px;
	padding-left: 1%;
	padding-right: 1%;
    padding-top:0.5%;
}

#Header {
    width:inherit;
    overflow:auto;

}
#LeftUpperInfo {
    width:80%;
    float:left;
}
#SearchTitle {
    float:left;
    width:100%;
    margin-bottom: 20px;
    padding-left: 3%;
    padding-right: 3%;
}

/* Div för loginrubrik.*/
#LoginHeadTitle {
    background-color: #808080;
    padding-left: 1px;
	padding-right: 1px;
    padding-top: 3px;
    padding-bottom: 3px;
    /*border-top: 5px solid #808080;*/
    border-bottom: 1px solid #808080;
    margin-left:0%;
	margin-right:2%;
}

/* CSS för loginrubrik.*/
.LoginHead {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 14px;
	font-weight: bold;
    letter-spacing: 0px;
	color: #fff;
}

/* Div för kategorirubrik.*/
#CategoryHeadTitle {
    background-color: #eee;
    padding-left:0;
}

/* CSS för kategorirubrik.*/
.CategoryHead {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 14px;
	font-weight: bold;
	color: #444;
    padding-top:30px;
}

/* Div för mest läst rubrik.*/
#TasteTitle {
    background-color: #eee;
    padding-left: 1px;
	padding-right: 1px;
    padding-top: 3px;
    padding-bottom: 3px;
    border-top: 3px solid #444;

}

/* CSS för mest läst rubrik.*/
.TasteTitleHead {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
	font-weight: bold;
	color: #444;
}

/* Div för inloggningsuppgifter */
#LoginInfo {
    background: #eee;
    float:left;
    width:100%;
    /*padding: 4px 0px 0px 0px;*/
    /*padding-right:5% !important;*/
    clear: left;
    /*border-top: 2px solid #ccc;
	border-left: 2px solid #ccc;
	border-right: 2px solid #ccc;*/
	/*border-bottom: 2px solid #ccc;*/
    margin-top:10px;
    margin-bottom:5px;
    /*border:solid;*/
}
/* CSS för inloggningsuppgifter */
.LogInfoText {
    font-family: MyriadWebPro, Verdana ;
	font-size: 12px;
    font-weight: normal;
    line-height: 18px;
	color: #444;
}
.LogInfoText a:link {text-decoration:none; color:#444;}
.LogInfoText a:visited {text-decoration:none; color:#444;}
.LogInfoText a:hover {text-decoration:underline; color:#444;}
.LogInfoText a:active {text-decoration:none; color:#444;}


#SideBarNavMenu {
    background: #eee;
}

/* CSS för fet text startsidan */
.StartPageBold {
    font-family: Verdana, "MyriadWebPro Bold";
	font-size: 14px;
	font-weight: normal;
    line-height: 16px;
	color: #444;
    }

/* CSS för text startsidan */
.StartPage {
    font-family: Verdana, "MyriadWebPro Bold";
	font-size: 12px;
	font-weight: bold;
    line-height: 16px;
	color: #444;
    }

hr {
  border: 0;
  width: 100%;
  color: #ccc;
  background-color: #ccc;
  height: 1px;
}

#NavWidgetArea {
	background: #efefef;
	margin: 25 0 0 0px;
	padding: 10px 10px 10px 10px; 
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #ccc;
	height: 100%;
	}

#Logo {
    overflow:auto;
    width:inherit;
    text-decoration: none;
}
#LogoDiv {
   float:left;
    width:65%;
   overflow:hidden;
}
#PageDivider {
    width:90%;
    float:left;
    background-color:#669900;
	height: 5px;
}
#MainMenuUpper {
    vertical-align:top;
    float:left;
    border:dashed;
}
#MainMenuLower {
    vertical-align:bottom;
    border:dashed;
    float:left;
}
#Menu {
    width:inherit;
    overflow:auto;
}
#MainMenuTop {
    overflow:hidden;
} 

#MainMenuBottom {
    overflow:auto
}
#Middle {
    min-height:1000px;
    overflow:hidden;
    width:inherit;
    padding-top:2%;
    padding-bottom:2%;
    /*border: 1px solid;
    border-color:#eee;*/
}
#Content {
    min-height:inherit;
    border-right: 1px solid lightgray;
    float:left;
    width:95%;
    /*border: 1px solid;*/
}
#InnerContent {
    margin-right:5%;
    /*border: 1px solid;*/
    border-color:#eee;
}
/* div för hela rightsidebar */
#TopSideBar {
    padding-left:5px;
    padding-right:1%;
    padding-bottom:0%;
    vertical-align:top;
    margin-bottom:1%;
    margin-left:0%;
    height:100%;
    float:left;
    background-color:#eee;
    /*border-top: 1px solid #eee;*/
    border-right: 1px solid darkgrey;
}
}
#BottomSideBar {
    min-height:100%;
    vertical-align:bottom;
    width:100%;
    overflow:hidden;
    height:inherit;
    float:right;
    background-color:#eee;
}

#ArticleBody {
    border-bottom: 1px solid lightgray;
}

.footer{
    min-height:100px;
    background-color: #444;
    font-family: Verdana, Geneva, sans-serif;
    width:inherit;
    overflow:hidden;
    font-size: 10px;
	color: #FFF;
	border-bottom-color: #eee;
    width:inherit;
    clear:both;
    line-height: 16px;
}

/* CSS för länkar footer */
.LinkFooter a:link {text-decoration:underline; color:#fff;}
.LinkFooter a:visited {text-decoration:underline; color:#fff;}
.LinkFooter a:hover {text-decoration:underline; color:#fff;}
.LinkFooter a:active {text-decoration:underline;}

.footer div{
width:30%;
float:left;
min-width:200px;
display:block;
margin-left:3%;
margin-top:3%;
margin-bottom:3%;
/*border-left: 1px solid #444;*/
}

/* vänsterdiv för Perspektiv boktips m fl sidor */
.LeftDiv {   
    width: 25%;  
    float:left;
    margin-right:2%;
    margin-top:2%;
    margin-bottom:2%;  
    /*border: 1px solid #444;*/  
}  
  
/* högerdiv för Perspektiv boktips m fl sidor */
.RightDiv {   
    min-height:inherit;
    width: 70%;  
    float:left;
    margin-left:2%;
    margin-top:2%;
    margin-bottom:2%;  
    /*border: 1px solid #444;*/   
}  

/*.LinkSubMenu {
    font-family: MyriadWebPro, Verdana, Geneva, sans-serif;
    font-size: 12px;
	font-weight: normal;
	color: #444;
    padding-left:3%;
    padding-right:3%;
    line-height: 16px;
}*/

/*.LinkSubMenu a:link {text-decoration:none; color:#444;}
.LinkSubMenu a:visited {text-decoration:none; color:#444;}
.LinkSubMenu a:hover {text-decoration:underline; color:gray;}
.LinkSubMenu a:active {text-decoration:underline*/

/* skriver över CSS om föstret är 599px eller mer i bredd */
@media only screen and (min-width: 599px) {

#LoginInfo {
    float:right !important;
}

#Container {
	width: 85%;
}

#Content {
    width:65%;
}

#TopSideBar {
    width:33%;
    float:right;
    background-color:#eee;

}
#BottomSideBar {
    width:98%;
    bottom: 0;
    height:auto !important;
    background-color:#eee;
  
}
#NavWidgetArea {
	background: #efefef;
	margin: 25 0 0 0px;
	padding: 20px 20px 20px 0px; 
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #ccc;
	height: 100%;
	}

}

/*Over arcing css*/
img, object, embed, video {
	max-width: 100%;
    border-style:none;
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: middle;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}
/* CSS för Topmenu */
.TopMenu {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
	font-weight: normal;
	color: #444;
    /*padding-left:3%;*/
    padding-right:3%;
    line-height: 16px;
}

/* CSS för länkar inloggningsuppgifter med mera */
.TopMenu a:link {text-decoration:none; color:#444;}
.TopMenu a:visited {text-decoration:none; color:#444;}
.TopMenu a:hover {text-decoration:underline; color:gray;}
.TopMenu a:active {text-decoration:underline;}

.LinkMenu {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
	font-weight: normal;
	color: #444;
    /*padding-left:3%;*/
    padding-right:3%;
    line-height: 16px;
}

/* CSS för länkar inloggningsuppgifter */
.LinkMenu a:link {text-decoration:none; color:#444; padding: 0 2px 1px 15px; background: url("/_images/earth_sm.gif") left center no-repeat;}
.LinkMenu a:visited {text-decoration:none; color:#444;}
.LinkMenu a:hover {text-decoration:underline; color:gray;}
.LinkMenu a:active {text-decoration:underline;}