/*
Theme Name:Merkwerk WordPress Theme
Theme URI:merkwerk.nl
Description:Custom Theme for Merkwerk.nl
Version:1.1
*/
html {
    overflow:scroll;
    overflow-x:auto}

body{
	background:url('images/bg.gif') 0 0 repeat-x #fefefe;
	/*font-family:"LucidaGrande", "Myriad Pro", Arial, Helvetica, sans-serif;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0;
	padding:0;
	line-height:1.5;
	color:#4c4c4c}
:focus{
	outline:none}
h1{
	font-size:15px;
	line-height:1.6;
	font-weight:normal;
	margin:5px 0 10px}
h2,h3,h4,h5{
	margin:10px 0 2px;
	line-height:1.1;
	font-size:13px}
h4,h5{
	font-size:12px}
.larger{
	font-size:15px}
.large{
	font-size:14px}
.medium{
	font-size:13px}
.small{
	font-size:11px}
p,blockquote{
	margin:0 0 10px}
:focus{
	outline:none}
a img{
	border:0}
a{
	color:#4c4c4c}
a:hover{
	color:#ff9600}
h3 a{
	text-decoration:none}
address{
	font-style:normal}
hr{
	border:0;
	height:1px;
	background:#c0c0c0;
	color:#c0c0c0;
	font-size:1px;
	margin:5px 0}
ul{
	padding:0 0 0 18px;
	margin:5px 0 10px}
#page{
	width:965px;
	margin:auto;
	padding:0 10px;
	background:#fff}

/**
 * Image styles
 */
.imagediv	{ padding:10px 5px 10px 0; margin:0 0 1em 0; border:0; border-top:1px solid #e3e0db; border-bottom:1px solid #e3e0db}
.bottomimage	{ border-bottom:0; margin:0}
.topimage	{ border-top:0}
html>body div.imagediv	{*width:530px}
div.entry img	{ display:inline; margin:6px 0 6px 0}

.post_image	{ float:right; margin:0 0 1em 1em; padding:0; vertical-align:top}
.entry img.alignright	{ margin:0 0 10px 10px}
.entry img.alignleft	{ margin:0 10px 10px 0}

.post_thumb	{ float:right; width:150px; display:block; padding:0 0 10px 10px}

/**
 * Header styles
 */
#header{
	background:url('images/header-bg.gif') 100% 0 no-repeat #58748f;
	position:relative;
	padding:40px 0 0}
#header h1{
	text-indent:-9999px;
	width:491px;
	height:52px;
	background:url('images/logo.gif') 0 0 no-repeat;
	margin:0 0 21px;
	position:relative;
	left:30px;
	/*left:44px;*/
}
#header h1, #header h1 a{
	color:#fff;
	font-size:26px;
	font-family:Arial, Helvetica, sans-serif;
	display:block;
	width:491px;
	height:52px}

#header .divider{
	border-bottom:1px solid #abb9c7;
	height:30px}
/**
 * Header menu styles
 */
#menuwrap{
	position:relative;
	top:-28px;/*border:1px solid #ff00ff;*/
}
#menuwrap ul{
	list-style:none;
	margin:0 0 0 2px;
	padding:0;
	overflow:hidden}
#menuwrap li{
	display:inline;
	float:left;
	margin:0;
	padding:0 17px 0 30px;
	line-height:30px;
	position:relative;
	font-size:14px;
	font-size:118%}

#menuwrap li ul{  margin:3px 0 0 0}

#menuwrap li li{
	line-height:18px;
	padding:0;
	display:block;
	float:none;
	/*font-size:13px;*/
	/*font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:10pt;*/
	font-size:88%}
#menuwrap li a{
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	letter-spacing:0.5px}
#menuwrap li li a{
	text-transform:lowercase}
#menuwrap .current_page_ancestor li a, #menuwrap .current_page_item li a{
	color:#fff}
#menuwrap .current_page_item>a, #menuwrap .current_page_ancestor>a, 
#menuwrap .current_page_ancestor li.current_page_item>a, #menuwrap .current_page_parent>a, 
#menuwrap li a:hover, #menuwrap li.current_page_ancestor li a:hover{
	color:#ff9600}
/**
 * Headers Search form and links
 */
#menuwrap .phone{
	line-height:30px;
	background:url('images/ico-tel.gif') 0 50% no-repeat;
	/*font-size:16px;*/
	font-size:130%;
	color:#efe300;
	padding:0 0 0 20px;
	position:absolute;
	right:35px;
	top:-3px}
#menuwrap .searchform{
	position:absolute;
	right:12px;
	top:45px}
.searchform *{
	vertical-align:middle}
#menuwrap input.s_input{
	width:130px;
	height:20px;
	background:url('images/input-bg.gif') 0 0 no-repeat;
	border:0;
	padding:5px 2px 1px}
input.searchsubmit{
	width:51px;
	height:26px;
	background:url('images/search-bttn.gif') 0 0 no-repeat;
	border:0;
	font-size:14px;
	color:#fff;
	padding:0 0 2px;
	cursor:pointer}
input.searchsubmit:hover{
	text-decoration:underline}
