/*
	Theme Name: Cascade - implementatie
	Theme URI: http://cascade-implementatie.nl/
	Description: 
	Version: 1.1
	Author: Carst van der Molen
	Author URI: http://cascade-amsterdam.nl/
	Tags: fixed width, two columns, widgets

*/



/*
	basic rules
*/

body				{	margin: 0; padding: 0;
						background-color: #f2f2f2; background-image: url(images/bg_ll.gif);
						background-position: center top; background-repeat: repeat-y;
						color: #333; font-family: Verdana, sans-serif; font-size: 12px;
						text-align: left; }
						
img#wpstats			{	display: none; }						

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

body#home			{	background-color: #dae7dc; background-image: url(images/bg_home_2008_10_09.gif); }

#berichten,
.berichten			{	background-color: #f2f2f2; background-image: url(images/bg_ll.gif); }

.case.ll			{	background-color: #fff; background-image: url(images/bg_ll.gif); }
.case.l				{	background-color: #f2f2f2; background-image: url(images/bg_l.gif); }
.case.d				{	background-color: #444; background-image: url(images/bg_d.gif);
						color: #eee; }
.case.dd			{	background-color: #000; background-image: url(images/bg_dd.gif);
						color: #eee; }


.hidden				{	visibility: hidden; }

.fir span			{	display: none; }

h1,
h2,
h3,
h4,
p,
ul,
li					{	margin: 0; padding: 0; text-align: left; }

a					{	text-decoration: none; }

img 				{	display: block; }

a img				{	border: none; }

a:link img,
a:visited img		{	opacity: 1.0; filter: alpha(opacity=100); -moz-opacity: 1.0; }
a:hover img			{	opacity: 0.7; filter: alpha(opacity=70); -moz-opacity: 0.7; }


/*
	text formatting
*/

h1,
h2,
h3,
h4,
p,
address,
li,
label,
input				{	font-family: Verdana, sans-serif; width: auto; }

h2:first-child		{	margin-top: 0; }

h2 + img.picture	{	margin-top: 1em; }

h2 a:link,
h2 a:visited		{	color: #009a38; }
h2 a:hover			{	color: #222; }

h3					{	margin: 1em 0; }

p,
address				{	font-size: 1.0em; line-height: 1.5; }

address				{	font-size: 1.2em; font-style: normal; }

ul 					{	list-style: none; }

li					{	font-size: 1em; line-height: 150%; }

table,
.post-form,
.admin-list			{	font-family: "Lucida Grande", Verdana, sans-serif; }

table				{	font-size: 11px; }

br 					{	clear: both; }

a:link,
a:visited			{	color: #ff6a00; }
a:hover				{	color: #009a38; }




/*
	main elements
*/

#container			{	position: relative; margin: 0 auto; width: 1000px; height: auto;
						padding: 0; overflow: hidden; zoom: 1; /* background: #0c0; */ overflow: visible; }

.case #container,
#routekaart #container
					{	overflow: visible; }

#header				{	z-index: 0; position: relative; margin: 0; width: 100%; height: auto;
						background-color: #009a38; background-image: url(images/bg-masthead-implementatie.gif);
						background-position: center top; background-repeat: no-repeat; } /* 27b719 */
#home #header		{	background-position: center 78px; }
.case #header		{	background-image: url(images/bg_masthead_case.png); }

#berichten #header,
.berichten #header	{	background-color: #31b3aa; }

#masthead			{	position: relative; margin: 0 auto; width: 960px; height: 25px;
						background: transparent; padding: 10px 20px 5px 20px; }

#home #masthead		{	height: 103px; }

#masthead p			{	position: absolute; left: 210px; bottom: -1px;
						opacity: 0.3; filter: alpha(opacity=30); -moz-opacity: 0.3;
						color: #000;
						font-size: 0.9em; font-size: 11px; font-weight: normal; }

#logo				{	z-index: 25; position: absolute; left: 530px; bottom: 0;
						width: 100px; height: 21px; background: url(images/logo_cascade.png); }

#home #logo			{	left: 497px; width: 200px; height: 41px; background-image: url(images/logo_cascade_home.png); }

						
#logo a				{	display: block; }


	/** menu styles */

#menu				{	float: left; display: block; margin: -18px 0 0 0; width: 180px;
						padding: 12px 0; list-style: none; overflow: hidden; zoom: 1;
						border-top: 18px solid #ff6a00; }

#menu h2			{	margin: 0 0 10px 0; height: 13px; padding: 5px 5px 0 15px; background: #ff6a00;
						color: #fff; font-size: 1em; font-weight: bold; line-height: 11px; }

.case #menu h2		{	background: transparent; color: #fff;
						opacity: 0.2; filter: alpha(opacity=20); -moz-opacity: 0.2; }

#menu ul			{	margin-left: 0; }

#menu				{	padding: 0; border: none; }

#menu li			{	margin: 0 0 8px 0; height: auto; background: transparent; padding: 0;
						color: #222; font-size: 1em; font-weight: bold; line-height: 18px; }

#menu a				{	display: block; width: 160px; height: auto; padding: 0 5px 0 15px; }

#menu a:link,
#menu a:visited		{	color: #ff6a00; }
#menu a:hover		{	color: #222; }
#menu a:active,
#menu .current_page_item>a:link,
#menu .current_page_item>a:visited
					{	color: #008195; }


	/* submenu */

.children			{	display: none; }
.current_page_item .children,
.current_page_parent .children
					{	display: block; }
	
.children			{	margin: 0; padding: 0; list-style: none; }
	
#menu .children li	{	margin: 0; height: auto; padding: 0;
						color: #222; font-size: 11px; line-height: 16px; font-weight: normal; }
#menu .children a	{	padding: 0 5px 0 15px; }
	
#menu .children a:before
					{	content: "- "; }

#menu #links		{	margin: 36px 0 18px 0; }

#menu #links li		{	margin: 0; color: #222; font-size: 11px; font-weight: normal; line-height: 18px; }

#menu #links a:link,
#menu #links a:visited
					{	color: #999; }
#menu #links a:hover
					{	color: #222; }

#menu small			{	font-size: 11px; line-height: 16px; font-weight: normal; }

#menu small a:link,
#menu small a:visited
					{	color: #222; }
#menu small a:hover	{	color: #24bd24; }


	/* case menu */
	
.case #menu a:link,
.case #menu a:visited
					{	color: #000; opacity: 0.2; filter: alpha(opacity=20); -moz-opacity: 0.2; }
.case #menu a:hover
					{	color: #222; opacity: 1.0; filter: alpha(opacity=100); -moz-opacity: 1.0; }
.case #menu a:active,
.case #menu .current_page_item a:link,
.case #menu .current_page_item a:visited
					{	color: #222; opacity: 1.0; filter: alpha(opacity=100); -moz-opacity: 1.0; }

.case.d #menu a:link,
.case.d #menu a:visited
					{	color: #fff; }
.case.dd #menu a:link,
.case.dd #menu a:visited
					{	color: #eee; }

.case.d #menu a:hover
					{	color: #ddd; }
.case.dd #menu a:hover
					{	color: #ccc; }

.case.d #menu a:active,
.case.d #menu .current_page_item a:link,
.case.d #menu .current_page_item a:visited
					{	color: #fff; }

.case.dd #menu a:active,
.case.dd #menu .current_page_item a:link,
.case.dd #menu .current_page_item a:visited
					{	color: #bbb; }

	/** end: menu styles */


#footer 				{	float: none; clear: both; margin: 4em 0 -3em;
							text-align: center; color: #898989; }


/* content styles */

	/* content: browser */

#browser			{	z-index: 25; position: absolute; top: 8px; left: 0; display: block; width: auto; height: auto;
						font-weight: bold; font-size: 0.8em; }

#browser .disabled	{	display: none; color: #fff; }

#home #browser		{	display: none; }

#browser #prev,
#browser #next,
#browser #br_div	{	float: left; display: block; width: 16px; height: 24px; }

#browser #br_div	{	background: url(images/arrow_div.gif); text-align: center; }

#browser #prev span,
#browser #next span	{	display: none; }

#browser a#prev:link,
#browser a#prev:visited
					{	background: url(images/arrow_left.gif) 0 50% no-repeat; }
#browser a#prev:hover
					{	background: url(images/arrow_left_over.gif) 0 50% no-repeat; }

#browser a#next:link,
#browser a#next:visited
					{	background: url(images/arrow_right.gif) 0 50% no-repeat; }
#browser a#next:hover
					{	background: url(images/arrow_right_over.gif) 0 50% no-repeat; }

	/* content: end browser */


#home #cascade		{ 	position: absolute; top: 0; left: 320px; width: 470px; height: 550px; overflow: hidden;
						/* background: #008195; */ }

#home #cascade p	{	margin: 220px 0 0 0; width: 200px; font-size: 11px; }


#content #detectie p{	font-size: 11px; }

#content			{	float: left; position: relative; margin: 0 0 0 30px; width: 590px; height: auto;
						padding: 0; overflow: inherit; zoom: 1; /* background: #f00; */ }

#home #content		{	z-index: 100; }

.berichten #content	{	width: 480px; padding-right: 110px; }

.page #content,
.tekstpagina #content,
.pagina #content	{	width: 640px; }

.case #content,
#routekaart #content{	width: 790px; }

#content h1			{	margin: 0; padding: 52px 0 13px 0;
						color: #008195; font-family: "Lucida Grande", Verdana, sans-serif;
						font-size: 24px; line-height: 1em; font-weight: normal; }
						
.berichten #content h1
					{	padding-bottom: 0; }						

#content h2			{	color: #222; font-size: 12px; line-height: 18px; font-weight: bold; }

.berichten #content h2
					{	color: #008195; }

#home #content h2 a:link,
#home #content h2 a:visited
					{	color: #444; }
#home #content h2 a:hover
					{	color: #222; }

#content h3			{	margin: 0; color: #222; font-size: 12px; line-height: 18px; font-weight: bold; }


#home #actueel		{	clear: both; width: 280px; margin: 0; }

#berichten .post	{	clear: both; margin: 0 0 32px 0; 
						overflow: hidden; zoom: 1; }

#berichten #content h2
					{	display: inline; font-size: 11px; }

#berichten h2 a:link,
#berichten h2 a:visited
					{	color: #111; }
#berichten h2 a:hover
					{	color: #31b3aa; }

.entry				{	position: relative; margin: 13px 0 0 0; width: auto; padding: 0 0;
						/* background: #fc0; */ overflow: inherit; zoom: 1; }

#home .entry		{	margin-top: 36px; }

#berichten .entry,	
#berichten .postmeta
					{	float: left; width: 290px; }

#berichten .entry	{	margin: 0 30px 0 0; }


#berichten .entry p	{	display: inline; font-size: 11px; line-height: 16px; }

#content .postmeta	{	color: #666; font-weight: bolder; font-size: 11px; }

#berichten #content .postmeta,
.berichten #content .postmeta,
.zoeken #content .postmeta,
#actueel li			{	clear: none; background: url(images/icon-cal.gif) 0 5px no-repeat;
						padding: 0 0 0 0; 
						color: #666; }
#actueel li			{	clear: both; padding: 18px 0 0 0; }

#berichten .postmeta em,
.berichten .postmeta em,
#actueel li a		{	font-weight: normal; font-style: normal; }
					
#berichten .postmeta em a:link,
.berichten .postmeta em a:link,
#berichten .postmeta em a:visited,
.berichten .postmeta em a:visited
					{	color: #666; }

#berichten .postmeta em a:hover,
.berichten .postmeta em a:hover
					{	color: #31b3aa; }

.case .entry		{	margin-top: 61px; padding: 0; width: 420px; height: 555px; }

#content .last		{	margin: 0; }

#content p,
#content address	{	clear: both; margin-bottom: 1.5em; color: #555; font-size: 1em; }

#content p.edit		{	z-index: 100; position: absolute; top: 10px; right: 0; font-size: 11px; }

.case #content p
					{	font-size: 11px; line-height: 16px; }

#content small		{	font-size: 10px; line-height: 16px; }
					
#content small.metadata
					{	color: #666; font-size: 11px; }

.metadata.chapeau	{	 }
.metadata.date		{	display: block; margin-bottom: 2em; color: #999; }

#content p a:link,
#content p a:visited{	color: #ff6a00; }
#content p a:hover	{	color: #009a38; }


	/* case styles */
	
.case #content .entry{	margin-top: 36px; }

.case .entry h2,
.case .entry p,
.case .entry a		{	visibility: visible; /* overflow: hidden; display: none; */ }


.case.video .entry h2,
.case.video .entry p,
.case.video .entry a	
					{	visibility: visible; }

.case #content h2	{	display: inline; font-size: 11px; }

.case #content h2,
.image #content h2	{	margin: 0; padding: 62px 0 2px 0; font-size: 11px; }

.case #content p	{	display: inline; margin: 0 0 0 1em; }


#casetext			{	position: absolute; top: 320px; left: 0; }

#content #casetext h2,
#content #casetext p
					{	display: block; }
#content #casetext h2
					{	margin: 0; padding: 0; }
#content #casetext p
					{	margin: 0 0 1em 0; }					
					
					

.case #content a.url
					{	position: absolute; top: -24px; left: 0; font-size: 11px; }
.case #content a.url:link,
.case #content a.url:visited
					{	color: #666; }
.case #content a.url:hover
					{	color: #ff6a00; }

	/* end: case styles */


.kaartje			{	margin: 18px 0 18px 0; }


	/* kolommen */

#content .column	{	float: left; margin: 0 30px 0 0; width: 290px; /* background: #f90; */ }

#routekaart #content .column
					{	position: relative; top: -84px; left: 0; 
						font-size: 11px; font-weight: bold; }
.field-field-animation
					{	clear: both; }
#routekaart .field-field-animation
					{	position: absolute; top: -30px; left: 0; }

	/* casebeeld

		problems in ff2/camino when:
	
		- bounds of flashmovie outside viewport
		- flashmovie is cut off inside wrapper
		
		- text is hidden behind movie with mootools
		
		- flash wrapper placed with a negative top value touching masthead
	*/


.case .flashnode_wrapper
					{	z-index: 50; position: absolute; top: 4px; left: 0;
						width: 790px; height: 550px; overflow: hidden; }
						
.case.video .flashnode_wrapper,
.case .flashnode_wrapper.video
					{	top: 84px; }
					
.case #flashnode	{	z-index: 60; position: absolute; top: 0; left: 0; overflow: hidden; }


	/* end: casebeeld */


#formplane			{	z-index: -10; position: relative; top: -420px; left: 80px; }
#nieuwsbrief #formplane
					{	top: -420px; left: 140px; }


	/* sidebar styles */
	
#sidebar			{	position: absolute; left: -200px; }

#sidebar h2, 
#sidebar p			{	font-size: 11px; }

#sidebar h2 a:link,
#sidebar h2 a:visited{	color: #444; }
#sidebar h2 a:hover	{	color: #009a38; }


	/* end : sidebar styles */

	/* form styles */

tr.even, tr.odd		{	background: #f8f8f8;
						border-color: #ccc; }

fieldset			{	margin: 0; padding: 0; border: none; }

#content form p		{	margin: 0; border-width: 0 0 1px 0; border-style: solid; border-color: #009a38; }

#content form p:firstchild
					{	border: none; }


label				{	float: left; position: relative; margin: 15px 0 3px 0; width: 150px;
						font-size: 0.95em; font-weight: bold; line-height: 1.5em; }

fieldset.checkboxes label
					{	height: 100px; }
fieldset.checkboxes p
					{	border: none; }
					
.webform-component-select .form-item
					{	float: left; margin: 0 0 0.5em 0; }
.webform-component-select .form-item .form-item
					{	margin: 0; border: none; }
fieldset.checkboxes	{	margin: 10px 0 0 0; }
fieldset.checkboxes label.option
					{	margin: 0 0 0 0; width: 440px; height: 25px;
						font-weight: normal; }
.checkboxes .option input
					{	margin: 0; }
.webform-component-textfield .description,
.webform-component-email .description
					{	display: none; }

.required			{	position: absolute; left: 135px;
						color: #ff6a00; }

form br 			{	display: none; clear: none; }

input,
textarea			{	margin: 10px 0 3px 0; width: auto; height: auto;
						font-size: 1em; line-height: 1.5em; }
textarea			{	height: 150px; }						
						
input[type="text"],
textarea			{	background: #fff; padding: 4px 6px;
						border-width: 0 0 1px 0; border-color: #ff6a00; border-style: solid; }
					
#content input[type="text"],
#content textarea	{	width: 426px !important; width: 423px; border-width: 0 0 0 2px; }

input.checkbox,
input.radio 		{	margin-top: 0.5em; margin-right: 10px; width: auto; height: auto;
						background: transparent; border: none; }

.form_notice		{	margin: 0 0 5px 0; padding: 10px 0 10px 0; border-width: 2px 0 0 0;
						border-style: solid; border-color: #f30; }
#content .form_notice p
					{	display: none; padding: 10px 0 10px 0; border: none; }

.form_notice img	{	display: none; }						

input.form_error	{	border-color: #f30; }

input[type="submit"]{	clear: both; margin: 20px 0; padding: 0;
						border: none; background: none; 
						font-weight: bold; color: #ff6a00; }
input[type="submit"]:after
					{	content: " →"; }
input[type="submit"]:link,
input[type="submit"]:visited
					{	color: #ff6a00; cursor: default; }
input[type="submit"]:hover	
					{	color: #333; cursor: pointer; }

input.button,
input.submit		{	clear: left; margin: 10px 10px 0 0; width: auto; height: auto;
						background: transparent; border: 1px solid #bbb; }
input.button:link,
input.button:visited{	background: #000; color: #fff; }
input.button:hover	{	background: #333; color: #fff; }

	/* list styles */

hr				{	margin: 0; height: 1px; background: #5294c1; padding: 0; border: none; }

ul				{	margin: 0 0 0 10px; padding: 0; }
ol				{	margin: 0.75em 0 1.25em; padding: 0; }

ul li,
ol li			{	margin: 0; }

ul li			{	padding: 0 0 0 20px; list-style-type: none; list-style-image: none;
					background: transparent url(images/menu-leaf.gif) no-repeat 0 .35em; /* LTR */ }

ol li			{	padding: 0 0 .3em; margin-left: 2em; /* LTR */ }

.item-list ul	{ 	margin: 0.35em 0 0 -0.5em; /* LTR */ padding: 0; }

.item-list ul ul
				{	margin-left: 0em; /* LTR */ }

ul.inline li	{	margin: 0; background: none; padding: 0 1em 0 0; /* LTR */ }

ol.task-list	{	margin-left: 0; /* LTR */ list-style-type: none; list-style-image: none; }
ol.task-list li {	padding: 0.5em 1em 0.5em 2em; /* LTR */ }
ol.task-list li.active
				{	background: transparent url(images/task-list.png) no-repeat 3px 50%; /* LTR */ }
ol.task-list li.done
				{	background: transparent url(../misc/watchdog-ok.png) no-repeat 0px 50%; /* LTR */
					color: #393; }
ol.task-list li.active
				{	margin-right: 1em; /* LTR */ }

dl				{	float: left; margin: 0.5em 0 1em 0;  width: 290px; }
dl dt 			{	margin: 0 0 .3em 0; font-weight: bold; }
dl dd			{	margin: 0 0 1.7em 0; }

img, a img		{	border: none; }


.form-checkboxes, .form-radios, .form-checkboxes .form-item, .form-radios .form-item {
  margin: 0.25em 0;
}

#content form		{	width: 590px; margin-bottom: 2em; }