* {
	margin: 0;
	padding: 0;
}

html,
body {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	background: url(images/bg_kev.jpg) #0066ae;
	background-attachment:fixed;
	background-position: 50% 50%;
}

/* ====== container ====== */

#container {
	position: absolute; 
	top: 50%; left: 50%;  
	margin: -261px 0 0 -480px;
	height: 547px;
	width: 800px;
/*	border: 1px blue solid; */
}

/* ====== navigatie ====== */

#navigatie p {
	display: none;
}

#navigatie {
	float: left;
	width: 280px;
	height: 445px;
}

/* ====== foto boven ====== */

#image1 {
	padding: 9px 0 0 10px;
	float: left;
	width: 176px;
	height: 176px;
}

/* ====== foto beneden ====== */

#image2 {
	padding: 6px 0 0 10px;
	float: left;
	width: 176px;
	height: 176px;
}

/* ====== menu ====== */

#primair ul {
	list-style: none outside;
}

#primair li {
	padding: 10px 9px 10px 0;
}

#primair a,
#primair .huidige {
	padding: 12px 9px 12px 50px;
	color: #d2fcff;
	font-size: 14px;
	letter-spacing: 1px;
	text-decoration: none;
}

#primair a:hover {
	color: #fff;
}

#primair .huidige,
#primair .huidige:hover {
	color: #0086df;
	font-weight: bold;
	background: url(images/mark.gif) top left no-repeat;
}


/* ====== inhoud ====== */

#inhoud {
	float: left;
	width: 490px;
	height: 445px;
}

/* ====== content met foto's rechts (scroll) ====== */

#content {
	unicode-bidi:bidi-override;
	display:block; 
	width: 100%;
	height: 444px;
	overflow: auto;
	float: left;
	margin: 60px 0 0 0;
	padding: 0 10px 0 0;
	line-height: 140%;
	font-size: 14px;
}

#scroll {
	overflow: auto;
}

/* ====== table ====== */

td {
	vertical-align: top;
}




