html, body {
      height                  : 100%;
	    width                   : 100%;
      padding                 : 0px;
      margin                  : 0px;
	    border                  : 0px;
      font-family             : verdana, arial, helvetica, sans-serif;
      }
      
#wrapper {
	    position                : relative;
	    width                   : 760px;
      height                  : auto;
      margin                  : auto;
      padding                 : 0px;}

h1 {/* plaats bedrijfsnaam H1 replacement */
      position                : relative;
      top                     : 10px;/* moet 10 zijn */
      left                    : 10px;
      width                   : 200px;
      height                  : 133px;
      border                  : 0px;
      margin                  : 0px;
      background              : url(../images/sonriselogo.jpg) no-repeat;
      text-indent             : -6000px;}
        
h1 a {/* plaats logo */
      display                 : block;
      height                  : 133px;
      background              : url(../images/sonriselogo.jpg) repeat;
      text-decoration         : none;} 
h6 {/* plaats bedrijfsnaam H1 replacement */
      position                : absolute;
      top                     : 30px;/* moet 10 zijn */
      right                   : 50px;
      width                   : 115px;
      height                  : 115px;
      border                  : 0px;
      margin                  : 0px;
      background              : url(../images/meldjeaan.gif) no-repeat;
      text-indent             : -6000px;}
        
h6 a {/* plaats logo */
      display                 : block;
      height                  : 115px;
      background              : url(../images/meldjeaan.gif) repeat;
      text-decoration         : none;} 
      
#hoofdnavigatie{/* navigatie met tabs li replacement */
	    position                : absolute;
      top                     : 148px;
      left                    : 10px;
      width                   : 200px;
      margin                  : 0px;
      padding                 : 0px;
      background              : #FFFFFF;
      overflow                : hidden;} 

#hoofdnavigatie li {
      color                   : #003F8C;
      width                   : 200px;
      padding                 : 2px;
      padding-left            : 3px;
      font-weight             : bold;
      font-variant            : small-caps;
      display                 : block; 
      }

#hoofdnavigatie li.active {
      border-top              : 1px solid #cbcbcb;
      border-left             : 1px solid #cbcbcb;
      border-bottom           : 1px solid #cbcbcb;
      }
      
#hoofdnavigatie li a, #subnavigatie li a{
      color                   : #F28800;
      text-decoration         : none;}

#hoofdnavigatie li a:hover, #subnavigatie li a:hover{
      color                   : #FF9914;
      text-decoration         : none;}      
      
#subnavigatie{
	    position                : absolute;
      top                     : 148px;
      left                    : 210px;
      width                   : 539px;
      margin                  : 0px;
      padding                 : 0px;
      border-top              : 1px solid #cbcbcb;
      border-right            : 1px solid #cbcbcb;
      border-bottom           : 1px solid #cbcbcb;
      color                   : #F28800;
      font-weight             : bold;
      background              : #FFFFFF;
      overflow                : hidden;
      } 

#subnavigatie li {
      color                   : #003F8C;
      padding                 : 2px;
	    padding-left            : 5px;
      font-weight             : bold;
      font-variant            : small-caps;
      list-style-type         : none;
	    width                   : auto;
	    float                   : left;
	    position                : relative;
	    text-align              : left;
	    }
      
/* algemeen */
#main{
      position                : relative;
      top                     : 60px;
      left                    : 220px;
      width                   : 529px;
      margin-top              : -20px;
      background              : #FFFFFF;
      }
       
      
#main ul, #main table{
      color                   : #003F8C; 
      font-weight             : normal;
      font-size               : 14px;
      }
#main table{
      margin-left:20px;
      }    
#main table tr.head{
      text-align:center;
      }  
#main p a{
      color                   : #003F8C;
      font-weight             : bold;
      font-size               : 14px;
      text-decoration         : underline;
      }
      
#main p a:hover, #main p a:focus, #main p a:visited:hover, #main p a:visited:focus{
      color                   : #FF9000;
      }
      
#main p a:visited{
      color                   : #003F8C;
      }  
          
h2{
      padding-left            : 20px;
      color                   : #FF9000;
      font-weight             : bold;
      font-size               : 15px;
      }
h3{
      padding-left            : 20px;
      color                   : #FF9000;
      font-weight             : normal;
      font-size               : 12px;
      }
