@charset "utf-8";

/* ==================================
   Teori
*/	

h2.notes { 	color: #738FE6; 	}
h2.photoshop { 	color: #C20D0A; 	}	

.bild h3 {
	line-height: 1em;	
	color: #4E6BC3; 
	padding-bottom: 10px; 
	margin-bottom: 0px;
	}	

div.bild p, div.bild ol, div.bild ul {
	font: bold 11px/1.3em Arial, Helvetica, sans-serif;
	color: #555; 
	margin-top: 4px; 
	padding-top:0px;
}

div.bild {
	background-color: #F7F7F7;
	border-top: solid 1px #CCC;
	margin-top: 10px;
	margin-bottom: 10px;
	}

/* ==================================
   Böcker
*/	

div.bok {
	padding-bottom: 10px; 
	clear: both; 
	border-bottom: solid 1px #eee;
	}

div.bok img {
	float: left; 
	margin-right: 10px; 
	border: solid 1px #333;
	}



/* ==================================
   Bloggen
*/	

p.meta {
	font: 12px Arial, Helvetica, sans-serif;
	color: #777;
	margin: 5px 0 0 0; padding: 0;
	height: 30px;
	 }

div.postmetadata {
	margin-top: 20px;
	border-top: solid 1px #ccc;
	padding-top: 5px;
	}
	
	
p.kommentarer { font-size: 16px; padding: 0px 0px 0px 20px; background: url("/gfx/kommentarer.png") 0 5px no-repeat;
border-bottom: solid 1px #ccc; padding-bottom: 15px;}
span.facebook { padding: 0px 0px 0px 20px; background: url("/gfx/facebook.png") 0 1px no-repeat;}

p.postnav {
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	padding: 10px 0 10px 0;
}

.liknande ul {
	line-height: 1.5em;
	margin-top: 5px;
	}
	
.liknande li {padding-bottom: 6px}	
	
	
.dela ul {
	list-style-type:none; 
	padding: 0;
	margin: 0;	
	line-height: 2em;	
	}
	 	
	
div.dela h3 {margin-top: 0px;} 	


div.liknande h3 {margin-top: 0px;} 	

.navigation {
	text-align: center;
	margin-top: 10px;
	}
	
.post {margin-bottom: 50px;}

.post h3 {margin-top: 30px;} 

span.namn { float: left; }
span.facebook { float: right; padding-right: 10px; }

span.kommentarer { float: right; padding: 0px 0px 2px 20px; background: url("/gfx/kommentarer.png") 0 0 no-repeat;}


li.facebook { padding: 0px 0px 0px 20px; background: url("/gfx/facebook.png") 0 5px no-repeat;}

li.adress { padding: 0px 0px 0px 20px; background: url("/gfx/sida.png") 0 5px no-repeat;}
li.pusha { padding: 0px 0px 0px 20px; background: url("/gfx/pusha.gif") 0 5px no-repeat;}

#delabox {
	float: left;
	width:  270px;
	margin-left: -15px;
	margin-top:  -10px;
}

.dela {
	width: 250px; 
	margin-left: 20px;
	padding: 15px 0px 15px 15px; 
	border: solid 1px #999; 
	background-color: #eee
	}


.liknande {
	float:right;width:290px;
}


/* ==================================
   Photoshopguider
*/	

div.steg {
	clear: both; 
	padding-top: 3px; 
	margin-top: 10px; 
	border-top: solid 1px #ccc;
	}

div.steg em {
	color: #665; 
	font-weight:bold;
	 }

div.right img {
	float: right; 
	margin-left: 20px;
	}

table#engelska {
	background:#FFF url(/gfx/eng.png) no-repeat top left; 
	width: 300px; 
	border-collapse:collapse;
	border: solid 1px #ccc; 
	}
	
table#engelska td {
	border: solid 1px #ccc; 
	padding: 3px;
	padding-left: 10px;
	font-size: 11px;
	font-family: verdana, Arial, Helvetica, sans-serif;
	}
	
