/*** namaya.css ***/


/* generic html */

	html, body {
		margin: 0;
		padding: 0;
		}
	body {
		font: 1em verdana, arial, sans-serif;
		background-color: #ffc;
		color: #000;
		}
	
	h1, h2, h3, h4, h5 {
		font-family: "trebuchet ms", arial, sans-serif;
		font-weight: normal;
		}
	h1 {
		font-size: 1.7em;
		background-color: inherit;
		color: #f90;
		}
	h2 {
		font-size: 1.3em;
		}
	h3 {
		margin-top: 1.5em;
		margin-bottom: .5em;
		font-size: 1.1em;
		}
	h4 {
		font-size: .9em;
		}
	h5 {
		font-size: .6em;
		}
	
	td, dt, dd, li, p, address {
		font-size: .8em;
		}
		td p, 
		dt p, 
		dd p, dd ul li, dd ol li, dd dt, dd dd
		li p, li dd, li li, li dd p, li li p {
			font-size: 1em;
			}
	p {
		margin: 0 0 1em;
		}
	ol {
		}
	li {
		margin: .5em 0;
		}
	li p {
		margin: 0 0 .5em;
		}
	
	em {
		font-style: normal;
		background-color: inherit;
		color: #c00;
		}
	blockquote {
		margin: .5em 0 .5em 2em;
		padding-left: 80px;
		background-color: inherit;
		background: url(/_images/blockquote.gif) 0 0 no-repeat;
		color: inherit;
		}
	pre,
	code {
		font: 1.1em "courier new", monospace;
		}
	address {
		font: normal 1.1em "courier new", monospace;
		}
	abbr, 
	acronym {
		font-style: normal;
		border-bottom: dotted 1px;
		cursor: help;
		}
	
	img {
		border-width: 0;
		}
	
	hr {
		margin: 2em auto;
		border-style: solid;
		border-width: 1px 0 0;
		border-color: #f39e12;
		width: 80%;
		}



/* id's and classes */
	.clear {
		clear: both;
		}
	.no_break {
		white-space: nowrap;
		}
	p.message {
		border: solid 2px #c00;
		padding: .5em .8em;
		width: 80%;
		background-color: #fff;
		color: #c00;
		}
	p.message em {
		background-color: #fff;
		color: #c00;
		}
	div.image_center {
		margin-bottom: 10px;
		text-align: center;
		}
	.image_left {
		float: left;
		margin-right: 5px;
		margin-bottom: 5px;
		}
	.image_right {
		float: right;
		margin-left: 5px;
		margin-bottom: 5px;
		}
	.align_left {
		text-align: left;
		}

	
	div#container {
		position: absolute;
		top: 10px;
		left: 50%;
		margin-left: -385px;
		width: 770px;
		background: url(../_images/logo_200.gif) 0 0 no-repeat;
		}
	div#container h1 {
		z-index: 1;
		position: relative;
		margin-top: 50px;
		margin-bottom: 0px;
		margin-left: 300px;
		text-indent: -9999px;
		width: 260px;
		height: 60px;
		background: url(../_images/title.gif) 0 0 no-repeat;
		}
	div#container #ad {
		z-index: 0;
		position: absolute;
		top: 50px;
		left: 570px;
		margin: 0;
		padding-top: 40px;
		width: 206px;
		height: 206px;
		font: bold .9em/1.8em arial, sans-serif;
		text-decoration: none;
		text-align: center;
		background: url(../_images/IB-maart-2011.png) left top no-repeat;
		color: white;
		}
	body.fr div#container #ad {
		top: 250px;
		}
	
	div#language-switch {
		float: right;
		font-size: .8em;
		}
	
	
	div#global-navigation {
		float: left;
		margin: 100px 5px 0;
		padding: 0;
		width: 195px;
		background: #f39e12 url(../_images/bg_navigation_bottom.gif) 0 100% no-repeat;
		color: #000;
		}
	div#global-navigation ul {
		margin: 0 0 170px;
		padding: 40px 0 0;
		list-style: none;
		background-color: inherit;
		background: url(../_images/bg_navigation_top.gif) 0 0 no-repeat;
		color: #000;
		}
	div#global-navigation ul ul {
		margin-bottom: 0;
		padding: 0;
		background-image: none;
		}
	div#global-navigation li {
		font-weight: bold;
		line-height: 1.6em;
		}
	div#global-navigation li span, 
	div#global-navigation li a {
		display: block;
		margin: 0;
		padding: 0 20px;
		width: 155px;
		font-family: arial, sans-serif;
		text-decoration: none;
		line-height: 1.6em;
		}
	div#global-navigation li.main_current {
		border-left: solid 15px #f5ba42;	/*#f39e12;*/
		}
	div#global-navigation li.main_current span {
		margin: 0;
		padding-left: 5px;
		}
	div#global-navigation li li a {
		margin: 0;
		padding: 0 20px 0 40px;
		width: 135px;
		}
	div#global-navigation li.main_current li a {
		padding: 0 20px 0 15px;
		}
	
	div#global-navigation li span {
		background-color: inherit;
		color: #000;
		}
	div#global-navigation li.current li a,
	div#global-navigation li a {
		background-color: inherit;
		color: #ffc;
		}
	div#global-navigation li.main_current, 
	div#global-navigation li.current a {
		background-color: #f7d673;
		color: #000;	/*#f39e12;*/
		}
	div#global-navigation li li.current a {
		background-color: #f5ba42;
		color: inherit;
		}
	
	div#global-navigation li a:hover {
		background-color: #f7d673 !important;
		color: #c00 !important;
		}
	div#global-navigation li.main_current li a:hover {
		background-color: #f5ba42 !important;
		color: #c00 !important;
		}
	
	
	div#content {
		float: right;
		margin-top: 30px;
		margin-bottom: 50px;
		margin-left: 0;
		width: 545px;
		}
	div#content h2 {
		margin-top: 0;
		margin-left: 30px;
		}
	div#content h2 span {
		display: block;
		font-size: .65em;
		}
	div#content p.lead {
		font: bold italic 1em arial, sans-serif;
		}
	
	blockquote#extra_content {
		float: right;
		margin: 0 0 20px 20px;
		padding: 0;
		width: 220px;
		background-color: #f7d673; /*#ffff88;*/
		color: #000;
		}
	blockquote#extra_content p {
		margin: 1em;
		}
	blockquote#extra_content p.new_block {
		border-top: solid 2px #f39e12;
		padding-top: 1em;
		}
	blockquote#extra_content p span {
		display: block;
		margin-bottom: .5em;
		}
	blockquote#extra_content p a:visited {
		background-color: inherit;
		color: #00f;
		}
	blockquote#extra_content.back {
		width: 6em;
		}
	blockquote#extra_content.back p {
		margin: 1em;
		text-align: center;
		}
	
	p#created {
		clear: both;
		font-size: .6em;
		text-align: right;
		}



