@charset "utf-8";
/* CSS Document */

/*..............................................*/
/*				Nolla allt...					*/
/*..............................................*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img,embed,object,a {
	margin:0;
	padding:0;
	border: 0;
}

a {
	text-decoration: none;
	color: #F60;
}
a:hover {
	color: #000;
}

/*..............................................*/
/*					H-taggar					*/
/*..............................................*/

h1 {
	font-size: 15px;
	font-weight: normal;
	text-transform: uppercase;
}

h2 {
	font-size: 12px;
	font-weight: normal;
	text-transform: uppercase;
}

h3 {
	font-size: 11px;
	font-weight: normal;
	text-transform: uppercase;
}

h4 {
	font-size: 12px;
	font-weight: normal;
	text-transform: uppercase;
}

h5 {
	font-size: 12px;
	font-weight: normal;
	text-transform: uppercase;
}

/*..............................................*/
/*				Grundstruktur					*/
/*..............................................*/

#allert {
	display: none;
}

body, html {
	height : 100%;
	font-family : Helvetica, Verdana, Arial, sans-serif;
	font-size : 12px;
	color : #333;
	background-color : #f2f2f2;
	text-align : center;
	background-image: url(/images/background.gif); 
/*	behavior:url("/css/csshover.htc"); */
}

#centerwrapper {
	width : 620px;
	margin-left : auto;
	margin-right : auto;
	height : 100%;
}

#mainwrapper {
	float : left;
	width : 620px;
	min-height: 100px;
	padding-left: 32px;
	background-image: url(/images/mainBack.png);
	background-repeat: repeat-y;
	text-align : left;
}
#topwrapper {
	float : left;	width: 904px;
}

#toparea {
	float: left;
	width: 100%;
	height: 125px;
}
#topmenuarea {
	float: left;
	width: 900px;
	height: 22px;
	line-height: 22px;
	position: relative;
	background-image: url(/images/menu_back.gif); 
}
#search {
	float: left;
	width: 145px;
	height: 22px;
	padding-left: 5px;
	padding-top: 1px;
}
#search input {
	font-size: 11px;
	padding: 1px;
	border: 1px solid #888;
}

#contentwrapper {
	float: left;
	width : 100%;
}
#content {
	float: left;
	width: 746px;
}

#bottomwrapper {
	float : left;
	width : 880px;
	padding-left : 20px;
	line-height : 20px;
	font-size : 10px;
	border-top: 1px dotted #CCC; 
	padding-top : 3px;
	margin-top : 10px;
	margin-bottom: 15px;
}

#bottomwrapper p {
	float: left;
	font-size: 10px;
	margin-right: 15px;
}
#bottomwrapper img {
	float: left;
	margin-right: 10px;
}
#bottomShade {
	float: left;	width : 620px;
height: 32px;
	background-image: url(/images/bottomshade.png);
	background-repeat:no-repeat;
}
#data {
	float: left;
	width: 744px;
	padding-left: 5px;
	padding-top: 13px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #CCC;
}

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


#sidebar {
	float: left;
	width: 310px;
}


/*..............................................*/
/*					Bilderna					*/
/*..............................................*/
#image {
	width: 744px;
}

#imagecount {
	position: relative;
	width: 610px;
	text-align: right;
}
#imagecount img {
	border: 2px solid #fff;
	margin-right: 2px;
	height: 10px;
}
#imagecount img:hover {
	border: 2px solid #F60;
	margin-right: 2px;
}
#loader {
	width: auto;
	height: auto;
	text-align: center;
	padding-top: 10%;
}
/*..............................................*/
/*				Textformateringar				*/
/*..............................................*/
#texter {
	float: left;
	width: 722px;
	padding: 12px;
}
#headline {
	float: left;
	width: 100%;
	margin-bottom: 10px;
}
#headline h1 {
	font-size: 15px;
	font-weight: normal;
	text-transform: uppercase;
}
#ingress {
	float: left;
	font-style: italic;
}
#bread {
	float: left;
	width: auto;
}
#subcontent {
	width: 100%;
}

#sidnummer {
	position: relative;
	top: -320px;
	width: 20px;
	height: 286px;
}

