/* Stylsheet voor www.schilderfactory.nl */
/* Kleuren voor menu */
/* Paars #472574 */
/* Roze  #9D2CBA */
/* Lila  #A999BE */
/* Groen #A9A627 */
/* Kleuren voor vensters */
/* Lichtlila #CDC8DD */
/* Tekstkleur #241F5D */
body, p, td, li, ul, ol, h1, h2, h3, h4, h5, h6 
{
    font-family:Arial, Verdana, Trebuchet MS;
    font-size:11px;
    color:#241F5D;
}

ul 
{
    list-style:none;
    margin:0;
    padding:0;
}

body 
{
    margin:0;
    padding:0;
    background-color:#fff;
}
em 
{
    color:Black;
}

.wit 
{
    color:White;
    font-weight:bold;
    line-height:17px;
    background-color:Transparent;
}

.agenda 
{
    color:#472574;
	font-weight:800;
    line-height:17px;
	font-size:17px;
}

.kopje 
{
    color:#9D2CBA;
    font-weight:bold;
    line-height:17px;
}

.paars 
{
    color:#472574;
    font-weight:bold;
    line-height:17px;
}

.paarscursief 
{
    color:#472574;
	font-weight:bold;
    line-height:17px;
	font-style:italic;
}

.witscursief 
{
    color:#241F5D;
	font-weight:bold;
}

.showlink 
{
    visibility:hidden;
}

#main 
{
    position:absolute;
    top:5px;
    left:0;
    padding:0;
    background-color: red;
    width:99%;
}

#kopregel, #voetregel 
{
    display:none;
}

/* Stijlen voor het contentpanel */
#content 
{ 
    position:absolute;
    top:0;
    left:155px;
    width:565px;
    background-color:#fff;
    color:White;
    z-index:99;
    border: 5px solid white;
    padding:0;
    height:200px;
}

#content h1 
{
    background: url(../img/logo_SF_balk.jpg) 100% 0 no-repeat;
    color:White;
    font-size:35px;
    height:45px;
    padding-top:10px;
    text-align:center;
    border-bottom: solid 5px white;
    margin:0;
}

#content h1 a 
{
    color:#fff;
    background-color: Transparent;
    text-decoration:none;
    border:0;
    margin:0;
    padding:0;
    display:block;
    width:100%;
    height:100%;
    text-indent:-9999px;
}
#content h1 a img 
{
    border:0;
}

#content h2
{
    padding-left:5px;
    font-weight:bold;
    margin: 5px 0 0 0;
    font-size:12px;
    font-style:italic;
}

#content p 
{
    margin:0;
    padding-left:5px;
}


/* Stijlen voor de navigatiepanel*/

#navigation 
{
    position:absolute;
    margin:60px 0 0 0;
    border-right:solid 5px #fff;
    border-left:solid 5px #fff;
    padding:0;
    top:0;
    left:0;
    width: 99%;
    z-index:0;
    background-color: transparent;
}

#navigation ul
{
    height:1%;
    list-style: none;
    margin: 5px 0 0 0;
    padding: 0;
    border:0;
}

#navigation li {
    height:20px;
    width:100%;
    margin:0 0 5px 0;
    border:0;
}

#navigation li a {
    font-size:11px;
    letter-spacing:0;
    font-weight:bold;
    display: block;
    text-decoration: none;
    height:17px;
    padding:3px 0 0 10px;
    width:145px;
    color:White;
    border:0;
    margin:0;
}

#navigation li.workshops, #navigation li.fotoos , #navigation li.links  {
    background-color: #472574;
    color: #FFFFFF;
}
#navigation li.workshops a:hover, #navigation li.fotoos a:hover, #navigation li.links a:hover {
    background-color:#A9A627;
}
#navigation li.aboutus, #navigation li.contact  {
    background-color: #9D2CBA;
    color: #FFFFFF;
}
#navigation li.aboutus a:hover, #navigation li.contact a:hover {
    background-color:#A9A627;
}
#navigation li.referenties, li.kids  {
    background-color: #A999BE;
    color: #FFFFFF;
}
#navigation li.referenties a:hover, li.kids a:hover {
    background-color:#A9A627;
}

#workshops #navigation li.workshops a, 
#aboutus #navigation li.aboutus a, 
#fotoos #navigation li.fotoos a, 
#referenties #navigation li.referenties a, 
#links #navigation li.links a, 
#contact #navigation li.contact a,
#kids #navigation li.kids a {
/* Hier de style voor actief menu-item*/
    cursor:default;
    background-color:#A9A627;
}

