/* Stylesheet "Nationaal Landschap - IJsseldelta" :: v1 (25-04-2007) */
/* Coded by "WeCode.nl"  */
/* You may learn from this CSS and use its techniques in your own projects, but the unique combination of images, colors, sizes, typography, and positioning ("the design") is copyright (c) 2007 "Nationaal Landschap - IJsseldelta" and may not be used by anyone but us. */ 

/*
	Style Index
	---------------------
	
	$1 - Site Structure Styles
		$1.1 - General Styles
		$1.2 - Main Layout Styles
		$1.3 - Shared Layout Styles
		
	$2 - Content Styles
		$2.1 - General Content Styles
		$2.2 - Heading Styles
		$2.3 - Paragraph Styles
		$2.4 - Link Styles
		
	$3 - List Styles
		$3.1 - General Lists
		$3.2 - Main Navigation
		$3.3 - Sidebar Lists
		
	$4 - Image Styles
		$4.1 - General Image Styles
		$4.2 - Image Buttons

	$5 - Form Styles
		$5.1 - General Form Styles
		
*/ 







/*** $1 - Site Structure Styles ***/

		/* 1.1 - General Styles */
		
			* {
				margin:0;
				padding:0;
			}
						
		/************************/
	
		/* 1.2 - Main Layout Styles */
	
			body {
				background: #fff;
				color:#2c2c2c;
				font-family:Arial, Helvetica, sans-serif;
				font-size: 12px;
				line-height: 20px;
			}
			
			#wrapper {
				margin: 0 auto;
				position:relative;
				width: 940px;
			}
			
				#body_home #wrapper {background:url(graphics//bg_wrapper_home.gif) repeat-y top center; width: 940px;}
				#body_login #wrapper {background:url(graphics//bg_wrapper_home.gif) repeat-y top center; width: 940px;}
				#body_toerisme #wrapper {background:url(graphics//bg_wrapper_toerisme.gif) repeat-y top center; width: 940px;}
				#body_wonen #wrapper, #body_natuur #wrapper {background:url(graphics//bg_wrapper_wonen.gif) repeat-y top center; width: 940px;}
			
			#header {
				background: url(graphics//bg_header_lente.jpg) no-repeat top center #fff;
				height:298px;
			}
			
			#content {
				position: relative;
				display:table;
				width: 940px;
			}
			
			#content:after {
    		/* clear floats with standard compliant code */
   				content: ".";
    			display: block;
    			clear: both;
    			height: 0;
    			font-size: 0;
    			line-height: 0%;
    			visibility: hidden;
			}
			
			#content_newsletters {
				background: #fff;
			}

			* html #content {
			    height: 1px; /* clear floats for IE5,6 */
			}
			
			*+html #content {
			    min-height: 0;  /* clear floats for IE7 */
			}
			
			
			
			.sidebar {
				float: left;
				width: 147px;
				overflow-x: hidden; /* hide large words */
			}
			
			.column1 {
				margin:0 25px 0 0;
			}
			
			.column2 {
				margin:0 15px 0 20px;
			}
			
			#body_wonen .column2, #body_toerisme .column2, #body_natuur .column2{
				margin: 25px 0 0 31px;
				width: 306px;
			}
			
			
			
			.column3 {
				margin:0 0 0 9px;
			}
			
			* html .column3 {
				margin:0 0 0 7px;
			}
									
			#main, #cmsPage, #cmsList {
				position: relative;
				width:430px;
				float:left;
			}
			
			#main {
				padding-top: 23px;
			}

			
		/************************/
	
		/* 1.3 - Shared Styles */
	
			#wrapper .left {
				float:left;
			}
	
			#wrapper .right {
				float:right;
			}
	
			#wrapper .nopadding {
				padding: 0 0 0 0;
			}

			#wrapper .nomargin {
				margin: 0 0 0 0;
			}

			#wrapper .noborder {
				border: 0;
			}

			#wrapper .nobackground {
				background:none;
			}			
			
			#wrapper .block {
				display:block;
			}
			
			#wrapper .clear {
				clear:both;
				height:0;
			}
			
			#wrapper .center {
				text-align:center;
			}







