
/*__________ 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;
}

/*__________ HTML DEFAULTS __________ */

body {
    font-family: arial;
    font-size: 75%;   
    line-height: 100%;
    color: #000; 
}

a {
    color: #000;
}

a:hover {
    color: #000;    
}

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

h6 a {
    color: #000;
}

table {
    font-size: 100%;
}

div#content table,
div#content iframe {
    _width: 450px;
}

iframe {
    width: 500px !important;
    height: 450px !important;
}


/*__________ SIMSITE DEFAULTS __________ */

ul.ul_lijst li a {
}

h6.rubriek {
}

h6.rubriek a {
}

div#rubrieken_wrap {
    width: 100%;
}


/*__________ WEBSITE __________ */

div#waddencontrols {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 99;    
    height: 41px;
    width: 994px;
    background: url('../images/mijnwadden_in.jpg') no-repeat left top;
}

div#waddencontrols a#opencontrols {
    position: absolute;
    left: 826px;
    top: 12px;
    
    display: block;
    width: 124px;
    height: 19px;
}

div#waddencontrols a#closecontrols {
    position: absolute;
    left: 826px;
    top: 132px;
    
    display: block;
    width: 124px;
    height: 19px;
    
    display: none;
}

#point-texel {
	position: absolute;
	left: 282px;
	top: 68px;
	margin: 0;
	padding: 0;
	z-index: 1000;
	display: none;
}

#point-vlieland {
	position: absolute;
	left: 360px;
	top: 34px;
	margin: 0;
	padding: 0;
	z-index: 1000;
	display: none;
}

#point-terschelling {
	position: absolute;
	left: 470px;
	top: 10px;
	margin: 0;
	padding: 0;
	z-index: 1000;
	display: none;
}

#point-ameland {
	position: absolute;
	left: 580px;
	top: 0px;
	margin: 0;
	padding: 0;
	z-index: 1000;
	display: none;
}

#point-schiermonnikoog {
	position: absolute;
	left: 700px;
	top: 0px;
	margin: 0;
	padding: 0;
	z-index: 1000;
	display: none;
}

div#globalWrapper {
	text-align: left;
	width: 100%;
	position: relative;
	min-height: 600px;
	_display: table;
	_height: 600px;
	height: auto;  
	_height: 100%;  
}

div#header {
    background: #FFF url('../images/header.jpg') no-repeat left top;
    width: 995px;
    height: 237px;    
    top: 0px;
    left: 0px;
    position: absolute;
}

div#headerimage {
    background: #FFF url('../images/headers/photo_home.jpg') no-repeat left top;
    width: 829px;
    height: 147px;
    position: absolute;    
    left: 165px;
    top: 89px;
}

div.image_0 {
    background: #FFF url('../images/headers/photo_home.jpg') no-repeat left top !important;
}

div.image_1 {
    background: #FFF url('../images/headers/photo_actueel.jpg') no-repeat left top !important;
}

div.image_2 {
    background: #FFF url('../images/headers/photo_gemeenteloket.jpg') no-repeat left top !important;
}

div.image_5 {
    background: #FFF url('../images/headers/photo_bestuurenorg.jpg') no-repeat left top !important;
}

div.image_91 {
    background: #FFF url('../images/headers/photo_visieenbeleid.jpg') no-repeat left top !important;
}

div.image_254 {
    background: #FFF url('../images/headers/photo_wonenenleven.jpg') no-repeat left top !important;
}

div.image_8 {
    background: #FFF url('../images/headers/photo_overameland.jpg') no-repeat left top !important;
}

div.image_293 { 
    background: #FFF url('../images/headers/photo_vliegtuig.jpg') no-repeat left top !important;
}

div#content_container {
                width: 100%;
                margin-top: 0px;
		padding-top: 30px;
		height: 100%;
		padding: 0px; 
	 min-height: 600px;
}

div#top_border{	
		position: absolute;	
		height: 30px;
		_width:100%; 
		top: 238px;
		left: 0px;
		right: 0px;
                border-bottom: 1px #B2B4BF dotted;              
}