#workshops #navigation li.workshops a:hover, 
#aboutus #navigation li.aboutus a:hover, 
#fotoos #navigation li.fotoos a:hover, 
#referenties #navigation li.referenties a:hover, 
#links #navigation li.links a:hover, 
#contact #navigation li.contact a:hover,
#kids #navigation li.kids a:hover {

    background-color:#A9A627;
}


#designedby 
{
    position:absolute;
    left:160px;
    width:565px;
    margin:0 0 30px 0;
    color:gray;
    font-size:9px;
    clear:both;
    height:50px;
}

#designedby a
{
    color:gray;
    font-size:9px;
	text-decoration:none;
}

#designedby a:hover
{
    color:gray;
    font-size:9px;
	text-decoration:underline;
	background-color:white;
}

#onzichtbaar 
{
    position:absolute;
    left:300px;
    width:565px;
    color:gray;
    font-size:2px;
	visibility:visible;
}

/* stijlen voor de homepage */
#home #content 
{
    z-index:0 !important;
    background-color:#6C519A;
    color:#241F5D;
    font-weight:bold;
    padding:30px 0 0 5px;
    height:579px;
    overflow:hidden;
    width:560px;
}

#home #navigation
{
    z-index:9999 !important;
}

#home h1 
{
    position:absolute;
    top: 75px;
    left:163px;
    z-index:10000;
    color:white;
    font-size:75px;
    height:75px;
    margin:0;
    padding:0;
}

#home #fotogroot 
{
    position:absolute;
    left:160px;
    top:135px;
    z-index:10001;
    border-top: solid 5px #A999BE;
}

#home #fototekst 
{
    position:absolute;
    top:410px;
    left:0;
    width:372px;
    height:70px;
    margin:0 0 0 0;
    padding:10px 0 10px 3px;
    background-color: #472574;
}

#home #schermkop 
{
    position:absolute;
    top:0;
    left:0;
    width:565px;
    height: 20px;
    padding-top:40px;
    background-color:#A999BE;
}

#home a 
{
    font-size:14px;
    font-weight:bold;
    text-decoration:none;
}
#home a:hover 
{
    background-color:#A9A627;
}
#home #aboutustekst a:hover 
{
    color:#fff;
}

#home #aboutustekst 
{
    position:absolute;
    top:484px;
    left:0;
    width:375px;
    height:115px;
    margin:0;
    padding:10px 0 0 0;
    background-color:#A999BE;
}

#home #aboutustekst p
{
    float:left;
    width:193px;
    margin:0 0 0 0;
    padding: 0 0 0 6px;
}
#home #aboutustekst img
{
    float:right;
    margin:-10px 0 0 0;
    padding:0;
    width:175px;
    height:125px;
}

#home #workshoptekst
{
    position:absolute;
    top:242px;
    left:375px;
    width:160px;
    padding:0 0 0 5px;
}
#home #workshoptekst ul
{
    list-style:none;
    margin:-5px 0 10px 5px;
    padding:0;
}
#home #prijstekst
{
    position:absolute;
    top:530px;
    left:375px;
    width:150px;
    height:65px;
    background-color:#A999BE;
    padding: 10px 40px 4px 5px;
}


#home #designedby 
{
    position:absolute;
    left:160px;
    width:565px;
    margin:0 0 30px 0;
    color:gray;
    font-size:9px;
    clear:both;
    height:50px;
	top:620px;
}

#home #designedby a
{
    color:gray;
    font-size:9px;
	font-weight:100;
	text-decoration:none;
}

#home #designedby a:hover
{
    color:gray;
    font-size:9px;
	text-decoration:underline;
	background-color:white;
}

/* Stijlen voor de fotopagina */
#fotoos #content 
{
    background-color:White;
    height:500px;
}

ul#fotolijst li 
{
    position:absolute;
}

