/*

    CSS Document


    Site: Kvarnstrands Verktyg

    URL: http://www.kvarnstrands.se

    Author: PS Kommunikation
 
    Version: 1.2

    Date: 2008.06.15


*/


/*
 *      HTML GENERAL
 *
 */

body {
	font-size: 62.5%;     
    font-family: "Arial", sans-seriff;
    color: #666;
}
h1, h2, h3 {
    color: #666;
	text-align: left;    
	font-weight: normal;
}
h1 {
    font-size: 2.6em;
    line-height:1.1em;
     margin: 0 0 0.5em 0;
}
h2 {
    font-size: 1.8em;
    margin: 0 0 0.5em 0;
}
h3 {
    font-size: 1.4em;
    margin: 0 0 0.5em 0;
}
p {
    font-size: 1.2em;
	line-height: 1.5em;
    color: #666;
    margin: 0 0 1.5em 0;
}
td {
    font-size: 1.2em;
	line-height: 1.6em;
    color: #666;
    margin: 0 0 1.5em 0;
}
img {
    border: none;
}
abbr {
    border-bottom: dotted 1px;
    cursor: help;
}
em {
    color: #fff;
    background-color: #087590;
    font-style: normal;
}
strong {
    font-weight:bold;
}
}
ul {
    font-size: 1.2em;
    list-style-type:square;
    margin:0 0 10px 25px;
}
ul li {
    margin-bottom:0.5em;
}
ol {
    font-size: 1.2em;
    list-style-type: decimal;
    margin:0 0 10px 30px;
}
ol li {
    margin-bottom:0.5em;
}

/*
 *      LINKS
 *
 */

a {
    font-family: "Arial", sans-seriff;
	color: #666;
}
a:hover {
    text-decoration: none
}
div#secondaryContent a {
    font-size: 1.2em;
}
div#primaryContent a:hover {
    text-decoration: none
}

/*
 *      CLASSES
 *
 */

.searchAttributes {
    margin: 0;
    font-size: 1em;
}
.kos {    
   background: url(../images/iconKOS.gif) left center no-repeat;
   padding-left: 22px;
   display:block;
   float:left;
}
.print {    
   display:block;
   color:#666;
   background:url(../images/iconPrint.gif) left center no-repeat;
   padding-left:20px;
   color:#666;
}
.mail {    
   display:block;
   color:#666;
   background:url(../images/iconLetter.gif) left center no-repeat;
   padding-left:20px;
   color:#666;
}
.link {    
   display:block;
   color:#666;
   background:url(../images/arrowRight.gif) left center no-repeat;
   padding-left:15px;
   color:#666;
}
.pdf {    
   display:block;
   color:#666;
   background:url(../images/iconPdf.gif) left center no-repeat;
   padding-left:20px;
   color:#666;
}
.strong {
    font-weight: bold;
}

/*
 *     NAVIGATION
 */

/*      MAIN        */

ul#mainNav {
    float:left;
	font-size: 1.2em;
    font-weight: normal;
    list-style-type: none;
    margin:0 0 10px 0;
    position:relative;
    z-index:1;
}
ul#mainNav li {
    float: left;
    background: url(../images/bgMainNav.gif) center right no-repeat;
    padding-right: 20px;
    position:relative;    
    margin:0 30px 0 0;
    height:1.8em;    
}
ul#mainNav li a {
    text-decoration: none; 
    color: #990000;
    float:left;        
    line-height:1.8em;
    height:20px;
}
ul#mainNav li a:hover {
    color: #666;
}
ul#mainNav li.active {
    float: left;
    background: url(../images/bgMainNavActive.gif) center right no-repeat;
    padding-right: 20px;
    margin-right: 30px;
    color: #990000;
}
ul#mainNav li.active a {
    text-decoration: none; 
    color: #666666;
    display:block;    
    line-height:1.8em;
}
ul#mainNav li.active ul li a {
    border:none
}
ul#mainNav li ul {
    display:none;
    position:absolute;
    font-size:1em;
    top:1.8em; 
    left:0px;
    padding-top:6px;
    border-bottom:solid 1px #ccc;
    margin:0;
}
ul#mainNav ul li { 
    padding:0;
    clear:both;
    display:block;
    padding:0;
    margin:0;
    background:#f5f9f1;   
    border-bottom:solid 1px #fff;  
}
ul#mainNav li>ul {
    top:1.8em; 
    left:0px;
    padding-top:6px;
}
ul#mainNav li:hover ul, ul#mainNav li.over ul {
    display:block; 
    z-index:9999;
}
ul#mainNav li ul li a {
    width:120px;     
    background:#f5f9f1; 
    padding:0 10px 0 10px;
}
ul#mainNav li ul li a:hover {
    background:#ecf0e9;
    color:#666;
}

