*
{
	margin:0px;
	padding:0px;
}
body
{
	font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
    font-size: 14px;
    margin-top: .5em; color: #666;
	background: white url(Img/bakgrund.jpg) repeat-x;
}
table, form input , form option
{ 
	font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
    font-size: 14px;
    margin-top: .2em; color: #666;  
}
input ,select 
{ 
	font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
    font-size: 14px;
    margin-top: .2em; color: #666;
	background: #fff; 
}
h1
{
	font-family:Georgia,serif;
	font-size: .8em;
	text-transform:uppercase;
	letter-spacing:2px; 
	padding-left:5px;
	color: #003366;
	border-bottom:1px dotted #666666;
}
h2
{
	font-family:Georgia,serif;
	font-variant: small-caps; 
	text-transform: none; 
	font-weight: 100; 
	margin-bottom: 0;
	color:#336699;
	padding-left:5px;
}
h3
{
	font-family:Georgia,serif;
	font-size: .8em;
	text-transform:uppercase;
	letter-spacing:2px; 
	padding-left:5px;
	color: #003366;
}
p
{
	font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
    font-size: 14px;
    margin-top: .5em; color: #666;
}
a, a:link, a:visited, a:hover
{
	color:#467AA7;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
}
a:hover
{
	color:#ff6600; 
}



/* Layout */

#widerbergs
{
background-color:#fff;
margin-top: 15px;
margin-right: auto;
margin-left: auto;
width:1030px;
border:1px dotted #666666;
}
#wrapper 
{
background-color:#fff;
margin-right: auto;
margin-left: auto;
width:1010px;
border:10px solid #ffffff;
}

#header
{
background:url(Img/bgheader.jpg) no-repeat;
width:1010px;
height:200px;
color:#fff; 
}
/* Menyn*/
#navhorisontell
{
float:left;
border: 1px solid #bbbbbb;
list-style:none; 
margin-bottom:22px;
width:1010px;
background-color: #172F5D;
color:#fff; 
}
#navhorisontell ul
{
list-style:none;
}

#navhorisontell li
{
text-align:left;
float:left;
}
#navhorisontell ul li a
{
display:block;
background-color:#172F5D;
border-right:1px solid #fff;
line-height:2.5em;
margin-right:0px;
padding:8px 14px 8px 14px;
color: #ecf9ff;
}
#navhorisontell  li a:hover
{
color: #ecf9ff;
background-color:#470E03;
}
#navhorisontell ul li .selected
{
color: #ecf9ff;
background-color:#470E03;
}
#navhorisontell p
{
color: #fff;
}
#navhorisontell .visakassan {
width: 260px; 
font-size:11px;
font-family:Geneva, Verdana, Helvetica, sans-serif; 
color:#666;
}
#navhorisontell .visahelakassan {
float: right; 
width: 280px; 
padding: 0px; 
margin: 0px; 
}
#nav
{
	float:left;
	margin-top:15px;
	height:100%;
	width:190px;
	height: 480px; 
}
#nav ul#main_nav  
{
	margin-bottom:20px;
	margin-top:20px;
}
#nav li
{
	text-align:left;
	border-bottom:1px solid #eaeada;
}
#nav ul.sub_nav li 
{
	text-align:left;
	width: 190px; 
	padding-left: 1em;
	border-bottom:1px solid #eaeada;
	list-style-type: none;
} 
#nav ul li a
{
	background-image: url(Img/pinne.gif);
	background-repeat:no-repeat;
	background-position:left center;
	display:block;
	background-color:#fff;
	line-height:1.4em;
	padding-top:2px;
	padding-bottom:6px;
	padding-left:22px;
	text-decoration: none;
	width:120px;
	color: #666; 
}
#nav  li a:hover
{
	color: #37210c;
	background-color:#f7f7f2;
}
#nav .selected
{
	color: #37210c;
	background-color:#f7f7f2;
}

#content
{
	float:left;	
	background-color:#fff;
	width:600px;
	min-height: 600px; 
	margin-top:20px;
	margin:auto;
	margin-bottom:30px;
	border-left:1px dotted #bbbbbb;
	border-right:1px dotted #bbbbbb;
}
#main_content
{
	float:left;
	width:550px;
	height:float 350px;
	margin-left:20px;
	margin-top:20px;
	background-color:inherit;
	text-align:left;
	padding:5px;
	padding-left:10px;
	padding-right:12px;
	padding-left:5px;
	line-height:1.6em
	
}
#kunduppgifter
{
	float:right;
	background-color:#fff;
	width:200px;
	margin-top:15px;
}
.error {

	color: #900;
	text-align:center;
}
.ierror {
	font-size: 11px; 
	font-family: Helvetica,Arial,Helvetica,sans-serif;
	color: #900;
	
}
.perror {
	font-size: 12px; 
	font-family: Helvetica,Arial,Helvetica,sans-serif;
	color: #900;
	padding-left: 35px;
	padding-bottom: 30px; 
}