#gr_0395
{
    top:60px; left:0;
}
#kl_0434
{
    top:340px; left:0;
}
#kl_foto4
{
    top:340px; left:190px;
}
#kl_0438
{
    top:60px; left:380px;
}
#st_0399
{
    top:200px; left:380px;
}
#st_0631
{
    top:480px; left:0;
}
#kl_0614
{
    top:760px; left:0;
}
#kl_0425
{
    top:480px; left:190px;
}
#kl_0645
{
    top:480px; left:380px;
}
#gr_0450
{
    top:620px; left:190px;
}
#kl_0442
{
    top:900px; left:0;
}
#kl_0405
{
    top:1040px; left:0;
}
#st_foto2
{
    top:900px; left:190px;
}
#kl_foto1
{
    top:900px; left:380px;
}
#kl_0599
{
    top:1040px; left:380px;
}
#gr_0561
{
    top:1180px; left:0;
}
#st_0423
{
    top:1460px; left:0;
}
#kl_0443
{
    top:1460px; left:190px;
}
#kl_0573
{
    top:1600px; left:190px;
}
#kl_0625
{
    top:1180px; left:380px;
}
#st_0449
{
    top:1320px; left:380px;
}
#kl_0589
{
    top:1600px; left:380px;
}

#fotoos #designedby 
{
    top: 1745px;
}

/* Stijlen voor de kidspagina */
#kids #content 
{
    background-color:White;
    height:500px;
}
#kids #kidstekst
{
    position:absolute;
    top:55px;
    left:190px;
	width: 185px;
    height:420px;
    overflow:hidden;
}
#kids #kidstekst h2
{
    background-color:#9D2CBA;
    padding: 15px 20px 0 5px;
    width: 185px;
}
#kids #kidstekst p 
{
    background-color:#9D2CBA;
    padding: 0 20px 0 5px;
    width: 175px;
    height:415px;
}

#kids p a 
{
    text-decoration:none;
	color:#fff;
}



#kids p a:hover
{
    color:#fff;
    background-color:#A9A627;
}

ul#kidslijst li 
{
    position:absolute;
}

#kids #gr_0395
{
    top:60px; left:0;
}
#kids #kl_0434
{
    top:200px; left:0;
}
#kids #kl_foto4
{
    top:480px; left:0px;
}
#kids #kl_0438
{
    top:60px; left:380px;
}
#kids #st_0399
{
    top:200px; left:380px;
}
#kids #st_nw
{
    top:340px; left:380px;
}
#kids #kl_0614
{
    top:760px; left:0;
}
#kids #kl_0425
{
    top:480px; left:190px;
}
#kids #kl_0645
{
    top:480px; left:380px;
}
#kids #designedby 
{
    top: 627px;
}

/* stijlen voor de about pagina */
#aboutus #slogan
{
    position:absolute;
    top:60px;
    left:0;
    width: 325px;
    height:35px;
    overflow:hidden;
    background-color:#A999BE;
    padding:15px 40px 0 10px;
    font-size:12px;
}

#aboutus #lyda
{
    position:absolute;
    top:105px;
    left:0;
    overflow:hidden;
    padding:0;
}
#aboutus #lyda h2
{
    background-color:#9D2CBA;
    padding: 15px 20px 0 10px;
    width: 345px;
}
#aboutus #lyda p 
{
    background-color:#9D2CBA;
    padding: 0 20px 0 10px;
    width: 345px;
    height:190px;
}

#aboutus #omlijsting
{
    position:absolute;
    top:327px;
    left:200px;
    overflow:hidden;
    padding:0;
}
#aboutus #omlijsting h2
{
    width: 165px;
    background-color:#CDC8DD;
    padding:50px 0 0 10px;
    margin:0;
}
#aboutus #omlijsting p 
{
    width: 155px;
    height:55px;
    background-color:#CDC8DD;
    padding:0 10px 50px 10px;
    margin:0;
}

#aboutus #begeleiding
{
    position:absolute;
    top:195px;
    left:375px;
    overflow:hidden;
    padding:0;
}
#aboutus #begeleiding h2
{
    background-color:#472574;
    width: 180px;
    padding: 10px 0 0 10px;
}
#aboutus #begeleiding p 
{
    background-color:#472574;
    width: 170px;
    height:270px;
    padding: 0 10px 0 10px;
}

#aboutus #fotoculinair
{
    position:absolute;
    top:327px;
    left:0;
    width:200px;
    height:170px;
}

#aboutus #fotolyda
{
    position:absolute;
    top:60px;
    left:375px;
    width:190px;
    height:140px;
}

#aboutus #designedby 
{
    top: 510px;
}

/* Stijlen voor de link pagina */