div#content_np {
    position: absolute;
    top: 267px;
    right:0;
    left: 210px;
    margin-left: 0px;
    padding: 0px 0px 0px 0px;
    _width: 100%;
}

div#content {
    position: absolute;
    top: 267px;
    right:0;
    left: 210px;
    margin-left: 0px;
    padding: 0px 0px 0px 0px;
}

div#main_content {
    position: absolute;
    top: 0px;
    right:231px;
    left: 0px;
    margin-left: 0px;
    padding: 5px 0px 0px 0px;
}

div#main_content_np {
    position: absolute;
    top: 0px;
    right:40px;
    _right:250px;
    left: 0px;
    margin-left: 0px;
    padding: 25px 0px 0px 0px;
    line-height: 120%;
}
div#central_intro,div#right_intro{
    padding:10px 10px 10px 10px;
}

div#intro{
        width:100%;
}

div#intro table{
        width:100%;
}

div#intro table td{
        vertical-align:top;
}

div.vervolg p{
        line-height:14px;
}

div.news_title{
  font-weight: bold;              
  color: #222222;
  font-size: 100%;
  margin-bottom: 2px;
  _margin-bottom: 0px;
  padding-top: 1px;
  _height: 10px;
}

div.news_title a {
  text-decoration: none;
}

div#news_date{
		float: left;		
                color: #6E838F;
}

div.news_text{
   padding-bottom: 5px;
   color: #3A3A3A;
   line-height: 18px;
}

.bullet_klein{
   background: url("../images/bullet_klein.gif")  no-repeat  0px 4px;
   width:8px;
   height:10px;
   float:left;
}

div#title_news {
                background: url('../images/bg_title_news.gif') no-repeat 0px 0px;
                padding: 6px 0px 0px 16px;
		color: #818181;
                width: 132px;
                height: 24px;
                font-weight: bold;
                margin-bottom: 10px; 
                _margin-bottom: 0px; 
}

div#title_news_end {
		height: 12px;
          border-top: 1px #E6E6E6 solid;  
          float:left; 
          width: 82%;
          margin-top: -21px; 
          _margin-top: -11px;
          _margin-bottom: 11px;
          margin-left: 132px;
}

.nieuws_item {   
    width: 100%;
    float: left;
    padding-bottom: 12px;
}

.nieuws_img {      
    margin-right: 5px;
    float: left;
}

.nieuws_img img {   
    padding-right: 5px;  
    padding-bottom: 5px; 
}

#space_news{
		height: 4px;	
}
#morenews{
	  color: #003082;
	  text-decoration: none;
	  width: 100%;
		padding-left: 17px;
		background: url("../images/bullet_small.gif") no-repeat 3px 4px;
		height: 23px;	
}

#morenews a {  
		text-decoration: none; 
		color: #003082;
		float: left;
		width: 90%;		
}

#morenews a:hover {
		color:#003082;   
	  border-bottom: 1px solid #FFFFFF;
}

#morenews a:hover div#more_links {
		float: left;
	  border-bottom: 1px solid #003082;
	  width: 70%;
}

#morenews a:hover div#more_links_date {
		float: left;
	  border-bottom: 1px solid #003082;
	  width: 20%;
}

#more_links {
	  float: left;
	  width: 70%;   
}

#more_links_date {
	  float: left; 
	  width: 20%;
	  text-align: right; 
}

div#direct_naar{
		display: block;	
	 	width: 164px;
	 	margin-top: 1px;
    margin-right: 17px;
    _margin-right: 8px;
		float: right;
		border-bottom: 1px #FFFFFF solid;	
		background: #DEE9F4;
		height: 100%;	
		_height: 100%;		
}

div#direct_naar_header{
		background: #FFD100 url('../images/arrow_linkbox.gif') no-repeat 8px 7px;
		color: #122D85;
		font-weight: bold;
		display: block;
		height: 23px;
		padding: 5px 0px 0px 28px;
}

div#direct_naar_border{
		height: 8px;
		background: #DEE9F4;
		border-top: 1px solid #A1B2BD;
}

