body, html {
margin: 0;
padding: 0;
}

body {
background: #111111;
}

body, p, td {
font: normal 12px verdana;
color: #555;
}

h1,h2,h3,h4,h5 {
font-family: verdana;
font-weight: bold;
color: #555;
padding: 0;
margin: 0;
}

h1 {
font-size: 20px;
}

h2 {
font-size: 18px;
}

h3 {
font-size: 16px;
}

pre { 
white-space: normal;
}

ul {
list-style : none;
padding : 0;
margin : 0;
}

li {
padding : 0;
margin : 0;
}

a:link, a:active, a:visited {
color : #111111;
font-weight : bold;
text-decoration : underline;
}

a:hover {
text-decoration : none;
}

/*

Site 

*/

#site {
width: 992px;
text-align: center;
padding : 0;
margin : 0 auto;
}

#sitebg {
float: left;
width: 992px;
background: url(../images/sitebg.gif) repeat-y;
}

/*

header 

*/

#kop {
float: left;
display: inline;
background: url(../images/kop.jpg) no-repeat;
width: 992px;
height: 82px;
}

#vlaggen {
float: right;
width: 100%;
height: 82px;
text-align: right;
}

.vlaggen_poss {
padding: 50px 25px 0 0 ;
margin: 0;
}

.vlaggen_img {
margin: 0 2px 0 2px;
padding: 0;
}

/*

Flash blok 

*/

#flash_blok {
float: left;
text-align: left;
display: inline;
background: url(../images/flash_blok_bg.gif) no-repeat;
width: 992px;
height: 293px;
}

.flash_poss {
margin: 0 0 0 8px;
padding: 0;
}

/*

menu  horizontaal

*/

#menu {
float: left;
display: inline;
text-align: right;
background: url(../images/menu.jpg) no-repeat;
width: 212px;
min-height: 358px;
height: 358px;
}

#menu_bg {
float: left;
display: inline;
height: 100%;
background: url(../images/menu_bottom.gif) no-repeat left bottom;
bottom: 0px;
}

.menu_poss {
padding: 0 10px 0 11px;
margin: 0;
}

#menu a {
background : url(../images/buta.jpg) repeat-x;
text-align: right;
text-decoration:underline;
display: block;
padding: 9px 35px 9px 0px;
margin: 0;
}

#menu a:hover {
background : url(../images/buthover.jpg) repeat-x;
color: #FFF;
text-decoration: none;
padding: 9px 45px 9px 0px;
margin: 0;
}

#menu ul li { 
display: inline;
}

#menu li a {
font: bold 12px verdana;
color: #FFF;
min-height:1em;
}

/*

menu  verticaal met submenu's

*/

#menu_ver {
float: left;
width: 780px;
height: 24px;
text-align: center;
padding : 0;
margin : 0 auto;
}

/* Fix for Opera 8 */
.clearb { clear: both; }

#menuwrapper { 
/* Fix for Opera 8 */ 
/*   overflow: hidden;  */ 
width: 780px;
}

.menu_ver_centeren {
width: 180px;
}

#menu_ver_primary li li { 
width: 150px;
background-color: #b0232a;
filter: alpha(opacity=80); 
opacity: .8; 
-moz-opacity: .8;
color: #FFF;
}

#menu_ver_primary li li a:hover { 
width: 140px;
}

#menu_ver_primary, #menu_ver_primary ul { 
list-style: none; 
margin: 0px; 
padding: 0px; 
}

#menu_ver_primary ul { 
position: absolute; 
top: auto; 
display: none; 
}

#menu_ver_primary ul ul { 
margin-top: 1px;
margin-left: -1px;
left: 100%; 
top: 0px; 
}
	
#menu_ver_primary li { 
margin-left: -1px;
float: left; 
}

#menu_ver_primary li li { 
margin-left: 0px;
margin-top: -1px;
float: none; 
position: relative; 
}

#menu_ver_primary a { 
display: block; 
margin: 0px; 
padding: 5px; 
text-decoration: none; 
color: #b0232a;
}

#menu_ver_primary li a { 
width: 200px;
background: url(../images/submenu_a.gif) repeat-x; 
color: #111; 
text-decoration: underline;
}

#menu_ver_primary li a:hover { 
background: url(../images/submenu_ahover.gif) repeat-x; 
color: #FFF; 
text-decoration: none;
}

#menu_ver_primary li li a { 
width: 140px;
text-align: left;
color: #FFF;
background: #b0232a;
}