/*      HELP        */

ul#helpNav {
    display: inline;
    float: left;
	list-style: none;
	height: 2em;
	font-size:1.2em;
	margin:5px 0 0 0;
}
ul#helpNav li {
	line-height: 1.4em;
	color: #666;
	float: left;
	margin:0 0 0 10px;
}
ul#helpNav li a {
    color: #666;
}

/*    SUB     */

ul#subNav {
    list-style-type: none;
    margin:0;
    font-size:1.2em;
}
ul#subNav li {
    margin:0 0 1px 0; 
}  
ul#subNav li a {
    color: #666;
    display: block;
    height: 2.2em;
    line-height: 2.2em;
    text-decoration: none;
    display: block;
    padding:0 0 0 15px;   
    border-top: solid 1px #e6e9e3;
    border-right: solid 1px #e6e9e3;
    border-bottom: none;
    border-left: solid 1px #e6e9e3;
    background: #ecf0e9;   
}
ul#subNav li a:hover {
    background: #666;
    color: #fff;
}
ul#subNav li.current a  {
    background: #740000 url(../images/bgSubNavCurrent.gif);
    color: #fff;  
    border-top: solid 1px #e6e9e3;
    border-right: solid 1px #e6e9e3;
    border-bottom: none;
    border-left: solid 1px #e6e9e3; 
}
ul#subNav li.current ul {
    list-style-type:none;
    border-bottom: solid 1px #e6e9e3;
    margin:0;
    font-size:1em;    
}
ul#subNav li.current ul li a {
    background:#fcfcfc;
    color:#000;
    padding-left:20px;
    width:178px;    
}
ul#subNav li.current ul li.current a {
    background: #bbb;
    color: #fff;
}
ul#subNav li.current ul li a:hover {
    background: #666;
    color: #fff;
}
ul#subNav li.current ul li.active {
    font-weight:bold;
}

div#breadcrumbs a {
    color:#990000;
}

/*
 *      SIDEBAR
 *
 */

/*
 *      CONTENT
 *
 */

/*      INDEX        */

body#start div#puffOne h2, body#start div#puffTwo h2, body#start div#puffThree h2 {
    color:#333;
    margin:15px 90px 0 15px;
}
body#start div#puffOne p, body#start div#puffTwo p, body#start div#puffThree p {
    margin:10px 90px 0 15px;
    line-height: normal;
    font-size:1.1em;
}
body#start div#puffOne a, body#start div#puffTwo a, body#start div#puffThree a {
    position: absolute;
    bottom: 15px;
    left: 15px;
    display:block;
    width:auto;
    font-size:1.1em;
    border-bottom: solid 1px #740000; 
  	background:#990000 url(../images/bgInputButton.gif) top left no-repeat;
    text-decoration:none;
    color:#fff; 
    padding:0.4em 1em 0.4em 1em;
    cursor:pointer;
    margin:3px 20px 0 0;
}

/*      SEARCH RESULTS        */

div#searchResults h1 {
    font-size:1.2em;
    font-weight:bold;
    padding-bottom:15px;    
    border-bottom:solid 1px #ccc;    
}
div#searchResults a:hover {
    text-decoration: underline;
}    
div#searchResults a {
    font-size:1.2em;
    font-weight:bold;
    color:#990000;
    text-decoration: none;
}
div#searchResults p {
    border-bottom:solid 1px #ccc;
    padding-bottom:15px;
    margin-top:5px;
}