table#engelska td.divider {
	border-top: solid 1px #666; 
	}	
	
table#engelska th {
	height: 33px;
	}
	
	table#big {
		width: 600px; 
		border-collapse:collapse;
		border: solid 1px #ccc; 
		}

	table#big td {
		border: solid 1px #ccc; 
		padding: 3px;
		padding-left: 10px;
		font-size: 11px;
		font-family: verdana, Arial, Helvetica, sans-serif;
		}

	table#big td.divider {
		border-top: solid 1px #666; 
		}	

	table#big th {
		height: 33px;
		}	



.guidebox {
	width: 290px; 
	height: 260px;
	margin: 0 16px 10px -8px; 
	float: left;
 
}


.guidebox img {
	background: #fff url(/foton/front/mall3.jpg) left top no-repeat; 
	padding: 8px 8px 5px 6px;
	border: none;
	margin: 0;
	}	 
	
.guidebox h3, .guidebox p {
	padding-left: 8px;	}
	
.guidebox p {margin: 0; font-size: 12px; line-height: 1.4em}	
.guidebox h3 {margin: 3px 0 2px 0; font-size: 16px}

.guidebox em {color: #999; font-style:normal;}

.author {font-size: 11px; font-weight: bold; color: #66A;}

.comment_author {background: #d5ebff url(/assets/gfx/commentrocket.png) no-repeat top right;
	border-top: 2px solid #ddd;
	border-bottom: 2px solid #ddd;
	}
.comment_author cite, .comment_author p {
	padding-left: 10px;
}
.comment_author cite a:visited {
	color: #333399;
}

#grundreferens {font-size: 12px; background-color: #666; padding: 5px 5px 3px 10px; width: 585px; color: #fff}
#grundreferens a {color: #fff}


/* ==================================
   Shoppen
*/	

div.shop {
	background-color:#eee; 
	padding: 10px 10px 10px 10px; 
	width: 550px; 
	margin-top: 10px;
	border: solid 1px #ccc;
	}

.shop img {border: none}

table.shop {width: 550px;}

table.shop td, table.shop th  {
	text-align:left; 
	vertical-align: top; 
	margin: 0;
	padding: 2px;
	}
	
table.shop th {background-color: #cde5ff}	

table.shop td.radera {font-size: 10px}

td.antal {width: 50px}
td.produkt {width: 330px}
td.pris {width: 60px}
td.summa {width: 60px}
td.radera {width: 50px}


table.shop .pris,
table.shop .summa,
table.shop .frakt,
table.shop .totalt1,
table.shop .totalt2,
table.shop .order {text-align:right;}

table.shop .antal,
table.shop td.radera {text-align:center}

 table.shop th.content {
	padding-left: 7px; 
	}
	
table.shop	td.produkt {padding-left: 7px;}

td.totalt14, td.totalt2 {border-top: solid 3px #fff;}		
td.totalt2 {font-weight: bold;}	

td.namn {width: 120px}
td.falt {width: 430px}

table.shop em {font-size: 10px; font-style: normal;}

table.shop input, table.shop textarea {width: 230px;}

table.shop input.button {width: 150px; }
table.shop input.nummer {width: 20px; text-align: center;}

#checkoutbutton, .shopsplitbutton {
	color: #fff;
	background-color: #339900;
	padding: 5px;
	cursor:pointer;
}


#steps {
	background-color:#e4e3f0; 
	padding: 10px; 
	width: 550px; 
	margin-top: 20px;}

#steps ul
{
	list-style:none;	
	display: inline;
	margin: 0;
	padding: 0px;	
}

#steps li 
{
	display: inline;
	margin: 0; padding: 0px;
}

#steps li.endcap 
{
	background: url(/shop/gfx_pil.png) right no-repeat;
	padding-right: 22px;
	margin-right: 10px;
}

div.shopsplit
{
	width: 260px;
	background-color:#eee; 
	padding: 10px 10px 10px 10px; 
	margin-top: 10px;
	margin-right: 10px;
	border: solid 1px #ccc;
	float: left;
}

#promo {
	width: 100px;
	height: 20px;
	font-size: 16px;
}

.clr {
	clear: both;	
}

.shopquestion {font-size: 11px}

.shopforminput {font-size: 14px;}

.betalboxar {border:2px solid #ccc; background-color: #FFF; width:158px; float:left; padding: 8px; margin-right: 5px;}

input.shopconfirm {background-color:#090; color:#FFF; font-size:14px; width: 200px; height: 50px; cursor:pointer;}

.selected_paytype {
	border: 2px solid #3d9606;
}

.boxerror {
	border: 1px solid red!important;
}

.boxok {
	border: 2px solid #3d9606 !important;
}

.shopcheckbox {
	width: 21px;
	height: 20px;
	display: none;
}

.error {
	color: red;
}

#multiple_addr {
	width: 100%;
}

/* ==================================
   Cart i sidhuvudet
*/	

#cart  {
	border: solid 3px #333;
	padding: 1px 5px 5px 65px;
	margin: 5px 8px 0 5px; 
	background: url(/gfx/cart2009.png) top left repeat-x;
	font-size: 13px;
	height: 46px;
	line-height: 15px;
	  }
#cart p {
	margin: 2px;
}

