/*#############################################################

© 200700703 Mixdesign
Författare: Hans Gustafsson
URL: http://www.Mixdesign.se

#############################################################*/

/*------------------------------------------------------------*
**  Global
**------------------------------------------------------------*/

html, body {
	height:101%
	}

span.svart { 
	color: #000;
}

span.rod { 
	color: #BA2C14;
	font-weight:bold;
}

span.upphojt {

}

body {
	background: #fff url('../bilder/bg_body.jpg') repeat-x center top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center; /* IE Fix */
	padding:0px;
	color: #dadada;
	margin:0px 0px 30px 0px;
	position:relative;
	}

a { 
	text-decoration: underline; 
	color:#99B0DA;
	font-weight:normal; 
	border:0;
	}
	
a:hover { 
	text-decoration: underline; 
	color:#000;
	font-weight:bold;
	border:0;
	}

img.pngfix {
	behavior: url(../pngHack.htc);
	}

img {border:0}

.floatleft {clear:both;float:left}
.floatright {float:right}

.element img {float:left; width:160px; margin:10px 20px 10px 0}
.element p {clear:both;}

/*------------------------------------------------------------*
**  Wrapper
**------------------------------------------------------------*/	

#wrapper {
	width: 620px;
	margin:0 auto;
	padding:0;
	text-align: left;
	position:relative	
	}

/*------------------------------------------------------------*
**  Butiksinfo
**------------------------------------------------------------*/

#info {width:620px;height:194px;margin-bottom:5px}

/*------------------------------------------------------------*
**  Logo
**------------------------------------------------------------*/

#logocontainer {
	width:620px;
	height:160px;
	margin:0 auto;
	padding:0;
	position:relative;	
}

#logo {
	background: url('../bilder/logga.jpg') no-repeat left top;
	width:467px;
	height:114px;
	position: absolute;
	left:78px;
	top:33px;
}

/*------------------------------------------------------------*
**  Sidebar
**------------------------------------------------------------*/
	
#sidebar {
	float: left;
	text-align: left;
	width: 200px;
	margin:0px;
	padding:0;
}

/*------------------------------------------------------------*
**  Meny med popup
**------------------------------------------------------------*/
#menucontainer {
	width:200px;
	height:210px;
	margin:0 0 10px 0;	
	position:relative;
	background: url('../bilder/bg_meny.jpg') no-repeat left top;		
}



/*------------------------------------------------------------*
**  Navigationspilar
**------------------------------------------------------------*/

#pil1, #pil2, #pil3, #pil4, #pil5 {
	position: absolute;
	width: 11px;
	height: 23px;
	z-index: 3;
	background: url('../bilder/menypil.gif') no-repeat left top;
	}
	
#pil1 {
	left: 207px; 
	top: 195px;
}	

#pil2 {
	left: 207px; 
	top: 219px;
}

#pil3 {
	left: 207px; 
	top: 243px;
}

#pil4 {
	left: 207px; 
	top: 267px;
}

#pil5 {
	left: 207px; 
	top: 291px;
}


/*------------------------------------------------------------*
**  Content
**------------------------------------------------------------*/

#content {
	float:left;
	width: 420px;
	text-align: left; 
	word-spacing: 1px;
	line-height:140%;
	margin:0 0 20px 0;
	}

#mainContainer {
	width:410px;
	margin:0 0 0 10px;
	}

#content p {
	line-height:13pt;
	font-size:12px;
	color: #666;
	padding:10px 30px 10px 30px;
	margin:0;
	background: url('../bilder/bg_text.jpg') no-repeat left top;	
	}

#content #personal p {
	line-height:14pt;
	height:300px;
	font-size:12px;
	color: #666;
	padding:10px 30px 10px 30px;
	margin:0;
	background: url('../bilder/bg_text.jpg') no-repeat left top;	
	}

#content p a { 
	text-decoration: underline; 
	color:#666;
	font-weight:normal; 
	border:0;
	}
	
#content p a:hover { 
	text-decoration: underline; 
	color:#000;
	font-weight:bold;
	border:0;
	}
								   	
#content h1	{
	width:380px;
	height:28px;
	font-size: 12px;
	font-weight:bold;
	color: #111;
	margin:10px 0 0 0;
	padding:6px 0 0 30px;
	background: url('../bilder/bg_rubrik_rod.jpg') no-repeat left top;	
	}
	
.list li {
	color: #666666; 
	font-size:12px; 
	font-weight:normal; 
	list-style-image:url('../bilder/punktlista.gif');
	margin:10px 20px 20px 0;
	padding:0;
	}
								   	
.clear {
	clear:both;
	}

span.urubrik {
	margin:10px 0;
	font-size:12px;
	font-weight:bold;
}

span.urubrik2 {
	font-size:12px;
	font-weight:bold;
	color:#BA2C14;
}

/*------------------------------------------------------------*
**  Foto
**------------------------------------------------------------*/

.ram_s {
	width:157px;
	height:157px;
	float:left;
	padding:10px 10px 5px 9px;
	margin-left:20px;
	background:url('../bilder/bildcontainer.jpg') no-repeat left top scroll;
}

.fotocontainer {
	width:420px;
	height:220px;
	margin:0;
	pading:0;
	color:#666;
	clear:both;
}

.pers {
	width:131px;
	height:226px;
	float:right;
	margin:0 0 0 10px;
	padding:0;
}

/*------------------------------------------------------------*
**  Kontakt
**------------------------------------------------------------*/

.namn-container {
	width:170px; 
	float:left;
	}

.namn {
	color: #666; 
	font-weight:bold; 
	margin:7px 5px 3px 0px;
	}

.falt-container {
	width:259px; 
	float:left;
	}
	
.falt {
	margin:3px 0px 0px 0px; 
	line-height:16pt; 
	color: #666;
	}

input {
	border:1px solid #7F9DB9; 
	height:20px; 
	width: 100%; 
	padding-left:5px;
	background-image:url('../bilder/bg_form.gif');
	}
	
textarea {
	border:1px solid #7F9DB9; 
	height:80px; width: 100%; 
	color:#666; 
	padding-left:5px; 
	background-image:url('../bilder/bg_form.gif');
	}
	
.cd-distans	{
	clear:both; 
	height:10px;
	}	

/*------------------------------------------------------------*
**  Aktuellt
**------------------------------------------------------------*/

.datum-container {
	width:50px;
	float:left;
	}
	
.datum {
	color: #9A0120; 
	font-weight:bold; 
	margin:15px 0px 15px 0px;
	line-height:16pt;
	}

.text-container {
	width:359px;
	float:left;
	}
	
.text {
	margin:15px 0px 15px 40px;
	line-height:16pt;
	}

.pricklinje {
	float:left;
	width:430px;
	height:3px;
	background-image:url('../bilder/h_linje.gif');
	background-position: left top;
	background-repeat:no-repeat; 
	background-attachment:scroll;
	clera:both;
	}

/*------------------------------------------------------------*
**  Footer
**------------------------------------------------------------*/

#footer {
	clear: both;
	color: #333333;
	font-size: 10px;
	font-weight: normal;
	margin:0 auto;
	padding:0;
	height:92px;
	background: url('../bilder/bg_footer.jpg') repeat-x center bottom;
	}

#footer p {
	margin:10px 0 10px 0;
	padding:0 0 10px 0;
}	

#footer .marg {
	padding-top:60px;
}
	
#footer a {
	text-decoration: none;
	color: #BA2C14;
	font-weight: bold;
	}
	
#footer a:hover {
	border-bottom: 1px dotted #BA2C14;
	color: #BA2C14;
	font-weight: bold;
	}