/*
Theme Name: Offertesvergelijken
Theme URI: http://www.offertesvergelijken.eu/
Author: Mersin Karisik
Author URI: http://www.webyours.nl
Description: De beste incasso bureau.  
Version: 100.0
License: Saleswizard B.V.
Tags:
*/

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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 12px;
	color: #333;
	vertical-align: baseline;
	font-family: Arial,Helvetica,sans-serif;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	font-family: Arial,Helvetica,sans-serif;
	background: #E0E0DA;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 12px;
	font-family: Arial;
}
table td tr { height: 35px; padding: 5px; }
table td tr a { color: #1C568A; }

/* clearfix */
.clearfix {content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
html[xmlns] .clearfix{display:block;}
* html .clearfix{height:1%;}
/* my css */
.wrapper { background: #fff; border-radius: 7px; min-height: 600px; max-width: 985px; width: 100%; margin: 35px auto; }
.header {position: relative; min-height: 90px; padding: 8px 0px 5px 7px; }
.header a.logo { max-width: 300px; width: 100%; height: 110px; display: block; float: left; background: url(images/logo.jpg) top left no-repeat; text-indent: -99999px; }
.header h4 { display: block; position: absolute; top: 8px; right: 10px; line-height: 30px; font-weight: 100; color: #333; font-size: 22px; padding-left: 36px; background: url(images/tel.png) no-repeat left center; margin: 58px 20px 0px 20px; }
.header h4 a { font-weight: 100; color: #333; font-size: 22px; text-decoration: none; }
.header .social {display: block; position: absolute; top: 15px; right: 26px;   background: url(images/twitter.png) no-repeat; width: 32px; height: 32px;}
.header .social a{display: block; position: absolute; top: 0px; right: 0px;   text-indent: -99999px; width: 32px; height: 32px; background: none;}

.line { height: 40px;  background: url(images/line.jpg) repeat-x; clear: both; }
.line ul { height: 40px; display: block; line-height: 40px; padding-left: 15px; }
.line ul li { line-height: 40px; display: block; height: 40px; margin-right: 15px; float: left; position: relative; }
.line ul li a { font-size: 13px; line-height: 40px; color: #fff; text-decoration: none; }

.line ul li ul { display: none; }
.line ul li:hover ul { display: block; width: 185px; position: absolute; left: -30px; top: 40px; z-index: 9999; }
.line ul li:hover ul li { background: url(images/line.jpg) repeat-x; width: 100%; padding-left: 20px; }

.left { float: left; max-width: 611px; width: 100%; /* background: url(images/slide.png) no-repeat; */ margin: 14px 0px 0px 10px; position: relative;  } 
.left h1 { font-size: 16px; line-height: 20px; color: #333; margin-top: 10px; text-transform: uppercase; }
.left h2 { font-size: 15px; line-height: 20px; color: #333; }
.left h3 { font-size: 15px; line-height: 20px; color: #333; }
.left h4 { font-size: 15px; line-height: 20px; color: #333; }
.left h5 { font-size: 15px; line-height: 20px; color: #333; }
.left h6 { font-size: 15px; line-height: 20px; color: #333; }
.left ul { margin-bottom: 7px; margin-left: 5px;  }
.left ul li {color: #333; line-height: 21px; font-size: 12px; background: url(images/pijl.png) left 4px no-repeat; padding-left: 25px; }
.left p { color: #333; line-height: 18px; margin-bottom: 7px; font-size: 12px; }

/* banner */
.banner {float: right; min-height: 70px;  margin: 14px 15px 20px;  overflow: hidden; background: url(images/banner-.jpg) no-repeat; width: 241px; padding: 20px 20px 20px 75px; color: #fff; text-transform: uppercase;}
.banner p { color: #fff; text-transform: uppercase; line-height: 20px; }
.banner span { font-weight: bold; color: #1E73BE; }

.right .formulier { float: right; width: 95%; padding-top: 70px !important; background: url(images/arrow.png) center top no-repeat; margin-top: -7px; padding-bottom: 20px; }
.rightbox { float: right; max-width: 360px; width: 100%;}
.right  { max-width: 334px; width: 100%; float: right; border-radius: 7px; margin: 0px 15px 15px 4px; background: #ffd22e; padding: 7px 0px 8px 0px; box-shadow: 0px 1px 4px 0px #333; }
.right table tr td h3 { margin: 0px; padding-top: 10px; font-size: 19px; color: #333; font-weight: 100; line-height: 30px; padding: 0; /*text-transform: uppercase;*/ }
.right table tr td h3 .fa-check-square { font-size: 21px; }
.right table tr td h4 { margin: 0px; padding-top: 10px; font-size: 12; color: #555; font-weight: 100; padding: 0; }
.right table { margin: 0px; padding: 0px; display: block; }
.right table tr { margin: 0px; padding: 0px; }
.right table tr td { margin: 0px; padding: 5px 0 0 0; vertical-align: middle; } 
.right table tr td a { display: block; width: 100%; text-align: center; }
.right table tr td.tdleft { }
.right table tr td select { width: 93%; float: right; margin-right: 10px; border-radius: 5px; border: 1px solid #cccccc; line-height: 25px; height: 25px; padding: 5px 0px 0px 5px; color: #999; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.right table tr td textarea { width: 282px; }
.right table tr td .button { width: 295px;  background: url(images/button.png) no-repeat; border: none; height: 40px; text-indent: -999px; padding: 0px 0px 0px 5px; color: #fff; font-size: 15px; letter-spacing: 1px; font-weight: 100; cursor: pointer;}
.right table tr td input { width: 90%; float: right; margin-right: 10px; 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 { float: right; margin-right: 10px; width: 90%; 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: #333; font-size: 10px; float: right; width: 85%; }
.right table tr td span span { display: block; float: left; margin-right: 10px; color: #333; }
.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 .tips { width: 15px; height: 15px; float: left; }
.right table tr td .wpcf7-list-item .wpcf7-list-item-label { display: none !important; }

input[type="checkbox"] { height: 18px !important; width: 18px !important; float: left; margin: 0px !important; padding: 0px !important; }

/* onder formulier */
#sidebarr { max-width: 334px; width: 100%; float: right; margin: 0px 15px 15px 4px; padding: 7px 0px 8px 0px; }
#sidebarr h2 { margin: 0px; padding-top: 10px; font-size: 19px; color: #333; font-weight: 100; line-height: 30px; padding: 0; /*text-transform: uppercase;*/ }

.referent { margin: 15px 10px; background: #efefef; padding: 10px; border-radius: 7px; }
.referent h2 { font-size: 15px; color: #333; margin-bottom: 10px; }
.referent p { color: #333; line-height: 18px; margin-bottom: 7px; font-size: 12px; }

.footer { max-width: 955px; width: 100%; padding: 15px 15px; border-top: 1px solid #ddd; float: left; }
.footer .widget { width: 100%; max-width: 230px; float: left; padding-right: 8px; }
.footer .widget p { line-height: 19px; }
.footer .widget h2 { font-size: 18px; font-weight: 100; margin-bottom: 5px; }
.footer .widget ul li { line-height: 16px; text-transform: capitalize; }
.footer .widget ul li a { text-decoration: none; text-transform: capitalize; }


.copy { height: 35px; border-top: 1px solid #ddd;  }
.menu-footer-navigation-container { float: right; height: 25px; width: 100%; max-width: 350px; margin-right: 15px; line-height: 35px;  }
.menu-footer-navigation-container ul { display: block; }
.menu-footer-navigation-container ul li { display: block; float: right; margin-left: 15px; }
.menu-footer-navigation-container ul li a { text-decoration: none; }

.adres { float: left; min-height: 25px; max-width: 605px; width: 100%; margin-left: 15px; line-height: 25px; font-size: 12px; font-family: Arial; }

/* Link Library */
.LLUserLinkSubmit { display:block; height:60px !important }
.LLUserLinkSubmit input { float: right !important; margin-right: 102px; width: 332px !important;}
#lladdlink input { border: 1px solid #CCCCCC;border-radius: 5px 5px 5px 5px;color: #999999;height: 25px;line-height: 25px;padding: 0 0 0 5px;width: 325px; margin-left:100px; }
#lladdlink select { border: 1px solid #CCCCCC;border-radius: 5px 5px 5px 5px;color: #999999;height: 25px;line-height: 25px;padding: 0 0 0 5px;width: 332px; margin-left:100px; }
#linklist1 ul li {margin: 5px }
#linklist1 ul li  a { text-decoration: none; }	
.linklist { margin-bottom: 20px;	}

/* sponsor */
.sponsor { padding: 10px; }
.sponsor ul { display: block;  }
.sponsor ul li { display: inline-block; padding: 0px 5px; }
.sponsor ul li a {color: #7A7A81;cursor: pointer;display: block;line-height: 25px;text-decoration: none;}

/* refferentie */
.refferentie { width: 100%; max-width: 985px; min-height: 181px; background: url(images/refferentie-.jpg) no-repeat; float: left; }
.refferentie .widget { margin-left: 345px; margin-top: 55px; margin-right: 55px; font-size: 12px; line-height: 20px; color: #339ac0; font-family: Verdana; }
.refferentie .widget p { font-size: 12px; line-height: 20px; color: #339ac0; font-family: Verdana;  }

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/


@media screen and (max-width: 700px) {
.header h4 { display: block; position: static; line-height: 30px; font-weight: 100; color: #333; font-size: 22px; padding-left: 0px; background: url(images/tel.png) no-repeat left center; margin: 15px 0px 0px 20px; }
.header h4 a { font-weight: 100; color: #333; font-size: 22px; text-decoration: none; }
.line { }
.left { max-width: 561px; width: 95%; background: none; }
.left h1 { margin-top: 0px; }
.banner { display: none; }
.ref { display: none; }
.footer { display: none; }
.copy { padding: 5px; width: 95%; min-height: 95px; }
.adres { float: left; min-height: 25px; max-width: 605px; width: 100%; margin-left: 15px; line-height: 35px; font-size: 12px; font-family: Arial; }
.menu-footer-navigation-container { display: none; }
#menu-top-navigation { visibility: hidden; }
.rightbox { float: left; width: 100%; padding: 5px;  }
.right { width: 98%; margin: 0px; padding: 10px; float: left; }
.wpcf7 { float: left; margin: -11px 0px 0px 0px !important; }
.right table tr td input { width: 93%; }
.right table tr td select { width: 97%; }
.right table tr td textarea { width: 93%; }

/* end iPhone */    	
}