/*
Theme Name: CRH Concrete
Theme URI: http://
Description: The for crhconcrete.dk
Version: 1.0
Author: Frederik Bering
Author URI: http://mirrorweb.dk
Tags: white, blue, fixed width, 3 colums

	CRH Concrete
	 http://www.crhconcrete.dk

	This theme was designed and built by Frederik Bering,
	who works at http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/



/* >> Global styles (#002b5c #508abe #415a68)
----------------------------------------------------------------------------------------------------------------------*/
* {padding: 0; margin: 0; position: relative; border: 0; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }
body {background: #fff; font-size: 14px;}

h1, h2, h3, p, small {padding: 5px;}
p {padding: 15px 5px;}
h1, h2, h3, h4, h5 {font-weight: bold; color: #002b5c}
h1 a, h2 a, h3 a {font-size: 1em; text-decoration: none;}
h1 {font-size: 1.8em}
h2 {font-size: 1.5em;}
h3 {font-size: 1.2em;}
h4 {font-size: 1em; color: #000;}
h5 {font-size: 0.85em;}
a {text-decoration: underline; color: #002b5c;}
a.sb {color: #fff;}
a:hover {color: #508abe;}
.alignleft {float: left;}
.alignright {float: right;}
.center {text-align: center;}
.justify {text-align: justify}

ul {margin: 0 45px; list-style-position: outside;}
ul ul {margin: 0 25px;}

h1 em {font-size: 1em;}

/* >> Overall (#002b5c #508abe #415a68)
----------------------------------------------------------------------------------------------------------------------*/
.container {width: 960px; margin: 0 auto; background: #fff url(images/header.jpg) no-repeat;}
.container#fp01 {background: #fff url(images/fp01.jpg) no-repeat;}
.container#fp02 {background: #fff url(images/fp02.jpg) no-repeat;}
.container#fp03 {background: #fff url(images/fp03.jpg) no-repeat;}
.container#fp04 {background: #fff url(images/fp04.jpg) no-repeat;}
.container#fp05 {background: #fff url(images/fp05.jpg) no-repeat;}
#header {height: 95px; padding: 10px 10px 0 0; overflow: hidden}
.main {background: url(images/bg.jpg) repeat-y; margin: 8px 0; overflow: hidden;}
.main#fp {background: none; height: 358px; padding-top: 8px; margin: 0;}

#logo {height: 79px; width: 74px; float: left; margin-top: 15px;}
#logo a {height: 79px; width: 74px; text-indent: -10000px; display: block;}

#nav {height: 102px; margin-left: 109px;}
#small {overflow: hidden;}
#small ul {list-style: none; float: right; margin: 0;}
#small ul li {float: left; padding: 0 8px;}
#small ul li a {color: #999; font-size: 0.85em; text-decoration: none;}
#small ul li a:hover {color: #333;}
#big {padding-top: 48px;}
#big ul {list-style: none; margin: 0;}
#big ul li {float: left;}
#big ul li a {color: #002b5c; font-size: 1.3em; font-weight: bold; margin: 10px; text-decoration: none;}
#big ul li a:hover {color: #508abe;}
#big ul li.shove {margin-left: 125px;}
#big ul#dropdown {list-style: none; margin: 0;}
#big ul#dropdown li {float: left;}
#big ul#dropdown li:hover {}
#big ul#dropdown li a {color: #002b5c; font-size: 1.2em; font-weight: bold; padding:15px; background: #fff; margin: 0 1px; text-decoration: none;}
#big ul#dropdown li a:hover {border: 1px solid #ccc; border-bottom: none; z-index: 3; margin: 0;}
#big ul#dropdown li .submenu {padding: 10px; position: absolute; left: 0; top: 37px; display: none; z-index: 2; border: 1px solid #ccc; background: #fff;}
#big ul#dropdown li:hover .submenu {display: block;}
#big ul#dropdown li:hover .submenu ul {float: left; list-style: none;}
#big ul#dropdown li:hover .submenu ul li {border-width: 0;}
#big ul#dropdown li:hover .submenu ul li a {width: 200px; padding: 5px; height: 30px; line-height: 30px; clear: left; float: left; border: none; margin: 0;}
#big ul#dropdown li:hover .submenu ul li a:hover {color: #508abe}

#footer {height: 100px; color: #666;}
#footer #con_footer {width: 960px; margin: 0 auto; padding: 10px 0;}
#footer #con_footer p {font-size: 0.85em;}
#footer #con_footer p a {font-size: 1em; color: #999; text-decoration: none;}
#footer #con_footer p a:hover {color: #333;}


/* >> Index/Page (#002b5c #508abe #415a68)
----------------------------------------------------------------------------------------------------------------------*/
.sidebar {width: 210px; padding: 10px; float: left;}
.sidebar#left {}
.sidebar#right {width: 160px; padding: 0;}
#sbtext {padding: 10px;}
#wrap {width: 730px; margin-left: 230px; overflow: hidden; background: #fff;}
#content {width: 546px; border-right: 1px solid #ccc; padding-bottom: 100px; float: left; min-height: 300px;}

#crumbs {font-size: 0.85em; color: #666; padding: 15px; text-transform: lowercase; background: url(images/bg_crumbs.jpg) no-repeat bottom left;}
#crumbs a {font-size: 1em; color: #666; text-decoration: none;}
#crumbs a:hover {color: #000;}
#rss {position: absolute; right: 5px; top: 5px; z-index: 5;}

.item {border-bottom: 1px solid #ccc; padding: 15px; overflow: hidden;}
.item small {font-size: 0.85em; font-style: italic;}
.item .text {margin: 25px 0;}
.item .cat {background: #508abe; padding: 5px; color: #fff;}
.item .cat a {color: #fff; text-decoration: none;}
.item .cat a:hover {color: #002b5c;}
.entry {padding: 10px;}
.entry#ep {margin-bottom: 1000px;}

#undernav h3 {color: #fff;}
#undernav ul {list-style: none; margin: 0; margin-top: 5px;}
#undernav li a {display: block; padding: 10px; color: #fff; text-decoration: none;}
#undernav li a:hover {color: #508abe;}
#undernav ul li.current_page_item a {background: url(images/underunder.jpg) no-repeat left; padding-left: 20px; margin-left: 7px;}
#undernav ul ul {margin: 0;}
#undernav ul ul li {margin-left: 15px;}
#undernav ul ul li a {font-size: 0.85em; text-decoration: none;}

#fly {position: absolute; top: 0; left: 0; width: 180px;}

#sn {list-style: none; margin: 0; font-size: 0.85em;}
#sn li {}
#sn li a {margin: 5px 2px;}

.postnav {overflow: hidden; padding: 10px;}

.sf div {margin: 25px auto; overflow: hidden;}
.sf label {display: none;}
.sf input#s {padding: 3px; float: left; display: block; width: 166px;}
.sf input#searchsubmit {width: 32px; height: 24px; background: url(images/search.jpg) no-repeat 0 -4px; text-indent: -10000px; display: block; float: left; cursor: pointer;}

/* >> Frontpage (#002b5c #508abe #415a68)
----------------------------------------------------------------------------------------------------------------------*/
#fp_big {width: 400px; float: left; padding: 15px; height: 320px;}
#fp_news {height: 265px; margin-left: 580px; padding: 15px; color: #FFF; margin-top: 55px;}
#fp_news a {color: #FFF; font-size: 0.85em; text-decoration: none;}
#fp_news a p {display: inline; font-size: 1em;}
#fp_news ul {list-style: none; margin: 0;}
#fp_news ul li {padding: 5px 0; border-bottom: 1px solid #4e8abe; font-size: 0.85em;}
#fp_news ul li:hover {background: url(images/bgb75.png);}
#fp_news ul li.last {border-width: 0;}
#fp_news ul li span.date {color: #CCC; font-size: 1em;}
#fp_news ul li a {font-size: 1em; display: block; padding: 3px 3px; text-decoration: none;}
#fp_news ul li a:hover {}
#fp_news #na {text-align: right; padding: 10px 15px; position: absolute; bottom: 0; right: 0;}
#fp_news #na a {color: #ccc; text-decoration: none;}
#fp_news #na a:hover {color: #4e8abe;}

#fp_brands {height: 150px; background: url(images/bg_brands.jpg) repeat-x;}
#brands_wrap {width: 960px; height: 150px; margin: 0 auto; overflow: hidden; border: solid #f5f5f5; border-width: 0 1px;}
#brands_wrap ul {list-style: none; height: 150px; margin: 0;}
#brands_wrap ul li {float: left; width: 191px; height: 150px; border-right: 1px solid #f5f5f5;}
#brands_wrap ul li a {text-indent: -10000px; overflow: hidden; width: 382px; display: block; height: 150px; text-decoration: none;}
#brands_wrap ul li:hover {}
#brands_wrap ul li#betonelement {background: url(images/logos/sec_betonelement.jpg);}
#brands_wrap ul li#dalton {background: url(images/logos/sec_dalton.jpg);}
#brands_wrap ul li#expan {background: url(images/logos/sec_expan.jpg);}
#brands_wrap ul li#expanvilla {background: url(images/logos/sec_expanvilla.jpg);}
#brands_wrap ul li#modulbad {background: url(images/logos/sec_modulbad.jpg); border-width: 0;}

/* >> Templates (#002b5c #508abe #415a68)
----------------------------------------------------------------------------------------------------------------------*/
.t_image {float: left; width: 100px; height: 131px; overflow: hidden;}
.t_info {margin-left: 115px; overflow: hidden;}