@charset "utf-8";

/*
        MUS - Multimedia Unieke Service
        Basis Stylesheet
        9-3-2009 - www.m-us.nl
        door: Bas Muskens (sebas@m-us.nl)
*/



/*****************

        Standaard

*****************/

        html, body{
                font-family:Arial, Helvetica, sans-serif;
                color: #666;
                margin:0;
                padding:0;
        }

        html {
                background:#d5f9bc url('../img/bg.jpg') repeat-x top;
        }

        body {
                font-size:62.5%;
        }

        h1, h2, h3, h4, h5, h6 {
                font-family:Georgia, "Times New Roman", Times, serif;
                margin: 0;
                padding: 0;
        }

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

        p {color: #666;}

        pre {
        white-space:nowrap;
        }

        a {
                color: #73ae57;
                text-decoration: underline;
        }

        a:hover {
                text-decoration: none;
        }

/* standaard formulier */

        .formulier fieldset {border: 0px none;}

                .formulier legend {display:none;}

        /* .formulier fieldset{
                border: 1px solid #b8b8b8;
        }

        .formulier legend {
                font-family: Georgia, "Times New Roman", Times, serif;
                font-weight: bold;
                font-size: 1.4em;
                color: #1f1f1f;
                padding: 0 0.4em;
        }*/

        .formulier label {
                font-weight: bold;
                float: left;
      cursor:pointer;
        }

        .formulier p {
                font-size: 1.1em;
                padding: 0;
                margin: 0;
        }

        .formulier input, .formulier select, .formulier textarea {
                width: 75%;
                border: 1px solid #b8b8b8;
                color: #333;
                font-style:normal;
                font-size: 1.1em;
                font-family: Verdana, Arial, Helvetica, sans-serif;
                padding:0.2em 0.4em;
                margin: 0.1em 0;
        }

        .formulier select { width: 77%; }

        .formulier button {
                background:#73ae57;
                float: left;
                font-family: Verdana, Arial, Helvetica, sans-serif;
                color: #FFF;
                border: 0px none;
                cursor:pointer;
                font-weight: bold;
                font-size: 1.1em;
                margin-left: 0; padding-left:0.3em; padding-right:0.3em; padding-top:0.5em; padding-bottom:0.5em
        }


        .formulier .errorMessage {border: 2px solid #FF0000;}

        .formulier label.errorMessage {display:none;}

/*****************

        Site / kop

*****************/

        #site {
                margin:auto;
                overflow:hidden;
                position:relative;
                width: 990px;
                background: url('../img/bg-site.gif') repeat-y;
        }

                #kop {
                        background: url('../img/kop.jpg') no-repeat;
                        position:relative;
                        z-index: 1;
                        width:990px;
                        height: 380px
                }

                        #logo img {
                                width: 245px;
                                height: 105px;
                                border: 0px none;
                                margin-left:200px; margin-right:0; margin-top:2px; margin-bottom:0
                        }

                                #kop img.slogan {
                                        float: right;
                                        width: 291px;
                                        height: 22px;
                                        padding: 0;
                                        margin: -25px 175px 0 0;
                                }

                                        #skip,
                                        #skip2 {
                                                position: absolute;
                                                top: -100em;
                                        }





/*****************

        intro

*****************/

        #intro {
                overflow: hidden;
                background: url('../img/intro-top.png') no-repeat top;
                float: left;
                position: relative;
                z-index: 5;
                width: 680px;
                margin-top: -220px;
                margin-left: 150px
        }

        #intro .introBottom {
                background: url('../img/intro-bottom.png') no-repeat bottom;
                min-height: 355px
        }

                #intro .introBottom a {
                        color: #FFF;
                        font-weight: bold;
                        font-size: 1.1em;
                        z-index: 9999;
                        position: absolute;
                        top: 48px;
                        right: 90px;
                        }

                #intro #afspeelPlek {
                        float: left;
                        padding: 75px 0 0 180px;
                }

                        #intro #afspeelPlek h2 {
                                display: none;
                        }

/* Gebarenfilmpjes pagina */

        #gebarenfilm-pagina #intro #afspeelPlek {
                padding-top: 55px;
                }

                
/*****************

        inhoud

*****************/

        #inhoud {
                float: left;
                width: 680px;
                min-height: 100px;
                margin: 0 0 0 150px;
                padding: 60px 0 0 0;
        }

                #inhoud h1,
                #inhoud h2,
                #inhoud h3 {
                        color: #73ae57;
                        padding: 10px 0;
                        margin: 0;
                }

                        #inhoud h1 {font-size: 2.2em; padding: 0 0 10px 0 !important;}
                        #inhoud h2 {font-size: 1.8em;}
                        #inhoud h3 {font-size: 1.4em;}

                                #inhoud p {
                                        font-family: Arial, Helvetica, sans-serif;
                                        font-size: 1.2em;
                                        line-height: 1.6em;
                                        padding: 0 0 15px 0;
                                        margin:0;
                                }

                                        #inhoud p a {
                                                font-weight: bold;
                                        }

                                                #inhoud ul {
                                                        width: 80%;
                                                        float: left;
                                                        padding: 2px 30px;
                                                        margin: 0;
                                                }

                                                        #inhoud li {
                                                                list-style-type: disc;
                                                                float: left;
                                                                width: 200px;
                                                                line-height: 1.6em;
                                                                font-size: 1.2em;
                                                        }


                                                                        #inhoud li.langzaam  {
                                                                        list-style-type: none;
                                                                        margin: 0;
                                                                        padding: 0;
                                                                        }
                                                                        
                                                                        #gebarenfilmpjes #inhoud h2 {float: left;}
																		#gebarenfilm-pagina #inhoud h2 {float: left;}


