﻿

/* MASTERPAGE-LAYOUT ===============================================================================================================================================*/
body{
	text-align: center; min-width: 1007px; margin: 0px 0 0 0;
	background-color: rgb(18,18,18);
	background-image: url(../grafik/bgBody.jpg);	
}

.wraper{
	width: 1007px; margin: 0 auto; text-align: left;
	
	border-top: 0;
	border-left: 0;
	border-right: 0px solid blue;
	border-bottom: 0;
	position: relative;
	padding:0px;
	background-color: rgb(0,0,0);
	
	min-height: 701px; /*se även list box*/
}

#doc-mariginTop{
	float: left; width: 1007px; height: 0px; margin: 0px; padding:0px; background-color: maroon; 
}
#doc-mariginLeft{
	float: left; width: 30px;height: 360px; margin: 0px; padding:0px; background-color: black;
}
#doc-mariginRight{
	float: right; width: 130px;height: 360px; margin: 0px; padding:0px; background-color: black;
}
#doc-mariginBottom{
	float: left; width: 1007px;height: 23px; margin: 0px; padding:0px; background-image: url(../grafik/bottom.jpg);
}



#Topbranding{
	float:left; width: 1007px; height: 0px; padding: 0px; margin: 0px; background-color: red; /*border-top: black 7px solid;*/
}
#leftbranding{	
	float:left; width: 110px; height: 360px; margin: 0px; padding:0px; background-color:black;
}

#menu-container{
	float:left; width: 1007px; height: 23px; padding: 0px; margin: 0px; background-image: url(../grafik/meny1_black.jpg);
}
#left-menu-margin{
	float:left; width: 186px; height: 23px; padding: 0px; margin: 0px; 
}
.menu{
	float:left; width: 380px; padding: 0px; margin-top: 5px; font-family: Tahoma, Arial, Verdana; font-size:8pt; font-weight:bold; color: #ebebeb;}
	.menu a:link { color: #ebebeb;}
	.menu a:visited { color: #ebebeb;}
	.menu a:hover { color: Maroon;}
	.menu a:active {color: #ab0000;}

#right-menu-margin{
	float:right; width: 341px; height:23px; padding: 0px; margin: 0px; 
}

.dynamiskmenu{
	float:right; font-family: Tahoma, Arial; font-weight:bold; width:110px; font-size: 7pt; padding: 0px; margin: 0px 0px 6px 0px;
}

a:link { color: #ebebeb;}
a:visited { color: #ebebeb;}
a:hover { color: Maroon;}
a:active {color: #ab0000;}


#langBoxSV{
	float:left; width: 25px; height: 26px; padding: 0px; margin: 14px 0 0 0; background-image: url(../grafik/sv.gif); background-repeat:no-repeat;
}
#langBoxEN{
	float:left; width: 25px; height: 26px; padding: 0px; margin: 14px 0 0 0; background-image: url(../grafik/en.gif); background-repeat:no-repeat;
}
#langBoxText{
	float:left; width: 40px; height: 10px; padding: 0px; margin: 18px 0 0 0; font-family: Tahoma, Arial; font-weight:normal; font-size: 8pt; color: #ebebeb;
}

#Leftmarigin{
	float: left; width: 40px; height: 360px; margin: 0px; padding:0px; background-color: black;
}
#leftbranding-top-margin{
	float: left; width: 60px; height: 20px; margin: 0px; padding:0px; 
}




#contentmariginTop{
	float: left; width: 650px; height: 40px; margin: 0px; padding:0px;
}
#contentmariginBottom{
	float: left; width: 1007px; height: 25px; margin: 0px; padding:0px; background-color: black;
}
#contentExtra{
	float: left; width: 1007px; height: 80px; margin: 0px; padding:0px; background-color: black;
}



#contenttop{
	float:left; width: 1007px; height:inherit; margin: 0px 0px 0px 0px; padding: 0px;
}
#conntent1utfyllnad{
	float:left; width: 1007px; height:386px; margin: 0px; padding: 0px;	
}
conntent1utfyllnad2{
	float:left; width: 1007px; height:0px; margin: 0px; padding: 0px;	
}

	
#contentbottom{
	float:left; width:690px; padding:0px; margin-top:0px; margin-left:0px; margin-bottom:0px; margin-top:0px; margin-right:0px; 
	}
	

	
	
#footer{
	width: 1007px; height: 22px; clear: both; text-align: center;
	padding: 0px; margin: 0px;
	font-family: Arial, helvetica; font-size:8pt; color: #ebebeb; background-color: black;
}
	
	

/*PAGES-LAYOUT======================================================================================================================================================*/


#contentmariginLeft{
	float: left; width: 0px; height: 264px; margin: 0px; padding:0px; background-color:gray;
}