div#direct_naar_item {
		background: #728FB3 url('../images/bullet_linkbox.gif') no-repeat 9px 6px;	
		display: block;
		border-bottom: 1px #FFFFFF solid;		
		padding: 3px 0px 0px 30px;	
                _padding-bottom: 5px;   
                min-height: 18px;
                font-size: 90%; 
                border: 1px red solid;
}

div#items{
		background: 
}

div#text_direct_naar{
		text-decoration: none;		
}

a#direct_naar_first, a#direct_naar_second, a#direct_naar_third {	
	border-top: 11px solid #DEE9F4;
	width: 164px;
	height: 72px;
	display: block;
}

a#direct_naar_first {
	background: #DEE9F4 url('../images/linkbuttons_productaanvrage.gif') no-repeat 20px 0px;		
}

a#direct_naar_second {
	background: #DEE9F4 url('../images/linkbuttons_trouwenopamelan.gif') no-repeat 20px 0px;		
}

a#direct_naar_third {
        background: #DEE9F4 url('../images/linkbuttons_raadsinformatie.gif') no-repeat 20px 0px;                
}

div#direct_links {
        background-color:#DEE9F4;
        padding-top:16px;
}

div.direct_naar a, div.direct_naar_last a {      
        background: #728FB3 url('../images/bullet_linkbox.gif') no-repeat 9px 6px;      
        display: block;       
        padding: 5px 0px 0px 30px;      
        _padding-bottom: 5px;   
        min-height: 18px;       
        text-decoration: none;
        color: #FFF;       
}

div.direct_naar a {      
        border-bottom: 1px #FFFFFF solid;      
}

div.direct_naar_last a {     
        border-bottom: none;           
}

div#search {
                width: 164px;
                height: 37px;    
		padding: 9px 0px 0px 16px;
		_padding: 8px 0px -2px 14px;
		_margin-bottom: -5px;
		background: #FFD100;
	   
}
#search_box{
		width: 95px;
		height: 18px;
		border: 1px #666666 solid;
		margin-left: -4px;
}
#search_image {
	 	float: left;
	  margin-left: 96px;
		margin-top: -17px;
		_margin-bottom: -2px;
}

div#adress_title {
    color: #FFFFFF; 
    font-weight: bold;
    padding: 3px 0px 0px 17px;     
    float: left;
    width: 164px;
    background: #728FB3;
    height: 19px; 
}

div#adress {   
    float: left;
    width: 164px; 
    color: #404040;
    padding: 8px 0px 0px 18px; 
    text-align: left; 
    width: 164px;
    font-weight: normal;
    font-size: 90%;      
 }
div#adress_over	{		
    background: #DEEAF7;
    float: left;
    width: 164px;
    height: 166px;         
    _margin-bottom: -104px;        
    margin-bottom: -45px;          
}

div#adress_bottom {
    background: url('../images/bottom_mainmenu.gif') no-repeat 0px 0px;             
    margin-top: 185px;              
    _margin-top: 45px;
    width: 164px;   
    height: 44px;   
}

/*__________ WEBSITE NAVIGATIE __________*/

div#quickmenu {
    position: absolute;
    right: 8px;
    top: 69px;
    margin: 0px;
    display: inline;
    font-size: 90%;    
 }

div#quickmenu a {
    display: block;
    float: left;  
    text-decoration: none;
    color: #485EA2;    
    padding: 0px 10px 0px 12px; 
    font-weight: bold;   
}

.quickmenu-spacer {
                display: block;
                float: left;  
                text-decoration: none;
		width: 3px;
		height: 12px;  
		background: url("../images/border_quickmenu.gif") no-repeat 0px 2px;  
}

#quickmenu_item_first {
 		display: block;
    float: left;  
    text-decoration: none;
    color: #3C3C3C;   
    padding: 0px 12px 0px 19px;	
    background: none;	 
}

div#navigation {
    position: absolute;
    left: 0px;
    top: 237px;
    width: 165px;
    z-index: 20;    
    padding: 15px 0px 30px 0px;    
    border-right: 1px solid #9CA7AC;
    height: 100%; 
    _height: 100%;   
 }
 
