/*
Theme Name: MrWebsite Wordpress Theme
Theme URI: http://www.mrwebsite.nl/
Description: The MrWebsite Base Template.
Version: 0.2
Author: Peter Arends
Author URI: http://www.mrwebsite.nl/
Tags: MrWebsite

*/

body{
	font:	14px/24px Helvetica, sans-serif;
	color:#000;
}

body.page, body.single{
}

body.home, body.page-template-landing-php, body.page-template-home2-php{
}

body.page-template-landing-php #featured{
	width:960px;
	background-repeat:repeat-y;
}


#framecontainer{
	width:960px;
	margin:auto;
	padding-left:25px;
	padding-right:25px;
}

#frame{
	background-position:bottom;
	width:960px;
	display:block;
	float:none;
}

#header{
	width:960px;
	height:116px;
	display:block;
	float:none;
	clear:both;
}

#headerimg{

}

#logo{
	margin-top:18px;
	margin-left:10px;
	margin-right:40px;
	display:block;
	float:left;
}

#tagline{
	margin-top:45px;
	color:#c8c8c8;
	font-size:30px;
	width:500px;
	float:left;
	display:block;
}

#content{
	width:960px;
	display:block;
	float:left;
	color:#000;
}

#menu{
		height:31px;
}


	ul#nav {
		list-style-type:none;
		margin:0;
		padding:0;
		display:block;
		float:left;
		margin-top:50px;
		margin-left:20px;
	}
	
	#nav li {
		margin:0;
		padding:0;
		float: left;
		position: relative;
		font-size:18px;
		z-index:3000;
		margin-top:5px;
		margin-right:2px;
		
	}
	
	#searchform label{
		display:none;
	}
	
	#searchform{
		float:right;
		display:block;
		padding-top:2px;
		padding-right:2px;
	}
	
	#nav li.current_page_item a, #nav li.current_page_parent a{
		color:#ccc;
	}
	
	#nav li li.current_page_item a, #nav li.current_page_parent li a, #nav .current_page_item ul li a{
		border-bottom:0;
	}
	
	#nav li.current_page_item a{
		color:#ccc;
	}
	
	#nav li li{
		width:220px;
		margin:0;
		padding:0;
		font-size:80%;
		line-height:20px;
	}
	
	#nav li li a{
		line-height:20px;
	}


	
	#nav li a:hover{
		color:#000;
	}
	
	#nav li ul li a{

	}


	#nav li.onhover ul { margin-left:0; }

	#nav li.onhover ul ul { margin-left: -9999px; }

	#nav li ul {
		position: absolute;
		left: auto;
		height: auto;
		width: 150px;
		margin-left: -9999px;
		border:0;
		list-style-type:none;
		margin:0;
		padding:0;
		background:#ddd;
	}

	#nav ul li.onhover ul { margin-left:0; }

	#nav li ul ul{
		position: absolute;
		left:10px;
		height: auto;
		width: 150px;
		top: 0;
		
	}
		
	#nav li a {
		/*height: 15px;*/
		display:block;
		padding:5px;
		text-decoration: none;
		padding-left:10px;
		padding-right:10px;
		line-height:30px;
	}
		
	#nav li ul li a{
		color:#777;
	}


	#nav li.onhover ul { margin-left:0; }

	#nav li.onhover ul ul { margin-left: -9999px; }
	
	#nav li.onhover a{
		background:#000;
		color:#fff;
	}

	#nav li ul {
		position: absolute;
		left: auto;
		height: auto;
		width: 120px;
		margin-left: -9999px;
		border:0;
		list-style-type:none;
		margin:0;
		padding:0;
		background:#fff;
	}

	#nav ul li.onhover ul { margin-left:0; }




/* Content */



#featured,#featured2 {	padding:0 0 0 0;	width:960px;display:block;float:left;}
#main {	padding:20px 20px 0px 0; width:200px;display:block;float:left; }


#featured2{
	width:700px;
	padding-right:40px;
}

/* Content (style) */

a, #content #featured h2 a{
	color:#7f7f7f;
}

