/* --css leipo.org  --
   --Ronny Turenhout-- */


body {
       background: #E6E6FA;
       color: #000;
       font: 11px "Trebuchet MS", Helvetica;
       margin: 0; padding: 0; height: 100%;
       width: 771px; margin: auto;
    }

a {
       text-decoration: none;
       color: #999;
    }

/* --Header-- */

#header {
       border-left: 0px solid #94948c;
       border-right: 0px solid #94948c;
       height: 150px;
       width: 770px;
       background: #E6E6FA url('hoofd3.gif') top left no-repeat;
       margin: 0px;
       padding: 0px;
    }

/* --Menu-- */

#menubg {
       border-left: 0px solid #94948c;
       border-right: 0px solid #94948c;
       border-bottom: 0px solid #94948c;
       height: 5px;
       width: 770px;
       background: #E6E6FA url('hoofd4.gif') top left no-repeat;
       margin: 0 0 3 0px;
       padding: 0px;
    }

#menu {
       width: 600px;
       color: #B22222; font-size: 0.9em;
       font-weight: bold;
       margin: 0px;
       padding: 5px;
    }

#menu ul {
        list-style: none;
        width: 600px;
        margin: 0 auto; padding: 2px;
    }

#menu li {
       font-weight: bold;
       display: inline;
       margin: 0;
    }

#menu a {
       padding: 4px 1em;
       color: #000;
    }

#menu .active a {
       color: #000;
    }

#menu .active a:hover {
       color: #000;
    }

#menu a:hover {
       color: #fff;
       background: #CECEC7;
       border: 1px solid #94948c;
    }

/* --content-- */

div.container {
       border-left: 1px solid #94948c;
       border-right: 1px solid #94948c;
       width: 768px;
       padding: 0px;
       margin: 0 0 0 0px;
       background: #fff url('mainbg.gif') bottom right no-repeat;
    }

#main {
       float: right;
       width: 575px;
       border-left: 0px solid #211C22;
       color: #000;
       padding: 3px;
       font-size: 12px;
    }

#main a {
       text-decoration: none;
       color: #999;
    }

#main p {
       text-align: justify;
       margin: 30px;
       margin-left: 60px;
       margin-right: 60px;
    }

#main h2 {
       font-size: 12px;
       margin:0px;
       padding: 3px;
       color: #fff;
       background: #999;
    }

#main h3 {
       font-size: 12px;
       margin:0px;
       padding: 0px;
       color: #B22222;
    }

#main .blocktitel {
       background: #999;
       padding: 0px;
       margin: 0px;
       color: #000;
       border: 0px solid #888;
    }

#main .blockcontent {
       padding: 20px;
       margin: 3px;
       color: #000;
       border: 0px solid #888;
    }

#main img {
       display: block;  margin: left;
       border: 0px solid #211C22; 
    }

/* --Sidebar-- */

#submenukop {
    font-size: 12px;
    float: left;
    margin: 0px;
    padding: 3px;
    width: 165px;
    color: #fff;
    background:  #999;
    list-style-type: none;
    border: solid #999;
    border-width: 0px;
}

#submenu {
    float: left;
    margin: 0;
    padding: 6px;
    width: 159px;
    background:  #DCDCDC;
    list-style-type: none;
    border: solid #999;
    border-width: 0px;
    color: #fff;
    font-size: 11px;
}
      #submenu a { color: #f00;}



#submenu li {color: #000; margin-left: 0px;}
    #submenu li a {display: block; padding: 3px 10px; border-left: 0px solid #94948c; color: #000;}
	#submenu li a:hover {border-left: 6px solid #ff9000; color: #fff;}

#sidebar {
       float: left;
       width: 170px;
       color: #888;
       margin-bottom: 125px;
       background: #fff;
       padding: 3px;
    }

#footerbg {
       border-left: 1px solid #94948c;
       border-right: 1px solid #94948c;
       height: 30px;
       width: 758px;
       background: #fff;
       padding: 5px;
    }

#footer {
       height: 150px;
       width: 771px;
       background: #E6E6FA url('footer.gif') top right no-repeat;
       margin: 0px;
       padding: 0px;
    }

#title-print, #footer-print {display: none;}

/* Contactformulier */

form
    {
    border-width: 0px;
    border-style: solid;
    border-color: #EEE;

    padding: 15px;
    width: 500px;
    
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    }

label
    {
    float: left;
    width: 150px;
    text-align: right;
    
    margin-right: 15px;
    }

input
    {
    background-color: #EEE;

    font-size: x-small;

    border-width: 1px;
    border-style: solid;
    border-color: #cccccc;
    
    margin-bottom: 10px;
    }

select
    {
    width: 120px;
    font-size: x-small;
    background-color: #EEE;
    
    border-color: #cccccc;
    border-style: solid;
    border-width: 1px;
    
    margin-bottom: 10px;
    }

textarea
    {
    width: 250px;
    height: 100px;
    background-color: #EEE;
    
    border-width: 1px;
    border-style: solid;
    border-color: #f90;
    
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    
    margin-bottom: 10px;
    }