/*
De underscore en de asterix en de minus zijn hack's voor Internet Explorer.
Normale browser negeren CSS properties die ze niet kennen.
Maar Internet Explorer probeert uit alle macht er toch iets van te maken.

IE kent de min-height property niet maar met de volgende CSS code is er toch iets van te maken:

div#content{
   height: auto;
   min-height: 400px;
   _height: 400px;
}

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

h1 {
   font-size: 150%
}

h2 {
   font-size: 125%
}


/*__________ HTML DEFAULTS __________ */

body {
    margin: 0;
    padding: 0;   
    text-align: center;
}

h6 {
    font-size: 100%;
}

/* start auto css */
body {
    color: #000000;
    font-family: verdana;
    font-size: 70%;
    line-height: 120%;
    background: url("../images/internet/achtergrond_smaller.gif") repeat-y  center;   
}

a {
        color: #900;
        text-decoration: underline;
}

a:visited {
        color: #600;
        text-decoration: underline;
}

a:active {
        color: #900;
        text-decoration: underline;
}

a:hover {
        color: #330;
        text-decoration: underline;
}

ul.ul_lijst li a {
    color: #000000;
    font-weight: normal;
}


h6 {
    
}

h6.rubriektitel {
    
    font-family: ;
    font-weight: ;
}

span.kruimelspoor {
    color: #302E03;
    font-family: verdana;
    font-weight: normal;
}
/* end auto css */


table {
    font-size: 100%;
}

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


/*__________ SIMSITE DEFAULTS __________ */

ul.ul_lijst li a {
}

h6.rubriek {
}

h6.rubriek a {
}

div#rubrieken_wrap {
    width: 100%;
}


/*__________ WEBSITE __________ */

div#globalWrapper {
    margin: 0px auto;
    text-align: left;
    width: 988px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    min-height: 672px;
    _display: table;
    _height: 672px; 
    background: url("../images/internet/proefachtergrond.jpg") no-repeat;
}

div#globalWrapper img.background {
    z-index: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.global_actueel {
    background: url("../images/internet/proefachtergrond.jpg") no-repeat;
}
 
.global_bestuur {
    background: url("../images/internet/raadszaal_buiten.jpg") no-repeat;
}

.global_digitale {
    background: url("../images/internet/onderwijsachtergrond.jpg") no-repeat;
}
 
.global_bouwen {
    background: url("../images/internet/raadszaal_buiten.jpg") no-repeat;
}

.global_ondernemen {
    background: url("../images/internet/proefachtergrond.jpg") no-repeat;
}

.global_onderwijs {
    background: url("../images/internet/onderwijsachtergrond.jpg") no-repeat !important;
}

.global_werk {
    background: url("../images/internet/raadszaal_buiten.jpg") no-repeat;
}

.global_zorg {
    background: url("../images/internet/onderwijsachtergrond.jpg") no-repeat;
}

.global_vervoer {
    background: url("../images/internet/raadszaal_buiten.jpg") no-repeat;
}

.global_beeld {
    background: url("../images/internet/proefachtergrond.jpg") no-repeat;
}

.global_vrije {
    background: url("../images/internet/onderwijsachtergrond.jpg") no-repeat;
}

div#background_image {
    margin-top: 0px;
    margin-left: 0px;
    width: 988px;
    height: 672px;
    position: absolute;
}

div#background_image img {
    width: 988px !important;
    height: 672px !important;
}

div#top_repeater {
    width: 100%;
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    background: url("../images/internet/achtergrondbalk.gif") repeat-x;
    height: 150px;
}

div#header {
    width: 988px;
    height: 170px;
    position: absolute;
    top: 0px;
    left:0px;
}

div#header_left {
    position: absolute;
    display: block;
    width: 798px;
    height: 170px;
    opacity: 0.90;
    filter: alpha(opacity=90);
    background: transparent url("../images/internet/logokop_smaller.png") top right no-repeat;
}

