/* CSS Document */
body {
	margin:0px;
	padding: 0px;
	background-color:#999999;
}
	
/* STILAR */
body {
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 15px;
	margin-top:0px;
	margin-bottom:0px;
	color:#000000;
}

p {
	margin-top:0px; margin-bottom:16px;
}

h1 {
	font-family:Helvetica, Arial, sans-serif;
	font-size:24px;
	font-weight:normal;
	line-height:24px; margin-top:0px; margin-bottom:8px; 
}

h2 {
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	font-weight:normal;
	line-height:12px; margin-top:0px; margin-bottom:8px;
	letter-spacing:1px;
	text-transform:uppercase;
}

h3 {
	font-family:Verdana, Arial, sans-serif;
	font-weight:bold;
	font-size:11px;
	line-height:14px; margin-top:18px;margin-bottom:5px;
}

h4 {
	font-family:Helvetica, Arial, sans-serif;
	font-weight:bold;
	font-size:13px;
	color:#FFFFFF;
	background-color:#99CC33;
	padding:7px;
	line-height:13px; margin-top:0px; margin-bottom:8px;	
}

h4 a {
	color:#FFFFFF;
	text-decoration:none;
	margin-right:15px;
}

h4 a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}

h5 {
	font-family:Helvetica, Arial, sans-serif;
	font-size:1em;
	font-weight:normal;
	line-height:1em; margin-top:0px; margin-bottom:1em;
	letter-spacing:1px;
	text-transform:uppercase;
}

a {
	color:#669900;
	text-decoration:none;
}

a img {
	border: 1px solid #669900;
}

a:hover {
	text-decoration:underline;
}

hr {
	color:#99CC33;
	background-color:#99CC33;
	height: 1px;
	border: 0;
}

ul {
	list-style-image:url(../../img/bullet_green_square.gif);
}

li {
	line-height:1.2em;
	margin-top: 2.5px;
	margin-bottom: 2.5px;
}

/* SLUT: STILAR */

/* KLASSER */
.front_text {
	font-size:11px;
	line-height:15px;
}

.footer {
	font-family:Verdana, Arial, sans-serif;
	font-size:10px;
}

.bildtext {
	font-family:Verdana, Arial, sans-serif;
	font-size:10px;
	font-style:italic;
	line-height: 12px; margin-right:5px; margin-top:0px;
}

/* för att lyfta fotnoter från raden */
.fotnot {
	font-size:80%;
	position: relative;
	bottom: 3px;
	color:#669900;
	}

/* för att lyfta ® från raden */	
.superscript {
	font-size:90%;
	position: relative;
	bottom: 3px;
	}

/********************* <RSS> *******************/

.sub_col, .rss_col {
	width:265px;
	padding:0 20px 20px 0;
	background-color:#FFFFFF;
	float:left;
}

/* IE6 marginal/padding-hack */
* html .rss_col {
	margin:0px; /* Nollställ föregående */
	padding:0px 20px 20px 0px; /* Ta bort 16px scrollbar */
}

.rss_col iframe {
	/*margin-right: 20px;*/
	padding:0;
	height: 150px;
	width: 260px;
	border-width: 0px;
	border-style: none;
}

/********************* </RSS> *******************/

.green-line {
	border-top:solid;
	border-top-width: 1px;
	border-top-color:#99CC33;
	color:#99CC33;
	margin:20px 0 20px 0;
}

.img_align-right {
	margin-left:20px;
	margin-bottom:30px;
	float:right;
}

.img_align-left {
	margin-right:20px;
	margin-bottom:30px;
	float:left;
}

.img_margin {
	margin-right: 10px;
}

.press-box {
	float:left;
	width:150px;
	height:200px;
	margin-right:20px;
	margin-bottom:20px;
}

/* Grön ram runt klickbara bilder */
.rollo img {
	border-style:solid;
	border-width:1px;
	border-color:#ffffff; /* Osynlig ram för att slippa hopp när man rullar över */
}

.rollo a:hover img {
	border-color:#99CC33;
}
/* SLUT: Grön ram runt klickbara bilder */
/* SLUT: KLASSER */

