* {
    font-family:Verdana, Arial, sans-serif;
    padding: 0;
    margin: 0;
}

body {
    background: #F0F0F0;
    font-size: 75%;
    line-height: 166%;
    color: #333333;
    text-align: center;
}

a {
	text-decoration: underline;
	color: #005A9C;
	font-weight: normal!important;
}

a:hover {
    text-decoration: underline;
	color: #005A9C;
	font-weight: normal;
	background-color: #FAE9A9;
}

a:active {
    text-decoration: underline;
    font-weight: normal;
    color: #005A9C;
}

a:visited {
    text-decoration: underline;
    font-weight: normal;
    color: #036FCE;
}

h6, div#intro, div.vervolg {
    color: #333333;
    display: inline;
}

#intro img,
.vervolg img {
    margin: 5px;
}

h6,
h6.rubriek,
h6.rubriek a {
	font-size: 75%;
	font-variant: normal;
    font-weight: normal;
    margin: 0;
}

h6.rubriektitel {
    font-size: 110%;
    font-variant: small-caps;
    font-weight: bold;
    padding: 0;
    margin: 0 0 30px 0;
    color: #005A9C;
}

/* WEBSITE */

div#globalwrapper {
    margin: 0 auto;
    width: 960px;
    text-align: left;
    background: #FFFFFF;
}

div#topbar {
    float: left;
    clear: both;
    width: 940px;
    padding: 10px;
    background: #fff;
    padding-bottom: 5px;
}

.logo {
    display:block;
    width:172px;
    padding-top:5px;
    float:left;
    margin-top:8px;
}

.logo:hover {
    background:none;
}

div#search {
    float: right;
    margin-top:12px;
    margin-bottom:8px;
}

input#keyword {
    border: 1px solid #005A9C;
    font-style: italic;
    width: 84px;
    font-size: 75%;
    padding: 0.25em 4px;
    vertical-align: top;
}

input#submit {
    background: #005A9C;
    font-weight: bold;
    color: #FFFFFF;
    border: none 0px;
    height: 19px;
    text-transform: uppercase;
    vertical-align: top;
    padding-bottom: 4px;
}

input#submit:hover {
    cursor:pointer;
}

ul#quickmenu {
    float: right;
    clear:right;
    list-style: none;
    padding: 0;
    margin: 0;
    font-size:91.7%;
}

ul#quickmenu li {
    float: left;
    margin: 0;
    padding:0 6px;
    background:url(../images/internet/quickmenu_li.gif) right 5px no-repeat;
}

ul#quickmenu li a {
    text-decoration:none;
}

ul#quickmenu li.vergroot,
ul#quickmenu li.leesvoor {
    background:none;
}

div#mediummenu {
    float: left;
    clear: both;
    width: 960px;
    background: #F4C829;
    border-bottom: 4px solid #005A9C;
}

div#mediummenu ul {
    float: left;
    list-style: none;
    padding: 10px 20px 0 20px;
}

div#mediummenu ul li {
    float: left;
    width: 150px;
    margin: 0 3px 0 0;
}

div#mediummenu ul li a {
    position: relative;
    display: block;
    width: 150px;
    background: url(../images/internet/top_medium_off.gif) no-repeat #FAE9A9;
    text-decoration: none;
}

div#mediummenu ul li a span {
    position: relative;
    display: block;
    width: 150px;
    min-height: 2.75em;
    padding: 0.5em 0;
    background: url(../images/internet/right_medium.gif) top right repeat-y;
    cursor: pointer;
}

div#mediummenu ul li a span span {
    position: absolute;
    display: block;
    width: 150px;
    min-height: 0;
    bottom: 0;
    padding: 0.5em 0;
    text-transform: uppercase;
    font-weight: normal;
    color: #005A9C;
    line-height: 133%;
    text-align: center;
    background: none;
}

div#mediummenu ul li a:hover,
div#mediummenu ul li a.medium_active {
    background: url(../images/internet/top_medium_on.gif) no-repeat #005A9C;
}

div#mediummenu ul li a:hover span,
div#mediummenu ul li a.medium_active span {
    color: #FFFFFF;
}

div#headerimage_portal {
    position: relative;
    float: left;
    clear: both;
    width: 960px;
    height: 214px;
    background: url() no-repeat #FFFFFF;
}

div#introtext {
    position: absolute;
    top: 65px;
    width: 380px;
    height: 60px;
    background: url(../images/internet/bg_introtext.png);
    padding: 10px;
    font-size: 90%;
    color: #FFFFFF;
}

div#headerimage {
    float: left;
    clear: both;
    width: 960px;
    height: 131px;
    background: url() no-repeat #FFFFFF;
}

div#columns_portal,
div#columns {
    float: left;
    clear: both;
    width: 930px;
    padding: 15px;
    background: #FFFFFF;
    color: #005A9C;
}

