/*

    CSS Document


    Site: Ejmunds Gård
    URL: http://www.ejmunds.se
    Author: PS Kommunikation
    Version: 1.1

    Date: 2008.11.11

*/



/*
 *      DEFAULT
 *
 */



BODY {
    background:#fcffee url(../images/bgBody.gif) repeat-x;
    text-align:center;
}
DIV#wrapper {
	margin:0 auto; 
	text-align:left;
	width:970px;
}

/*
 *      MASTEHEAD
 *
 */

DIV#masthead {
    margin:0 0 0 5px;
}
DIV#logo {
    display:inline; 
    float:left; 
    width:155px;
}
FIELDSET#login {
    display:inline; 
    float:right; 
    margin:15px 0px 0 0;
    width:204px; 
}
FIELDSET#login LEGEND {
    color:#000; 
    font: bold 1.1em Arial, Sans-serif;
}
FIELDSET#login LABEL {
   	float:none;
}
FIELDSET#login INPUT#anvandarnamn {
    background:url(../images/bgLoginUser.gif) no-repeat;
    border: solid 1px #d7d7c7;
    color:#888;
    font: bold 1.0em Arial, Sans-serif;
	height:1.6em;
	margin:0 0 3px 0;
	padding:4px 5px 1px 25px;
	width:167px;
}
FIELDSET#login INPUT#losenord {
    background:url(../images/bgLoginPassword.gif) no-repeat;
    border: solid 1px #d7d7c7;
    color:#888;  
    font: bold 1.0em Arial, Sans-serif;
	height:1.6em;
	margin:0 0 0 0;
	padding:4px 5px 1px 25px;
	width:167px;	
}

FIELDSET#login INPUT#ctl00_txtUsername {
    background:url(../images/bgLoginUser.gif) no-repeat;
    border: solid 1px #d7d7c7;
    color:#888;
    font: bold 1.0em Arial, Sans-serif;
	height:1.6em;
	margin:0 0 3px 0;
	padding:4px 5px 1px 25px;
	width:167px;
}
FIELDSET#login INPUT#ctl00_txtPassword {
    background:url(../images/bgLoginPassword.gif) no-repeat;
    border: solid 1px #d7d7c7;
    color:#888;  
    font: bold 1.0em Arial, Sans-serif;
	height:1.6em;
	margin:0 0 0 0;
	padding:4px 5px 1px 25px;
	width:167px;	
}
FIELDSET#login INPUT.login {
    background:url(../images/bgLoginBtn.gif) no-repeat top left;
    border:none;
    color:#fff;	   
    cursor:pointer;
    display:inline;
    float:right;
    font-size: 10px;
    font-weight:bold;
    height:25px;     
    text-align:center;     
    margin:5px 4px 0 0;
    padding:5px;
    text-decoration:none;     
    width:71px;	
}

/*
 *      NAVIGATION
 *
 */

DIV#placeholderNav {
    background:url(../images/bgPlaceholderNavTop.gif) top left repeat-y;
	width:960px;
}
DIV#placeholderNavInner {
    background:url(../images/bgPlaceholderNavBottom.gif) bottom left  no-repeat;
}

/* MAINNAV */

DIV#placeholderNav UL#mainNav {
    display:inline;
    float:left;
    font-size:1.3em;
    font-weight:bold;
    height:2.3em;
    list-style-type:none;
    margin:0; 
    padding:10px 0 5px 20px;
}
DIV#placeholderNav UL#mainNav LI {
    float:left;
    font-family:"Arial", san-seriff;  
    padding:0 20px 0 0;
}
DIV#placeholderNav UL#mainNav LI A {
    border-right:solid 1px #454545;
    color:#fff;
    line-height:1.4em;
    padding-right:15px;
    text-decoration:none; 

}
DIV#placeholderNav UL#mainNav LI.active A {
    color:#d5d7c9;
    font-family:"Arial", san-seriff;
    font-weight:bold;     
}
DIV#placeholderNav UL#mainNav A:HOVER {
    color:#d5d7c9;   
}

