
/*__________ RESET DEFAULTS __________ */

* {
   padding: 0;
   margin: 0;
   -moz-box-sizing     :   border-box;
   box-sizing          :   border-box;
}

ul {
    padding-left: 1em;
    margin-left: 0;
}

h1, h2, h3, h4, h5, h6, p, blockquote,
 form, label, ul, ol, dl, fieldset, address {
    margin-bottom: 1em;
}

div#content iframe {
    width: 610px !important;
    height: 610px !important;   
}

div#content table {
                max-width: 610px !important;
                font-size: 1.0em;
          
}

/*__________ HTML DEFAULTS __________ */

body {
    font-family: Arial; 
	  font-size: 10pt; 
    font-size: 75%;
    line-height: 120%;
    color: #004770;
    margin: 0;
    padding: 0;  
    text-align: left;  
}

a {
    color: #004770;
}

a:hover {
    color: #004770;
}

h6 {
    color: #004770;
    font-size: 100%;
}

h6 a {
    color: #004770;
}

table {
		font-size: 100%;
}

/*__________ SIMSITE DEFAULTS __________ */

ul.ul_lijst li a {
}

h6.rubriek {
}

h6.rubriek a {
}

/*__________ WEBSITE __________ */

div#globalWrapper {		
		text-align: left;
		width: 100%;
		position: relative;
		min-height: 885px;
		_display: table;    
                margin-left: 0;
                margin-right: auto;   
                height: auto;           
}

div#top {               
		height: 49px;
		width: 655px;;	
		color:  #004670;	
		font-size: 24px;
		font-style: italic;
		padding: 24px 0 0 185px;		
}

div#snelmenu {
    position: absolute;
    display: inline;   
    right: 150px;
    top: 38px;   
    padding: 0;      
    height: 17px;   
 }

div#snelmenu a {  
	  display: block;
    float: left;     
    background: #a9c59f; 
    padding: 2px 6px 0 6px; 
	  font-size: 0.9em;
    height: 17px;
	  text-decoration: none;
 }
 
 #snelmenu_spacer {
		display: block;
		float: left;  
		text-decoration: none;
		width: 2px;
		height: 17px;		
		background:url('../images/snelmenu_streepje.gif') no-repeat; 
}

div#content_container { 
                width: 100%;
                margin-top: 1px;
                                
                margin-top: 2px;        
}

div#navigatie_container {
		width: 175px;		
		height: auto;
		margin-top: 61px;
		margin-left: 8px;
		float: left;
}

div#navigatie {		
    margin-left: 0px;   
    width: 167px;    
}

#navigatie,
#navigatie ul,
#navigatie ul li,
#navigatie ul li a,
#navigatie ul li a:hover, {
    _height: 1%;
}


#navcontainer {    
    margin-left: 0px;
    padding-top: 0px;
    padding-bottom: 1px;
    font-size: 11px;
    width : 167px;
    z-index: 5;	
}

#navcontainer ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align : right;
}

#navcontainer li a {
		background-color: #4077af;
		border-top: 1px solid white;
		border-left: 6px solid #004670;
		font-weight: bold; 
		padding: 0px 5px 1px 0;
		margin  : 0 0 1px 0;
		color : #fff;
		text-align : right;
		text-transform: uppercase;
		text-decoration: none;
		white-space : nowrap;
		width: 167px;
		z-index: 10;
}

#navcontainer a:hover {
		background-color: #004771;
		border-top: 1px solid white;
		border-left: 6px solid #4f8635;		
		font-weight: bold; 
		text-align: right;
		text-transform: uppercase;
		text-decoration: none;
		width: 167px;
		z-index: 10;
}

#navcontainer a {
    display: block;
    padding: 1px 2px 1px 2px;
    heigth: 14px;
    color: #333;
    text-decoration: none;
}

#navcontainer a:hover, #navcontainer a:active {
    text-decoration: none;
}

#navcontainer ul ul li { 
    margin: 0 0 1px 0;
    font-weight: normal;   
    text-align: left; 
}

#navcontainer ul ul a {
		background-color: #d5e2ea;
		border-top: 1px solid white;
		border-left: 6px solid #d5e2ea;
		color: #004771;
		cursor: pointer;		
		padding-right: 5px;
		padding-bottom: 1px;
		padding-left: 3px;
		font-weight: bold;		
		text-decoration: none;
		text-transform: lowercase;
		white-space: normal;
		width: 149px;
		z-index: 5;		
		margin-bottom: -1px;
}

