﻿body 
{
	/*background:#2B2825;	*/
	background: #171616; 
	text-align:left;
	
}
#container
{
	margin-top:10px;
	margin-left:5px;
	float:left;
	width:850px;	
}
#outercontainer
{
	float:left;
	width:1500px;
	
}
#buyinfo
{
	color:#F0EDED;
	font-size:25px;
	cursor:pointer;
	text-decoration:underline;
}
#divOrder
{
	margin-top:100px;
	float:left;
	/*background:#CACF43;*/
	background:#871D17;		
	
	width:230px;
	padding:10px;
	color:#F0EDED;
}
p{margin:5px;}
table td
{
	padding:2px;
}

.skivItem
{
	float:left;
	width:400px;
	height:70px;
	background:#F0EDED;
	padding:5px;
	margin:5px;
	border:1px solid black;
	overflow:hidden;
	
}
#bokadeSkivor
{
	float:left;
	background:#F0EDED;
	padding:5px;
	border:1px black solid;
	font-size:12px;	
	text-align:left;
 list-style-type:disc;
 visibility:hidden;
 color:#2B2825;
 line-height:14px;
 cursor:pointer;
}
#bokadeSkivor li{ padding-top:5px;}
h1{ font-size:large;}
h2 
{	
	margin:0px;	
	font-family:Arial, Sans-Serif, Verdana; font-size:14px; letter-spacing:-0.3px;	
	color:#2B2825;
}

#infoMeny
{
	float:left;
	margin-bottom:10px;
	cursor:pointer;
}
#infoMeny li
{
	display:inline; list-style:none;
	font-size:14px;		
}

#header
{
	width:814px;
	margin-left:5px;
	height:40px;
	/*background:#CACF43;*/
	background:#871D17;	
	padding:10px;
	text-align:center;
	
}
#bottom
{
	width:834px;
	margin-left:5px;
	height:40px;	
	/*background:#CACF43;*/
	background:#871D17;		
}
#rubrik
{
	
	font-family:Times New Roman;
	letter-spacing:2px;
	font-size:34px;	
	/*color:#2B2825;*/
	color:#F0EDED; 
	
}



div.scrollable { 

/* required settings */ 
position:relative; 
overflow:hidden; 
width:850px;
height:460px;
/*background:#2B2825;*/
background: #171616; 
text-align:left;

} 

/* 
root element for scrollable items. Must be absolutely positioned 
and it should have a super large width to accomodate scrollable items. 
it's enough that you set width and height for the root element and 
not for this element. 
*/
 
div.scrollable div.items { 
/* this cannot be too large */ 
height:20000em;  
position:absolute; 
} 

/* 
a single item. must be floated on horizontal scrolling 
typically this element is the one that *you* will style 
the most. 
*/ 
div.scrollable div.items div { 
background:white;
 
} 

/* you may want to setup some decorations to active item */ 
div.items div.active { 
border:1px inset #ccc; 

}


.skivtext
{
	background:#F0EDED;
	float:left; 
	margin-left:15px;
	text-align:left;
	
}

.prevPage
{
	float:left;
	text-align:center;
	text-decoration:none;
	height:30px;
	width:130px;
	margin-left:5px;	
	color:#F0EDED;	
	font-size:16px;
	font-family:Arial, Sans-Serif;
	letter-spacing:2px;
	cursor:pointer;	
	/*background:#CACF43;*/
	background:#871D17;		

}
.nextPage
{
	float:left;
	text-align:center;
	text-decoration:none;
	height:30px;
	width:130px;
	margin:0px;
	color:#F0EDED;
	font-size:16px;
	font-family:Arial, Sans-Serif;
	letter-spacing:2px;
	cursor:pointer;	
	/*background:#CACF43;*/
	background:#871D17;		
	
}

.navi
{
	text-align:center;
	width:574px;
	height:30px;
	margin:0px;
	float:left;	
	color:#F0EDED;
	font-size:15px;
	cursor: pointer;
	font-family:Arial, Sans-Serif;
	
	/*background:#CACF43;*/
	background:#871D17;		
	
}
.clear{clear:both;}

