/* ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
   ;; G&A Computers
   ;; door: Hanno Spijker < spijker@g-a.nl >
   ;; Stylesheet
   ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
 */

body {
	background-color: #fff;
	font-size: 12px;
	margin: 0px;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 *	Layout: background
 *	 ---------------
 *	|header		|
 *	|---------------|
 *	|container	|
 *	|		|
 *	|---------------|
 *	|footer		|
 *	 ---------------
 * */

div#header {
	position: relative;
	clear: both;
	width: 	950px;
	height: 130px;
	margin: 0px auto 0px auto;
	text-align: center;
	background-image: url("img/bg/header.gif");
}

div#container {
	position: relative;.
	clear: both;
	overflow: hidden;
	width:	950px;
	margin: 0px auto 0px auto;
	background-image: url("img/bg/bgcolor.gif");
}

div#footer {
	position: relative;
	clear: both;
	width: 	950px;
	height: 60px;
	margin:  0px auto 0px auto;
	background-image: url("img/bg/footer.gif");
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 *	Layout: container
 *	 ------------
 *	|m |main     |
 *	|e |	     |
 *	|n |	     |
 *	|u |	     |
 *	|  |	     |
 *	 ------------
 * */

div#menu {
	position: relative;
	float:	  left;
	margin-top: 50px;
	padding-bottom: 75px;
	width:	175px;
	background-color: #696d6e;

	font-family: Helvetica, Verdana, sans-serif;
	font-weight: bold;
	color: #fff;
}
div#main {
	position: relative;
	float:	left;
	width:	775px;
	background-color: #fff;
	background-repeat: repeat-y;
	background-position: top right;
}

div#main_home {
	position: relative;
	float:	  left;
	width:	600px;
	background-position: top right;
}

div#agenda {
	position: top right;
	float:    right;
	width:    175px;
	font-size: 12px;
	font-family: Trebuchet MS, Verdana, Helvetica, sans-serif;
}

div#stappenmenu {
	padding-left: 50px;
	text-align: left;
}

img.no-border {
	border-style: none;
}
img.bord {
	border-style: solid 2px #696d6e;
}
div#sub-deroustap {
	visibility: hidden;
	position: absolute;
	top: 190px;
	left: 50%;
	width: 140px;
	margin: 0px 0px 0px -300px;
	z-index: 999;

	background-image: url("img/bg/sub-menu_top.gif");
	background-repeat: no-repeat;
	padding-top: 74px;
	font-family: Helvetica, Verdana, sans-serif;
	font-weight: bold;

	border-style: none none solid none;
	border-width: 1px;
	border-color: red;
}

div#sub-eten {
	visibility: hidden;
	position: absolute;
	top: 270px;
	left: 50%;
	width: 140px;
	margin: 0px 0px 0px -300px;
	z-index: 999;

	background-image: url("img/bg/sub-menu_top.gif");
	background-repeat: no-repeat;
	padding-top: 74px;
	font-family: Helvetica, Verdana, sans-serif;
	font-weight: bold;

	border-style: none none solid none;
	border-width: 1px;
	border-color: red;
}

div#sub-huwelijk {
	visibility: hidden;
	position: absolute;
	top: 300px;
	left: 50%;
	width: 140px;
	margin: 0px 0px 0px -300px;
	z-index: 999;

	background-image: url("img/bg/sub-menu_top.gif");
	background-repeat: no-repeat;
	padding-top: 74px;
	font-family: Helvetica, Verdana, sans-serif;
	font-weight: bold;

	border-style: none none solid none;
	border-width: 1px;
	border-color: red;
}

div#sub-themafeesten {
	visibility: hidden;
	position: absolute;
	top: 342px;
	left: 50%;
	width: 140px;
	margin: 0px 0px 0px -300px;
	z-index: 999;

	background-image: url("img/bg/sub-menu_top.gif");
	background-repeat: no-repeat;
	padding-top: 74px;
	font-family: Helvetica, Verdana, sans-serif;
	font-weight: bold;

	border-style: none none solid none;
	border-width: 1px;
	border-color: red;
}

div#sub-outdoorevents {
	visibility: hidden;
	position: absolute;
	top: 385px;
	left: 50%;
	width: 140px;
	margin: 0px 0px 0px -300px;
	z-index: 999;

	background-image: url("img/bg/sub-menu_top.gif");
	background-repeat: no-repeat;
	padding-top: 74px;
	font-family: Helvetica, Verdana, sans-serif;
	font-weight: bold;

	border-style: none none solid none;
	border-width: 1px;
	border-color: red;
}

div#sub-contact {
	visibility: hidden;
	position: absolute;
	top: 430px;
	left: 50%;
	width: 140px;
	margin: 0px 0px 0px -300px;
	z-index: 999;

	background-image: url("img/bg/sub-menu_top.gif");
	background-repeat: no-repeat;
	padding-top: 74px;
	font-family: Helvetica, Verdana, sans-serif;
	font-weight: bold;

	border-style: none none solid none;
	border-width: 1px;
	border-color: red;
}

a.submenu, a.submenu:link, a.submenu:visited, a.submenu:active, a.submenu:hover {
	background-image: url("img/bg/sub-menu_bg.gif");
	display: block;
	text-decoration: none;
	padding: 5px 0px 5px 15px;
	margin: 0px;
	color: #696d6e;
	font-size: 10px;
}

#content {
	width:500px;
	margin-left: 55px;
	font-family: Trebuchet MS, Verdana, Helvetica, sans-serif;
	background-color: #fff;
	color: #000;
}

h1 {
	margin-top: 15px;
	font-size: 15px;
	font-weight: 600px;
	color: #ff0003;
}
h2 {
	margin-top: 3px;
	font-size: 13px;
	font-weight: 600px;
	color: #ff0003;
}
h3 {
   padding: 5px;
	font-size: 13px;
	font-weight: 600px;
	color: #fff;
	text-align: center;
	background-color: #696d6e;
	margin: 10pt 0pt 0pt 0pt;
}

a.menu, a.menu:link, a.menu:visited, a.menu:active {
	background-color: transparent;
	color: #fff;
	display: block;
	width: 160px;
	text-decoration: none;
	padding: 5px 0px 5px 15px;
	margin-top: 15px;
}

a.menu:hover {
    	background-color: #fff;
	color: #000;
}

a.menu-active, a.menu-active:link, a.menu-active:visited, a.menu-active:active, a.menu-active:hover {
    	background-color: #fff;
	color: #000;
	display: block;
	width: 160px;
	text-decoration: none;
	padding: 5px 0px 5px 15px;
	margin-top: 15px;
}

a {
	color: #ff0003;
	text-decoration: none;
}

ul#menu {
	/* list-style: none;
	list-style-position: outside; */
	width: 160px;
	margin-left: 0px;
}

ul#menu li {
	margin: none;
}

ul#menu li a {
	color: white;
	display: block;
	height: 100%;
	width: 100%;
}

ul#menu li a:hover {
	background: white;
	color: black;
	display: block;
}

p.small {
	font-size: 10px;
}
.geenrand {
        border: 0px;
        }