/* HELPNAV */

UL#helpNav {
    display:inline;    
    float:right;    
    height:1.8em;
    list-style: none;
    margin:0;
    padding:1px;
    text-align:center;
    width:33em;
} 
UL#helpNav LI {
	color:#666;    
    display:inline; 
    float:right;  	
    font-family:"Arial", san-seriff;
    font-weight:bold; 	
 	font-size:0.9em;
	padding: 0.5em 1em 0 0.8em;	
}
UL#helpNav LI A {
    color:#666;
    display:inline; 
    font-family:"Arial", san-seriff;
    font-weight:bold;   
}
UL#helpNav LI A.engFlag  {
    background:url(../images/iconFlagEng.gif) left top no-repeat;
    padding-left:22px;
}

/* SUBNAV */

UL#subNav {
    list-style: none;
} 
UL#subNav LI {
	color:#953830;    
    display:block; 
}
UL#subNav LI A {
    background:url(../images/iconLargeArrowRightNoBg.gif) 5px center no-repeat;    
    border-bottom:solid 1px #ededed;
    color:#953830;
    display:block;     
    font: bold 1em/2.5em Arial;
    height:2.5em;
    text-decoration:none;
    padding:0 20px 0 18px;
}
UL#subNav LI A:HOVER {
    background:url(../images/iconLargeArrowRightNoBg.gif) 8px center no-repeat;
}
UL#subNav LI A.active {
    /*border:none;*/
    background:url(../images/iconLargeArrowRightGreyNoBg.gif) 5px center no-repeat;
    color:#000;
}

/* LEVEL 2 */
UL#subNav LI UL {
    margin:-1px;
    padding:0;
    border-top:1px solid #fff; 
    border-bottom:solid 1px #ededed;
}
UL#subNav LI UL LI {
	color:#953830;    
    display:block; 
    border:none;

    padding-left:15px;
    line-height:normal;
}
UL#subNav LI UL LI A {
    border-top:dashed 1px #ededed;
    border-bottom:none;
    color:#953830;
    display:block;     
    font: 0.85em/2em Arial;
    padding:0em 20px 0em 18px;
    height:2em;
    text-decoration:none;
}
UL#subNav LI UL LI A.current {
    background:none;
    color:#333;
}

/*
 *      USP
 *
 */
    
DIV#usp {
    height:345px;
    margin:15px 0 0 5px;
    width:960px;    
}

/*
 *      CONTENT INDEX
 *
 */
BODY#start DIV#placeholderContent {
    margin:0 0 0 0;
    position:relative;   
}
BODY#start DIV#content {
    width:970px;    
}
BODY#start DIV#content H1 {
    font-size:2.4em;
    margin:5px 0 0.5em 0;
}

BODY#start DIV#primaryContent { 
    padding:0 10px 0 10px;    
}

/* COL 1 */

