* {
	margin: 0;
	padding: 0;
}

html,
body {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	background: #676767;
}

body {
	scrollbar-face-color: #fff;
	scrollbar-highlight-color: #fff;
	scrollbar-shadow-color: #fff;
	scrollbar-3dlight-color: #fff;
	scrollbar-arrow-color: #81b6b2;
	scrollbar-track-color: #fff;
	scrollbar-darkshadow-color: #fff;
}

.cleardiv {
	float: left;
	border: 1px solid green;
}


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

#top {
	position: absolute;
	left: 50%;
	margin-left: -500px;
	width: 1000px;
	top: 20px;
	border: solid 1px #333;
}

/* ====== logo ====== */

#logo {
	height: 114px;
	overflow: hidden;
}
#logo img {
	border: 0;
}

/* ====== 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;
}


/* ====== hoofdveld ====== */

#inhoud {
	background: url("./images/bg.png") top right no-repeat;
	float: left;
	width: 1000px;
	height: 445px;
	background-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: 95px;	
	unicode-bidi:bidi-override;
	display:block; 
	width: 640px;
	height: 390px;
	overflow:hidden;
	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;
}


/* ====== keurmerk ====== */

#keurmerk {
	position: absolute;
	top: 486px;
	left: 665px;
	z-index: 1;
}

#keurmerk img {
	border: 0;
}


/* ====== 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;
}

#ban {
	position: absolute;
	top: 510px;
	left: 80px;;
}
#ban img {
border: 0;
}

/* ====== 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;
}