@import url('/lightbox.css');

<!--
/* GEBRUIKTE KLEURCODES: 

#efefae		Groenig van achtergrond
#ffffcc		lichte geel
#9c3d2a		donkere blauw
#000000		zwart
#ffff00		geel

*/
body{
color: #000;
background-color: #efefae;
background: url(images/bg_img02.jpg) top left repeat;
margin: 0px;
font-family: Verdana, Geneva, Arial, sans-serif;
}
#centreer_alles{
text-align: center;
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 1px;
overflow: visible;
visibility: visible;
display: block
}
#layout_opleuker_basis{
background-color: #ffffcc;
margin-left: -390px;
position: absolute;
top: -300px;
left: 50%;
width: 780px;
height: 640px;
}
#layout_opleuker{
background-color: #9c3d2a;
margin:5px 0 0 10px;
width: 760px;
height: 630px;
}

/* HOME, SITEMAP geheel rechtbovenin: */
#topper{background:#9c3d2a;color:#9c3d2a;width:760px;height:22px;font-size:11px;}


/* HOME, SITEMAP geheel rechtbovenin: */
#upper{background:#efefae;color:#9c3d2a;width:760px;height:20px;font-size:11px;text-align:right;}

a.upper_top:link, a.upper_top:visited{color:#9c3d2a;background:#efefae;text-decoration:none;}
a.upper_top:hover, a.upper_top:active{color:#000000;background:#efefae;text-decoration:underline;}


#inhoud{
background: url(images/layoutXXX.jpg) top left no-repeat;
background-color: #ffffcc;
margin:10px 20px 10px 20px;
width: 720px;
height: 580px;
visibility: visible
}
#logo{display:block;height:120px;background: #ffffcc url(images/headerbg_terra.jpg) top left no-repeat;}

#heading{
display:block;
width:720px;
height:31px;
margin-left:0;
background:#ffffcc;
color:#ffffcc;
text-align:center;
}

#heading h1{color:#ffffcc;background:#9c3d2a;font-size:1.2em;margin:0;padding:3px 0 5px 0;font-weight:normal;}	

#heading h1.error{color:#ffff00;background:#9c3d2a;font-size:1.2em;margin:0;padding:3px 0 5px 0;font-weight:normal;}	

/* Om op paginas rechtboven de tekst de 3 taalvlaggetjes te tonen (niet gebruikt!) */
#inhoud p.taal_vlaggetjes{
padding:0;
margin:0;
text-align:right;
margin-top:15px;
}

/* 1e paragraaf moet worden uitgelijnd! */
#inhoud p.eerste_alinea{
font-size:13px;
padding:0 20px 0 20px;
_padding:0 20px 0 20px;
*padding:0 20px 0 20px;
line-height:1.4em;
color:#000;
}
/* 2e paragraaf moet worden uitgelijnd! */
#inhoud p{
font-size:13px;
padding:0 20px 0 20px;
_padding:0 20px 0 20px;
*padding:0 20px 0 20px;
line-height:1.4em;
color:#000;
}




