/*

Theme Name: ER Timmerwerken

Theme URI: www.designsoftomorrow.nl

Description: Template for ER Timmerwerken.

Version: 1.0

Author: Tony van Schaik

Author www.designsoftomorrow.nl

Tags: blue, custom header, fixed width, two columns, widgets

*/



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

[ER Timmerwerken Stylesheet]  

 
Project:    	E&R Timmerwerken

Version:    	1.0  

Last change:      30/06/2009

Created by:    	A.B.J.A. Endeman & Tony van Schaik

Contact:		info@designsoftomorrow.nl

Tested in:	Internet Explorer 8 Version 8.0.6001.18702 (IE7 Standards), Mozilla Firefox 3.0.10, Safari 4 Public Beta, Google Chrome 1.0.154.65

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

@charset "utf-8";

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

[Main styles]  

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

body, html {
	margin: 0px;
	padding: 0px;
	/*background: #fff url(images/body-back.png) fixed repeat-x top center;*/

	background: #fff url(images/bouwtekening.jpg) fixed repeat-x top center;
	overflow-x: hidden;
}

a, a:visited {
	color:#004B8D;
	text-decoration:none;
}

a:hover {
	color:#0074D9;
	text-decoration:none;
}

#wrapper {
	margin: auto;
	width: 960px;
	border-right: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	border-left: 1px solid #e1e1e1;
	z-index:200;
	background:#fff;
}

#wrapper-bg {
	margin: auto;
	width: 1000px;
	display:block;
	/*background: url(images/content-bg.png) repeat-y top center;*/

	background: transparent url(images/wrapper-fade.png) no-repeat top center;
	z-index:2;
}

.login {
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #666666;
	padding:5px;
}

.login input {
	float:right;
	margin-right: 20px;
	border: 1px solid #cccccc;
}

.login label {
	display:block;
	font-weight:bold;
	text-align:left;
	margin-left:15px;
	width:140px;
	float:left;
}

.submit-button {
	margin: 0px;
	padding: 0px 5px;
	text-align:center;
	clear:both;
	height: 20px;
	font: bold 10px Arial, Helvetica, sans-serif;
	color: #666666;
	background-image: url(images/login-button.png);
	background-repeat: repeat-x;
	background-position: left top;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #bfbfbf;
	border-right-color: #8f8f8f;
	border-bottom-color: #8f8f8f;
	border-left-color: #bfbfbf;
}

.webbadge {
	background: url(images/offertebadge.png) no-repeat;
	display:block;
	height:120px;
	width:120px;
	z-index:100;
	margin-left:895px;
	position:absolute;
}

.imagebox {
	padding: 4px;
	border: 1px solid #CCCCCC;
}

#topmenu {
	display: block;
	height: 155px;
	width:960px;
	background: #fff;
}

.topmenu-logo {
	display: block;
	height: 130px;
	width: 480px;
	background: #fff url(images/logo3.png) no-repeat center center;
}

#header {
	display:block;
	height:150px;
}

.header-slideshow {
	display:block;
	height:150px;
	width:960px;
	margin: 0px;
	padding: 0px;
	background: #FFFFFF;
	list-style: none;
}

.slides {
	height:150px;
	width:960px;
	overflow:hidden;
	margin: 0px;
	padding: 0px;
	list-style: url(none) none;
	display: block;
}

ul.slide {
	list-style: none;
	margin:0px;
	padding:0px;
}

ul.slides li {
	margin: 0px;
	padding:0px;
}

.contentwrapper {
	display: block;
	width: 100%;
	margin: 0px;
	padding: 0px;
	background: url(images/content-back.png) repeat-y left top;
}

#content {
	width:700px;
	padding:0px;
	height:100%;
	display:inline;
	float:left;
	margin-left:10px;
	margin-right:10px;
	position:relative;
}

.entry {
}

.post {
	padding-left:20px;
	padding-right:20px;
}

.page {
	padding-left:20px;
	padding-right:20px;
}

#sidebar {
	background:#ffffff;
	display:inline;
	float:left;
	margin-left:10px;
	margin-right:10px;
	margin-top:10px;
	margin-bottom:10px;
	position:relative;
	width: 220px;
}

