/*
Theme Name: Hästkrematoriet
Theme URI: http://wordpress.org/
Description: The 2010 theme for WordPress is stylish, customizable, simple, and readable -- make it yours with a custom menu, header image, and background. Twenty Ten supports six widgetized areas (two in the sidebar, four in the footer) and featured images (thumbnails for gallery posts and custom header images for posts and pages). It includes stylesheets for print and the admin Visual Editor, special styles for posts in the "Asides" and "Gallery" categories, and has an optional one-column page template that removes the sidebar.
Author: the WordPress team
Version: 1.3
License: GNU General Public License
License URI: license.txt
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style, custom-menu
*/


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

/*@font-face { font-family: bree; src: url('Bree/Bree-Regular.otf'); }*/
/*@font-face { font-family: bree; font-weight: bold; src: url('Bree-Bold.otf'); }*/
/*@font-face { font-family: bree; font-weight: 200; src: url('Bree-Light.otf'); }*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus {/* remember to define focus styles! */
	outline: 0;
}
body {
	background: #fff;
	line-height: 1;
    font-family: "proxima-nova";
}
ol, ul {
	list-style: none;
}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

a {
    text-decoration: none;
}



/*-- Clearfix -
------------------------------*/

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}


/*-----------------------------------*/

body{
    font-weight:200;
}


.wrap{
    width: 978px;
    margin: auto;
    position: relative;
}

/*-----------------------------------*/

.nav-top {
    background-color: #f6f6f6;
    height: 90px;
    font-size: 16px;
    -webkit-box-shadow: 0px 1px 9px 0px rgba(0, 0, 0, 0.51);
    box-shadow: 0px 1px 9px 0px rgba(0, 0, 0, 0.51);
    position: relative;
    z-index: 1;
}

.nav-top ul {
    float: right;
    margin-top: 36px;
}

.nav-top .logo {
    float: left;
    margin-top: 14px;
}

.nav-top li a {
    color: #848484;
    text-decoration: none;
}

.nav-top li{
    list-style: none;
    float: left;
    height: 18px;
    padding: 0 20px;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #e1dddd;
}

.nav-top li.left-none{
    border-left: none;
}

.nav-top li.right-none{
    border-right: none;
}

/*-----------------------------------*/

.top-box{
	position:relative;
    background: url(images/top-bg.png) 0px bottom;
    margin-top: -7px;
    padding-top: 10px;
	min-height:95px;
}

.logo{
    background: url(images/logo.png);
    width: 257px;
    height: 55px;
    text-indent: -9999px;
}

.logo.lone {
	top:auto;
	left:50%;
	margin:0px 0px 0px -139px;
	bottom:-15px;
}

.top-box .holder{
    background-color: white;
    width: 920px;
    height: 367px;
    display: block;
    position: relative;
    padding: 16px;
	bottom:-60px;
    -webkit-box-shadow:  2px 2px 11px 2px rgba(0, 0, 0, 0.26);
    box-shadow:  2px 2px 11px 2px rgba(0, 0, 0, 0.26);
}

.top-box .holder img{
    display: none;
}

.top-box h4.decoration{
    background: #075f20;
    padding: 10px 15px 10px 15px;
    color: #fff;
    display: inline;
    font-size: 24px;
    font-weight: 100;
    position: absolute;
    bottom: 33px;
    left: 30px;

}

.top-box .holder .corner{
    background: url(images/sprite-corner.png);
    width: 56px;
    height: 56px;
    display: block;
    position: absolute;
    z-index: 10;
}

.top-box .holder .corner.top-left{
    background-position: 0% 0%;
    top: 0px;
    left: 0px;
}

.top-box .holder .corner.top-right{
    top: 0px;
    right: 0px;
    background-position: 100% 0%;
}

.top-box .holder .corner.bottom-left{
    bottom: 4px;
    left: 0px;
    background-position: 0% 100%;
}

.top-box .holder .corner.bottom-right{
    bottom: 4px;
    right: 0px;
    background-position: 100% 100%;
}

/*-----------------------------------*/

.main-box{
    margin-top: -7px;
    padding:135px 0px 50px 0px;
	font-size:18px;
	color:#464646;
    background: url('images/bg-main.png');
    border-top: 1px solid #ffffff;
}
.main-box.nobg {
	background:none;
}