#links #inleiding 
{
    position:relative;
    top:0;
    left:0;
    background-color:#CDC8DD;
	border-left: solid 0px #9D2CBA;
    width:560px;
    height:490px;
	padding:15px 0px 0 5px;
}

#links #inleiding p 
{
    width:540px;
}

#links #inleiding a 
{
    color:#9D2CBA;
    text-decoration:none;
}
#links #inleiding a:hover
{
    color:#fff;
    background-color:#A9A627;
}

#links #designedby 
{
    top:880px;
	z-index:100;
}

/* stijlen voor referenties pagina */
#referenties #logolijst 
{
    width:563px;
    float:left;
    padding:0 0 20px 0;
    border: solid 1px #A999BE;
}
#referenties #logolijst li
{
    width:48%;
    overflow:hidden;
    float:left;
    text-align:center;
    padding: 15px 0 0 0;
}


#referenties #referentielijst 
{
    width:545px;
    background-color:#A999BE;
    padding: 10px 10px 10px 10px;
    clear:both;
}

#referenties #referentielijst li 
{
    color:#241F5D;
    line-height:20px;
    font-weight:bold;
}

#referenties .referentieomschrijving
{
    font-weight:bold;
	
}

#referenties .streep
{	font-weight:bold;
	text-align:left;
	color:#FFFFFF;
}

#referenties .white
{
	visibility:hidden;
}

#referenties #designedby 
{
    position:relative;
    top:735px;
}

/* Stijlen voor contactpagina */

#contact #routes 
{
    margin:0;
    padding:0;
}

#contact #atelier 
{
    position:absolute;
    top:60px;
    left:0;
    width:190px;
}

#contact #adres 
{
    position:absolute;
    top:60px;
    left:190px;
    background-color:#CDC8DD;
    width:375px;
    height:140px;
}
#contact #adres ul 
{
    padding: 0 20px 0 10px;
}

#contact a 
{
    text-decoration:none;
}

#contact #adres a
{
    color:#9D2CBA;
}

#contact #adres a:hover, #contact #routes a:hover, #contact #laatstenieuwtjes a:hover
{
    color:#fff;
    background-color:#A9A627;
}



#contact #laatstenieuwtjes a
{
    color:#472574;
}



#contact #adres h2 
{
    padding: 5px 0 0 10px;
}

#contact #parkeren 
{
    position:absolute;
    top:275px;
    left:0;
    background-color:#472574;
    width:190px;
    height:200px;
}

#contact #parkeren p 
{
    padding: 0 30px 0 10px;
}
#contact #parkeren h2 
{
    padding: 20px 0 0 10px;
}

#contact #laatstenieuwtjes 
{
    position:absolute;
    top:200px;
    left:0;
    background-color:#9D2CBA;
    width:165px;
    height:75px;
    padding:10px 15px 0 10px;
}
#contact #tapastafel 
{
    position:absolute;
    top:200px;
    left:190px;
    background-color:#A999BE;
    width:375px;
    height:275px;
}

#contact #schilderezel 
{
    position:absolute;
    top:500px;
    left:0;
    width:190px;

}

#contact #designedby 
{
    position:absolute;
    top: 485px;
}


/* Stijlen voor workshops pagina */
#workshops #inleiding 
{
    position:relative;
    top:0;
    left:0;
    background-color:#CDC8DD;
    width:375px;
    height:145px;
    margin:0;
    padding:0;
    line-height:17px;
}

#workshops #inleiding p 
{
    width:290px;
    padding:30px 10px 0 65px;
}

#workshops #inleiding img 
{
    position:absolute;
    top: 145px;
    left:0;
    border:0;
}

#workshops #maatwerk 
{
    background-color:#472574;
    color:White;
    position:absolute;
    left:375px;
    top:60px;
    width:190px;
    height:420px;
    padding:30px 0 0 0;
}
#workshops #maatwerk img
{
    position:absolute;
    top:420px;
}

#workshops #maatwerk p
{
    padding: 0 15px 0 13px;
}
#workshops #maatwerk h2
{
    padding: 0 10px 0 13px;
}

#workshops #locatie 
{
    position:absolute;
    background-color:#A697C2;
    top:480px;
    left:0;
    width:295px;
    height:135px;
    padding: 5px 15px 0 65px;
}

#workshops #materiaal 
{
    background-color:#9D2CBA;
    position:absolute;
    top:620px;
    height:140px;
    width:175px;
    padding:15px 25px 0 25px;
}

