*
{
    margin: 0px;
    padding: 0px;
    font-family: Arial;
}

/*  -- TAGGAR --  */
body
{
    background-image: url(../grafik/BG_toning.jpg);
    background-repeat: repeat-x;
    background-color: #80B3E3;
    font-size:0.75em;
}

p
{
    margin-top: 5px;
    margin-bottom: 3px;
}

img
{
    border: none;
}

hr
{
    border: 1px solid #eeeeee;
    height:1px;
    display:block;
    padding:0;
}


h1
{
    padding-top: 0.3em;
}


a
{
    color: #022B78;
    font-weight: bold;
    text-decoration: none;
}
a:hover
{
    text-decoration: underline;
}

/*  -- LAYOUT --  */
#page_outer
{
    width: 982px;
    overflow: hidden;
    margin: 0 auto;
}

#page
{
    width: 960px;
    background-image: url(../grafik/pageshadows/page_shadow.gif);
    margin-top: 15px; /* 44 */
    float: left;
}

/* avstängd tills vidare */
#LinkPath
{
    display: none;
    padding-top: 25px;
    padding-left: 10px;
    height: 20px;
    color: White;
    font-size: 110%;
}

#LinkPath a
{
    color: White;
}

#page_bottom
{
    display: block;
    height: 5px;
    overflow: hidden;
    float: left;
    width: 960px;
    background-image: url(../grafik/pageshadows/botten.jpg);
}

#page_footer
{
    width: 960px;
    text-align: center;
}

#content
{
    float: left;
    width: 952px;
}

#topp
{
    width: 100%;
    background-color: Silver;
    float: left;
}

#main
{
    background-color: #ffffff;
    width: 952px;
    float: left;
    padding-bottom: 20px;
    overflow: hidden;
}


/* -- PUFFAR/ARTIKLAR -- */
.puff_outer
{
    background-color: #ffffff;
    float: left;
    display: block;
    z-index:20;
    position:relative;
}
iframe
{
}

.puff
{
    float: left;
    display: block;
    overflow: hidden;
}
.puff_inner
{
    overflow: hidden;
    display: block;
    width: 100%;
    float: left;
}

.puff_frame_topleft
{
    display: block;
    width: 8px;
    height: 10px;
    float: left;
    background-image: url(../grafik/puffram/tl.gif);
    overflow: hidden;
}

.puff_frame_topmiddle
{
    display: block;
    height: 8px;
    float: left;
    background-image: url(../grafik/puffram/tm.gif);
    overflow: hidden;
}

.puff_frame_topright
{
    display: block;
    width: 8px;
    height: 10px;
    float: left;
    background-image: url(../grafik/puffram/tr.gif);
    overflow: hidden;
}

.puff_frame_middleleft
{
    display: block;
    width: 8px;
    float: left;
    background-image: url(../grafik/puffram/ml.gif);
    overflow: hidden;
}

.puff_frame_middleright
{
    display: block;
    width: 8px;
    float: left;
    background-image: url(../grafik/puffram/mr.gif);
    overflow: hidden;
}

.puff_frame_bottomleft
{
    display: block;
    width: 8px;
    height: 10px;
    float: left;
    background-image: url(../grafik/puffram/bl.gif);
    overflow: hidden;
}

.puff_frame_bottommiddle
{
    display: block;
    height: 10px;
    float: left;
    background-image: url(../grafik/puffram/bm.gif);
    overflow: hidden;
}

.puff_frame_bottomright
{
    display: block;
    width: 8px;
    height: 10px;
    float: left;
    background-image: url(../grafik/puffram/br.gif);
    overflow: hidden;
}

.puff_article
{
    width: 100%;
    padding: 4px 0px 6px 0px;
    float: left;
    clear: both;
    overflow:hidden;
}

.puff_article p img
{
    margin-right: 10px
}

.puff_article h1
{
    font-weight: bold;
    font-size: 110%;
    
}

.puff_article li
{
    padding-left: 0px;
    margin-left: 3em;
}

.puff_link
{
    display: block;
    color: #022B78;
    font-weight: bold;
    text-decoration: none;
    padding-top:2px;
}

.puff_link:hover
{
    text-decoration: underline;
}

/**/
#Conference
{
}

#Conference td
{
    padding: 4px;
}

.SearchList
{
    width: 100%;
}

.SearchList h2
{
    font-size:1.2em;
}

.SearchList b
{
    font-size:0.9em;
}




/* -- Webkunder (Klienter) -- */
.client
{
    clear: both;
    float: left;
    width: 100%;
    padding: 4px 0px 15px 0px;
}

.client h1
{
    font-weight: bold;
    font-size: 110%;
    padding-top: 0em;
}

.client h2
{
    font-size: 100%;
    font-weight: bold;
    padding-bottom: 0.1em;
    padding-top: 0.1em;
    padding-left: 0.5em;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}


