html,body { margin:0; padding:0; }
*         { margin:0; padding:0; }

/* --- definitie standaard html types --------------------------------------- */
body {
   background-color: black;
   color: #f8f8f8;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 80%;
   line-height:125%;
   margin: 0px;
   padding: 0px;
}
h1, h2 {
   text-align:center;
}
h1 {
   font-size:150%;
   line-height:250%;
}
h2 {
   font-size:110%;
   line-height:160%;
}
img {
   border: none;
}
a { color: #f8f8f8; }
a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:underline;}

em {
   font-style:normal;
   font-weight:bold;
   color:#edc808;
}
em a { font-weight:normal; color: #edc808; }
em a:link {text-decoration:none;}
em a:visited {text-decoration:none;}
em a:hover {text-decoration:underline;}

table {
   border-collapse:collapse;
}
td {
   vertical-align:middle;
   text-align:center;
}
/* --- delen van de pagina (id's) ------------------------------------------- */
#website {
   width:1200px;
   min-height:600px;
   margin:0 auto;
}

#linkse-fade {
   float:left;
   width:111px;
   height:693px;
   background: transparent url(http://www.marcadriaenssens.com/images/ma_01.jpg) no-repeat top right;
}
#info-balk {
   float:left;
   width:219px;
   height:693px;
   background: transparent url(http://www.marcadriaenssens.com/images/ma_02.jpg) no-repeat 0px 0px;
   padding-left:15px;
}
#contents-balk {
   float:left;
   width:743px;
   height:693px;
   background: transparent url(http://www.marcadriaenssens.com/images/ma_03.jpg) no-repeat 0px 0px;
}
#rechtse-fade {
   float:left;
   width:127px;
   height:693px;
   background: transparent url(http://www.marcadriaenssens.com/images/ma_04.jpg) no-repeat top left;
}