/*      NEWS LIST        */
   
div#newsList a {
    font-size:1.8em;
    font-weight:normal;
    margin:0 0 0.5em 0;
    color:#990000;
    text-decoration: none;
}
div#newsList a:hover {
    text-decoration: underline;
}
div#newsList p {
    border-bottom:solid 1px #ccc;
    padding-bottom:15px;
    margin-top:5px;
}
div#newsList p span {
    display:block;
    font-size:0.9em;
    margin-top:0.2em;
}

/*
 *      SIDEBAR
 *
 */

div#puffContainer p {
    line-height: 1.4em;
}

/*
 *      FORM
 *
 */

/* COMMON */

fieldset p {
    margin:0; 
    padding:0; 
    display:inline;
}

/* SEARCH WEBSITE*/

fieldset#searchWebsite {
    width:162px;
    padding:0 10px 10px 10px;
}   
fieldset#searchWebsite legend {
    display:none;
    visibility:hidden;  
}
fieldset#searchWebsite input {
    font-family: "Arial", sans-seriff;
    font-size:1.1em;
    width:152px;
	border: 1px solid #487d50;
	height:1.5em;
	background: #fff;
	color:#999;
	padding:2px;
}
fieldset#searchWebsite input.submit {
    display:block;
    float:right;
    width:auto;
    font-family:"Arial", sans-seriff;
    border:none;
    border-bottom: solid 1px #740000; 
  	background:#990000 url(../images/bgInputButton.gif) top left no-repeat;
    height:2em; 
    color:#fff; 
    padding:0.2em 1em 0.2em 1em;
    cursor:pointer;
    margin:3px 5px 0 0;
}

/* CONTACT  */

fieldset#formContactinfo {
    font-family:"Arial", sans-seriff;
	font-weight:normal;
	color:#666;
	margin-bottom:4em;
	margin-top:3em;
}
fieldset#formContactinfo legend, fieldset#formMessage legend {   
    font-weight:bold;
    font-size:1.3em;
}
fieldset#formContactinfo label, fieldset#formMessage label {
    color:#666;
    display:block; 
    text-align:left;
    margin-top:10px;
    font-size:0.9em;
    font-weight:bold;
}
fieldset#formContactinfo input {
    font-family:"Arial", sans-seriff;
    font-size:1.0em;
    width:250px;
	background:#fff;
	border:none;
	border:solid 1px #eaeaea;
	border-bottom:solid 3px #ccc;
	color:#666;
	padding:5px;
}
fieldset#formMessage {
    font-family:"Arial", sans-seriff;
	font-size:1.0em;
	line-height:1.5em;
	font-weight:normal;
	color:#666;
	margin-bottom:1em;
}
fieldset#formMessage textarea {
    font-family:"Arial", sans-seriff;
    color:#666;
	font-size:1.0em;
	width:350px;
	background:#fff;
	border:none;
	border:solid 1px #eaeaea;
	border-bottom:solid 3px #ccc;
	padding:3px;
	height:13.5em;
}
fieldset#formMessage input.submit {
    display:block;
    width:auto;
    font-family:"Arial", sans-seriff;
    font-size:1em;
    border:none;
  	background:#990000 url(../images/bgInputButton.gif) top left no-repeat;
    height:2em; 
    color:#fff; 
    padding:0.2em 1em 0.2em 1em;
    cursor:pointer;
    margin:3px 5px 0 0;
}

/*
 *     FOOTER
 */

div#footer p {
    color: #666; 
    font-size: 1.1em; 
    margin: 0 0 0 0; 
    padding: 0; 
    line-height: 1.4em;
}
div#footer a {
    color: #666; 
    text-decoration: none;
}
/*
 *     PRODUCTION
 */

div#production p {
    color: #666; 
    font-size: 1.1em; 
    margin: 0; 
    padding: 0; 
    line-height: 1.8em;
}
div#production a {
    color: #666; 
    text-decoration: none;    
}