/* LAYOUT-BOXAR */
/* Layout-container */
#container {
	width:800px;
	background-image:url(../../img/bkg-container.gif);
	background-repeat:repeat-y;
}

/* Sidhuvud */
#header {
	width:800px;
	height:90px;
	background-color:#99CC33;
	
	/* Berra testar */
	margin:0px;
	padding:0px;
	/*background-attachment: scroll;
	background-image: url(../../img/dummy-banner-top.gif);
	background-repeat: no-repeat;
	background-position: 200px top;*/
	/* /Berra testar */
	}

#header img {
	border:0px;
	/* Bactiguard-loggan tjurade när det kom en bakgrundsbild i #header (IE6) */
	vertical-align:top; /* Bort med en pixels mellanrum till menyn (IE6) */
}

/* Vänster kolumn (menykolumn) */
#col-left {
	width:175px;
	width:200px;
	/*padding:40px 5px 0 20px;*/
	padding:25px 15px 0px 10px; /* Tillfälligt (Berra) */
	padding:25px 0px 0px 0px; /* Tillfälligt 2 (Berra) */
	background-color:#CCCCCC;
	background-image:url(../../img/bkg-lines-menu.gif);
	background-repeat:no-repeat;
	float:left;
}

/* IE6 hack */
* html #col-left {
	padding-top:40px;
}

/* Mittkolumn */
#col-middle {
	width:370px;
	padding:40px 20px 20px 30px;
	background-color:#FFFFFF;
	float:left;
}

/* Höger kolumn */
#col-right {
	width:180px;
	padding:40px 0px 0px 0px;
	background-color:#FFFFFF;
	float:left;
}

/* Högerfält (förstasidan) */
#col-right-large {
	width:570px;
	/*height:1%;*/
	padding:35px 0px 0 30px;
	background-color:#FFFFFF;
	/* margin-left i stället för float? */
	/*margin-left:200px;*/
	float:left;
}
.thumbnail {
	float: left;
	width: 160px;
	padding-right: 30px;
	padding-bottom: 30px;
}
.bildnamn {
	font-size: 0.9em;
	line-height: 1em;
	margin-top: 0.5em;
}
.clearer {clear:both;}

#sub-col-left{
	width:265px;
	padding:20px 20px 20px 0;
	background-color:#FFFFFF;
	float:left;
}
#sub-col-right{
	width:265px;
	padding:20px 20px 20px 0;
	background-color:#FFFFFF;
	float:left;
}

/* Högerfält för pressreleaser */
#col-right-press {
	width:540px;
	padding:40px 30px 20px 30px;
	background-color:#FFFFFF;
	float:left;
}
/* Högerfält för distributors-sidans bildgalleri */
#col-right-pictures {
	width:570px;
	padding:5px 0px 0 30px;
	background-color:#FFFFFF;
	float:left;
}


/* Sidfot */
#footer {
	width:760px;
	padding:0 20px 20px 20px;
	background-image:url(../../img/bkg-container.gif);
	background-repeat:repeat-y;
	clear:both;
}
/* SLUT: LAYOUT-BOXAR */


/**
	MENY
	Testa CSS innan javascript-monstret blir klart
	Vänta in Haralds/kundens slutliga version
	.current: Aktuell listpost <li>
	.open: Öppen undermeny <ul>
*/
#mainnav  {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px; /*Nivå 1*/
	font-size: 140%;
	width: 200px;
	margin-left:0px;
	padding-left:0px;
}

/* Nolla bullets */
#mainnav li, #mainnav ul{
	list-style-type: none;
	list-style-image:none;
}

/* Nivå 1 (+ marginal och radhöjd för hela menyn) */
#mainnav li {
	margin: 0;
	padding: 1px 0 1px 18px; /* Kompensera padding-left med negativ margin-left för <ul> nedan */
	line-height: 1.5em;
	border-top:#cccccc solid 1px;
	border-bottom:#c4c4c4 solid 1px;
}

/* Nivå 1 - aktiverad, stor bullet */
#mainnav li.current  {
	background: url(../../img/bullet16px.gif) no-repeat 7px 0.6em;
	cursor:default;
}

/* Göm sublistorna till att börja med */
#mainnav ul {
	display:none;
	margin: 0;
	padding: 0;
}