#sidnummer p {
	margin-bottom: 2px;
	width: 20px;
	height: 20px;
	text-align: center;
	font-weight: bold;
	color: #FFF;
	background-color: #F60;
}
#sidnummer p:hover {
	background-color: #F90;
}
#sidnummer a {
	text-decoration: none;
	color: #FFF;
	line-height: 20px;
}

/*..............................................*/
/*					Nyhetslista					*/
/*..............................................*/

#newslist {
	float: right;
	width: 290px;
	padding-left: 8px;
	margin-left: 8px;
	padding-bottom: 10px;
	border-left: 1px dotted #CCC;
	border-bottom: 1px dotted #CCC;
}
.newsrow {
	float: left;
	width: 100%;
	margin-top: 2px;
}
#newslist h4 {
  margin-bottom: 5px;
}
.newspic {
	float: left;
	margin-right: 5px;
}
.newspic img {
	width: 75px;
	height: 49px;
}
.newstext {
	float: left;
	width: 210px;
}
.newstext h2 {
	font-weight: normal;
	font-size: 11px;
	color: #AAA;
}
.newstext h3 {
  display: none;
}
.newstext p {
	font-style: italic;
}
.newstext li {
  float: right;
  padding-right: 12px;
	list-style-type: square;
	list-style-position: inside;
	color: #F60;
}
.newstext a {
	text-decoration: none;
	color: #F60;
}


/*..............................................*/
/*				Notisbubblor					*/
/*..............................................*/

#note {
	float: right;
	width: 290px;
	padding-left: 8px;
	margin-left: 8px;
	padding-bottom: 10px;
	border-left: 1px dotted #CCC;
	border-bottom: 1px dotted #CCC;
}
.noterow {
	float: left;
	width: 100%;
	margin-top: 2px;
}
#note h4 {
  margin-bottom: 5px;
}
.notepic {
	float: left;
	margin-right: 5px;
}
.notepic img {
	width: 75px;
	height: 49px;
}
.notetext {
	float: left;
	width: 210px;
}
.notetext h2 {
	font-weight: normal;
	font-size: 11px;
	color: #AAA;
}
.notetext h3 {
  display: none;
}
.notetext p {
	font-style: italic;
}
.notetext li {
  float: right;
  padding-right: 12px;
	list-style-type: square;
	list-style-position: inside;
	color: #F60;
}
.notetext a {
	text-decoration: none;
	color: #F60;
}

/*..............................................*/
/*					Nyhetssida					*/
/*..............................................*/

#news_sidebar {
	float: right;
	width: 379px;
	line-height: 17px;
	padding-top: 20px;
	border-left: 1px dotted #CCC;
	padding-left: 10px;
	padding-right: 10px;
}
#news_sidebar h1 {
	font-size: 15px;
	font-weight: normal;
	text-transform: uppercase;
}

#news_sidnummer {
	padding-top: 20px;
	float: left;
	width: 200px;
	padding-bottom: 45px;
	margin-left: 10px;
}

.newslist {
	float: left;
	width: 155px;
}
.date {
	float: left;
	width: 40px;
	color: #999;
}
#news_sidnummer a {
	color: #F60;
	text-decoration: none;
}

/*..............................................*/
/*					Kontaktsida					*/
/*..............................................*/

#contact_sidebar {
	float: left;
	width: 100%;
}
#contact_texter {
	width: 100%;
	padding-left: 12px;
	margin-top: 10px;
}
#contact_headline {
	float: left;
	width: 100%;
	margin-bottom: 10px;
}
#contact_headline h1 {
	font-size: 15px;
	font-weight: normal;
	text-transform: uppercase;
}
#contact_ingress {
	float: left;
	width: 50%;
	font-style: italic;
	margin-right: 10px;
	padding-right: 10px;
	border-right: 1px dotted #CCC;
}
#contact_bread {
	float: left;
	width: auto;
}

#contact_sidebar a {
	color: #F60;
	text-decoration: none;
}
#contact_sidnummer {
	float: left;
	width: 240px;
	padding-top: 56px;
	padding-bottom: 45px;
	margin-left: 12px;
}

.contactlist {
	float: left;
	width: 145px;
}
#contact_sidnummer a {
	color: #F60;
	text-decoration: none;
}

