/*   
Theme Name: OESO Richtlijnen
Theme URI: http://www.oesorichtlijnen.nl
Author: Xolution
Author URI: http://www.xolution.nl
.
© 2008 Xolution
.
*/

/* --------------------------------------------------- algemene opmaak */
* {
	margin: 0;
	padding: 0;
}
html,body {
	height: 100%;
	background: #409acd url(images/wallpaper.jpg) top left repeat-x;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 0.8em;
	color: #404040;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	color: #fefefe;
	text-transform: uppercase;
}
a {
	color: #1f8bc8;
	text-decoration: underline;
}
a:hover {
	color: #f38124;
	text-decoration: underline;
}
a img {
	border: 0;
}

p {
	color: #404040;
}
ul,ol {
	margin-left: 4em;
}


table, th,tr,td {
	border: 1px solid #000; 
	border-collapse: collapse;
}
td {
	padding: 0.5em; 
	font-size: 120%;
}

table#Table_01, #Table_01 th, #Table_01 tr, #Table_01 td {
	border: 0;
	padding: 0 !important;
	font-size: 100% !important;
	margin: 0 !important;
}

.clear {clear: both;}
.extern { text-transform: none;}
.links_uitlijnen, .alignleft {
	float: left; 
	margin: 5px 5px 0 0;
}
.rechts_uitlijnen, .alignright {
	float: right; 
	margin: 5px 0 0 5px;
}
.xolution a {
	color: #FFF; 
	text-decoration: none;
}
.xolution a:hover {
	color: #FFF; 
	text-decoration: underline;
}
.linkblok {
	display: block; 
	padding: 1em; 
	background: #ecf7fd; 
	border: 1px solid #2690cd; 
	margin-left: 0; 
	color: #409ACD;
	list-style-position: inside;

}
span.sluiten {
	position: absolute; 
	top: 0em; 
	right: 0.60em; 
	padding-right: 0.4em;
	*padding: 0.6em 0.4em 0.6em 0em;
	_padding: 0.4em 0.4em 0.7em 0em;
	
	cursor: pointer;
}
.highlight {
	background: black; 
	filter:alpha(opacity=25);
	-moz-opacity:.25;
	opacity:.25;
}

a.popup {
	text-decoration: none; 
	color: #757575; 
	border-bottom: 1px dotted #757575; 
	cursor: help; 
	background: url(images/tooldot.gif) right center no-repeat;
	padding-right: 10px;
}
a.popup:hover { 
	background: #e8f6fe url(images/tooldot_hover.gif) right center no-repeat; 
	color: #000;
}

abbr {cursor: help;}
blockquote {margin-bottom: 20px;}

/* --------------------------------------------------- specifieke opmaak */

/* 88.7em is 900px */
/* 96.5em is 980px */

#container {
	min-height: 100%;
	_height: 100%;
	width: 96.5em;
	background: #FFF;
	color: #404040;
	border-left: 0.1em solid #000;
	border-right: 0.1em solid #000;
	margin: 0 auto;
	position: relative;
}
#topbar {
	width: auto;
	height: 4.6em;
	line-height: 4.6em;
	vertical-align: middle;
	background: #fff;
	color: #676767;
	margin: 0 1em;
}
#topbar img {
	vertical-align: bottom;
	
}
img.logo_top {
	float: left;
	margin-top: 2.8em;
}
.top_contactlink {margin-right: 0; padding-right: 0;}


#topbar_right {
	float: right;
	width: 45em;
	text-align: right;
	_padding-top: 1em;
}
#topbar_right a {
	display: inline;
	font-size: 110%;
	font-weight: bold;
	color: #F38529;
	text-decoration: none;
	margin: 0 1em 0 0;
	vertical-align: middle;
}
#topbar_right a:hover {text-decoration: underline;}
#topbar_right a img {vertical-align: middle;}


/* search */
.post li p {font-size: 12px !important;}

#map {margin-bottom: 40px;}

#header {
	height: 5em;
	line-height: 5em;
	vertical-align: middle;
	background: #cfeefd;
	color: #76cdf9;
	margin: 0 1em;
}
#header img {vertical-align: middle;}
#logo img {vertical-align: middle; _padding-top: 1.2em;}
#raquo img {vertical-align: middle;}
	
