/* CSS OM ALLE MARGINS AAN TE PASSEN VAN ELEMENTEN DIE PER BROWSER ANDERS ZIJN */
:link,:visited { text-decoration:none }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,dl,dt,dd
{ margin:0; padding:0 }
a img,:link img,:visited img { border:none }
address { font-style:normal }
div.print { display: none; }

/* OVERIGE CSS */
body {
	background-color: #F2F2F2;
	background-image: url(../../images/nieuw/bg_body.jpg);
	background-repeat: repeat-x;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.3em;
}

h1 {
	color: #246E6E;
	font-weight: bold;
	margin-bottom: 15px;
	line-height: 1.2em;
	padding-right: 100px;
}

h2 {
	color: #246E6E;
	font-weight: bold;
	margin-bottom: 8px;
	line-height: 1.2em;
}

h3 {
	color: #246E6E;
	font-weight: bold;
	margin-bottom: 5px;
	line-height: 1.2em;
}

p {
	margin-bottom: 15px;
}

ul,
ol {
	margin-bottom: 15px;
	list-style-type: square;
	margin-left: 25px;
}

ol {
	list-style-type: decimal;
}

ul ul,
ul ol,
ol ol,
ol ul {
	margin-bottom: 0;
}

a,
a:link,
a:visited,
a:active,
a:hover {
	color: #333333;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

h1 a,
h1 a:link,
h1 a:visited,
h1 a:active,
h1 a:hover,
h2 a,
h2 a:link,
h2 a:visited,
h2 a:active,
h2 a:hover,
h3 a,
h3 a:link,
h3 a:visited,
h3 a:active,
h3 a:hover {
color: #246E6E;
text-decoration: none;
}

h1 a:hover,
h2 a:hover,
h3 a:hover {
text-decoration: underline;
}

fieldset {
	margin-bottom: 15px;
	padding: 5px;
	border: 1px solid #52A485;
}

table, td {
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.3em;
}

/* CONTAINER */
#container {
	display: block;
	width: 906px;
	margin: 0 auto;
}

/* CONTAINER > TOP */
#top {
	display: block;
	height: 52px;
	background-image: url(../../images/nieuw/bg_top.png);
	background-repeat: no-repeat;
}

/* CONTAINER > MIDDLE */
#middle {
	background-image: url(../../images/nieuw/bg_middle.png);
	background-repeat: repeat-y;
	padding: 9px 20px 9px 18px;
	width: 868px;
}

/* CONTAINER > MIDDLE > HEAD */
#head {
	display: block;
	height: 187px;
	background-repeat: no-repeat;
	background-position: bottom;
	position: relative;
}

div.header1 {
	background-image: url(../../images/nieuw/header/header_1.jpg);
}

div.header2 {
	background-image: url(../../images/nieuw/header/header_2.jpg);
}

div.header3 {
	background-image: url(../../images/nieuw/header/header_3.jpg);
}

div.header4 {
	background-image: url(../../images/nieuw/header/header_4.jpg);
}

div.header5 {
	background-image: url(../../images/nieuw/header/header_5.jpg);
}

div.header6 {
	background-image: url(../../images/nieuw/header/header_6.jpg);
}

/* CONTAINER > MIDDLE > HEAD > FADING */
#fading {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 187px;
	width: 868px;
	background-image: url(../../images/nieuw/bg_fading.png);
	background-repeat: no-repeat;
	background-position: bottom;
}

/* CONTAINER > MIDDLE > HEAD > LOGO */
#logo {
	position: absolute;
	top: 12px;
	left: 12px;
}

/* CONTAINER > MIDDLE > HEAD > PAYOFF */
#payoff {
	color: #009D62;
	position: absolute;
	top: 0;
	right: 0;
}

/* CONTAINER > MIDDLE > HEAD > LOGO-VRZHZ */
#logo-vrzhz {
	position: absolute;
	bottom: 12px;
	right: 0px;
}

/* CONTAINER > MIDDLE > BODY */
#body {
}

/* CONTAINER > MIDDLE > BODY > MENU */
#menu {
	display: block;
	width: 172px;
	float: left;
	clear: right;
	background-color: #52A485;
	background-image: url(../../images/nieuw/bg_menu.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

#menu ul {
	font-weight: bold;
	list-style-type: none;
	margin-left: 0;
}

#menu ul li {
	padding: 5px 0 5px 15px;
}

#menu ul li ul {
	padding-top: 5px;
}

#menu ul li a,
#menu ul li a:link,
#menu ul li a:active,
#menu ul li a:visited,
#menu ul li a:hover {
	text-decoration: none;
	color: #FFFFFF;
	background-image: none;
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
}

#menu ul li a:hover {
	background-image: url(../../images/nieuw/bg_menu_item_active.gif);
}

#menu ul li ul {
	padding-left: 15px;
}