#workshops #prijs 
{
    background-color:#CDC8DD;
    position:absolute;
    left:225px;
    width:290px;
    height:140px;
    top:620px;
    padding:15px 25px 0 25px;
}

#workshops #prijs a 
{
    color:#8F4D88;
    text-decoration:none;
}
#workshops #prijs a:hover
{
    color:#fff;
    background-color:#A9A627;
}

#workshops #designedby 
{
    top: 785px;
}

/* Stijlen voor de contactpagina */

@media print 
{
     * 
    {
        background-color: white !important;
        background-image: none !important;
        color:Black !important;
        font-family:Georgia !important;
        font-size: 14pt !important;
        line-height: 120% !important;
        margin: 0 0 !important;
        padding: 0 0 !important;
    }
    
    #kopregel, #voetregel 
    {
        margin:  0 0 20pt 0 !important;
        font-style:italic;
        font-weight:normal;
        display:block;
    }
    
    #navigation, #designedby
    {
        display:none;
    }
    
    #content
    {
        left:0;
        width:90%;
        height:auto !important;
    }
    #content h1 
    {
        text-align:left;
        margin:0 0 0 0 !important;
        padding:0 !important;
        height: 14pt;
        font-size: 24pt !important;
        display:inline-block;
    }
    
    #content h1.a 
    {
        font-size: 24pt !important;
    }
    #content h2 
    {
        text-align:left;
        font-size: 14pt !important;
        margin:12pt 0 0 0 !important;
        padding:0 !important;
    }
    
    /* print workshops */
    #workshops #inleiding, #workshops #maatwerk, #workshops #locatie, #workshops #materiaal, #workshops #prijs 
    {
        position:static;
        display:inline;
        left:0;
        width:90%;
        padding:0 24pt 0 0;
        margin:0;
    }
    #workshops #inleiding p, #workshops #maatwerk p, #workshops #locatie p, #workshops #materiaal p, #workshops #prijs p 
    {
        left:0;
        width:90%;
        padding:0 24pt 0 0;
        margin:0;
        font-weight:normal;
        line-height: 18pt;
        display:inline;
    }

    /* print home */
    #home #fototekst, #home #aboutustekst, #home #workshoptekst, #home #prijstekst, #home h1,
    #aboutus #lyda, #aboutus #begeleiding, #aboutus #omlijsting, #aboutus h1,
    #contact #adres, #contact #parkeren, #contact #routebeschrijving, #contact h1 
    {
        position:static;
        display:inline-block;
        left:0;
        width:90% !important;
        top:auto !important;
        padding:0;
        margin:0;
        height:auto !important;
    }
    
    #home #fototekst p, #home #aboutustekst p, #home #workshoptekst p, #home #prijstekst p,
    #aboutus #lyda p, #aboutus #begeleiding p, #aboutus #omlijsting p,
    #contact #parkeren p
    {
        left:0;
        width:auto !important;
        padding:0 24pt 0 0 !important;
        margin:0 0 0 0 !important;
        font-weight:normal;
        line-height: 18pt;
        display:inline;
    }
    
    #contact #adres li,  #contact #routebeschrijving li
    {
        font-weight:normal;
    }
    
    #contact #kaart, #contact #laatstenieuwtjes 
    {
        display:none;
    }
    
    #referenties #referentielijst 
    {
        padding: 30px 0 !important;
    }

    #home ul 
    {
        margin: 12pt 0 12pt 0 !important;
        padding:0 !important;
        display:inline-block;
        left:0 !important;
        clear:both;
    }
    #home li
    {
        font-weight:normal !important;
        display:inline-block;
        left:0 !important;
    }
    #home #schermkop 
    {
        display:none;
    }

    #workshops img, #home img, #aboutus img, #contact img
    {
        position:static !important;
        display:none;
    }
    
    #workshops #prijs a, #home a 
    {
        display:none;
    }
    
    /* Print aboutus */
    #aboutus #slogan 
    {
        position:static !important;
        display:none;
    }
    
    ul#fotolijst li 
    {
        position:static;
        display:inline;
    }
    
    #links #linkslijst 
{
    height:auto;
    width:auto;
    background-color:#fff;
    margin: 30pt 0 10pt 0 !important;
    padding:0;
    border:0;
}

    
    .showlink 
    {
        visibility:visible;
        font-size:10pt !important;
        font-style:italic;
        margin-left: 6pt !important;
    }
    
}