#contactcard {
	margin-top: 50px;
	margin-bottom: 50px;
	height: 150px;
}
#emp_info {
	width: 439px;
	height: 150px;
	margin-top: 40px;
	background-color: #000;
	color: #999;
}
#emp_pic {
	float: left;
	width: 115px;
	height: 150px;
}
#emp_text {
	float: left;
	width: 311px;
	padding-left: 13px;
	padding-top: 25px;
}
#emp_text h2 {
	font-size: 14px;
	font-weight: normal;
	text-transform: uppercase;
}
#emp_text h3 {
	height: 50px;
	font-size: 11px;
	font-weight: normal;
}
#emp_text h4 {
	font-size: 11px;
}
#emp_text p {
	font-size: 11px;
	font-weight: normal;
}

#emp_text p {
	line-height: 17px;
}

#contact_subcontent {
	float: left;
	width: 100%;
	margin-top: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 12px;
	border-top: 1px dotted #CCC;
}
#mailinfo {
	float: left;
	width: 200px;
}
#mailtext {
	float: left;
	width: 310px;
}
#mailallert {
	width: 100%;
	margin-top: 30px;
	text-align: center;
}
#contact_subcontent input {
	border: 1px solid #CCC;
}
#contact_subcontent textarea {
	border: 1px solid #CCC;
	margin-bottom: 5px;
}
/*..............................................*/
/*					Top menyn					*/
/*..............................................*/
.topmenu {
	float: left;
	padding-left: 10px;
	width: 700px;
	height: 22px;
	color: #000;
}
.topmenu ul {
	list-style : none;
}
.topmenu li {
	position : relative;
	float : left;
	padding-left: 10px;
	padding-right: 10px;
	list-style: none;
	text-align: center;
	color: #333;
}

.topmenu li ul { /* second-level lists */
	display: none;
	position: absolute;
}

.topmenu ul li {
	line-height: 22px;
	color: #000;
}
.topmenu a {
	text-decoration : none;
	display : block;
	color : #333;
	padding-left : 5px;
}
.topmenu a:hover, .topmenu li:hover {
	color : #FFF;
}
.topmenu li:hover {
	cursor: default;
}
.topmenu ul li:hover, .topmenu ul li a {
	color: #000;
}
.topmenu ul li:hover, .topmenu ul li a:hover {
	color: #FFF;
}
.topmenu ul ul, .topmenu ul ul ul {
	display : none;
	position : absolute;
	margin-top : -1.46em;
}
.topmenu li:hover ul ul, .topmenu li:hover ul ul ul, .topmenu li:hover ul ul ul ul, .topmenu li:hover ul ul ul ul ul, .topmenu li:hover ul ul ul ul ul ul, .topmenu li:hover ul ul ul ul ul ul ul {
	display : none;
	position : absolute;
	background-color : #fff;
}
.topmenu li:hover ul {
	display : block;
	position : absolute;
	left: -2px;
	background-color : #fff;
	color: #000;
	border-bottom: 2px solid #000;
	border-left: 2px solid #000;
	border-right: 2px solid #000;
}

.topmenu ul li:hover ul, .topmenu ul ul li:hover ul, .topmenu ul ul ul li:hover ul, .topmenu ul ul ul ul li:hover ul, .topmenu ul ul ul ul ul li:hover ul, .topmenu ul ul ul ul ul ul li:hover ul {
	display : block;
	position : absolute;
	left: 10em;
	background-color : #fff;
	color: #000;
	border: 2px solid #000;
}

/*..............................................*/
/*				Vänster meny					*/
/*..............................................*/
.leftmenu {
	display: none;
}
.leftmenu ul {
	list-style : none;
}
.leftmenu li {
	float : left;
	width : 138px;
	margin-bottom: 2px; 
	padding: 3px;
	list-style: none;
}

.leftmenu li ul { /* second-level lists */
	display: none;
	position: absolute;
}

.leftmenu ul li {
	line-height : 15px;
}

.leftmenu a {
	text-decoration : none;
	display : block;
	color : #666;
}
.leftmenu a:hover, .leftmenu li:hover {
	color : #333;
	background-color: #fcedf6;
}

