/*  MAIN LAYOUT */

html, body	{height: 100%;}

body {
background-color: #a3d8d0;
background-image:url(./../pix/bg.gif);
background-repeat:repeat-y;
background-position:top center;
font-family : Arial, sans serif;
font-size   : 12px;
color : #000000;
margin: 0px;
padding : 0px
}



#site {
background: #ffffff;
border : 0px solid #ffffff;
border-top : 0px solid;
position: absolute;
top: 0px;
left:50%;
width: 1000px;
margin: 0px;
margin-left: -500px;
padding:0px;
text-align:left;
}


#menuTop {
background: transparent;
border : 0px solid;
margin: 12px 0px 0px 0px;
padding:0px;
font-size   : 10px;
color : #888888;
display:block;
text-align:left;
width:1000px;
z-index: 10;
}



#menuTop img {
display:block;
margin-bottom:2px;
}


#subMenuTop {
background: #44bdac;
border : 0px solid;
margin: 2px 0px 2px 0px;
padding:0px;
font-weight:bold;
font-size:12px;
letter-spacing:0.1em;
display:block;
text-align:left;
color:#ffffff;
height:23px;
overflow:hidden;
}


#subSubMenuTop {
background: #44bdac;
border : 0px solid;
margin: 0px;
padding:0px;
font-weight:bold;
font-size:12px;
letter-spacing:0.1em;
display:block;
color:#ffffff;
max-height:23px;
overflow:hidden;
text-align:center;
}


#subMenuLeft {
background: #d8ecea;
border : 0px solid;
margin: 0px 0px 180px 0px;
padding:0px;
font-weight:bold;
font-size:12px;
letter-spacing:0.1em;
display:block;
text-align:left;
color:#ffffff;

}



#content {
background-color: #FFFFFF;
background-image:url(./../pix/bgcontent.gif);
background-repeat:repeat-y;
background-position:top center;
border : 0px solid #FFFFFF;
margin: 20px 0px 0px 0px;
padding:0px;
width:100%;
font-size : 10px;
color : #000000;
text-align:left;
}

#beeldmerk {
position:absolute;
bottom: 68px;
left:0px;
background-color: transparent;
background-image:url(./../pix/beeldmerk.gif);
background-repeat:no-repeat;
background-position:bottom left;
border :0px;
margin: 0px;
padding:0px;
width:174px;
height:174px;
z-index:1;
}



#menuLeft {
background-color: transparent;
float:left;
padding:0px;
margin:0px;
width: 252px;
}


#contentRight {
background-color: transparent;
float:right;
padding:0px;
margin:0px;
width: 739px;
}


div.text{
padding:24px 24px 24px 34px;
width: 470px;
}


div.text h2, div.text p {
color : #333333;
}

p.colorBarTop {
background-color: #0b8070;
background-image:url(./../pix/bgcolorbartop.gif);
background-repeat:no-repeat;
background-position:11px 7px;
border-bottom: 2px solid #ffffff;
margin: 0px;
padding:4px 4px 5px 34px;
color : #FFFFFF;
font-weight:bold;
}



p.colorBar {
background-color: #0b8070;
margin: 0px;
padding:4px 4px 5px 4px;
color : #FFFFFF;
font-weight:bold;
}


p.colorBarBottom {
background-color: #0b8070;
border: 0px;
border-top : 10px solid #FFFFFF;
border-bottom : 36px solid #FFFFFF;
margin: 0px;
padding:4px;
color : #FFFFFF;
font-weight:normal;
font-size:11px;
text-align:center;
clear:both;
}

p.colorBarBottomWhite {
background-color: #ffffff;
}


img {
border:solid 0px;
padding:0px;
margin:0px;
outline:none;
}


img.itemImage {
float:right;
border:solid 0px;
padding:0px;
margin:25px 0px 0px 0px;
width:193px;
height:193px;
outline:none;
}


h1 {
color: #000000;
background:url(./../pix/h1.png);
font-family : Arial;
font-size   : 15px;
padding:0px;
margin:0px;
font-weight:bold;
letter-spacing:0.1em;
}



h2 {
color: #000000;
font-family : Arial;
font-size   : 14px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
font-weight:bold;
}



h3 {
color: #000000;
font-family : Arial;
font-size   : 14px;
padding:0px 0px 5px 0px;
margin:0px;
font-weight:bold;
}


p {
font-size: 12px;
color: #000000;
padding:0px;
margin:0px;
text-align:left;
}




ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
	}

#menuTop td.off a {
display: block;
border-collapse: collapse;
background-position: left top;
background-repeat: no-repeat;
border: 0px solid #00a48b;
background-color: #00a48b;
padding: 4px;
color: #FFFFFF;
text-decoration: none;
width : 190px;
text-align : left;
font-weight:bold;
font-size:12px;
letter-spacing:0.1em;
}


