

/*__________ RESET DEFAULTS __________ */

* {
   padding: 0;
   margin: 0;

   -moz-box-sizing: border-box;
   box-sizing: border-box;
}



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

ul {
    margin: 0 0 0 15px;
}

/*__________ HTML DEFAULTS __________ */

body {
    font: 70%/150% Verdana, Helvetica, sans-serif !important;
    margin: 0;
    padding: 0;
	text-align:center;
}

body#home div#globalwrapper{
    background: #FFF url('../images/masterplan/bg_body_home.gif') repeat-y left top;
}

body#vervolg div#globalwrapper{
    background: #FFF url('../images/masterplan/bg_body_vervolg.gif') repeat-y left top;
}

a {
    color: #3366FF;
    text-decoration: underline;
}

a:hover {
    color: #666;
}

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

h6 a {
    color: #BA710F;
}

table {
    font-size: 100%;
	line-height: 150%;    
}

/*__________ SIMSITE DEFAULTS __________ */

ul.ul_lijst li a {
    color: #3366FF;
}

div#gekoppeldeitems a {
    display: inline !important;
}

/*______________ WEBSITE _______________ */

div#globalwrapper{
	text-align:left;
	position:relative;
	margin:auto;
        width:1000px;
}

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

div#header div#logo {
    background: #FFF url('../images/masterplan/logo.jpg') no-repeat left top;
    position: absolute;
    height: 79px;
    left: 769px;
    position: absolute;
    top: 15px;    
    width: 220px;
}

div#header div#navcontainer {
    background: #FFF url('../images/masterplan/balken.jpg') no-repeat left top;
    position: absolute;
    height: 40px;
    left: 0px;
    position: absolute;
    top: 65px;    
    width: 750px;
    z-index: 99;
}

div#homecontent {
    padding: 115px 0px 0px 265px;
    width: 740px;
}

div#vervolgcontent {
    padding: 135px 0px 0px 20px;
    width: 740px;
}

div#kolom_links {
    position: absolute;
	top: 104px;
    margin: 10px 0px 0px 5px;
}

a#link_binnenstadplan {
    background: #FFF url('../images/masterplan/binnenstadplan.jpg') no-repeat left top;
    position: absolute;
    width: 240px;
    height: 264px;
}

div#link_plandelen {
    background: #FFF url('../images/masterplan/plandelen.jpg') no-repeat left top;
    position: absolute;
    top: 275px;
    width: 240px;
    height: 272px;
}

div#link_plandelen a {
    display: block;
    position: relative;
}

a.meerinfo{color:#BA710F ! important; text-transform:lowercase;}

div#link_plandelen a#noorden {
    width: 75px;
    height: 25px;
    left: 134px;
    top: 38px
}

div#link_plandelen a#binnenstad {
    width: 70px;
    height: 16px;
    left: 135px;
    top: 115px
}

div#link_plandelen a#zuid {
    width: 72px;
    height: 27px;
    left: 126px;
    top: 155px
}

div#kolom_rechts {
    position: absolute;
    top: 104px;
    left: 750px;
    margin: 10px 0px 0px 5px;
    width: 250px;
}

a#link_econ_ontwikkeling {
    background: #FFF url('../images/masterplan/economischeontwikkeling.jpg') no-repeat left top;
    position: absolute;
    width: 240px;
    height: 112px;
}

div#kernprojecten {
    background: #E0DEF3 url('../images/masterplan/kernprojecten.jpg') no-repeat left top;
    position: absolute;
    width: 240px;
    top: 123px;
    padding: 40px 10px 25px 10px;
}

div#rechts_vervolg {
    position: absolute;
    width: 240px;
    padding: 20px 0px 0px 30px
}

div#vervolg_koppel {
    margin-top: 30px;
    margin: 30px 0 0 0;
    left: -20px;
    position: relative;
}

a#hetnieuwewonen {
    background: #E0DEF3 url('../images/masterplan/hetnieuwewonen.jpg') no-repeat left top;
    display: block;
    width: 480px;
    height: 192px;
    margin-top: 50px;
}


/* __________ NAVIGATIE _______________*/


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

div#navcontainer ul li {
    float: left;
    width: 150px;
    height: 40px;
    text-align: center;
}

div#navcontainer ul li a {
    color: #000;
    text-decoration: none;
    font-weight: bold;
    font-size: 150%;
    width: 100%;
    height: 100%;
    display: block;
    padding-top: 10px;
}

div#navigatie_links ul li a:hover {
    color: #000;
}

div#navcontainer ul li a.item_nonactive {
}

div#navcontainer ul li a.item_active {
}

div#navcontainer ul li ul.subcontainer {
    background-color: #E00538;
    padding: 2px 0px;
}

div#navcontainer ul li ul li a {
    font-weight: normal;
    color: #FFF;
    padding-left: 45px;
}

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

div#navcontainer ul li ul li a.subitem_active, 
div#navcontainer ul li ul li a.subitem_nonactive:hover {
    text-decoration: underline;
}

div#snelmenu span,
div#vervolg_koppel span {
    font-weight: bold;
    font-size: 120%;
    color: #BA710F;
}

div#snelmenu a,
div#vervolg_koppel a {
    color: #000;
    text-decoration: none;
}