body {
    background: #fff;
    font-family: 'Century gothic';
}
/* Menu */

#menu {
    margin-top: 60px;
    margin-left: auto;
    margin-right: auto;
    width: 800px;
    /* font-size voor de pipes tussen de items */
    font-size: 14px;
    font-weight: bold;
    color : #b2b2b2;

}

#menu ul {
    margin:0;
    padding:0;
}

#menu li {
    display:inline;
}

#menu li a {
    font-family: 'Century gothic', Tahoma, Verdana, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #000;
    color:#61605c;
    text-decoration: none;
    margin-right: 5px;

}

#menu li a:hover {
    color: gray;
    color: #fcfc80;
    color: #f0e060;
    color: #f8e54e
}

#topMenu li {
    /* font-size voor de pipes tussen de items */
    font-size: 20px;
    font-weight: bold;
    color: #b2b2b2;
}

#topMenu li a {
    font-size: 21px;
    padding-right: 6px;
    margin-right: 0px;

}
#topMenu li a.hot{
    color:#ccc;
    color: #f0e060;
}

/* content */
#contentContainer {
    margin-left: auto;
    margin-right: auto;
    width: 800px;
    height:365px;
    background-image: url("/~ldhoog/ageeth/images/background_body.gif");
    background-image: url("/nieuwer/images/background_body.gif");
    border-top: 2px solid  #cecece;
}

#imageContainer {
    float:left;
    width: 398px;
    /*border:1px solid red;*/
    height: 365px;
}

.wrap1 img {
    padding:3px;
    background: #fff;
    border: 1px solid #ccc;
    display:block;
}

#textContainer {
    float:left;
    width: 398px;
    height: 100%;
    /*border:1px solid red;*/
}

#textContainer {
    font-family: 'Century gothic', Tahoma, Verdana, sans-serif;
}

#textContainer h3{
    font-style: italic; 
}

/* frontpage divs for images */
div.frontpDiv {
    float:left;
    padding:0;
    margin:0;
}

div.frontpDiv img {
    padding:none;
    margin:none;
    /* raar gedrag image slices, alleen met deze doctype ?? 
     * een 4px margin onder de image.
     */ 
    margin-bottom: -4px;
}

div #sieradenSlice {
    margin-top: 141px;
}
div #sieradenSlice img, div #goudenBalSlice img {
    margin-bottom: -4px;
}
div #goudenBalSlice {
    margin-left: 591px;
    margin-top: 10px;
}

div #ruler {
    height: 4px;
    margin:0;
    padding:0;
    background: #7e7d7b;
    width: 100%;
    font-size: 1px;
    line-height: 4px;
}

/* content opmaak */
#textContainer p {
    font-size: 15px;
    font-family: 'Century gothic', Tahoma, Verdana, sans-serif;
    color: #000;
}

#text {
    	height: 187px;
	margin-top: 52px;
	/*border: 1px solid black;*/
	padding-right: 3px;
}

#text h3 {
	padding:0;
	margin:0;
}
#text h4 {
   margin-bottom: 4px; 
   padding-bottom: 4px;
}
#text a, a:hover {
    color: #000;
}

small {
    font-family: 'Century gothic', Tahoma, Verdana, sans-serif;
    font-size: 11px;
}


.iconwrap {
    float:right;
    padding: 0px;
    padding-right: 5px;
    padding-bottom: 4px;
    background-image: url("/~ldhoog/ageeth/images/small_drop.png"); 
    background-image: url("/nieuwer/images/small_drop.png") ;
    background-image:url("/nieuwer/images/shadow70.png") ;
}

.iconwrap img {
    padding: 2px; 
    background: #fff;
    border: 1px solid #ccc;
    display:block;
}

#imageContainer .wrap1 {
    float:left;
    margin-top: 50px;
    margin-left: 60px;
    background-image:url("/~ldhoog/ageeth/images/shadow250.png") ;
    background-image:url("/nieuwer/images/shadow250.png") ;
    padding: 8px;
}

/* Footer */
#footer {
    margin-left: auto;
    margin-right: auto;
    width: 795px;
    height: 38px;
    text-align: right;
    padding-top: 14px;
    padding-right: 5px;
    background: #848484;
    color: #fff;
    border: 3px solid #fff;
    /*border: 1px solid black;*/
}

#footer #naam, #footer #prof {
    font-family: 'Century gothic', Tahoma, Verdana, sans-serif;
    font-size: 22px;
    /*border:1px solid black;*/
    padding-right: 6px;
}