/*
Theme Name: Västan Vind
Description: Tema för Göteborg Energi och föreningen VästanVind
Author: Erik Andersson / Welcom
Version: 1
*/

@font-face {
  font-family: 'vastanFont';
  src: url('/fonts/my700lig-webfont.eot');
  src: local('☺'),
         url('/fonts/my700lig-webfont.woff') format('woff'), url('/fonts/my700lig-webfont.ttf') format('truetype');
}
@font-face {
  font-family: 'vastanFont-semibold';
  src: url('/fonts/myriadpro-semibold-webfont.eot');
  src: local('☺'),
         url('/fonts/myriadpro-semibold-webfont.woff') format('woff'), url('/fonts/myriadpro-semibold-webfont.ttf') format('truetype');
}
@font-face {
  font-family: 'vastanFont-light';
  src: url('/fonts/myriadpro-light-webfont.eot');
  src: local('☺'),
         url('/fonts/myriadpro-light-webfont.woff') format('woff'), url('/fonts/myriadpro-light-webfont.ttf') format('truetype');
}

a{color:#2e6bc2; text-decoration: none;}
a:hover{text-decoration: underline;}
*{margin:0; padding: 0;}
p{margin:10px 0;}
ul{list-style: none; margin: 0;}
li{padding:0; margin:0;}
img{border:0;}
	img.topThumbnailImg{margin-bottom: 10px;  border-radius: 5px; box-shadow: 0px 0px 3px #AAA;}

.addThisBox div{display: block; float:left; margin: 0 5px;}
	.addThisBox div .facebook{margin-right:0;}
	.addThisBox h5{padding-bottom: 5px; padding-left:12px; font-family: vastanFont-light; color: #2E6BC2; font-weight: normal; font-size: 20px; line-height: 25px;}

.clearDiv{clear: both; height: 0; line-height: 0;}
.left{float: left;}
.right{float: right;}

.alignright{float: right; padding: 0 0 15px 15px; display: block; background-color: #FFF;}

.right .attachment-postImage{margin:20px 2px 10px;}

.small{width: 217px;}
.medium{width: 440px; margin: 0 0 0 20px;}
.large{width: 680px;}


html{height: 100%}
body{text-align: left; background-color: #fff; font-family: Arial;font-size: 12px; line-height: 15px; color: #555; background-color: #EEE; background: url(/images/misc/back.jpg) no-repeat fixed top center;}

.topBox{margin: 0 auto; position: relative; height: 180px;}
	.logo{position: absolute; top: 55px; left:20px;}
	
	
	
h1{font-family: vastanFont-light; font-weight: normal; color: #2e6bc2; font-size: 30px; line-height: 35px;}
h2{font-family: vastanFont-light; font-weight: normal; color: #2e6bc2; font-size: 22px; line-height: 22px; border-bottom: 1px solid #E5E5E5; padding:20px 0 3px 0;}
h3{font-weight: bold;font-size: 14px; line-height: 14px; padding:15px 0 0;}
/*.container a{background-image: url("/images/linkArrow.png"); background-position: 0 50%; background-repeat: no-repeat; padding-left: 16px; line-height: 20px;}
.container a.noarrow{background-image: none; padding:0; line-height: 15px;}
*/
#page{margin-bottom: 50px; text-align: left; border-radius: 5px; overflow: hidden; box-shadow: 0px 0px 3px #AAA; position: relative; }


#top{height: 122px; position: relative; background: transparent url(/images/newHead/topBack.jpg) repeat-x;}
	

.content-box{background-color: #FFF; padding:20px;}
.content-box img{
	max-width: 100%;
}
/*	#middle .container{
    padding: 0 0 100px 0;
    text-align: center;
    position: relative;
    width: 960px;
    margin: 0 auto;
   	}*/
	
#footer{position: relative; height:100px; background-color: #EEE; border-top:1px solid #CCC;}
	#footer .footerLogo{position: absolute; left:20px; top:20px;}

	#footer .pageCenterDiv .bottomBoxContainer{padding: 20px 0 0 60px; float: left;}
		.bottomBoxContainer .bottomBox{float: left; padding:0 6px;}
		
		.bottompartners{float:right; padding: 20px 54px 0 0; color: #fff; font-weight: bold;}
		.bottompartners .text{}
		.bottompartners .dinel{float: left; padding: 10px 10px 0;}
		.bottompartners .genergi{float: right; padding: 20px 10px 0 0;}

	#footer .search{width: 218px; height: 44px; background: url(/images/misc/footerSearch.png) no-repeat; position: absolute; right:20px; top:30px;}
		#footer .search input.field{width: 150px; position: absolute; height: 25px; line-height: 25px; top:9px; left:10px; border:0px; background-color: transparent;}
			#footer .search input.submit {width:34px; height: 19px; background-color: red; position: absolute; right:10px; top:12px; border:0px; background-color: transparent; cursor: pointer;}

	#footer .menuBox{position: relative; left:250px; width:430px; margin: 10px 0 0;}
		#footer .menuBox li{float:left; width: 215px;}
			#footer .menuBox li a{padding: 2px 13px; display: block; background: url(/images/misc/linkIcon.png) no-repeat 0px 5px; font-weight: bold;	text-transform: uppercase;	font-size: 10px;color: #4c4c4c;}

/* PAGES */

/* stdPage */
.stdPage .left{width:450px;}
.stdPage .right{width: 300px;}
	.stdPage .right img{ border-radius: 9px; -webkit-border-radius: 9px; -moz-border-radius: 9px; overflow: hidden; box-shadow: 2px 2px 5px #AAA; -webkit-box-shadow: 2px 2px 5px #AAA; -moz-box-shadow: 2px 2px 5px #AAA; border: 1px solid #AAA; }

/* threePointsBox */
.threePointsBox{left:-24px;position: relative; width:848px;}
	.threePointsBox .pointBox{float: left; margin:0 0 0 24px; width:250px;}
	.threePointsBox .pointBox img{padding: 20px 70px 20px;}
	.threePointsBox strong{font-size: 14px;}




.startCalculatorBox{height: 234px; width:212px; background: transparent url(/images/forms/Small_Kalkyl_smaller_Sprite.png) no-repeat; padding: 3px 2px;}
	.startCalculatorBox .topMenu{height: 30px;margin:0px; position: relative;}
	.startCalculatorBox .topMenu .item{width: 103px; float: left; height: 30px; margin-right: 3px; font-size: 13px; line-height: 30px;}
		.startCalculatorBox .topMenu .item.right{text-align: right;}
		.startCalculatorBox .topMenu .item span{padding: 0 15px;}
		.startCalculatorBox .topMenu .item.left{color:#FFF; cursor: pointer;}
		
		.startCalculatorBox.activeLeft{background-position: 0 -240px; margin-bottom: 15px;}
			.startCalculatorBox.activeLeft .item.right{color: #FFF; cursor: pointer; }
			.startCalculatorBox.activeLeft .topMenu .item.left{color:inherit; cursor: default;}
	
	.startCalculatorBox .boxContent{margin:0 15px; position: relative; height: 215px; line-height: 20px;}
		.startCalculatorBox .boxContent strong{font-size: 13px; font-weight: normal; line-height: 13px; display: block; padding-top:10px;}
		.startCalculatorBox .boxContent h2{font-size: 18px; padding: 10px 0 5px;}
	
input.continue {border: 0; background-image: url(/images/forms/next-step.png); width: 120px; height: 30px; position: absolute; bottom: 25px; right: 25px; cursor: pointer;}
        input.continue.disabled{background-image: url(/images/forms/next-step_gray.png); cursor: default;}
        
        
/* 404 */

.errorContent{
	padding: 50px 0 0 0;
	text-align: center;
}
.errorContent h1{
	font-weight: bold;
	font-size: 36px;
}
.errorContent p{
	font-size: 16px;
	line-height: 24px;
}

.subMenu{}
	.subMenu ul{list-style: none;}
	.subMenu.categories ul{border-bottom: 1px solid #EEE;}
		.subMenu ul li{height:35px; border-top: 1px solid #EEE;}
			.subMenu ul li:hover{background-color: #f7f7f7;}
				.subMenu ul li.current-cat, .subMenu ul li.current_page_item{
						background-color: #ECECEC;
					}
					.subMenu ul li.current-cat a, .subMenu ul li.current_page_item a{color:#4C4C4C;}
			.subMenu ul li a{padding:10px 10px 10px 20px; line-height: 13px; font-size: 13px; display: block; color: #4C4C4C; background: url(/images/arrowRight.png) no-repeat 7px 13px;}
#loop .item h2 a{
	font-family: vastanFont-light; font-weight: normal; color: #2e6bc2; font-size: 25px; line-height: 30px;
}
#loop .item h2{
	padding-top:0px;
}
#loop .navigation{
	position: relative;
	height: 20px;
}

#loop img{border-radius: 3px; box-shadow: 0px 0px 3px #AAA;}

#loop .navigation .nav-previous{
	float: left;
}
#loop .navigation .nav-next{
	float: right;
}
#loop .navigation .nav-pages{
	position: absolute;
	left: 189px;
}
#loop .item{border-bottom: 1px solid #DDD; margin-bottom: 20px; padding-bottom: 14px;}
	#loop h2{line-heihgt:25px; font-size: 25px; border: 0 none;}
	#loop a, .medium a, .floatRight.small a{font-weight: bold;}
	#loop .date{font-weight: bold;}






#topMenu{
	position: relative;
	height: 40px;
	overflow: hidden;
	background-color: #EEE;
}
#topMenu ul{
	float: left;
	list-style: none;
	padding: 0;
	border-bottom:1px solid #dbdbdb;
	margin: 0;
}
#topMenu li{
	float: left;
	padding: 0;
}
	#topMenu li:hover a{text-decoration: underline;}
	
	#topMenu li.current_page_parent,  #topMenu li.current-menu-item, #topMenu li.current-page-ancestor{
		background-color: #dbdbdb;
		/*background-image: linear-gradient(bottom, rgb(102,63,1) 0%, rgb(75,48,0) 100%);
		background-image: -o-linear-gradient(bottom, rgb(102,63,1) 0%, rgb(75,48,0) 100%);
		background-image: -moz-linear-gradient(bottom, rgb(102,63,1) 0%, rgb(75,48,0) 100%);
		background-image: -webkit-linear-gradient(bottom, rgb(102,63,1) 0%, rgb(75,48,0) 100%);
		background-image: -ms-linear-gradient(bottom, rgb(102,63,1) 0%, rgb(75,48,0) 100%);
		background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(102,63,1)),color-stop(1, rgb(75,48,0)));
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4b3000', endColorstr='#663f01');*/
	}
		#topMenu li.current_page_parent a,  #topMenu li.current-menu-item a{}

#topMenu #menu-item-158{
	background: url(/images/misc/homeButton.png) no-repeat 50% 50%;
	border-right: 1px solid #dbdbdb;
	cursor: pointer;
}
#topMenu #menu-item-158.current-menu-item{
	background-color: #DBDBDB;
}
#topMenu #menu-item-158 a{
	visibility: hidden;
}
#topMenu li a{
	line-height: 38px;
	display: block;
	font-weight: bold;
	padding: 0 15px;
	text-transform: uppercase;
	font-size: 10px;
	color: #4c4c4c;
}
#topMenu .search{
	position: absolute;
	top:2px;
	right:4px;
	padding: 0 10px 0 0;
}
#topMenu .search .field{
	float: left;
	color: #fff;
	margin: 7px 6px 7px 0;
	border: 1px solid #CCC;
	background: #fff;
}
#topMenu .search .field input{
	border:0px;
	margin:2px;
	line-height: 13px;
	width: 145px;
	height: 16px;
	
}
#topMenu .search .submit{
	color: #fff;
	border: 0 none;
	padding: 10px 2px 0 0;
	float: left;
}
#topMenu .search .submit input{
	background: url(/images/misc/searchButton.png) no-repeat;
	height: 17px;
	width: 32px;
	color: #fff;
	font-weight: bold;
	border: 0 none;
	text-transform: uppercase;
	font-size: 10px;
	cursor: pointer;
	padding: 0 0 2px 0;
}

