/*
Theme Name: Mentorion.nl
Theme URI: http://joax.nl/
Description: A special custumized theme for Mentorion.nl only</b>.
Version: 1.0.0
Author: Arend Maatkamp
Author URI: http://joax.nl
*/



* 			{margin: 0; padding: 0; font-family: arial,sans; font-size: 12px;}

a 			{text-decoration: none;}
a:hover 		{text-decoration: underline;}

img			{border: none;}

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

/* ---- Header part */

#header 		{margin: 0px; padding: 0px; height:193px;}

#header h1,
#header h1 a		{color: #F90; letter-spacing: -1px; text-decoration: none; font-size: 30px;text-indent:-999px;}

#header .descri		{ margin-top: -5px; color: #666;text-indent:-999px;}


#teaser 		{background:url('images/menu_bar_up.gif') top left repeat-x; color: #fff; padding:0px; margin-bottom: 0px;height:32px;}

/* ---- Content */

#content 		{margin-left: 0px; width:690px; padding-right: 30px; border-right: 1px dotted #999; line-height: 180%; font-size: 14px; color: #222;margin-top: 30px;text-align:justify;}

#content ul		{margin: 10px 0 10px 10px; list-style: none;}
#content ul li		{background: url('images/bullet.gif') 0 5px no-repeat; margin: 5px 0; padding-left: 20px; font-size: 12px; line-height:16px;}

#content ol		{margin: 10px 0 10px 10px; list-style: decimal inside;}
#content ol li		{margin: 5px 0; font-size: 12px; }

#content p		{margin: 10px 0; font-size: 12px; text-align:justify;}

#content a		{color: #F90; font-weight: bold;}
#content a:hover	{color: #40a2e3;}

#content blockquote	{border-left: 1px solid #F90; padding: 10px; font-style: italic; background: #ddd;}

#content .indicator 	{float: left; margin-left: -30px; font-size: 30px; color: #999;}

#content h1,
#content h2,
#content h1 a,
#content h2 a 		{ color: #000; letter-spacing: -1px; text-decoration: none;}

#content h1,
#content h1 a		{ font-size: 20px; }

#content h2,
#content h2 a		{ font-size: 17px; margin-bottom: 10px;}

#content h1 a:hover,
#content h2 a:hover	{ color: #000; background: #fff; text-decoration:underline;}

#content h2		{ margin-top: 10px; }

#content h3		{ font-size: 14px; margin-top: 10px; color: #666; }

#content .metadata	{ color: #666; margin: 5px 0 30px 0; padding: 5px; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc;display:none;}

#content .metacomments  {}

#content .metacomments a { display: block; float: left; padding: 6px 15px 16px 15px; margin-right: 10px; background: #F90 url('images/commentcount.gif') top left no-repeat; color: #fff; font-weight: bold; text-decoration: none;}
#content .metacomments a:hover{ background: #40a2e3 url('images/commentcount.gif') top left no-repeat; text-decoration: none; }

#content .entry		{margin-bottom: 30px; }

/* ---- Comments */

#content .comments-template {margin-top: 20px;}
#content .commentlist 	{list-style: none; margin: 10px 0 0 0;}
#content .commentmetadata { padding: 5px 10px; background: #ccc url('images/corner.png') top left no-repeat; margin: 5px 0 5px -30px; display:none;}
#content .commentmetadata img	{float: left; padding: 2px; margin: 5px 10px 5px 0; border: 1px solid: #000; }

#content .commentmetadata_author { padding: 5px 10px; background: #F90 url('images/corner.png') top left no-repeat; margin: 5px 0 5px -30px; color: #fff;}
#content .commentmetadata_author img	{float: left; padding: 2px; margin: 5px 10px 5px 0; border: 1px solid: #000; }
#content .commentmetadata_author a {color: #fff;}

/* ---- Sidebars */

#sidebar 		{margin-right: 0px; width: 230px; float: right; line-height: 180%; color: #333;text-align:left;margin-top:7px; border-left:#999 0px dotted;padding-left:30px;}

#sidebar .leftbar	{width: 140px;}
#sidebar .rightbar	{float: right; width: 140px;}

#sidebar a		{color: #F90;font-weight:bold; }
#sidebar a img		{padding: 0px; border: none; }

#sidebar h4,
#sidebar h5		{color: #F90; letter-spacing: -1px; margin: 25px 0 5px 0;}

#sidebar h4		{font-size: 14px;}

#sidebar h5		{font-size: 13px;}

#sidebar ul		{margin: 10px 0 10px 5px; list-style: none;}

#sidebar ul li		{background: url('images/bullet.gif') 0 0px no-repeat; padding-left: 15px;}
#sidebar ul.new li	{background: url('images/bullet.gif') 0 0px no-repeat; padding-left: 15px;}

#sidebar ol		{margin: 10px 0 10px 5px; list-style: decimal inside;}


/* ---- Footer */

#footer 		{background: #efefef; color: #444; padding: 5px 20px; margin-top: 30px;border:1px solid #dddddd;margin-bottom:10px;}
#footer a		{color: #333;}


/* ---- Required by WordPress */

.aligncenter,
div.aligncenter 	{ display: block; margin 0 auto; }

.alignleft 		{ float: left; }

.alignright 		{ float: right; }

.wp-caption 			{border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px;
				/* optional rounded corners for browsers that support it */
		   		-moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }

.wp-caption img 		{ border: 0 none; }

.wp-caption p.wp-caption-text 	{ font-size: 11px; line-height: 17px; padding: 0 4px 5px; }


#m1 {float:left;width:10px;}
#m2 {float:left;width:940px;padding-top:0px;height:32px;background:url('images/menu_bar_up.gif') top left repeat-x;}
#m3 {float:right;width:10px;}
#top {height:41px;margin:0px;padding:0px;margin-bottom:3px;width:100%;}
#logo {height:41px;margin:0px;padding:0px;width:200px;}

#C1 {float:left;margin-right:40px;padding:10px;border:1px solid #999999;margin-top:15px;}
#C2 {float:right;}
.textwidget { padding-bottom:15px;border-bottom:1px solid #cccccc;}


fieldset.search {
	border: none;
	width: 170px;
	margin: 0px;
float:right;
position:relative;
top:-29px;
	
}

.search input, .search button {
	border: none;
	float:right;
}
.search input.box {
	color: #676767;
	font-size: 12px;
	width: 170px;
	height: 20px;
	padding: 6px 5px 0;
	background: url(images/search.png) no-repeat;
	margin-right: 0px;

padding-left:25px;
}
.search input.box:focus {
	background: url(images/search-b.png) no-repeat ;
	
}

#m2 .search-submit {

	display: none;

	}



/* dTabs */
#tabbar {width:720px;}
/* style the tabs in IE (the trailing comma prevents other browsers from reading this) */
#tabbar li, #tabbar ul li, {
	
	/* make them horizontal in IE*/
	display: inline;

	
	/* space them a little in IE*/
	margin: 0 5px;
}

/* style the tabs */
.tab, .tabselected {
	
	/* make them horizontal in Firefox 2*/
	display: -moz-inline-box;
	
	/* make them horizontal in all other browsers*/
	display: inline-block;
	
	/* space them a little */
	padding:7px;
	padding-right: 5px;
	padding-left: 5px;
	
	/* set a grey background for non-selected tabs (which we will overide for selected tabs later) */
	background: none;
	
	/* border menu bar items */
	border-right:0px solid #999999;
	
}


/* make changes to the selected tab */
.tabselected {
	
	/* set a background */
	background: url('images/menu_bar_over.gif');
	color:white;
	
	
}

/* style the drop down menus */
.dmenu {
	/* left align the text */
	text-align: left;
	
	/* REQUIRED */
	position: absolute;
	
	/* js fade method should display them 23px below the top of the tabs */
	margin: 29px 0 0 0;
	
	/* put some space around the contents */
	padding: 5px 20px 10px 0px;
	
	/* set a grey background */
	background-color: rgb(240,240,240);
	
	/* set a border, round all the corners except the top left */
	border: 1px solid rgb(150,150,150);	
}
.dmenu {
		
	/* put some space around the contents */
	padding: 5px 10px;
	
	/* set a grey background */
	background-color: rgb(240,240,240);
	
	/* set a border, round all the corners except the top left */
	border: 1px solid rgb(150,150,150);
	-moz-border-radius: 5px;
	-moz-border-radius-topleft: 0;
	-khtml-border-radius: 5px;
	-khtml-border-radius-top-left: 0;
	-webkit-border-radius: 5px;
	-webkit-border-top-left-radius: 0;
}
#tabbar .dmenu ul {
	
	/* put space at the top and bottom of top-level menus */
	padding: 0px 0 0 5px;
	line-height:20px;
	list-style:none;
	
	/* stop ie going crazy */
	margin: 0;


	
}
#tabbar .dmenu ul li {
	
	/* stop ie from displaying list items inline */
	display: list-item;
	
}

/* REQUIRED: hide menus off screen by default */

.dmenu {
	left: -999em;
}



/* STYLING JUST FOR CSS MENUS */
#tabbar .fademenu .dmenu {
	
	/* position menus correctly */
	margin: 10px 0 0 -6px;
}
/* REQUIRED: show menus on hovering */
#tabbar .fademenu:hover .dmenu {
	left: auto;
}
.tab, .tabselected a{ text-decoration:none;padding:7px;
	padding-right: 5px;
	padding-left: 5px;}
.tab a, .tab a:hover, .tab a:visited, .tab a:active{color:white;font-weight:normal;padding:7px;
	padding-right: 5px;
	padding-left: 5px;}

.tab a:hover{background: url('images/menu_bar_hover.gif');text-decoration: none;padding-top:7px;padding-bottom:7px;padding-right: 5px;
	padding-left: 5px;}
.tabselected a:hover, .tabselected a:visited, .tabselected a:active{color:white;font-weight:normal;}

.dmenu a, .dmenu a:hover, .dmenu a:active,.dmenu a:visited  {color:black;font-weight:normal;background:none;}
#tabbar .dmenu ul li:hover {background:#DDD;border-radius:3px;}

panel#PopupAutoComplete {margin-top:-20px;}
#s_result {display:block;background:#eee url(images/s-result.jpg) no-repeat  right bottom;padding:5px;border:solid 1px #fff;}
#s_result:hover {border:solid 1px #555;}
a #s_result p 		{color: #000;font-weight:normal;display:block;line-height:14px;}
a:hover #s_result p	{color: #111; text-decoration:none;display:block;}
.oranje {color:#f90;}