html {
height:100%;
max-height:100%;
padding:0;
margin:0;
border:0;
background:#291212;
font-size:76%;
font-family:Verdana, palatino linotype, times new roman, serif;
/* hide overflow:hidden from IE5/Mac */
/* \*/
overflow: hidden;
/* */
}

body {behavior:url("csshover3.htc");}

body {  scrollbar-3dlight-color : #FFFFFF;  scrollbar-darkshadow-color : #FFFFFF;
scrollbar-face-color : #FFFFFF;  scrollbar-arrow-color : #291212;
scrollbar-highlight-color : #998383; /* linksboven */  scrollbar-shadow-color : #998383;   /* rechtsonder */  scrollbar-track-color : #E0DCDA; height:100%; max-height:100%; overflow:hidden; padding:0; margin:0; border:0; }
#content { height:100%; width:100%; overflow:hidden; padding:0; margin:0; border:0; z-index:2;}
* html #content { height:100%; width:100%; overflow:hidden; padding:0; margin:0; border-top:71px solid #291212; border-bottom:40px solid #291212;}
#head {position:absolute; margin:0; top:0; display:block; width:100%; left:0;  height:97px !important; height:100px; z-index:7; overflow:hidden; background: transparent url(/navi/navpic/logo-kader.gif) no-repeat bottom left; }
#foot {position:absolute; margin:0;  bottom:0; width:100%; left:0; display:block; height:67px !important; height:70px; z-index:9; background:transparent; }



#transveld {position:absolute; top:0px; bottom:0px; z-index:-1; overflow:hidden; height:100%; width:40%; right:50%; background:white; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); opacity: 0.8; -moz-opacity:0.8; padding:0; margin:0; } * html #transveld { padding-right:51px; }


#transveldkaderleft  { width:1px; right:90%; top:0px; height:100%; overflow:hidden; position:absolute; z-index:1; background:white; } /* als border van transveld geeft het pix-verschil */

#omtekst {position:absolute; top:100px; bottom:70px; z-index:4; overflow:auto; width:40%; right:50%; background:transparent; padding:0; margin:0; margin-left:1px;padding-bottom:30px;  border-right:1px solid #FFFFFF; }
* html #omtekst {top:0px; height:100%; padding:28px 0px 30px 0px; }


#tekstcontainer { position:relative; top:0px; bottom:0px; z-index:4; overflow:auto;   background-color:transparent; margin:0; padding:0; padding-bottom:10px; }
* html #tekstcontainer { top:0px; height:100%; width:100%; }
.inner { display:block; margin-left:10px; }


h1 { color:#FF5533; font:bold 1.1em Verdana; letter-spacing:1px; text-align:left; font-variant: small-caps; margin:3px 15px 5px 15px;}
h2, h3 { color:#291212; font:bold 1.1em Verdana; }
h3 { font-size: 1.0em;}      h3 b { font-weight:normal;}

html #content .intro, * html #content .intro { color:#FF5533; font:bold 1.0em/1.4em Verdana, serif; margin:5px 15px 25px 15px; vertical-align:bottom; border-left:1px solid #EE5533; padding-left:15px; }

html body, html #tekstcontainer, * html #tekstcontainer { color:#291212; font:normal 1.05em/1.5em Verdana, sans-serif;}

#tekstcontainer p td, * html #tekstcontainer p td  { color:#291212; font:normal 0.9em/1.6em Verdana, sans-serif;}


#tekstcontainer p, * html #tekstcontainer p, h2, h3 { margin:0px 15px 15px 15px;}
h3 { margin:0px 15px 0px 15px;}
#tekstcontainer a, #tekstcontainer a:visited { color:#291212; text-decoration:none; border-bottom:1px dashed #FF5533;}
#tekstcontainer a:hover, #tekstcontainer a:active { color:#FF5533; text-decoration:none; border-bottom:1px dashed #291212;}

#tekstcontainer .label { text-align:right; font:bold small-caps 0.75em Verdana; padding-right:7px; vertical-align:baseline; } /* labels tabellen */
#tekstcontainer .data { text-align:left; line-height:1.5em; vertical-align:baseline; }
#tekstcontainer ul { list-style-position: outside; margin-left:30px; }
#tekstcontainer ul h3 { margin-left:-16px; }


#innertabel { width:95%; font-size:11px; margin-left: 15px; }
#innertabel td { height:24px; padding:0; }  #innertabel td a { font-weight:bold;}
#innertabel tr:hover { background-color:#FFFFFF;}


#fotocontainer { position:absolute; top:0px; bottom:70px; font-size:1em; z-index:9; overflow:hidden; width:100%; height:100%; left:0px; background-color:transparent; padding:0; }
* html #fotocontainer {top:0; bottom:0; }  #fotocontainer table { text-align:center; }
.fotopag #transveld { background:transparent;} .fotopag #omtekst { border:0px solid red; }

#thumbdiv .thumb img { float:left; border:2px solid white; margin:13px; }
#thumbdiv .thumb a:hover img {  border-color: #DDFF00;}
#thumbdiv { padding-top:74px; }

#fotogroot { border:15px solid white; text-align:center; width:330px !important; height:330px !important; width:360px; height:360px; }
#grootx /* voor eventuele ondertitel bij polaroidfoto */ { width:340px !important; width:360px; background:yellow; padding:0px 5px 20px 15px; vertical-align:top; color:#664455; font-size:1.0em !important; font-size:0.80em; text-align:left;}

.thumbstable { position:absolute; top:3px; height:100%; width:50%; left:50%; text-align:left; vertical-align:top; }
#thumbdiv { position:absolute; top:45px; vertical-align:top; height:100%; }
#thumb a, #thumb a img { z-index:999 !important; }




/* kleuren menu */
html { background:#291212;} * html #content { border-color:#291212; }
.onder ul li ul, .onder ul li a, .onder ul li a:visited, .ondereind, .boveneind,
.boven ul li ul, .boven ul li a, .boven ul li a:visited
{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); opacity: 0.90; -moz-opacity:0.90;}

/* kleuren menukoppen */
.boven a.hoogkop, .boven a.hoogkop:visited, .boven ul li a, .boven ul li a:visited,
.onder a.hoogkop, .onder a.hoogkop:visited, .onder ul li a, .onder ul li a:visited
{ font:bold 13px/25px Verdana; color:#FFFFFF;}


#d, #d .hoogkop { width:130px; margin-left:0;} /* lijnen normale stand */
#a .hoogkop, #a .hoogkop:visited, #a .laagkop, #a .laagkop:visited,
#b .hoogkop, #b .hoogkop:visited, #b .laagkop, #b .laagkop:visited,
#c .hoogkop, #c .hoogkop:visited, #c .laagkop, #c .laagkop:visited
{  border-bottom:3px solid #FFFFFF;}
#d .hoogkop, #d .hoogkop:visited, #d .laagkop, #d .laagkop:visited,
#e .hoogkop, #e .hoogkop:visited, #e .laagkop, #e .laagkop:visited,
#f .hoogkop, #f .hoogkop:visited, #f .laagkop, #f .laagkop:visited
{ border-top:3px solid #FFFFFF;}


/* lijnen HOVER
#a .laagkop:hover, #a .hoogkop:hover, #b .laagkop:hover, #b .hoogkop:hover, #c .laagkop:hover, #c .hoogkop:hover { border-bottom:3px dashed #EE2200;}
#d .laagkop:hover, #d .hoogkop:hover, #e .laagkop:hover, #e .hoogkop:hover, #f .laagkop:hover, #f .hoogkop:hover { border-top:3px solid #EE2200;}   */


/* kleuren sub-items */
.bovenmenu a, .bovenmenu :visited, .boven ul li:hover ul li a, .boven ul li:hover ul li a:visited, .boven ul li a:hover ul li a, .boven ul li a:hover ul li a:visited, .ondermenu a, .ondermenu :visited, .onder ul li:hover ul li a, .onder ul li:hover ul li a:visited,
.onder ul li a:hover ul li a, .onder ul li a:hover ul li a:visited
{ background:white; font:normal 11px/25px Verdana; color:#291212; }

/* kleuren hover sub-items */
.bovenmenu ul li :hover, .bovenmenu a:hover, .boven ul li:hover ul li a:hover, .boven ul li a:hover ul li a:hover, .ondermenu ul li :hover, .ondermenu a:hover, .onder ul li:hover ul li a:hover, .onder ul li a:hover ul li a:hover { background:#DDFF00; color:#291212; }

/* kleur AAN hover sub-items: */
#trouw #a .laagkop, #trouw #a .hoogkop, #trouw #a .laagkop:visited, #trouw #a .hoogkop:visited,
#feest #b .laagkop, #feest #b .hoogkop, #feest #b .laagkop:visited, #feest #b .hoogkop:visited,
#verga #c .laagkop, #verga #c .hoogkop, #verga #c .laagkop:visited, #verga #c .hoogkop:visited,
#culin #d .laagkop, #culin #d .hoogkop, #culin #d .laagkop:visited, #culin #d .hoogkop:visited,
#fotos #e .laagkop, #fotos #e .hoogkop, #fotos #e .laagkop:visited, #fotos #e .hoogkop:visited,
#infor #f .laagkop, #infor #f .hoogkop, #infor #f .laagkop:visited, #infor #f .hoogkop:visited,
#info #f .laagkop, #info #f .hoogkop, #info #f .laagkop:visited, #info #f .hoogkop:visited,
.fotopag #e .laagkop, .fotopag #e .hoogkop, .fotopag #e .laagkop:visited, .fotopag #e .hoogkop:visited,  { border-color: #EE2200; color:#FFFFFF; }
#e a.laagkop, #e a.hoogkop, #d a.laagkop, #d a.hoogkop, #f a.laagkop, #f a.hoogkop { line-height:24px;}



/* achtergrondfoto's */
.beeld { height:100%; width:950px; left:50%; margin-left:-475px; position:absolute; z-index:-2; background-color:#705050; background-repeat:no-repeat; border:3px solid white; margin-top:20px; top:60px;}

#home .beeld { background: #837777 url(/foto-bg/bg-zalen.jpg) no-repeat top; }


#trouw .beeld { background: #FFFFFF url(/foto-bg/bg-trouw.jpg) no-repeat top; }
#trouw.a1 .beeld { background: url(/foto-bg/bg-trouw.jpg) no-repeat top; }
#trouw.a2 .beeld { background: url(/foto-bg/bg-trouwen-auto.jpg) no-repeat top; }
#trouw.a3 .beeld { background: url(/foto-bg/bg-trouw.jpg)  no-repeat top; }
#trouw.a4 .beeld { background: url(/foto-bg/bg-bruidstaart.jpg) no-repeat top; }
#trouw.a5 .beeld { background: url(/foto-bg/bg-trouwen-tafel.jpg) no-repeat; }
#trouw.fotopag .beeld { background: url(/foto-bg/bg-trouw.jpg) no-repeat top; }


#feest .beeld { background: #FFFFFF url(/foto-bg/bg-feest.jpg) no-repeat top; }
#feest.b1 .beeld { background: url(/foto-bg/bg-feestzaal.jpg) no-repeat top; }
#feest.b2 .beeld { background: url(/foto-bg/bg-zakelijk3.jpg) no-repeat top; }
#feest.b3 .beeld { background: url(/foto-bg/bg-feestarran.jpg) no-repeat top; }
#feest.b4 .beeld { background: url(/foto-bg/bg-feestzaal.jpg) no-repeat top; }
#feest.fotopag .beeld { background: url(/foto-bg/bg-dansen.jpg) no-repeat top; }


#verga.c1 .beeld { background: url(/foto-bg/bg-voorzieningen.jpg) no-repeat top; }
#verga.c2 .beeld { background: url(/foto-bg/bg-zalen.jpg) no-repeat top; }
#verga.c3 .beeld { background: url(/foto-bg/bg-vergatarief.jpg) no-repeat top; }
#verga.c4 .beeld { background: url(/foto-bg/bg-restau-dekken.jpg) no-repeat top;  }
#verga.c5 .beeld { background: url(/foto-bg/bg-verga-flipover.jpg) no-repeat top; }
#verga.fotopag .beeld { background: url(/foto-bg/bg-zalen.jpg) no-repeat top; }


#culin.fotopag .beeld { background: url(/foto-bg/bg-citroen.jpg) no-repeat top; }
#culin.d2 .beeld { background: url(/foto-bg/bg-heerlijk.jpg) no-repeat top; }
#culin.d3 .beeld { background: url(/foto-bg/bg-culin.jpg) no-repeat top;  }


#info.fotopag .beeld { background: url(/foto-bg/bg-home.jpg) no-repeat top; }
#info.f2 .beeld { background: url(/foto-bg/bg-heerlijk.jpg) no-repeat top; }
#info.f3 .beeld { background: url(/foto-bg/bg-home.jpg) no-repeat top; } 
#info.f4 .beeld { background: url(/foto-bg/bg-verlichting.jpg) no-repeat top; }
#info.f5 .beeld { background: url(/foto-bg/bg-anno.jpg) no-repeat top; }
#info.f6 .beeld { background: url(/foto-bg/bg-ingang.jpg) no-repeat top; }



#home #content .banner { position:absolute; top:70px;  right:9%; margin-right:45px; z-index:3; width:248px; height:70px; border:1px solid white; }
.beeldrechts { position:absolute; z-index:2; border:1px solid white; }
#content .beeldrechts { bottom:90px; right:9%; margin-right:45px; width:248px; height:189px; }
#info .beeldrechts { bottom:110px; left:50%; margin-left:18px; width:380px; height:280px; }



.a1 #a1, .a2 #a2, .a3 #a3, .a4 #a4, .a5 #a5, .a6 #a6, .a7 #a7, .a8 #a8,
.b1 #b1, .b2 #b2, .b3 #b3, .b4 #b4, .b5 #b5, .b6 #b6, .b7 #b7, .b8 #b8,
.c1 #c1, .c2 #c2, .c3 #c3, .c4 #c4, .c5 #c5, .c6 #c6, .c7 #c7, .a8 #c8,
.d1 #d1, .d2 #d2, .d3 #d3, .d4 #d4, .d5 #d5, .d6 #d6, .d7 #d7, .d8 #d8,
.e1 #e1, .e2 #e2, .e3 #e3, .e4 #e4, .e5 #e5, .e6 #e6, .e7 #e7, .e8 #e8,
.f1 #f1, .f2 #f2, .f3 #f3, .f4 #f4, .f5 #f5, .f6 #f6, .f7 #f7, .f8 #f8,
#trouw.fotopag #a6, #trouw.fotopag #e1, #feest.fotopag #b5, #feest.fotopag #e2,
#verga.fotopag #c6, #verga.fotopag #e3, #culin.fotopag #d1, #culin.fotopag #e4,
#info.fotopag #f1, #info.fotopag #e5
{ background:#DDFF00; color:#FF2200; font-weight:bold; font-size:0.8em; }



/* aan en uitzetten van routebeschrijvingen */
#ov, #autovenlo, #autoeindhoven, #autodenbosch { display: none; margin-top:-15px; padding-bottom:7px;}
#ov li, #autovenlo li, #autoeindhoven li, #autodenbosch li { list-style-position:outside; margin-left:31px;}


 #img1, #img2 {height:227px; position: absolute; left:0px;}
#ifrzaal, #pano-bovenschrift { position:absolute; width:426px; height:252px; top:50%; margin-top:-126px; left:50%; margin-left:17px; overflow:hidden; border:1px solid #291212; }
#pano-bovenschrift { font:normal small-caps 12px/18px  Verdana; height:20px; text-align:center;  border:none;}
#pano { width: 420px; height: 227px; overflow: hidden; position: absolute; top:0; left:0; border:3px solid white; }
#pano-onderschrift { width: 426px; height: 26px; overflow: hidden; position: absolute; bottom:0px; left:0; text-align:center; font:bold 12px/24px Verdana; color:#999999; background:white;}


#pano-onderschrift a, #pano-onderschrift a:visited { color:#291212; text-decoration:none; border:none; position:absolute; margin:0; right:3px; font:bold 18px/14px Verdana; }
#pano-onderschrift a:hover, #pano-onderschrift a:active { color:#FF5533; }



.vanaf {font-size:9px; margin-right:7px; }


/* FORMULIER */
input { text-align:left; border: 2px solid #FFFF66; }
.radio, .radiof { border:none; } .radiof {position:relative; left:-6px;}
.submitknop {width:200px; color:#FFFFFF; font-weight:bold; font-size:12px; background-color:#F88C55;	border:3px solid #FFFFFF; padding:2px; text-align:center; }
.naw td input {text-align:left; }
.klasse td {padding:0px 5px 0px 5px; text-align:center; font-size:11px;} .inputcenter input {text-align:center;}
.klasse { border:0px solid #ff0000;}

/* Print deze Pagina */
A.printknop { color:#006699; font-size:11px; margin-right:7px; text-decoration:underline; padding:4px 9px 8px 9px; border:1px solid #4F93B5;}  A.printknop:hover { color:#F88C55; }

.oplijn, .oplijn A { color:#006699; font-size:10px; }
.oplijn A:hover {color:#F88C55;}