/*   
Theme Name: Betonelement A|S
Theme URI: 
Description: This is a Thematic child theme for Betonelement A|S 
Author: Frederik Bering
Author URI: http://mirrorweb.dk
Template: thematic
Version: 1.0
Tags: Thematic, 2 columns, fixed width, unique design, gray, blue, green
.
Thematic is © Ian Stewart http://themeshaper.com/
.
*/

/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');

/* Apply basic typography styles */
@import url('../thematic/library/styles/typography.css');

/* Apply a basic layout */
@import url('../thematic/library/layouts/2c-r-fixed.css');

/* Apply basic image styles */
@import url('../thematic/library/styles/images.css');

/* Apply default theme styles and colors */
/* It's better to actually copy over default.css into this file (or link to a copy in your child theme) if you're going to do anything outrageous */
@import url('../thematic/library/styles/default.css');

/* Prepare theme for plugins */
@import url('../thematic/library/styles/plugins.css');

/*== Global
====================================================*/
body, input, textarea {font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif;}
body {background: #fff;}
p {padding: 5px; margin: 0;}
p.justify {text-align: justify;}
h1 {font-size: 25px; font-weight: bold; padding: 5px;}
.entry-title a:active, .entry-title a:hover, .entry-meta a:active, .entry-meta a:hover, a:active, a:hover, .sf-menu ul a:hover, .page-link a:active, .page-link a:hover, .aside a:active, .aside a:hover, a:hover, .navigation a:active, .navigation a:hover, #siteinfo a:hover {color: #4e8abe;}

/*== Layout
====================================================*/
#main {background: #e7e7e7; padding: 25px 0;}
#branding {padding: 20px 10px 5px 10px; border-bottom: 32px solid #e7e7e7; overflow: hidden; height: auto; position: relative; width: 940px;}
#access, #footer {background: #333; border: none; margin: 0; height: auto;}
#siteinfo {border-top: 1px solid #e7e7e7; padding: 20px; color: #e7e7e7;}
#container {width: 650px;}
#container-ref {width: 910px; padding: 0 25px;}
#content {background: #fff; padding: 10px 20px 20px 20px; margin: 0; margin-left: 20px; width: 590px;}
#secondary {}
#breadcrumb {background: #fff; margin: 0 0 0 20px; padding: 20px 20px 0 20px; font-size: 0.8em; color: #666;}
#breadcrumb a {color: #666;}
#breadcrumb a:hover {color: #4e8abe;}
.main-aside ul {padding: 0; margin-left: 20px; margin-right: 10px;}
.main-aside {padding-left: 10px;}
#primary {padding: 0; margin: 0;}

/*== Typo
====================================================*/
.entry-content {padding: 5px 0 0 0;}
.entry-content#pn {padding: 0;}
.entry-content h4 {font-family: inherit; text-transform: none; letter-spacing: inherit; font-size: 1.2em; padding: 25px 5px 0 5px; font-weight: bold;}
.entry-content h5 {font-family: inherit; text-transform: none; letter-spacing: inherit; font-size: 1.2em; padding: 0px 5px 0 5px; font-weight: bold;}

/*== Widgets
====================================================*/
.sub-aside, .sub-aside a {color: #fff;}
.sub-aside .widgetcontainer ul, .sub-aside .widgetcontainer ,textwidget {list-style: none; margin: 5px 5px 15px 5px;}
.aside h3 {font-style: normal; font-size: 1.3em; color: #4e8abe; text-transform: uppercase; font-weight: bold; padding-bottom: 5px}

.main-aside .widgettitle {background: #4e8abe; display: block; padding: 5px 10px; color: #fff; font-size: 1em;}
.main-aside .widgettitle a {color: #fff;}

.aside#index-bottom .widgetcontainer, .aside#single-bottom .widgetcontainer, .aside#page-bottom .widgetcontainer {overflow: hidden;}
.aside#single-bottom, .aside#page-bottom, .aside#index-bottom {border: none; border-top: 1px solid #e7e7e7; margin: 0;}
#tt {float: right; padding-right: 25px; background: url(images/uparrow.png) no-repeat right;}
#pp {float: left; padding-left: 25px; background: url(images/pdf.png) no-repeat left; margin: 2px 0;}
#sm {float: left; padding-left: 25px; background: url(images/sm.png) no-repeat left; margin: 2px 0;}
.sms {padding-left: 25px; background: url(images/sm.png) no-repeat left; margin: 2px 0;}
.pps {padding-left: 25px; background: url(images/pdf.png) no-repeat left; margin: 2px 0;}
.ps {padding-left: 25px; background: url(images/print.png) no-repeat left; margin: 2px 0; text-decoration: underline;}
.ps a:hover {cursor: pointer;}

.aside#page-top .widgetcontainer, .aside#index-top .widgetcontainer, .aside#single-top .widgetcontainer {overflow: hidden;}
.aside#page-top, .aside#index-top, .aside#single-top, .aside#page-top ul, .aside#single-top ul, .aside#index-top ul {border: none; padding: 0; margin: 0; margin-bottom: 10px; font-size: 0.9em;}


/*== Forside grøn #60bb22, lime g #80db42, lime l #80db42, blå #08395f, lyseblå #4e8abe (#8aafd9)
====================================================*/
#frontpage {padding: 0 10px; margin: 0; margin-bottom: 10px; background: url(images/forside_bg.jpg) repeat-y; overflow: hidden;}
.rack {width: 306px; float: left; margin-right: 10px;}
.rack#last {margin: 0;}
.rack#last ul {list-style: none; margin: 0;}
.box {color: #fff; border-top: 10px solid #e7e7e7; overflow: hidden; position: relative;}
.box#blue {background: #08395f; overflow: hidden;}
.box#lblue {background: #4e8abe;}
.box2 {color: #fff; border-top: 10px solid #e7e7e7; overflow: hidden; position: relative; min-height: 110px; padding: 15px 5px 15px 30px;}
.box2#arena {background: #4e8abe url(images/produkter/arena.jpg) no-repeat;}
.box2#vaegfundament {background: #4e8abe url(images/produkter/vaegfundament.jpg) no-repeat;}
.box2#phus {background: #4e8abe url(images/produkter/phus.jpg) no-repeat;}
.box2#soejler {background: #4e8abe url(images/produkter/soejler.jpg) no-repeat;}
.box2#broer {background: #4e8abe url(images/produkter/broer.jpg) no-repeat;}
.box2#daektag {background: #4e8abe url(images/produkter/daektag.jpg) no-repeat;}
.box#green {background: #219800;}
.box#lgreen {background: #45BF1F;}
.box#kontakt {background: #219800 url(images/forside_kontakt.jpg) no-repeat; padding-top: 82px;}
.box#kontakt .text {padding: 5px; padding-left: 50px;}
.box#kontakt .text p {padding-top: 0;}
.box#kontakt .text a#akontakt {text-decoration: underline; color: #fff;}
.box#kontakt .text a#akontakt:hover {color: #004B91;}
.box .text#ombeton {padding: 15px 23px 5px 23px;}
.box .text#ombeton h2 {padding: 5px; font-size: 1.2em; font-weight: bold;}
.box .text#ombeton h3 {padding: 15px; font-size: 1em; font-style: italic;}
.box .text#ombeton p {font-size: 0.95em;}
.box #ss1 {height: 200px; overflow: hidden;}
.box .text {padding: 5px; padding-left: 23px}
.box .textm {padding: 5px; margin-left: 125px;}

.box #ss2 ul {list-style: none; padding: 0; margin: 0; overflow: hidden;}
.box #ss2 ul li {width: 306px; overflow: hidden; height: 238px;}
.box #ss2 ul li h3 {text-transform: none; font-size: 1.2em; padding: 5px; font-weight: bold; color: #fff;}

.the_date {font-size: 0.8em; float: left; line-height: 20px;}
.the_date#aside {padding: 1px 0;}
.the_news {margin-left: 50px;}
.the_excerpt {font-size: 0.85em;}
.the_title_foot {margin-left: 45px; line-height: 20px;}
.more-items {overflow: hidden; background: url(images/rm.png) no-repeat left; height: 20px; padding-left: 20px; float: right; margin-bottom: 5px;}
.more-items a {color: #fff; line-height: 20px; font-size: 0.9em; text-decoration: none;}
.more-items a:hover {text-decoration: underline;}
.recent-items {list-style: none; margin-left: 5px;}
.recent-items li {padding: 5px; overflow: hidden;}
.text .recent-items li a {color: #fff;}
.text .recent-items li a:hover {color: #fff;}
.recent-items li a p {padding: 0; text-decoration: underline;}
.recent-items li.rss {background: url(images/rss.png) no-repeat 3px; padding-left: 25px;}
.recent-items li.sm {background: url(images/sm.png) no-repeat 3px; padding-left: 25px;}
.recent-items li.print {background: url(images/print.png) no-repeat 3px; padding-left: 25px;}
.recent-items li.speaker {background: url(images/speaker.png) no-repeat 3px; padding-left: 25px;}
.recent-items#viden li {background: url(images/dl.png) no-repeat; padding-left: 25px; background-position: 3px 7px;}

.text#news, .text#viden {padding: 0;}
.text#news h1, .text#viden h1 {padding: 5px 5px 5px 23px;}
.text#news ul.recent-news, .text#viden ul.recent-items {list-style: none; margin: 0; padding: 0;}
.text#news ul.recent-news li, .text#viden li {overflow: hidden;}
.text#news ul.recent-news li a {display: block; padding: 5px 5px 5px 23px; text-decoration: none; color: #fff;}
.text#news ul.recent-news li a:hover {background: #08395f;}
.text#news ul.recent-news li a span {display: block;}
.text#news ul.recent-news li a span.the_date {float: left; font-size: 0.85em;}
.text#news ul.recent-news li a span.the_news {margin-left: 50px;}
.text#news ul.recent-news li a span.the_news span.the_title {font-weight: bold;}
.text#news ul.recent-news li a span.the_news span.the_excerpt {font-size: 0.85em;}
.text#news .more-items {overflow: hidden; background: url(images/rm.png) no-repeat left; height: 20px; padding: 0 5px 0 20px; float: right; margin-bottom: 5px;}
.text#news .more-items a {color: #fff; line-height: 20px; font-size: 0.9em; text-decoration: none;}
.text#news .more-items a:hover {text-decoration: underline;}
.text#viden ul li {padding: 0;}
.text#viden ul li a {display: block; padding: 5px 5px 5px 48px; text-decoration: none; color: #fff; background: url(images/dl.png) no-repeat 29px 6px;}
.text#viden ul li a:hover {background-color: #08395f;}

.beinfo a {color: #fff; text-decoration: none;}
.beinfo a:hover {text-decoration: underline;}
.beinfo {overflow: hidden;}
.beinfo {font-size: 1.2em;}
.beinfo ul {margin-left: 25px; padding-left: 15px;}
.beinfo ul li a {background: url(images/rightarrow.png) no-repeat left center; padding-left: 16px; font-size: 0.8em;}
.beinfo ul li a:hover {text-decoration: underline;}

ul.pro li.page_item {background: url(images/check.png) no-repeat 3px; padding-left: 25px;}

/*== Menu
====================================================*/
.sf-menu, .sf-menu li, .sf-menu ul, .sf-menu ul a, .sf-menu li li, .sf-menu a, .sf-menu a:visited {background: none; border: none; color: #fff; height: 14px;}
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {background: none; border: none; color: #4e8abe;}
.sf-menu .current_page_item a, .sf-menu .current_page_ancestor a, .sf-menu .current_page_parent a {background: #4e8abe; border: none; color: #fff;}
.sf-menu ul {position: relative;}

#nav-wrapper {width: 940px; padding-left: 20px; margin: 0 auto;}
.menu {font-size: 1.2em; background: #333; width: auto; overflow: hidden;}
.menu ul {list-style: none; margin: 0 auto;}
.menu ul li {float: left; padding: 5px 32px;}
.menu ul li a {display: block; text-decoration: none; color: #fff;}
.menu ul li a:hover {color: #4e8abe;}
.menu ul li.current_page_item {background: #4e8abe;}
.menu ul li.current_page_item a:hover {color: #fff;}

#brandlogo {float: left;}
#sec_menu {color: #ccc; position: absolute; right: 0; bottom: 0; padding: 2px 10px;}
#sec_menu ul {list-style: none; margin: 0;}
#sec_menu ul li {float: left; padding: 0 10px;}
#sec_menu ul li a {text-decoration: none; color: #666; font-size: 0.8em;}
#sec_menu ul li a:hover {color: #4e8abe;}

/*== Kontakt form
====================================================*/
#wpcf7-f2-w2-o1 {}
#wpcf7-f2-w2-o1 p {margin: 0;}
#wpcf7-f2-w2-o1 input, #wpcf7-f2-w2-o1 textarea {width: 269px; padding: 5px;}
#wpcf7-f2-w2-o1 input.wpcf7-submit {cursor: pointer; width: 281px;}
.wpcf7 input, .wpcf7 textarea {padding: 5px; margin: 0; width: 306px;}
.wpcf7 p {padding: 5px; margin: 0;}
.wpcf7 span {padding: 0; margin: 0;}
.wpcf7 .button {color: #fff; background: #4e8abe; border: none; text-transform: uppercase; font-size: 1.1em; cursor: pointer; font-weight: bold; padding: 0 10px; width: auto; font-family:Verdana, Geneva, sans-serif; height: 50px line-height: 50px;}
.wpcf7 .button:hover {background: #08395f;}

/*== Underside
====================================================*/
.post .entry-title, .hentry .entry-title {color: #4e8abe; font-weight: normal; text-transform: uppercase; line-height: 30px;}
.post {padding: 0 0 45px 0;}
.hentry .entry-content {border-top: 1px solid #e7e7e7; margin-top: 10px; overflow: hidden;}
.hentry .entry-content a:visited {color: #004B91;}
.hentry .entry-content img {padding: 10px 0; display: block;}
.hentry .entry-content div.img {margin-top: 10px; margin-bottom: 10px; padding: 10px;}
.hentry .entry-content div.img div {background: none; border-width: 0 0 1px 0;}

.main-aside .execphpwidget ul {list-style: none; margin: 0; margin-bottom: 20px; font-size: 1.2em;}
.main-aside .execphpwidget ul li {padding: 5px 0; font-size: 0.9em; color: #4e8abe;}
.main-aside .execphpwidget ul li ul {margin: 3px 0; padding: 0; border: none; font-size: 1em; padding-left: 10px;}
.main-aside .execphpwidget ul li ul li {background: none; padding: 5px 0; border: none;}
.main-aside .execphpwidget ul li ul li ul {margin: 0; padding: 0; border: none; font-size: 1em; padding-left: 10px;}
.main-aside .execphpwidget ul li ul li ul li {background: none; padding: 5px 0; border: none;}
.main-aside .execphpwidget ul li ul li ul li ul {margin: 0; padding: 0;; border: none; font-size: 1em;}
.main-aside .execphpwidget ul li a {text-decoration: none; text-transform: none; background: #4e8abe; color: #fff; display: block; padding: 5px 10px;}
.main-aside .execphpwidget ul li span.title {text-decoration: none; text-transform: none; background: #4e8abe; color: #fff; display: block; padding: 5px 10px;}
.main-aside .execphpwidget ul li a:hover {text-decoration: underline;}
.main-aside .execphpwidget ul li ul li a {color: #666; background: none; padding: 0;}
.main-aside .execphpwidget ul li.current_page_item a {text-decoration: underline;}
.main-aside .execphpwidget ul li.current_page_item a:hover {color: #fff;}
.main-aside .execphpwidget ul li.current_page_item ul li a {text-decoration: none; background: none; color: #666;}
.main-aside .execphpwidget ul li.current_page_item ul li a:hover {text-decoration: underline; background: none; color: #666;}
.main-aside .execphpwidget ul li ul li.current_page_item a {color: #4e8abe; padding-left: 16px; background: url(images/rightarrow.png) no-repeat left 2px; text-decoration: underline;}
.main-aside .execphpwidget ul li ul li.current_page_item ul li a {text-decoration: none; background: none; color: #666;}
.main-aside .current_page_item a:hover {color: #4e8abe;}
.main-aside .current_page_item ul li a {background: none;}

.main-aside .execphpwidget ul.sidste li {padding-left: 10px; border-bottom: 1px dotted #fff;}
.main-aside .execphpwidget ul.sidste li a {color: #000;}
.main-aside .execphpwidget ul.sidste li a:hover {color: #4e8abe;}

input#s, input.s {padding: 5px; color: #4e8abe; width: 225px;}
.aside #searchsubmit, .aside .searchsubmit
{display: inline; background: url(images/s.png) no-repeat; border: none; text-indent: -9000px; height: 23px; width: 24px; margin: 2px; cursor: pointer;}
.aside #searchsubmit:hover, .aside .searchsubmit:hover {background: url(images/sh.png) no-repeat;}

#pf {background: url(images/print.png) no-repeat 3px; padding-left: 25px;}

.navigation {padding-top: 25px;}

.wp-caption {padding: 5px; border: 1px solid #e7e7e7; margin: 10px auto;}
.wp-caption p {font-style: italic;}
.wp-caption .img div {background: none; color: #08395f; border-top: none;}

#pfButton {display: none;}

.edit-link {display: none;}

ul.indhold {list-style: none; margin: 25px; padding: 0;}
ul.indhold li a {text-decoration: none; border-bottom: 1px dotted #333; display: block; padding: 3px 5px; font-size: 1.1em;}
ul.indhold li a:hover {color: #4e8abe !important; text-decoration: underline;}
ul.indhold li ul {list-style: none;}
ul.indhold li ul li {line-height: 12px;}
ul.indhold li ul li a {color: #333 !important; text-decoration: none; border: none; font-size: 0.9em;}
ul.indhold li ul li a:hover {color: #333 !important;}

div#lever {text-decoration: none; text-transform: none; background: #08395f; color: #fff; padding: 5px 10px; font-size: 1.2em;}
div#levertext {font-size: 0.9em;}
div#levertext p {margin-bottom: 5px;}
div#levertext p span {font-weight: bold;}
div#leverpro {margin-bottom: 18px;}
div#leverpro div.pro a {font-size: 1.1em; text-decoration: none; text-transform: none; background: #4e8abe; color: #fff; padding: 5px 10px; display: block;}
div#leverpro div.pro a:hover {text-decoration: underline;}

.main-aside .execphpwidget ul li ul.arkiv li a {text-transform: capitalize;}
.blog #nav-below {display: none;}

/*== Referencer
====================================================*/
div#ref-menu {background: #fff; overflow: hidden; margin-bottom: 20px; padding: 10px 0;}
div#ref-menu > ul {list-style: none; margin: 0; padding: 0;}
div#ref-menu > ul > li {float: left; border-right: 1px solid #e7e7e7; padding: 0 25px;}
div#ref-menu > ul > li a {color: #4e8abe; font-weight: normal; text-transform: uppercase; line-height: 30px; text-decoration: none; font-size: 1.4em;}
div#ref-menu > ul > li a:hover {text-decoration: underline;}

div.reference {overflow: hidden; margin-bottom: 20px; position: relative;}
div.reference > span#controls {position: absolute; left: 0; top: 0; width: 500px; height: 238px; z-index: 100;}
div.reference > span#controls a {width: 48px; height: 48px; text-indent: -10000px; position: absolute; display: block; top: 95px;}
div.reference > span#controls a.prevBtn {background: url(images/ref_prev.png); left: 5px;}
div.reference > span#controls a.nextBtn {background: url(images/ref_next.png); right: 5px;}
div.reference > div.slideshow {width: 500px; height: 238px; float: left; overflow: hidden;}
div.reference > div.slideshow ul {margin: 0; padding: 0; list-style: none; width: 622px;}
div.reference > div.slideshow ul li {overflow: hidden;}
div.reference > div.fact {width: 390px; height: 218px; float: left; background: #fff url(images/ref_info.jpg) no-repeat left; overflow: hidden; padding: 10px; position: relative;}
div.reference > div.fact > div {padding: 10px 5px;}
div.reference > div.fact > h1 {color: #4e8abe; font-weight: normal; text-transform: uppercase; line-height: 30px; padding: 0 5px 5px 5px; border-bottom: 1px solid #e7e7e7;}
div.reference > div.fact > h2 {padding: 5px 10px 0 10px; font-size: 0.85em; color: #666;}
div.reference > div.fact > span.rm {background: url(images/rm.png) no-repeat left; padding: 5px 10px 5px 20px; bottom: 0; right: 0; position: absolute; color: #000; cursor: pointer;}
div.reference > div.fact > span.rm:hover {text-decoration: underline;}
div.reference > div.more {width: 890px; background: #fff url(images/bg_ref.png) no-repeat top center; clear: both; display: none; padding: 10px;}
div.reference > div.more > h4 {color: #4e8abe; font-weight: normal; text-transform: uppercase; line-height: 22px; padding: 0 5px 5px 5px; border-bottom: 1px solid #e7e7e7;}

/*== Samlingsdetaljer
====================================================*/
table.detaljer {width: 100%; border: none;}
table.detaljer tr.top {background: #4e8abe; border: none; color: #fff;}
table.detaljer tr.detalje {border-bottom: 1px dotted #e7e7e7;}
table.detaljer tr td.betegn {}
table.detaljer tr td.maal {width: 50px; text-align: center;}
table.detaljer tr td.fil {width: 40px; text-align: center;}
h2.det {margin: 0 0 10px 10px; color: #4e8abe; font-size: 1.2em;}

/*== Fotoarkiv
====================================================*/
#fotoarkiv {border-top: 1px solid #e7e7e7; overflow: hidden; padding: 5px 0; margin: 50px 0;}
#fotoarkiv h2 {font-size: 1.2em; color: #000; margin-bottom: 10px; padding: 5px;}
#fotoarkiv h2 span {color: #4e8abe;}
#fotoarkiv .foto {overflow: hidden; border-bottom: 1px solid #e7e7e7; padding: 5px;}
#fotoarkiv .foto img {float: left; border: 1px solid #fff;}
#fotoarkiv .foto img:hover {border: 1px solid #4e8abe;}
#fotoarkiv .foto .info {overflow: hidden; height: 150px; margin-left: 155px;}
#fotoarkiv .foto .info h2 {padding: 0 5px;}
#fotoarkiv .foto .info h2 a {color: #4e8abe; text-decoration: none;}
#fotoarkiv .foto .info h2 a:hover {text-decoration: underline;}

/*== Kontaktpersoner
====================================================*/
.person {overflow: hidden; border-top: 1px solid #e7e7e7; padding: 10px 0;}
.person#first {border: none; padding-top: 0;}
.person .info {padding: 0 10px;}
.person .info h2 {font-size: 1.2em; color: #4e8abe;}
.person .info div {padding: 5px 0;}
.person .info div.t {background: url(images/tele.png) no-repeat left; padding-left: 20px;}
.person .info div.m {background: url(images/mobile.png) no-repeat left; padding-left: 20px;}
.person .info div.e {background: url(images/mail.png) no-repeat left; padding-left: 20px;}
.person .info div.v {background: url(images/vcard.png) no-repeat left; padding-left: 20px;}
.person .info div.ti {font-style: italic; padding-left: 5px; padding-bottom: 15px;}

/*== Brochurer
====================================================*/
.brochure {overflow: hidden; border-top: 1px solid #e7e7e7; padding: 10px 0;}
.brochure#first {border: none; padding-top: 0;}
.brochure .pic {float: left; width: 160px; height: 226px;}
.brochure .pic img {}
.brochure .info {float: left; padding: 0 10px; width: 410px;}
.brochure .info h2 {font-size: 1.2em; color: #4e8abe;}
.brochure .info p {padding: 5px 0; margin-bottom: 10px; color: #333; font-size: 0.9em;}
.brochure ul {color: #333; font-size: 0.9em;}
.brochure .hent {overflow: hidden; background: url(images/rm.png) no-repeat left; height: 20px; padding-left: 20px; margin-bottom: 5px;}
.brochure .hent a {color: #000; text-decoration: none;}
.brochure .hent a:hover {text-decoration: underline;}