/******************************************************************************
 * CSS Document
 */
 
 /******************************************************************************
 * body
 */
 
/* This tag gouverns the look of the entire bopy and all text placed directly in it. */
body {background-color:#f3f3f3;margin:0px;font-family:arial,verdana,sans-serif;color:#330000}

/******************************************************************************
 * images
 */

/* This tag makes sure that no images will by default have borders.*/
img {border:none}

/******************************************************************************
 * lists
 */
 
/* This tag makes unordered lists appear closer to the left side.*/
ul {}

/* This tag makes ordered lists appear closer to the left side.*/
ol {}

/******************************************************************************
 * layers
 */
 
/* This tag makes the homepage centered.*/
.center_div {position:absolute;top:0px;width:100%;height:100%;vertical-align:top}
 
/* This tag sets the position of the content.*/
.main_div {position:relative;top:0px;width:748px;height:100%;vertical-align:top}

/* This tag creates the white background sheet for the main content.*/
.content_div {position:relative;top:-54px;width:748px;background-color:#ffffff;border-left:1px solid #a7a49f;border-right:1px solid #a7a49f;border-bottom:1px solid #a7a49f;padding-bottom:43px}

/* This tag creates the white background sheet for the main content in the starting page.*/
.content_div_startsida {position:relative;top:-54px;width:748px;background-color:#ffffff;border-left:1px solid #a7a49f;border-right:1px solid #a7a49f;border-bottom:1px solid #a7a49f}

/* This tag sets the position of the logotype.*/
.logotype_div {position:relative;z-index:50;top:10px;left:17px;width:132px;height:132px}

/* This tag sets the position of copyright-text.*/
.c_div {position:relative;top:-88px;left:628px;font-weight:bold;font-size:11px}

/* This tag creates a fade in the top of the main content.*/
.background_fade_top {position:absolute;top:0px;left:0px;background-image:url(bilder/bakgrund_toning_top.gif);width:100%;height:24px}

/* This tag creates a fade in the bottom of the main content.*/
.background_fade_bottom {position:relative;top:10px;left:0px;background-image:url(bilder/bakgrund_toning_botten.gif);width:100%;height:34px}

/* This tag couverns the "Hälsåvänliga produkter-box.*/
.halsovanliga_produkter {position:relative;top:-25px;left:0px;width:319px;height:88;background-image:url(bilder/bakgrund_halsovanliga.jpg)}

/* This tag sets the position of the webbmaster-link.*/
.webbmaster_div {position:relative;top:-50px;left:0px;width:100%;font-weight:bold;font-size:10px;vertical-align:top;color:#817e78;padding-bottom:20px}

/* This tag sets the position and borders of the right pictures.*/
.picture {position:absolute;top:24px;left:527px;border:1px solid #a7a49f}

/******************************************************************************
 * form objects
 */

/* */
input {}

/* This tag sets the look of text represented inside any textfield-tag.*/
input.textfield {}

/* */
input.button {}

/* */
select {}

/* This tag sets the look of text represented inside text areas.*/
textArea {}

/******************************************************************************
 * text
 */

/* This tag gouverns all main headings. */
h1 {position:relative;top:-10px;left:90px;font-family:arial,verdana,sans-serif;font-size:150%;font-weight:bold;color:#564236;line-height:100%}

/* This tag gouverns all the main headings in the starting page. */
h1.startsida {display:none}

/* This tag gives the main header a new look. */
.heading_div_startingpage {position:relative;top:0px;left:0px;background-image:url(bilder/startsida_rubrik.gif);width:550px;height:35px}

/* This tag gouverns all second headings. */
h2 {font-family:arial,verdana,sans-serif;font-size:100%;font-weight:bold;color:#564236;line-height:50%}

/* This tag places the texts in the contact form correctly contact page. */
.kontakt {position:relative;top:0px;left:-90px}

/* This tag gouverns the main text in the starting page. */
.startsida_text {position:relative;top:-17px;left:0;width:315px;font-size:75%}

/* This tag gouverns the main text in all pages butt the starting page. */
.text {font-size:75%}

/* This tag gouverns the kontact form. */
.text_kontakt {position:relative;top:0px;left:-90px;font-size:75%}

/* This tag sets the position for the main text in all pages butt the starting page. */
.text_div {position:relative;top:23px;left:90px;width:315px}

/* This tag gouverns the main text in all pages butt the starting page. */
.small_text {font-family:verdana,arial,sans-serif;font-size:70%;color:#817e78}

/* This tag gouverns the main text in the contact page. */
.small_text_kontakt {position:relative;top:0px;left:-90px;font-family:verdana,arial,sans-serif;font-size:70%;color:#817e78}

/* This tag gouverns the error message headings. */
.red_heading  {font-family:verdana,arial,sans-serif;font-size:75%;font-weight:bold;color:#CC3300}

/* This tag gouverns the error message texts. */
.red  {font-family:verdana,arial,sans-serif;font-size:75%;color:#CC3300}

/* This tag gouverns the error message texts. */
.red_kontakt {position:relative;top:0px;left:-90px;font-family:verdana,arial,sans-serif;font-size:65%;color:#CC3300}

/******************************************************************************
 * links
 */

/* These tags makes all anchor points display without frames. */
a, a:hover, a:active, a:visited {border:none}

/* These tags makes the anchor poit.text in the page footer brown. */
a.footer, a.footer:active, av:visited {color:#817e78;text-decoration:none}
a.footer:hover {color:#817e78;text-decoration:underline}

/******************************************************************************
 * cells
 */
 

/******************************************************************************
 * tables
 */

/******************************************************************************
******************************************************************************
******************************************************************************
******************************************************************************
******************************************************************************
 * misc.
 */
 
 /* Elements assigned to this class does not occupy any space in the HTML code. */
 .hidden_element {display:none}
 
/******************************************************************************
 * main menu
 */
 
/* These tags gouverns the main menu. */
table.top_bar_table {position:relative;top:-42px;border:1px solid #787063;width:748px;height:27px;background-image:url(bilder/main_menu/top_bar_background.gif)}

/******************************************************************************
 * Text-boxar
 */

/* This tag sets the size and position of the "Vad vi gör"-text box in the starting page. */
table.box_table_startingpage {position:absolute;top:71px;left:18px;border:none;width:1%;table-layout:fixed}

/* This tag sets the size and position of the "Vad vi gör"-text box in all pages but the starting page. */
table.box_table {position:absolute;top:24px;left:18px;border:none;width:146px}

/* This tag gives the text boxes grey left borders. */
td.box_left_border {width:1px;background-color:#a7a49f}

/* This tag gives the text boxes shadowed right borders. */
td.box_right_border {width:6px;background-image: url(bilder/bakgrund_skugga.gif)}

/* This tag gouverns the text in the "Vad vi gör"-box. */
td.vad_vi_text {line-height:13px;text-align:center;vertical-align:top;font-weight:bold;font-size:70%;color:#817e78;width:139px}

/* These tags gouverns the anchor points in the "Vad vi gör"-box. */
a.vad_vi_link, a.vad_vi_link:active, a.vad_vi_link:visited {text-decoration:none;color:#817e78}
a.vad_vi_link:hover {text-decoration:underline;color:#817e78}

/* This tag sets the size and position of the "Andas ren luft"-text box. */
table.box_table_andas {position:absolute;top:71px;left:533px;border:none;width:195px}

/* This gouverns the bottom td in the "andas rent"-text box. */
td.box_bottom_andas {background-image:url(bilder/ren_luft_bottom.gif);height:61px;width:195px}

/* This tag gouverns the text in thr "Andas rent"-box. */
td.andas_text {text-align:left;vertical-align:top;font-weight:bold;font-size:70%;color:#817e78}