/**************

  Pers images

**************/
																
	#pers #inhoud ul {
			width: 80%;
			float: left;
			padding: 10px 60px;
			margin: 0;
	}

			#pers #inhoud li {
					list-style: none;
					float: left;
					width: 100px;
					margin: 5px 15px 5px 15px;
					padding: 0;
			}
			
				#pers #inhoud li img {width: 110px; height: 90px; border: 0px;}
			
/**************

  Zoek gebaar

**************/

        #zoekGebaar {
                background: url('../img/zoekbalk.png') no-repeat;
                width: 434px;
                height: 57px;
                float: left;
                position: absolute;
                z-index: 999;
                top: 140px;
                left: 280px;
                padding: 0;
                margin: 0
        }

                #zoekGebaar h2,
                #zoekGebaar legend {display: none;}

                 #zoekGebaar fieldset {border: 0px none;}

                        #zoekGebaar input {
                                background: #333 url('../img/input-meldaan.jpg') no-repeat;
                                width: 305px;
                                height: 21px;
                                color: #676767;
                                font-size: 1.4em;
                                font-weight: bold;
                                font-family: "Trebuchet MS", verdana, sans-serif;
                                border: 0px none;
                                margin-left:12px; margin-right:0; margin-top:10px; margin-bottom:0; padding-left:40px; padding-right:0; padding-top:8px; padding-bottom:0
                        }

                                #zoekGebaar input.actief,
                                #zoekGebaar input.noscript {
                                        background: url('../img/input-meldaan-notxt.jpg') no-repeat;
                                }

                                        #zoekGebaar button {
                                                background: url('../img/bg-zoek-btn.jpg') no-repeat;
                                                color: #FFF;
                                                height: 31px;
                                                font-family: Arial, Helvetica, sans-serif;
                                                font-size: 1.4em;
                                                font-weight: bold;
                                                border: 0px none;
                                                margin: 0;
                                                cursor: pointer; padding-left:3px; padding-right:5px; padding-top:0; padding-bottom:0
                                        }

                                        #zoekGebaar .zoekbalk .errorMessage {
                                                background: url('../img/zoek-input-error.jpg') no-repeat;
                                                }

                                                #zoekGebaar .zoekbalk label.errorMessage {display:none;}

                                                        #zoekGebaar .zoekbalk #singleErrorMessage {
                                                                position: absolute;
                                                                font-size: 1.1em;
                                                                color: #ff6e6e;
                                                                top: 0px;
                                                                left: 40px;
                                                                width: 300px;
                                                                }

/*****************

        Contact Pagina

*****************/

        #contact-pagina address {
                        font-style:normal;
                        font-family: Arial, Helvetica, sans-serif;
                        font-size: 1.2em;
                        line-height: 1.6em;
                        margin: 0 0 15px 20px
                }

                        #contact-pagina address strong{font-size: 1.4em;}

                                #contact-pagina #inhoud p {padding:0;margin:0;}

                                        #contact-pagina fieldset {border: 0px none;}

                                                #contact-pagina legend {display:none;}


/*****************

        Voeten

*****************/

        #voeten {
                margin:auto;
                overflow:hidden;
                width: 990px;
                background: url('../img/footer.gif') no-repeat;
                color: #45484c;
                font-family: Arial, Helvetica, sans-serif;
                font-size: 1.1em;
                padding-left:0; padding-right:0; padding-top:35px; padding-bottom:0
        }

                #voeten p {
                        float: left;
                        padding: 5px 0 5px 150px;
                        margin: 0;
                        }
                                                                
/*

        Google Ads

*/

                #googleAds{
                margin:auto;
                overflow:hidden;
                width: 470px;
                }


/*****************

        Voeten of MUS - Multimedia Unieke Servie

*****************/

        #voetenMus {
                float: right;
                width: 100%;
                padding: 0;
                margin: 0;
        }

                #voetenMus p {
                        float: right;
                        font : normal 9px verdana;
                        color: #838e2d;
                        margin: 14px 5px 0 0;
                }

                        #voetenMus img {
                                float: right;
                                border: 0px none;
                        }

                                #voetenMus a {
                                        font : bold 9px verdana;
                                        color: #838e2d;
                                        text-decoration: underline;
                                }

                                        #voetenMus a:hover {
                                                text-decoration: none;
                                        }

/*****************

        Voeten of SWDA - Stichting Welzijn Doven Amsterdam
        Ja, Bas.... ben een beetje aan het CSSprutsen :P

*****************/

        #swda {
            position: absolute;
			top: 0;
			right: 0;
			z-index: 99999;					

       }

                        #swda img {
								
                                border: 0;
                        }