div#header_link {
    position: absolute;
    display: block;
    left: 0px;
    top: 130px; 
    height: 20px; 
    width: 410px; 
}

div#header_link a {
    color: #CCCC99;
    font-size: 180%;
    text-decoration: none;
    font-weight: bold;
    position: absolute;
    top: 1px; 
    left: 10px;
    height: 20px;
}

div#header_menu {
    position: absolute;
    display: block;
    width: 610px;
    height: 40px;
    left: 210px;
    bottom: 0px;
}

div#snelmenu {
    background: #660000; 
    position: absolute;
    display: block;
    width: 800px;
    height: auto;
    min-height: 20px;
    _height: 20px;
    padding-right: 3px;
    left: 0px;
    top: 130px;
  
}
div#snelmenu a {
        color: #600;
        text-decoration: none;
        width: auto;
}

div#snelmenu a:visited {
        color: #600;
        text-decoration: none;
}

div#snelmenu a:active {
        color: #600;
        text-decoration: none;
}

div#snelmenu a:hover {
        color: #330;
        text-decoration: none;
} 

div#snelmenu_items {
    display: block;
    min-height: 20px;
    _height: 20px;
    height: auto;
    right: 5px;
    float: right;
}
div#snelmenu_items span a{
                width: auto;
}
div#snelmenu_items span a:visited {
    color: #fff;
}
div#snelmenu_items span a:hover {
    color: #CCCC99;
}
div#header_opacity {
    position: absolute;
    display: block;
    width: 588px;
    height: 20px;
    left: 0px;
    bottom: 0px;
    background: #cc9;
    padding-left: 20px;
    opacity: 0.90;
    filter: alpha(opacity=90);
}

li.lijstitem_bullet {
    padding-left: 0px !important;
}

span.kruimelspoor {
    display: block;
    padding-top: 1px;
    float: left;
}

span.kruimelspoor a {
    color: #330 !important;
    text-decoration: none;
    font-size: 90%;
    letter-spacing: 1px;
}

span.kruimelspoor a:hover {
    text-decoration: underline;
}

div#search_opacity {
    position: absolute;
    display: block;
    width: 190px;
    height: 20px;
    right: 0px;
    bottom: 0px;
    background: #cc9;
    opacity: 0.90;
    filter: alpha(opacity=90);
}

div#links {
    position: absolute;
    display: block;
    width: 588px;
    height: 20px;
    top: 150px;
    left: 210px;
    background: #cc9;
    padding-left: 20px;
    opacity: 0.90;
    filter: alpha(opacity=90);
}
  
div#containercontent {
    display: block;
    position: absolute;
    left: 210px;
    top: 170px;
    width: 500px;
    max-width: 500px;
    padding: 10px 15px 10px 20px;
    background: url("../images/internet/achtergrond_cirkel.gif") #fff no-repeat;
    opacity: 0.9;
    filter: alpha(opacity=90);
    z-index: 1;
}


div#ContentBox_wide {
    padding: 10px 10px 10px 10px;
    z-index: 300;
} 


div#ContentWitBreed {
    position: absolute;
    left: 480px;
    top:  0;   /* 124px; */
    height: 500px;
    width:  96px;
    background-color: white;
    opacity: 0.9;
    z-index:-1;
}


div#content {
    display: block;
    position: absolute;
    left: 210px;
    top: 170px;
    max-width: 595px;
    _width: 595px;
    min-height: 480px;
    _height: 20px;
    padding: 0px 15px 10px 20px;
    z-index:2;
}


div#content ol {
    margin-left: 25px;
}
div.stuk_verlopen {
    color: #7F7E7D;
}

div#content a {
    text-decoration: underline;
}

div#content div.nieuws_content {
    display: block;
    position: relative;
    padding: 0 0 5px 0;     
}

div.dots {
    background: url("../images/internet/dots.gif") no-repeat;
    display: block;
    margin-bottom: 10px;
    width: 465px;
    height: 1px;
}