DIV#colOne {
    display:inline;
    float:left;
    margin-top:15px;
    width:240px;   
}
DIV#news {
    background:url(../images/bgNewsBottom.gif) bottom left repeat-y;
}
DIV#news H2 {
    background:url(../images/bgNewsTop.gif) top left no-repeat;    
    color:#fff;
    font-weight:bold;
    font-size:1.3em;
    line-height:1.4em;
    padding:15px 0 15px 20px;
}
DIV#news UL {
    list-style-type:none;
    margin:0 15px 0 15px;
     
}
DIV#news UL LI {
    border-bottom:solid 1px #ccc;
    margin:0 0 0 0;
    padding:10px 0 10px 0;
    font-family:arial, sans-serif;
    line-height:1.3em;
}
DIV#news UL LI.first {
    border-bottom:solid 1px #ccc;
    margin:0 0 0 0;
    padding:0 0 10px 0;
}
DIV#news UL LI A {
    background:url(../images/iconLargeArrowRightNoBg.gif) left 3px no-repeat;
    display:block;    
    margin:5px 0 0 0;
    padding:0 20px 0 13px;
    text-decoration:none;    
}
DIV#news P {
    font-size:1.1em;
    float:right;
    line-height:normal;
    margin:15px 0 15px 0;   
}
DIV#news A.iconCalender {
    background:url(../images/iconCalender.gif) center left no-repeat;
    padding:0 20px 0 20px;
    margin:0;
    line-height:normal;
    text-decoration:none;
}
DIV#puffOne {
    background:url(../images/bgFriends.gif) top left no-repeat;
    color:#fff;    
    height:60px;    
    margin-top:2px;
    padding-top:20px;
    width:240px;   
}
DIV#puffOne H2 {
    font-size:1.6em;
    margin-left:70px;
}
DIV#puffOne P {
    color:#fff;
    font-size:1.1em;    
    margin:5px 0 0 70px;    
}
DIV#puffOne A {
    color:#fff;
    text-decoration:none; 
}
DIV#puffOne A:HOVER {
    text-decoration:none; 
}

/* COL 2 */

DIV#colTwo {
    display:inline;
    float:left;
    margin:20px 0 0 10px;
    width:470px; 
}
DIV#products {
    background:url(../images/bgProductsBottom.gif) bottom left repeat-y;
    padding:0 0 20px 0;
}
DIV#products H2 {
    background:url(../images/bgProductsTop.gif) top left no-repeat;    
    color:#fff;
    font-weight:bold;
    font-size:1.3em;
    line-height:1.4em;
    padding:15px 0 15px 20px;
}
DIV#buyWebsite {
    display:inline;
    float:left;
    margin:10px 10px 0 40px;
    width:180px;
}
DIV#buyWebsite P {
    font-size:1.1em;
    line-height:normal;
}
DIV#buyWebsite P.buy {
    background:url(../images/bgBuyTop.gif) top left no-repeat; 
}
DIV#buyWebsite A {
    background:url(../images/bgBuyBottom.gif) bottom left no-repeat;
    display:block;    
    font-weight:bold;
    padding:5px 2px 5px 28px;
    text-decoration:none;
}
DIV#buyStore A:HOVER {
    text-decoration:none;    
}
DIV#buyStore {
    display:inline;
    float:right;
    margin:10px 40px 0 0;    
    width:180px;    
}
DIV#buyStore P {
    font-size:1.1em;
    line-height:normal;
}
DIV#buyStore P.buy {
    background:url(../images/bgBuyTop.gif) top left no-repeat;    
}
DIV#buyStore A {
    background:url(../images/bgBuyBottom.gif) bottom left no-repeat;
    display:block;
    font-weight:bold;
    padding:5px 2px 5px 28px;    
    text-decoration:none;    
}
DIV#buyStore A:HOVER {
    text-decoration:none;    
}

/* COL 3 */

DIV#colThree {
    display:inline;
    float:left;
    margin:15px 0 0 10px;
    width:240px; 
}
DIV#puffTwo {
    background:url(../images/bgMeet.gif) top left no-repeat;
    height:70px;
    margin:0;
    padding:0;
    position:relative; 
}
DIV#puffThree {
    background:url(../images/bgSpotlight.jpg) top left no-repeat;
    height:240px;
    margin:16px 0 0 0;
}
DIV#puffThree P {
    color:#fff;
    font:bold 14px/16px Arial;
    margin:0 15px 0px 15px;
    padding:15px 0 0 0;    
}
DIV#puffThree A {
    background:url(../images/iconLargeArrowRightGreenBg.gif) center left no-repeat;
    font:bold 18px/25px Arial;
    color:#fff;
    padding:5px 0 5px 30px;
    text-decoration:none;
}
DIV#puffFour {
   background:url(../images/bgRecipe.jpg) top left no-repeat;
   height:95px;
   margin:5px 0 0 0;
   position:relative;
}
/* Common puffar */
DIV#puffTwo P, DIV#puffFour P  {
    position:absolute;
    left:12px;
    bottom:2px;
    margin:0;
    padding:0;
}
DIV#puffTwo A, DIV#puffFour A{
    color:#fff;
    font-size:0.9em;
    font-family:Arial, Sans-Serif;
    font-weight:bold;    
    text-decoration:none;
}
DIV#puffTwo A:HOVER, DIV#puffFour A:HOVER {
    text-decoration:none;
}