#content a,#content a.more-link i{ text-decoration: underline;color:#00f;}
#content a:visited, #content a.more-link:visited i{color:purple}
#content a.more-link,#content a.more-link:visited{color:#000;}
#content a:hover {	text-decoration: none; }
#content h2, #content h3 {font-weight:normal;}
#content h2 { font-size: 28px; line-height:36px; padding-top:0; }
#content h3 {font-size: 16px; font-weight:bold;}
#content h3.info { font-size:28px; color: #222; padding:0 0 15px; }
#content h4 { font-size: 16px; }
#content ol, #content ul { line-height: 18px; padding-bottom:10px;}
#content ul { padding-left: 35px; list-style-type:disc;}
#content ul li {padding: 3px 0; }
#content ol { padding-left: 57px; }
#content ol li { list-style: decimal; padding: 3px 0; }
#content blockquote {
	border-left:2px solid #777777;
	color:#777777;
	font-style:italic;
	margin:5px auto 15px;
	padding:0px 10px;
	width:85%;
}

/* Main Content (post) */

#content .post { padding:0 5px 15px 0;font-size:15px; }
#content .post-title {	width: 100%; position: relative; }
#content .post-title h2, #content .post-title p.post-details, #content .post-title h3 { padding-right: 50px; }
#content h2 a, #content h3 a,#content h2 a:visited, #content h3 a:visited { text-decoration: none;color:#000; }
#content h2 a:hover, #content h3 a:hover { text-decoration: none; }
#content p.post-details { line-height: 18px; position: relative; }
#content p.post-details a { text-decoration: underline; color:#9F9F9F; }
#content p.post-details a:hover { color:#555; }
#content p.post-details {
	color: #9F9F9F;
	font-size: 11px;
	padding: 0 0px 0px 1px
}
#content .post h4 { margin-top: 1px; clear: both; width: 100%; }
#content .post h4.continue a {
	background: #A8BC70;
	padding: 5px 10px;
	color: #fff;
	text-decoration: none;
}
#content .post h4.continue a:hover {background: #9fb26a;}
#content .post img.thumbnail {
	border:1px solid #DDDDDD;
	margin:5px 0 0;
}
#content .post img.thumbnail-left {
	margin:15px 10px 5px 0;
	float:left;
}
#content .post img.gallery { margin:0 7px 7px 0; }
#content h2.arh {
	border-bottom: #EBEBEB 1px solid;
	margin-top: -10px;
	margin-bottom: 10px;
	position: relative;
}

#content p,#content .post p{
	padding-bottom:10px;
}

#featured .block { padding:0 30px 20px 0px; width:200px; float:left; }
#featured .block.last { padding-right:0px; }
#featured .block h2 { font-size:18px; line-height:20px; font-weight:normal }



/* Main Content (post>single) */

#content p.tags {
	background:url(images/ico-tag.gif) no-repeat center left;
	padding-left:25px;
	width: 100%;
	clear: both;
}
.single #content .advert_468x60 {margin: 15px 0 0px 0;}
#content .page h2 {padding-top: 5px;}

/* Comments */

#comments h3 { font-size: 20px;	font-weight: normal;padding: 0 0 0 0;}

#comments #comments_wrap {padding: 0; position: relative; }
#comments ol.commentlist li { list-style-type:none; }

#comments .comment { margin-top: 10px; width: 100%; }
#comments .comment a { text-decoration: underline; }
#comments .comment a:hover { text-decoration: none; }
#comments .comment small { font-size: 10px;	margin-top: -2px; }

#comments .comment .col-left {width: 110px; font-size:11px;}
#comments .comment .col-left p { padding: 0 0 0 2px; line-height: 19px;}
#comments .comment .col-left .inside {
	width: 110px;
	float: left;
	position: relative;
	overflow: hidden;
	min-height:70px;
}

#comments .comment .col-right {
	min-height: 92px;
	background: #e6e6e6;
	padding: 10px 15px;
	margin-left:100px;
	float:none; 	
}

* html #comments .comment .col-right { height: 100px; }
#comments .comment div.reply { float:right; padding: 3px 3px 0; font-size:11px; }
#comments .comment div.reply a { text-decoration:none; color:#aaa; }

#comments ul.children { margin:10px 0 0 25px; padding:0; }

#comments .navigation .alignright, #comments .navigation .alignleft { margin:10px 0;}
#comments .navigation a {
	color: #555;
}
#comments .commentlist {padding:0;}
#comments .commentlist p{padding:0 0 10px;}

#comments .commentlist #respond #form_wrap {
	padding:0 0 25px;
	margin:0;
	border:0;
	width:auto;
}
#comments .commentlist .children #respond #form_wrap .col-right{float:none;}
#comments .cancel-comment-reply {margin-bottom:10px;}

#commentform .btn {
	margin:0; 
	background:url(images/btn-submit.png) no-repeat;
 	color:#FFFFFF;
	font-weight:bold;
	width:79px;
	height:41px;
	padding:0;
	border:0;
	cursor:pointer;
}

