/*  MAIN LAYOUT */

html, body	{height: 100%;}

body {
background-color: #c4cfe5;
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;
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;
height:23px;
color:#ffffff;
overflow:hidden;
z-index: 40;
}

#subMenuTop div{
z-index: 40;
}



#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;
}

#content {
background-color: #FFFFFF;
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;
z-index:-2;
}


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

#contentRight div {
z-index: 2;
}

div.adresKort {
background-color: #ffffff;
color : #555555;
padding-top:11px;
padding-bottom:20px
}

div.adresKort p {
color : #555555;
}


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

div.textNieuws{
padding:12px 44px 0px 34px;
width: 530px;
height: 115px;
color : #333333;
overflow:hidden;
}

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

div.text img{
display:block !important;
margin-right: 20px;
border: 7px solid #ffffff !important;
}



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


p.colorBarTopPlain {
background-color: #015697;
border-bottom: 3px solid #ffffff;
margin: 0px;
padding:5px 4px 5px 4px;
color : #FFFFFF;
font-weight:bold;
}


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



p.whiteBar {
background-color: #ffffff;
margin: 0px;
padding:9px 0px 7px 0px;
color : #FFFFFF;
font-weight:bold;
}




p.whiteBarSmall {
background-color: #ffffff;
margin: 0px;
padding:3px 0px 5px 0px;
color : #FFFFFF;
font-weight:bold;
}


p.whiteLine {
background-color: #ffffff;
margin:0px 230px 0px 34px;
padding:2px 0px 1px 0px;
color : #FFFFFF;
font-weight:bold;
}



p.colorBarBottom {
background-color: #015697;
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;
}


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


img.itemImage {
float:right;
border:solid 0px;
padding:0px;
margin:12px 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 : 192px;
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 : 192px;
text-align : left;
font-weight:bold;
font-size:12px;
letter-spacing:0em;
}


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


#subMenuTop 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;
}


#subMenuTop 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-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-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;
}


a.white, a.white:visited 	{
outline: none;
color: #ffffff;
text-decoration: none;
}

a.white:hover {
color: #ffffff;
text-decoration: underline;
}





a.leesverder, a.leesverder:visited 	{
outline: none;
color: #333333;
font-size:12px;
font-weight:bold;
text-decoration: none;
}

a.leesverder:hover {
color: #00826a;
font-size:12px;
font-weight:bold;
text-decoration: underline;
}


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;
}


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


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;
}

.inputGrey {
border:2px solid #b2b3b5;
border-left:0px;
border-top:0px;
width:176px;
background-color:#eff0f4;
padding:3px 3px 4px 3px;
margin: 0px;
}

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


.imgButton {
border:0px;
padding:0px;
margin: 0px;
}


#blur {
border : 0px solid;
background-color: #0b0502;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
z-index:1;
}




#fotolijst {
border : 1px solid #9a3311;
background-color: #0b0502;
margin-left: -460px;
margin-top: 92px;
padding: 20px 40px 40px 40px;
position: absolute;
top: 0px;
left: 50%;
z-index:30;
text-align:center;
width:840px;
}



.loginBox {
text-align: center;
background:url(./../pix/splash-login.png);
background-position: top center;
background-repeat:no-repeat;
padding-top:170px;
padding-left:195px;
margin-top:10px;
margin-left:180px;
height:360px;
width:445px;
}