#navcontainer ul ul a:hover, #navcontainer ul ul a:active {
		background-color: #9cc090;
		border-left: 6px solid #4f8635;  
		width: 149px;
		text-transform: lowercase;
		z-index : 5;
}

#navcontainer a.item_active {
		background-color: #004771;
		border-top: 1px solid white;
		border-left: 6px solid #4f8635;
		font-weight: bold;
		text-transform: uppercase;
		text-decoration: none;
		width: 167px;
		z-index: 10;
}

#navcontainer a.subitem_active {
		background-color: #9cc090;
		border-left: 6px solid #4f8635;  
		width: 149px;
		text-transform: lowercase;
		z-index: 5;
}

div#navigatie_bottom {
    float: left;
		background: url('../images/menu/streepjes.gif') no-repeat 0px 0px;		
		width: 175px;
		height: 37px;		
}

div#search_area {	 
		height: 88px;			
		background-color: #BCCFD9;    
    float: left;  
    width: 138px; 
    _width: 139px; 
    margin-left: 29px;
    _margin-left: 14px;
    _border-left: 1px solid #fff;   
    padding: 17px 0 0 7px;   
}

div#search {	 
		height: 56px;			
    text-align: left;    
    width: 122px;    
    background: url("../images/bg_snelzoeken.gif") no-repeat;	
    float: left;
}

#search_box{
		width: 88px;
		height: 15px;	
		border: none;
		margin-left: 15px;
		margin-top: 14px;	
		float: left;		
}

#search_image {
	 	float: right;
	  margin-right: 22px;
	 	width: 33px;
	 	height: 18px;
		margin-top: 7px;				
}

div#zoek_div {	
		margin-top: 34px;
		_margin-top: 5px;
		margin-left: 19px;
		_margin-left: 19px;
		line-height: 12px;			
    width: 32px;    
    font-family: verdana;
     color: #004771;
    font-size: 0.9em;
    letter-spacing: -1px;
    font-weight: bold;      
}

div#dowload_link {
		height: 31px;		
		width: 88px;	
		margin-left: 79px;
		_margin-left: 39px;
		margin-top: 17px;
		float: left;		
}

div#dowload_link a {
		height: 31px;		
		width: 88px;	
		display: block;		 
    background: url("../images/menu/but_acrobat.gif") no-repeat;	    
}

div#content_central {
		width: 827px;		
		height: auto;		
		background: url('../images/deomloopvanaalburg/bg_header.gif') repeat-x;		
		left: 175px;
		_left: 183px;
		top: 48px;		
		position: absolute;			
}

div#content_top {		
		width: 655px;
		height: 138px;	
		background: url('../images/deomloopvanaalburg/header.jpg') no-repeat;	
}

div#content {
		width: 657px;
		height: auto;
		min-height: 626px;
		_height: 672px;		
		padding: 47px 20px 0 27px;
		background-color: #D5E2EA;
		color: #004770;	
		line-height: 14px;				
}

div#right {
		position: absolute;
		top: 14px;
		left: 832px;
		_left: 840px;
                height: 845px;
                width: 154px;           
                background: url('../images/deomloopvanaalburg/img_right.jpg') no-repeat;
}

div#kruimelpad {
		position: absolute;
		top: 7px;
		right: 185px;
		line-height: 12px;		
		color: #FFFFFD;				
		font-weight: bold;		
		font-family: verdana;	
}
div#kruimelpad em {
		font-size: 95%;
		text-decoration: none;
		font-style: normal;
}

div#kruimelpad a {			
		color: #FFFFFD;
		font-size: 120%;		
}

.news_item {   
    margin-bottom: 39px;         
}

.news_item h6 {   
    font-weight: bold;
    font-size: 110%;
    color: #004770;	
    margin-bottom: 16px;
    _margin-bottom: 17px;
}

div#fontgrootdiv {
		position: absolute;
		top: 124px;
		_top: 122px;
		right: 190px;
		line-height: 12px;			
}

div#fontgrootdiv a.classsmall, div#fontgrootdiv a.classbig {	
		color: #004773;
		font-size: 110%;
		font-family: verdana;
		letter-spacing: 1px;
		text-decoration: none;		
}

div#fontgrootdiv a.classsmall {	
		margin-left: 2px;
}