/*
 *      CONTENT SUBPAGE
 *
 */

BODY#subpage DIV#placeholderContent {
    background:url(../images/bgPlaceholderContentTop.gif) left top no-repeat;
    padding:10px 0 0 0;
    margin:15px 0 0 0;
}
BODY#subpage DIV#placeholderContentInner {
    background:url(../images/bgPlaceholderContentMiddle.gif) left top repeat-y;
    padding:0 0 20px 0;
}
BODY#subpage DIV#content { 
    display:inline;
    float:left;
    margin:0 0 0 0;
    padding:0;
    width:710px;  
}
BODY#subpage DIV#content DIV#img { 
    height:299px;
    width:710px;
    position:relative;
    padding:0;
    margin:0 0 10px 0; 
}
BODY#subpage DIV#content DIV#img IMG { 
    top:0;
    position:absolute;
    right:0;    
}
BODY#subpage DIV#content DIV#caption { 
    bottom:0;
    position:absolute;
    right:0;
    padding:0; 
    margin:0;
}
BODY#subpage DIV#content DIV#caption P { 
    background:#953830;    
    color:#fff;    
    font: bold 1.2em/1.4em "Arial";
    margin:0;
    padding:3px 5px;

}
BODY#subpage DIV#primaryContent { 
    margin:0 0 40px 0;
    padding:20px 40px 0 40px;    
    width:630px;  
}
FIELDSET#formContactinfo {
    margin:20px 0 20px 0;
}

/* BLOG */
DIV.blogItem { margin-bottom:3.5em; border-bottom:solid 1px #ccc;}
DIV.blogItem H2 
{
    margin-top:0.5em}
DIV.blogItem SPAN 
{
    font: 1em/1em Arial, Sans-seriff;
    text-transform:uppercase;
} 
DIV.blogComment 
{
    margin-bottom:20px;
}
DIV.commentPosted 
{
    float:left;
    width:150px;

}
DIV.commentPosted P
{
        font: 1em/1.6em Arial, Sans-seriff;
    text-transform:uppercase;
    margin:0;
}
DIV.commentMessage
{
    float:right;
    width:470px;

}
DIV.leaveComment 
{
    padding:10px;
    background:#efefef;
    border:1px #ccc solid;
}

/* SIDEBAR */

DIV#sidebar { 
    display:inline;
    float:left;
    margin:0 15px 0 3px;
    width:230px;
}
DIV#sidebar H2 {
    background:url(../images/bgSidebarTop.gif) top left no-repeat;    
    color:#fff;
    font-weight:bold;
    font-size:1.3em;
    padding:10px 0 9px 15px;
    margin:0 0 0 8px;
}
DIV#sidebar H3 { 
    font-family:"Arial", Sans-Serif;
    margin:2em 0 0.5em 8px;
}
DIV#sidebar UL { 
    font:1.2em/1.8em Arial;    
    list-style-type:none;
    margin:0 0 0 8px;
    padding:0;
    width:220px;
}
DIV#sidebar LI { 
    margin:0
}
BODY#subpage DIV#content IMG { 
    margin:0 0 20px 0;  
}

/* RELATED */

