body { background: url(../img/bg.gif) repeat-y center;  margin:0; padding:0; font-size: 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; background-color:#FFF; }

  #container1 { background: #E8E8E8; width: 736px; margin: 20px auto; 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/bg.gif) repeat-y; ; width: 736px;padding:  0; position: relative;}
        /* Hides from IE-mac \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
        #container4:after {content: ".";  display: block;  height: 0; clear: both; visibility: hidden;}
        /* End hide from IE-mac */

	#toptop { position:relative; height: 19px; background: url(../img/top.gif); }
	  #se { cursor:hand; cursor:pointer; position: absolute; left:640px; top:5px; width:27px; height:16px; }
		#se a { display:block; background: url(../img/dimmed.gif) no-repeat 4px 1px; width:27px; height:16px; }
		#se a:hover { display:block; background: url(../img/se.gif) no-repeat; width:27px; height:16px; }
	  #fi { cursor:hand; cursor:pointer; position: absolute; left:670px; top:5px; width:27px; height:16px; }
		#fi a { display:block; background: url(../img/dimmed.gif) no-repeat 4px 1px; width:27px; height:16px; }
		#fi a:hover { display:block; background: url(../img/fi.gif) no-repeat; width:27px; height:16px; }
	  #en { cursor:hand; cursor:pointer; position: absolute; left:700px; top:5px; width:27px; height:16px; }
		#en a { display:block; background: url(../img/dimmed.gif) no-repeat 4px 1px; width:27px; height:16px; }
		#en a:hover { display:block; background: url(../img/en.gif) no-repeat; width:27px; height:16px; }

    #top { position:relative; background-color:#FFD742; width: 100%; height: 46px; }
      #topmenu { position:absolute; top:19px; right:0px; margin: 0 1px; padding: 0 0 0 10px; list-style: none; height: 24px; }
      #topmenu li { display: inline; padding: 0 6px; }
      #topmenu li a { color: #3E3F41; text-decoration: none; }
      #topmenu li>a {width: auto;}
      #topmenu li>a:hover { color:#718da3; }

    #logo {position: absolute; width: 145px; height: 33px; left: 15px; top: 27px; background: url(../img/logo.gif); }
      #logo a  {width: 100%; height: 100%; display: block;}

    #header { height: 203px; margin:0; }
    #header2 { height: 11px; margin:0; }

    #contentContainer { background-color:#FFD742; width: 100%; padding: 0px 0 15px 0; }

    /* Hides from IE-mac \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
    #contentContainer:after {content: ".";  display: block;  height: 0; clear: both; visibility: hidden;}
    /* End hide from IE-mac */

      #leftcolumn {width: 225px; float: left; margin-top:10px; }
		#menu {margin: 0 1px; padding: 0 0 0 15px; }
		/* Hides from IE-mac \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
		#menu:after {content: ".";  display: block;  height: 0; clear: both; visibility: hidden;}
		/* End hide from IE-mac */
		  #menu li { text-transform:uppercase; color: #555; }
			#menu li a { display: block; color: #555; text-decoration: none; }
			#menu li>a { width: auto; }
			#menu li a:hover { color: #718da3; }
			#menu .menutop { padding-left:20px; background: url(../img/arrow.gif) no-repeat; margin-top:8px; color: #333; font-family:arial,helvetica; font-weight:bold; font-size:14px; list-style: none; }
			#menu .menutop a { font-style:italic; }
			#menu .menuitem { margin:0 30px; padding:0; }
      #leftcolumn img { margin:150px 0 0 20px; }

        /*  This is a hack needed for lemon. Take it as it is. And use it!  */

      #rightcolumn { margin-top:20px; width: 508px; border-left:1px solid #eaca35; float: right;}
        #rightcolumn div.text { margin: 0 18px; padding: 4px;}
		#rightcolumn>div.text {height: auto !important;}
        #rightcolumn div.text_gray { background-color:#FFD742; margin: 0 18px; padding: 4px;}
		#rightcolumn>div.text_gray {height: auto !important;}

      #footer { position:relative; height: 24px; background: url(../img/bottom.gif); }
        #footer span { margin-left: 15px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; float: left; color:#000; padding: 5px 0 0 5px;}

/* General rules */

H1        { margin:0; padding:0; font-weight: bold; font-family:Arial,Helvetica,sans-serif; font-size:28px; color:#444;} /* Extrafet text */
H2        { font-family:tahoma,verdana; font-size:15px; font-weight:bold; color:#666; } /* Produktrubrik */

P         { margin-top:5px; line-height: 14px; color: #444;}
table     { color: #444;}

.padding  {padding: 0 20px; }

.text { background-color:#FFD742; }
div.text { height: auto !important;}

#layer2 { height: 175px; width: 273px; left: 590px; top: 90px; position: absolute; visibility: visible; }

#layer4 { height: 180px; width: 273px; left: 590px; top: 390px; position: absolute; visibility: visible; }

#layer1 { height: 175px; width: 269px; left: 190px; top: 90px; position: absolute; visibility: visible; }

#layer3 { height: 180px; width: 269px; left: 190px; top: 390px; position: absolute; visibility: visible; }

#layer5 { height: 20px; width: 120px; left: 760px; top: 40px; position: absolute; visibility: visible; }