/* ====== menu #1 ====== 

#navigatie p {
	display: none;
}

#flag {
	padding-left: 25px;
}

#primair {
	background: url("./images/menu_1.jpg") top right no-repeat;
	background-color: #81b6b2;
	font-size: 10px;
	font-weight: bold;
	line-height: 120%;
	float: left;
	width: 1000px;
	height: 40px;
}

#primair img {
	margin: 5px 7px 0 0;
	border: 0;
}

#primair ul {
	list-style: none outside;
	margin: 3px 0;
	height: 1.7em;
}

#primair li {
	float: left;
	margin: 0 -3px 0 0;
	padding: 0.15em 9px;
	display: inline;
}

#primair a,
#primair .huidige {
	color: #fff;
	text-decoration: none;
	display: block;
	float: left;
}

#primair a:hover {
	color: #fff;
}

#primair .huidige,
#primair .huidige:hover {
	color: #81b6b2;
}

/* ====== menu #2 ====== 

#lvl2 {
	font-weight: bold;
	line-height: 120%;
	height: 20px;
	margin-top:19px;
}

#lvl2 ul {
	list-style: none outside;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	position:absolute;
}

#lvl2 li {
	padding: 0 9px 0 0;
	margin: 0;
	display: inline;
}

#lvl2 a {
	color: #fff;
	text-decoration: none;
}

#lvl2 .huidige,
#lvl2 .huidige:hover {
	color: #333530;
}







/* ====== fixed links ====== 

#fix-links {
	position: absolute;
	top: 137px;
	left: 745px;
	font-weight: bold;
	line-height: 120%;
	height: 20px;
	width: 290px;
}

#fix-links ul {
	list-style: none outside;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	position:absolute;
}

#fix-links li {
	padding: 0 9px 0 0;
	margin: 0;
	display: inline;
}

#fix-links a {
	font-size: 10px;
	color: #fff;
	text-decoration: none;
}

#fix-links .huidige,
#fix-links .huidige:hover {
	color: #333530;
}




/* ====== content met foto's rechts (scroll) ====== 

#content {
	unicode-bidi:bidi-override;
	display:block; 
	width: 710px;
	height: 285px;
	overflow: auto;
	float: left;
	margin: 20px 0 0 0;
	padding: 0;
	line-height: 130%;
	font-size: 11px;
	text-align: justify;
}


/* ====== content volle breedte (scroll) ====== 

#content_breed {
	position: absolute;
	top: 160px;
	left: 0;
	unicode-bidi:bidi-override;
	display:block; 
	width: 995px;
	height: 280px;
	overflow: auto;
	float: left;
	margin: 20px 0 10px 0;
	line-height: 130%;
	font-size: 11px;
	text-align: justify;
}

/* ====== content voorpagina (scroll) ====== 

#content_home {
	position: absolute;
	top: 160px;
	left: 300px;	
	unicode-bidi:bidi-override;
	display:block; 
	width: 410px;
	height: 280px;
	overflow: auto;
	float: left;
	margin: 20px 0 10px 0;
	line-height: 130%;
	font-size: 11px;
	text-align: justify;
}

/* ====== content fixed pagina's (scroll) ====== 

#content_extra_laag {
	position: absolute;
	top: 154px;
	left: 100px;	
	unicode-bidi:bidi-override;
	display:block; 
	width: 710px;
	height: 380px;
	overflow: auto;
	float: left;
	line-height: 130%;
	font-size: 11px;
	background: #fff;
	border: solid 1px #bbb;
	text-align: left;
	z-index: 5;
}


#content_film {
	position: absolute;
	top: 134px;
	left: 125px;	
	unicode-bidi:bidi-override;
	display:block; 
	width: 400px;
	height: 343px;
	overflow: auto;
	float: left;
	line-height: 130%;
	font-size: 11px;
	background: #fff;
	border: solid 1px #bbb;
	text-align: left;
	z-index: 5;
}


/* ====== animatie ====== 

a#animatie,
a#animatie:active,
a#animatie:visited
{
  background-image: url('http://www.nomonro.com/img/nomonro_illustratie.jpg');  
  width: 241px;
  height: 278px;
  display: block;
}
a#animatie:hover {
  background-image: url('http://www.nomonro.com/img/nomonro_illustratie_mouseover.jpg');
  width: 241px;
  height: 278px;
  display: block;
}
#play_text {
	display: none;	
}

#content_animatie {
	unicode-bidi:bidi-override;
	display:block; 
	width: 710px;
	height: 285px;
	overflow: auto;
	float: left;
	margin: 20px 0 0 175px;
	padding: 0;
	line-height: 130%;
	font-size: 11px;
	text-align: justify;
}


#scroll {
	overflow: auto;
}
/* ====== foto home ====== 

#foto_home {
	position: absolute;
	top: 180px;
	left: 20px;
	float: left;
}

#foto_home img {
	border: 0;
}

/* ====== foto boven ====== 

#foto_1 {
	position: absolute;
	top: 180px;
	left: 745px;
	z-index: 1;
}

#foto_1 img {
	border: solid 2px #403f3a;
}

/* ====== foto beneden ====== 

#foto_2 {
	position: absolute;
	top: 388px;
	left: 745px;
	z-index: 1;
}

#foto_2 img {
	border: solid 2px #fff;
}

/* ====== slogan tekst onder ====== 

#slogan_home {
	position: absolute;
	top: 490px;
	left: 300px;
	font-size: 16px;
	color: #81b6b2;
}

#slogan {
	position: absolute;
	top: 490px;
	left: 80px;
	font-size: 16px;
	color: #81b6b2;
}

#slogan a,
#slogan a:hover,
#slogan a:visited {
	color: #81b6b2;
	text-decoration: none;
}

/* ====== footnote ====== 

#footer {
	position: absolute;
	top: 575px;
	left: 80px;
	color: #fff;
}

#footer a,
#footer a:hover,
#footer a:visited {
	color: #fff;
	text-decoration: underline;
}

/* ====== table ====== 

table.form_tbl {
	width: 580px;
}
td {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: top;
}

td.veld {
	width: 120px;
}
td.invoer {
	width: 400px;
}
td.select_invoer {
	width: 110px;
}
td.naam_invoer {
	width: 290px;
}

/* ====== Inputs ====== 

input, textarea, select {
	background-color: #d3d3d3;
	border-width:0;
	width: 100%;
	height: 15px;
	font-size: 11px;
}

input.send {
	background-color: #333530;
	color: #fff;
	width: 80px;
	margin-left: 14px;
	font-size: 11px;
}

textarea{
	height: 30px;
}

*/