* {
   margin:0px;
   padding:0px;
  }
body {
   background-color:#fff;
   font-family:Tahoma, Arial, sans-serif;
   font-size:11px;
   line-height:14px;
   color:#464646;
}

a:link    {color: #000; text-decoration:none;}
a:visited {color: #222; text-decoration:none;}
a:hover   {color: #00f; text-decoration:underline; }

table {
   border:none;
   border-collapse:collapse;
}
td, th {
   vertical-align:top;
   border:none;
}

h1 {
   font-size:16px;
   margin:0 0 15px 0;
}
h2 {
   font-size:14px;
   margin:10px 0 10px 0;
}
h3 {
   font-size:12px;
   margin:10px 0 10px 0;
}
img {
   border:none;
}


/* -------------------------------------------------------------------------- */
/* --- delen van de site (met id's)------------------------------------------ */
/* -------------------------------------------------------------------------- */

/* ******************************************************* volledige site *** */
#website {
   width:800px;
   margin:0 auto;
}
/* ************************************************************** headers *** */
#logoheader {
   height:335px;
   width:800px;
   background: transparent url(http://www.oud-goud.com/images/www.oud-goud.com.jpg) no-repeat scroll left top;
   position:relative;
}
#logolinken {
   position:absolute;
   height:25px;
   text-align:right;
   line-height:25px;
   width:450px;
   font-size:11px;
   right:0;
   top:13px;
   padding-right:12px;
}
#logoheader img {
   vertical-align:middle;
   border:0px;
   padding-left:12px;
   padding-right:12px;

   /* margin:0 auto; */
}
/*
#logoheader a:link    {color: #000; text-decoration: none; }
#logoheader a:visited {color: #000; text-decoration: none; }
#logoheader a:hover   {color: #000; text-decoration: none; }
  */
/* **************************************************** effectieve pagina *** */
#paginascheiding {
   background: transparent url(http://www.oud-goud.com/images/footer-back.jpg) no-repeat scroll left top;
   height:24px;
   width:800px;
   font-size:1px;
   clear:both;
}
/* ************************************************************** footers *** */
#copyrightfooter {
   clear:both;
   float:left;
   width:800px;
   height:16px;
   line-height:16px;
   color:#000;
   font-size:10px;
   text-align:center;
   border-bottom:15px white solid;
}

#copyrightfooter a:link    {color: #000; text-decoration: underline; }
#copyrightfooter a:visited {color: #000; }
#copyrightfooter a:hover   {color: #000; }

#copyrightfooter .linksekolom {
   float:left;
   width:248px;
   text-align:left;
   padding-left:15px;
}
#copyrightfooter .rechtsekolom {
   float:right;
   width:248px;
   text-align:right;
   padding-right:15px;
}
#copyrightfooter .middenkolom {
   float:left;
   width:270px;
   text-align:center;
}

/* ************************************************************************** */
/* **** volledige site ****************************************************** */
/* ************************************************************************** */
#paginainhoud {
   padding-top:0px;
   padding-bottom:10px;
   float:left;
   width:800px;
   /*position:absolute;*/
}
#linksekolom {
   float:left;
   width:205px;
   padding:0;
   margin:0;
}

#rechtsekolom {
   float:right;
   width:585px;
   padding:0;
   margin:0;
}

/* --- generieke shortcuts naar bepaalde styleparameters -------------------- */
.links { float:left;}
.rechts { float:right;}
.clear { clear:both;}

