/* 
---------------------------------------------------------------------
*	                                                                                
*	Styles by Kim Gunnarsson                                       
*	MZ Communication                                                   
*	www.mzreklam.se
*
---------------------------------------------------------------------
*/

body {
    margin: 0px;
    padding: 0px;
    background: #fff url(../gfx/main_bg.gif) repeat-y center;
    text-align: center;
}

img {border: 0px;}

/*
--------------------------------------------------------------------
Page Attributes
--------------------------------------------------------------------
*/
.mySpamCheck {
	display: none;	
}

#hammargrens {
    margin: 0px auto;
    text-align: left;
    width: 700px;}

#hammargrens-top {
  width: 700px; 
  float: left; 
  /*border-bottom: #5286A6 solid 5px;*/
}
#hammargrens-logo {width: 690px; text-align: right; padding-right: 10px; /*margin-bottom: -17px;*/}
*html #hammargrens-topnav {width: 100%; background: url(../gfx/menu_background.gif) bottom repeat-x;}
#hammargrens-topnav {width: 100%; background: url(../gfx/menu_background.gif) bottom repeat-x; min-height: 22px;}
#hammargrens-subnav {width: 690px; padding: 5px 0px 5px 10px; margin: 0px 0px -10px 0px;  font-size: 11px;}
*html #hammargrens-subnav {margin-bottom: -6px; padding-bottom: -5px;}

#hammargrens-header {width: 680px; float: left; padding: 10px 10px 0px 10px;}
#hammargrens-content {width: 480px; float: left; padding: 10px;}
#hammargrens-wrapper {width: 700px; float: left; min-height: 400px;}

#hammargrens-sidebar {width: 200px; float: right; margin-bottom: 5px;}
#hammargrens-sidebar p {font-family: Tahoma, Verdana, Arial, Sans-Serif; font-size: 11px; line-height: 1.7em; text-align: left; margin: -3px 13px 5px 12px;}
#hammargrens-sidebar p .marked {color: red; font-style: italic;}

#hammargrens-sidebar a:link, #hammargrens-sidebar a:visited {font-family: Tahoma, Verdana, Arial, Sans-Serif; color: #c33; font-size: 11px; line-height: 1.7em; text-decoration: none;}
#hammargrens-sidebar a:hover {font-family: Tahoma, Verdana, Arial, Sans-Serif; font-size: 11px; line-height: 1.7em; color: #fff; background: #777; text-decoration: none;}

#hammargrens-content a:link, #hammargrens-content a:visited {font: 12px "Lucida Sans Unicode", "Lucida Grande", Tahoma, Helvetica, Sans-serif; line-height: 1.4em; color: #3B3B92; text-decoration: none;}
#hammargrens-content a:hover {font: 12px "Lucida Sans Unicode", "Lucida Grande", Tahoma, Helvetica, Sans-serif; line-height: 1.4em; color: #fff; background: #3B3B92; text-decoration: none;}

#hammargrens-footer {width: 690px; clear: both; padding: 5px; border-top: 1px #f7f7f7 solid; color: #777; font-size: 9px; font-family: Tahoma, Verdana, Helvetica, Sans-serif;}
#hammargrens-footer #left a:link, #left a:visited {color: #777; font-size: 9px; font-family: Tahoma, Verdana, Helvetica, Sans-serif; text-decoration: none;}
#hammargrens-footer #left a:hover {color: #777; font-size: 9px; font-family: Tahoma, Verdana, Helvetica, Sans-serif; text-decoration: underline;}
#hammargrens-footer #mzc {width: 150px; float: right; text-align: right;}
#hammargrens-footer #left {width: 540px; float: left;}

*html #hammargrens-footer {margin-top: 5px;}

/*
--------------------------------------------------------------------
Layout Attributes
--------------------------------------------------------------------
*/