#footer 
{
	width:1010px;
	height: 35px;
	clear:both;
	background-color:#172F5D;
	color:#666666;
	margin-left:auto;
	margin-right:auto;
	padding-top: 5px;
}
#footer p 
{
	font-size:0.8em;
	font-family: Helvetica,Arial,Helvetica,sans-serif;
	font-weight:normal;
	line-height: 1.4em;
	color:#999;
	text-align:center;
	margin: 1px; 
}
.middle1 {
	float:center;
	border: 1px solid #c9c9c9; 
	width: 500px; 
	padding-left: 20px; 
	background: #ffffff; 
	padding:5px 5px 5px 5px;
	font-size: 11px; 
	font-family: Helvetica,Arial,Helvetica,sans-serif;
	color: #666666;
	height: 50px; 
}
.middle2 {
	border: 1px solid #c9c9c9; 
	width: 500px; 
	padding-left: 20px; 
	padding:5px 5px 5px 5px;
	background: #f4f4f4; 
	font-size: 11px; 
	font-family: Helvetica,Arial,Helvetica,sans-serif;
	color: #666666; 
	height: 50px;
}
.ruta {
	border: none;
	text-align: left;
	width: 550px;
}
.text {
	border: none;
	float: left;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 5px;
	padding-top: 10px;
	margin: 0px 5px 0px;
}
.kopknapp {
	border: none;
	float: left;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 10px;

}
.nyheter {
width: 200px; 
padding: 2px; 
}
.nyheterbild {
width: 35px; 
float: left; 
}
.nyhetertext {
width: 150px; 
float: right; 
}

/* Singel produkter */
#visa-produkt {
	border: none;
	text-align: left;
	width: 400px;
	padding:5px 5px 5px 5px;
}
#visa-produktbild {
	border: none;
	text-align: left;
	width: 400px;
}
#visa-produkt h2 {
	font-family: Helvetica,Arial,Helvetica,sans-serif;
	font-size:1.1em; 
	font-weight: bold;
	color: #336699;
	padding-left:3px;
	text-transform:none; 
}
.produkt-pris {
	border: none;
	float: left;
	padding:15px 5px 15px 5px;
}
.produkt-info {
	border: none;
	text-align: left;
	padding:15px 5px 15px 5px;
}

.produkt-antal {
	border: none;
	padding:15px 5px 15px 5px;
	width: 100px;
	float: right; 
}

#visa-kassa {
	width: 510px; 
	padding:15px 5px 15px 5px;
}
.kassa-summa {
	float: right;   
	width: 230px;
	border: none; 
}
.kassa-ut {
	float: left;   
	width: 230px;
	border: none; 
	margin-bottom: auto; 
}
#visa-kassa.kassa-summal {
	float: left;   
	width: 230px;
	border: none; 
}
#visa-kassa .andraknapp {
	width: 40px; 
	font-size: 9px;
}
#visa-kassa .tabortknapp {
	width: 20px; 
	font-size: 9px;
}
#visa-kassa .datum {

}
#visa-kassa .tid {
 width: 100px; 
}
.kassa-namn {
	width: 200px;
	float: left; 
	border: none; 
}
.kassa-antal{
	width: 40px;
	float: left; 
	border: none; 
}
.kassa-pris {
	width: 100px;
	float: left; 
	border: none; 

}
.kassa-totalt{
	width: 60px;
	float: right; 
	border: none; 	
}
.kassa-ovrigt {
	width: 100px;
	float: right;
	border: none; 	
}
.kassa-a {
	border: 1px solid #c9c9c9; 
	width: 500px; 
	padding-left: 20px; 
	background: #ffffff; 
	padding:5px 5px 5px 5px;
	height: 30px; 
	font-size: 11px;
}
.kassa-b {
	border: 1px solid #c9c9c9; 
	width: 500px; 
	padding-left: 20px; 
	padding:5px 5px 5px 5px;
	background: #f4f4f4; 
	height: 30px;
	font-size: 11px;
}
#slutfor{
	border: none;  
	width: 490px; 
	margin:25px 5px 25px 5px;
}
#datum{
	border: none;  
	width: 490px; 
	margin:25px 5px 25px 5px;
}

.produktbild {
	border: none; 
	text-align: left;
	width: 50px;
	float:left; 
	
}
.produkttext { 
	text-align: left;
	width: 220px;
	float: left;
	height: 40px; 
	padding-top: 15px;
	
}
.produkten {
	width: 20px;
	float: left;
	
	padding-top: 15px;	
}
.produktpris {
	border: none; 
	float: right;
	width: 100px;
	margin: 5px;
	text-align: left;
	
	padding-top: 15px;	
}
.produktantal {
	border: none; 
	float: right;
	width: 90px;
	text-align: left;
	 
	padding-top: 15px;
}
#ansok {
	width: 400px;
	margin-left: auto ;
	margin-right: auto ;
}
.litenvanster {
	padding:5px 5px 5px 5px;
	text-align: left;
	width: 130px;
	
}

.litenhoger {
	padding:5px 5px 5px 5px;
	float: right; 
	width: 250px;
}
.orderdatum{
	padding:5px 5px 5px 5px;
	text-align: left;
	width: 250px;
	
}

.ordernr {
	padding:5px 5px 5px 5px;
	float: right; 
	width: 250px;