/*
Theme Name: Ranzijn Installatiebedrijf
Theme URL: http://www.ranzijn.nu/
Description: Wij zijn een jonge enthousiaste onderneming werkzaam voor zowel de particuliere als de zakelijke markt.
Version: 1.0
Author: Happyfolio
Author URL: http://www.happyfolio.nl
*/

/* ********** reset ********** */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, a cite, code,
font, img, strong, ol, ul, li, fieldset, form, label, table, caption, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

ol, ul { list-style: none; }

a img {
	border: none;
}

/* ********** background ********** */
body { 
	background: #f4f4f4;
}

/* ********** img div styling ********** */
.imgDiv {
	margin: 10px 0 10px 0;
	padding: 10px;
	width: 560px;
	background: #ccc;
	border: 1px solid #666;
}

/* ********** main styling ********** */
#smallHeader { padding: 20px 0 0 0; height: 187px; background: url(images/ranzijn_smallHeader.png) top right no-repeat; }
#content { overflow: hidden; background: #dfdfdf url(images/ranzijn_contentBgTop.jpg) top center no-repeat; }
#contentBottom { height: 30px; background: url(images/ranzijn_bottomBarBg.jpg) bottom center no-repeat; }

#sidebarLeft { padding: 20px; float: left; width: 200px; color: #666666; background: url(images/ranzijn_sidebarBgCorner.jpg) top left no-repeat #ccc; } 
ul#list_page_diensten { margin: 0 0 20px 0; }
ul#list_page_diensten li { margin: 0; padding: 5px 0 5px 0px; border-bottom:1px solid #dfdfdf; }
ul#list_page_diensten li a { color: #3d3d3d; }
ul#list_page_diensten li a:hover { color: #508bc3; }

#postWrapPage { margin: 20px; float: left; width: 600px; }
#postWrapPage p { line-height: 20px; color: #666666; }
.dienst { float: left; margin: 0 0 10px 0; padding: 10px 0 10px 0; width: 600px; line-height: 20px; border-bottom: 1px solid #d1d1d1; }
.dienst p, #sidebarLeft p { color: #666666; line-height: 17px; }

.postWrapPageRef {
margin-top: 10px;
padding-bottom: 10px;
	border-bottom: 1px solid #d1d1d1;
}


#wrapper {
	margin: 0 auto;
	width: 899px;
}

#navigation {
	overflow: hidden;
}

#header {
	height: 313px;
	background: url(images/ranzijn_background.png) top center no-repeat;
}

#diensten {
	float:right;
	padding: 15px;
	height: 283px;
	width: 270px;
	background: url(images/ranzijn_dienstenBg.png) right center no-repeat;
}

#diensten ul li { list-style: url(images/ranzijn_dienstenIcon.png); margin-left: 15px; font-size: 15px; line-height: 35px; }
#diensten ul li a { color: white; }
#diensten ul li a:hover { color: #063e72; }

#quote {
	height: 94px;
	margin: 30px;
}

#bottomBar {
	padding: 30px;
	height: 189px;
	background: url(images/ranzijn_bottomBarBg.jpg) top center no-repeat;
	overflow: hidden;
}

.block {
	float: left;
	width: 260px;
	margin-right: 20px;
	height:210px;
}

.blockFix {
	float: left;
	width: 260px;
}

#footer {
	margin-bottom: 50px;
	padding: 20px 20px 10px 20px;
	color: #707070;
	text-align: right;
}

/* ********** navigation ********** */
#navigation ul { 
	margin: 0 auto;
}

#navigation ul li { 
	float: left;
}

#navigation ul li a { 
	background: url(images/ranzijn_navBorder.png) right center no-repeat;
	font-size: 15px;
	font-style: normal;
	font-weight: bold;
	color: #33628f;
	display: block; 
	padding: 20px 22px 20px 22px;
	text-shadow:0 1px 0 #FFFFFF;
}

#navigation ul li.rightFix a {
	background: none;
}

#navigation ul li a:hover {
	color: #4fa4f6;
}

/* ********** image styles ********** */
.contactImg { 
	float: right;
	margin-right: 30px;
}

.footerImg { 
	float: left;
	margin-right: 15px;
}

/* ********** font and heads ********** */
body, p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: black;
}

p.refContent {
	padding: 0px;
	margin: 0px;
	border-bottom: 1px solid #d1d1d1;
}

a { text-decoration: none; }

#navigation ul li a span {
	font-size: 12px;
	display: block;
	font-weight: normal;
	color: #75a3d0;
	text-shadow:0 1px 0 #fff;
}

p#pQuote {
	margin-left: 37px;
	color: #939393;
}