div.page_title {
    font-weight: bold;
    font-size: 110%;
    margin-bottom: 10px;    
}

div.nieuws_titel {
    display: block;
    font-size: 120%;
    font-weight: bold;
}

div.nieuws_titel a {
    color: #000;
    text-decoration: none !important;
}

div.nieuws_titel a:hover {
    color: #660000;
    text-decoration: underline !important;
}

div.nieuws_intro {
    display: block;
    margin: 10px 0 10px 0;
}

div#right_bar {
    display: block;
    position: absolute;
    right: 0px;
    top: 170px;
    height: 502px;
    width: 190px;
    background-color: #600;
    opacity: 0.7;
    filter: alpha(opacity=70);
}

div#right_bar_absolute {
    display: block;
    position: absolute;
    right: 0px;
    top: 170px;
    height: 502px;
    width: 190px;
    z-index: 250;
}

div#address {
    display: block;
    position: relative;
    width: 100%;
    min-height: 245px;
    _height: 245px;
    padding: 5px 5px 5px 10px;
    background-color: #fff;
    color: #000;
    border-left: 1px dotted #600;
    font-size: 90%;
    line-height: 120%;
    margin-bottom: 10px;
}

div#direct_naar {
    padding: 8px 8px 12px 12px;
          margin-top: 0px;
          margin-left: 0px;
          margin-bottom: 10px;
          width: 169px;
          border-left: 1px dotted #600;  
    display: block;
    position: relative;       
    _height: 78px;
    min-height: 73px;
    background-color: #CCCCCC;
    margin-bottom: 10px;
    border-left: 1px solid #833625;
}

div#direct_naar_headline, 
div.direct_naar_item {
    display: block;
    position: relative;
    width: 100%;
}

div#direct_naar_headline {
    font-weight: bold;
    margin-bottom: 2px;    
}

li.boxes a {
    text-decoration: none;
    display: block;
    color: #600;
    
}

li.boxes a:hover {
    text-decoration: underline;
    color: #330;
}

ul.boxes, 
li.boxes {
    list-style-type: square;
    line-height: 130%;
    color: #600;
    margin: 0;
    padding: 0;
}

ul.boxes {
    padding-left: 2px !important;
}
  
div#footer {
    margin: 0px auto;
    border: 1px solid #ccc;
    width: 900px;
    height: 20px;
}

div#search {
    width: 190px;
    height: 44px;
    position: absolute;
    right: 0px;
    bottom: 20px;
    background: #ffffff;    
    font-size: 9px !important;
    
}

div#search form#searchformsite input#keyword {
    width: 106px;
    height: 19px;
    position: absolute;
    top: 3px; 
    left: 5px;
    color: #660000;
    background: #cc9;
    font-size: 9px !important;
    border: 2px inset #D4D0C8;
}

div#search form#searchformsite input#submit {
    position: absolute;    
    width: 60px;
    height: 20px;
    top: 2px; 
    right: 16px;            
    border: none;
    background: url("../images/internet/but_zoeken.gif") no-repeat;
    cursor: pointer;
}

/*__________ WEBSITE NAVIGATIE __________*/

div#snelmenu a {
    position: relative;
    display: block;
    min-width: 20px;
    _width: 20px;
    padding: 0 8px 0 8px;
    min-height: 12px;
    _height: 12px;
    text-decoration: none;
    float: left;
    color: #ffffff;    
        border-left: 1px solid #966;
}

div#snelmenu a:hover {
    color: #cccc99;
}

div#navigation {
    position: absolute;
    display: block;
    left: 0px;
    top: 170px;
    width: 210px;
    opacity: 0.90;
    filter: alpha(opacity=90);
}

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

div#navigation ul li {
    display: block;
    position: relative;
    _float: left;
}