/*** $2 - Content Styles ***/

		/* 2.1 - General Content Styles */
		
			a:link, a:visited{
				color: #343e99;
				text-decoration:none;
			}
			
			a:hover, a:active{
				text-decoration:underline;
			}
					
		/************************/
	
		/* 2.2 - Heading Styles */

			h1 {
				background:url(graphics//bg_hr.gif) repeat-x top left;
				color: #001a48;
				font-size:18px;
				margin:0 0 12px 0;
				padding:20px 0 0 0;
			}
			
				#body_toerisme h1, #body_toerisme h3, #body_toerisme h3 a.linkKop {color:#e75012;}
				#body_wonen h1, #body_wonen h3, #body_wonen h3 a.linkKop {color:#0060a9;}
				#body_natuur h1, #body_natuur h3, #body_natuur h3 a.linkKop{color:#cbb900;}

			h2 {
				background:url(graphics//bg_title.gif) no-repeat #fed41c;
				color: #001a48;
				font-size:14px;
				line-height:19px;
				padding:0 0 0 7px;
				width:140px;
			}
			
			#main h2, #cmsPage h2, #cmsList h2 {
				width: 420px;
				background: none;
				margin-bottom: 2em;
			}

			#body_toerisme #tips h2, #body_wonen #tips h2, #body_natuur #tips h2 {
				color: #fff;
				font-size:14px;
				line-height:19px;
				padding:0 0 0 7px;
				width:300px;
			}
							
			#body_toerisme #tips h2 {
				background:url(graphics//bg_title_toerisme.gif) repeat-x center left;
			}
							
			#body_wonen #tips h2 {
				background:url(graphics//bg_title_wonen.gif) repeat-x center left;
			}
							
			#body_natuur #tips h2 {
				background:url(graphics//bg_title_natuur.gif) repeat-x center left;
			}
			
			h3 {
				font-size:14px;
				margin: 2em 0 0 0;
			}
			
			#body_toerisme #tips h3 {
				margin: 0.25em 0 ;
			}
							
			#body_wonen #tips h3 {
				margin: 0.25em 0 ;
			}
							
			#body_natuur #tips h3 {
				margin: 0.25em 0 ;
			}
			
			#body_login #tips h3,
			#body_home #tips h3 {
				margin: 0.25em 0 0.5em 0;
			}
				

			
		/************************/
	
		/* 2.3 - Paragraph Styles */		
			
			p {
				margin:0 0 12px 0;
			}
			
			.temperature {
				font-size:18px;
				font-weight:normal;
				line-height:1em;
				margin:10px 0 0 0;
			}
			
			#tips a span {
				display:none;
			}
		
					
		/************************/
	
		/* 2.4 - Link Styles */
		
			a.logo {
				height:50px;
				left:9px;
				position:absolute;
				top:20px;
				width:225px;
			}
			
			#wrapper .sidebar a {	
				color:#001a48;
			}
			
			#wrapper .submenu li a {
				color:#fff;
				display:block;
				margin:0 3px 0 10px;
				line-height:21px;
				padding: 0.1em 0;
			}
			
			*+html #wrapper .submenu li,
			* html #wrapper .submenu li a {
				border: 1px solid #fff;
			}
			
			* html #wrapper .submenu li {
				xmargin: 0;
			}
			
			#body_wonen .submenu .current a {
				background:url(graphics//bg_submenu_wonen_c.gif) no-repeat center right;
			}
			
			#body_toerisme .submenu .current a {
				background:url(graphics//bg_submenu_toerisme_c.gif) no-repeat center right;
			}
			
			#body_natuur .submenu .current a {
				background:url(graphics//bg_submenu_natuur_c.gif) no-repeat center right;
			}
			
			
			#body_home .submenu .current a {