#hammargrens-topnav ul {margin:0; padding: 0px; float:left; list-style:none;}
#hammargrens-topnav li {
	background: url(../gfx/menu_left.gif) no-repeat left top;
	margin: 0;
	padding: 0px 0px 0px 11px;
	float: left;
}

#hammargrens-topnav li a {display: block; float: left; padding: 6px 12px 3px 1px; margin: 0px; background: url(../gfx/menu_right.gif) no-repeat right top;}
#hammargrens-topnav li.active  {
	background: url(../gfx/menu_left_b.gif) no-repeat left top;
	margin: 0;
	padding: 0px 0px 0px 11px;
	float: left;
}

#hammargrens-topnav li.active a {display: block; float: left; padding: 6px 12px 3px 1px; margin: 0px; background: url(../gfx/menu_right_b.gif) no-repeat right top;}
#hammargrens-topnav .first {margin-left: -1px;}

#hammargrens-topnav li.active a:link, #hammargrens-topnav li.active a:visited {font-family: Tahoma, Verdana, Arial, Sans-serif; color: #3B3B92; font-size: 11px; text-decoration: none; font-weight: bold;}
#hammargrens-topnav li.active a:hover {font-family: Tahoma, Verdana, Arial, Sans-serif; color: #777; font-size: 11px; text-decoration: none;  font-weight: bold;}

#hammargrens-topnav a:link, #hammargrens-topnav a:visited {font-family: Tahoma, Verdana, Arial, Sans-serif; color: #000; font-size: 11px; text-decoration: none; font-weight: bold;}
#hammargrens-topnav a:hover {font-family: Tahoma, Verdana, Arial, Sans-serif; color: #777; font-size: 11px; text-decoration: none;  font-weight: bold;}

#hammargrens-subnav a:link, #hammargrens-subnav a:visited {font-family: Tahoma, Verdana, Arial, Sans-serif; color: #000; font-size: 11px; text-decoration: none;}
#hammargrens-subnav a:hover {font-family: Tahoma, Verdana, Arial, Sans-serif; color: #777; font-size: 11px; text-decoration: none;}

#hammargrens-subnav ul{list-style: none; padding: 0; margin: 0;}
#hammargrens-subnav li{display: inline; padding: 0; margin: 0;}
#hammargrens-subnav li:before { content: "| "; }
#hammargrens-subnav li:first-child:before { content: ""; }

/*IE workaround*/
/*All IE browsers*/
* html #hammargrens-subnav li
{
border-left: 1px solid black;
padding: 0 0.4em 0 0.4em;
margin: 0 0.4em 0 -6px;
}

/*Win IE browsers - hide from Mac IE\*/
* html #hammargrens-subnav { height: 1%; }
* html #hammargrens-subnav li
{
display: block;
float: left;
}

/*End hide*/
/*Mac IE 5*/
* html #hammargrens-subnav li:first-child { border-left: 0; }

/* -------------------------------------------------------------------------- */

#hammargrens-content h1, h2, h3, h4, h5, h6 {font-family: Arial, Sans-Serif;}
#hammargrens-content h1 {margin: 0px 0px -10px 0px; padding: 0px; font-size: 1.3em; color: rgb(69,114,141);}
*html #hammargrens-content h1 {margin-bottom: -20px;}
#hammargrens-content h2, h3, h4, h5, h6 {margin: 0px; padding: 0px; font-size: 0.8em; color: #222;}
#hammargrens-content p {font-family: Tahoma, Verdana, Arial, Sans-Serif; font-size: 12px; line-height: 1.2em; text-align: justify;}

#hammargrens-content ul.list {list-style-type: none; margin: 0px; padding: 0px;}
#hammargrens-content ul.list li {list-style-type: none; margin: 0px; padding: 0px;}
#hammargrens-content ul.list li .img_ul_left {margin: 0px 3px 3px 0px; float: left;}
#hammargrens-content ul.list li  h2{font-family: Tahoma, Verdana, Arial, Sans-Serif; font-size: 12px; line-height: 1.0em; }
/*#hammargrens-content p {font-family: Tahoma, Verdana, Arial, Sans-Serif; font-size: 12px; line-height: 1.2em; }*/
#hammargrens-content p {font: 12px "Lucida Sans Unicode", "Lucida Grande", Tahoma, Helvetica, Sans-serif; color:#000; line-height: 1.4em;}

