/* CSS Document */
body {text-align:center; margin:1em 0; padding:0; background:#aaaaaa;}
#wrapper{width:48em; margin:0 auto; text-align:left; border:1px solid black;
border-width:0 1px; position:relative; background:#dddddd;}
#banner{height:151px; width:100%; background:url(../pics/bwbanner.jpg);}
#banner h1{visibility:hidden; margin:0;}
#menu{position:absolute; left:0; background:#000; width:9em;}
#menu ul{padding:0; margin:0; list-style-type:none; font-size:1.2em;}
#menu ul li{padding:0.2em 0 0.2em 2em; background:url(../pics/brocantesign.gif) no-repeat 0.1em 0.25em;}
#menu ul li a{text-decoration:none; font-weight:bold; color:#cccccc;}
#menu ul li a:hover,#menu ul li a:active{color:#fff;}
#main {margin-left:9em; padding:0; height:20em;}
html>body #main{height:auto; min-height:20em;}
.indexpic{float:right; margin:1em 0 1em 1em; clear:right;}
#main h1{text-align:center; margin:1em 0}
#main h2{margin:0; padding:0.25em; font-size:2.5em; color:#333; text-align:center;}
#main h3{margin:0; padding:0.25em; font-size:1.5em; color:#333; text-align:center;}
#main p{padding:0 1em; margin:0.5em 0; line-height:1.5em; font-size:1.05em;}
#main a{color:#000;}
#main a:hover,#main a:active{color:#999}
#footer{clear:both; background:#000000; margin-top:1.5em;}
#footer a{color:#cccccc; text-decoration:none; font-weight:bold; padding-left:1em;}
h1{color:#444444;}
.items{padding:0; border:2px solid #aaa; border-width:2px 0 0 2px; width:97%; margin:0 0 1.3em 0.5em;}
.itempic{float:right; margin:-2px 0 0 2em; padding:0;}
.items ul{list-style-type:none; margin:0; padding:0;}
.items ul li{padding:1.5em 0 0 2em;}
.items a{display:block; clear:both; background:#aaa; line-height:1.3em; padding-left:1em; color:#000; border-bottom:1px solid #000; font-weight:bold; color:#333;}
.items a:hover, .items a:active{color:#eee;}
#turnpage{text-align:center; margin:0.5em; font-weight:bold;}
#turnpage a{text-decoration:none; color:#333;}
.detail ul{background:#eee;; padding:1em; margin:0.5em;}
.detail li{margin-top:1.5em; list-style-type:none; font-size:1.25em; color:#333;}
.detail li a{color:#333; text-decoration:none;}
.detail li a:hover, .detail li a:active{color:#666;}
.detail table{border:3px solid #333; margin:0.25em;}
#bod a{color:#C22;}
#bod a:hover, #bod a:active{color:#f00;}
#bod{text-align:center;}
#detaillist{vertical-align:top;}
.detailpic{float:right; margin:0 0.5em; border:none;}
.largefoto{text-align:center}
.largefoto img{margin:1em;}
.largefoto a{color:#000; font-size:1.5em; text-decoration:none; margin:1em; display:block;}
.largefoto a:hover, .largefoto a:active{color:#eee;}
#form form{border:2px solid #333; margin:1em; padding:0.5em 1em 1em 0.5em; text-align:center; width:36em;}
#form input{text-align:right; width:15em; margin-left:2em;}
#form .number{width:4em; margin-left:11em;}
html>body #from .number{margin-left:13em;}
#form p{text-align:right; padding:0;}
#form img{float:left;}
#form .button input{text-align:center;}
#form .button{clear:both;}
.terug{position:relative; right:25em; bottom:1.5em;}
.terug a{color:#333; font-size:1.5em; text-decoration:none;}
.terug a:hover, .terug a:active{color:#eee}