/* CSS Document */
/* Stylesheet for Quality of Life Gala */

/* mac hide \*/
html, body {height:100%}
/* end hide*/

body {
	background: #7F674B url(../gfx/bg_brown.jpg) fixed no-repeat center top;
	vertical-align:top;
	margin:0px;
	padding:0px;
	border: 0px;
	}

img { 
	border:0; 
	padding:0;
	margin:0;
	}
	
fieldset 
		{
  		padding: 1em;
		font:80%/1 sans-serif;
		border: 1px;
		border-color:#999999;
		border-style:solid;
		}

legend 
		{
		padding: 0.2em 0.5em;
		border:1px;
		border-color:#999999;
		border-style: solid;
		color:#999999;
		font-size:100%;
		text-align:right;
		}
label 
		{
		float:left;
		width:25%;
		margin-right:0.5em;
		padding-top:0.2em;
		text-align:right;
		font-weight: bold;
		font-size: 10px;
		}
	
#container {
	width: 845px;
	margin: 0px auto;
    min-height: 100%;
    height: auto;
	background: url(../gfx/footer.jpg) no-repeat;
background-color:#FFFFFF;
background-position:bottom;
margin-bottom:64px;
	}

/* Hack for IE */
	* html #container {
height: 100%;
	}
/* End IE Hack */

	
#header_top {
	background: url(../gfx/header_top.jpg) no-repeat;
	height:39px;	
	}	

#header_bottom {
	height:180px;
	}

	
#contentcontainer1 {
	clear:both;
	background: url(../gfx/bg_content.jpg) repeat-y ;
	background-color: White;
	width:844px;
	/* vage hack om volledige div te vullen met bg-img */
	/* overflow: hidden; */
	overflow:inherit;
	/* Jeroen's Min-Height Hack */
	}
	
#contentcontainer2 {
	background:  url(../gfx/bg_main_top.jpg) no-repeat;
	width:845px;
	font-family:"Times New Roman", Times, serif;
	color:#696758;
	/*padding-left:10px;*/
	min-height:375px; /*for mozilla as IE treats height as min-height anyway*/ 
  	height:auto !important;
  	height:375px; 
	}
	
#contentcontainer2 h1, h2, h3, h4, h5 {
	font-family:"Times New Roman", Times, serif;
	color: #484747;
	}

#menuleft {
	padding-left: 20px;
	padding-top: 20px;
	margin-right: 20px;
	width: 190px;
	float: left;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#696758;
	}
	
#menuleft ul {
	list-style:none;
	}
	
#menuleft strong {
	font-family: "Times New Roman", Times, serif;
	color: #484747;
	}
	
#menuleft il {
	line-height: 1.5em;
 	}

#menuleft a {
   line-height: 1.7em;
	text-decoration: none;
	font-size: small;
	color:#696758;
   font: Verdana;
   width: 100%;
   height: 100%;
   display: block;
   padding: 0;
   }
	
#menuleft a:hover {
	text-decoration:none;
   /* background: url(../gfx/selectie.gif) no-repeat 1% .2em; */
   color:#696758;
	background-color:#FDEFD2;
	}
 

#content {
	width: 550px;
	float: left;
	margin-top: 20px;
	height: auto;
}

#contentfull {
	padding-left:50px;
	padding-right:50px;
	height:auto;
	}


#footer {
	clear: both;
position:inherit;
	width:845px;
	bottom:0px;

	height:64px;	
	margin-left:1px;
	}	
	
#loggedin {
	float:left;
	margin-top: 30px;
	margin-left: 50px;
	color:#FDEFD2;
	}
	
#loggedin a {
	color:#FDEFD2;
	}

/* = Navigation
---------------------------------------------------------------------
*/
#navigation{
	height:54px;
	width: 843px;
	margin-left: 1px;
	background-color:#FDF4E3;
	}

#quicklinks{
	height: 54px;
	background: #FDF5E6;
	position: relative;
	z-index: 2;
	}


  #quicklinks ul#inner{
  padding: 0 0 0 0;
  margin: 0;
  position: absolute;
  list-style-type: none;
  }
  
  #quicklinks ul#outer{
  padding: 0 0 0 0;
  margin: 0;
  position: absolute;
  left: 0;
  list-style-type: none;
  }
    
    #quicklinks ul li{
    position: relative;
    float: left;
    color: #7799AA;
    font-size: 1.1em;
    background: #FDF5E6;
    }
    
    #quicklinks ul li.big{
    
	 /* width: 100px; */
    }
    
      #quicklinks ul li a{
      font: Arial;
		font-size: small;
		color: #79A;
      text-decoration: none;
      }
      
      #quicklinks ul li a:hover{
      color: #fff;
      }
      
      #quicklinks ul li.emphasized a{
      color: #E0E0E0;
      text-decoration: none;
      }
      
      #quicklinks ul li.emphasized a:hover{
      color: #000;
      }
    
      #quicklinks ul li span{
      position: absolute;
      right: 0;
      top: 0;
      height: 20px;
      width: 6px;
      }
      
    #quicklinks ul li.emphasized{
     color: #E0E0E0;
    background: #FDEFD2;
    }
      #quicklinks ul li.emphasized span{
      }
      
       
    #quicklinks ul li .quicklinks_dropper{
      font: Verdana;
		margin: 0;
      display: none;
		margin: 0;
      list-style-type: none;
	   text-indent: 40px;		
		margin-left: -40px;
		#margin-left: 0; /*setting for IE7*/
      position: relative;
      top: 0;
    }
    
    #quicklinks ul li.emphasized .quicklinks_dropper{
    background: #4B626F ;
    }
    
    #quicklinks ul li:hover ul,
    #quicklinks ul li.hovered ul{
		display: block;
    }
    
      #quicklinks ul li .quicklinks_dropper li{
      font: Verdana;
		background: none;
      text-align: left;
		width: 100%;
      border-bottom: 1px solid #ffffff;
      line-height: 1.5em;
      }
    
      #quicklinks ul li.emphasized .quicklinks_dropper li{
      border-bottom: 1px solid #ffffff;
      }
      
          #quicklinks ul li .quicklinks_dropper li a{
          text-decoration: none;
          color: #454545;
          font: Verdana;
			 width: 100%;
          height: 100%;
          display: block;
          padding: 0;
          }
          
          #quicklinks ul li .quicklinks_dropper li a:hover{
          background: url(../gfx/selectie.gif) no-repeat 1% .2em; 
			 background-color: #FDEFD2;
          color: #454545;
          }
			 
          #quicklinks ul li.emphasized .quicklinks_dropper li a:hover{
          background: url(../gfx/selectie.gif) no-repeat 1% .6em;
          color: #282828;
          }