/* Hoofd style  */

body, html {
  text-align: center;
  height:100%;
  width:100%;
  font-family: Arial, sans-serif; 
  background-color:#e7e4e4;
  background-image: url("/images/background1.png");
  background-position: top center;
  background-repeat: no-repeat;
  margin-top:0px;
  background-attachment: scroll;
  color:black;
}

p {
    margin:0px;
    padding:0px;
}

/* RVS, 

   FIX:
   Auto voor alle DIV's zetten.
   FF en Chroome zien ge-neste DIV's niet als text, dus text-align werkt niet.
   Met auto wel en werkt het hetzelfde als IE
   
   FIX: 
   Div's uitlijnen (left/right) en vertical align (top/middle/bottem) werken niet overal hetzelfde
   Dus: Alles links en naar boven uitlijnen. Vervolgens margin- gebruiken
   
   Let op:
   Gebruik vertical-align alleen op blokken die relative zijn;
*/
div {
  margin:0 auto 0 auto;
  padding:0; 
  border:0;
  vertical-align: top;
  text-align:left;
}
a {
    color:#00513F;
    font-size:12px;
}

/* Hoofdscherm */
.maindiv {
  height:100%;  
  max-width:1200px;
  min-width:850px;
  min-height:830px;
}
.header {
  border-style:none;  
  border-width:1px;
  width:100%;
  height:170px;      
}
.footer {
  background-color:#e7e4e4;
  height:12px;  
  width:1200px;
  display:block;
}

/* hoofdmenu */
.mainmenu {
    color:white;
    width:100%;
    text-align:center;
}
.mainmenu ul {    
    margin-left:15px;
    display:inline;
    width:100%;
    margin-right:10px;
}
.mainmenu a {
    font-size:22px; 
}
.mainmenu li, mainmenu_over li {
    display:inline;
    list-style:none;
    font-size:22px; 
    padding-right:30px;   
/*    padding-right:60px;    */
}
.mainmenu {
    color:grey;
    text-decoration: none;    
}
.mainmenu a {
    color:white;
    text-decoration: none;
}
.mainmenu a:hover {
    color:#E56026;
    text-decoration: none;
}


/* -------------------------------------------------------------------------
Layout
----------------------------------------------------------------------------*/
.layout1 td {
    padding-top:20px;
    text-align:left;
    vertical-align: top;
}
.layout1 .links {
    width:200px;
}
.container_links, .container_midden,.container_rechts, .layout {
}

.container_links {
    width:180px;
}
.container_midden {
    padding-left:10px;
    padding-right:10px;
}
.container_rechts{
    width:200px;    
}

.container_blok {
    margin:0px;  
    width:160px;
    padding:10px;
    background-color:#e4f0e4;    
    margin-bottom:15px;  
    
    border-style:solid;
    border-width:1px;
    border-color:#BCBCBC;
}



/* MENU's aan de linker kant */

/* voor de ronde hoeken */
.rond, .rond .sb-inner { background:#e4f0e4; }
.rond .sb-shadow { background:black; }
.rond .sb-border { background:black; }

.menu_links_container {
   overflow:hidden;
}
.menu_links_titel {
   color:#E56026;
   font-weight:bold;
   font-size:16px;   
} 
.menu_links_container  li {
  margin-left:-15px;
  line-height:180%;
}
.menu_links_container  A {
  margin-left:-15px;
  line-height:180%;
  text-decoration:none;
  margin-left:0px;
}
.menu_links_container  A:hover {
  margin-left:-15px;
  line-height:180%;
  text-decoration:underline;;
  margin-left:0px;
}
.ul_documenten {
  padding-left:20px;  
    
}
/*
.li_documenten {
  list-style: none;  
}
.li_documenten img {
  border-style:none;  
  padding-right: 5px;
}
*/
.div_documenten {
   margin-bottom:5px;
   margin-top:5px;
}
.div_documenten_img {
   float:left;
   margin-top:5px;
   margin-bottom:0px;
   padding-right:5px;
}


.hoeken {
    border-style:solid;
    border-width: 1px;
    height:95px;
    width:100px;
    cursor:pointer;
    margin-bottom:20px;
    background-color:#FF8000;
    color:white;
    margin-left:33px;
    text-align: center;
}


/* AADMIN EDITOR op de website pagina's */
#admin_editor_button {
    position:absolute;
    cursor:pointer;
    margin-top:0px;
    margin-left:700px;
}
#admin_editor_container {
    display:none;
    position:absolute;
    z-index:2; /* i.v.m. login */
    width:500px;
    height:600px;
    margin-top:30px;
    
}
#admin_change_tekst { /* textarea */
   width:500px;
   height:600px;
}


/* voorlees function opde homepage */
.voorlees_container {
  font-size:14px;
}
.voorlees_container A {
  text-decoration:none;  
}
.voorlees_container img {
  position:absolute;  
  border-style:none;  
  margin-top:-30px;
}
.voorlees_tekst {
  position:absolute;  
  width:150px;
  margin-top:-30px;
  margin-left:35px;
}
.voorlees_titel {
  color:#E56026;
  font-weight:bold;
  font-size:16px;   
  padding-bottom:15px;
}