div#columns_portal h2 {
    font-size:108.3%;
}

div#columns_portal {
    line-height:105%;
    font-size: 90%;
}

/* PORTAL */
.col_left,
.col_middle,
.col_right {
    width:277px;
    float:left;
    margin-right:7px;
    overflow:hidden;
}

.col_left {
    width:362px;
}

.col_right {
    margin-right:0;
}

.col_middle .koppel_1 {
    min-height:226px;
}

.box {
    border:1px solid #075F9F;
    margin-bottom:6px;
    overflow:hidden;
}

.box h2 {
    background:#FADE75;
    padding:6px 12px;
}

.box .text,
.box ul,
.box table.simsite_table {
    padding:15px 10px;
	border-spacing: 0;
}

.box ul {
    list-style:none;
}

.box ul li,
.box table.simsite_table td {
    line-height:120%;
	padding: 0;
}

.box ul li a,
.box table.simsite_table a {
    display:block;
    padding:4px 0 4px 11px;
    background:url(../images/bullet_klein.gif) left 10px no-repeat;
}
/* clip item text in the uitagenda box */
.col_right .koppel_1 table.simsite_table a {
    padding: 4px 0 0 11px;
    margin-bottom: 4px;
}

.box ul li a:hover,
.box table.simsite_table a:hover {
    background-color:#FAE9A9;
}

.box .text p {
    margin-bottom:0.5em;
}

.box .cutter {
	max-height: 210px;
}
.box table#evenemententable a.meerinfo {
	display: none;
}

.digitaal_loket .text,
#alphabet {
    padding:0 10px;
}

.digitaal_loket .text p {
    margin-bottom:0.8em;
}

#alphabet {
    overflow:hidden;
    margin-bottom:6px;
    clear:both;
}

.digitaal_loket .text {
    margin-top:12px;
}

#alphabet a {
    display:block;
    width:14px;
    height:14px;
    float:left;
    background:#075F9F;
    margin-right:6px;
    margin-bottom:6px;
    color:#fff;
    text-decoration:none;
    text-align:center;
    font-size:90%;
}

#alphabet a:hover {
    background:#FADE75;
    color:#075F9F;
}

a.search_product,
.news a.more {
    display:inline-block;
    padding-top:2px;
    padding-bottom:2px;
    margin-left:10px;
    color:#00599B;
    text-decoration:underline;
}

.news { 
    position: relative;
}

.news a.more {
    position: absolute;
    right:21px;
    bottom:16px;
}

.text p img {
    margin-right:10px;
}

/* Hoogte instellen */
.news {
    height:403px;
}

.col_right .text_1 {
    min-height:226px;
    line-height:120%;
}

.col_left .text_1,
.col_left .digitaal_loket,
.col_middle .text_1,
.col_middle .text_2,
.col_right .koppel_1,
.col_right .text_2,
.col_right .text_3 {
    min-height:155px;
}

.col_middle .koppel_2 {
    height: 169px;
}

/* CONTENT */
div#columns div#leftcolumn {
    float: left;
    width: 150px;
    margin: 0 20px 0 0;
    padding-top:34px;
    background:url(../images/internet/left_balk.gif) left top no-repeat;
}

div#columns div#leftcolumn.gone {
    display: none;
}

div#columns div#leftcolumn div#navcontainer ul {
    list-style: none;
    margin: 0;
    padding: 12px 0 0 0;
}

div#columns div#leftcolumn div#navcontainer ul li {
    position: relative;
    background: url(../images/internet/bg_nav.gif) 15px bottom no-repeat;
    padding: 0 0 6px 0;
    margin: 0 0 4px 0;
}

div#columns div#leftcolumn div#navcontainer ul li a {
    display: block;
    width: 135px;
    border-left: 10px solid #FFFFFF;
    background: #FFFFFF;
    font-size: 90%;
    font-weight: normal;
    text-transform: uppercase;
    color: #0059AC;
    padding: 0 0 0 5px;
    text-decoration: none;
}

div#columns div#leftcolumn div#navcontainer ul li.hover a,
div#columns div#leftcolumn div#navcontainer ul li a.item_active {
    border-left: 10px solid #F4C829;
    background: #005A9C;
    color: #FFFFFF;
}

div#columns div#leftcolumn div#navcontainer ul li ul {
    position: absolute;
    top: -12px;
    left: 150px;
}

div#columns div#leftcolumn div#navcontainer ul li ul li {
    border-bottom: 1px solid #FFFFFF;
    background: none;
    padding: 0;
    margin: 0;
}

div#columns div#leftcolumn div#navcontainer ul li ul li a,
div#columns div#leftcolumn div#navcontainer ul li.hover ul li a {
    background: #005A9C;
    color: #FFFFFF;
    border: none;
    width: 145px;
    text-transform: none;
    display: block;
}