#sidebar ul {
}

.module {
	border:1px solid #E7F0FA;
	margin-bottom:10px;	/*background: #ff url(images/module-bg.gif) repeat-x left bottom;*/
}

.module div {
	margin:10px;
}

.module ul {
	margin:0px;
	padding:0px;/*background: #ff url(images/module-bg.gif) repeat-x left bottom;*/
}

.module li {
	margin:0px;
	padding:0px;
	text-indent:5px;
	line-height:28px;
	background:#fff;
}

.module li a {
	display:block;
	text-decoration:none;
	color:#666;
}

.module li a:hover {
	text-decoration:none;
	color:#fff;
	background:#444444;
}

.module .page_item ul li {
	text-indent:20px;
}

.module h2 {
	padding-left:5px;
	color:#004B8D;
	height:28px;
	font: bold 12px/28px "Segoe UI", Tahoma, Arial;
	text-transform:uppercase;
	letter-spacing:2px;
	border-bottom:1px solid #E7F0FA;
	background: #f1f1f1 url(images/module-title2.gif) repeat-x left top;
}

.module select {
	margin:10px;
	font: normal 12px "Segoe UI", Tahoma, Arial;
}

.footer {
	display:block;
	height:50px;
	background: #f0f0f0;
	border-top: 2px solid #e1e1e1;
	overflow:hidden;
	padding:10px;
}

.footer-bottom {
	background: url(images/footer-bg.png) repeat-x left top;
	display: block;
	height: 10px;
	width: 960px;
	margin:auto;
	margin-bottom:40px;
}

.copyright {
	color:#333;
	font: 10px/22px Arial, Helvetica, sans-serif;
	padding-top:0px;
	text-align:center;
}

/*.breadcrumb {

	margin-top:10px;

	display:block;

	font: normal 13px "Segoe UI", Tahoma, Arial;

	color: #959595;

	height:40px;

}*/



#breadcrumb {
	font: 11px Arial, Helvetica, sans-serif;
	height:30px;
	line-height:30px;
	color:#4192D9;
	width:960px;
	overflow:hidden;
	margin:0px;
	padding:0px;
	border-right-style: none;
	border-left-style: none;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}

#breadcrumb li {
	list-style-type:none;
	float:left;
	padding-left:10px;
}

#breadcrumb a {
	height:30px;
	display:block;
	background-image:url(images/bc_separator.png);
	background-repeat:no-repeat;
	background-position:right;
	padding-right: 15px;
	text-decoration: none;
	color:#000;
}

#breadcrumb a:hover {
	color:#4192D9;
}

.home {
	border:none;
	margin: 8px 0px;
}

.search {
	display:block;
	width:220px;
	height:30px;
	margin-top:15px;
	margin-bottom:10px;
	background: #505050;
	border-right: 1px solid #AFAFAF;
}

#searchform {
	padding:5px 0px 0px 5px;
	margin:0px;
}

input#searchform {
	border: 1px solid #CCCCCC;
	background: #FFFFFF url(images/search-icon.png) no-repeat right center;
	width: 208px;
	font: normal 13px "Segoe UI", Tahoma, Arial;
	text-indent:3px;
}

.clearfix {
	clear:both;
}