#menu ul li ul li a,
#menu ul li ul li a:link,
#menu ul li ul li a:active,
#menu ul li ul li a:visited,
#menu ul li ul li a:hover {
	padding-left: 0px;
}

#menu ul li ul li a:hover {
	background-image: none;
	text-decoration: underline;
}

/* CONTAINER > MIDDLE > CONTENT */
#content {
	display: block;
	width: 560px;
	float: left;
	clear: right;
	padding: 40px 100px 0 35px;
	position: relative;
}

/* CONTAINER > MIDDLE > CONTENT > SERVICE */
#service {
	color: #666666;
	font-weight: bold;
	text-align: right;
	display: block;
	padding-top: 2px;
	vertical-align: middle;
	position: absolute;
	right: 0;
	top: 0;
	height: 30px;
}

#service img {
	vertical-align: text-bottom;
}

#service div.lettergrootte {
	position: absolute;
	display: block;
	width: 250px;
	top: 2px;
	right: 135px;
}

#service div.printimage {
	display: block;
	width: 135px;
	position: absolute;
	right: 0;
	top: 8px;
}

#service img.printimage {
	margin-left: 15px;
}

#service a,
#service a:link,
#service a:visited,
#service a:active,
#service a:hover {
	color: #666666;
	text-decoration: none;
}

/* CONTAINER > BOTTOM */
#bottom {
	display: block;
	height: 44px;
	background-image: url(../../images/nieuw/bg_bottom.png);
	background-repeat: no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-top: 8px;
	padding-left: 20px;
}

#bottom a,
#bottom a:link,
#bottom a:active,
#bottom a:visited,
#bottom a:hover {
	text-decoration: none;
	color: #666666;
}

#bottom a:hover {
	text-decoration: underline;
}

/* CLEAR DIV */
div.clear {
	width: 100%;
	height: 1px;
	font-size: 1px;
	line-height: 1px;
	clear: both;
	margin: 0;
	padding: 0;
}

/*
 * FORMS
 */

input {
  position: absolute;
  left: 200px;
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 10px;
  padding-top: 2px;
  padding-bottom: 2px;
}

select {
  position: absolute;
  left: 200px;
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 10px;
}

select.dummy {
  font-size: 10px;
}

textarea {
  position: absolute;
  left: 200px;
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 10px;
}

input.checkbox {
  margin-top: 5px;
  margin-left: -1px;
}

input.text {
  width: 200px;
}

input.small {
  width: 25px;
}

textarea.text {
  width: 200px;
  height: 100px;
}

textarea.newsletter {
  width: 350px;
  height: 200px;
}

textarea.left {
  position: relative;
  left: 5px;
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 10px;
  width: 200px;
  height: 30px;
}

input.textbig {
  width: 300px;
}

input.right {
  position: relative;
  /*left: -5px;*/
  left: 0;
}

input.left {
  position: relative;
  left: 0px;
  width: 200px;
}

input.grid {
  position: relative;
  left: 0px;
}

input.errorBig {
  width: 200px;
  border-width: 1px;
  border-style: solid;
  border-color: #FF0000;
  background: #FFC0C0;
  color: #000000;
}

input.errorSmall {
  width: 25px;
  border-width: 1px;
  border-style: solid;
  border-color: #FF0000;
  background: #FFC0C0;
  color: #000000;
}

select.errorNormal {
  border-width: 1px;
  border-style: solid;
  border-color: #FF0000;
  background: #FFC0C0;
  color: #000000;
}

.form {
  line-height: 25px;
}

select.right {
  position: relative;
  left: -5px;
}

.checkboxright {
  position: absolute;
  left: 410px;
  padding-top: 2px;
  padding-bottom: 2px;
}

.text4checkboxright {
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 10px;
  position: absolute;
  left: 430px;
}

/*
 * TABLES
 */

table {
  width: 600px;
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 13px;
}

td {
  vertical-align: top;
}

td.right {
  vertical-align: top;
  text-align: right;
}

th {
  vertical-align: top;
  text-align: left;
}

th.right {
  vertical-align: top;
  text-align: right;
}

tr {
  height: 15px;
}

.w25 {
  width: 25px;
}

.w275 {
  width: 275px;
}

.w200 {
  width: 200px;
}

/*
 * CMS STYLES
 */

.no1 {
  color: #A3CEBE;
}

.no2 {
  color: #A3CEBE;
  font-weight: bold;
}

.no3 {
  color: #DDF2EB;
}

.no4 {
  color: #DDF2EB;
  font-weight: bold;
}

/*
 * IMAGES
 */
img.noMargin {
  margin: 0px;
}

img.imgPos {
  position: absolute;
  left: 170px;
}

img.imgOpen {
  position: absolute;
  left: 410px;
}



p.error {
	border: 1px solid #F00;
	padding: 4px 8px;
	font-weight: bold;
}

img.right {
float: right;
margin: 5px 0 5px 10px;
}

img.left {
float: left;
margin: 5px 10px 5px 0;
}