#cart a:hover { background-color: #fc6; }	  

#content #cart  {
	border: none;
	padding: 10px;
	margin: 0; 
	background-image: none;
	  }


#thanks_cart
{
	background: url("/gfx/thanks_cart.gif") top left;
}

#sad_cart
{
	background: url("/gfx/sad_cart.gif") top left;
	height: 206px;
}

/* ==================================
   DVD-presentation
*/	

#produktruta {
	background-color:#fff; 
	}

#produktright {
	width: 225px; 
	float: right; 
	
	text-align:center; 
	font-size: 12px;
	margin: 15px 0 0 20px;;
	
	padding-top: 10px;
	}
	

		


#produktleft h1.titel {
	font-size: 32px; 
	font-weight: bold; 
	color: #000;
	padding: 20px 0 0 0;
	margin-bottom: 0px;
	}
	
#produktleft h3.larare {
	font-size: 16px; 
	font-weight: bold; 
	color: #666;
	padding: 0 0 0 0;
	margin-top: 0px;
	}	
	
#produktleft .introtext {font-size: 14px;}	
	
#produktleft .priset {
	font-size: 20px; 
	font-weight: bold; 
	margin-bottom: 4px;
	}
	
#produktleft .priset span.highlight {color: #C00;}

.priset {
	font-size: 20px; 
	font-weight: bold; 
	margin-bottom: 4px;
}

.priset span.highlight {
	color: #C00;	
}

#produktleft .priset span.regprice {
	color: #eee;
	font-weight: normal;
}

#produktleft .priset span.exmoms {color: #666; font-size: 12px; font-weight:normal;}

#produktleft .lager {
	font-size: 11px; 
	color: #666;
	font-weight: normal;
	}
	
input.buynow {
	color: #fff;
	background-color: #339900;
	padding: 8px;
	margin-right: 20px;
	float: left;
	cursor:pointer;
}	




#produktleverans, #produktgaranti, #produktskola, #produktfrakt {
	width: 220px; 
	padding: 5px 5px 5px 10px; 
	font-size: 12px;
	line-height: 1.2em;
	background-color: #cde5ff;
	margin-left: auto;
	margin-top: 5px;
	text-align: left;
	}

#produktleft ul {margin: 20px 0 20px 1em; padding: 0;}

ul.checkmarks {list-style-image: url(/gfx/icon_checkmark.gif); clear: left; }


.level {
	background-color:#666; 
	padding: 5px 0 2px 20px; 
	margin-left: -10px;
	margin-right: -10px; 
	color: #FFF; 
	font-weight: bold; 
	clear: both;
	line-height: 1.3em;
	}