#logo {
	width: 25.3em;
	height: 5em;
	line-height: 5em;
	_height: 5.1em;
	_line-height: 5.1em;
	vertical-align: middle;
	background: #9c9d9f;
	float: left;
}
#raquo {
	height: 5em;
	_height: 5.1em;
	background: #FFF;
	line-height: 4.7em;
	_line-height: 4.8em;
	vertical-align: middle;
	float: left;
}
#oneliner {
	width: 33.5em;
	max-height: 4.2em;
	line-height: 4.2em;
	font-size: 120%;
	font-weight: bold;
	color: #76cdf9;
	text-align: center;
	float: left;
	border-left: 1em solid #FFF;
	position: relative;
}
#oneliner p {color: #4aa9da;}
#oneliner_top {position: absolute; top: 0; left: -9px;}
#oneliner_bottom {position: absolute; bottom: 1px; _bottom: 0; left: -9px;}

#search {
	width: 24.5em;
	max-height: 5em;
	line-height: 5em;
	vertical-align: middle;
	_margin-top: 1.5em;
	float: right;
}
#search input#s {
	margin-left: 0em;
	margin-right: 0.8em;
	margin-top: -0.2em;
	width: 13em;
	border: 1px solid #409ACD;
	background: #FFF;
	color: #999999;
	display: inline;
	padding: 0.2em;
	_padding-top: 0.3em;
	vertical-align: middle;
}
#search #searchbutton {
	display: inline;
	font-weight: bold;
	color: #ef7c1d;
}
.submit {
	background: none;
	border: none;
	color: #ef7c1d; 
	font-size: 0.85em;
	font-weight: bold;
}

#logobottom {
	clear: left;
	width: 25em;
	height: 3em;
	line-height: 3em;
	vertical-align: middle;
	background: #FFF;
	color: #676767;
	margin: 0 1em;
}
#logobottom img {vertical-align: top; float: left;}
#logobottom span {float: left; margin-left: 2em;}

#left {
	width: 25.2em;
	height: auto;
	background: #f6f6f6;
	float: left;
	margin: 0em 1em 3em;
	display: inline;
}
#left h1.titlebar {
	display: block;
	font-size: 140%;
	font-weight: 100;
	width: auto;
	min-height: 2.4em;
	line-height: 2.4em;
	_height: 2.3em;
	_line-height: 2.3em;
	vertical-align: middle;
	color: #FFF;
	text-transform: uppercase;
	text-indent: .5em;
	position: relative;
}
#left h1.titlebar .leftcorner {
	position: absolute;
	top: 0;
	left: 0;
}
#left h1.titlebar .rightcorner {
	position: absolute;
	top: 0;
	right: 0;
	_right: -0.1em;
}
#left h1.titlebar a {color: #FFF; display: block; text-decoration: none;}
#left h1.titlebar a:hover {color: #FFF; text-decoration: underline;}
/*
#left h1.blauw a {background: url(images/menutop_blauw_pijl.gif) 95% center no-repeat;}
#left h1.oranje a {background: url(images/menutop_oranje_pijl.gif) 95% center no-repeat;}
#left h1.grijs a {background: url(images/menutop_grijs_pijl.gif) 95% center no-repeat;}
*/
#left ul {margin: 1em 1em 2em 2em;}
#left ul a {display: block; width: auto; text-decoration: none; _margin-bottom: -1.5em;}
#left ul a:hover {text-decoration: underline;}

#left li.blauw {
	color: #2690cd;
	font-size: 1.2em;
	line-height: 1.5em;
} 
#left li.blauw, #left li.blauw a {
	color: #2690cd;
}
#left h1.blauw {
	background: #2690cd url(images/menutop_blauw_repeat.gif) top left repeat-x;
	font-weight: 100;
}

#left li.oranje {
	color: #f38124;
	font-size: 1.2em;
	line-height: 1.5em;
} 
#left li.oranje, #left li.oranje a {
	color: #f38124;
}
#left h1.oranje {
	background: #f38124 url(images/menutop_oranje_repeat.gif) top left repeat-x;
	font-weight: 100;
}

#left li.grijs {
	color: #636363;
	font-size: 1.2em;
	line-height: 1.5em;
} 
#left li.grijs, #left li.grijs a {
	color: #636363;
}
#left h1.grijs {
	background: #636363 url(images/menutop_grijs_repeat.gif) top left repeat-x;
	font-weight: 100;
}
#left li.current_page_item {
	background: #e3e3e3 url(images/current_page_item.gif) right center no-repeat;
	_margin-bottom: 0.5em;
}
#left li.current_page_item a {
	text-decoration: underline;
}


