/*------------------------------------------\\\\
| Author:       |    Edvard Wendelin        |
| Created:      |    02.01.2004             |
| Notes:        |    Created for Sverbe     |
\\\\------------------------------------------*/ 

/* Formspecific definitions */
.form_table { font-family: verdana; font-size: 10px; border-collapse: collapse; padding:0; width: 100%; }
.form_table .label_td { width: 150px; }
.form_table .group_td { font-weight:bold; }
.form_table .field_td { }
.form_table .field_input { width: 250px; font-family: verdana; font-size: 10px; }
.form_table textarea { height:60px; }
.form_table .button { font-family: verdana; font-size: 10px; width:80px; }

body {background: #E2E2E2; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; margin: 0; padding: 0 0 20px 40px;}
  
  /* The contaienrs are for the shadoweffect where number 1 is the 
     one containing the shadowcolor, 2 is for the top-right image 
     creating the shadoweffect, 3 is for the bottom-left and finally
     4 is for the content it self
  */
  #container1 {background: #717171; width: 703px; margin: -1px 0; height: auto; }
    #container2 {background: url(../img/shadow_corner.gif) top right no-repeat; }
      #container3 {background: url(../img/shadow_corner.gif) bottom left no-repeat;  padding: 0 3px 3px 0; }
        #container4 {background: #FFF url(../img/vertical_line.gif) 174px 20px no-repeat ; width: 697px; border: solid #000; border-width: 0 1px 1px 1px; padding: 15px 0 0 0;}

        /* Clears the floating columns so that the text will fit in the container */
        /* Hides from IE-mac \\\\*/
        #container4:after {content: ".";  display: block;  height: 0; clear: both; visibility: hidden;}
        /* End hide from IE-mac */
          #logo { background: url(../img/logo.jpg) ; width: 100%; height: 180px; border: solid #000; border-width: 1px 0;}
            #logo a {text-decoration: none; width: 100%; height: 100%; display: block;}
          
          /* The menu for Sverbe */
          #menu {margin: 0; padding: 0; list-style: none; background: url(../img/menu_bg.gif); height: 18px; }
            li {float: left; display: block; width: 25%; text-align: center; background: url(../img/menu_bg_right.gif) top right no-repeat; }
            /* hover effect for the non-ie users since ie doesn't support hover psuedo on other elements than a */
            li:hover, .active {background: url(../img/menu_bg_right_hover.gif) top right no-repeat;}
              /* line-height is for centering the text vertically */
              #menu li a { line-height: 16px; display: block; width: 100%; background: url(../img/menu_bg_left.gif) top left no-repeat; color: #333; text-decoration: none; font-weight: bold;}
              #menu li a:hover { text-decoration: underline; }

          /* Clears the li floats so that the content starts below the menu */
          /* Hides from IE-mac \\\\*/
          #menu:after {content: ".";  display: block;  height: 0; clear: both; visibility: hidden;}
          /* End hide from IE-mac */

          #pageInfo {background: url(../img/pageinfo_bg.gif); height: 25px;}
          #pageInfo h3 {margin: 0 0 0 205px; padding:0; font-family: Arial, Helvetica, sans-serif; font-weight: normal; color: #FFF; font-size: 13px; line-height: 25px; display: block;}
          
          #wideColumn {float: right; width: 74%; padding: 15px 0;}
            #wideColumn div {padding: 0 10px; margin: 0 10px;}
            /* Lemon textbox-hack for Mozilla */
            #wideColumn>div {height: auto !important;}
              #wideColumn p {color: #333;}
              #house #wideColumn img {border: 1px solid #000; margin: 35px 0 0 0;}

          #narrowColumn {float: left; width: 25%; padding: 15px 0;}
            #narrowColumn div {padding: 0 10px; margin: 0 10px;}
            /* Lemon textbox-hack for Mozilla */
            #narrowColumn>div {height: auto !important;}
              #narrowColumn p {color: #666;}
              
              /* -------------- rules for (house.con) -------------- */
              #house #narrowColumn h4 {margin: 0;}
              #house #narrowColumn img {display: block;}
              #house #narrowColumn a {text-align: center; display: block;}
              #house #narrowColumn p a {display: inline;}
              #house #narrowColumn p {text-align: center;}
              /* end */
              
              #narrowColumn img {margin: 15px 0 0 0; padding: 0; border: 1px solid #000;}
            
          #footer {clear: both; background: #424242; color: #FFF; height: 35px; margin: 40px 0 0 0;}
            #footer dl {margin: 0; border: solid #000; border-width: 1px 0 0 0;}
            /* Hides from IE-mac \\\\*/
            #footer dl:after {content: ".";  display: block;  height: 0; clear: both; visibility: hidden;}
            /* End hide from IE-mac */
              #footer dt {font-weight: bold; float: left; padding: 2px 0 0 15px;}
                #footer a {font-weight: bold; color: #FFF; text-decoration: none;}
              #footer dd {float: right; margin: 0; padding: 2px 15px 0 5px;}


/* ------------------- General Styles (not affected by xHTML indents) ------------------- */
H1 {font-size: 20px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; color: #B2B15B;} /* Stor rubrik */
H2 {font-size: 11px; font-family: Arial, Helvetica, sans-serif;  color: #333;} /* Liten rubrik */
H4 {font-size: 18px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; color: #B2B15B;} /* Medelstor rubrik */
p {line-height: 15px; }
td {font-size: 10px; color: #333;}
a {color: #0033FF; text-decoration: none;}
a:hover {text-decoration: underline;}
input, textarea {font-size: 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}

#house table {font-size: 10px;}
#house td {border: solid #CCC; border-width: 0 0 1px 0; padding: 6px 0; vertical-align: top;}
#house td p {margin: 0;}

/* the standard form */
.normal td {border: 0;}