/* WIJNKAART TABEL: */
TABLE.wijnkaart{width:350px;font-size:0.750em;color:#9c3d2a;background:#ffffcc;}

TABLE.wijnkaart TH{text-align:center;font-weight:bold;font-size:1.2em;background:#9c3d2a;color:#ffffcc;}

TABLE.wijnkaart TD{text-align:left;width:290px;padding-left:10px;}

TABLE.wijnkaart TD.bold{text-align:left;font-weight:bold;padding-top:5px;}


TABLE.wijnkaart_2edeel{width:360px;font-size:0.750em;color:#9c3d2a;background:#ffffcc;margin-top:0px;}

TABLE.wijnkaart_2edeel TH{text-align:center;font-weight:bold;font-size:1.2em;}

TABLE.wijnkaart_2edeel TD{text-align:left;width:290px;}

TABLE.wijnkaart_2edeel TD.bold{text-align:left;font-weight:bold;padding-top:5px;}


TABLE.wijnkaartrood{width:360px;font-size:0.750em;color:#9c3d2a;background:#ffffcc;}

TABLE.wijnkaartrood TH{text-align:center;font-weight:bold;font-size:1.2em;background:#9c3d2a;color:#ffffcc;}

TABLE.wijnkaartrood TD{text-align:left;width:290px;}

TABLE.wijnkaartrood TD.bold{text-align:left;font-weight:bold;padding-top:5px;}


TABLE.wijnkaartrood TD.small_td{height:2px;}

TABLE.wijnkaart TD.bedrag, TABLE.wijnkaartrood TD.bedrag, TABLE.wijnkaart_2edeel TD.bedrag{text-align:left;width:59px;}



a.text:link, a.text:visited{color:#9c3d2a;background:#ffffcc;}
a.text:hover, a.text:active{color:#ffffcc;background:#9c3d2a;text-decoration:none;}

a.bigtext:link, a.bigtext:visited{font-size:125%;color:#9c3d2a;background:#ffffcc;}
a.bigtext:hover, a.bigtext:active{color:#ffffcc;background:#9c3d2a;text-decoration:none;}

a.top_nav:link, a.top_nav:visited{color:#ffffcc;background:#9c3d2a;font-size:10px;text-decoration:none;}
a.top_nav:hover, a.top_nav:active{color:#ffff00;background:#9c3d2a;text-decoration:underline;}


a.taalvlaggetjes:link, a.taalvlaggetjes:visited{color:#9c3d2a;background:#ffffcc;text-decoration:none;}
a.taalvlaggetjes:hover, a.taalvlaggetjes:active{color:#ffffcc;background:#9c3d2a;text-decoration:none;}


SPAN.vorige{float:left;font-size:13px;margin-left:0px;padding-top:7px;_padding-top:8px;*padding-top:8px;text-transform:uppercase;}
SPAN.volgende{float:right;font-size:13px;margin-right:0px;padding-top:7px;_padding-top:8px;*padding-top:8px;text-transform:uppercase;}

/* Even onhandig voor de galerie_canvas.php pagina: */
SPAN.linker_link{float:left;padding-left:20px;font-size:13px;}
SPAN.rechter_link{float:right;padding-right:20px;font-size:13px;}


.thumbnail{float:left;border:0px solid #9c3d2a;background:#ffffcc;padding:0px;margin-right:15px;}

a.thumbnail_description:link, a.thumbnail_description:visited{font-size:10px;font-weight:bold;color:#9c3d2a;background:#ffffcc;text-decoration:none;}
a.thumbnail_description:hover, a.thumbnail_description:active{font-size:10px;color:#000000;background:#ffffcc;text-decoration:underline;}



/* LIJST met OPTIES op STARTPAGINA */
#lijst_container{border:0px solid #330033;}

#lijst_container #lijst{
margin-left: 0;
padding-left: 0;
list-style: none;
}

#lijst_container #lijst li{
padding-left: 20px;
background-image: url(images/list_dot.jpg);
background-repeat: no-repeat;
background-position: 0 .250em;
margin-left:40px;
margin-bottom:20px;
text-align:left;
}

#lijst_container #lijst li a.lijst_item:link, #lijst_container #lijst li a.lijst_item:visited{
background:#ffffcc;color:#9c3d2a;text-align:left;font-weight:bold;text-decoration:none;
}
#lijst_container #lijst li a.lijst_item:hover, #lijst_container #lijst li a.lijst_item:active{
background:#ffffcc;color:#000000;text-align:left;font-weight:bold;text-decoration:underline;
}




/* TEKST met 2 afbeeldingen rechts: */
#tekst_m_afb_rechts{display:block;height:428px;width:720px;background:#ffffcc;color:#9c3d2a;}

#tekst_links{float:left;width:443px;height:428px;overflow:auto;background:#ffffcc;text-align:left;margin-top:0;}

#tekst_rechts{float:right;width:277px;height:428px;overflow:auto;background:#ffffcc;text-align:left;margin-top:0;}

#afb_rechts{float:right;width:277px;height:428px;overflow:auto;background:#ffffcc;text-align:right;}



#trouwen_links{float:left;width:400px;height:428px;overflow:auto;background:#ffffcc;text-align:left;margin-top:0;}
#trouwen_rechts{float:right;width:320px;height:408px;overflow:auto;background:#ffffcc;text-align:right;padding-top:20px;}




#tekst_total{float:left;width:700px;height:428px;overflow:auto;background:#ffffcc;text-align:left;}



/* TEKST met 2 afbeeldingen eronder: */
#tekst_m_afb_onder{display:block;height:428px;width:720px;background:#ffffcc;color:#9c3d2a;}

#tekst_top{width:720px;height:428px;overflow:auto;background:#ffffcc;text-align:left;}



/* 2 TEKSTBLOKKEN rechts & links: */
#tekst_blokken{display:block;height:428px;width:720px;background:#ffffcc;color:#9c3d2a;}

#tekstblok_links{float:left;width:360px;height:428px;overflow:auto;text-align:left;}

#tekstblok_rechts{float:left;width:360px;height:428px;overflow:auto;background:#ffffcc;text-align:left;}

#tekstblok_groot{float:left;width:720px;height:428px;text-align:left;}

#reakties_klanten{float:left;overflow:auto;width:720px;height:428px;text-align:left;}

#reakties_klanten strong{color:#9c3d2a;}


/* FOOTER: */
#footer{
font-size: 13px;
font-family: Verdana, Geneva, Arial, sans-serif;
font-weight:bold;
text-align: center;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 24px;
padding-top:8px;
background:#ffffcc;
color:#9c3d2a;
border-top:1px dotted #9c3d2a;
visibility: visible;
display: block;
z-index:1;	/* Zodat bij kleine schermen de footer niet 'over de rest heen gaat liggen'! */
}
a.footer:link, a.footer:visited{color:#9c3d2a;background:#efefae;}
a.footer:hover, a.footer:active{color:#000000;background:#efefae;text-decoration:none;}

/* Momenteel is er geen footer zichtbaar! */
#footer_invisible{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 24px;
padding-top:8px;
background:#ffffcc;
color:#9c3d2a;
border:0;
visibility:hidden;
display: block;
z-index:1;	/* Zodat bij kleine schermen de footer niet 'over de rest heen gaat liggen'! */
}




/* TOP MENU */
/* The "clearFix" class is used for clearing the main menu items because they
   are left-floated for horizontal main menus and we have to clear them if our main
   menu is relatively positioned (as in this example) so that the main menu box
   takes its place correctly on the page. We have to apply this class to the parent
   DIV of the root UL of our menu tree. Please take a look at section 6.1 in the
   SmartMenus User's Manual for a detailed explanation if you like. */

.clearFix:after { /* for modern browsers */
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.clearFix { /* for IE7/Win */
    min-height:1px;
}
* html .clearFix { /* for IE5-6/Win */
    height:1px;
}
* html>body .clearFix { /* for IE5/Mac */
    height:auto;
    display:inline-block;
}
ul#Menu1 li{margin-right:3px;}
/* Eind TOP MENU */


/* AFBEELDINGEN: */
#images_rechts_v_tekst{margin-right:10px;}

IMG.afbeelding_bij_tekst{padding:0px;border:1px solid #9c3d2a;}
IMG.afbeelding_bij_tekst2{margin-top:10px;padding:0px;border:1px solid #9c3d2a;}

IMG.marionetten_theater{margin-top:10px;_margin-top:11px;*margin-top:11px;padding:0px;border:1px solid #9c3d2a;}


IMG.afbeelding_in_tekst{border:1px solid #9c3d2a;float:right;margin:0 0 10px 10px;}


IMG.border{padding:0px;border:1px solid #9c3d2a;}
IMG.border_next{padding:0px;border:1px solid #9c3d2a;margin-left:14px;}

IMG.text_right{float:left;margin:0px 14px 0 0;border:1px solid #9c3d2a;}

IMG.vlaggetje{border:0px;}

IMG.left{float:left;margin-left:20px;border:1px solid #9c3d2a;}

IMG.right{float:left;margin-left:20px;border:1px solid #9c3d2a;}

img{border:0;}

/* t.b.v. UITLIJNINGEN: */
.left{text-align:left;}
.right{text-align:right;}
.center{text-align:center;}


/* Horizontale groene lijn voor in teksten */
div.hr {
height: 1px;
background: #9c3d2a;
margin-left:10px;
margin-bottom:0;

}
div.hr hr {
display: none;
}


h2{color:#9c3d2a;background:#ffffcc;font-size:1em;margin:0;padding:0;font-weight:normal;font-style:italic;letter-spacing:1px;}

/* Preloading IMAGES! */
p.preload, .hiddenPic {display:none;}

-->