/*
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/20px Arial;
	background-color:#af1a18;
	color:#111;
}

#framecontainer{

}

#frame{
	width:960px;
	margin:auto;
	display:block;
	float:none;
}

#header {
	width: 960px;
	height: 100px;
	clear: both;
	position: relative;
	overflow:hidden;
	margin-top:50px;
}

#header a{
	display:block;
	float:none;
	width: 960px;
	height: 100px;
	background:url(i/header.png);
	text-indent:-3000px;
}

#headerimg{

}

#headerimages{
	display:none;
}

#logo{
	margin-top:25px;
	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:#111;
	background:#fff;
	background-position:bottom left;
	background-repeat:no-repeat;
}

#inner{
	display:block;
	float:none;
	min-height:700px;
	background-position:center center;
	background-repeat:no-repeat;
}

#menu{
	height:40px;
	background:url(i/menu_back.png);
}


	ul#nav {
		width:960px;
		list-style-type:none;
		margin:0;
		padding:0;
		display:block;
		float:left;
	}
	
	#nav li {
		margin:0;
		padding:0;
		float: left;
		position: relative;
		font-size:15px;
		z-index:3000;
		background:url(i/menu_sep.png);
		background-repeat:no-repeat;
		background-position: top right;
	font-family: 'Josefin Sans',Arial;
}
	
	#searchform label{
		display:none;
	}
	
	#searchform{
		float:right;
		display:block;
		padding-top:7px;
		padding-right:7px;
	}
	
	#nav li.current_page_item{
		text-decoration:underline;

	}
	
	#nav li.current_page_item a{
		text-decoration:underline;
	}
	
	#nav li li{
		width:250px;
		font-size:15px;
		margin:0;
		padding:0;
		background:none;
	}

	#nav li a {
		/*height: 15px;*/
		display:block;
		text-decoration: none;
		padding-left:19px;
		padding-right:19px;
		color:#fff;
		line-height:40px;
	}
	
	#nav li li a:hover{

		color:#7c3386;
	}
	
	#nav li ul li a{
		color:#000;
	}


	#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: 250px;
		margin-left: -9999px;
		border:0;
		list-style-type:none;
		margin:0;
		padding:0;
		background:#fff;
	}

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

	#nav li ul ul{
		position: absolute;
		left:10px;
		height: auto;
		width: 120px;
		top: 0;
		
	}


/* Content */



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


/* Content (style) */

a, #content #featured h2 a{
	color:#111;
}

#content{
	min-height:200px;
}

h1, h2, h3, h4{
	color:#710b00;
	font-family: 'Josefin Sans',Arial;
	font-weight: normal;
}

#content a { text-decoration: underline;color:#111}
#content a:hover {	text-decoration: none; }
#content h2 { font-size: 24px; line-height:28px; padding-top:0;margin-bottom:15px;}
#content h3 {font-size: 20px;font-weight:normal; }
#content h3.info { font-size:28px; color: #222; padding:0 0 15px; }
#content h4 { font-size: 16px; }
#content ol, #content ul { line-height: 18px; }
#content .col-left ul { padding-left: 20px;margin-bottom:15px;}
#content ul li { list-style: circle; 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 { 	color:#7c3386; text-decoration: none; }
#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{
	padding-bottom:30px;
}

#content .testimonial p{
	padding-bottom:0;
}

#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;
}

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

#mrwebsite a{
	color:#fff;

}


.testimonial{
	background:url(i/testimonial.png);
	height:188px;
	width:200px;
	padding:10px;
	margin:0;
	margin-bottom:20px;
}

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

#call{
	color:#111;
	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:20px;
	padding-bottom:20px;
}

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

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

div#comments{
	border-top:1px solid #c8c8c8;
}

.commentlist li{
	border-bottom:1px solid #c8c8c8;
}

.commentmetadata{
	font-size:90%;
}

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

.googlemap{
	height:500px;
}

#content em{
	display:inline;
	margin-top:-20px;
}

#content em a {
    background: transparent url('i/bg_button_a.gif') no-repeat scroll top right;
	display: block;
    float: left;
    font: normal 13px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
    font-weight:bold;
}