/* --- inhoud info balk ----------------------------------------------------- */
.info-logo {
   width:219px;
   height:238px;
}
.info-divider {
   width:219px;
   height:40px;
   background: transparent url(http://www.marcadriaenssens.com/images/info-divider.png) no-repeat 20px 19px;

}
.info-tekst {
   margin:10px 0;
}

/* --- inhoud contents balk ------------------------------------------------- */
.contents-fotos {
   width:743px;
   height:135px;
   float:left;
   font-size:70%;
   line-height:80%;
   color:#edc808;
   padding:17px 60px;
}
.contents-inhoud {
   width:653px;
   float:left;
   padding:25px 45px;
}
.contents-footer {
   margin-top:25px;
   width:743px;
   float:left;
   font-size:75%;
   text-align:center;
   color:#edc808;
}

/* --- inhoud contents fotos --- */
.navigatie-rij {
   height:75px;
   clear:both;
}
.navigatie-foto {
   float:left;
   width:100px;
   height:66px;
   text-align:center;
   color:#edc808;
}
.navigatie-foto img {
   width:66px;
   height:66px;
}
.navigatie-foto a { font-weight:normal; color: #edc808; }
.navigatie-foto a:link {text-decoration:none;}
.navigatie-foto a:visited {text-decoration:none;}
.navigatie-foto a:hover {text-decoration:none; color: #f0f0f0;}

.navigatie-foto img a { font-weight:normal; color: #edc808; }
.navigatie-foto img a:link {text-decoration:none;}
.navigatie-foto img a:visited {text-decoration:none;}
.navigatie-foto img a:hover {text-decoration:none;}


/* --- inhoud contents footer --- */
.contents-footer p {
   padding:6px 0;
}
/* --- inhoud contents zelf --- */

.contents-inhoud img {
   padding:14px 7px;
   background-color:black;
   border:none;
   /* for IE */
   filter:alpha(opacity=90);
   /* CSS3 standard */
   opacity:0.90;
}
.contents-inhoud .rubriek-blabla {
   width:400px;
   padding:15px;
   margin-left:110px;
   background-color:#ffffff;
   /* for IE */
   filter:alpha(opacity=60);
   /* CSS3 standard */
   opacity:0.6;
   border:2px solid #edc808;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
}
.contents-inhoud .rubriek-blabla:hover {
   /* for IE */
   filter:alpha(opacity=90);
   /* CSS3 standard */
   opacity:0.9;
}
.contents-inhoud .rubriek-blabla p {
   text-align:left;
   margin:10px 0;
   color:black;
}
.contents-inhoud .rubriek-blabla em {
   text-align:left;
   margin:10px 0;
   color:black;
   font-style:italic;
}
.contents-inhoud .rubriek-blabla  a { font-weight:bold; color: black; }
.contents-inhoud .rubriek-blabla  a:link {text-decoration:none;}
.contents-inhoud .rubriek-blabla  a:visited {text-decoration:none;}
.contents-inhoud .rubriek-blabla  a:hover {text-decoration:underline;}

/* --- inhoud overschreven voor de rootpagina --- */
.contents-inhoud .root .inhoud-rij {
   width:653px;
   height:250px;
   clear:both;
}
.contents-inhoud .root a         {text-decoration:none;}
.contents-inhoud .root a:link    {text-decoration:none;}
.contents-inhoud .root a:visited {text-decoration:none;}
.contents-inhoud .root a:hover   {text-decoration:none;}

.contents-inhoud .root img {
   width:250px;
   height:250px;
   padding:10px 10px;
   background-color:black;
}
.beoordeling {
   padding:5px;
}
.contents-inhoud .root p {
   text-align:center;
   margin:12px;
}
.contents-inhoud .root em {
   display:block;
   margin-top:35px;
}
.contents-inhoud .root i {
   display:block;
   text-align:justify;
}


/* --- ceebox sturingen ----------------------------------------------------- */
.ceeboxgallery, .ceeboxgallery-lookalike {
   width:660px;
   text-align:center;
   min-height:400px;
}
.ceeboxgallery-lookalike {
   min-height:100px;
}
.ceeboxgallery h1, .ceeboxgallery-lookalike  {
   color:#edc808;
}
.ceeboxgallery img, .ceeboxgallery-lookalike  {
   margin:2px 5px;
}

/* --- kerstkaarten --------------------------------------------------------- */
.kerstkaart {
   border:1px solid #cccccc;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   margin-top:10px;
   margin-left:10px;
   margin-right:10px;
   padding:10px;
   font-size:70%;
}
.kerstkaart em {
   font-size:110%;
   color:#edc808;
}

/* --- shortcuts 1 attribute per class -------------------------------------- */
.marge-links { margin-left:25px;}
.marge-rechts { margin-right:25px; }
.float-left  { float:left; }
.float-right { float:right; }
.left   { text-align:left; }
.center { text-align:center; }
.right  { text-align:right; }
.kleine-tekst { font-size:60%;}

/*
BODY {  BACKGROUND-COLOR: #000000;
        COLOR: #ffff00;
        FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
        FONT-SIZE: 10pt;
        MARGIN: 0px;
        PADDING: 0px;
        PADDING-BOTTOM: 12pt
}
H1 {    FONT-SIZE: 13.5pt; FONT-WEIGHT: bold;
        MARGIN-BOTTOM: 6pt;  MARGIN-LEFT: 5px
}
H2 {    FONT-SIZE: 10pt; FONT-WEIGHT: bold;
        PADDING-TOP: 8pt;
        MARGIN-BOTTOM: 6pt; MARGIN-LEFT: 5px
}
H3 {    FONT-SIZE: 10pt; FONT-WEIGHT: normal; FONT-STYLE: Italic;
        COLOR: #80FFFF;
        PADDING-TOP: 12pt;
        MARGIN-BOTTOM: 6pt; MARGIN-LEFT: 5px
}

TH {    FONT-SIZE: 10pt;
        FONT-WEIGHT: bold;
        TEXT-ALIGN: center;
        VERTICAL-ALIGN: middle;
        PADDING-TOP: 6pt;
        PADDING-BOTTOM: 6pt;
        PADDING-LEFT: 5px
}
TD {    FONT-SIZE: 10pt;
        FONT-WEIGHT: normal;
}
A:link {COLOR: #0080C0; /-was:#c8c800;-/ }
A:visited {COLOR:#0088cc;  /- was:#888800 -/}
A:hover {COLOR: #48C4FF; /- was: #ffff00 *-}

.beoordeling {  FONT-FAMILY: Arial, Helvetica, sans-serif;
         FONT-SIZE: 8pt; }

.klein { font-family: Arial; font-size: 9px; }

.navklein { font-family: Arial; font-size: 9px; }
.navklein td { font-family: Arial; font-size: 9px; }
.navklein a:link{ color:#eeeeee; text-decoration:none; }
.navklein a:visited {COLOR: #ffffff; text-decoration:none; }
.navklein a:hover {COLOR: #48C4FF; /- was: #ffff00; -/ text-decoration:underline; }


.imgtitle
    { Font-Family: Verdana, Arial, Helvetica, sans-serif;
     font-style: normal; text-align: center;
     font-size: 10pt;  color: #ffffff;
     Margin-top: 5pt; margin-bottom: 2pt;   border-style:solid; border-width:thin;
     border-color:#004080;
     background-color:#001040;
     padding:5px;
}

.center {
   text-align:center;
   margin-left:auto;
   margin-right:auto;
}
*/