#menuTop td.on a {
display: block;
border-collapse: collapse;
background-position: left bottom;
background-repeat: no-repeat;
border: 0px solid #00a48b;
background-color : #007f6c;
padding: 4px;
color: #eeeeee;
text-decoration: none;
width : 190px;
text-align : left;
font-weight:bold;
font-size:12px;
letter-spacing:0em;
}


div.fill {
background-color: #00a48b;
width:200px;
height:23px
}

table.dropDownMenu {
background:#ffffff;
margin-top:2px
}


#subMenuTop td.off a {
display: block;
border-collapse: collapse;
background-position: left top;
background-repeat: no-repeat;
border: 0px solid #00a48b;
border-right: 2px solid #ffffff;
background-color: #00a48b;
padding: 4px;
color: #FFFFFF;
text-decoration: none;
text-align : left;
font-weight:bold;
font-size:12px;
letter-spacing:0em;
}


#subMenuTop td.on a {
display: block;
border-collapse: collapse;
background-position: left bottom;
background-repeat: no-repeat;
border: 0px solid #007f6c;
border-right: 2px solid #ffffff;
background-color : #007f6c;
padding: 4px;
color: #eeeeee;
text-decoration: none;
text-align : left;
font-weight:bold;
font-size:12px;
letter-spacing:0em;
}



#subMenuTop td.off a {
display: block;
border-collapse: collapse;
background-position: left top;
background-repeat: no-repeat;
border: 0px solid #00a48b;
border-right: 2px solid #ffffff;
background-color: #00a48b;
padding: 4px;
color: #FFFFFF;
text-decoration: none;
text-align : left;
font-weight:bold;
font-size:12px;
letter-spacing:0em;
}


#subMenuTop td.on a {
display: block;
border-collapse: collapse;
background-position: left bottom;
background-repeat: no-repeat;
border: 0px solid #007f6c;
border-right: 2px solid #ffffff;
background-color : #007f6c;
padding: 4px;
color: #eeeeee;
text-decoration: none;
text-align : left;
font-weight:bold;
font-size:12px;
letter-spacing:0em;
}



#subMenuLeft td.off a.btn {
display: block;
border-collapse: collapse;
background-position: left top;
background-repeat: no-repeat;
border: 0px solid #00a48b;
border-right: 2px solid #ffffff;
background-color: #00a48b;
padding: 4px;
color: #FFFFFF;
text-decoration: none;
text-align : left;
font-weight:bold;
font-size:12px;
letter-spacing:0em;
}


#subMenuLeft td.on a.btn {
display: block;
border-collapse: collapse;
background-position: left bottom;
background-repeat: no-repeat;
border: 0px solid #007f6c;
border-right: 2px solid #ffffff;
background-color : #007f6c;
padding: 4px;
color: #eeeeee;
text-decoration: none;
text-align : left;
font-weight:bold;
font-size:12px;
letter-spacing:0em;
}







td.subOff a {
display: block;
border-collapse: collapse;
background-position: left top;
background-repeat: no-repeat;
border: 0px solid #00a48b;
border-right: 2px solid #ffffff;
border-bottom: 2px solid #ffffff;
background-color: #00a48b;
padding: 4px;
color: #FFFFFF;
text-decoration: none;
text-align : left;
font-weight:bold;
font-size:12px;
letter-spacing:0em;
}


td.subOn a {
display: block;
border-collapse: collapse;
background-position: left bottom;
background-repeat: no-repeat;
border: 0px solid #007f6c;
border-right: 2px solid #ffffff;
border-bottom: 2px solid #ffffff;
background-color : #007f6c;
padding: 4px;
color: #eeeeee;
text-decoration: none;
text-align : left;
font-weight:bold;
font-size:12px;
letter-spacing:0em;
z-index:-1;
}


a, a:visited 	{
outline: none;
color: #111111;
text-decoration: underline;
}

a:hover {
color: #015697;
text-decoration: none;
}


table {
border : 0px solid;
border-collapse: collapse;
border-spacing: 0px;
margin-top: 0px;
margin-bottom: 0px;
padding : 0px;
}

td {
border : 0px solid;
padding : 0px;
margin: 0px;
text-align : left;
vertical-align: top;
}


form td {
border : 0px solid;
padding : 0px 0px 4px 0px;
margin: 0px;
text-align : left;
vertical-align: top;
}


input {
border: 1px solid #c0c0c0;
padding:2px;
margin: 0px;
}

textarea {
border: 1px solid #c0c0c0;
padding:2px;
margin:0px 0px 2px 0px;
}