.loopDescription{
	font-size: 14px;
	margin: 0 0 15px 0;
	padding: 4px 0;
	border-bottom: 2px solid #e4e4e4;
	font-weight: bold;
}
.loopDescription .tag{
	font-size: 14px;
	font-weight: bold;
}

#searchDiv{
	margin: 0 auto;
}



.clearfix{*zoom:1;}.clearfix:before,.clearfix:after{display:table;content:"";line-height:0;}
.clearfix:after{clear:both;}
.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0;}
.input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
table{max-width:100%;background-color:transparent;border-collapse:collapse;border-spacing:0;}
.table{width:100%;margin-bottom:20px;}.table th,.table td{padding:8px;line-height:20px;text-align:left;vertical-align:top;border-top:1px solid #dddddd;}
.table th{font-weight:bold;}
.table thead th{vertical-align:bottom;}
.table caption+thead tr:first-child th,.table caption+thead tr:first-child td,.table colgroup+thead tr:first-child th,.table colgroup+thead tr:first-child td,.table thead:first-child tr:first-child th,.table thead:first-child tr:first-child td{border-top:0;}
.table tbody+tbody{border-top:2px solid #dddddd;}
.table-condensed th,.table-condensed td{padding:4px 5px;}
.table-bordered{border:1px solid #dddddd;border-collapse:separate;*border-collapse:collapse;border-left:0;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}.table-bordered th,.table-bordered td{border-left:1px solid #dddddd;}
.table-bordered caption+thead tr:first-child th,.table-bordered caption+tbody tr:first-child th,.table-bordered caption+tbody tr:first-child td,.table-bordered colgroup+thead tr:first-child th,.table-bordered colgroup+tbody tr:first-child th,.table-bordered colgroup+tbody tr:first-child td,.table-bordered thead:first-child tr:first-child th,.table-bordered tbody:first-child tr:first-child th,.table-bordered tbody:first-child tr:first-child td{border-top:0;}
.table-bordered thead:first-child tr:first-child th:first-child,.table-bordered tbody:first-child tr:first-child td:first-child{-webkit-border-top-left-radius:4px;border-top-left-radius:4px;-moz-border-radius-topleft:4px;}
.table-bordered thead:first-child tr:first-child th:last-child,.table-bordered tbody:first-child tr:first-child td:last-child{-webkit-border-top-right-radius:4px;border-top-right-radius:4px;-moz-border-radius-topright:4px;}
.table-bordered thead:last-child tr:last-child th:first-child,.table-bordered tbody:last-child tr:last-child td:first-child,.table-bordered tfoot:last-child tr:last-child td:first-child{-webkit-border-radius:0 0 0 4px;-moz-border-radius:0 0 0 4px;border-radius:0 0 0 4px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px;-moz-border-radius-bottomleft:4px;}
.table-bordered thead:last-child tr:last-child th:last-child,.table-bordered tbody:last-child tr:last-child td:last-child,.table-bordered tfoot:last-child tr:last-child td:last-child{-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px;-moz-border-radius-bottomright:4px;}
.table-bordered caption+thead tr:first-child th:first-child,.table-bordered caption+tbody tr:first-child td:first-child,.table-bordered colgroup+thead tr:first-child th:first-child,.table-bordered colgroup+tbody tr:first-child td:first-child{-webkit-border-top-left-radius:4px;border-top-left-radius:4px;-moz-border-radius-topleft:4px;}
.table-bordered caption+thead tr:first-child th:last-child,.table-bordered caption+tbody tr:first-child td:last-child,.table-bordered colgroup+thead tr:first-child th:last-child,.table-bordered colgroup+tbody tr:first-child td:last-child{-webkit-border-top-right-radius:4px;border-top-right-radius:4px;-moz-border-radius-topleft:4px;}
.table-striped tbody tr:nth-child(odd) td,.table-striped tbody tr:nth-child(odd) th{background-color:#f9f9f9;}
.table-hover tbody tr:hover td,.table-hover tbody tr:hover th{background-color:#f5f5f5;}
table [class*=span],.row-fluid table [class*=span]{display:table-cell;float:none;margin-left:0;}
.table .span1{float:none;width:44px;margin-left:0;}
.table .span2{float:none;width:124px;margin-left:0;}
.table .span3{float:none;width:204px;margin-left:0;}
.table .span4{float:none;width:284px;margin-left:0;}
.table .span5{float:none;width:364px;margin-left:0;}
.table .span6{float:none;width:444px;margin-left:0;}
.table .span7{float:none;width:524px;margin-left:0;}
.table .span8{float:none;width:604px;margin-left:0;}
.table .span9{float:none;width:684px;margin-left:0;}
.table .span10{float:none;width:764px;margin-left:0;}
.table .span11{float:none;width:844px;margin-left:0;}
.table .span12{float:none;width:924px;margin-left:0;}
.table .span13{float:none;width:1004px;margin-left:0;}
.table .span14{float:none;width:1084px;margin-left:0;}
.table .span15{float:none;width:1164px;margin-left:0;}
.table .span16{float:none;width:1244px;margin-left:0;}
.table .span17{float:none;width:1324px;margin-left:0;}
.table .span18{float:none;width:1404px;margin-left:0;}
.table .span19{float:none;width:1484px;margin-left:0;}
.table .span20{float:none;width:1564px;margin-left:0;}
.table .span21{float:none;width:1644px;margin-left:0;}
.table .span22{float:none;width:1724px;margin-left:0;}
.table .span23{float:none;width:1804px;margin-left:0;}
.table .span24{float:none;width:1884px;margin-left:0;}
.table tbody tr.success td{background-color:#dff0d8;}
.table tbody tr.error td{background-color:#f2dede;}
.table tbody tr.warning td{background-color:#fcf8e3;}
.table tbody tr.info td{background-color:#d9edf7;}
.table-hover tbody tr.success:hover td{background-color:#d0e9c6;}
.table-hover tbody tr.error:hover td{background-color:#ebcccc;}
.table-hover tbody tr.warning:hover td{background-color:#faf2cc;}
.table-hover tbody tr.info:hover td{background-color:#c4e3f3;}