.clientImage
{
    border: 1px solid silver;
    background-color: #e9e9e9;
    padding: 4px;
    margin: 10px;
    width: 183px;
    display: block;
    float: right;
    text-align: center;
}
.clientImageInner
{
    display: block;
    width: 183px;
    height: 230px;
}

.clientImage a
{
    font-weight:normal;
}
    

.articleSlideshow
{
    width: 100%;
    display: block;
    overflow: hidden;
    float: left;
    text-align: center;
    border-bottom: 2px solid white;
}
.articleSlideshow a
{
    font-weight:normal;
}

.articleSlideshowInner
{
    display: block;
    float: left;
    text-align: center;

}


.clientImage img
{
    border: none;
}

#ClientSearchHolderInner
{
    padding: 2% 4%;
    width: 92%;
    float: left;
}

#ClientSearchHolder
{
    background-color: #e9e9e9;
    width: 100%;
    float: left;
    margin-bottom: 10px;
}



/* -- Recept -- */
#RecipeSearchHolderInner
{
    padding: 4%;
    width: 92%;
    border-top: 2px solid white;
    float: left;
}

#RecipeSearchHolder
{
    background-color: #e9e9e9;
    width: 100%;
    margin-bottom: 10px;
    float: left;
}



/* -- Stilar -- */
#page_footer
{
    font-weight: bold;
    padding: 5px 0;
}
#page_footer a
{
    color: Black;
    text-decoration: none;
}

#page_footer a:hover
{
    text-decoration: underline;
}

/* -- Vänstermeny -- */
.leftmenu
{
    width: 100%;
}

.leftmenu li
{
    display: block;
    width: 100%;
    border-bottom: 1px solid #e9e9e9;
}

.leftmenu li a
{
    color: Black;
    text-decoration: none;
    display: block;
    width: 100%;
    height: 1.8em;
    padding-top: 0.5em;
    font-weight: normal;
    font-size: 110%;
    font-family: Arial;
    overflow: hidden;
}

.leftmenu li a.selected
{
    background-color: #e9e9e9;
}


.leftmenu li a:hover
{
    background-color: #e9e9e9;
    text-decoration: none;
}


/* -- Toppmeny -- */
#topmenu
{
    float: left;
    width: 100%;
    background-image: url(../grafik/toppmeny/toppmeny_bg.gif);
    text-align: right;
}

#topmenu img
{
    border: none;
}

/* -- Meny -- */
#menu
{
    float: left;
    width: 100%;
    background-image: url(../grafik/meny/slut.jpg);
}

#menu img
{
    border: none;
    float: left;
}

/* -- Övrigt -- */
.left
{
    float: left;
}

.center
{
    text-align: center;
}

.fullwidth
{
    width: 100%;
}

.rightborder
{
    border-right: 5px solid white;
}

.imageContainer
{
    width: 100%;
    background-color: #e9e9e9;
    text-align: center;
}

.imageContainerLeft130
{
    width: 130px;
    height: 143px;
    background-color: #e9e9e9;
    text-align: center;
    display: block;
    margin-right: 5px;
    overflow: hidden;
    float: left;
}

.imageContainerLeft169
{
    width: 169px;
    height: 143px;
    background-color: #e9e9e9;
    text-align: center;
    display: block;
    border-right: 5px solid white;
    overflow: hidden;
    float: left;
}

.defaultPadding
{
    padding: 4px 4px 4px 4px;
}

/* Kontaktformulär */
div.ContactForm div.Row
{
    width: 456px;
    height: auto;
    overflow: hidden;
    margin-bottom: 5px;
}
div.ContactForm div.Row p.Label
{
    width: 150px;
    height: auto;
    overflow: hidden;
    float: left;
    display: inline;
    margin: 1px 10px 0 0;
    text-align: right;
}
div.ContactForm div.Row p.Input
{
    width: 296px;
    height: auto;
    overflow: hidden;
    float: left;
    display: inline;
    margin: 0;
}
div.ContactForm div.Row p.Input .TextBox, div.ContactForm div.Row p.Input .TextArea
{
    padding: 1px;
    width: 245px;
    font-size: 11px;
}
div.ContactForm div.Row p.Input .TextBox, div.ContactForm div.Row p.Input .TextArea
{
    border: 1px solid Black;
}
div.ContactForm div.Row p.Input .TextArea
{
    height: 86px;
    overflow: auto;
}
div.ContactForm div.Row input.SubmitButton
{
    display: block;
    margin: 10px auto 0;
    font-weight: bold;
    width: 78px;
    height: auto;
}

/*Formulär*/
.form
{
    float: left;
    width: 542px;
}

.form_inner
{
    float: left;
    padding: 3%;
    width: 94%;
}
/*artikel/webkundsfot*/
.footer
{
    width:100%;
    float:left;
    display:block;
    border-top:5px solid #ffffff;
    border-bottom:15px solid #ffffff;
    overflow:hidden;
    clear:both;
}