/* Formatera sublistan när den vecklar ut sig */
#mainnav ul.open {
	display:block;
	margin-top: 0px;
	margin-left: -18px; /* Kompensera padding-left för <li> ovan */
	background-color:#c4c4c4;
}

/* Rollover länkfärg */
#mainnav a {
	display: block; 
	vertical-align: bottom;
    text-decoration: none;
    color: #000000;
	width: 100%; /* IE6 fix: ger rollover på hela blocket, inte bara över länken */
}

/* Basic länkfärg */
#mainnav a:hover, #mainnav a:active, #mainnav a:focus {
    color: #ffffff;
}

/* Nivå 2 */
#mainnav li ul li, #mainnav li ul li.current {
	margin: 0;
	padding: 1px 0 1px 28px;
	font-size: 85%;
}

/* Nivå 2 - aktiverad, lite mindre bullet */
#mainnav li ul li.current  {
	background: url(../../img/bullet14px.gif) no-repeat 18px 0.6em;
	cursor:default;
}

/* OBS: Nivå 3 används inte längre. Om det blir aktuellt igen:
Justera padding-left för listpost och position för bullet */
 
/* Nivå 3 */
#mainnav li ul li ul li {
	margin: 0;
	padding: 1px 0 1px 38px; /* Padding-left för meny-indrag */
	font-size: 85%;
}

/* Nivå 3 - aktiverad, minsta bullet här */
#mainnav li ul li ul li.current {
	background: url(../../img/bullet12px.gif) no-repeat 28px 0.5em;
	cursor:default;
}

/* Extern länk på menyn */
.external-nav, .external-inactive {
	font-size: 120%;
	margin-left:18px;
	letter-spacing: -1px;
}

/* Dimmad extern länk */
.external-inactive {
	color: #888888;
	cursor:default;
}


/* MENY - END */


/**
	KONTAKT
	Basic formatering för demon
*/
#mailform {
	margin-top: 40px;
} 

/* Hela formuläret */
form#contact {
	padding: 0;   
	margin: 0;   
	line-height: 150%;
}

/* Textfält och textbox */
.contactform {
	width:350px; /* #col-middle är 370px */
}

/* Submit-knappen */
form#contact #submitform {
	height: 20px;
	font-size:12px;
	float:right;
	margin-right:20px;
	margin-top:-20px;
}

/* IE6 hack */
* html form#contact #submitform {
	margin-top:-18px;
}

div.form-help {
	text-align: right;
	padding-right: 20px;
	margin:0;
}

span.help {
	padding-left: 0px; 
	font-size: 9px;
}

span.required {
	color: #FF6600;
	background-color: inherit;
}
/* KONTAKT - END */


/**
	SÖKRUTA (i menyn)
	Include i menu.php:
<div id="search">
  <?php include($siteRoot . 'search/searchform.php'); ?>
</div>
*/

#search {
	/*display:none;*/ /* Göm och kollapsa div:en */
	/*visibility:hidden;*/ /* Göm enbart */
	padding: 0;
	margin: 15px 0px 0px 18px;
}

/* Sökfältet, Meny & Resultat */
form#searchform #zoom_query, input.zoom_searchbox {
	height:15px;
	width:124px;
	font-size: 10px;
	border: 1px solid #999999; /* = body.background-color */
}

/* Submit-knapp, Meny & Resultat */
form#searchform #submit, input.zoom_button {
	height: 20px;
	width: 24px;
	font-size:12px;
	font-weight:bold;
}

/* Justera form elements vertikalt med varandra */
form#searchform #zoom_query, form#searchform #submit, 
input.zoom_button, input.zoom_searchbox {
	vertical-align: middle;
}
/* SÖKRUTA - END */


/** 
	SÖKRESULTAT
	results.php har egen CSS - results.css
*/
#col-search-result {
	width:550px;
	padding:20px 20px 0px 30px;
	float:left;
}
.col_left {
	width: 300px;
}

/* IE6 hack */
* html #col-search-result {
	padding:35px 20px 0px 30px;
}
/* SÖKRESULTAT - END */
.bildram {
	border: 1px solid #CCCCCC;
}