.leftmenu ul li:hover, .leftmenu ul li a {
	color: #000;
}
.leftmenu ul li:hover, .leftmenu ul li a:hover {
}
.leftmenu ul ul, .leftmenu ul ul ul {
	display : none;
	position : absolute;
	margin-top : -1.46em;
}
.leftmenu li:hover ul ul, .leftmenu li:hover ul ul ul, .leftmenu li:hover ul ul ul ul, .leftmenu li:hover ul ul ul ul ul, .leftmenu li:hover ul ul ul ul ul ul, .leftmenu li:hover ul ul ul ul ul ul ul {
	display : none;
	position : absolute;
}
.leftmenu li:hover ul, .leftmenu ul li:hover ul, .leftmenu ul ul li:hover ul, .leftmenu ul ul ul li:hover ul, .leftmenu ul ul ul ul li:hover ul, .leftmenu ul ul ul ul ul li:hover ul, .leftmenu ul ul ul ul ul ul li:hover ul {
	display : block;
	position : absolute;
	color: #000;

}

/*..............................................*/
/*				Botten menyn					*/
/*..............................................*/

#bottomwrapper ul {
	list-style : none;
}
#bottomwrapper li {
	position : relative;
	float : left;
	list-style: none;
	text-align: center;
	color: #999;
	margin-right: 5px;
	border-left: 1px solid #CCC;
	padding-left: 5px;
}

#bottomwrapper li ul { /* second-level lists */
	display: none;
	position: absolute;
}

#bottomwrapper ul li {
	line-height : 15px;
	color: #000;
}
#bottomwrapper a {
	text-decoration : none;
	display : block;
	color : #999;
	padding-left : 5px;
}
#bottomwrapper a:hover, #bottomwrapper li:hover {
	color : #333;
}
#bottomwrapper li:hover {
	cursor: default;
}
#bottomwrapper ul li:hover, #bottomwrapper ul li a {
	color: #000;
}
#bottomwrapper ul li:hover, #bottomwrapper ul li a:hover {
	color: #000;
}
#bottomwrapper ul ul, #bottomwrapper ul ul ul {
	display : none;
	position : absolute;
	margin-top : -1.46em;
}
#bottomwrapper li:hover ul ul, #bottomwrapper li:hover ul ul ul, #bottomwrapper li:hover ul ul ul ul, #bottomwrapper li:hover ul ul ul ul ul, #bottomwrapper li:hover ul ul ul ul ul ul, #bottomwrapper li:hover ul ul ul ul ul ul ul {
	display : none;
	position : absolute;
	background-color : #fff;
}
#bottomwrapper li:hover ul {
	display : block;
	position : absolute;
	left: -2px;
	background-color : #fff;
	color: #000;
	border-bottom: 2px solid #000;
	border-left: 2px solid #000;
	border-right: 2px solid #000;
}

#bottomwrapper ul li:hover ul, #bottomwrapper ul ul li:hover ul, #bottomwrapper ul ul ul li:hover ul, #bottomwrapper ul ul ul ul li:hover ul, #bottomwrapper ul ul ul ul ul li:hover ul, #bottomwrapper ul ul ul ul ul ul li:hover ul {
	display : block;
	position : absolute;
	left: 10em;
	background-color : #fff;
	color: #000;
	border: 2px solid #000;
}



/*..............................................*/
/*				Rubriklistning				*/
/*..............................................*/

.contentRow {
	float: right;
	width: 570px;
	margin-bottom: 5px;
	text-align: left;
}
.contentRow h1 {
	font-size: 12px;
	font-weight: normal;
}
.contentRow p {
	margin-top: 10px;
}
.pdfContainer {
	float: left;
	width: 30px;
}
.equipmentContent {
	float: left;
	width: 540px;
}

/*..............................................*/
/*			Specialsida för nyhetsbrev			*/
/*..............................................*/