.main-box .col1{
    width: 609px;
    float: left;
    margin-right: 90px;
    line-height: 24px;
}


.main-box .col2{
    width: 200px;
    float: right;
    position: relative;
}

.main-box .col2 .circle{
    top: -50px;
    right: 0px;
    position: absolute;
}

.main-box .col2 .image{
    position: absolute;
    top: -30px;
}

.main-box h2{
    font-size: 36px;
    font-weight: 100;
    color: #000;
    margin-bottom: 0px;
}
.main-box .col1 h2 {
    line-height: 36px;
    margin-bottom: 15px;
}

.main-box h3{
    font-size: 14px;
    display: inline-block;
    color: #464646;
    font-weight: 800;
    float: left;
    margin-right: 20px;
    line-height: 25px;
}

.main-box .fb-like{
    display: inline-block;
    float: left;
}

.main-box p{
    font-size: 18px;
    font-weight: 100;
    color: #464646;
    line-height: 24px;
    margin-bottom: 35px;
}


/*-----------------------------------*/

.four-col{
    height: 190px;
    border-top: 1px solid #bcbbbb;
    border-bottom: 1px solid #202d0b;
    padding: 70px 0 70px 0;
    position: relative;
    overflow: hidden;
}

.four-col .col{
    width: 195px;
    padding: 0 25px 0 25px;
    float: left;
    border-left: 1px solid #d2d1d1;
    height: 175px;
}

.four-col .first{
    padding-left: 0px;
    border: none;
}

.four-col .last{
    padding-right: 0px;
}

.four-col .col h2{
    font-size: 23px;
    font-weight: 100;
    margin-bottom: 6px;
}

.four-col .col p{
    font-size: 14px;
    font-weight: 100;
    line-height: 20px;
}

.four-col a.four-col-link{
    color: #000;
}


.four-col .hover p {
    text-decoration: underline;
    color: #a3b032;
    background-position: 100% 100%;
}

span.arrow{
    background: url(images/arrow.png);
    height: 15px;
    width: 15px;
    display: inline-block;
    text-indent: -9999px;
    line-height: 14px;
    margin-left: 5px;
}


/*-----------------------------------*/

.footer{
    background: #362003;
    height: 140px;
    padding-top: 49px;
	border-top:#ae4e24 1px solid;
    border-bottom: 1px solid #202d0b;
}

.footer .col{
    float: left;
}

.footer .col a{
    color: #ffb540;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}

.footer .col a:hover{
    text-decoration: underline;
}

.footer .col span{
    color: #ffb540;
}

.footer .col img.facebook{
    display: inline-block;
    line-height: 10px;
    margin-right: 5px;
    margin-top: -15px;
    margin-bottom: -5px;
}

.footer .col h2{
    display: inline-block;
    font-size: 23px;
    font-weight: 100;
    margin-bottom: 6px;
    color: white;
}

.footer .col p{
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: #fff;
}

.footer .col.one{
    width: 415px;
    margin-right: 65px;
}

.footer .col.two{
    width: 160px;
    margin-right: 85px;
}

.footer .col.three{
    width: 160px;
}

.footer .col.three a{
    color: #fff;

}
/*-----------------------------------*/

.bottom{
    border-top: 1px solid #513106;
    background: #221402;
    height: 142px;
}

.share-box {
	padding-top:25px;
}
.share-box .fb-like {
	width: 375px;
}
.clear {
	clear:both;
}

small a{
    text-indent: -9999px;
    display: none;
}

#contact-map-container {
	position:relative;
	margin-top: -30px;
	float:right;
	text-align: center;
        width: 588px;


}

#contact-map-container #contact-map {
    height: 328px;
    padding: 6px;
    background-color:#fff;
    -webkit-box-shadow:#999 0px 0px 8px;
    -moz-box-shadow:#999 0px 0px 8px;
    -ie-box-shadow:#999 0px 0px 8px;
    -o-box-shadow:#999 0px 0px 8px;
    box-shadow:#999 0px 0px 8px;
}