/* ondernemersquote */
#quote {
	width: auto;
	height: auto;
	padding: 1em;
	position: relative;
	border: 0.1em solid #d3d3d3;
	margin: 2em .5em 2em .5em;
}
#quote h2 {
	color: #696969;
	margin-bottom: 1em;
}
#quote blockquote {
	font-size: 140%;
	font-style: italic;
	margin-bottom: 1em;
	color: #404040;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#quote .author {color: #2792ce;}
#quote #reload {
	position: absolute;
	top: 1em;
	right: 1em;
}
#quote cite {
	clear: left;
	display: block;
	font-style: normal;
	font-size: 80%;
	color: #3099D3;
	margin-top: 1em;
	margin-bottom: -1em;
	font-family: Tahoma, Arial, sans-serif;
}
#quotescollection_nextquote-0 {
	margin-top: 1em;
}


/* center */
#center {
	width: 48.5em;
	float: left;
	margin: 0 2.3em 3em 1.7em;
	_margin: 0 2.1em 3em 1.9em;
	display: inline;
}
#center h1, #center h2, #center h3, #center h4, #center h5, #center h6 {
	font-size: 160%;
	font-weight: 100;
	_font-weight: normal;
	text-transform: none;
	color: #2792ce;
	margin: 1em 0;
}
#center h2 {font-size: 120% !important; font-weight: bold;}
#center p {
	margin-bottom: 2em;
	line-height: 1.4;
	font-size: 120%;
}
#center ul {
	font-size: 120%;
	margin-bottom: 2em !important;
}
#center ol {
	font-size: 120%;
}
#center ul ul, #center ul ul ul, #center ul ul ul ul, #center ul ul ul ul ul {
	font-size: 100%;
	margin-bottom: 2em !important;
	margin-top: 1.5em;
}
#center ul li {
	line-height: 1.4;
	margin-bottom: 0.4em;
	list-style-image: url(images/listdot.gif);
	*list-style-image: none;
	_list-style-image: none;
}
#center ol li {
	line-height: 1.4;
	margin-bottom: 0.4em;
}


#center_header {
	width: auto;
	height: 15.6em;
	background-position: center center;
	background-repeat: no-repeat;
}
#center_header p {
	color: #FFF;
	padding: 0.8em 0.9em 1em 0.9em;
	font-size: 100%;
	background: #2792ce url(images/breadcrumb_back.gif) top left repeat-x;
}
#center_header p.richtlijnen {
	color: #FFF;
	padding: 0.8em 0.9em 1em 0.9em;
	font-size: 100%;
	background: #2792ce url(images/breadcrumb_back.gif) top left repeat-x;
}
#center_header p.ncp {
	color: #FFF;
	padding: 0.8em 0.9em 1em 0.9em;
	font-size: 100%;
	background: #EF7C1D url(images/ncp.gif) top left repeat-x;
}
#center_header p.kenniscentrum {
	color: #FFF;
	padding: 0.8em 0.9em 1em 0.9em;
	font-size: 100%;
	background: #7A7A7A url(images/kenniscentrum.gif) top left repeat-x;
}
#center_header a {color: #FFF; text-decoration: underline;}

blockquote.big_quote {
	padding: 1em;
	color: #676767;
	border: 0.05em solid #409acd;
	background: #ecf8ff;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: center;
}
blockquote.big_quote div p {margin-bottom: 0em !important; line-height: 1.5 !important;}
blockquote.big_quote ul {margin: 0 1em; padding: 0;}
blockquote.big_quote ul {list-style: none; padding-left: 0; margin-left: 0;}


/* tekstkader op single.php */
.tekstkader {
	width: 250px;
	height: auto;
	padding: 0 10px;
	font-size: 95%;
	font-style: italic;
	float: right;
	background: #ffffd0;
	border: 2px solid #f1f15f;
	margin-left: 10px;
	margin-top: 30px;
}