DIV#sidebar DIV#related {
    margin-top:20px;
    margin-left:6px;
    background:url(../images/bgRelatedBottom.gif) bottom left no-repeat;
}
DIV#sidebar DIV#related H3
{
    background:url(../images/bgRelatedTop.gif) top left no-repeat;
    margin:0;
    padding:0;
}
DIV#sidebar DIV#related H3, DIV#sidebar DIV#related P
{
    padding:15px;
}

/* pagetools */
DIV#related UL
{
    width:190px;
    margin-left:15px;
    padding-bottom:15px;
}
DIV#related UL LI A 
{
    color:#4866a8;
    padding-left:12px;
    background:url(../images/iconArrow.gif) center left no-repeat;
    text-decoration:none;
}



/* News */

.newsItem {
    padding:10px;
    margin:0 0 10px 0;
    width:500px;
}
.newsItemBg {
    padding:10px 10px 10px 10px; 
    margin:0 0 10px 0;    
    background:#efefef;
    width:500px;    
}
.newsItem H3 {

}
.newsItem A {

}
.newsItem P {
}
.newsItem SPAN, .newsItemBg SPAN {
    display:block;
    font:bold 0.8em "Arial";
    margin:5px 0 0 0;
}

/* IMG ROLLOVER */

DIV#pic {
    position:relative;
}
DIV#pic A .hotspot {
    width:35px;
    height:37px;
    position:absolute;
}
DIV#pic .hogrev A .hotspot {
    top:40px;
    left:460px;
}
DIV#pic .entrecote A .hotspot {
    top:40px;
    left:490px;
}
DIV#pic .biffochfile A .hotspot {
    top:40px;
    left:530px;
}
DIV#pic .rostbiff A .hotspot {
    top:40px;
    left:560px;
}
DIV#pic .lar A .hotspot {
    top:65px;
    left:570px;
}
DIV#pic .bog A .hotspot {
    top:65px;
    left:510px; 
}
DIV#pic A:HOVER .hotspot {
    background:url(../images/circle.gif) no-repeat;
}
DIV#pic A:HOVER .link {
    color:#888;
}


/*
 *      FOOTER
 *
 */

/* Index */

BODY#start DIV#footer {
    background:url(../images/bgFooterBottom.gif) 5px bottom no-repeat; 
    padding:0 0 9px 0;
    margin:25px 0 0 0;  
}
BODY#start DIV#footer P {
    background:url(../images/bgFooterIndexTop.gif) top left no-repeat;
    color:#fff; 
    font-size:1.1em;
    font-weight:bold;     
    height:2.2em;    
    margin:0 0 0 5px;     
    padding:15px 10px 0px 15px;    
    text-align:center;
}

/* Subpage */

DIV#footer {
    background:url(../images/bgFooterBottom.gif) 5px bottom no-repeat; 
    padding:0 0 9px 0;
    margin:0 0 0 0;  
}
DIV#footer P {
    background:url(../images/bgFooterTop.gif) top left no-repeat;
    color:#fff; 
    font-size:1.1em;
    font-weight:bold;     
    height:2.2em;    
    margin:0;     
    padding:55px 10px 0px 15px;    
    text-align:center;
}
DIV#footer A {
    color:#fff;
    text-decoration:underline;    
}
DIV#footer A:HOVER  {
    text-decoration:none;   
}

/*
 *      PRODUCTION
 *
 */

DIV#production {
    float:right;
    margin:0.5em 10px 0 0;     
}
DIV#production P {
    font-size:1.1em;
    font-weight:normal; 
    font-family:"Arial", Sans-Serif;
}
DIV#production A {
    color:#666;
    text-decoration:none;
}
DIV#production A:HOVER {
    text-decoration:underline;
}

/*
 *      CLASSES
 *
 */

.hide {
    position: absolute;
	left: -9999px;
	z-index: 100;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block; clear:both;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.floatLeft  {
    display:inline;
    float:left;
}
.floatRight  {
    display:inline;    
    float:right;
}