.mainPagebox{
	float: left; width: 652px; padding: 0px; margin-left: 5px; margin-bottom: 0px;/*border-top: rgb(194,169,103) 1px dotted;*//*border-top: rgb(235,235,235) 1px dotted;*/
}
.mainPageboxText{
	float: left; width: 453px; margin: 0px 0px 0px 0px; 
}
.mainPageboxText h1{font-family: Verdana, Tahoma, Arial; font-size:10pt; font-weight:bold; color: #808081; margin: 0px 0 10px 0;}
.mainPageboxText h2{font-family: Verdana, Tahoma, Arial; font-size:10pt; font-weight: bold; color: #ebebeb; margin: 0px 0 10px 0;}
.mainPageboxText h3{font-family: Verdana, Arial; font-size:10pt; font-weight: bold; color: #808081; margin: 0px 0 10px 0;}
.mainPageboxText p{font-family: Verdana, Tahoma, Arial; font-weight:normal; font-size: 8pt; color: #ebebeb; margin: 0px 0 0px 0;}

.mainPhotoContainer{
	float: left; width: 652px; padding: 0px; margin: 0px; 
}
.mainphoto{float: left; width: 150px; height: 150px; margin-top:0px; margin-left:0px; margin-bottom:10px; margin-right:10px;}

/*============*/

.extrabox{
	float: left; width: 1007px;  padding: 0px; margin-left: 5px; margin-bottom: 0px;/*border-top: rgb(194,169,103) 1px dotted;*//*border-top: rgb(235,235,235) 1px dotted;*/
}
.extraboxText{
	float: left; width: 1007px;  margin: 20px 0px 0px 30px;
}
.extraboxText p{font-family: Verdana, Tahoma, Arial; font-size:11pt; font-weight:bold; color: rgb(60,60,60); margin: 0px 0 20px 0;}



/*============*/


/*PRODUCT-PAGE-LAYOUT==============================================================================*/

.productpagebox{
	float: left; width: 652px; padding: 0px; margin-left: 0px; margin-bottom: 0px; /*border-top: rgb(20,20,20) 4px solid;*/ /*background-image: url(../grafik/Prodbox.jpg); background-repeat:no-repeat;*/ /* border-left: rgb(30,30,30) 1px solid;*/ /*border-right: rgb(30,30,30) 1px solid; border-bottom: rgb(30,30,30) 1px solid;*/ /*border-top: rgb(194,169,103) 1px dotted;*//*border-top: rgb(235,235,235) 1px dotted;*/
}
.productpageboxText{
	float: left; width: 453px; margin: 40px 20px 20px 0px;
}
.productpageboxText h1{font-family: Tahoma, Arial; font-size:10pt; font-weight:bold; color: #ebebeb; margin: 6px 0 10px 0;}
.productpageboxText h2{font-family: Verdana, Tahoma, Arial; font-size:10pt; font-weight: bold; color: #ebebeb; margin: 0px 0 10px 0;}
.productpageboxText h3{font-family: Times New Roman, Arial; font-size:14pt; font-weight: normal; color: #ebebeb; margin: 0px 0 0px 0;}
.productpageboxText p{font-family: Tahoma, Verdana, Arial; font-weight:normal; font-size: 8pt; color: #ebebeb; margin: 0px 0 0px 0;}

.productpageboxTillbaka { float: right; margin: 4px 10px 0px 0px;}


.productPhotoContainer{
	float: left; width: 652px; padding: 0px; margin: 0px; 
}
.productphoto{float: left; width: 652px; height: 440px; margin: 0px 0 0px 0; background-image: url(../grafik/fotobakgrundStor.Gif); background-repeat:no-repeat; }


.supplierbox{
	float: left; width: 652px; padding: 0px; margin-left: 0px; margin-bottom: 0px;  /*border-top: rgb(194,169,103) 1px dotted;*//*border-top: rgb(235,235,235) 1px dotted;*/
}
.supplierboxText{
	float: left; width: 453px; margin: 0px 0px 0px 0px;
}
.supplierboxText h1{font-family: Tahoma, Arial; font-size:10pt; font-weight:bold; color: #ebebeb; margin: 0px 0 10px 0;}
.supplierboxText h2{font-family: Verdana, Tahoma, Arial; font-size:10pt; font-weight: bold; color: #ebebeb; margin: 0px 0 10px 0;}
.supplierboxText h3{font-family: Times New Roman, Arial; font-size:14pt; font-weight: normal; color: #ebebeb; margin: 0px 0 0px 0;}
.supplierboxText p{font-family: Verdana, Tahoma, Arial; font-weight:normal; font-size: 8pt; color: #ebebeb; margin: 0px 0 0px 0;}

.supplierphoto{float: left; margin-top:0px; margin-left:0px; margin-bottom:0px; margin-right:0px;}






/*==========================*/



.listboxwraper{
	float: left; width: 690px; padding: 0px; margin-left: 0px; margin-bottom: 0px; min-height: 546px;
}

.listbox{
	float: left; width: 180px; height: 200px; padding: 0px; margin-top: 0px; margin-left: 0px; margin-right: 10px; margin-bottom: 10px; background-image: url(../grafik/prodboxRod.gif); background-repeat:no-repeat;
	
}

.listboxtext{
	float: left; width: 160px; margin: 10px 0px 0px 10px;
}
.listboxtext h2{font-family:Arial; font-size:8pt; font-weight: bold; color: rgb(20,20,20); margin: 0px 0px 0px 0px;}
.listboxtext p{font-family: Tahoma, Arial; font-size: 8pt; color: rgb(20,20,20); margin: 0px 0px 0px 0px;}


.listboxfoto{
	float: left; width: 180px; height:120px; margin-top:14px; margin-left:0px; margin-bottom:0px; margin-right:0px;
}



/*==========================*/





.sitemapPagebox{
	float: left; width: 652px; padding: 0px; margin-left: 5px; margin-bottom: 0px;/*border-top: rgb(194,169,103) 1px dotted;*//*border-top: rgb(235,235,235) 1px dotted;*/
}

.sitemapPagebox h1{font-family: Verdana, Tahoma, Arial; font-size:13pt; font-weight:bold; color: #ebebeb; margin: 0px 0 20px 0;}
.sitemapPagebox h2{font-family: Verdana, Tahoma, Arial; font-size:10pt; font-weight: bold; color: #ebebeb; margin: 0px 0 10px 0;}

.sitemapPagebox p{font-family: Verdana, Tahoma, Arial; font-weight:normal; font-size: 9pt; color: #ebebeb; margin: 0px 0 0px 0;}



/*======================================================================================================================================================*/