background:transparent url(graphics//bg_submenu_home_c.gif) no-repeat scroll right center;}
			
			
			
			
			#body_login #tips a, #body_wonen #tips a, #body_toerisme #tips a, #body_natuur #tips a {
				bottom:5px;
				float:right;
				height:16px;
				position:absolute;
				right:5px;
				width:15px;
			}
			
			#body_toerisme #tips,
			#body_natuur #tips,
			#body_wonen #tips {
				position: relative;
			}
			
			#body_toerisme #tips .tools,
			#body_natuur #tips .tools,
			#body_wonen #tips .tools {
					width: 306px;
					margin: 0.5em 0;
					padding: 0;
			}
			
			#body_toerisme #tips .tools li,
			#body_natuur #tips .tools li,
			#body_wonen #tips .tools li {
					margin: 0;
					padding: 0.5em 0 0.5em 0;
					float: left;
					width: 100%;
					border: none;
			}
			
			#body_toerisme #tips .tools li a,
			#body_natuur #tips .tools li a,
			#body_wonen #tips .tools li a {
				display: block;
				float: none;
				position: relative;
				margin:0pt;
				padding: 0.125em 10px;
				width: 90%;
				background:none;
			}
			
		
			
			#body_wonen #tips a.linkKop, #body_login #tips a.linkKop, #body_toerisme #tips a.linkKop, #body_natuur #tips a.linkKop {
				position: relative;
				float: none;
				background: none;
				font-size:14px;
				height: 16px;
				top: 0;
				left: 0;
				text-decoration: none;
				background-image: none;
			}
			
			#body_login #tips a.linkKop,
			#body_home #tips a.linkKop {
				line-height: 100%;
			}
			
				
			#body_wonen #tips a.linkKop:hover, #body_login #tips a.linkKop:hover, #body_toerisme #tips a.linkKop:hover, #body_natuur #tips a.linkKop:hover {
				text-decoration: underline;
			} 
			
			#body_toerisme #tips a {
				background:url(graphics//bg_link_arrow_toerisme.gif) no-repeat;
			}
			
			#body_wonen #tips a {
				background:url(graphics//bg_link_arrow_wonen.gif) no-repeat;
			}
			
			#body_natuur #tips a {
				background:url(graphics//bg_link_arrow_natuur.gif) no-repeat;
			}
			