#menu_ver_primary li.menuparent {
width: 200px;
padding: 5px; 
background: url(../images/submenu_ahover.gif) repeat-x; 
color: #FFF; 
font-weight : bold;
text-decoration: none;
}

#menu_ver_primary ul li.menuparent, 
#menu_ver_primary ul li.menuparent:hover, 
#menu_ver_primary ul li.menuparenth { 
/* arrow for menuparents */
background-image: url(images/arrow.gif); 
background-position: center right; 
background-repeat: no-repeat; 
}

/* 
Voor 4e submenu
*/

#menu_ver_primary ul, 
#menu_ver_primary li:hover ul, 
#menu_ver_primary li:hover ul ul, 
#menu_ver_primary li.menuparenth ul, 
#menu_ver_primary li.menuparenth ul ul { 
display: none; 
}

/* 
Voor 4e submenu
*/

#menu_ver_primary li:hover ul, 
#menu_ver_primary ul li:hover ul, 
#menu_ver_primary ul ul li:hover ul, 
#menu_ver_primary li.menuparenth ul, 
#menu_ver_primary ul li.menuparenth ul, 
#menu_ver_primary ul ul li.menuparenth ul { 
display: block; 
}

/* IE Hacks */
#menu_ver_primary li li { 
float: left; 
clear: both; 
}

#menu_ver_primary li li a { 
height: 1%; 
} 

/*

main 

*/

#main {
float: left;
display: inline;
width: 780px;
min-height: 346px;
height: auto !important;
height: 346px;
}

#main_default {
float: left;
display: inline;
background: url(../images/main_default.jpg) no-repeat bottom;
width: 100%;
min-height: 346px;
height: auto !important;
height: 346px;
}

#main_home {
float: left;
display: inline;
background: url(../images/main_bekers.jpg) no-repeat bottom;
width: 100%;
min-height: 346px;
height: auto !important;
height: 346px;
}

#main_menukaart {
float: left;
display: inline;
background: url(../images/main_menu.jpg) no-repeat bottom;
width: 100%;
min-height: 346px;
height: auto !important;
height: 346px;
}

#main_wijnen {
float: left;
display: inline;
background: url(../images/main_wijnen.jpg) no-repeat bottom;
width: 100%;
min-height: 346px;
height: auto !important;
height: 346px;
}

#main_nieuws {
float: left;
display: inline;
background: url(../images/main_nieuws.jpg) no-repeat bottom;
width: 100%;
min-height: 346px;
height: auto !important;
height: 346px;
}

#main_contact {
float: left;
display: inline;
background: url(../images/main_kunstvrouw.jpg) no-repeat bottom;
width: 100%;
min-height: 346px;
height: auto !important;
height: 346px;
}

#main h1 {
text-align: left;
padding: 10px 0 10px 0;
margin: 0;
}

.main_poss {
line-height: 18px;
text-align: left;
padding: 10px 50px 20px 50px;
margin: 0;
}

.mainkolom {
float: left;
width: 340px;
margin: 0;
padding: 0;
}

.mainkolom div label {
float: left; 
display: block; 
width:150px; 
} 

/*

* Contact Formulier

*/

.form ul {
list-style-position: outside;
list-style-type: disc;
margin: 0;
padding : 0 0 0 25px;
}

.form li {
padding : 0;
margin : 0;
}

.form fieldset {padding: 1em;} 
.form fieldset legend {font-weight: bold;} 
.form div {width: 95%; padding: 0.20em 0 0.20em 0;} 
.form div label {float: left; display: block; width:150px; } 
.form div.required {}

.form input,.form textarea {
border: 1px solid #BBB;
}

.form input:hover,.form textarea:hover {
border: 1px solid #111111;
}

div.submit input {
border: 1px solid #BBB;
}

div.submit input:hover {
border: 1px solid #111111;
}

.submit {
margin: 0;
padding: 0;
}

.submit:hover {
color: #111111;
cursor: pointer;
}

.kleintxt {
font-size: 9px;
}

.rood_txt {
color: #FF0000
}

/*

footer 

*/

#footer {
float: left;
display: block;
height: 25px;
width: 992px;
background: #111111;
margin: 0;
padding: 0;
}

#silverarrows {
text-align: center;
font: normal 10px verdana;
color: #666;
padding: 10px 0 10px 0;
margin: 0;
}

#silverarrows a {
font: bold 10px verdana;
color: #666;
text-decoration: underline;
}

#silverarrows a:hover {
text-decoration: none;
}