p{
      padding-left            : 20px;
      color                   : #003F8C; 
      font-weight             : normal;
      font-size               : 14px;
      }

.alert {/* text opmaak */
	    margin-top              : 50px;
      margin-left             : 50px;
      margin-right            : 50px;
      padding                 : 15px;
      border                  : 2px dashed #003F8C;
      overflow                : hidden;
      font-size               : 14px;
      text-align              : center;
      color                   : #FF9000;} 

.alert a{/* text opmaak */
	    color                   : #ff9000;
      font-weight             : bold;
      text-decoration         : none;
      border-bottom           : 1px dashed #FF9000;}
      
.alert a:hover{/* text opmaak */
	    color                   : #ff9000;
      text-decoration         : none;
      border-bottom           : 1px solid #FF9000;}
      
/* home */
#main img.home{      
      /* padding-top              : 0px; */ 
      padding                 : 9px 0px 9px 9px;
      float                   : right;
      border                  : none;}
 
/* links */      
dl{
      margin                  : 0px;
	    margin-left             : 20px;
      list-style-type         : none;} 

dt{
      padding                  : 0px;
	    font-weight              : bold;
      color                    : #FF9000;}

dd{
      list-style               : none;
	    padding                  : 0px 0px 10px 35px;
	    font-weight              : normal;
      font-size                : 14px;
      color                    : #003F8C;}

dd a{
      color                   : #F28800;
      text-decoration         : none;}

dd a:hover {
      color                   : #FF9914;
      text-decoration         : underline;}      

/*_____________________ gastenboek _______________________*/
fieldset {
      width                   : 300px;
      margin-left             : 100px;
      margin-top              : 12px;
      padding                 : 12px;
      border                  : 1px solid #FF9000;
      background              : #f8f8f8;}         

legend {
      color                   : #FF9000;}

label {
      display                 : block;
      float                   : left;
      width                   : 75px;
      color                   : #003F8C;}
      
input {
      margin-top              : 0px;
      margin-bottom           : 5px;
      line-height             : 18px;
      width                   : 200px;
      font-family             : Verdana, Arial, Helvetica, sans-serif;
	    font-size               : 12px;
	    color                   : #7C7F7B;
	    background-color        : #FFFFFF;
	    border                  : 1px solid #FF9000;}

input.button{
	    height                  : 25px;
      width                   : 100px;
      padding                 : 0px;
      margin-left             : 215px;
      margin-top              : 12px;
      background-color        : #FFFFFF;
	    color                   : #FF9900;
      border                  : 1px solid #FF9000;
      font-weight             : bold;
	    font-size               : 13px;}

select{
      width                   : 297px;
      padding                 : 0px;/* ie -100px margin left... */
      font-family             : Verdana, Arial, Helvetica, sans-serif;
      color                   : #7C7F7B;
      border                  : 1px solid #FF9000;
      overflow                : hidden;} 
      
textarea{
      width                   : 297px;
      height                  : 100px;
      padding                 : 0px;/* ie -100px margin left... */
      font-family             : Verdana, Arial, Helvetica, sans-serif;
      color                   : #7C7F7B;
      border                  : 1px solid #FF9000;
      overflow                : hidden;} 

dl.entry{
      margin                  : 20px;
      margin-left             : 50px;
      margin-right            : 50px;}
              
dl.entry dt {
      padding                 : 5px;
      padding-top             : 0px;
      border                  : 1px dashed #ff9000;                 
      border-bottom           : none;
      font-weight             : normal;
      font-size               : 14px;
      line-height             : 20px;
      color                   : #003F8C;
      background              : #f8f8f8;}
       
dl.entry dt a, dl.entry dt a:visited {
      text-decoration         : none;
      border-bottom           : 1px dashed #003F8C;
      font-size               : 14px;
      line-height             : 20px;
      color                   : #003F8C;}
      
dl.entry dt a:hover{
      text-decoration         : none;
      border-bottom           : 1px solid #003F8C;}
             
dl.entry dt span{
      font-size               : 12px;
      float                   : right;}
      
dl.entry dd {
      margin-left             : 0px;
      border                  : 1px dashed #ff9000;                 
      border-top              : none;
      font-size               : 16px;
      line-height             : 20px;
      color                   : #003F8C;}

/*_____________________ foto album _______________________*/
input#aantal{
	    width                   : 20px;
      padding                 : 0px;
      margin-left             : 140px;
      font-weight             : bold;
	    font-size               : 13px;}

input#uploadFile, input#onderwerp {
      width                   : 298px;}      
      
span.fotonav{
      display                 : block;
      width                   : 200px;
      margin-left             : 164px;
      margin-bottom           : 10px;
      font-size               : 14px;
      text-align              : center;
      font-weight             : bold;
      color                   : #7C7F7B;}      

span.fotonav a{
      text-decoration         : none;
      color                   : #FF9000}
      
table.fotoalbum a img{
      border                  : 1px solid #FFFFFF;
      margin-left             : 40px;
      margin-bottom           : 10px;}

table.fotoalbum a:hover img{
      border                  : 1px solid #FF9000;
      margin-left             : 40px;
      margin-bottom           : 10px;}  

/*_____________________ forum _______________________*/
.poll{
      text-align              : center;
      border                  : #ff9000 dashed 1px;
      font-weight             : bold;
      font-size               : 16px;
      padding                 : 5px;
      margin-left             : 50px;
      margin-right            : 50px;}

.poll a{
      color                   : #003F8C;
      font-weight             : bold;
      font-size               : 14px;
      text-decoration         : underline;}      

a:hover p.poll, #main p a:focus, #main p a:visited:hover, #main p a:visited:focus{
      color                   : #FF9000;
      }
      
#main p a:visited{
      color                   : #003F8C;
      }        

/* ________________________Admin__________________________________ */      
fieldset.loginform {
      width                   : 355px;
      margin-left             : 0px;
      margin-top              : 12px;
      padding                 : 12px;
      border                  : 1px solid #FF9000;
      background              : #f8f8f8;}

.loginform label {
      display                 : block;
      float                   : left;
      width                   : 150px;
      color                   : #003F8C;}

input.loginbutton{
	    height                  : 25px;
      width                   : 100px;
      padding                 : 0px;
      margin-left             : 140px;
      margin-top              : 12px;
      background-color        : #FFFFFF;
	    color                   : #FF9900;
      border                  : 1px solid #FF9000;
      font-weight             : bold;
	    font-size               : 13px;} 

a.logoff, a.logoff:visited{
      position                : absolute;
      top                     : 25px;
      right                   : 25px;
      display                 : block;
      width                   : 75px;
      background              : #ff9000;
      padding-top             : 2px;
      padding-bottom             : 4px;
      text-align              : center;
      text-decoration         : none;
      font-size               : 13px;
      color                   : #ffffff;
      border                  : 1px dashed #FFFFFF;}

a.logoff:visited:hover, a.logoff:hover{
      color                   : #DEDEDE;
      border                  : 1px dashed #DEDEDE;}
      
/* ________________________left__________________________________ */      
#left {
      position                : absolute;/* hoogte met oog op het plaatje */
      top                     : 220px;
      left                    : 9px;
      margin-left             : 0px;
      width                   : 200px;
	    height                  : 100%;}      
      
#leftcontent {
	    width                   : 190px;
      padding                 : 0px 5px 5px 5px;
	    margin-top              : 5px;
      background              : #DBEBFF;
	    border                  : 1px solid #cbcbcb;}
      
#leftcontent h3 {
      font-weight             : bold;
	    font-size               : 15px;
	    text-align              : center;
      color                   : #cbcbcb;
      margin-top              : 5px;
	    padding                 : 0px;}
 
#leftcontent h4 {
      font-weight             : bold;
	    font-size               : 12px;
      color                   : #9797FF;
      margin-bottom           : -10px;
      }
      
#leftcontent p {
      font-size               : 12px;
	    text-align              : justify;
      padding                 : 0px;
	    line-height             : 21px;
      color                   : #9797FF;}
      
#leftcontent a {
      text-decoration         : none;
	    font-weight             : bold;
      font-size               : 12px;
	    color                   : #AAACAA;
      text-align              : justify;
      padding                 : 0px;
	    line-height             : 21px;}
      
#leftcontent a:hover {
	    text-decoration         : underline;
      color                   : #7C7F7B;}      
                         
/* ________________________ Footer ________________________________ */
#footer {/* Het rechter en linker gedeelte komt hier in*/
	    position                : relative;
      top                     : 50px;
      right                    : 0px;
      padding-right           : 10px;
      text-align              : right;
      }