/*** $3 - List Styles ***/

		/* 3.1 - General Lists */
		
			ul li {
				list-style:none;
			}
			
		/************************/
	
		/* 3.2 - Main Navigation */
		
			
			#header ul#main_nav {
				position:absolute;
				right:14px;
				top:18px;
			}
			
			#header ul#main_nav li {
				display:inline;
				margin:0 0 0 8px;
			}
			
			#header ul#main_nav a {
				color:#001a48;
				padding:0 0 0 16px;
			}
			
			#header ul#main_nav li.current a {
				background:url(graphics//bg_mainnav_current.gif) no-repeat;
			}						
			
			#header ul#hoofdrichtingen {
				height:130px;
				position:absolute;
				top:152px;
				width:940px;
			}
			
			#header ul#hoofdrichtingen li {
				float:left;
			}			
			
			#header ul#hoofdrichtingen span {
				display:none;
			}
			
			#header ul#hoofdrichtingen a {
				display:block;
				height:130px;
			}
			
			#body_toerisme #header li#hr_toerisme_recreatie a {
				background:url(graphics//bg_hr_toerisme_active.gif) no-repeat;
				width:306px;
			}
			
			#header li#hr_toerisme_recreatie a {
				background:url(graphics//bg_hr_toerisme.gif) no-repeat;
				width:306px;
			}
			
			#body_natuur #header li#hr_natuur_landschap a {
				background:url(graphics//bg_hr_natuur_active.gif) no-repeat;
				width:317px;
			}
			
			#header li#hr_natuur_landschap a {
				background:url(graphics//bg_hr_natuur.gif) no-repeat;
				width:317px;
			}
			
			#body_wonen #header li#hr_wonen_werken a {
				background:url(graphics//bg_hr_wonen_active.gif) no-repeat;
				width:317px;
			}
			
			#header li#hr_wonen_werken a {
				background:url(graphics//bg_hr_wonen.gif) no-repeat;
				width:317px;
			}

		/************************/
	
		/* 3.3 - Sidebar List */
		
			.sidebar ul {
				background:#e5e5e5;
				color:#001a48;
				line-height: 11px;
				margin: 0 0 11px 0;
				padding:0 10px 0 10px;
			}
		
			#body_home #tips,
			#body_login #tips{
				background:url(graphics//bg_ul_tips.jpg) no-repeat center bottom #def1fe;
				min-height:307px;
				padding: 0 0 80px 0;
			}
			
			* html #tips {
				height:307px;
			}
			
			#tips ul {
				background:none;
			}

			.sidebar li {
				position: relative;
				border: 1px solid #fff;
				border-width: 0 0 1px 0;
				font-size:11px;
				font-weight:bold;
				padding:10px 0 10px 0;
			}
			
			ul.submenu {
				background:none;
				margin: 0 0 50px 0;
				padding:0 0 0 0;
			}
			
			.submenu li {
				margin: 0 0 3px 0;
				padding: 0 0 0 0;
			}
			
				#body_wonen .submenu li {background:url(graphics//bg_submenu_wonen.gif) no-repeat #0362aa;}
				#body_toerisme .submenu li {background:url(graphics//bg_submenu_toerisme.gif) no-repeat #E85519;}
				#body_natuur .submenu li {background:url(graphics//bg_submenu_natuur.gif) no-repeat #d4c52c;}
				
				#body_home .submenu li {background:url(graphics//bg_submenu_home.gif) no-repeat #fecf00;}
				#body_home .submenu li a {color:#112854;}
				
			#body_wonen #tips li, #body_toerisme #tips li, #body_natuur #tips li {
				font-size: 11px;
				line-height: 14px;
				margin: 5px 0 10px 0;
				padding: 10px 10px 10px 10px;
				position: relative;
				width: 287px;
				
			}
			
			#body_wonen #tips li { background:#e5eff6;}
			#body_toerisme #tips li { background:#fdede7;}
			#body_natuur #tips li { background:#faf8e5;}
			
			#body_login #tips li,
			#body_home #tips li {
				font-weight: normal;
			}

		/************************/







/*** $4 - Image Styles ***/

		/* 4.1 - General Image Styles */
		
			img {
				border: none;
			}
			
		/************************/
	
		/* 4.2 - Image Buttons */
		
			#header img {
				display:none;
			}
			
			#tips img {
				margin:10px 0 0 0;
			}
			
			#body_wonen #tips li img, #body_toerisme #tips li img, #body_natuur #tips li img {
				float:left;
				margin:0 5px 0 0;
			}			
			
			#body_wonen #main img, #body_toerisme #main img, #body_natuur #main img {
				margin:5px 5px 0 0;
			}
			
			#body_wonen #main #cmsList img, #body_toerisme #main #cmsList img, #body_natuur #main #cmsList img {
				float:left;
			}
			
			#body_wonen #tips li a img, #body_toerisme #tips li a img, #body_natuur #tips li a img {
				float: none;
			}				

		/************************/







/*** $5 - Form Styles ***/

		/* 5.1 - General Form Styles */
		
			form {
				width: 95%;
			}
			
			form br {
			}
			
			fieldset {
			}
			
			legend {
			}
			
			label {
			}
			
			input {
				border: 1px solid #c0c0c0;
				color: #000;
			}
			
			input:focus, textarea:focus, select:focus{
			}				
						
			select {
			}
			
			textarea {
			}
			
			.submit {
			}
			
			
			
/* overig - Toegevoegd Max.nl */

#body_login #cmsPage h1,
#body_login #main h1,
#body_home #cmsPage h1,
#body_home #main h1 {
	background:transparent none repeat scroll 0%;
	padding:0pt;
}


#menu h2 {
	display: none;
}



form div {
	clear: left;
	margin: 0.33em 0;
}