/* Section differences */
	body.home div#content {
		margin-right: 150px;
		width: 395px;
		}
	body.home div#content div {
		margin: 1em 0 2em;
		font-size: 1.1em;
		text-align: center;
		}
	body.home div#content div div {
		margin: 2em 0;
		font-size: 1.0em;
		}
	body.home div#content div div div {
		font-size: 1.0em;
		}
	body.home div#content div div div div {
		font-size: 1.0em;
		}
	body.home div#content div div div div div {
		font-size: 1.0em;
		}
	body.home div#content div div div div div em {
		font-size: 1.0em;
		font-style: italic;
		background-color: inherit;
		color: #000;
		}
	
	body.vakanties div#content dt, 
	body.contact div#content dt, 
	body.adressen div#content dt {
		font-weight: normal;
		}
	
	body.vakanties div#content form dt, 
	body.vakanties div#content form dd, 
	body.contact div#content dt, 
	body.contact div#content dd, 
	body.adressen div#content dt, 
	body.adressen div#content dd {
		margin-bottom: 2px;
		}
	body.vakanties div#content form dt, 
	body.contact div#content dt, 
	body.adressen div#content dt {
		float: left;
		margin-left: 0;
		width: 20%;
		}
	body.vakanties div#content form dd, 
	body.contact div#content dd, 
	body.adressen div#content dd {
		float: left;
		margin-left: 0;
		width: 79%;
		}
	body.vakanties div#content form dt input, 
	body.vakanties div#content form dd input {
		width: 150px;
		}
	body.vakanties div#content form dt.textarea, 
	body.vakanties div#content form dd.textarea {
		float: none;
		width: 100%;
		}
	body.vakanties div#content form dd.textarea textarea {
		margin-left: 10px;
		width: 400px;
		}
	body.vakanties div#content form p {
		clear: both;
		}
	
	body.contact div#content fieldset {
		display: block;
		margin-bottom: 20px;
		border: none;
		padding: 0;
		width: 100%;
		}
	body.contact div#content legend {
		margin-left: -5px;
		border: none;
		padding: .2em .8em;
		font: bold .8em arial, sans-serif;
		background: #f7d673;
		color: #000;
		}
	body.contact div#content fieldset dl, 
	body.contact div#content fieldset p {
		margin-top: 20px;
		margin-left: 20px;
		}
	
	body.adressen h2 {
		margin-bottom: 0;
		}
	body.adressen h3 {
		clear: both;
		margin-bottom: .5em;
		padding-top: 1.5em;
		}
	body.adressen dl {
		margin-top: 0;
		}



/* Printing */
	.hide, 
	.print, 
	#printtail {
		display: none;
		}
	
	#printtail {
		border: solid 1px #000;
		padding: 10px 4px;
		font: 11pt "courier new", courier, monospace;
		}
	
	@media print {		/* for paper only */
		.print, 
		#printtail {
			display: block;
			}
		.screen, 
		#global-navigation {
			display: none;
			}
		body {
			font: 12pt "times new roman", serif;
			background-color: #fff;
			color: #000;
			}
		h1, h2 {
			background-color: inherit;
			color: #000;
			}
		#container, 
		#content {
			float: none !important;
			top: 0 !important;
			left: 0 !important;
			position: relative !important;
			width: 100% !important;
			margin: 0 !important;
			}
		div#container h1 {
			margin-top: 0 !important;
			margin-bottom: 15pt !important;
			margin-left: 0 !important;
			text-indent: 0 !important;
			width: 100%;
			background: none;
			}
		#extra_content {
			float: none !important;
			}
		}