/* standaards */
html, body, p,h1, h2, h3, h4, h5, td{font-family:"Trebuchet MS", Verdana;}
body {margin:0px;padding:0px;background-color:#c10419;background-image:url('/juwelier_bestanden/content/body_bg.jpg');background-repeat:repeat-x;color:#e8596a;}
p {color:#000;}
td {color:#000;}
td h1{color:#e8596a;}
hr{height: 0;border: 0;border-top: 1px solid#c10419;}

/* Content positionering etc. */
#holder{position:absolute;width:1000px;margin-left:50%;left:-500px;top:100px;height:400px;}
.top-left, .top-right, .bottom-left, .bottom-right { background-image: url('/juwelier_bestanden/content/corners1280x18.gif');height: 9px;font-size: 2px;}
.top-left, .bottom-left { margin-right: 9px;}
.top-right, .bottom-right {margin-left: 9px;margin-top: -9px;}
.top-right{background-position: 100% 0;}
.bottom-left{background-position: 0 -9px;}
.bottom-right{background-position: 100% -9px;}
.inside {background: #ffffff;color: #000000;padding-left: 20px;padding-right:20px;text-align:left;height:600px;}
.notopgap    { margin-top: 0; }
.nobottomgap { margin-bottom: -1px; padding-bottom: 1px; }

/* Logo + hangende kaartjes */
#logo{position:absolute;top:-80px;width:240px;height:55px;z-index:7;}
#payoff{position:absolute;left:320px;top:-90px;width:560px;height:110px;z-index:8;}
#kaartje{position:absolute;left:800px;top:-170px;width:190px;height:270px;z-index:9;background-repeat:no-repeat;border:0px;}

/* Filialen Footer */
#filialen{position:absolute;width:1000px;margin-left:50%;left:-500px;top:730px;color:#ffffee;text-align:right;}
#filialen a:link,#filialen a:visited{color:#ffeeff;text-decoration:none;}
#filialen a:hover,#filialen a:active{color:#c10418;text-decoration:none;}

/* Filialen Footer */
#copyright{position:absolute;width:300px;margin-left:50%;left:-500px;top:733px;color:#ffffee;text-align:left;z-index:999;}
#copyright a:link,#copyright a:visited{color:#ffeeff;text-decoration:none;font-weight:normal;font-size:10px;}
#copyright a:hover,#copyright a:active{color:#c10418;text-decoration:none;}


/* pagina inhoud */
#pagina{position:relative;top:180px;left:220px;width:740px;overflow:auto;height:420px;font-size:12px;line-height:18px;z-index:12;}
#pagina h1{font-size:13px;}
#pagina a:link{text-decoration:none;color:#c10420;}
#pagina a:active{text-decoration:none;color:#c10418;}
#pagina a:visited{text-decoration:none;color:#c10417;}
#pagina a:hover{text-decoration:none;color:red;}

/* Aanbieding */
#aanbieding{position:absolute;top:20px;width:220px;height:170px;border:0px solid #ccc;z-index:5;}

/* Header */
#header{position:absolute;top:20px;left:240px;width:740px;height:150px;border:0px solid #ccc;z-index:6;overflow:hidden;}
#header img { position:absolute;top:0;left:0;z-index:8;}
#header img.active{z-index:10;}
#header img.last-active {z-index:9;}

/* Menu */
#menu{position:absolute;left:11px;top:188px;width:220px;height:430px;background-image:url('/juwelier_bestanden/content/menu_bg.jpg');background-position:bottom center;background-repeat:no-repeat;z-index:99;}
#menu ul{list-style: none;margin:0;padding:0;width:200px;margin-top:10px;}
#menu ul li{width:200px;margin:0;padding:0;text-align:left;}
#menu ul li a {display:block;list-style:none;padding:3px 10px;height:100%;color:#888888;text-decoration:none;}
#menu ul li a:hover,#menu ul li a:focus,#merken ul li a:active {color:#c10415;}

/* Merken footer */
#merken{position:absolute;width:1000px;margin-left:50%;left:-500px;top:760px;}
#merken h1{font-size:12px;font-weight:bold;margin:0px;}
#merken ul{list-style: none;margin:0;padding:0;width:134px;}
#merken ul li{width:134px;margin:0;padding:0;text-align:left;text-decoration:none;}
#merken ul li a{display:block;list-style:none;padding:0px 0px;height:1%;color:#e8596a;text-decoration:none;font-size:10px;font-weight:bold;line-height:14px;}
#merken ul li a:hover, 
#merken ul li a:focus,
#merken ul li a:active {color:#eeeeee;}

/* categorie */
div.categorie,div.categorie2{position:relative;width:175px;margin:0px;margin-bottom:10px;height:190px;border:0;float:left;overflow:hidden;background:url('/juwelier_bestanden/content/categorie_bg.jpg');text-align:center;}
div.categorie{margin-right:10px;}
div.categorie2{margin-right:0px;}
div.categorie h1, div.categorie2 h1{margin:5px;color:white;background-color:#003261;font-size:16px;}
div.categorie img,div.categorie2 img{margin:0px;margin-top:4px;width:167px;height:150px;border:0px;}
img.merk, a:link img.merk, a:link img.visited, a:active img.merk{border:1px solid #e8596a;}
a:hover img.merk{border:1px solid black;}
h1.Filiaal{padding:0px;padding-left:25px;background-image: url('/juwelier_bestanden/content/toggle.gif');background-position:0 0;background-repeat:no-repeat;}

/* Nieuws */
.nieuwsItem{width:98%;height:20px;margin:0px;margin-bottom:5px;padding:2px 5px;text-decoration:none;color:black;}
a:link p.nieuwsItem, a:visited p.nieuwsItem, a:active p.nieuwsItem, a:hover p.nieuwsItem{text-decoration:none;}
a.nieuws:hover p, p a:hover{color:red;text-decoration:none;}
span.datumveld{width:200px;font-family:Verdana;font-size:10px;font-weight:normal;margin:0px;margin-right:20px;}

#nieuwsBerichten{position:absolute;top:0px;left:0px;width:320px;height:390px;border:0;overflow:hidden;}
#nieuwsBerichten ul {list-style: none;margin: 0;padding: 0;}
#nieuwsBerichten ul li {margin: 0;padding: 0;}
#nieuwsBerichten ul li a {display: block;text-decoration: none;width: 100%;padding: 5px 10px;text-align: center;font-size:10px;color: gray;height:100%;border:0;border-bottom:1px solid gray;}
#nieuwsBerichten ul li a:hover, #nieuwsBerichten ul li a.actief, #nieuwsBerichten ul li a:focus {font-weight: normal;font-size:10px;color: black;}

div.folder_holder img{border:1px solid #cccccc;}
/*formulier*/
input.mod3{width:351px;border:1px solid #ccc;}
input.mod3:hover{border:1px solid #FF0000;}
textarea.mod3{width:353px;border:1px solid #ccc;height:140px;}
textarea.mod3:hover{border:1px solid #FF0000;}
input.code{width:50px;height:30px;border:1px solid #ccc;}
input.code:hover{border:1px solid #FF0000;}

/* module 700 */
/* categorie */

img.album{padding: 3px;background:white;border:1px solid #BBB;margin: 0px 0px 13px 0px;}
div.thumbje{float:left;height:173px;width:173px;}
div.thumbje2{float:left;height:150px;width:356px;border:1px solid #bbb;margin:0px 5px 10px 0px;}
div.titel{position:relative;margin-top:-35px;width:150px;margin-left:4px;z-index:98;background-color:transparent;text-align:center;overflow:hidden;background-image:url('wit80.png');}
div.titel h1.titel{font-size:9px;margin:0px;font-weight:normal;font-family:Arial, Helvetica, Verdana;color:black;}
