body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 17px;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 120%;
	color:#333333;
}

#wrapper {
	margin: 0px auto;
	width: 930px;
}

h1 {font-size: 18px; color:#FFFFFF; line-height: 1.5em;}
h2 {font-size: 30px; line-height: 1em;}
h3 {font-size: 24px;}
h4 {font-size: 11px; font-weight: bold;}
h4 span {font-size: 9px;}

a {text-decoration:none}

/* TOP (blauwe balk) */

#top {
	height: 27px;
	background:url(images/top.jpg);
}

#topcenter {
	margin: 0px auto;
	width: 930px;
	height: 28px;
	overflow: hidden;
	border-bottom: 1px dotted #999999;
}

#naam {
	float: left;
	height: 27px;
	width: 600px;
}

/* MENU VOOR TEXTSIZE */
#textsize {
	float: right;
	height: 27px;
	width: 300px;
	color: #FFFFFF;
	text-align: right;
	padding-right: 30px;
	line-height: 1.7em;
}

.size1 {color: #FFFFFF; font-size: 13px;}
.size2 {color: #FFFFFF; font-size: 16px;}
.size3 {color: #FFFFFF; font-size: 20px;}

/* HEADER (locaties, logo's, inlog) */

#header {
	width:930px;
	height: auto; /*403px;*/
	margin-top: 3px;
}

.locatie {
	float: left;
	width: 236px;
	height: auto; /*403px;*/
	margin-right:1px;
	overflow: hidden;
}

.adres {
	width: 236px;
	height: 93px;
	background-image:url(images/gvlak.jpg);
	padding-top: 12px;
}

.adres p {
	color: #CCCCCC;
	text-align:center;
	font-size: 12px;
	font-style: italic;
}

div.headerImageSubstitute
{	
	width: 236px;
	text-align: center;
	background: #111122;
	color: white;
	font-weight: normal;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 18px;
	font-family: times new roman, arial;
}

#vlissingen {
	width: 236px;
	height: 302px;
	background-image:url(images/vbg.jpg);
}

#goes {
	width: 236px;
	height: 302px;
	background-image:url(images/gbg.jpg);
}

#zierikzee {
	width: 236px;
	height: 302px;
	background-image:url(images/zbg.jpg);
}

a.locaties {
	text-decoration: none;
	display:block; 
	width:236px; 
	height:302px; 
	color:#FFFFFF; 
	text-align:center; 
	font-size: 18px;
} 

a#item1t {background:transparent url(images/vfg.jpg) -236px no-repeat;}
a#item2t {background:transparent url(images/gfg.jpg) -236px no-repeat;}
a#item3t {background:transparent url(images/zfg.jpg) -236px no-repeat;}

a#item1t:hover {background-position:top right; z-index:50; color:#fff;}
a#item2t:hover {background-position:top right; z-index:50; color:#fff;}
a#item3t:hover {background-position:top right; z-index:50; color:#fff;}

#logo {
	float: left;
	width: 190px;
	height: auto; /*285px;*/
	padding-left: 20px;
	padding-top: 15px;
	font-size:11px;
	line-height: 1.4em;
	color:#999999;
}

#login {
	float: left;
	width: 190px;
	height: auto;
	margin-top:5px;
	padding-left: 20px;
	font-size:11px;
	color:#999999;
	line-height: 1.8em;
}

#login p {
	text-align:right;
	margin-right: 19px;
}

#login a {
	color:#0000FF;
}

label{
	float: left;
	width: 35px;
}

.box {
	float: left;
	width: 130px;
	margin-bottom: 1px;
}

/* CONTENT */

#content {
	width: 930px;
	border-top: 1px dotted #999999;
	margin-top: 1px;
}

#main {
	float: left;
	width: 644px;
	padding-top: 10px;
}

#boven {
	width: 694px;
	border-bottom: 1px dotted #999999;
	padding-bottom: 10px;
}

#left {
	float: left;
	width:	336px;
	border-right: 1px dotted #999999;
	padding: 10px 5px 5px 0px;
}

#right {
	float: left;
	width:	336px;
	padding: 10px 0px 5px 5px;
}
	

/* MENU */

#menu {
	padding-top: 10px;
	float: left;
	width: 236px;
}

ul.menu1, ul ul {padding:0; margin:0; border:0; list-style-type:none; overflow:hidden; width: 230px; text-align:left; color:#fff;}
ul.menu1 table {border-collapse:collapse; padding:0; margin:0; font-size:1em;}
ul.menu1 ul {margin-left:1px;}
ul.menu1 li {padding-left:1px; border-bottom: 1px dotted #999999;}
ul.menu1 li a, 
ul.menu1 li a:visited {display:block; line-height:1.9em; text-decoration:none; color:#333333;}
ul.menu1 li ul {display:none;}

ul.menu1 li:hover a, 
ul.menu1 li a:hover {padding-left: 3px; border:0; color:#00c; font-weight:bold;}
ul.menu1 li:hover ul, 
ul.menu1 li a:hover ul {display:block; margin-top:-1px; background:#def;}
ul.menu1 li:hover ul li a, 
ul.menu1 li a:hover ul li a {height:2em; background:#def; color:#00c; font-weight:normal;}
ul.menu1 li:hover ul li:hover a, 
ul.menu1 li a:hover ul li a:hover {background:#458ed3; color:#fff;}