#col2 input.s_input{
	width:265px;
	height:18px;
	padding:2px;
	background:#fff;
	border:1px solid #bfbfbf}
#col2 input.searchsubmit{
	background:url('images/search-o-bttn.gif') 0 0 no-repeat}

#header a.rss{
	border:0;
	position:absolute;
	bottom:12px;
	right:12px;
	text-decoration:none}

#header a.twitter{
	line-height:20px;
	font-size:10px;
	color:#fff;
	text-decoration:none;
	position:absolute;
	bottom:-3px;
	right:50px;
	background:url('images/ico-twitter.gif') 0 100% no-repeat;
	padding:0 0 10px 40px}
#header a.twitter:hover{
	color:#ff9600}

/**
 * Column layout styles
 */
#contentwrap{
	overflow:hidden;
	padding:12px 0}
#columns1, #columns2, #columns3	{ float:left; width:100%; position:relative}
#columns3	{ overflow:hidden}
#columns2	{ right:195px;/*right:200px;*/}
#columns1	{ right:575px; /*border:1px solid #0000ff;*/}

#col1, #col2, #col3	{ float:left; position:relative; width:195px; left:770px; min-height:390px}

#col2	{ width:555px; /*width:563px;*/ left:780px; font-family:"Lucida Grande", Lucida, Arial, Helvetica, sans-serif; /*border:1px solid #ff00ff;*/ }
#col3	{ left:790px; /*left:792px;*/ width:195px; background:url('images/right-col-bg.gif') 100% 0 no-repeat #00abc4}

.content	{ padding:5px 12px; overflow:hidden}
#col1 .content{
	padding:0}
#col3 .content{
	padding:2px 12px}
#col2 .contentbg{
	width:555px;
	/*width:563px;*/
	background:url('images/content-bg.gif') 100% 0 no-repeat;
	position:relative;
	top:-1px}

#col2 .bdrwrap{
	border:1px solid #d9d9d9}
#col2 div.entry a.morelink{
	position:relative;
	top:-5px}
/**
 * Left side bar styles
 */
#leftsidebar	{
	list-style:none;
	margin:0;
	padding:0}
#leftsidebar .sidenav ul, #leftsidebar .sidenav li{
	list-style:none;
	margin:0;
	padding:0}
#leftsidebar .sidenav ul{
	/*margin:0 0 0 12px;*/
	margin:0 0 0 17px}
#leftsidebar .sidenav li ul{
	display:none;
	margin:5px 0 0}
#leftsidebar .sidenav li{
	width:170px;
	color:#fff;
	background:url('images/menu-bg.gif') 0 0 no-repeat;
	line-height:25px;
	text-indent:22px;
	white-space:nowrap;
	margin:0 0 5px}
#leftsidebar .sidenav li a{
	color:#fff;
	font-size:14px;
	font-size:114%;
	text-decoration:none}
#leftsidebar .sidenav li a:hover{
	text-decoration:underline}
#leftsidebar li.current_page_item ul, #leftsidebar li.current_page_ancestor ul,
#leftsidebar li.current_page_parent, #leftsidebar li.current_page_parent ul{
	display:block}
#leftsidebar li.widget{
	padding:5px 0 10px;
	border-bottom:1px solid #c0c0c0;
	margin:0 10px;
	text-align:center}
/**
 * Newsletter link Styles
 */
span.newsletter{
	display:block;
	text-align:center;
	padding:40px 0 50px}
span.newsletter a{
	text-decoration:none}
span.newsletter img{
	margin:0 23px}
span.newsletter span{
	background:url('images/bullet.gif') 0 55% no-repeat;
	padding:0 0 0 12px}
span.newsletter a:hover span{
	text-decoration:underline;
	background:url('images/bullet-hover.gif') 0 55% no-repeat}
/**
 * Tagcloud Styles
 */
#leftsidebar li#flashtagcloud-2 object{
	position:relative;
	left:-10px}
#leftsidebar li.widget_tag_cloud{
	text-align:center;
	font-family:"Times New Roman", Times, serif;
	line-height:1.2;
	border:none;
	padding:40px 0 10px}
#leftsidebar li.widget_tag_cloud h2{
	font-size:22px;
	display:none}
#leftsidebar li.widget_tag_cloud a{
	text-decoration:none;
	color:#A19F9D}
/**
 * Right sidebar styles
 */

#rightsidebar	{ list-style:none; margin:0; padding:0}

#rightsidebar h2{
	font-size:14px;
	color:#fff;
	margin:5px 0;
	font-weight:normal}
#rightsidebar li.widget	{ margin:5px 0 10px}
#rightsidebar li div	{ background:#fff; padding:5px}

div#featuredPosts{
	font-size:12px;
	font-family:"Lucida Grande", Lucida, Arial, Helvetica, sans-serif;
	overflow:hidden;
	background:#fff}
div#featuredPosts div.entry{
	padding:0}
div#featuredPosts div.entry p{
	margin:0}
div#featuredPosts div.entry a.title{
	color:#4C4C4C;
	font-weight:bold}
div#featuredPosts div.entry img{
	float:left}