textarea#comment{
	width:300px;
}

#comments{
	clear:both;
}

#mrwebsite{
	font-size:80%;
	padding-left:25px;
	padding-top:10px;
	color:#ccc;
}

#mrwebsite a{
	color:#ccc;

}

#footercontainer{
	background:url(i/footer_back.jpg);
	height:125px;
	
}


#footer{
	height:38px;
	width:960px;
	display:block;
	float:none;
	font-size:12px;
	margin:0 auto;
	margin-top:20px;
	padding-top:10px;
}

#footer a,#footer{
	text-decoration:none;
	color:#fff;
}

.testimonial{
	padding-bottom:0;
	margin:0;
	margin-bottom:20px;
}

#left h3{
	display:block;
	width:450px;
	padding:5px;
	background:url(i/header_back.jpg);
	margin-bottom:10px;
	font-size:15px;
	background-position:right;
	background-repeat:repeat-y;
}

#main .testimonial h4 a{
	font-size:15px;
	color:#000;
	text-decoration:none;
}

#call{
	color:#d32f2c;
	padding-bottom:25px;
	font-size:18px;
	line-height:30px;
	text-align:center;
	width:200px;
}

#call big{
	font-size:24px;
}

.alignright{
	display:block;
	float:right;
	padding-left:10px;
	padding-bottom:20px;
}

.alignleft{
	display:block;
	float:left;
	padding-right:10px;
	padding-bottom:20px;
	clear:left;
}

.testimonial .alignleft{
	display:block;
	float:left;
	margin:0
	padding:0;
	padding-right:10px;
	padding-top:20px;
	padding-bottom:0;
	clear:left;
}

#respond p{
	padding:0;
	padding-bottom:5px;
}

div#comments{
}

.commentlist li{
}

.commentmetadata{
	font-size:90%;
}

.comment-body p{
	margin-top:10px;
}

.googlemap{
	height:500px;
}

#content #featured em{
	margin-top:5px;
	display:block;
	float:left;
}

#content em a, #content em a:visited {
    background: transparent url('i/button2.png') no-repeat scroll top right;
	display: block;
    float: left;
    font: normal 15px helvetica, sans-serif;
    height: 31px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
    color:#fff;
    line-height:18px;
}

em a span, a em span {
    background: transparent url('i/button1.png') no-repeat;
    display: block;
    line-height: 24px;
    padding: 5px 0 5px 12px;
} 


#warning{
	background:#fff;
	font-size:30px;
	line-height:50px;
	color:#f00;
	text-align:center;
	padding:50px;
	margin:50px;
	border:5px solid #f00;
}

#warning a{
	color:blue;
}

#content #featured .homepage h2,#content #slides h2{
	width:400px;
	margin-bottom:10px;
	line-height:40px;
	font-size:28px;
}

#content #featured .homepage p,#content #slides{
	line-height:28px;
	font-size:18px;
}

.homepage img.alignleft{
	position:relative;
	margin-top:40px;
	margin-left:0;
	padding-right:60px;
}

.homepage img.alignright{
	margin:0;
	padding:0;
	padding:20px;
}

#featured h1{
	font-size:30px;
	padding:0;
	padding-bottom:20px;
	font-weight:normal;
}

#featured{
	background:url(i/featured_back.png);
	padding:20px;
	overflow:hidden;
	width:660px;
	float:left;
	display:block;
	margin-right:20px;
	padding-right:20px;
	margin-bottom:30px;
}

#portfolio{
	height:160px;
	background:url(i/portfolio_back.png);
	background-position:bottom;
	background-repeat:no-repeat;
	margin-bottom:30px;
	border-bottom:1px solid #b6b6b6;
}

#portfolio ul{
	margin-left:20px;
}

#portfolio li{
	display:block;
	float:left;
	width:300px;
	margin-top:18px;
}

#portfolio li img{
	width:260px;
	height:140px;
}

#downloads{
	width:222px;
	display:block;
	float:left;
	padding-top:20px;
}

#downloads li a{
	padding:10px;
	padding-right:50px;
	display:block;
	width:171px;
	height:62px;
	text-decoration:none;
}

#downloads ul{
	margin:0;
	padding:0;
}

#downloads li{
	width:221px;
	height:62px;
	display:block;
	float:none;
	background:url(i/pdfbutton.jpg);
	background-repeat:no-repeat;
}


h6{
	font-size:10px;
	font-weight:normal;
	line-height:12px;
	margin-left:20px;
}