#right {
	width: 15.8em;
	float: left;
	margin: 0em;
	margin-top: -4.1em;
	margin-bottom: 2em;
}
#actions {
	width: auto;
	height: auto;
	padding: 1.8em 1em;
	_padding: 1.7em 1em;
	position: relative !important;
	background: #d0eefd url(images/aandeslag_repeat.gif) bottom left repeat-x;
}
#actions_left {
	position: absolute;
	_position: static;
	_top: auto;
	bottom: 0;
	left: 0;
}
#actions_right {
	position: absolute;
	bottom: 0;
	right: 0;
}
#actions h2, #news h2, #best_practices h2 {
	color: #409acd;
	font-size: 140%;
}
#best_practices p {
	font-size: 120%;
}
.readmore_bp {
	color: #409ACD !important;
}
#actions ul, #news ul, #best_practices ul {
	margin: 1em 0 0 1.5em;
}
#actions li, #news li {
	line-height: 1.6;
	color: #ff7300 !important;
	font-size: 120%;
}
#actions a, #news a, #best_practices a {
	color: #3f3f3f;
	text-decoration: none;
}
#actions a:hover, #news a:hover, #best_practices a:hover {
	color: #3f3f3f;
	text-decoration: underline;
}


#partners {
	padding-bottom: 2em;
	margin-bottom: 2em;
	border-bottom: 0.1em solid #76cdf9;
	text-align: center;
}

#news {
	border-bottom: 0.1em solid #76cdf9;
	padding-bottom: 1em;
	margin-bottom: 2em;
}
#news li {
	margin-bottom: 0.5em;
	
}

.post {
	border-bottom: 1px solid #CCC !important;
}
.toarch, .archive p {font-size: 120%;}

#best_practices {
	margin-bottom: 2em;
}
#best_practices h2 {
	margin-bottom: 1em;
}
#best_practices li {
	line-height: 1.6;
	color: #ff7300 !important;
	font-size: 120%;
}
#bp_examples {
	margin: 2em 0 1em 0;
	padding: 1em 1.2em;
	background: #ffebda;
	border: 0.1em solid #ef7c1d;
}
#bp_examples a {
	color: #409acd;
	text-decoration: underline;
}
#bp_examples a:hover {
	color: #F3852B;
}
#bp_examples p {
	font-size: 110%;
}
#bp_examples h2 {
	margin-bottom: 1em;
	color: #EF7C1D;
	text-transform: none;
}

#footer {
	height: 2em;
	line-height: 2em;
	padding-bottom: 1em;
	background: #409ACD;
	color: #FFF;
	margin: 0 auto;
	width: 96.7em;
	position: absolute;
	bottom: 0;
	left: -0.1em;
	border-top: 0.1em solid #000;
}
#footer a {
	color: #FFF;
	text-decoration: none;
}
#footer a:hover {
	color: #FFF;
	text-decoration: underline;
}
#footer dfn {
	font-style: normal;
	color: #F79E55;
}


/* contactform */
ol.cf-ol {list-style: none !important; margin-left: 0; padding-left: 0;}
.cf-ol label {
width: 300px;
display: block;
padding-top: 0.5em;
padding-bottom: 0.5em;
}
.cf-ol input.single, textarea.area, input.secinput {
width: 300px;
padding: 3px;
font-size: 14px;
color: #000;
font-family: Arial, Helvetica, sans-serif;
}
textarea.area {
height: 230px;
}

input.sendbutton {
width: auto;
margin-top: 0em;
padding: 0 10px;
}
fieldset {
	margin-bottom: 1em;
}
fieldset, legend {
	padding: 0.5em;
	border: 0;
}
fieldset ol, fieldset ol.cf-ol {list-style-type: none !important;}
legend {
	font-size: 140%;
	font-weight: bold;
	padding-left: 0;
}
.cf-after, .cf-box-a {
	display: inline !important;
}
.cf-box-a {
	margin-right: 0.5em;
}
.cf-ol img {vertical-align: middle; margin-left: 5px;}

/* togglers */
#li--9, #li--10, #li--12, #li--14, #li--16 {display: none;}


.reqtxt, .emailreqtxt {
padding-left: 5px;
font-size: 11px;
vertical-align: top;
}
.linklove, #linklove {
display: none;
}
.failure {color: #C61100;}
.success {font-weight: bold; color: green; padding: 10px; display: block; border: 1px solid green; background: #DAF2D9;}
.cf_error {border: 1px solid #C61100;}
.textonly {font-size: 90%; font-style: italic;}
.captcha {margin-top: -2px;}