/*  tcss.css: t.b.v. opmaak www.zeewegpottenbakkers.nl (30-12-2009) */

body {top:0; left:0; margin-left:0; margin-right:0; width:100%; color:navy; text-align:left; font-style:normal; font-size:100%; font-family: "Comic sans Ms", Arial, Verdana, sans-serif; text-decoration:none;  background-color:#fffff0}

img.wit {position: absolute; bottom: 0; right: 25px; border: 0;} /* tijd. hotspot-tnlwe */

.lu {text-align:left}
.ru {text-align:right}
.cu {text-align:center}

.fl {float: left}
.fr {float: right}
.fc {margin-left:auto; margin-right:auto}

.n {font-weight: normal}
.v {font-weight:bold}
.i {font-style:italic}
.s0 {text-decoration:none} 
.s1 {text-decoration:underline}
.nl {list-style-type:none}
.di {display:inline}
.db {display:block}

.ro {color:red}
.wi {color:white}
.bl {color:blue}
.br {color:#a52a2a}
.ge {color:yellow}
.gr {color:green}
.gs {color:gray}
.ps {color:#ee82ee}
.pb {color:#A400A4}
.iv {color:#fffff0}
.zw {color:black}

.k8{font-size:.8em}
.k9{font-size:.9em}
.kg{font-size: 1em}
.g1{font-size:1.1em}
.g2{font-size:1.2em}
.g3{font-size:1.3em}
.g4{font-size:1.4em}
.g5{font-size:1.5em}

li.nn {list-style-type: none}

/* standaard */
a {text-decoration: none}
a:hover {text-decoration: underline}
h3 {padding-top: 30px} /* o.a. voor parnaam */

/*test*/
.bb {border: 1px solid black}

img {margin: 0; padding: 0; border: 1px solid black} /*standaard */
img.blok {display: block}
img.bono {border: none}

img.kaarsje {position:absolute; left: 40%; bottom:-155px} 
img.hen {margin: 55px 100px 0 0; border: none}
img.rij {margin: 20px} 

img.but {margin-left: 8px; border: none} 

p {text-align:center; margin: 0; padding: 0; font-size: 1em}

 /* ----- index ----- */
div.indexkop {position:absolute; left:0; top:0; height:120px; width:100%; margin:0; padding:0; font-weight:bold; font-size: 2.5em; text-align:center;  background-image:url(pbckinaa.jpg); background-position: top left; background-repeat:repeat-x}
#kopleegi {margin:0; padding:0; height:120px; width:100%}
#breedbt {position:relative; width: 100%; padding:0; background-color:#fffff0} 

/* div.zwglogo+div.indextxtl+indextxlr */
div.indexkop {position:absolute; left:0; top:0; height:120px; width:100%; margin:0; padding:0; background-image:url(pbckinaa.jpg); background-position: top left; background-repeat:repeat-x; font-weight:bold; font-size:2.5em; text-align:center}

/* Calligrafie: ZEEWEGpottenbakkers */
div.zwglogo {position:absolute; left:38%; top:0; margin:0; padding:0; text-align:center}

/* Keramiekatelier */
div.indextxtl {position:absolute; top:65px; left:0; margin:0 15px; padding:0; width:250px; text-align:left; font-weight:normal; font-size:.8em}

/* Kunstgalerie */
div.indextxtr {position:absolute; right:0; top:65px; width:250px; margin:0 15px; padding:0; text-align:right; font-weight:normal; font-size:.8em}

/* HennieW&RuudB, twee pb's / ontb. mog. */   
div.indextxtc {position:relative; width:100%; margin:0; padding:0; text-align:center; font-weight:normal; font-size:1.7em}

#indexvoet {position: relative; width:100%; padding:0; margin:0; border: 1px solid #A400A4; text-align:center}
#indexvoet a {margin: 2px; padding: 2px; height: 1.3em; text-decoration: none; color: black; font-size: 1em}
#indexvoet a:hover {font-size: 1em; color:#fffff0; background-color:#A400A4} 

div.zwglogo {position:absolute; left:38%; top:0; margin:0; padding:0; text-align:center}
div.stat {position: relative; float: left; top: 5px} 

img.prel {position:absolute; left:-700px; border-style:none;border-width:0; margin:0;padding:0;width:1px;height:1px} /*preload*/

 /* ------restpags ------ */
#kopleeg {position:relative; top:0; left:0; margin:0; padding:0; height:90px; width:100%} 
#kop {position:absolute; top:0; left:0; margin:0; padding:0; width:100%; height:90px; text-align:left; background-image:url(pbckpgkp.jpg); background-repeat:repeat-x}

#kop a {margin: 0; padding: 0; color: blue; font-size: 1.1em; font-weight: normal}
#kop a:hover {color: black; font-size: 1.1em; font-weight: normal; background-color: #fffff0; text-decoration: none}

/* kopmen: */
img.pin {position:absolute; bottom:0; margin:10px; padding:0; width: 30px; height: 30px; border:0}

ul.ll { position: absolute;left: 2%; width: 33%; list-style-type: none;  margin:0; padding:0;}      /* kopmenu */
ul.cc { position: absolute; left: 33%; width: 33%; list-style-type: none; margin:0;  padding:0;}
ul.rr { position: absolute; right: 2%; width: 33%; list-style-type: none;  margin:0; padding:0;}
#kop li {text-align: center; font-size: .9em}
#kop li.act {color: #A400A4; font-weight: bold; font-size:1em}

#pagnaam {position:relative; float:right; margin:5px 10px; padding:0; height:64px; width:95%; text-align:left; color:#A400A4; font-size:1.5em; font-weight:bold; background-image: url(pzwglogo2.gif); background-position: top right; background-repeat: no-repeat}

/* parmenu */
img.intro {margin-bottom: 15px}
ul.paraf {position: relative; top: 0; list-style: none;}  /* parmenu */
ul.paraf li {padding-right: 10px; color: black; font-size: 1.0em; font-weight: normal;}
ul.paraf li a {color: black;}
ul.paraf li a:hover {color: blue; text-decoration: none;}

ul.welkom {list-style-type: circle} /* tnlwe */

div.breed {position:relative; float:right; margin: 0; padding:0; width:95%}
div.breedi99 {position:relative; float:right; margin: 0; padding:0; width:95%; height:50px} 
div.breedin {width: 100%; margin: 0; padding:0; clear:both}
div.breedkerstmuziek {position:relative; left:16px; clear:both; margin-left:15px; padding: 5px 15px 5px 0; width:95%; text-align:center; background-image:url(pnoten.gif); background-repeat:no-repeat; background-position:top center}
div.breedlkerst {position:relative; left:16px; clear:both; margin-left:15px; padding:0 15px 5px 0; width:95%; text-align:left; background-image:url(pjulei_trimin.gif); background-repeat:no-repeat; background-position:top right}
img.kerstballen {position:absolute; top:-5px; left:-16px; border:none;}  

div.twee80 {position:relative; padding:10px 10px 10px 10px; width:80%}
div.twee {position:relative; padding:10px 10px 10px 10px; width:66%}
div.half {position:relative; padding:10px 10px 10px 10px; width:47%}
div.derde {position:relative; padding:10px 10px; margin:0; width:30%}
div.derde38 {position:relative; padding:10px 10px; margin:0; width:38%}
div.vijfde {position:relative; padding:10px 10px; margin:0; width:20%}

/* op div pag's */
dt {font-size: 1em; color: green}
dd {font-size: 1em; color: black}
dd.colinks {margin-bottom: 40px}   
dd a {color: black; font-weight: bold} 

/* waarin busje+bl pijl up */
#balk {position:fixed; top:25%; left:0; width:3.5%; height:100%}
#balk a {text-decoration: none} 

#voet {position:relative; float:right; margin-top:10px; padding:0; height: 150px; width:96.5%; text-align:center}
#voet a {text-decoration:none} 
#voet img {border: none} 

/* tnlru */
div.vensterbreed {position:relative; float: left; clear:both; padding:5px 15px 5px 0; height:320px; width:95%; text-align:center}
/* 'overflow'-cont */
div.venstergevels {position:relative; top:15px; margin:0; padding:0; height:290px; width:367px; overflow:auto}
/* tbv fotos in 'overflow' */
div.gevelbak {position:relative; top:0; margin:0; padding:0; height:260px; width:1400px; text-align:right}

img.handtekening {position: absolute; right: 0; bottom: 0; border: none}
img.strandtekening {position: relative; float: right;  margin-right: 60px; margin-bottom: 40px; border: none}
img.devlinder {position: absolute; top: 20px; right: 20px; border: none}


/* tnlwi */
div.breedh {position:relative; left:16px; clear:both; margin-top:50px; margin-left:10%; padding:15px 0 25px 15px; width:95%; text-align:left}
img.thumbindex {position: absolute; bottom: 28px; left: -50px}
img.thumb {float: right; margin-left: 10px; margin-bottom: 10px}
img.thumbl {float: right; margin-left: 10px; margin-bottom: 10px; border-color: #fffff0}

table.pi {position:absolute; left:340px; bottom:28px; margin:5px 5px 0; border-collapse:collapse; color: black; background-color:white; width:340px; font-size:.9em; border:1px solid blue} 
table.pi th {text-align: center; color: blue; font-size: 1.3em;} /* titel product */
table.pi td.nm {border-bottom: 1px solid blue; color: green; font-style: italic; text-align: right}
table.pi td {margin: 0; padding: 1px 5px 1px 5px; text-align: left; font-family: Verdana; color: black; font-size: .9em}
table.pi td.li {text-align: left}
table.pi td.re {text-align: right}
table.pi td.re4 {text-align: right; width: 1.8em} /* prijs of afmeting */
table.pi td.re4b {text-align: right; width: 1.8em; font-weight: bold} /* prijs of afmeting */
table.pi td.ce {text-align: center}
table.pi td.e {width: .8em} /* euro */
table.pi td.bestel {padding-top: 8px; border-top: 1px solid blue; text-align: center} /* bestknop */
table.pi td.bnr {text-align: center; font-weight: bold} /* bestelnr */
table.pi td.tce {text-align: center; border-bottom: 1px solid gray}
table.pi a {margin-top:25px; padding:0 10px 0 10px; text-decoration:none; font-family:Verdana; text-transform:capitalize; color:blue; font-weight:bold; background-color:#ccccff; border-left:2px solid gray; border-top:2px solid gray; border-right:4px solid black; border-bottom:4px solid black}
table.pi a:hover {text-decoration: none}
img.verkocht {position:absolute; left:180px; bottom:0; border:none}

p.pk {position:absolute; bottom:0; left:25px; font-family:Verdana; font-size:.8em; color:blue}
p.topl {position:absolute; left:10px; top:20px; width:300px; margin:0; font-size:.9em; font-weight:bold; color:gray; text-align:center} 
p.topr {position:absolute; left:320px; top:20px; width:300px; margin:0; font-size:.9em; font-weight:bold; color:gray; text-align:center} 

/* t.b.v. workshop*/
#kopleegws {position:relative; top:0; left:0; margin:0; padding:0; height:196px; width:100%; border-bottom: 3px solid white; border-right: 6px solid white} 
#kopws {position:absolute; margin:0; padding:0; top:0; width:100%; height:196px; text-align:left; background-image:url(pbackgroundws.jpg); background-repeat:repeat-x}

div.pagnaamws {position:relative; float:right; margin:5px 10px 0 0; padding:0; height:64px; width:95%; text-align:left; color:#060; font-size:1.5em; font-weight:bold; background-image: url(pzwglogo2ws.gif); background-position: top right; background-repeat: no-repeat}
div.ws {position: relative; top:-15px; margin:0; padding:0; background-color:#cfc; width:100%}
.ar {line-height:1.4em; color: black; font-family:Arial,sans-serif}

ul.navul {position: relative;  display: inline; margin-left:auto; margin-right:auto; margin-bottom:10px;  padding: 15px}
li.navbalk {display:inline; margin:0 0 0 5px; padding:0; height:32px; line-height:180%; text-align:center; font-size:1.1em}
li.navbus {display:inline; padding:10px; margin:0}
li.navbus img {margin:0;padding:0}
li.navbalk a {color:#060; text-decoration: none;border-top:3px solid white; border-left:3px solid white;border-right:3px solid #060; border-bottom:3px solid #060; background-color: #cfc; }
li.navbalk a:hover {color:white; background-color:#060; text-decoration: none;border-top:3px solid #060; border-left:3px solid #060;border-right:3px solid white; border-bottom:3px solid white}
li.navbus a:hover {text-decoration:none}
img.busje {position: absolute; left: 25px; bottom: 0; border: none}

/* ------ buit. pags -------- */
ul.menutop {position:relative; left: 0; margin: 0; padding: 0; display: list-item} /* kopmenu */
ul.menutop li {border: 1px solid black; font-size: 1.2em; font-weight: bold}
ul.menutop li.pbc {color: #A400A4}
#pagtaal {position:relative; top:0; left:16px; margin:5px 10px 15px; padding:0; height:64px; width:97%; text-align:center; font-size:1.2em; background-image:url(pzwglogo2.gif); background-position:top right; background-repeat:no-repeat}