@import url("css/reset.css");
/*
Theme Name: Allerskog & Krantz AB
Theme URI: http://dinwebb.nu/
Description: Skapat av dinwebb för Allerskog & Krantz AB
Version: 1.0
Author: Dinwebb
Author URI: http://dinwebb.nu
*/



/*---------------------------------------[   General   ]*/

body {background: url(images/bg.gif); color: #717171; font: 12px/1.4 Verdana, Geneva, Arial, Helvetica, sans-serif;}

a {color: #00487E; text-decoration: none;}
a:hover {color: #ccc;}

h1, h2, h3, h4, h5, h6 {font-weight: bold; margin: 0 0 10px;}
h1 {font-size: 14px; font-weight: normal; }
h2 {font-size: 12px; color: #111; font-weight: normal; background: #BDBDBD; padding: 5px; text-transform: uppercase; text-shadow: 1px 1px 0px #ddd; margin: 0; border-bottom: 1px solid #fff;}
h3 {font-size: 11px; font-weight: bold; color: #0E76BD; text-transform: uppercase; margin: 0;}
h4 {}
h5 {}
h6 {color: #00487E; margin: 0; font-weight: normal;}

img {border: none;}

p {padding: 0 0 10px;}


.edit-puff-link {position: absolute; top: 0; right: 0; display: block; }


#mainWrapper { width: 940px; padding: 0 10px; margin: 0 auto 40px; background: url(images/page-bg.png) repeat-y; position: relative; }

#pageWrapper {padding: 20px 10px 0;}


/*---------------------------------------[   Header   ]*/

#header {position: relative; margin: 0px; padding: 0px; border-top: 1px solid #fff;}
	
	#logo {
		display: block; 
		text-indent: -999999px; 
		width: 171px; 
		height: 65px; 
		float: left;
		background: url(images/logo.jpg) no-repeat left center;
                padding: 0px 0 0;
                margin: 10px 0 10px 40px;
	}
	#logo:hover {}
        #header h1 {padding: 0; margin: 0;}




/*---------------------------------------[   MainNav   ]*/

#mainNav {position: absolute; right: 10px; bottom: 0px;}
#mainNav li {display: inline; position: relative;}
#mainNav li a {
	display: block;
	float: left;
	padding: 5px;
        color: #00487e;
        text-transform: uppercase;
}
#mainNav li a:hover, #mainNav li.current_page_item a, #mainNav li.current_page_ancestor a {color: #B5B5B5;}

#mainNav .mittLinje div {display: block; float: left; padding: 4px 0; color: #00487e;}

/*   lvl 2   */
#mainNav ul {display: none;}




/*---------------------------------------[   SubNav   ]*/

#subNav {float: left; width: 195px; margin: 0 20px 20px 0px; border-bottom: 1px solid #B5B5B5;}
    #subNav a {
        display: block;
        padding: 0px 0px 0px 0px;
        height: 30px;
        line-height: 30px;
        color: #00589b;
        text-decoration: none;
        border-top: 1px solid #B5B5B5;
        background: none;
        }
    
    #subNav .first a {}
    #subNav .last a {}

    #subNav .current_page_item.first a {}
    #subNav .current_page_item.last a {}

    #subNav ul .page_item a {border: none; color: #00589b; font-weight: normal; padding: 0 0 0 15px;}

    #subNav a:hover, #subNav ul .page_item a:hover {font-weight: bold;}
    #subNav .current_page_item a, #subNav ul .current_page_item a, #subNav .current_page_ancestor a { font-weight: bold; }


    #subNav ul {display: none;}
    #subNav .current_page_item ul, #subNav .current_page_ancestor ul {display: block}
	
    #subNav .page_item ul .page_item ul {display: none;}
	#subNav .page_item ul .current_page_ancestor ul {display: none;}
        #subNav .current_page_ancestor ul .page_item a {border: none; color: #00589b; font-weight: normal; padding: 0 0 0 15px;}
        #subNav .current_page_ancestor ul .current_page_item a,
        #subNav .current_page_ancestor ul .current_page_ancestor a  { font-weight: bold; }
	    #subNav .page_item ul .current_page_item ul {display: block;}
            #subNav .page_item ul .current_page_ancestor ul {display: block;}
            #subNav .current_page_ancestor ul .page_item ul a {border: none; color: #00589b; font-weight: normal; padding: 0 0 0 30px;}
            #subNav .current_page_ancestor ul ul .current_page_item a { font-weight: bold; }

/*---------------------------------------[   Mitten   ]*/

#mainImg {margin: 10px; border-bottom: 1px solid #073B61; background: #00599B;}
.theImg {margin: 10px; border-bottom: 1px solid #2872A8;}




/*---------------------------------------[   Content   ]*/
.wideContent #content {width: 665px;}
#content {width: 450px; padding: 0 20px 0 0; float: left;}
#content.projektContent {width: 900px;}


	body .post, body .page {padding: 0 0 20px 0;}

body .post {
	padding:0 0 15px 0;
	margin: 0 0 15px 0;
	border-bottom:2px solid #CCC;
}

	.post-title {margin: 0 0 10px}
	h2.post-title {
		font-size:18px;
		padding:0;
		background:none;
		text-transform:none;
	}
	h2.post-title a {color:#00589B;	}
	h2.post-titl a:hover { text-decoration:underline; }
	
	.post-meta { font-weight: bold; margin-bottom: 10px; }
	.post-title h1 {font-size: 20px; color: #434343; background: none; padding:  0 0 10px; text-transform: uppercase; text-shadow: 0 0 0 #fff; margin: 0;}
	.postmetadata {font-size: 11px; color: #777;}
	
    .entry {}
	.entry h2 {font-size: 14px; color: #434343; background: none; padding: 0 0 10px; text-transform: uppercase; text-shadow: 0 0 0 #fff; margin: 0; font-weight: bold}
    .entry ul {list-style: disc outside; margin: 0 0 10px 15px}
    .entry ul li {list-style: disc outside;}
    .entry ol li {list-style: decimal outside;}
	
	.projektContent .entry {overflow: hidden;}



/*---------------------------------------[   Sidebar   ]*/

#sidebar {width: 235px; float: left;}
	
	#sidebar li {}




/*---------------------------------------[   Footer   ]*/

#footer {clear: both; padding: 10px 0 40px; margin: 0 10px; border-top: 1px solid #B1B1B1; color: #B1B1B1; font-size: 10px; text-align: center; position: relative;}
	#footer .dinwebb {padding: 1px 0 0 0;}
	
#bg-bottom {background: url(images/bg-bottom.png) no-repeat; height: 8px; width: 960px; position: absolute; bottom: -8px; left: -0px}

.id06 {position: absolute; top: 10px; right: 100px; }
.aa-logo {display: block; position: absolute; top: 0px; right: 0px;}


/*---------------------------------------[   Puff   ]*/

.puff {padding: 15px 15px 15px; position: relative;}
.puffLink {padding: 10px 0 0;}
.puffLink a {}
.puffLink a:hover {background-position: 0px -40px;}


.sidebarPuff .puff {padding: 10px 0px 0px;}
.sidebarPuff img {margin: 0 10px 10px 0; float: left;}

.contentPuff {float: left; width: 215px; margin: 0 20px 20px 0; background: #EAEAEA;}
.contentPuff.puff-2 {margin: 0px;}
.contentPuff .puff {padding: 10px;}
.contentPuff img {margin: 0 10px 10px 0; float: left;}


.ps_puff {position: relative;}

.under-content .ps_puff {float: left; width: 215px; margin: 0 20px 20px 0; background: #EAEAEA;}
.under-content .puff-nr-2 {margin: 0px;}
.under-content .puff-content {padding: 10px;}
.under-content .ps_puff img {margin: 0 10px 10px 0; float: left;}

#home_sidebar { padding: 10px 0 0; }


/*---------------------------------------[   Comments   ]*/

#respond {padding: 0 0px}

#respond li{padding: 3px 0;}
#respond code, #respond small {font-size: 14px;}

#commentform input, #commentform textarea {padding: 2px; font: 13px 'PTSansRegular', Arial, "Helvetica Neue", Helvetica, sans-serif; border: 1px solid #ddd}
#commentform input {width: 200px;}
#commentform textarea {width: 300px; height: 100px; float: none; clear: both;}
#commentform label {display: block; width: 100px; float: left; padding: 5px 0 0;}
#commentform small {}
#commentform #submit {border: 1px solid #ddd; margin: 10px 200px 0 0px; background: none; color: #1A82F7; width: 307px; cursor: pointer; text-align: center; padding: 0; float: none; clear: both; height: 25px; background: #fff}
#commentform #submit:hover {color: #777; border-color: #1A82F7;}

#comments {padding: 10px 0px;}


ol.commentlist { list-style:none; margin:0 0 10px; padding:0; text-indent:0; border-top: 1px solid #ddd;}
ol.commentlist li { list-style:none;}

ol.commentlist li.comment { border-bottom: 1px solid #ddd; padding:10px 20px; position: relative; }
ol.commentlist li.comment div.comment-author {}
ol.commentlist li.comment div.vcard {font-size:20px}
ol.commentlist li.comment div.vcard cite.fn { font-style:normal; }
ol.commentlist li.comment div.vcard cite.fn a.url {text-decoration: none;}
ol.commentlist li.comment div.vcard img.avatar { border:1px solid #ddd; background: #aaa; float:left; padding:2px; margin: 0 7px 0 0;}
ol.commentlist li.comment p { clear: both; margin: 0px 0 0 0;}
ol.commentlist li.comment div.comment-meta { font-size:9px; padding: 0 0 10px}
ol.commentlist li.comment div.comment-meta a { color:#999; background: none;}
ol.commentlist li.comment div.comment-meta a:hover { color:#777; background: none;}

ol.commentlist li.comment div.reply {text-align: right; position: absolute; top: 5px; right: 20px;}
ol.commentlist li.comment div.reply a { font: bold 9px/20px Tahoma;}
ol.commentlist li.comment:hover .reply a{}
ol.commentlist li.comment .reply a:hover{ color: #777;}

ol.commentlist li.comment ul.children { list-style:none; margin:10px 0 0; text-indent:0; }
ol.commentlist li.comment ul.children li.depth-2 { border-left:0px solid #666; margin:0 0 0px 0px; }
ol.commentlist li.comment ul.children li.depth-3 { border-left:0px solid #999; margin:0 0; }
ol.commentlist li.comment ul.children li.depth-4 { border-left:0px solid #bbb; margin:0 0; }
ol.commentlist li.comment ul.children li.depth-5 { border-left:0px solid #ddd;}

ol.commentlist li.even { background:#eee; }
ol.commentlist li.odd { background:#fff; }
ol.commentlist li.bypostauthor {background: #111;}
ol.commentlist li.parent { border-left:0px solid #444; }




/*---------------------------------------[   Cform   ]*/

.cform {width: 100%;}
.cform fieldset {border: none; margin: 0 0 10px; padding: 0;}
.cform legend {
    margin: 0px 0 0px;
    padding: 0px 0 5px;
    line-height: 1.1; 
    color: #39457b;
    font-weight: bold;
}
.cform ol {list-style: none; padding: 8px 0 0 ; margin: 0}
.cform li {padding: 0px 0 8px; position: relative;}
.cform label {width: 100%; padding: 0 0 2px;}
.cform input, .cform textarea, .cform select { 
	background: none; 
	border: 1px solid #ddd; 
	width: 213px; 
	padding: 5px 10px; 
	font: 11px/1.1 Verdana, Geneva, Arial, Helvetica, sans-serif;
	float: none; 
	position: relative; 
	z-index: 10;
        margin: 0px;
}
.cform select {padding: 3px; width: 210px;}
.cform input:focus, .cform textarea:focus {}
.cform input {}
.cform textarea { clear: both; float: none; height: 47px;}
.cform p {overflow: hidden;}
.cform .cf-sb {text-align: right}
.cform .sendbutton {cursor: pointer; width: 80px; background: #ddd; color: #fff; font-style: normal; margin: 0 20px 0; border: none;}
.cform .sendbutton:hover {border-color: #1A82F7; color: #777}


/* checkboxar */
.cform .cf-box-title {}
.cform .cf-box-group label {float: none; width: auto; display: inline; padding: 0 20px 0 5px; top: -3px; position: relative;}
.cform .cf-box-group input {float: none; width: auto; height: 15px; }

/* submit messages */
.cf_info {padding: 0px 0; color: #333; font-weight: bold;}
.failure {color: #e33; padding: 10px 0 0;}
.success {color: #3C9C05; padding: 10px 0 0;}
.cform .cf_error {border: 1px solid #e33}
.cform .cf_li_err {}

/* other */
.emailreqtxt, .reqtxt {display: none;}
.cform .cf_hidden {display: none;}
.cform .oblig {font-size: 10px;}
.linklove {display: none;}

/*
.cform input, .cform textarea, .cform select {border: 0px solid #ddd; width: 216px; padding: 6px 10px; background: url(images/form.png) no-repeat; font: 12px/1.1 Verdana, Geneva, Arial, Helvetica, sans-serif;}
#li--1 input{background-position: left -146px;}
#li--2 input{background-position: left -184px;}
#li--3 textarea{background-position: left -221px; height: 51px;}
*/

.cform .sendbutton { color: #fff; display: block; width: 61px; height: 25px; background: url(images/button.png) no-repeat; line-height: 24px; text-align: center; padding: 0px 0px 2px; margin: 0px; float: right;}
.cform .sendbutton:hover {background-position: 0px -40px; color: #fff;}


/**  KONTAKT PA SIDOR */

#cforms2form {background: none; width: 322px; float: left;}
#cforms2form ol {list-style: none; padding: 15px 0 0 ; margin: 0}
#cforms2form li {margin: 0px 0 10px; padding: 0; list-style: none; position: relative; min-height: 30px; background: none;}
#cforms2form label {display: block;}
#cforms2form input, #cforms2form textarea {border: 1px solid #ddd; background: none; float: none; position: relative; width: 300px; z-index: 10;}
#cforms2form input:focus, #cforms2form textarea:focus {background: #fff}

#cforms2form textarea {height: 98px}

#cforms2form .sendbutton { float: right; color: #fff; display: block; width: 61px; height: 25px; background: url(images/button.png) no-repeat; line-height: 24px; text-align: center; padding: 0px 0px 2px; margin: 0px; border: none;}
#cforms2form .sendbutton:hover {background-position: 0px -40px; color: #fff;}

#kartan {margin: 15px 0 0 20px;;}




/*---------------------------------------[   Galleri   ]*/

.gallery {overflow: hidden;}
.gallery .gallery-item {float: left; margin: 0 20px 20px 0;}
.gallery .last {margin: 0 0 20px 1px;}
.gallery img {width: 208px;}






/*---------------------------------------[   Start   ]*/

#startNav {width: 248px; float: left; border-right: 1px solid #073B61;}
#startNav li {border-right: 0px solid #0F68AB;}
#startNav a {
    display: block;
    color: #fff;
    text-transform: uppercase;
    border-top: 1px solid #0F68AB;
    border-right: 1px solid #0F68AB;
    border-bottom: 1px solid #073B61;
    height: 43px;
    line-height: 43px;
    padding: 0 10px 0 40px;
    background: #00599B url(images/arrow.png) no-repeat 16px 17px;
}
#startNav .first a {border-top: none; height: 44px;}
#startNav .last a {border-bottom: none; height: 44px;}

#startNav a:hover {/*background-color: #0F68AB; /*background-position: 20px 17px;*/}





#home-slide-container {
	width: 648px; 
	height: 338px; 
	border: 1px solid #073B61;
        border-color: #073B61 #4E87B3 #4E87B3 #073B61;
        overflow: hidden;
        margin: 10px;
        position: relative;
        float: left;
}
#home-slide-wrap {
	width: 648px; 
	height: 338px; 
	overflow: hidden;
	position: relative;
}
#home-slide {height: 338px;}

.slide-prev, .slide-next {position: absolute; width: 34px; height: 68px; left: 0; top: 135px; background: url(images/next-prev.png) no-repeat right top; cursor: pointer; z-index: 30;}
.slide-next {background-position: left top; right: 0; left: auto;}

.slides {width: 648px; height: 338px;}

.slides {position: relative; background: #fff;}

.texten {position: absolute; bottom: 0; left: 0; color: #fff; height: 60px; background: url(images/slide.png); width: 100%;}
    .texten h1 {float: left; line-height: 60px; text-transform: uppercase; padding: 0 40px 0 10px; font-weight: normal; font-size: 30px;}
    .texten p {position: absolute; top: 16px; left: 270px; width: 270px; font-style: italic; font-size: 13px;}
    .texten a {position: absolute; top: 20px; right: 10px; color: #fff; display: block; width: 61px; height: 25px; background: url(images/button.png) no-repeat; line-height: 24px; text-align: center;}
    .texten a:hover {background-position: 0px -40px;}
/*
#slide-1 {background: url(startbilder/nybyggnation.jpg)}
#slide-2 {background: url(startbilder/renovering.jpg)}
#slide-2 {background: url(startbilder/algo2.jpg)}
#slide-3 {background: url(startbilder/utbyggnader.jpg)}
#slide-4 {background: url(startbilder/bryggor.jpg)}
#slide-5 {background: url(startbilder/brygghus.jpg)}
#slide-6 {background: url(startbilder/garage.jpg)}
#slide-7 {background: url(startbilder/gaststugor.jpg)}
#slide-8 {background: url(startbilder/mark_maskinentreprenad.jpg)}*/

.page-template-homepage-php #content {padding: 0; width: 100%;}

#projekt {width: 235px; float: left; margin: 0 10px 0 0;}
#projekt h2 a {float: right; color: #565656; text-transform: none; font-size: 11px; text-shadow: none; padding: 3px 0 0 0; }
.projekt {margin: 8px 0 0 0; overflow: hidden;}
#projekt img {float: left; margin: 0 5px 0 0;}
#projekt h3 {margin: 0px 0 2px; padding: 0px; font-size: 12px; text-transform: none; line-height: 1; font-weight: normal;}
#projekt p {margin: 0; padding: 0;}

#byggprocessen {width: 429px; float: left; margin: 0 10px 0 0; background: #EAEAEA;}
#byggprocessen img {float: left; margin: 0 15px 0px 0; border: 1px solid #AFAFAF;}
#puffForm {width: 236px; float: left; margin: 0;}

#byggprocessen .puff-content {padding: 15px 15px 5px;}



/*---------------------------------------[   Projekt   ]*/

.projekt-img {float: left; margin: 0 10px 10px 0;}
.projektContent h3 { margin: 0; padding: 0 0 2px;}
.projektContent h3 a {font-size: 12px; color: #434343; font-weight: bold; text-transform: uppercase;}









/*---------------------------------------[   Byggprocessen   ]*/


#bygg-container {
	width: 450px; 
	height: 388px; 
	border: 1px solid #BDBDBD;
        overflow: hidden;
        margin: 0px ;
        position: relative;

}

#bygg-container ul, #bygg-container li {padding: 0px; margin: 0px; list-style: none;}

#bygg-slide-wrap {
	width: 450px; 
	height: 388px; 
	overflow: hidden;
	position: relative;
	background: #BDBDBD;
}
#bygg-slide {height: 388px;}

.bygg-slide-prev, .bygg-slide-next {display: none; position: absolute; width: 34px; height: 68px; left: 0; top: 135px; background: url(images/next-prev.png) no-repeat right top; cursor: pointer; z-index: 10;}
.bygg-slide-next {background-position: left top; right: 0; left: auto;}
.bygg-slides {width: 450px; height: 388px; position: relative;}

.bygg-texten {position: absolute; bottom: 0; left: 0; color: #111; height: 40px; background: #BDBDBD; width: 430px; padding: 10px;}


#bygg-slide-1 {background: url(bygg/1.jpg) no-repeat right top;}
#bygg-slide-2 {background: url(bygg/2.jpg) no-repeat right top;}
#bygg-slide-3 {background: url(bygg/3.jpg) no-repeat right top;}
#bygg-slide-5 {background: url(bygg/4_1.jpg) no-repeat right top;}
#bygg-slide-4 {background: url(bygg/4_2.png) no-repeat right top;}
#bygg-slide-6 {background: url(bygg/5.jpg) no-repeat right top;}
#bygg-slide-7 {background: url(bygg/6.jpg) no-repeat right top;}












.hidden {display: none;}

.projekt-images {padding: 20px 0 0;}
.projekt-img {position: relative;}
.projekt-img a:hover {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80); /* internet explorer */
	-khtml-opacity: 0.8;      /* khtml, old safari */
	-moz-opacity: 0.8;       /* mozilla, netscape */
	opacity: 0.8;           /* fx, safari, opera */
}
.play-button { display: block; position: absolute; left: 50%; top: 50%; margin: -24px 0 0 -24px; width: 48px; height: 48px;background: url(images/Play1Pressed.png); }