#pop{
	height:27px;
	padding-left:100px;
	padding-top:3px;
	background:#a0fe96;
	text-align:center;
}

#pop ul{
margin:auto;

}

#pop li{
	margin-left:10px;
	display:block;
	float:left;
}

#pop a{
	font-weight:bold;
}

#left,#right{
	width:460px;
	display:block;
	float:left;
	padding-right:30px;
}

#right{
	padding-right:0;
}

#callme{

}

#callme input{
	padding:2px;
	font-size:20px;
}

#callme .no{
	width:180px;
}

#callme1{
	background:url(i/phone_button.png);
	width:39px;
	height:39px;
	border:0;
}

hr{
	margin:0;
	padding:0;
	border:0;
	height:1px;
	color:#ccc;
	background-color:#ccc;
	margin-top:20px;
	margin-bottom:20px;
}

label{
	display:block;
	float:left;
	width:150px;
	margin-bottom:5px;

	
}

form#ideal input, form#gratisrapport input, form#stappen input{
	margin-bottom:10px;
}

.post{
	display:block;
	float:none;
	clear:both;
}

.post hr{
	display:none;
}

.post .alignleft{
	padding-right:30px;
	padding-top:10px;
}

#sidebar{
	padding-top:20px;
}

#sidebar ul{
	list-style-type:circle;
	padding-left:15px;
}

#sidebar ul li{
}


#sidebar ul li ul{
	display:none;
}

#sidebar .current_page_item{
	font-weight:bold;
}

#content .col-left #sidebar a{
	text-decoration:none;
}

#slides{

}
#myController {padding:2px 0;  width:960px; margin-bottom:20px;
}
#myController span.jFlowSelected {background: #777;color:#fff; }
.jFlowControl, .jFlowPrev, .jFlowNext { color:#777; cursor:pointer; padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px; }
.jFlowControl:hover, .jFlowPrev:hover, .jFlowNext:hover { background: #777;color:#fff;  }

.clear{
	margin-right:200px;
}

h3#vormgeving{
	clear:both;
}

ul.ticks{
	list-style-image:url(i/tick.png);
}


.jFlowPrev, .jFlowNext{
	position:absolute;
	top:300px;
	background:#fff;
	font-weight:bold;
	font-size:20px;
	opacity:0.8;
	filter: alpha(opacity = 90);
	color:#888;
	visibility:hidden;
}

.jFlowPrev{
}

.jFlowNext{
	margin-left:886px;
}

label{
	clear:left;
}

.page-id-467 .post div{
	display:block;
	clear:both;
	float:none;
}

#domreg{
	padding:20px;
	background:#fff;
	padding-bottom:40px;
}

#content #domreg input{
	float:none;
	display:inline;
	padding:3px;
	font-size:16px;
	margin-bottom:10px;
}
#content #domreg br{
	display:none;
}

#imbottom{
	display:none;
	position:fixed;
	bottom:0;
	margin-left:785px;
	background:#A0FE96;
	border:1px solid #ccc;
	width:155px;
	height:80px;
}

#openchat{
	width:100%;
	height:100%;
	display:block;
	margin:10px;
	font-weight:bold;
}

#chatcontainer iframe{
	height:600px;
}

.red{
	color:#f00;
}

#chatcontainer{
	background:#ccc;
	overflow:hidden;
	padding:0;
	position:fixed;
	left:100px;
	top:50px;
	z-index:10000;
	opacity:0.95;
	width:402px;
	height:287px;
}

#chatcontainer a{
	text-align:right;
	display:block;
	padding:5px;
}

#chat{
	border:0;
	width:402px;
	height:257px;
	overflow:hidden;
}

#websitepakkettest tr td{
	padding-bottom:5px;
	padding-right:15px;
	padding-top:5px;
	padding-left:5px;
}

#websitepakkettest .question{
	width:500px;
}

.odd{
	background:#fff;
}

#result{
	font-size:16px;
	padding:10px;
	margin:10px;
	margin-left:0;
	border:3px solid #0f0;
	width:480px;
}

.winner{
	display:none;
}

.peterklein{
	width:50px;
	display:block;
	float:left;
	margin-right:10px;
}

small{
	font-size:80%;
}

#examplerapport{
	width:430px;
	display:block;
	float:right;
	margin-left:10px;
}

.rightdiv .top{
	background:url(i/header_top.jpg);
	height:13px;
	display:block;
	float:none;
}

.rightdiv .bottom{
	background:url(i/header_bottom.jpg);
	height:13px;
	display:block;
	float:none;
}