.articleInfo
{
    width:193px;
    height:auto;
    float:right;
    margin-left:10px;
}

#QuestionOfTheDay
{

    float:left;
    width:100%;
}

#QuestionOfTheDay .ButtonRow
{
    width:100%;
    clear:both;
}

#QuestionOfTheDay p
{
    padding-bottom:8px;
}

.graylinedivider
{
    width:100%;
    background-color:#eeeeee;
    float:left;
    height:2px;
    margin-bottom:2px;
}

.Hidden { display: none !important; }
.bottom5 
{
        margin-bottom:5px;  
}

div#EventComments { width: 100%; overflow: hidden; border-top:10px solid White;}
div#EventComments ul.RatingList { width: 100%; overflow: hidden; font-size: 100%; margin: 0 0 20px 0; }
div#EventComments ul.RatingList li { float: left; display: inline; }
div#EventComments ul.RatingList li.Label { width: 25%; }
div#EventComments ul.RatingList li.AverageRating { width: 20%; }
div#EventComments ul.RatingList li.AverageRating div.Rating { display: inline; }
div#EventComments ul.RatingList li.AverageRating div.Rating img { float: left; display: inline; margin-right: 1px; }
div#EventComments ul.RatingList li.AverageRatingLabel { width: 25%; }
div#EventComments ul.RatingList li.CommentLink { width: 29%; text-align: right; }
div#EventComments div.InputPanel { width: 520px;  overflow: hidden; margin: 0 0 0px 0; }
div#EventComments div.InputPanel p.Description { margin: 0 0 20px 0; }
div#EventComments div.InputPanel div.Input { width: 100%; overflow: hidden; margin: 0 0 10px 0;height:80px; }
div#EventComments div.InputPanel div.Input p.TextBox { float: left; display: inline; margin: 0 30px 0 0; }
div#EventComments div.InputPanel div.Input p.TextBox input { width: 180px; padding: 2px; font-size: 100%;  }
div#EventComments div.InputPanel div.Input p.TextArea textarea { padding: 2px; width: 350px; height: 49px; }
div#EventComments div.InputPanel div.Input p.DropDownList select { width: 50px; padding: 1px; font-size: 100%; }
div#EventComments div.InputPanel div.Input p.DropDownList { float: left; display: inline; }
div#EventComments div.InputPanel div.Input p.TextArea { float: left; display: inline; }
div#EventComments div.InputPanel div.Input p.SubmitButton { float: left; display: inline; margin: 55px 0 0 48px; }

div#EventComments div.CommentsPanel { width: 100%; overflow: hidden; }
div#EventComments div.CommentsPanel div.Comment { width: 100%; overflow: hidden; margin: 0 0 0 0;}
div#EventComments div.CommentsPanel div.Comment div.Header { width: 100%; overflow: hidden; }
div#EventComments div.CommentsPanel div.Comment div.Header h1 { width: 30%; overflow: hidden; float: left; display: inline; font-size: 100%; }
div#EventComments div.CommentsPanel div.Comment p.Text { width: 89%; overflow: hidden; float: left; display: inline;padding:none;margin:none;margin-top:0px; }
div#EventComments div.CommentsPanel div.Comment p.Report { width: 10%; overflow: hidden; text-align: right; }
div#EventComments div.CommentsPanel div.Comment p.Author { width: 100%; overflow: hidden; clear: both; font-weight:bold; margin-top:0px;margin-bottom:0px; }





div#EventComments div.CommentsPanel div.ReportForm { width: 528px; padding: 10px; overflow: hidden; margin: 0 0 15px 0; }
div#EventComments div.CommentsPanel div.ReportForm div.Input { width: 100%; overflow: hidden; margin: 10px 0 0 0; }
div#EventComments div.CommentsPanel div.ReportForm div.Input p.TextBox { float: left; display: inline; margin: 0 30px 0 0; }
div#EventComments div.CommentsPanel div.ReportForm div.Input p.TextBox input { width: 150px; padding: 2px; font-size: 100%;}
div#EventComments div.CommentsPanel div.ReportForm div.Input p.TextArea textarea { padding: 2px;  width: 298px; height: 49px; }
div#EventComments div.CommentsPanel div.ReportForm div.Input p.SubmitButton { float: left; display: inline; margin: 55px 0 0 48px; }
div#EventComments div.CommentsPanel div.ReportForm div.Input p.TextArea { float: left; display: inline; }

.puff_highlight .client
{
    padding:4px 0 4px;
}

#main div.SearchList div.client h1{
 margin-bottom:6px;
}

#main div.SearchList div.client div.RateAndButton{
 float:right;
}

#main div.SearchList div.client div.RateAndButton img{
 float:left;
}

#main div.SearchList div.client div.RateAndButton div.PrevRating{
 float:left;
  margin-right:6px;
}