/* ************************************************************************** */
/* **** verschillende blokken *********************************************** */
/* ************************************************************************** */
.verticalespatie {
   margin-top:18px;
}
.titel {
   text-transform:uppercase;
   color:white;
   height:26px;
   line-height:26px;
   padding-left:20px;
   font-size:11px;
   font-weight:bold
}
.box {
   width:100%;
   margin-bottom:0;
   margin-top:0;
   padding:10px 18px;
}
.box ul {list-style:none; margin-left:0; font-size:11px; font-family:Tahoma, arial, sans-serif;}
.box li {color:#1a93e6; line-height:14px; background:url(http://www.oud-goud.com/images/list_back.gif) repeat-x left bottom; padding:4px 0 4px 0; width:80%;}
.box li a{background:url(http://www.oud-goud.com/images/pimp1.gif) no-repeat 0px 4px; padding-left:15px; text-decoration:none; color:#1a93e6; margin-left:3px; display:block;}
.box li a:hover{text-decoration:underline}

.boxlijn {
   margin-top:1px;
   height:2px;
   background: transparent url(http://www.oud-goud.com/images/box_topback.gif) repeat-x left top;
   width:100%;
}

/* --- verschillende soorten blokken - vooral breedtes moeten worden overschreven ------------- */
.smalkader {
   width:205px;
}
.smalkader .titel {
   background: transparent url(http://www.oud-goud.com/images/titel205.gif) no-repeat scroll left top;
}
.smalkader .box {
   background: transparent url(http://www.oud-goud.com/images/box205.gif) repeat-y scroll left top;
}

.breedkader {
   width:585px;
}
.breedkader .titel {
   background: transparent url(http://www.oud-goud.com/images/titel585.gif) no-repeat scroll left top;
}
.breedkader .box {
   width:550px;
   background: transparent url(http://www.oud-goud.com/images/box585.gif) repeat-y scroll left top;
   text-align:justify;
}

/* --- juwelen in verschillende plaatsen van het scherm --------------------- */
/* ************************************************************************** */
/* **** tonen van een juweelkader ******************************************* */
/* ************************************************************************** */
.juweelkader {
}
.juweelkader h2 {
   font-size:11px;
   font-weight:normal;
   margin:0px 0 10px 0;
}
.juweelkader h2 a:link    {text-decoration:none;}
.juweelkader h2 a:visited {text-decoration:none;}
.juweelkader h2 a:hover    {text-decoration:underline; }

.juweelkader .origineleprijs, .juweelkader .prijs {
   font-size:14px;
   font-weight:bold;
   margin:10px 0;
   display:block;
}
.juweelkader .origineleprijs {
   color:#a0a0a0;
   text-decoration:line-through;
}
.juweelkader .prijs {
   color:#0164a8;
}
.juweelkader .juweelfoto {
   width:85px;
   height:85px;
   border:none;
   right:0px;
   top:25px;
   position:absolute;
}


/* --- overrulede juweelkader in linkse kolom ------------------------------- */

#linksekolom .juweelkader {
   width:175px;
   height:110px;
   position:relative;
}

#linksekolom .juweelkader p {
   width:85px;
   height:85px;
   overflow:hidden;
}
/* --- overrulede juweelkader in linkse kolom ------------------------------- */

#linksekolom .contactinfokader {
   width:175px;
   height:220px;
   position:relative;
   text-align:justify;
   overflow:hidden;
}

/* --- overrulede juweelkader in rechtse kolom ------------------------------ */

#rechtsekolom .juweelkader {
   width:255px;
   height:160px;
   position:relative;
}
#rechtsekolom .juweelkader.links {
   background: transparent url(http://www.oud-goud.com/images/boxvert.gif) repeat-y scroll right top;
   width:260px;
   padding-right:10px;
}
#rechtsekolom .juweelkader h2 {
   text-transform:uppercase;
   margin-top:10px;
   margin-bottom:15px;
   color:#00a9c9;
   font-size:12px;
   font-weight:bold;
}
.juweelkader h2 a {color:#00a9c9;}

#rechtsekolom .juweelkader p {
   text-align:left;
   width:165px;
   height:40px;
   overflow:hidden;
}
#rechtsekolom .juweelkader .juweelfoto {
   top:35px;
}

/* --- overrulede juweelkader afhankelijk van positie op de pagina ---------- */
/* --- juweelkader in de linkse kolom ---*/
#rechtsekolom .juweelkader.links .juweelfoto {
   right:20px;
}
/* --- juweelkader in de rechtse kolom ---*/
#rechtsekolom .juweelkader.rechts .juweelfoto {
   right:05px;
}
/* --- juweelkader over de volledige breedte ---*/
#rechtsekolom .juweelkader.breed {
   width:100%;
}
#rechtsekolom .juweelkader.breed .juweelfoto {
   left:0px;
}
#rechtsekolom .juweelkader.breed h2, #rechtsekolom .juweelkader.breed p, #rechtsekolom .juweelkader.breed .prijs, #rechtsekolom .juweelkader.breed .detailknop {
   margin-left:130px;
}
#rechtsekolom .juweelkader.breed h2, #rechtsekolom .juweelkader.breed p {
   margin-left:130px;
   width:400px;
}
/* --- juweelkader als produktfiche ---*/
#rechtsekolom .juweelkader.eenprodukt, #rechtsekolom .contactinfokader {
   width:100%;
}
#rechtsekolom .juweelkader.eenprodukt .juweelfoto {
   left:0px;
   top:10px;
}
#rechtsekolom .juweelkader.eenprodukt h1 {
   padding-left:125px;
   line-height:21px;
   margin-top:35px;
}

#rechtsekolom .juweelkader.eenprodukt h2, #rechtsekolom .juweelkader.eenprodukt p, #rechtsekolom .juweelkader.eenprodukt .prijs {
   margin-left:130px;
}
#rechtsekolom .juweelkader.eenprodukt h2, #rechtsekolom .juweelkader.eenprodukt p {
   margin-left:130px;
   width:400px;
}

#rechtsekolom .juweelkader.eenprodukt p {
   height:100px;
}


/* --- knoppen -------------------------------------------------------------- */

.detailknop, .contactknop, .infoknop {
   height:19px;
   line-height:17px;
   color:white;
   font-style:italic;
   padding-left:9px;
   text-align:center;
}
.detailknop, .contactknop {
   position:absolute;
   bottom:12px;
}
.detailknop {
   width:78px;
   background: transparent url(http://www.oud-goud.com/images/button_ster.gif) no-repeat scroll left top;
}
.infoknop {
   width:110px;
   background: transparent url(http://www.oud-goud.com/images/button_ster-110.gif) no-repeat scroll left top;
}
.contactknop {
   width:110px;
   background: transparent url(http://www.oud-goud.com/images/button_ster-110.gif) no-repeat scroll left top;
   right:10px;
}
.rechts .contactknop {
   right:-5px;
}
.detailknop a:link    , .contactknop a:link    , .infoknop a:link    {color: white; text-decoration: none; }
.detailknop a:visited , .contactknop a:visited , .infoknop a:visited {color: white; text-decoration: none; }
.detailknop a:hover   , .contactknop a:hover   , .infoknop a:hover   {color: white; text-decoration: underline; }


#rechtsekolom .contactinfokader .infoknop {
   float:right;
   clear:both;
   margin:10px 0;
}