/*
Theme Name: Administratiekantoor Boekhouder Kiezen
Theme URI: http://www.administratiekantoor-boekhouder-kiezen.nl/
Author: Mersin Karisik
Author URI: http://www.mk-webstudio.nl
Description:  
Version: 1.0
License: Saleswizard B.V.
License URI: license.txt
Tags: Leads, Marketing 
*/

/*############################################ START DEFAULT RESET ############################################*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	color: #525253;
}
body {
	line-height: 150%;
	font-family: arial,helvetica,sans-serif;
	font-size:11px;
	background: #797979  ;
	color: #525253;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* IE extra padding on buttons fix */
button::-moz-focus-inner{padding:0;border:none}

/* clearfix */
.clearfix {content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
html[xmlns] .clearfix{display:block;}
* html .clearfix{height:1%;}
h1, h2, h3, h4, h5, h6 {font-family: Arial,Helvetica,sans-serif;font-weight: normal;margin-bottom: 10px;}
/* MY CSS */
.wrapper { width: 980px; margin: 0 auto; }
.header {background: none repeat scroll 0 0 #FFFFFF;clear: both;margin: 0;min-height: 100px;padding: 0;position: relative;z-index: 10;}

.toolbar { background: url(images/toolbar_bg.png) repeat-x scroll 0 0 #222224;color: #535358;font-size: 11px;height: 40px;line-height: 40px;overflow: hidden;padding: 0px 15px 0px 0px;text-shadow: 0 1px 0 #000000; }
.toolbar h4 { float: right; display: block; margin: 0px; padding: 0px; color: #29aad4; font-size: 27px; font-weight: 100; background: url(images/tel.png) no-repeat left center; padding-left: 35px; }

/* soacial media */
.socialmedia { display: block; padding-top: 5px; float: right; }
.socialmedia li { display: block; float: left; margin-right: 6px; }

.headerbar { overflow: hidden; padding: 0px; margin: 0px; height: 295px; width: 980px; float: left; clear: both; }

.logo { width: 355px; height: 90px; position: absolute; left: 0px; top: 7px; z-index: 30; background: url(images/logo.png) no-repeat;  }
.logo a { width: 355px; height: 90px; display: block; text-indent: -99999px; }
.menubar {background: url(images/menubar_bg.png) repeat-x scroll 0 0 transparent;height: 60px;left: 0;padding: 0 20px 0 340px;position: absolute;right: 0;top: 40px; z-index: 20; }
#menu-top-navigation { float: right; }
#menu-top-navigation li { float: left; position: relative; margin: 0px; padding: 0px; }
#menu-top-navigation li a { padding: 0 20px; text-decoration: none; display: block; color: #CBCBD3;font-size: 14px; height: 60px; letter-spacing: 0; line-height: 60px;text-shadow: 0 1px 0 #000000; }
#menu-top-navigation li a:hover { color: #FFFFFF;text-shadow: 0 0 8px rgba(255, 255, 255, 0.7); }

.middle { min-height: 771px; overflow: hidden; position: relative; width: 100%; background: none repeat scroll 0 0 #FFFFFF; clear: both; }
.bullets { display: block; width: 100%; height: 175px; }
.bullet { width: 299px; height: 133px; display: block; float: left; background: url(images/module_box_black_bg.png) repeat-x scroll 00 #222226;border-right: 2px solid #333; ;color: #89898F;padding: 20px;text-shadow: 0 1px 0 #000000; }
.bullet134  { width: 294px; }
.bullet235 { width: 261px; }

.bullet h2 { font-size: 20px; letter-spacing: 0; color: #A7A7AC;text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); font-weight: normal; line-height: 30px; margin: 0 0 10px; padding: 0px; text-transform: uppercase; margin-bottom: 10px; }
.bullet img { width: 80px; height: 64px; float: left; }
.bullet p { color: #89898F;text-shadow: 0 1px 0 #000000; font-size: 13px;margin-bottom: 15px;margin-top: 10px; line-height: 18px; }


.left { background: url("images/foto.jpg") no-repeat scroll right bottom transparent;float: left;min-height: 658px;padding: 20px;width: 530px; }
.left h1 { color: #FC021E; font-size: 18px;line-height: 18px;margin-top: 15px; }
.left h2 { color: #FC021E; font-size: 18px;line-height: 18px;margin-top: 15px; }
.left h3 { color: #FC021E; font-size: 18px;line-height: 18px;margin-top: 15px; }
.left h4 { color: #FC021E; font-size: 18px;line-height: 18px;margin-top: 15px; }
.left h5 { color: #FC021E; font-size: 18px;line-height: 18px;margin-top: 15px; }
.left h6 { color: #FC021E; font-size: 18px;line-height: 18px;margin-top: 15px; }
.left img { display: block; float: left; margin-right: 35px; }
.left p { margin-bottom: 15px; margin-top: 10px; color: #525253;font-family: Arial,Helvetica,sans-serif;font-size: 13px;line-height: 150%; }
.left ul { list-style: none outside none;margin: 10px 0 20px;padding-left: 0; }
.left ul li { background: url(images/typography/list_links.png) no-repeat scroll 0 0 transparent;border-top: 1px solid #E5E5E5;cursor: pointer;height: 30px;line-height: 30px;padding-left: 18px; font-weight: bold; } 
.left ul li:hover {background-position: 0 -30px;}
.right { float: right; width: 410px; }
.right h2 { margin: 15px 10px 10px; font-size: 16px; color: #FC021E; font-weight: 100; line-height: 30px; padding: 0;text-transform: uppercase;}
.right ul { list-style: none outside none;margin: 0;overflow: hidden;padding: 0; list-style: none outside none; border-top: 1px solid #ddd; } 
.right ul li { color: #525253;font-size: 14px;line-height: 30px; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; padding-left: 10px; }
.right ul li a { color: #525253;font-size: 14px;line-height: 30px; text-decoration: none; }
.right ul li a span { color: #525253;font-size: 14px;line-height: 30px; text-decoration: none; }
.right .widget { margin-bottom: 20px; }
.right .text-4 { background: #FC021E; border-radius: 7px; padding: 5px 0px 0px 4px; }
.right .text-4 h2 { margin: 15px 10px 10px; padding-top: 10px; font-size: 19px; color: #fff; font-weight: 100; line-height: 30px; padding: 0;text-transform: uppercase;}
.right table { margin: 0px; padding: 0px; display: block;}
.right table tr { margin: 0px; padding: 0px; }
.right table tr td { margin: 0px; padding: 0px 0px 12px 15px;  color: #fff; font-size: 12px; text-transform: uppercase;} 
.right table tr td input { width: 230px; border-radius: 5px; border: 1px solid #cccccc; line-height: 25px; height: 25px; padding: 0px 0px 0px 5px; color: #999; 
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
}
.right table tr td textarea { width: 368px; border-radius: 5px; border: 1px solid #cccccc;height: 65px; padding: 0px 0px 0px 5px; color: #999; font-family: "Verdana"; font-size: 12px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
}
.right table tr td span { text-transform: none; color: #fff; font-size: 10px; }
.right table tr td span span { display: block; float: left; margin-right: 10px; color: #fff; }
.right table tr td span span label { color: #fff; line-height: 18px; display: block; }
.right table tr td span span label input { display: block; width: 15px; height: 15px; float: left; }
.right table tr td select { width: 237px; border-radius: 5px; border: 1px solid #cccccc; height: 25px; padding: 4px 0px 0px 5px; color: #999; }
.right table tr td .button { width: 234px; background: #343435; border-radius: 5px; border: none; height: 45px; line-height: 45px; padding: 0px 0px 0px 5px; color: #fff; font-size: 15px; letter-spacing: 1px; font-weight: 100; border: 2px solid #fdfdfd; cursor: pointer; margin-left: 70px; }
.right table tr td .tips { width: 15px; height: 15px; } 


.bottom {clear: both;color: #7A7A81;margin: 0;overflow: hidden;padding: 0;text-shadow: 0 1px 0 #000000; background: url(images/bottom_bg.png) repeat-x scroll 0 0 #191919; border-bottom: 1px solid #292929;}
.bottom .widget { width: 29%; float: left; overflow: hidden;   margin: 15px 15px 10px; }
.bottom .widget_archive { width: 317px; }
.bottom .widget_text { width: 160px; float: right; }
.bottom .widget h2 { margin: 0px; font-size: 15px;  letter-spacing: 0; color: #FC021E; font-weight: 100; line-height: 25px; padding: 0;text-transform: uppercase; }
.bottom .widget ul { display: block;  margin: 15px 0px 10px; } 
.bottom .widget ul li {background: url(images/styles/orange/typography/list_links.png) no-repeat 0px 5px ; padding-left: 15px; border-bottom: 1px solid #252525;}
.bottom .widget ul li p { color: #7A7A81; display: block; text-decoration: none; line-height: 25px; text-transform: uppercase; text-shadow: 0 1px 0 #000000; }
.bottom .widget ul li a { color: #7A7A81; display: block; text-decoration: none; cursor: pointer;line-height: 25px; text-transform: uppercase; text-shadow: 0 1px 0 #000000; }
.bottom .widget ul li a span { color: #7A7A81; text-decoration: none; cursor: pointer;line-height: 25px; text-transform: uppercase; text-shadow: 0 1px 0 #000000; }

#footer {background: url(images/footer_bg.png) repeat-x scroll 0 0 transparent;clear: both;color: #5A5C5E;font-size: 10px;margin: 0;padding: 20px;position: relative;text-shadow: 0 1px 0 #000000;}
#footer a.anchor {background: url(images/footer_anchor.png) no-repeat scroll 0 0 transparent;display: block;height: 25px;position: absolute;right: 20px;text-decoration: none;top: 15px;width: 25px; color: #FC021E; text-decoration: none;}
#footer a { color: #FC021E; text-decoration: none; }

/* mix */
span.wit { color: #fff; }
span.rood { color: #B90000; }
span.grijs { color: #A7A7AC;}
span.19 { font-size: 19px; }
span.18 { font-size: 18px; }
span.17 { font-size: 17px; }
span.16 { font-size: 16px; }

table.tabel { width: 90%; border: 1px solid #ddd; border-radius: 7px; margin: 0 auto; }
table.tabel tr { border-bottom: 1px solid #ddd;  }
table.tabel tr td { border-right: 1px solid #ddd; padding: 5px; font-size: 12px; }
table.tabel tr.grijs td { border-right: 1px solid #ddd; padding: 5px; background: #FC021E; font-size: 12px; color: #fff; }