div#stripes {
		width: 164px;
		height: 13px;    
		padding: 0px 0px 0px 0px;
		background: url('../images/stripes.gif') repeat-x;	
		_margin-bottom: -2px;   
}

div#stripes_direct_naar {
		width: 164px;
		height: 14px;    
		padding: 0px 0px 0px 0px;
		background: url('../images/stripes.gif') repeat-x;	
		_margin-bottom: -3px; 
		border-bottom: 1px solid #C6C6C6;				  	
}

div#navcontainer {
    margin: 0;
		padding: 0;
}

div#nav_space{
		background: #F0F0F0;
		height: 56px;			
		border-top: 1px solid #C5D6E7;		
}

div#nav_bottom{
		background: url('../images/bg_mainmenu_bottom.gif') no-repeat left bottom;
		height: 52px;	
		width: 164px;	
}

div#navigation ul {
		list-style-type: none;
    margin: 0;
    padding: 0;
}

div#navigation li {
    margin: 0;
		padding: 0;
}

div#navigation ul li a {
    text-decoration: none;
    display: block;
    width: 100%;    
    border-bottom: 1px #FFFFFF solid;
    _margin-bottom: -1px;
    color: #000000;
    padding: 3px 0px 4px 20px; 
    background: #B3D1F2; 
}
  
div#navigation ul li a.item_active {
    color: #FFFFFF !important;   
    border-bottom: 1px #FFFFFF solid;
    background: #3C79C2; 
}

div#navigation ul li a:hover {
    background: #3C79C2; 
}

div#navigation ul li a.item_nonactive {

}

div#navigation ul li ul li a {
 		background: #FBEEB5; 	
 		display: block;
	  border-bottom: 1px solid #FFFFFF;	 
		_margin-top: -1px;
		_margin-bottom: -1px;
		color: #000;
}

div#navigation ul li ul li a.subitem_nonactive {
  	background: #FBEEB5; 
  	border-bottom: 1px solid #FFFFFF;		  
}

div#navigation ul li ul li a.subitem_active {
		background: #FDD006;
		color: #000000;		
}

div#navigation ul li ul li a:hover {
		background-color: #FDD006;
                color: #000000;         
}

div#space_button{
     width: 20px;    
     float:left;
}  

div#button_back {
                  position: relative;
                  margin-right: -35px;
		  _margin-right: -35px;
	 	 margin-top: -20px;
	 	 _margin-top: -20px;
	 	 float: right;
}

div#button_up {
		  position: relative;
		  float: right;
		  margin-right: -35px;
		  _margin-right: -35px;
	  	margin-bottom: 372px;
		  _margin-bottom: 30px;
		  padding-top: 60px;
}

div#menu_title{
		position: absolute;
	  right: 21px;
	  top: 221px;   
	  color: #000000; 
	  padding-left: 12px;
	  background: url('../images/arrow_pagetitle.gif') no-repeat 0px;
	  font-size: 90%; 	  
}

div#space{
                height: 10px;   
}

div#content p {
   line-height: 18px;
}

div#intro {
    padding-top: 7px;    
}

div#quickmenu a#snelmenu_english {
    width: 20px;
    height: 10px;
    display: block;
    background: url('../images/engels.gif') no-repeat left 2px;
    margin: 0 0 0 10px;
}

div#quickmenu a#snelmenu_german {
    width: 20px;
    height: 10px;
    display: block;
    background: url('../images/duits.gif') no-repeat left 2px;
    margin: 0 5px 0 2px;
}

div.say_it_home, 
div.say_it_next {
    position: absolute;
    display: block;
    top: 10px; 
    right: 0px;  
    width: 94px;
    height: 29px;
}

div.say_it_next {
    right: 60px; 
}

a#say_it, 
div.tedownloaden ul.ul_lijst li.lijstitem_bullet a.readspeaker_doc {
    display: block;
    width: 94px;
    height: 29px;
    background: url('../images/but_leesvoor.gif') no-repeat;
}

div.tedownloaden ul.ul_lijst li.lijstitem_bullet a.readspeaker_doc {
    color: white;
    text-decoration: none;
    padding: 0px;
    font-size: 1px;
    text-align: center;
}