body {
scrollbar-3dlight-color : #FFFFFF;
scrollbar-darkshadow-color : #FFFFFF;
scrollbar-face-color : #FFFFFF;
scrollbar-arrow-color : #441111;
scrollbar-base-color : #AC9090;
scrollbar-highlight-color : #AC9090;
scrollbar-shadow-color : #AC9090;
scrollbar-track-color : #F4F0F0; }

#content .intro, #content p, #content div, #content .lm, .galerie .intro { margin:5px 15px 15px 1px;}
#content .intro, #content td .intro { font:bold 100%/150% Verdana; color:#FF8800; }
/* intro tekst als font:bold 13px/19px verdana; */

b, #content p b, td p b { font:bold 90% Verdana; }
em { color:#906e6e;}           img { border:0px; }
.marge {margin-left:30px; margin-bottom:30px; }

h3 { color:#FF0066; font-size:13px; text-align:left; margin:0px; padding-bottom:4px; font-variant: small-caps; }
h4 { color: #DDF9FF; font: bold 14px Verdana, sans-serif; text-align:left; padding:5px 0px; }
h6 { font-size:11px; line-height:5px; color: #FF77B7; padding-top:16px;}
/* h4 in abc generator */
h6 a, h6 a:visited { color:#411; padding-left:5px; letter-spacing:1px; border-bottom:0px dotted#411; margin-left:25px;} h6 a:hover { color:#F06;} /* h6 extra paginalinks naar subsubs */


.shopsub {border:10px solid lightblue;}
/* titels onder plaatjes op openingspagina - en titel boven rechtermenu */
.title, .titlesub {font-family: Verdana, Geneva, Arial, Helvetica; font-size:medium; color:#FF0066; position:relative; top:10px; } .titlesub { font-size:100%; line-height:10px;}


a, a:visited {padding-bottom:0px; border-bottom:0px;}

#content a, #content a:visited, #content div a, #content div a:visited,  #content td a, #content td a:visited { color:#441111; padding-bottom:1px; border-bottom:1px dashed #FF0066; text-decoration:none; }




a:hover, a:active, #content div a:hover, #content div a:active, #content a:hover, #content a:active, #content td a:hover, #content td a:active { color:#FF0066; padding-bottom:1px; border-bottom:1px solid #441111; text-decoration:none; }







.klein, td .klein {font-size:0.75em; font-family: Verdana, sans serif; color:#441111; margin-left:30px;} td .klein {font-size:0.9em; margin-left:1px;}  td { color:#441111;}


.blauwblok {margin:15px 190px 15px 30px; background-color:#F3F9FC; border:2px solid #BDE; padding:10px 20px; color:#3385AD; font: normal 11pt/14pt Georgia, 'Times New Roman', serif;}


/* gastenboek  -  deze stijl hier boven laten staan */
.gast {margin-left:10px;} .gast TD { font-family:Courier New, Verdana; font-size:13px; text-indent:15px; padding-bottom:10px; border-bottom:1px dashed #FF6600;} .herkomst {color:#FF9900;}
HR 	{color:#FF90B9;height:1px;}




/* floating plaatjes in platte pagina's */
.floatleft { float: left; margin:6px 15px 10px 0px; background: #transparent; }
.floatright { float: right; padding:6px 0px 10px 15px; background: #transparent; }



/* kolommen met roze vlakken -bestellen-  -contact-  -about us-  */
#linkerkolom  { width:49%; position:absolute; left:0px; margin-left:15px; padding:0px 15px; }
#rechterkolom { width:49%; position:absolute; left:50%; margin-right:15px; padding:0px 15px; }

.blok { float:left; margin-top:15px; padding:0;}
.rb { background:url("http://www.stitchpoint.com/univ/gui/rondehoek_rb.gif") top right no-repeat; }
.lb { background:url("http://www.stitchpoint.com/univ/gui//rondehoek_lb.gif") top left no-repeat ; }
.ro { background:url("http://www.stitchpoint.com/univ/gui/rondehoek_ro.gif") bottom right no-repeat; }
.lo { background:url("http://www.stitchpoint.com/univ/gui/rondehoek_lo.gif") bottom left no-repeat; }
.rb { background:url("http://www.stitchpoint.com/univ/gui/rondehoek_rb.gif") top right no-repeat; }
.lb { background:url("http://www.stitchpoint.com/univ/gui/rondehoek_lb.gif") top left no-repeat ; }
.ro { background:url("http://www.stitchpoint.com/univ/gui/rondehoek_ro.gif") bottom right no-repeat; }
.lo { background:url("http://www.stitchpoint.com/univ/gui/rondehoek_lo.gif") bottom left no-repeat; }
.blokbinnen { width:100%; padding:5px 15px 10px 20px; }























































/* calculators rechtsboven */
.calcreboven {visibility:visible; position:absolute; right:0px; top:0px;}
.num { font-size:12px; padding-right:1px;}
.clear, .wissen {font:normal 12px Verdana; letter-spacing: 1px;}

/* general calculator */
.calculator input { width:26px;  height:26px;  margin:2px;  text-align:center; color:#FF0066;  background-color:#FFE9F3; border:2px solid #FFB264; }
.maal { font-size:17px;} .gedeeld { font-size:13px;} .is { font-size:16px; font-weight:bold; vertical-align:top;}
.big { font-size:16px; vertical-align:top;} .calccellen {background-color:#FFF4EA;} .calccellen TD {padding:3px 1px 1px 1px; text-align:center;} .uitkomst {width:162px; font-size:14px; font-weight:normal; vertical-align:center; color:#300; background-color:#FFF; padding-bottom:2px;}
.calculator td input[type="button"] { width:26px !important;  height:26px !important;  margin:2px !important;  text-align:center; color:#FF0066 !important; background-color:#FFE9F3 !important; border:2px solid #FFB264 !important;}
.calculator td input[type="button"]:hover {background-color:#FFF !important;}



/* needleworkcalculator */
input {width:32px;}
.in input, .uit input, .maatin {background-color:#FFF; height:18px; border:1px solid #FF9900; text-align:center;} .maatin {height:24px; width:55px;}
.uit input {background-color:#FFF4EA; border:0px; border-bottom:1px dashed #AC9090; }
.nwarea  {border:1px dotted #AC9090; background-color:#fff; width:455px;  color:#8C6666; font: 9pt/13pt Verdana; padding:8px;}



td .navlink a, td .navlink a:visited, h1 .navlink { vertical-align:middle; color:#411; height:10px; border:1px solid #FFF; padding:0px 4px;} td .navlink a:hover { background-color:#FFF4EA; border:1px solid #F90; } h2 a, h1 a, h1 a:visited, h2 a:visited {border-top:1px dotted #F06;}  h1 a:hover, h2 a:hover {border-top:1px dotted #411;}



/* Galerie Hokjesgeest */
.inspmodel { text-align:center;  margin:0px 15px 15px 0px; font:normal 90%/140% Verdana; color:#441111; } .inspmodel img { margin-bottom:30px;}
.inspmodel p { text-align:left; margin-top:2px; font:normal 90%/140% Verdana; padding-bottom:3px;}
.inspmodel b { padding-bottom:3px; width:100%; border-bottom: 5px solid #EAE3E3; }
.inspmodel p a, .inspmodel p a:visited { font:normal 10px Verdana; }
.inspmodel p a:hover { border-bottom:1px solid #441111;}
.tien {font-size:10px;}





/* TIP div
.tip { font:bold 14px/18px Verdana; z-index:15; text-align:center; position:absolute; top:0px; right:0px; color:#09C; padding:3px 0px;}  .tip a, .tip a:visited, .tip a:hover {width:50px; position:absolute; top:0px; right:0px; text-decoration:none; border:1px solid #09C; letter-spacing:2px; background-color:#DFF2F9;}
#tipdiv { width:300px; position:absolute; top:0px; right:49px; z-index:100; background-color:#DFF2F9; border:1px solid #09C; font-size:80%; padding:5px 0px 0px 5px;}   #tipdiv a, #tipdiv a:visited {text-decoration:none; }  #tipdiv p {margin:15px 0px;}
*/


/*   G A L E R I E   */
.kopknop { position:absolute; top:34px; right:-4px; border:none; z-index:99 !important; }
* html .kopknop { position:absolute; top:33px; right:3px; z-index:99 !important; margin:0px;}

.galerie #main, .galerie #right { position:absolute; right:0; top:0px; bottom:0px; z-index:4; overflow:auto;  }
.galerie #main { right:184px; overflow-x:hidden; overflow-y:auto; padding-bottom:30px; min-width:380px;}
.galerie #right { right:0; width:185px; top:88px;}

* html .galerie  #main  { height:100%; top:0; bottom:0; min-width:380px;}
* html .galerie  #right { height:100%; top:0; border-top:86px solid white; }

.galerie .galmenu { display:block; margin-top:-2px;}
.galerie .galmenukoppen { position:absolute; right:-2px; top:0px; z-index:444;}
.galerie .galmenu img { border:1px solid #441111; margin:2px 0px 2px 3px;}

.galerie .inspmo, .galerie .inspmo b, .galerie .inspmo p { text-align:center;  display:block; margin:0px; margin-top:0px; }


.galerie .inspmo p { text-align:left; }
.galerie .inspmo b { padding:17px 15px 4px 15px; border-bottom:5px solid #EBE4E4; } /* padding left/right in b en p houden titeltje in midden */
/* einde Galerie */
.inspmodel { height:350px; display:block; }


/* Community */
#content .floatcomm { margin-right:0px; padding-right:0px; }
.floatcomm { float:right; margin:6px 0px 10px 0px; height:182px; line-height:16px; padding-left: 20px; }  .floatcomm a { font:normal 11px Verdana; height:15px;}

.comm2000 { float:left; line-height:16px; width:240px; height:160px; margin:0px 45px 35px 0px; padding:15px; text-align:center; background-color:#F4F0F0;}
.comm2000 img { margin-bottom:4px; }
.titel { font:bold 11px Verdana; color:#441111; }
.land { font:bold 12px/16px Verdana; color:#FF6600; }
.fotografie {font:normal 9px Verdana; text-align:right; width:200px; margin-bottom:3px; letter-spacing:1px; color:#AC9090;}
.commitem { width:98%; border-bottom:1px dashed #FF8800; padding:10px 0px 25px 0px;} .commitem .intro {margin-right:10px;}
/* einde community */


/* sitemap - contact - bestelinfo */
.main {font:bold 100%/140% Verdana; list-style:none; margin-top:20px; }
.spac { letter-spacing:3px; text-transform: uppercase;}
.sitemap #content .blok { width:570px; margin:20px 0px;}
.sitemap #content .blokbinnen { width:100%; padding:10px 30px 30px 0px; }
#content .blok div { margin:0px;}
.sitemap em {font:normal 100%/170% Verdana; color:#906E6E;}
ul li {color:#FF0066; font:bold 100%/170% Verdana; list-style: square outside; }
#content .sub li { color:#663333; font-weight:normal;}
#content .sub li a, #content .sub li a:visited { font-weight:bold; border-bottom:1px dashed #FF0066;}
#content #subul {  list-style-type:none;}

#content #subul li { margin-left:-40px; list-style:none; padding:4px 0px;}
#content #subul li a, #content #subul li a:visited { color:#FF93BB; font-weight:bold;}   #content #subul li a:hover { color:#FF0066; }
.blokbinnen { width:90%; padding:10px 10px 30px 10px; }
/* einde sitemap */

/* 	KLEUREN 						*/
/* 	fuchsia FF0066 					*/
/* 	knoppen lichtrose FFE6F0 		*/
/* 	mouseover bleekrose FFF9FC 		*/
/* 	mouseover knoppentekst 441111  	*/
/* 	donkerblauw 0099CC				*/
/* 	cell mouseout D1ECF6			*/
/* 	cell mouseover A2DAEC			*/
/* 	tooltip lichtblauw DFF2F9		*/
/* 	em lichtbruin 987878			*/
/*  calculator achtergrond FFF4EA   */

.mainmenu a, .mainmenu a:visited, .mainmenu a:hover  {padding-bottom:0px; border-bottom:0px;}

/* pagmenu is het roze tekstmenu binnen de pagina's */
#content .pagmenu { float:right; width:160px; margin:0px 0px 5px 25px; background-color:#FFE9F3; border-bottom:1px dashed #FF8800; border-left:1px dashed #FF8800; padding-bottom:1px;}
#content ..pagmenu a, #content .pagmenu a:visited, #content .pagmenu a:hover, #content .pagmenu a:active { color:#FF0066; font:normal 11px Verdana; border:none; text-decoration:none; padding:5px 10px; height:25px;}
#content .pagmenu a:hover, .pagmenu a:active { color:#441111; background-color:#FFF9FC; }
#content .pagmenu .menuvoet { height:1px; font-size:0px;}


.ruitjespagina .tekstdiv p { margin:0px 15px 0px 30px;}
.paper { float:left; line-height:10px; margin-bottom:10px;} .paperdiv {margin-left:44px; }
.paperdiv a img        { border:4px solid #FFFFFF !important; margin-right:15px;}
.paperdiv a:hover img  { border:4px solid #FFDDAA !important; }
.paperdiv a:active img { border:4px solid #FFBB55 !important; }
.paperdiv a,  .paperdiv a:hover,  .paperdiv a:visited {border-bottom:1px solid #FFF !important;}



.doblock {display:block;}
.donone {display:none;}

#emailinput, #emailinput:focus { background-color:white; font: normal 15px 'Courier New', Courier, monospace; color:#441111; border:1px solid #FF8000; width:202px; font-weight:normal; padding-left:14px;}