.levelleft {float: left; margin-right: 20px;}
.levelright {padding-right: 20px;}

.level table {
	width: 230px; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 10px;
		}

.level p, .level a:link, .level a:visited {
	font-size: 11px; 
	color: #FFF; 
	}
	
.level table td 	{
	border-left: solid 1px #333;
	padding-left: 5px;
	}

.level tr.level_gradient td {
	width: 12%; 
	border: solid 1px #333;
	background-color:#FFF
	}

.level tr.level_gradient td.levelok {
	background-color:#00CC00
	}
	
.level tr.level_gradient td.levelmini {
	background-color:#AACCAA
	}	  



#videoruta {
	width: 253px; 
	margin: 10px 0 0 10px; 
	float: right;}

#mattias {
	width: 250px; 
	margin: 20px 0 0 10px; 
	float: right;
	background-color:#eee; 
	padding: 5px 20px 10px 20px; 
	}
	
	
p#videoexempel {font-size: 16px; font-weight: bold; padding: 10px 0 0 5px; line-height: 1.5em;}
	
.dvdexempel {
	width: 100px; 
	float: left; 
	margin-right: 10px;
	}	 

.dvdexempel p {text-align: center}

.dvdexempel img {margin: 0; border: solid 1px #000;}

.dvdexempelpopup {display: none; }
.dvdexempelpopup img {margin: 0;}


.dvdexempelleft {
	width: 155px; 
	float: left; 
	margin-right: 10px;
	line-height: 1.2em;
	}	
	
.dvdexempelleft a img {border: solid 1px #000;;}	

.dvdexempelright {
	float: right; 
	width: 220px; 
	background-color: #eee; 
	border-left: solid 1px #ccc;
	padding: 0 20px;
	line-height: 1.3em;
	}


.popupbox {display: none}


.paketcopy {margin-top:20px}


/* ==================================
   Grunderna
*/	



#grunderna .guidebox {
	width: 225px; 
	margin: 0 7px 10px 0px; 
	float: left;
 
}


#grunderna .guidebox img {
	background: #fff url(/foton/front/mall4.jpg) left top no-repeat; 
	padding: 8px 8px 5px 6px;
	border: none;
	margin: 0;
	}	


/* ==================================
   Videospelaren
*/	

/* över videon */

.videocaption { 
	color: #666; 
	font-size: 13px; 
	margin: 20px 0 0px 10px; 
	padding-bottom: 6px;
	}

.videocaption strong {
	font-size: 18px; 
	color: #2c688e
	}
	
/* videon */

#video object {margin: 0 0px 0 0px;
	}
	
	

/* under videon */

#videoinfo,
#videosponsors  { 
	margin: 0 1px 0 0; 
	background-color: #eee;
	padding: 4px 7px 20px 15px ;

	}

#videoinfo {width: 250px}
#videosponsors {width: 650px}	
	
#videoinfo h3,
#videosponsors h3 {color: #888; } 	
	
	
	
#videoinfo li { list-style: none; }

#videoinfo {float: left;}
#videosponsors {float: right; margin-right: 0px }

.videobox {
	width: 210px; 
	margin: 0 16px 10px -5px; 
	float: left; 
}


.videobox img {
	background: #fff url(/foton/front/mall2.jpg) left top no-repeat; 
	padding: 7px 8px 5px 5px;
	border: none;
	margin: 0;
	}	 
	
.videobox h3, .videobox p {
	padding-left: 6px;	}
	
.videobox p {margin: 0; font-size: 12px; line-height: 1.4em}	
.videobox h3 {margin: 3px 0 0 0;}

#videonyaste {margin-top: 6px;}

#videointro .narrowcolumn h2 {font-size: 16px;}




.pressbild {width: 195px; float: left; font-size: 12px; line-height: 1.3em;}
.pressbild img {border: solid 1px #000; margin-bottom: 0px; padding-bottom: 0px;}