/*
Theme Name: NP Nilsson
Author: Christian Gundersson
Version: 1.0
*/


@font-face {
	font-family: "Gill Sans";
	src: url("type/gillsansstd-webfont.eot");
	src: local("☺"),  url("type/gillsansstd-webfont.woff") format("woff"),  url("type/gillsansstd-webfont.otf") format("opentype"),  url("type/gillsansstd-webfont.svg#gillsansstd-italic-webfont") format("svg");
}

 @font-face {
	font-family: "Gill Sans Italic";
	src: url("type/gillsansstd-italic-webfont.eot");
	src: local("☺"),  url("type/gillsansstd-italic-webfont.woff") format("woff"),  url("type/gillsansstd-italic-webfont.otf") format("opentype"),  url("type/gillsansstd-italic-webfont.svg#gillsansstd-italic-webfont") format("svg");
}

@font-face {
 	font-family: "Gill Sans Bold";
 	src: url("type/gillsansstd-bold-webfont.eot");
	src: local("☺"),  url("type/gillsansstd-bold-webfont.woff") format("woff"),  url("type/gillsansstd-bold-webfont.otf") format("opentype"),  url("type/gillsansstd-bold-webfont.svg#gillsansstd-bold-webfont") format("svg");
}



body {
	background-color: #F1F2F2;
	font-family: "Lucida Sans", sans-serif;
	font-size: 80%;
	line-height: 1.4;
}

div#wrapper {
	background-color: #fff;
	box-shadow: 0px 0px 10px #555;
	-moz-box-shadow: 0px 0px 10px #555;
	-webkit-box-shadow: 0px 0px 10px #555;
	border-radius: 10px 10px;
	-moz-border-radius: 10px 10px;
	-webkit-border-radius: 10px 10px;
	width: 100%;width: 96%;	
	max-width: 920px;
	margin: auto;
	position: relative;
	/*margin: 1% auto 1% auto;*/
}

#header {}

.site-meta { text-align: right; }

.site-meta ul {
	list-style-type: none;
	margin: 0px;
	padding: 10px 0px;
	text-align: right;
}

.site-meta li {
	float: right;
	margin: 0px 5px 0px 0px;
	padding: 0px;
}

.site-meta a { color: #333; }



#footer {
	background-color: #fafafa;
	border-top: 1px solid #eaeaea;
	margin-top: 30px;
	margin-bottom: 20px;
}

#footer h3 { margin-bottom: 15px; }

#footer ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#footer li.widget { float: left; }

#footer .widget_nav_menu { margin-left: 20px; }

#footer #text-6 { margin-right: 20px; }




#content {}

#sfpw{
    
    text-align: left !important;
}

#frontpage-content h3 { font-family: "Gill Sans"; }

#frontpage-campaign 	{ border-bottom: 2px solid #194783; margin-top: 5px; margin-bottom: 10px; }
#frontpage-campaign p 	{ margin: 0px; padding: 0px; }
#frontpage-content h3 a { color: #194783; }

#frontpage-content .widget 		{ margin-right: 5px; margin-left: 5px; }
#frontpage-content .widget p 	{ padding: 10px; }
#frontpage-content .widget h3 	{ padding-left: 10px; }
#frontpage-content .widget h3 + p 	{ margin-top: 0px; }

#frontpage-content .middle_column { border-right: 1px solid #D1DBEE; border-left: 1px solid #D1DBEE;}

#frontpage-content .top_row { margin-bottom: 10px; }

#frontpage-content hr {
	background: #D1DBEE;
	border: none;
	clear: both;
	display: block;
	height: 1px;
	margin: 10px;
}


#frontpage-content .widget_rss { }
#frontpage-content .widget_rss img 	{ display: none; }
#frontpage-content .widget_rss ul 	{ 
	list-style-type: none; 
	margin: 10px; 
	padding: 0px; 
}
#frontpage-content .widget_rss li 			{ margin-bottom: 10px; }
#frontpage-content .widget_rss li a 		{ display: block; }
#frontpage-content .widget_rss li .rss-date { color: #777; font-style: italic; }