.rightdiv{
	background:url(i/header_centre.jpg);
	width:449px;
	display:block;
	float:none;
	margin-bottom:20px;
}

.rightdiv .centre{
	padding-left:10px;
	padding-right:10px;

}

#tweet{
	float:left;
	display:block;
	padding-right:20px;
	padding-bottom:20px;
}










/*landing 2*/

body{
	background-color:#5d5d5d;
	background-image:url(i/bodyback.png);
	background-position:center;
	background-repeat:repeat-y;
	height:100%;
}

 #frame{
	background-color:#ebebeb;
	background-image:url(i/frameback.png);
	background-repeat:repeat-x;
	background-position:top;
	display:block;
	padding-left:30px;
	width:930px;
}

 #logo{
	margin:0;
	padding:0;
	margin-top:40px;
}


 #tagline{
	margin:0;
	padding:0;
	font-size:13px;
	width:360px;
	color:#000;
	margin-top:50px;
	margin-left:40px;
}

 #welcome{
	color:#999;
	padding:10px;
	border:1px solid #ddd;
	width:560px;
	margin-top:20px;
}

 #welcome a{
	color:#999;

}

 #welcome span{
	background:#fef9bc;
}

#landleft{
	width:580px;
	float:left;
	display:block;
}

#landright{
	width:300px;
	float:left;
	display:block;
	margin-left:30px;
}

#headline h1{
	font-size:26px;
	font-weight:normal;
	line-height:36px;
	margin-top:20px;
	margin-bottom:30px;
}

#headline h1 #letop{
	float:left;
	display:block;
	padding-right:20px;
	padding-top:25px;
	padding-bottom:15px;
}

#headline h1 #letop2{
	float:left;
	display:block;
	padding-right:20px;
	padding-top:10px;
	padding-bottom:15px;
}

#sideline #headline h1{
	margin-top:0;
	font-size:18px;
	font-weight:bold;
}

 a{
	color:#000;
}

 p{
	margin-top:15px;
	font-size:16px;
}

#pdficon{
	float:left;
	display:block;
	margin-right:10px;
	margin-left:-5px;
}

#actionform{
	padding:15px;
	border:1px solid #ddd;
	margin-top:20px;
	background:#fff;
}

#actionform span{
	color:#999;
	font-size:16px;
}

#actionform p{
	color:#999;
	font-size:12px;
	line-height:18px;
}


#actionform form{
	margin-left:10px;
}

#actionform form label{
	font-size:18px;
	font-weight:bold;
	color:#999;
	margin:0;
	padding:0;
	margin-top:15px;
	width:180px;
}

#uwnaam,#uwemail,#uwbedrijfsnaam,#uwtelefoonnummer,#uwwebsite{
	width:245px;
	height:30px;
	font-size:25px;
}

#sendbutton{
	margin-top:20px;
}

#contactinfo{
	padding:15px;
	border:1px solid #ddd;
	margin-top:20px;
	font-size:12px;

}

#contactinfo p{
	font-size:12px;
}

#callme{
	margin:0;
	padding:0;
	float:left;
	display:block;
	margin-bottom:10px;

}

#uwnummer{
	width:200px;
	border:0;
	background:url(i/phonefield.png);
	width:210px;
	height:26px;
	padding:5px;
	color:#aaa;
	letter-spacing:1px;
	text-align:center;
	float:left;
	display:block;
	margin-top:4px;
	margin-right:4px;
}

#callbutton{
}

.selectedtext{
	border:3px solid #6fb0f8;
}

#reflogo{
	float:left;
	display:block;
	margin-right:5px;
}

#welcome{
display:none;
}

 #imbottom{
	display:none;
	position:fixed;
	bottom:0;
	margin-left:785px;
	background-image:url(i/messback.png);
	background-repeat:repeat-x;
	border:3px solid #ccc;
	width:189px;
	height:151px;
}

#checklink{
	display:block;
	float:right;
	margin-right:15px;
	margin-top:10px;
}

#content h2{
	font-size:18px;
	font-weight:bold;
	line-height:20px;
	margin:0;
	padding:0;
	margin-top:25px;
}

#content p{
	margin:0;
	padding:0;

}

#portfoliohome,#testimonialhome,#tweets,#sideline,#tags{
		padding:15px;
	border:1px solid #ddd;
	margin-top:20px;
	font-size:12px;
}

#portfoliohome img{
	width:268px;
	height:162px;
}

#testimonialhome p{
	font-size:12px;

}

#blogposts{
	background:#fff;
	display:block;
	padding:10px;
	padding-top:5px;
}