/*  MAIN LAYOUT */

html, body	{height: 100%;}

body {
background-color: #feffe0;
background-image:url(./../pix/bg-beach.jpg);
background-position: top center;
background-repeat:no-repeat;
font-family : Arial, sans serif;
font-size   : 12px;
color : #004696;
margin: 0px;
padding : 0px
}



div.site {
background-color: #fafbff;
border : 0px solid #ffffff;
position: absolute;
top: 0px;
left:50%;
width: 976px;
margin: 10px 0px 0px -498px;
padding: 0px 0px 0px 11px;
text-align:left;
}

div.header {
padding: 4px 0px 0px 8px;
}




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


h1 {
padding:0px;
margin:0px;
line-height:0px;
}


h1 span {
display:none
}


h2 {
color: #454545;
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: #004696;
padding:0px;
margin:0px;
text-align:justify;
}



ul.normal {
	list-style: disc;
	margin: 10px 0px 5px 15px;
	padding: 0px;
	border-collapse: collapse;
}


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

li.off {
background-color: #888888;
}

li.on {
background-color: #454545;
}

li.off a {
	display: block;
	border-collapse: collapse;
	border: 0px;
	background-color: transparent;
	color: #ffffff;
	text-decoration: none;
	text-align : center;
	font-weight:normal;
	font-size:12px;
	padding: 14px 4px 14px 4px;
}

li.off a:hover {
	display: block;
	border-collapse: collapse;
	border: 0px;
	background-color: transparent;
	color: #000000;
	text-decoration: none;
	text-align : center;
	font-weight:normal;
	font-size:12px;
	padding: 14px 4px 14px 4px;
}

li.on a {
	display: block;
	border-collapse: collapse;
	border: 0px;
	background-color: transparent;
	color: #ffffff;
	text-decoration: none;
	text-align : center;
	font-weight:normal;
	font-size:12px;
	padding: 14px 4px 14px 4px;
}

li.on a:hover {
	display: block;
	border-collapse: collapse;
	border: 0px;
	background-color: transparent;
	color: #acacac;
	text-decoration: none;
	text-align : center;
	font-weight:normal;
	font-size:12px;
	padding: 14px 4px 14px 4px;
}



li.suboff {
	border: 1px solid #c8c8c8;
}

li.subon {
	border: 1px solid #444444;
}


li.suboff a {
	display: block;
	border-collapse: collapse;
	border: 4px solid #E8E8E8;
	background-color: #E8E8E8;
	color: #333333;
	text-decoration: none;
	width : 120px;
	text-align : center;
	font-weight:bold;
	font-size:11px;
	}

li.subon a {
	display: block;
	border-collapse: collapse;
	border: 4px solid #888888;
	background-color : #888888;
	color: #ffffff;
	text-decoration: none;
	width : 120px;
	text-align : center;
	font-weight:bold;
	font-size:11px;
	}



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


#menuTop td.on a {
display: block;
border-collapse: collapse;
border: 4px solid #007f6c;
background-color : #007f6c;
padding: 0px 0px 0px 6px;
color: #eeeeee;
text-decoration: none;
width : 184px;
text-align : left;
font-weight:bold;
font-size:12px;
letter-spacing:0.1em;
}


#subMenuTop td.off a {
display: block;
border-collapse: collapse;
border: 4px solid #00a48b;
background-color: #00a48b;
padding: 0px 6px 0px 6px;
color: #FFFFFF;
text-decoration: none;
text-align : left;
font-weight:bold;
font-size:11px;
letter-spacing:0em;
}


#subMenuTop td.on a {
display: block;
border-collapse: collapse;
border: 4px solid #007f6c;
background-color : #007f6c;
padding: 0px 6px 0px 6px;
color: #eeeeee;
text-decoration: none;
text-align : left;
font-weight:bold;
font-size:11px;
letter-spacing:0em;
}



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

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


p.dottedBottom {
border-bottom:1px dotted #a4a4a4;
margin-right:30px;
font-size:9px
}


p.dottedBottomRight {
border-bottom:1px dotted #a4a4a4;
margin-left:20px;
font-size:9px
}


p.menuLeftP {
background-image:url(./../pix/beach-break.png);
background-position: 0px 2px;
background-repeat:no-repeat;
padding: 1px 0px 8px 21px;
}


p.menuLeftPRight {
background-image:url(./../pix/beach-break.png);
background-position: right 2px;
background-repeat:no-repeat;
padding: 1px 21px 8px 0px;
text-align:right
}


p.menuLeftPRightTwee {
background-image:url(./../pix/beach-break.png);
background-position: right 2px;
background-repeat:no-repeat;
padding: 1px 21px 8px 0px;
font-size:11px;
text-align:right
}





a.blue, a.blue:visited 	{
outline: none;
color: #004696;
text-decoration: underline;
font-weight:normal;
}

a.blue:hover {
color: #000000;
text-decoration: none;
font-weight:normal;
}


a.menuLeft, a.menuLeft:visited 	{
outline: none;
color: #ea7b0f;
text-decoration: underline;
font-weight:bold;
}

a.menuLeft:hover {
color: #00417e;
text-decoration: none;
font-weight:bold;
}



a.leesverder, a.leesverder:visited 	{
outline: none;
color: #000000;
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;
}




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


td.agendaTitle {
background-color:#004597;
color:#ffffff;
border : 0px solid;
padding : 2px;
margin: 0px;
text-align : left;
vertical-align: top;
}


td.agendaContent {
background-color:#f0f0f0;
color:#004597;
border : 0px solid;
padding : 6px 2px 4px 3px;
margin: 0px;
text-align : left;
vertical-align: middle;
}

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


select {
border: 1px solid #c0c0c0;
}

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


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




#fotolijst {
border : 2px solid #004597;
background-color: #ffffff;
margin-left: -510px;
margin-top: 82px;
padding: 20px 40px 40px 40px;
position: absolute;
top: 0px;
left: 50%;
z-index:30;
text-align:center;
width:940px;
}



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