.page-content {}
.page-title { margin-bottom: 5px; }
.page-body { padding-top: 2%; }

.post {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background-color: #d1dbee;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 1px;
	margin-top: 10px;
	margin-bottom: 20px;
	padding-bottom: 20px;
}
.post-title {}
.post-body {}
.page-body h1 { padding-top: 0px; margin-top: 0px; }

.post-meta { font-style: italic; font-size: 10px; }


/* ### SIDEBAR ##################################################################### */

#sidebar { padding: 30px 0px 30px 0px; }
#sidebar ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#sidebar li {}









/* ### HUVUDMENYN ##################################################################### */

.site-nav {
	background-color: #194783;
	color: #fff;
	margin: 0px;
	width: 100% ! important;
}

.site-nav ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.site-nav li {
	float: left;
	margin: 0px;
	padding: 0px;
}

.site-nav a {
	border: 1px solid #194783;
	color: #fff;
	display: block;
	font-weight: normal;
	padding: 7px 10px 7px 10px;
	text-decoration: none;
}

.site-nav li:hover > a, .current-menu-item a {
	background-color: #1e3060;
	border-right: 1px solid rgba(0, 0, 0, 0.4);
	border-bottom: 1px solid rgba(0, 0, 0, 0.4);
	border-left: 1px solid rgba(0, 0, 0, 0.4);
	-moz-box-shadow: inset 0px 0px 3px 2px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: inset 0px 0px 3px 2px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0px 0px 3px 2px rgba(0, 0, 0, 0.2);
	color: #fff;
}

.site-nav ul.sub-menu {
	display: none;
	position: absolute;/* z-index: 100; */
	z-index: 100;
}

.site-nav li:hover > ul.sub-menu,
.site-nav li:hover > ul.sub-menu a { display: block; }

.site-nav ul.sub-menu li {
	background-color: #1e3060; // transparent;
	background-image: url("bilder/site-nav-background.png");
	float: none;
	padding: 0px 10px 0px 10px;
}

.site-nav ul.sub-menu ul.sub-menu li { position: relative; top: -35px; }

.site-nav ul.sub-menu li a {
	background-color: #1e3060; // transparent;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	border-right: none;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	border-left: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #ddd;
}

.site-nav ul.sub-menu li a:hover { color: #fff; }

ul.sub-menu ul.sub-menu { left: 100%; position: absolute; }



/* Sortimentsknappen på huvudmenyn */
li.sortiment-submenu {} 
li.sortiment-submenu > ul.sub-menu { /* Första nivån under Sortiment (Huvudrubriker) */
	background-color: #fff;
	-moz-box-shadow: 0px 0px 10px #333;
	-webkit-box-shadow: 0px 0px 10px #333;
	box-shadow: 0px 0px 10px #333;
	display: none;
	padding: 0px;
	margin: 0px;
	width: 940px;
	left: 10px;
	/*overflow: hidden;*/
}

li.sortiment-submenu ul.sub-menu li {
	border: none !important;
	float: left;
	width: 234px;
	padding: 0px;
	margin: 0px 1px 1px 0px;
}

li.sortiment-submenu ul.sub-menu li a {
	background-color: #88A6D4;
	border: none !important;
	color: #fff;
	font-weight: bold;
}

li.sortiment-submenu ul.sub-menu li a:hover { color: #005895; }



li.sortiment-submenu ul.sub-menu ul.sub-menu { /* Andra nivån under Sortiment (Underrubriker) */
	border: none !important;
	color: #005895;
	display: block;
	float: none;
	position: relative;
	left: auto;
	top: 0px;
}

li.sortiment-submenu ul.sub-menu ul.sub-menu li { 
	border: none !important;
	float: none;
	margin: 0px;
	position: relative;
	top: 200%;
	width: auto;
	display: block;
}

li.sortiment-submenu ul.sub-menu ul.sub-menu li a {
	background-color: #F1F2F2;
	color: #000;
	border: none;
	color: #333;
	display: block;
	font-weight: normal;
	font-size: 0.9em;
	padding-left: 15px;
}
li.sortiment-submenu ul.sub-menu ul.sub-menu li a:hover { font-weight: bold; }
li.sortiment-submenu ul.sub-menu ul.sub-menu li a:before { content: "-- "; }












/* ### CSS FÖR SORTIMENTSMENYN ######################################################### */
/* ### I SIDEBAREN             ######################################################### */

li#nav_menu-3, li#nav_menu-3 ul {
	list-style-type: none;
	margin: 10px 0px 10px 0px;
	padding: 0px;
}

li#nav_menu-3 .menu { margin-top: 0px; }

li#nav_menu-3 li {
	margin: 0px 0px 1px 0px;
	padding: 0px;
}