div#columns div#leftcolumn div#navcontainer ul li ul li a:hover {
    background: #F4C829;
    border: none;
    color: #015A9C;
}

div#columns div#centercolumn {
    float: left;
    width: 580px;
    margin: 0 20px 0 0;
    font-size: 90%;
}

div#columns div#centercolumn.wide {
    width: 747px;
    margin: 0;
}

div#columns div#centercolumn div#topbar {
    float: left;
    width: 560px;
    background: #005A9C;
    color: #FFFFFF;
    padding: 0 10px;
    margin: 0 0 30px 0;
}

div#columns div#centercolumn.wide div#topbar {
    width: 730px;
}

div#columns div#centercolumn div#topbar a {
    font-weight: normal;
    color: #FFFFFF;
}
div#columns div#centercolumn div#topbar a:hover {
    color: #015A9C;
    text-decoration: none;
}

div#columns div#centercolumn div#topbar div#pageoptions {
    float: right;
}

div#columns div#centercolumn div#topbar div#pageoptions a.logout {
    background: url(../images/internet/icon_uitloggen.gif) no-repeat;
    padding: 0 0 0 18px;
}

div#columns div#centercolumn div#content {
    float: left;
    /*min-height: 400px;*/
    height: auto;
    color: #333333;
    width: 100%;
}

div#columns div#centercolumn div#content h1,
div#columns div#centercolumn div#content h6 {
    font-size: 150%;
    font-variant: small-caps;
    font-weight: bold;
    padding: 0;
    margin: 0 0 30px 0;
    color: #005A9C;
}

div#columns div#centercolumn div#content h6 {
    margin: 0 0 11px 0;
}

div#columns div#centercolumn div#content ul,
div#columns div#centercolumn div#content ol {
    margin: 0 0 0 23px;
    width: auto;
}

div#columns div#centercolumn div#content ul li,
div#columns div#centercolumn div#content ol li {
    vertical-align: top;
}

div#columns div#centercolumn div#content ul.ul_lijst li.lijstitem_bullet {
    border-bottom: solid 1px #BFD6E6;
    padding-bottom: 5px;
}

div#columns div#centercolumn div#content div#intro ul li,
div#columns div#centercolumn div#content div#intro ol li {
    vertical-align: top;
    display: list-item;
}

div#columns div#centercolumn div#content h2, div#columns div#centercolumn div#content h6 {
    font-size: 130%;
    width: 100%;
    display: block;
}

div#footercontainer {
    float: left;
    width: 100%;
    text-align: center;
    background-color: #FFFFFF;
}

div#footer {
    clear:both;
    font-size: 83.3%;
    color: #005A9C;
    margin:0 auto;
    text-align:left;
    width:960px;
    background:#F4C829;
    padding:8px 0;
}

div#columns div#rightcolumn {
    float: left;
    width: 150px;
}

div#columns div#rightcolumn h2 {
    background: #FADE75;
    color: #005A9C;
    font-weight: normal;
    font-size: 100%;
    text-transform: uppercase;
    padding: 0 12px;
    margin: 0;
}

div#columns div#rightcolumn ul#quicklinks {
    list-style: none;
    padding: 10px 0 0 0;
    margin: 0 0 20px 0;
}

div#columns div#rightcolumn ul#quicklinks li {
    background: url(../images/internet/bg_quicklinks.gif) 9px bottom no-repeat;
    padding: 0 0 4px 0;
    margin: 0 0 2px 0;
}

div#columns div#rightcolumn ul#quicklinks li a {
    display: block;
    padding: 0 0 0 10px;
    width: 140px;
    font-size: 90%;
    font-weight: normal;
    color: #005A9C;
    text-transform: uppercase;
    text-decoration: none;

}

div#columns div#rightcolumn ul#quicklinks li a:hover {
    background: #F4C829;
    color: #005A9C;
}

div#columns div#rightcolumn ul#banners {
    list-style: none;
}

div#columns div#rightcolumn ul#banners li {
    margin: 0 0 10px 0;
}

img {
    border: none;
}

div#globalwrapper div#columns div#centercolumn div#content table.links_table tr td h6 {
    font-size: 100%;
}

a#readspeaker,
div.tedownloaden ul.ul_lijst li a.readspeaker_doc {
    display: block;
    width: 86px;
    height: 18px;
    background: url("../images/internet/lees-voor.gif") no-repeat;
}

div.tedownloaden ul.ul_lijst li a.readspeaker_doc {
    font-size: 1px;
    margin-left: 10px;
    line-height: 1px;
    color: white;
}

#searchformsite {

}

div.addthis_toolbox {
    display: block;
    float: right;
}