#first_NL {
	float: left;
	width: 347px;
	margin-left: 16px;
}
#first_NL_pic{
	float: left;
}
.newspic img {
	width: 75px;
	height: 49px;
}
#first_NL_text {
	float: left;
	padding-left: 10px;
	width: 260px;
}
#first_NL_text h2 {
	font-weight: normal;
	text-transform: uppercase;
	font-size: 12px;
}
#first_NL_text li {
	list-style-type: square;
	list-style-position: inside;
	color: #00c3bb;
}
#first_NL_text a {
	text-decoration: none;
	color: #00c3bb;
}
#newsletter_pic {
	float: left;
}
#newsletter_form {
	float: left;
	width: 520px;
	padding-top: 37px;
	padding-left: 20px;
}
#newsletter_form h2 {
	font-weight: normal;
}
#newsletter_form h3 {
	font-size: 11px;
	font-weight: normal;
}
#newsletter_form p {
	margin-bottom: 25px;
}
#newsletter_form li {
	list-style: square;
	list-style-position:inside;
	color: #00c3bb;
}
#newsletter_form a {
	text-decoration: none;
}
/*..............................................*/
/*				Sitemap				*/
/*..............................................*/
#textareas {
	float: left;
}
#pagetree {
	float :left;
}
#textareas h1 {
  margin-bottom: 20px;
}
.map_menu {
  width: 100%;
  float: left;
  clear:both;
}

.treePadd {
  width: 20px; 
  height: 17px; 
  border-right: 1px dotted #CCC; 
  float: left;
}
.map_sub {
  color: #CCC;
  clear: both;
  width: 100%;
}
.map_page {
  clear: both;
  width: 100%;
  color: #CCC;
}


/* ------------------------------------------------ */
/*			Definiering av "snygga" knappar..		*/
/* ------------------------------------------------ */


.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url(/images/bg_button_a.gif) no-repeat scroll top right;
    color: #FFF;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 19px;
    margin-right: 6px;
    padding-right: 14px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url(/images/bg_button_span.gif) no-repeat;
    display: block;
    line-height: 11px;
    padding: 4px 0 4px 16px;
}

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 5px 0 3px 16px; /* push text down 1px */
}

/*..............................................*/
/*			Länk till www.granvik.net			*/
/*..............................................*/

#produktlista {
	float: left;
	width: 100%;
}

.groupRow {
	width: 722px;
	float: left;
	margin-bottom: 10px;
	padding: 12px;
	border-bottom: 1px dotted #CCC;
}
.groupRow h4 {
	margin-bottom: 5px;
}

.groupCell {
	float: left;
	width: 25%;
	height: 80px;
	text-align: center;
	margin-bottom: 5px;
}

.productRow {
	width: 722px;
	float: left;
	padding: 12px;
}
.produktcell {
	float: left;
	width: 50%;
	text-align: center;
	margin-bottom: 5px;
}
.prodpic {
	float: left;
	width: 89px;
	overflow: hidden;
}
.prodText {
	float: left;
	background-color: #f2f2f2;
	border: 1px solid #CCC;
	width: 260px;
	padding: 5px;
}
.prodheadline {
	float: left;
	width: 200px;
	text-align: left;
}
.prodprice {
	float: left;
	width: 200px;
	text-align: left;
}
.prodcomp {
	float: left;
	width: 200px;
	text-align: left;
}
.prodlink {
	float: left;
	width: 200px;
	text-align: left;
}
#randomList {
	width: 722px;
	padding: 12px;
	float: left;
	border-top: 1px dotted #CCC;
	margin-top: 10px;
}
#randomList h4 {
	margin-bottom: 5px;
}
/*..............................................*/
/*			Länk till www.granvik.net			*/
/*..............................................*/

#textSize {
	float: left;
	width: 55px;
	margin-top: 1px;
	margin-left: 30px;
	border: 1px solid #666;
	background-color: #FFF;
	padding: 3px;
	
}
#textSize img {
	float: left;
}
/*..............................................*/
/*			Länk till www.granvik.net			*/
/*..............................................*/

#granvik {
	position: absolute;
	bottom: 0px;
	right: 0px;
}

/*..............................................*/
/*			omdefinierade std. taggar			*/
/*..............................................*/

/*..............................................*/
/*				Tillfälliga påhitt				*/
/*..............................................*/




/* ---------------------------------------------*/
#views {
	position : absolute;
	padding-top : 5px;
	bottom : 10px;
	width : 622px;
	text-align : right;
	color : #ccc;
}
#validated {
	float : right;
	z-index : 20;
	border : 1px solid #ccc;
	background-color : #ddeedd;
	color : #000000;
	font-size : 10px;
	padding : 3px;
}
#validated a {
	color : #666666;
}