div#featuredPosts a.title, #rightsidebar .widget h2, #rightsidebar .widget h2 a{
	color:#a3080d;
	text-decoration:none}
#rightsidebar .widget h2, #rightsidebar .widget h2 a{
	font-size:13px}
div.post h2 a{
	text-decoration:none}
/**
 * Twitter Widget Styles
 */ 
/* TWITTERTEXT */
.widget_twitter{
	font-family:"Times New Roman", Times, serif;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:9pt;
	overflow:hidden}
.widget_twitter h2{
	display:none}
.widget_twitter ul{
	margin:0;
	padding:0;
	list-style:none}
.widget_twitter li{
	margin:0;
	padding:5px 2px;
	border-bottom:1px dashed #4C4C4C;
	list-style:none}
.widget_twitter li:last-child{
	border:none}

.widget_twitter li .entry-meta{
	font-size:10px;
	white-space:nowrap;
	display:none}
/**
 * Footer Styles
 */
#footer{
	text-align:center;
	color:#b5b5b5;
	padding:10px 0 20px}

#footer ul, #footer li{
	display:inline}
#footer a{
	color:#b5b5b5;
	text-decoration:none}
/**
 * Navigation and pagination styles
 */
.navigation	{ padding:5px 0; overflow:hidden}

.navigation .alignleft	{ float:left}
.navigation .alignright	{ float:right; padding:0 4px}

/**
 * Navigation and Images
 */

img.alignleft	{ float:left}
img.alignright	{ float:right}

/**
 * Sub page styles
 */
.subpagenav ul{
	margin:0 0 7px;
	list-style:none;
	padding:0 0 0 12px;
	text-align:left}
.subpagenav li{
	display:inline;
	padding:0 6px 0 0;
	margin:0;
	font-size:12px}
.subpagenav li a{
	margin:0 6px 0 0;
	text-decoration:none}
.subpagenav li.active a, .subpagenav li a:hover{
	color:#ff9600;
	text-decoration:underline}
form.wpcf7-form div{
	position:relative}
form.wpcf7-form span.wpcf7-not-valid-tip{
	top:0;
	left:0;
	padding:0 1px 0 2px;
	font-size:11px;
	width:98%;
	color:#4C4C4C}
form.wpcf7-form span.wpcf7-form-control-wrap{
	position:static}
form.wpcf7-form div.wpcf7-response-output{
	margin:5px 0}
#dialog_content div.wpcf7-response-output, div.wpcf7-response-output{
	color:#fff;
	clear:both}
#dialog_content span.ajax-loader{
	background:url('images/ajax-loader.gif');
	display:block;
	width:16px;
	height:16px;
	float:left}
#busyicon{
	position:absolute;
	top:50%;
	left:50%;
	margin:-12px 0 0 -50px;
	z-index:1000}
/**
 * PAgination Styles
 */
.wp-pagenavi	{ text-align:right; font-size:12px; color:#4c4c4c; line-height:1.1; padding:0 18px 0 0}

.wp-pagenavi a{
	text-decoration:none;
	font-size:12px;
	color:#4c4c4c}
span.pages{
	padding:0 6px 0 0}
span.pages span, span.current{
	color:#ff751c}
.wp-pagenavi a.page, span.current{
	padding:0 5px;
	border-left:1px solid #4c4c4c}
.wp-pagenavi a.previouspostslink+a.page{
	border:none}
.wp-pagenavi a.previouspostslink{
	background:url('images/prev.gif') 50% 50% no-repeat;
	padding:2px 6px}
.wp-pagenavi a.nextpostslink{
	background:url('images/next.gif') 50% 50% no-repeat;
	padding:2px 6px}
.highlight{
	color:#ff751c}
/**
 * Language selector
 */
#language{
	width:53px;
	height:26px;
	line-height:26px;
	color:#fff;
	position:absolute;
	top:0;
	right:80px;
	background:url('images/site-switch.gif') 0 0 no-repeat;
	text-align:right;
	padding:0 5px 0 0;
	cursor:pointer}

img.languageflag	{ position:absolute; top:5px; right:28px}

#lang_select{
	background:url('images/lang.gif') 0 0 no-repeat;
	width:104px;
	height:49px;
	display:none;
	font-size:0.8em;
	position:absolute;
	right:80px;
	top:0;
	z-index:9999}
#lang_select ul{
	list-style:none;
	margin:0;
	padding:0}
#lang_select ul li{
	padding:2px 0;
	position:relative}
#lang_select ul li a{
	color:#fffFFF;
	padding:0 10px 0 30px;
	text-decoration:none;
	font-size:12px;
	text-transform:lowercase}
#lang_select ul li a:hover{
	color:#ff751c;
	text-decoration:underline}
#lang_select ul li a.current{
	text-decoration:underline}
#lang_select ul li a img{
	left:5px;
	position:absolute;
	top:5px}

/* DOWNLOAD LINKS */

ul.downloads	{ padding:0}

ul.downloads, ul.downloads li	{ list-style:none}
ul.downloads li	{ float:left; width:105px; margin:10px 26px 10px 0}
ul.downloads li a	{ display:block; width:105px; height:180px;}

.entry ul.downloads li img.alignleft	{ margin:0}