form div label {
	display: block;
	width: 12em;
	float: left;
	
	position: relative;  /* to avoid MSIE peek-a-boo bug, when #content has a background and is liquid */
}

form div div {
	clear: none;
	float: none;
	width: auto;
	margin: 0 0 0 8em;
}

form div.file div,
form div.image div {
	/* undo previous for image/files */
	margin-left: 0;
}

* html form div div {
	/* fixes 3px jog in IE/WIN  */
	height: 1px;
}


/* form input fields */

form div div label {
	display: inline;
	width: auto;
	float: none;
}

form div div div {
	margin-left: 0;
}

/* admin tools, form footer */

ul.tools,
ul.tools li,
ul.footer,
ul.footer li {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.tools {
	line-height: 150%;
	border: none;
	background: #e5e5e5;
	margin-bottom: 1em;
	padding: 0.5em;
}

ul.tools *,
ul.footer * {
	vertical-align: middle;
}

ul.tools:after,
ul.footer:after {
	/* clear floats */
	content: "."; 
	font-size: 0;
	line-height: 0%;
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

* html ul.tools,
* html ul.footer {
	/* IE/WIN fix: element will behave as if there's a clearing element inside it */
	height: 0.1em;
}

*+html ul.tools,
*+html ul.footer {
    min-height: 0;  /* clear floats for IE7 */
}

form .footer {
	clear: both;
	border: 1px solid #a5acb2;
	background: #fff;
	margin: 1em 0;
	padding: 0.5em 0.5em 0.5em 12em;
}

form .footer input,
input.submit,
.button {
	font-weight: bold;
	padding: 0.1em 0.5em 0.2em 0.5em;
	background: #c0c0c0;
	color: #001a48;
	border: 1px solid #e5e5e5;
	cursor: pointer;
}



/* admin tool items */

ul.tools li,
ul.footer li {  /* footer is used in delete page */
	display: block;
	float: left;
}

* html ul.tools li a,
* html ul.footer li a {
	/* This makes the whole link clickable in IE/WIN, not just the text. */
	white-space: nowrap;
	width: 0.1em;
}

ul.tools li,
ul.footer li {
	font-weight: bold;
	background-color: #e5e5e5;
	background-repeat: no-repeat;
	background-position: 4px;
	border: 1px solid #e5e5e5;
	margin-right: 0.4em;
}

ul.tools li a,
ul.footer li a {
	display: block;
	text-decoration: none;
	padding: 0.125em 0.5em 0.25em 0.5em;
	margin: 0;
	background-color: #c0c0c0;
	color: #001a48;
	cursor: pointer;
}

ul.tools li a:link,
ul.tools li a:visited,
ul.footer li a:link,
ul.footer li a:visited {
	color: #001a48;
}



#meteo ul {
	margin-right: 0;
	padding: 0;
}

#googleEarth ul {
	margin: 0 0 10px 0;
	padding: 0;
}

#googleEarth ul li.noborder,
#meteo ul li.noborder {
	padding: 0;
}

#zoeken {
	margin-bottom: 5px;
}

#zoeken input {
	color: #000;
	font-size: 11px;
}


input.bg_zoek {
	background: transparent url(graphics//bg_link_arrow_toerisme.gif) no-repeat scroll 0%;
}

h4 {
	color: #c0c0c0;
	font-size: 12px;
	font-style:italic;
	padding-bottom: 0.4em;
	font-weight: normal;
}

#languages {
	position: absolute;
	top: 132px;
	right:5px;
	color: #fff;
	font-weight: bold;
	font-size: 80%;
}
#languages a {
	color: #fff;
}

#languages a:hover {
	color: #021847;
}
#wrapper .submenu a.img_edit,
#wrapper .submenu a.img_delete,
#wrapper .submenu a.img_up,
#wrapper .submenu a.img_down {
	display: inline;
	margin: 0 0.5em;
	background-image: none;
}

#wrapper .submenu a.img_up,
#wrapper .submenu a.img_down {
	padding: 0.5em 0.2em 0.7em 0.1em;
	margin-right: 0.2em;
}