div#navigation ul li a {
    text-decoration: none;
    font-weight: normal;
    display: block;
    width: 100%;
    min-height: 13px;
    _height: 22px;
    color: #000;
    padding-left: 10px;
    padding-top: 4px;
    background: #996;
    border-bottom: 1px solid #666;
    font-size: 100%;     
    padding-bottom: 4px;
}

div#navigation ul li a:hover {
    color: #600;
    background-color: #cc6;
}

div#navigation ul li ul li a {
    padding-left: 20px;
    color: #660000;
    background-color: #ccc;
    font-size: 90%;
}

div#navigation ul li ul li a:hover {
    background-color: #fff;
    color: #000;
}

div#navigation ul li a.item_nonactive {
}

div#navigation ul li a.item_active {
    background-color: #8B8A8B;    
}

div#navigation ul li a.item_active:hover {
    background-color: #8B8A8B !important;    
}

div#navigation ul li ul li a.subitem_nonactive {
}

div#navigation ul li ul li a.subitem_active {
    background-color: #fff;
    color: #660000;
}

p.word {
    display: block;
    min-height: 10px;
    _height: 10px;
}


a.lijstitem_titel {
    font-size: 100% !important;
    color: #000000 !important;
    font-weight: bold !important;
    text-decoration: none !important;
}

a.lijstitem_titel:hover {
    color: #600 !important;
    text-decoration: underline !important;
}

div.lijstitem_intro {
    padding-bottom: 17px;
    background: url("../images/internet/dots.gif") no-repeat bottom;
    margin-top: 2px;
}

a.meerinfo {
    color: #990000 !important;
}

a.meerinfo:hover {
    color: #333300 !important;
}
.a_img{
    position: relative;
}
.a_img img{
    position: relative;
}
.img_home {
    margin-bottom: 10px;
    position: relative;
}
div#koppelstuken{
    background-color: #cccccc;
    padding:0;
    
        border-left: 1px dotted #600;
}
div#koppel_body{
    position: relative;
        padding: 8px 8px 12px 12px;
        margin-top: 0px;
        margin-left: 0px;
        
        margin-bottom: 10px;
        width: 169px;

        background-color: #ccc;
        z-index: 260;
    
}
div#koppel_body ul li{
                
}
div#koppel_body ul li , div#koppel_body ul{
        list-style-type: square;
        line-height: 130%;
        color: #600;
        margin: 0;
        padding: 0;
        _padding-left: 3px;
}
div#koppel_body ul li a{
    color: #333300;
    text-decoration: none;
}
div#koppel_body ul li a:hover{    
    text-decoration: underline;
}

div#koppel_header{
    height: 28px;
    padding: 10px 0 0 12px;
    font-weight: bold;
}
img.xml_site_image {
    display: none !important;
}

div#continuous_bar { 
    display: block;
    position: absolute;
    bottom: 0px;
    height: 20px;
    width: 190px;
    background: #ffffff;
}

/* OPMAAK PHOTOBASE */
#PhotobaseForm fieldset {
    display: block;
    margin: 0px 0px 10px 0px;
}

#PhotobaseForm label {
    display: inline;
    margin: 10px 0px 0px 0px;
    padding: 0px 0px 0px 2px;
}

#PhotobaseForm label.sub {
    display: inline;
    margin: 10px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

#PhotobaseForm input {
    display: inline;
    width: 210px;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 100%;
}

#PhotobaseForm input.lookup {
    display: inline;
    width: 185px;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 100%;
}
#PhotobaseForm select {
    display: inline;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 100%;
}

#PhotobaseForm select.fixwidth {
    display: inline;
    width: 254px;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 100%;
}

#PhotobaseForm input.button {
    /*display: inline;*/
    width: auto;
    margin: 0 0 5px 0;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 100%;
    color: #600;
    background-color: #cc9;
} 

#PhotobaseForm input.buttoninline {
    display: inline;
    width: auto;
    margin: 0 0 5px 0;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 100%;
    color: #600;
    background-color: #cc9;
} 
/* EINDE OPMAAK PHOTOBASE */