@charset "utf-8";
/* CSS Document */

#background{
	background-color:#FFF

}


#container {
margin: 0 auto;
margin-top: 0px;
width: 896px;
border: 0px solid #
}

img { 
border-style: none;
}

div.logo
{
margin-left: auto;
margin-right: auto;
width:896px;
height:300px;
padding:0px;
}

/*MENU*/
#menu {
cursor:pointer;
width: 100%;
background: white;
float: left;
}
#menu ul {
cursor:default;
list-style: none;
margin: 0;
padding: 0;
width: 112px;
float: left;
}
#menu a, #menu h2 {
font: bold 9px/13px Verdana, arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 3px 3px;
text-align:center;
}

#menu h2 {
color: #fff;
background: #505050;
text-transform: uppercase;
}
#menu h2:hover {         
color: #fff;
background: #FF6821;
text-transform: uppercase;
}

#menu a {
color: #000;
background: #efefef;
text-decoration: none;
}

#menu a:hover {
color: #E45300;
background: #fff;
}
#menu li {position: relative;}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}
#menu ul ul {
position: absolute;
z-index: 500;
}
div#menu ul ul {
display: none;
}
div#menu ul li:hover ul
{display: block;}
div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

/* END OF MENU */

div.main
{
cursor:default;
margin: 0;
width: 869px;
/*height:600px;*/
padding:0px;
}

#footer
{
font: bold 9px Verdana, arial, helvetica, sans-serif;
margin: 0;
width:896px;
padding:0px;
border:2px solid #FF6821;
bottom: 0px; 
background: #505050;
color:#FFF
}
#spacer
{
margin: 0;
width:896px;
padding:0px;
border:0px solid #E45300; 
}
#pages {
list-style-type:square;
list-style:inside;
font: 14px Verdana, arial, helvetica, sans-serif;
min-height: 450px;
border-width: 0px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin-top: 10px;
margin-bottom: 0px;
padding-top: 10px;
padding-left: 0px;
padding-right: 0px;
text-align:left;
background-image:url('images/bgmain.jpg');
background-repeat:no-repeat;
/*background-attachment:fixed;*/
background-position: right bottom;

/*background-repeat:repeat-y;*/
}

#pages a {
	color:#000;
}

#pages a:hover {
	color:#E45300;
}

p.main2 {
	font-size: 14px;
color: #ff6821;
font-weight:bold;
text-transform:uppercase;
text-decoration: underline;
/*border-bottom: #FF6821 1px double;*/
}

p.main-header {
color: #FFF;
background: #FF6821;
font-weight:900;
text-transform:uppercase;
text-align:center;
letter-spacing: 8px;
border: 1px solid #505050;
}
#buttonbar {
	width: 100%;
	height: 20px;
}
#buttons { 
font: bold 9px/13px Verdana, arial, helvetica, sans-serif;
border-width: 1px;
border-style: solid;
border-color: #FF6821;
width:100px;
margin: 0;
padding: 3px 3px;
text-align:center;
}

table.maintable {
border: 1px solid ;
border-color: #FF6821;
width: 60%;
}
td.columnmain {

border: 1px solid;

border-color: #505050;
color: #000;
}
#mysubmit {
background-color: #ff6821;
color: #fff;
border-bottom-color: #505050;
font-variant:small-caps;
margin-top: 10px;
padding: 3px;
font-weight: bold;
font-size: 100%;
font-family:Verdana, Geneva, sans-serif;
}
#nieuwsbrief{
	text-align:center;
	margin-left:auto;
	margin-right:auto;
        padding-bottom: 5px;
	display: block;
	height: auto;
	width: 300px;
	border: 3px double #505050
}
#myinput{
	color: #ff6821;
	font-weight: bold;
	border: 1px solid #ff6821
}