#contact-map-container h5{
    font-size: 24px;
    text-align: left;
    margin-bottom: 10px;
}
#contact-map-mask{
	height:327px;
	width:588px;
	margin:5px;
	display:block;
	position:relative;
	overflow:hidden;
}
#contact-map-image {
	width:588px;
	display:block;
	position:relative;
}

#contact-map-text {
	position:absolute;
	height:30px;
	width:598px;
	left:0px;
	top:-40px;
	line-height:30px;
	font-size:18px;
}
#contact-main-text {
	position:relative;
	float:left;
	width:300px;
	margin-top:-30px;
	line-height:24px;

}
#contact-main-text h3{
	display:block;
	float:none;
	font-size:24px;
    font-weight: normal;
	margin-bottom:10px;
}
#contact-people {
	padding:0px 0px 30px;
	background-color:#fff;
	border-top:#bbb 1px solid;
}
#contact-people-container {
	width:1062px;
}
.contact-people-item-container {
	width:180px;
	height:325px;
	float:left;
	padding-top:30px;
	padding-right:84px;
}
.contact-people-item {
	position:relative;
	width:180px;
	height:324px;
	border-bottom:#bbb 1px dashed;
}
.contact-people-name {
	font-size:16px;
	height:26px;
	line-height:26px;
}

.contact-people-field a{
    color: #000;
}

.contact-people-pos {
	font-size:12px;
	height:14px;
	line-height:14px;
}
.contact-people-pic {
	width:170px;
	height:170px;
	border:#e2e2e2 5px solid;
	background-color:#f0f0f0;
	margin-top:20px;
	margin-bottom:16px;
}
.contact-people-pic-img {
	position:relative;
	width:170px;
	height:170px;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position:center center;
}
.contact-people-field {
	font-size:14px;
	height:18px;
	line-height:18px;
}
.underpage-left {
	width:550px;
	padding-left:20px
}
.underpage-here {
	position:absolute;
	top:-30px;
	left:20px;
	height:20px;
	line-height:20px;
	color:#777;
}
.underpage-title {
	height:40px;
	line-height:40px;
}
.underpage-title h1 {
	font-size:24px;
	margin:0px;
	padding:0px;
}
.underpage-text {
	color:#555;
	line-height:20px;
	font-size:14px;
	font-weight:200;
}

#underpage-submenu {
	position:absolute;
	right:50px;
	top:45px;
	width:288px;
	border-top:#c2c2c2 1px solid;
}
#underpage-submenu li {
	position:relative;
	overflow:hidden;
	cursor:pointer;
        float: left;
        list-style: none;
}


#underpage-submenu li a{
    display: block;
    padding: 0 0 0 34px;
    background: url(images/arrow-big.png) no-repeat;
    margin-top: 12px;
    font-size: 14px;
    line-height: 22px;
    float: left;
    color:#f69600;
    text-decoration: none;
    height:33px;
    width:254px;
    border-bottom:#c2c2c2 1px dashed;
}

#underpage-submenu li:hover{
    background-color:#f6f6f5;
    color:#075f20;
}

#underpage-submenu li a:hover{
    background-color:#f6f6f5;
    color:#075f20;
    background-position: 0 -56px;
}

#underpage-submenu .submenu-item .arrow-big {
	position:relative;
	height:22px;
	width:22px;
	margin:12px;
	background-repeat:no-repeat;
	float:left;
}
#underpage-submenu .submenu-item:hover .arrow-big, #underpage-submenu .submenu-item:active .arrow-big  {
	height:22px;
	margin:12px;
	background-position:0px -22px;
}
#underpage-submenu .submenu-item:active,#underpage-submenu .submenu-item:hover {
	color:#075f20;
}
#underpage-submenu .submenu-item:active {
	background-color:#f6f6f5;
}
#underpage-submenu .submenu-item-text {
	font-size:14px;
	line-height:46px;
	height:46px;
	float:left;
}

#underpage-submenu2 {
	position:absolute;
	right:50px;
	top:45px;
	width:288px;
}
#underpage-submenu2 .submenu-item-title {
	line-height:40px;
	font-size:20px;
}
#underpage-submenu2 .submenu-item-text {
	line-height:20px;
	width:288px;
	color:#777;
}