#wrapper .submenu a.img_up {
	padding-left:30px;
}


.agenda_TR {
	color: #e75114;
}
.agenda_NL {
	color: #ccba02;
}
.agenda_WW {
	color: #0162aa;
}




#main ol, 
#cmsPage ol, 
#cmsList ol,
#main ol a, 
#cmsPage ol a, 
#cmsList ol a {
	margin:0 0 10px 0;
}

#main ol, 
#cmsPage ol {
	clear: left;  /* for IE6: float followed by absolute bug */
	margin-left: 2.5em;
}

#main ol h2 a {
	color: #001A48;
}

#main ol.maxBreadCrumbPath {
	left:0;
	position:absolute;
	top:0;
	margin: 0;
	font-style:italic;
}

* html #main ol.maxBreadCrumbPath {
	top: -15px;
}

#main ol.maxBreadCrumbPath a {
	color:#888989;
	font-style:italic;
}




#loggedin {
	position: absolute;
	left: 14px;
	top: 130px;
}

#loggedin li {
	display:inline;
	margin:0pt 0pt 0pt 8px;
}

#loggedin li a {
	color:#fff;
}

#loggedin .menuTitle {
	color:#fff;
	font-weight: bold;
	font-size: 110%;
}

/* tables */

table {
	border: none;
	border-spacing:	0;
	border-collapse: collapse;
	background:	;  /* for missing header elements above edit/delete cells */
	width: 96%; /* always pick full width */
	margin-right: 0.5em;
}

caption {
	font-size: 150%;
	line-height: 133%;
	color: #064276;
}

table tfoot td {
	border: none;
	border-top:	1px solid #fff; /* optical effect, to compensate the 'border-bottom' of the table */
}

/* table header */


thead th {
	text-align:		left;
	vertical-align:	top;
	background:		#def1fe;
	color:			#def1fe;
	border: 		none;
	 /* gives a glitch in MSIE */
}


thead th a:hover {
	text-decoration: none;
	color: #000000;
	

}

thead th a:link,
thead th a:visited {
	display: block;
	padding: 2px 5px;
}


* html thead th a {
	/* This makes the whole link clickable in IE/WIN, not just the text. */
	height: 0.1em;
}

thead th.asc a:link,
thead th.asc a:visited,
thead th.asc a:hover {
	background: #8CAD7A url(graphics/up.gif) no-repeat right;
}

thead th.desc a:link,
thead th.desc a:visited,
thead th.desc a:hover {
	background: #8CAD7A url(graphics/down.gif) no-repeat right;
}

tbody tr.active td {
	background: #8FBCD1;
	cursor: pointer;
}

tbody tr.active td.details,
tbody tr.active td.edit,
tbody tr.active td.delete {
	background: #8FBCD1;
}

/* table th/td styling */

tbody td {
	vertical-align: top;
	padding: 2px 5px;
	border-bottom: 1px solid #fff;
}

/* table details/edit/delete */

td.details,
td.edit,
td.delete {
	/* background: #E2EADF; */
	width: 16px;
}

table tbody tr:last-child td {
	border-bottom: 0;
}

/* table odd/even effects */

tr.odd td {
	
}

tr.even td {
	background: #d4ebfb;
}

td.asc,
td.desc {
	background: #DDEBF1;
	border-bottom: 1px solid #b4dffc;
}

tr.even td.asc,
tr.even td.desc {
	background: #b4dffc;
}

/* table row hover effects */

tbody tr:hover td.asc,
tbody tr.hover td.asc,
tbody tr:hover td.desc,
tbody tr.hover td.desc {
	background: #8FBCD1;
	color: #def1fe;
}

tbody tr.even td.details,
tbody tr.even td.edit,
tbody tr.even td.delete {
	/* background: #C5D6BB; */
}

tbody tr:hover td,
tbody tr.hover td {
	background: #DDEBF1;
	cursor: pointer;
	/* text-decoration: underline; */
}