p.more {
	float: right;
}

h2 {
	padding-bottom: 10px;
	font-size: 23px;
	font-style: normal;
	font-weight: normal;
	color: white;
	border-bottom: 1px solid #9ec6ec;
}

h3 {
	margin-bottom: 15px;
	font-size: 23px;
	font-style: normal;
	font-weight: bold;
	color: #33628f;
	text-shadow:0 1px 0 #fff;
}

	#sidebarLeft h3 {
		text-shadow: none;
	}

h4 {
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: bold;
}

#bottomBar {
	color: #858585;
	line-height: 22px;
}

.block p { 
	font-size: 12px;
	color: #858585;
}

#footer {
	line-height: 18px;
}

/* ********** link styling ********** */
p.more a, p.moreSidebar a {
	color: #063e72;
}

p.more a:hover, p.moreSidebar a:hover {
	color: #33628f;
}

p.moreRef a {
	margin: 0 0 0 550px;
	padding: 5px 10px 5px 10px;
	color: white;
	background: #063e72;
}

p.moreRef a:hover {
	color: #063e72;
	background: white;
}

h2 a {
	color: white;
}

h2 a:hover {
	color: #063e72;
}

h3 a {
	color: #33628f;
}

h3 a:hover {
	color: #508bc3;
}

h4 a {
	color: #333333;
}

h4 a:hover {
	color: #33628f;
}

#footer a {
	color: #75a3d0;
}

#footer a:hover {
	color: #666666;
}

p.mailOns a {
	color: #063e72;
}

p.mailOns a:hover {
	color: #999999;
}

p a {
	color: #063e72;
}

p a:hover {
	color:#999999;
}

/* ********** blockquotes ********** */
#homeQuote {
	padding: 10px 0 0 37px;
	background: url(images/ranzijn_blockquoteBg.jpg) top left no-repeat;
	font-size: 23px;
	font-style: normal;
	font-weight: normal;
	line-height: 32px;
	color: #626262;
	border: none;
}

#pQuoteFix {
	font-size: 23px;
	font-style: normal;
	font-weight: normal;
	line-height: 32px;
	color: #626262;
}

#white-space-fix {
	height: 30px;
}

/* ********** standarts ********** */
.alignRight { 
	float: right;
}

.alignLeft { 
	float: left;
}

.alignright { 
	float: right;
}

.alignleft { 
	float: left;
}

blockquote {
	margin: 10px 0 10px 0;
	padding: 20px;
	background: white;
	border: 1px solid #999999;
	font-weight: bold;
}


/* ********** contact ********** 
#contact { margin: auto; margin-top: 40px; width: 800px; }
p.contectinfo { padding: 0px; margin: 0px; font-weight: bold; color: #95bc12; text-align: right; }

#nameinput, #emailinput { border: 0px; width: 270px; border-top: none; color: #063e72; padding: 5px; background-color: #fff; font-size: 16px; margin-bottom: 10px; }

#commentinput { width: 600px; background-color: #fff; color: #063e72; font-size: 16px; padding: 5px; border-top: none; border: 0px; font-family: Geneva, Arial, Helvetica, sans-serif; overflow: auto; margin-bottom: 10px; }

#submitinput { 	color: white; background: #063e72; border: 0px; border-top: none; padding: 5px; cursor: pointer; }

#reset { background: #ccc; color: #666; border: 0px; border-top: none; padding: 5px; cursor: pointer; }

#submitinput:hover { background: white; color:#063e72; }

#reset:hover { background: #063e72; color: white; }

p#success { padding: 3px 10px; background: #92FFA5; border: 2px solid #009218; color: #009218; font-weight: bold; margin-bottom: 10px; text-align: center; }
p#bademail, p#badserver { padding: 3px 10px; background: #FFA3A1; border: 2px solid #D00D00; color: #D00D00; font-weight: bold; margin-bottom: 10px; text-align: center; } */

.wpcf7-text, textarea {
	border: 1px solid #fff;
	background: #fff;
	padding: 3px 5px;
	width: 300px;
	color: #33628F;
	margin: 0 10px 5px 0;
}

.wpcf7-not-valid-tip-no-ajax {
	color:#FF0000;
}

.wpcf7-response-output {
	margin: 5px;
	padding: 5px;
	border: 1px solid #D00D00;
	color: #D00D00;
	background: #FFA3A1;
}

.wpcf7-mail-sent-ok {
	border: 1px solid #009218;
	color: #009218;
	background: #92FFA5;
}

.wpcf7-display-none {
	display: none;
}

.wpcf7-text:hover, textarea:hover {
	border: 1px solid #ccc;
}