#hammargrens-content .marked {background-color: #ffd;}
#hammargrens-content .img_left {display: box; margin: 5px 10px 5px 0; float: left;}
#hammargrens-content #error {border: 1px #ccc solid; background: #ffd; font: 12px "Lucida Sans Unicode", "Lucida Grande", Tahoma, Helvetica, Sans-serif; color: red; padding: 10px;}
#hammargrens-content #error h2{ font: 18px "Lucida Sans Unicode", "Lucida Grande", Tahoma, Helvetica, Sans-serif; color: red;}
#hammargrens-content #thanks {border: 1px #ccc solid; background: #ffd; font: 12px "Lucida Sans Unicode", "Lucida Grande", Tahoma, Helvetica, Sans-serif; color: red; padding: 10px;}

fieldset {border: 0px; padding: 0px; margin: 0px;}
fieldset em {color: red; font-size: 0.9em;}

#hammargrens-content #workerone {width: 240px; float: left; margin-top: 15px;}
#hammargrens-content #workertwo {width: 240px; float: left; margin-top: 15px;}
#hammargrens-content #workerthree {width: 240px; float: left;}
#hammargrens-content #workerfour {width: 240px; float: left;}

#hammargrens-content #puffright {width: 238px; float: left; min-height: 130px; background: #fff url(../gfx/puff/background_visual.gif) no-repeat; padding: 3px 0px; margin: 8px 0px 0px 4px;}
#hammargrens-content #puffright p {font-family: Tahoma, Verdana, Arial, Sans-Serif; font-size: 11px; line-height: 1.7em; text-align: left; margin: 35px 13px 5px 12px;}
#hammargrens-content #puffright p .marked {color: red; font-style: italic;}
#hammargrens-content #puffright a:link, #hammargrens-content #puffright  a:visited {font-family: Tahoma, Verdana, Arial, Sans-Serif; color: #fff; font-size: 11px; line-height: 1.7em; text-decoration: none;}
#hammargrens-content #puffright a:hover {font-family: Tahoma, Verdana, Arial, Sans-Serif; font-size: 11px; line-height: 1.7em; color: #87C33C; background: #fff; text-decoration: none;}

#hammargrens-content #puffleft {width: 238px; float: left; min-height: 130px; background: #fff url(../gfx/puff/background_special.gif) no-repeat; padding: 3px 0px; margin-top: 8px;}
#hammargrens-content #puffleft p {font-family: Tahoma, Verdana, Arial, Sans-Serif; font-size: 11px; line-height: 1.7em; text-align: left; margin: 35px 13px 5px 12px;}
#hammargrens-content #puffleft p .marked {color: red; font-style: italic;}
#hammargrens-content #puffleft a:link, #hammargrens-content #puffleft  a:visited {font-family: Tahoma, Verdana, Arial, Sans-Serif; color: #fff; font-size: 11px; line-height: 1.7em; text-decoration: none;}
#hammargrens-content #puffleft a:hover {font-family: Tahoma, Verdana, Arial, Sans-Serif; font-size: 11px; line-height: 1.7em; color: #c33; background: #fff; text-decoration: none;}

#hammargrens-sidebar #contact, #hammargrens-sidebar #open{
  width: 190px;
  font: 12px "Lucida Sans Unicode", "Lucida Grande", Tahoma, Helvetica, Sans-serif; 
  line-height: 1.4em;
	text-align: left;
	border: 1px #dbdbdb solid; }

#hammargrens-sidebar .content {background: #f2f2f2; border: 2px #fff solid;}
#hammargrens-sidebar #contact {margin-top: 5px;}