li#nav_menu-3 h3 {
	background-color: #283e75;
	color: #fff;
	font-weight: normal;
	margin: 0px;
	padding: 5px 10px 5px 10px;
	text-transform: uppercase;
}

li#nav_menu-3 a {
	background-color: #eaeaea;
	border: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #6ca7c9;
	display: block;
	font-weight: normal;
	padding: 10px;
	text-decoration: none;
}

li#nav_menu-3 .sub-menu { margin: 0px 0px 0px 10px; }

li#nav_menu-3 li:hover .sub-menu,  
li#nav_menu-3 li.current_page_ancestor .sub-menu,  
li#nav_menu-3 li.current_page_item .sub-menu 
{ display:block; }

li#nav_menu-3 .sub-menu a { background-color: #fff; }

li#nav_menu-3 li.current_page_item {
	border: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}








.box {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 5px;
}

.light-grey { background-color: #eaeaea; }











/* ### GENERELL TEXT ######################################################### */

h1 {
	color: #194783;
	font-family: "Gill Sans Bold";
	font-weight: normal;
	line-height: 1.0;
	margin-bottom: 10px;
	padding-bottom: 0px;
}

h2 {
	color: #194783;
	font-family: "Gill Sans Bold";
	font-weight: normal;
	margin-bottom: 0px;
}

h3 {
	color: #194783;
	font-family: "Gill Sans Bold";
	font-weight: normal;
	font-size: 1.4em;
	margin-bottom: 0px;
}


h4, h5, h6 { margin: 0px; padding: 3px 0px 3px 0px; }

h1 + p,  
h2 + p,  
h3 + p, 
h4 + p, 
h5 + p, 
h6 + p { margin-top: 3px; padding-top: 0px; }

h4.beskrivning { clear: both; }

p {}
a { color: #6ca7c9; text-decoration: none; }

a img { border: none; }

.alignright {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}

.alignleft {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

hr { border-top: 1px solid #000; }

.rounded { 
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

/* Caption för bilder på sidan */
.wp-caption-text { 
	font-size: 1em;
	font-style: italic;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

.ngg-none { margin-left: 5px; }



table.npn {
	background-color: #F1F2F2; 
	border-collapse: collapse;
	clear: both;
	margin-top: 20px;
	margin-bottom: 20px;
	width: 100%;
}

.npn thead tr{
	background-color: #88A6D4; color: #fff;
	font-weight: bold;
	text-align: left;	
}

.npn tr.even{ background-color: #D1DBEE; }

.npn th, .npn td{
	color: #fff;
	text-align: left;
	padding: 5px;
	vertical-align: top;
}

.npn td { color: #005895; font-size: 0.9em; }

.npn tfoot { border-top: 1px solid #e0e0e0; font-weight: bold; }

.npn caption {
	font-size: 0.9em;
	text-align: left;
	padding-bottom: 3px;	
}












/* ### PERSONALLISTA & VCARD ######################################################### */

.personallista {}
.personallista .filial,  .personallista .beskrivning { clear: both; }

.vcard {
	float: left;
	margin: 0px 5px 10px 0px;
	padding: 0px;
	width: 110px;
}

.vcard img { margin: 0px; padding: 0px; }

.vcard .info { height: 120px; }
.vcard .fn,  
.vcard .role,  
.vcard .tel, 
.vcard .mobil, 
.vcard .email { margin: 0px; padding: 0px; }
.vcard .role  { color: #555; font-style: italic; }

.vcard .hidden,
.vcard .tel .type 	{ display: none; }
.vcard .fn 			{ font-size: 1.1em; }
a.get-vcard 		{ font-size: 0.9em; }

















/* ### HANTVERKSLISTAN ######################################################### */

#npn-contractor-page-list ul {
	background-color: #f0f0f0;
	border: 1px solid #e0e0e0;
	list-style-type: none;
	margin: 30px 0px 0px 0px;
	padding: 0px;
}

#npn-contractor-page-list ul li {
	border-bottom: 1px solid #e0e0e0;
	margin: 0px;
	padding: 10px;
}

#npn-contractor-page-list ul li.oddrow { background-color: #fff; }
#npn-contractor-page-list ul h3 { margin: 0px 0px 10px 0px; }
#npn-contractor-page-list ul table { width: 100%; }
#npn-contractor-page-list ul table td {	width: 35%; }
#npn-contractor-page-list ul div.details { display: none; }

.hantverkare 				{ padding-top: 20px; padding-bottom: 20px; }
.hantverkare .wp-post-image { margin-bottom: 20px; }
.hantverkare-namn 			{ margin-bottom: 20px; }
.hantverkare-detaljer {
	background-color: #fafafa;
	border: 1px solid #eaeaea;
	margin-top: 10px;
	padding: 10px;
	width: 100%;
}

.hantverkare-detaljer tr { margin-bottom: 8px; }
.hantverkare-orter 		 { padding-top: 10px; }
.hantverkare-kategorier  { padding-top: 10px; }

table.hantverkarlistan {
	background-color: #D1DBEE;
	border-top: 1px solid #eaeaea;
	border-right: 1px solid #eaeaea;
	border-left: 1px solid #eaeaea;
	border-collapse: collapse;
	color: #005895;
	margin-bottom: 40px;
	padding: 0px;
	width: 100%;
}

table.hantverkarlistan tr.header { border-bottom: 1px solid #eaeaea; }
table.hantverkarlistan tr.odd 	 { background-color: #F1F2F2; }


table.hantverkarlistan th {
	background-color: #88A6D4;
	color: #fff;
	padding: 5px 10px 5px 10px;
	text-align: left;
}

table.hantverkarlistan td { padding: 10px; }

#hantverkarlistan-select-box {
	background-color: #F1F2F2;
	color: #005895;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin: 20px 0px 20px 0px;
	padding: 10px;
	text-align: justify;
}

#hantverkarlistan-select-box h4 {
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

#hantverkarlistan-select-box select {
	background-color: #fff;
	border: 1px solid #eaeaea;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin-right: 15px;
	width: 45%;
	padding: 5px;
}







/* ### PRODUKTLISTAN ######################################################### */

table.productlist {
	background-color: #F1F2F2; 
	border-collapse: collapse;
	clear: both;
	margin-top: 20px;
	margin-bottom: 20px;
	width: 100%;
}

.productlist thead tr{
	background-color: #88A6D4; color: #fff;
	font-weight: bold;
	text-align: left;	
}

.productlist tr.even{ background-color: #D1DBEE; }

.productlist th, .productlist td{
	color: #fff;
	text-align: left;
	padding: 5px;
	vertical-align: top;
}

.productlist td { color: #005895; font-size: 0.9em; }

td.productlist-price   { 
	border-right: 1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
	color: #000;
	font-weight: bold; 
	width: 85px; 
}
td.productlist-compare { width: 85px; }


.productlist tfoot { border-top: 1px solid #e0e0e0; font-weight: bold; }

.productlist caption {
	font-size: 0.9em;
	text-align: left;
	padding-bottom: 3px;	
}





table.prislista { width: 100%; }

table.prislista th {
	background-color: #bdbcbc;
	color: #264586;
	font-weight: normal;
	padding: 5px;
	text-align: left;
}

table.prislista td { border: 1px solid #cfcfcf; padding: 5px; }
table.prislista td.tjocktpris { font-size: 40px; }

table.prislista th.pris {
	background-color: #264586;
	color: #fff;
	font-weight: bold;
}

table.prislista td.pris {
	background-color: #ebeced;
	font-weight: bold;
}

table.prislista th.beskrivning,  table.prislista td.beskrivning { width: 70%; }





/* ### BERÄKNINGSHJÄLPEN ######################################################### */

#counter{
	
	width: 60%;
		margin-right: 5%;
		float: left;
	
}


#degree-tabs, #volume-tabs, #atgang-tabs{
	background-image: none;
	background-color: #f1f2f2;
	border: none;
	font-family: "Lucida Sans", sans-serif !important;
	font-size: 1em !important;
	line-height: 1.4 !important;
	-webkit-border-radius: 0 0;
	-moz-border-radius: 0 0;
	border-radius: 0 0;
	margin-bottom: 20px;
	padding: 10px;
	z-index: 0;
	position: relative;
}



#degree-tabs h3, #volume-tabs h3, #atgang-tabs h3{
	margin: 0px; 
	padding: 0px 0px 20px 0px;
}

.ui-tabs-nav, .ui-widget-header{ 
	background: transparent !important;
	border: none;
	margin-left: 1% !important;
}

.ui-tabs-nav li{ background: none !important; border: none !important; }

.light{
	background-color: #d1dbee !important;
	color: #005895 !important;
	-webkit-border-radius: 3px !important;
	-moz-binding: 3px !important;
	-o-border-radius: 3px !important;
	border-radius: 3px !important;
}

.middle{
	background-color: #88a6d4 !important;
	color: #fff !important;
	-webkit-border-radius: 3px !important;
	-moz-binding: 3px !important;
	-o-border-radius: 3px !important;
	border-radius: 3px !important;
}

.dark{
	background-color: #457fbd !important;
	color: #fff !important;
	-webkit-border-radius: 3px !important;
	-moz-binding: 3px !important;
	-o-border-radius: 3px !important;
	border-radius: 3px !important;
}



a.light, a.middle, a.dark{
	position: relative;
	-webkit-border-bottom-right-radius: 0px !important;
	-webkit-border-bottom-left-radius: 0px !important;
	-moz-border-bottom-right-radius: 0px !important;
	-moz-border-bottom-left-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
	border-bottom-left-radius: 0px !important;
}



.tabs-info{
	background-color: #fff;
	color: #333;
	float: right;
	margin-top: 10px;
	padding: 10px;
	width: 60%;
	text-align: center;
}

.tabs-info p{ text-align: left; }

.tabs-info img { widht: 100%; }

.result{ clear: both; }






/* ### PRESENTKORTSMODULEN ########################################### */

#npn_giftcard_check_form {
	background-color: #D1DBEE;
	color: #005895;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	padding: 20px;
}

#npn_giftcard_check_form h2 { margin-top: 0px; padding-top: 0px; }

#npn_card_to_check { color: #777; font-style: italic; width: 250px; }






/* ### SLATT ######################################################### */

.page-template-template-filialer-php .page-content { margin-top: 10px; }

.blue-box {
	background-color: #6ca7c9;
	color: #fff;
	/* height: 152px; */
	padding: 15px 10px 10px 20px;
}

.blue-box h3 {
	color: #fff;
	margin-top: 0px;
	margin-bottom: 15px;
	text-transform: uppercase;
}

.blue-box td { font-size: 1.1em; }


/* ### TABELL INLÄGG ######################################################### */


table.litentabell td
{
border: 1px dotted black; 
text-align: center;
width: 500px;
}