em a span {
    background: transparent url('i/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
} 

em a:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

em a:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}

#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;
}

#headeroverlay{
	position:absolute;
	top:0;
	left:0;
	z-index:100;
}

#headerimages,#headerimages div.hi{
	width: 100%;
	height: 288px;

}

#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;
}

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

#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;
}

#footer{
	width:960px;
	margin:auto;
	display:block;
	float:none;
	color:#fff;
}

#quickstart{
	background:#fff;
	padding:2px;
	margin-top:5px;
	padding-left:5px;
}

.col-left,.col-center,.col-right,.col-left-wide{
	float:left;
	display:block;
	margin-top:20px;
}

.col-left{
	width:540px;
	padding:20px;
	margin-top:0;
}

.col-center{
	width:300px;
	margin-right:20px;
	overflow:hidden;
}

.col-left-wide{
	width:780px;
	margin-right:20px;
}

#content .col-center ul, #content .col-center li{
	margin:0;
	padding:0;
	list-style-type:disc;
}

#content .col-center ul{
	padding-left:14px;
	margin-bottom:20px;
}

#content .col-center li{
	margin-bottom:10px;
}

.col-right{
	width:360px;
	padding:0;
	padding-right:20px;
	padding-bottom:20px;
}


#your_widget h2, #your_widget .twitter-avatar, #your_widget .entry-meta{
	display:none;
}

#your_widget li{
	margin-bottom:10px;
}

.col-right img{
	margin-bottom:10px;
}

#wp-calendar{
	margin-bottom:20px;
	background:#fff;
	padding-left:1px;
	padding-right:1px;
}

#calendar_wrap tfoot{
	display:none;
}

#wp-calendar td#todayWidget,#wp-calendar .padday,#wp-calendar th{

}

#content #wp-calendar table td, #wp-calendar table.nav tr td{
	border:1px solid #fff;
}

#wp-calendar .ec3_eventday a{
	color:#7c3386 !important;
}

.posttop{
	width:518px;
	height:50px;
	display:block;
	float:none;
	background:#fcfcfd;
}

.postbottom{
	width:518px;
	height:50px;
	display:block;
	float:none;
	background:#fcfcfd;
}

.postmiddle{
	background:#fcfcfd;
	width:518px;
	display:block;
	float:none;
}

.innerpost{
	margin-left:20px;
	width:480px;
	display:block;
	float:none;
	margin-bottom:-30px;
	margin-top:-30px;
}

.contactbutton{
	display:block;
	width:200px;
}

.block h1{
	font-size:22px;
	font-weight:bold;
	margin-bottom:10px;
}

.block{
	border:1px solid #fcfcfd;
	padding:18px;
	padding-bottom:0;
	margin-bottom:20px;
}

.block p{
	padding-bottom:0;
}

.block img{
	margin-bottom:0;
}

#content .block ul, #content .block ul li{

}

#content .partners ul,#content .partners ul li{
	list-style:none;
	padding:0;
}

#content .partners ul li{
	padding-bottom:10px;
	padding-top:10px;
	padding-left:30px;
}

input{
	padding:5px;
}

#content .ec3_list, #content .ec3_list_day, #content .ec3_schedule, #content table.ec3_schedule td, #content table.ec3_schedule{
	border:0;
	color:#000;
}

#content .ec3_list ul{
	margin-left:15px;
}

#content #packages, #content #blogs{
	margin-top:-10px;
}

#content table td{
	padding-right:20px;
	padding-bottom:10px;
}

#content table{
	margin-top:-30px;
}

.ec3_schedule{
	display:none;
}

#content .ec3_events .ec3_list_day{
	list-style-type:none;
}

#fb-root {
  display: none;
}

/* To fill the container and nothing else */

.facebookblock .fb_iframe_widget, .facebookblock .fb_iframe_widget span, .facebookblock .fb_iframe_widget span iframe[style] {
  width: 100% !important;
}

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

.smbadges .badger{
	display: block;
	float: left;
	margin-right:20px;
}

.smbadges .badger iframe{

}