.footernav {
	padding-top:15px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

.footernav ul {
	margin:0px;
	padding:0px;
}

.footernav li {
	margin:0px;
	padding:0px;
	display:inline;
	font: normal 11px "Segoe UI", Tahoma, Arial;
	color:#666;
}

.footernav li a {
	font: normal 11px "Segoe UI", Tahoma, Arial;
	color:#666;
	padding-right:5px;
	padding-left:5px;
	text-decoration:none;
	border-right:1px solid #ccc;
}

.footernav li a:hover {
	font: normal 11px "Segoe UI", Tahoma, Arial;
	color:#666;
	text-decoration:underline;
}

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

[Typography styles]  

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

p {
	font: normal 12px/22px "Segoe UI", Tahoma, Arial;
	color: #666666;
	padding-bottom:20px;
}

.entry h2 {
	font: bold 24px "Myriad Pro", "Arial Black", Tahoma, Arial;
	color: #0074D9;
	padding-bottom:20px;
	padding-top:20px;
	text-decoration:none;
}

.entry h2 a {
	font: bold 24px "Myriad Pro", "Arial Black", Tahoma, Arial;
	color: #0074D9;
	padding-bottom:20px;
	text-decoration:none;
}
.entry h5 {
	font: bold 14px "Myriad Pro", "Arial Black", Tahoma, Arial;
	color: #0074D9;
	padding-bottom:5px;
	padding-top:20px;
	text-decoration:none;
}

.entry h5 a {
	font: bold 14px "Myriad Pro", "Arial Black", Tahoma, Arial;
	color: #0074D9;
	padding-bottom:5px;
	text-decoration:none;
}

.entry h3 {
	font: bold 18px "Myriad Pro", "Arial Black", Tahoma, Arial;
	color: #ff7d01;
	padding-bottom:20px;
	padding-top:20px;
	text-decoration:none;
}
.entry ul {
	margin: 0px;
	padding: 0px 0px 20px;
}
.entry li {
	margin: 0px;
	padding: 0px;
	list-style: disc inside;
         line-height:24px;
}
.post ul {
	margin: 0px;
	padding: 0px 0px 20px;
}
.post li {
	margin: 0px;
	padding: 0px;
	list-style: disc inside;
         line-height:24px;
}
.post h3, .page h3 {
	font: bold 18px "Myriad Pro", "Arial Black", Tahoma, Arial;
	color: #ff7d01;
	padding-bottom:10px;
	text-decoration:none;
}

.post h3 a, .page h3 a {
	font: bold 18px "Myriad Pro", "Arial Black", Tahoma, Arial;
	color: #0074D9;
	padding-bottom:10px;
	text-decoration:none;
}
.post h4 {
font: bold 12px "Myriad Pro", "Arial Black", Tahoma, Arial;
	color: #ff7d01;
	padding-bottom:5px;
	padding-top:0px;
	text-decoration:none;
}

small {
	font: bold 12px/26px "Myriad Pro", "Arial Black", Tahoma, Arial;
	color: #666;
}

h3.ContentTitle {
	font: bold 24px "Arial Black", Tahoma, Arial;
	color: #4192D9;
	padding-bottom:0px;
}

h4.searchtitle {
	font: Bold 12px "Arial Black", Tahoma, Arial;
	color: #ff7d01;
	padding-top:10px;
	padding-bottom:0px;
	border-bottom:1px solid #eee;
}

h4.pagetitle {
	font: bold 12px "Arial Black", Tahoma, Arial;
	color: #ccc;
	padding-top:10px;
	padding-left:20px;
	padding-bottom:5px;
	border-bottom:1px solid #eee;
}

h4.SubTitle {
	font: bold 10px "Arial Black", Tahoma, Arial;
	color: #4192D9;
	padding-bottom:0px;
}


/*.tabcontainer {

	background:#ffffff;

	width:200px;

	height:150px;

	border-bottom:1px solid #cccccc;

	margin-top:20px;

	background:url(images/accordion-bg.png) repeat-x 26px left;

}



.tabcontainer a {

	display:block;

	width:28px;

	height:25px;

	float:left;

	text-decoration:none;

	background:#FFFFFF url(images/tab-bg.png) repeat-x;

	border-right: 1px solid #CCCCCC;

	border-top: 1px solid #CCCCCC;

	border-bottom: 1px solid #CCCCCC;

	color:#666666;

	font: 11px/23px Arial, Helvetica, sans-serif;

	text-indent:5px;

}



.tabcontainer a:hover {

	color:#FFFFFF;

	background:#4192D9;

	font:bold 11px/23px Arial, Helvetica, sans-serif;

}



.tabcontainer a.selected {

	background:#4192D9 url(images/tab-bg-over.png) repeat-x;

	color:#FFFFFF;

	font: bold11px/23px Arial, Helvetica, sans-serif;

}



.tabcontainer div {

	margin:10px;

	padding:0px;

	clear:both;

}*/



ul.bullet-blue {
	list-style: none;
	font: normal 13px/22px "Segoe UI", Tahoma, Arial;
	color:#666666;
	margin:0px;
	padding-bottom:20px;
}

ul.bullet-blue li {
	background: url(images/bullet-blue.gif) no-repeat 0 8px;
	font: normal 13px/22px "Segoe UI", Tahoma, Arial;
	color:#666666;
	margin-left: 0px;
	padding: 0 0 0 20px;
}

ul.bullet-orange {
	list-style: none;
	font: normal 13px/22px "Segoe UI", Tahoma, Arial;
	color:#666666;
	margin:0px;
	padding-bottom:20px;
}

ul.bullet-orange li {
	background: url(images/bullet-orange.gif) no-repeat 0 8px;
	font: normal 13px/22px "Segoe UI", Tahoma, Arial;
	color:#666666;
	margin-left: 0px;
	padding: 0 0 0 20px;
}

ul.bullet-checklist {
	list-style: none;
	font: normal 12px/22px "Segoe UI", Tahoma, Arial;
	color:#666666;
	margin:0px;
	padding-bottom:20px;
}

.bullet-checklist li {
	background: url(images/bullet-checklist.png) no-repeat left 5px;
         list-style: none;
	font: normal 12px/24px "Segoe UI", Tahoma, Arial;
	color:#666666;
	margin-left: 0px;
	padding-left:25px;
}

ul.bullet-arrow {
	list-style: none;
	font: normal 13px/22px "Segoe UI", Tahoma, Arial;
	color:#666666;
	margin:0px;
	padding-bottom:20px;
}

ul.bullet-arrow li {
	background: url(images/bullet-arrow.gif) no-repeat 0 4px;
	font: normal 13px/22px "Segoe UI", Tahoma, Arial;
	color:#666666;
	margin-left: 0px;
	padding: 0 0 0 20px;
}

/* Accordion */

.accordion {
	width: 220px;
	font-family: Arial, Helvetica, sans-serif;
	border-left: 1px solid #e1e1e1;
	border-right: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
}

.accordion div {
	background: #ffffff url(images/accordion-bg.png) repeat-x left top;
}

.accordion p {
	margin-bottom : 10px;
	border: none;
	text-decoration: none;
	margin: 0px;
	padding: 10px;
	font: normal 11px/18px Arial, Helvetica, sans-serif;
}

.accordion a {
	cursor:pointer;
	display:block;
	padding:5px;
	margin-top: 0;
	text-decoration: none;
	color: #4192D9;
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	background: url(images/accordion-header-bg.png) repeat-x left top;
	font: bold 11px Arial, Helvetica, sans-serif;
}

.accordion a:hover {
	background-color: white;
}

.accordion a.selected {
	color: #000000;
}

/* End Accordion */



/* List styles */


li .abc {
	list-style: lower-alpha inside;
	font: normal 13px/22px "Segoe UI", Tahoma, Arial;
	color: #666666;
	padding-left:15px;
}

/* List styles */

.icon-pdf {
	padding-left:30px;
	line-height:32px;
	background:url(images/icon-pdf.png) no-repeat center left;
	display:block;
}

ul.checklist {
	padding-bottom:20px;
	margin:0px;
	list-style:none;
}

ul.checklist li {
	padding-left:10px;
	margin:0px;
	background: url(images/tick_16.png) no-repeat left center;
	list-style:none;
	line-height:24px;
}

/* Wordpress CSS styles */ 
.navigation {
	padding-top:10px;
	width:100%;
}

.aligncenter, div.aligncenter {
	display: block;
	line-height:32px;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.postmetadata {
	width:100%;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	/* optional rounded corners for browsers that support it */

   -moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

.categories {
}

.cat-item {
}

.current-cat {
}

.current-cat-parent {
}

.pagenav {
}

.page_item {
}

.current_page_item {
}

.current_page_parent {
}

.widget {
}

.widget_text {
}

.blogroll {
}

.linkcat {
}