* {
    margin: 0;
    padding: 0;
}

body {
    background: url('img/bg.jpg') repeat-y center #dfdfdf;
    font-family: Arial, Verdana, Tahoma, sans-serif;
    font-size: 12px;
    line-height: 20px;
}

#container {
    margin: 0 auto;
    width: 980px;
}

#header span.leus {
    vertical-align: middle;
    position: absolute;
    color: #00456e;
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
    margin-top: 60px;
}

#header .zoeken {
    background-image: url('img/zoek_bg.jpg');
    background-repeat: no-repeat;
    float: right;
    height: 60px;
    width: 300px;
    padding: 6px 0;
}
#header .zoeken input[type=text] {
    float: left;
    width: 208px;
    padding: 7px;
    margin: 0 2px 0 10px;
    background: transparent;
    border: none;
    color: #6f6f6f;
}
#header .zoeken input[type=image] {
    height: 28px;
    float: right;
    margin-right: 8px;
}
#menu {
    position:absolute;
    top:125px;
    left:0;
    width:100%;
    height:50px;
    background: url('img/menu.png') 50% 50% no-repeat;
}
#menu ul#jsddm {
    margin:0 auto;
    width:980px;
}
#menu li {
    text-transform: uppercase;
    list-style: none;
    float: left;
    display: block;
    margin: 14px 10px;
}

#menu li a {
    color: #5e5e5e;
    text-decoration: none;
    font-weight: bold;
}
#menu li a:hover, #menu li a.active {
    color: #006699;
}

#menu li a.submenu_item {
	padding: 0px;
	padding-left: 18px;
	padding-right: 18px;
	font-weight: normal;
}

#menu li ul {	
	margin: 0;
	padding: 0;
	position: absolute;
	visibility: hidden;
	border-left: 1px solid #00456e;
	border-right: 1px solid #00456e;
	border-bottom: 1px solid #00456e;
    background-image: url('img/submenu_bg.png');
}

#menu li ul li {	
	float: none;
    margin: 0;
    padding: 0;
}

#menu li ul li a {
    display: block;
	width: auto;
    color: #fff;
    font-weight: bold !important;
    padding: 2px !important;
    margin-left: 10px;
    margin-right: 10px;
}

#menu li ul li a:hover {
    color: #c2dcec;
    text-decoration: underline;
}

.ad {
    background-image: url('img/stripes_grey.jpg');
    padding: 8px;
    margin-top: 10px;
}

.ad a {
    margin: 0;
    padding: 0;
}
.ad p {
    position: absolute;
    color: #7b7b7b;
    font-size: 11px;
}
.ad img {
    display: block;
    margin: 0;
    padding: 0;
}

a.leesmeer {
    color: #00679e;
    text-decoration: none;
    display: block;
    float: right;
}

img {
    vertical-align: middle;
}
a img {
    border: none;
}
img.imgleft {
    border: 1px solid #d6d6d6;
    float: left;
    margin: 0 5px 5px 10px;
}

a.squarelink {
    color: #00679e !important;
    font-weight: bold;
}
a.squarelink img {
    border: none;
    margin-right: 5px;
}


.small {
    font-size: 10px;
    padding: 0 !important;
    color: #103858;
}

#links h3, #rechts h3 {
    font-size: 16px;
    font-weight: normal;
    margin: 10px 0;
    font-weight: bold;
}
#links h3.kopmargin {
    margin: 10px;
}

.pagenumbers {
    text-align: center;
    vertical-align: middle;
    padding: 10px 5px 0 5px;
    color: #1b73a2;
}
.pagenumbers a {
    padding: 3px;
    color: #1b73a2;
    text-decoration: none;
}
.pagenumbers .pageactive {
    border: 1px solid #d6d6d6;
    background-color: #ffffff;
}
.pagenumbers .vorige {
    float: left;
    display: block;
    padding: 0 0 0 5px;
    margin: 0;
}
.pagenumbers .volgende {
    float: right;
    display: block;
    padding: 0 5px 0 0;
    margin: 0;
}
.letters {
    font-size: 15px;
    font-weight: bold;
    color: #004982;
}
.imgframe {
    float: right;
    border: 1px solid #d6d6d6;
    margin: 0 10px 10px 10px;
    background-color: #d6d6d6;
}
.imgframe img {
    display:block;
    padding: 0;
    margin: 0;
}
.imgframe .pagenumbers {
    padding: 0;
}
.nieuws-act {
    text-transform: uppercase;
    font-weight: bold;
    margin-left: 5px;
    color: #3e3e3e;
}
.nieuws-act img {
    margin-left: 5px;
    margin-right: 3px;
}
.nieuws-act a {
    color: #3e3e3e;
    text-decoration: none;
}
.tab80 {
    width: 80px;
    float: left;
}
.tab130 {
    width: 130px;
    float: left;
}
.tab300 {
    width: 230px;
    float: left;
}

/* Linker Kolom */
#links {
    width: 654px;
    float: left;
    margin-top: 10px;
}
#links a {
    color: #1b73a2;
    text-decoration: none;
}
#links .block {
    background: url('img/links_bg_middle.jpg') repeat-y;
    margin: 10px 0 10px 0;
}
#links .block h1 {
    background: url('img/links_bg_top.jpg') no-repeat;
    text-transform: uppercase;
    font-size: 18px;
    color: #262525;
    padding: 21px 10px 10px 10px;
}
#links .block h2 {
    text-transform: uppercase;
    color: #3e3e3e;
    margin: 10px;
    font-size: 15px;
}
#links .block p {
    padding: 0px 10px 0 10px;
}
#links .block p.footimg {
    margin: 0;
    padding: 0;
    background: url('img/links_bg_bottom.jpg') no-repeat;
    width: 100%;
    height: 25px;
    clear: both;
}

#links .block table {
    margin-left: 8px;
}

#links .block ul {
    margin-left: 22px;
}

#links hr {
    margin: 0 10px 0 10px;
    height: 1px;
    background-color: #dadada;
    border: none;
    margin-top: 10px;
}

#links .headline {
    width: 307px;
    height: 100px;
    float: left;
    margin: 20px 10px;
}

#links .groot {
    height: 150px;    
}

#links .grootn {
    height: 180px;
}

#links .klein {
    height: 70px;
}

#links h3 {
    color: #004982;
}
#links .headline img{
    float: left;
    border: 1px solid #d6d6d6;
    margin-right: 10px;
}

#links .threecol {
    width: 198px;
    float: left;
    padding: 0 10px;
}
#links .threecol a {
    color: #5e5e5e;
    text-decoration: none;
}
#links .columns {
    border-right: 1px solid #dadada;
    margin-top: 10px;
    width: 197px;
}
#links .columns img {
    border: 1px solid #ffffff;
}
#links .columns h3 a {
    color: #276da4;
}
#links .columns h3 {
    margin: 10px 0 2px 0 !important;
}
#links .achtergrond h3 a {
    color: #276da4;
    text-decoration: none;
}
#links .achtergrond h3 {
    margin: 10px 10px 2px 10px;
}
#links .berichttitel {
    padding: 10px;
}
#links .berichttitel h3 {
    margin-bottom: 0;
}

/* Rechter Kolom */
#rechts {
    width: 300px;
    margin-top: 10px;
    float: right;
}

#rechts .block {
    background: url('img/rechts_bg_middle.jpg') repeat-y;
    margin: 10px 0 10px 0;
}

#rechts .block h1 {
    background: url('img/rechts_bg_top.jpg') no-repeat;
    text-transform: uppercase;
    font-size: 18px;
    color: #012f54;
    padding: 21px 10px 10px 10px;
}

#rechts .block h2 {
    color: #276da4;
    font-size: 18px;
    font-weight: lighter;
    margin-bottom: 10px;
}

#rechts .block p {
    padding: 10px 8px 0 8px;
}

#rechts .block .brp {
    padding: 8px;
}

#rechts .block p.footimg {
    margin: 0;
    padding: 0;
    background: url('img/rechts_bg_bottom.jpg') no-repeat;
    width: 100%;
    height: 25px;
    clear: both;
}

#rechts .block form {
    margin-left: 8px;
    margin-right: 8px;
}

#rechts .block form input[type=submit]{
    cursor: pointer;    
}

#rechts .actie {
    background: url('img/actie_bg_middle.jpg') repeat-y;
}
#rechts .actie h1 {
    background: url('img/actie_bg_top.jpg') no-repeat;
}
#rechts .actie p.footimg {
    background: url('img/actie_bg_bottom.jpg') no-repeat;
}
#rechts ul {
    list-style: none;
    margin-left: 10px;
    width: 280px;
}
#rechts li ul {
    margin-left: 40px;
}
#rechts li {
    border-bottom: 1px solid #bfd3e2;
}
#rechts ul li li {
    border-bottom: none;
}

#rechts .block .sponsortop {
    height: 8px;
    width: 300px;
    background-image: url('img/sponsor_bg_top.jpg');
}
#rechts ul a {
    color: #4e4e4e;
    text-decoration: none;
}
#rechts ul a.active {
    font-weight: bold;
    color: #3f749e;
}

#rechts .block.sponsor {
    background: url('img/stripes_blue.jpg') repeat !important;
}

#rechts .block .ad100 {
    padding: 10px;
    clear: both;
}

#rechts .block .ad100 a {
    color: #000;
    text-decoration: none;
}

#rechts hr {
    margin-left: 8px;
    width: 285px;
    margin-top:10px;
    margin-bottom:1px;
    background-color:#bfd3e2;
    height: 1px;
    border: none;
}

#rechts a.blauw {
    color: #00679e;
    text-decoration: none;
}

#rechts .block .ad100 img {
    float:left;
    border: 1px solid #a4bfd3;
    padding: 2px;
    background-color: #fff;
    margin-bottom: 10px;
}

#rechts .block .ad100 p {
    float: left;
    width: 195px;
    padding-top: 0 !important;
    padding-left: 5px;
    padding-right: 0px;
}

#rechts .block .sponsorbottom {
    clear:both;
    height: 8px;
    width: 300px;
    background-image: url('img/sponsor_bg_bottom.jpg');
}

#rechts .block.sponsorblock {
    background: url('img/stripes_blue.jpg') repeat !important;
}

#rechts .block.sponsorblock img {
    float: left;
    padding: 12px 14px;
}

#footer {
    height: 230px;
    margin-top: 50px;
    background: url('img/footer_bg.jpg') repeat-x;
}

#footer_container {
    margin: 0 auto;
    width: 980px;
    background-image: url('img/footer_top_bg.jpg');
    background-repeat: no-repeat;
    background-position: top;
}

.footer_block {
    float:left;
    width: 316px;
    height: 200px;
    margin-top: 30px;
}

.footer_block h1 {
    font-size: 18px;
    color: #5bbff4;
    padding-bottom: 10px;
}

.footer_block p {
    color: #c0c5d1;
    width: 200px;
}

.footer_block li {
    color: #5bbff4;
    margin-left: 17px;
}

.footer_block li a {
    color: #c0c5d1;
    text-decoration: none;
}

.footer_block_spacer {
    float: left;
    width: 0px;
    height: 200px;
    border-right: 1px solid #384155;
    margin-top: 30px;
    margin-right: 10px;
}

.voetnoot {
    margin: 0 auto;
    color: #51a9d8;
    width: 220px;
    margin-top: 45px;
}

/* IMGbox */
#imgbox {
	width:300px;
	overflow:hidden;
}
#imgbox #imgbox-inner {
	height:133px;
	width:20000px;
}
#imgbox #imgbox-inner a {
	display:block;
	float:left;
}

/* Bedrijf aanmelden */
div#formulier{
	float:left;
	width:760px;
	margin-top: 20px;
}
#opmaak label{
	
	display:block;
	float:left;
	width: 170px;
	clear:right;
	}
#opmaak label.error{
	float:left;
	margin-left:4px;
	color:red;
	display:block;
	width:auto;
	clear:none;
}
#opmaak label em{
	font-weight:bold;
	font-size:15px;
	}
#opmaak span {
	float:left;
	display:block;
	width: 170px;
}

#opmaak input {
	float:left;
	color: #333;
	border: 1px solid #DCDCDC;
	padding-top: 2px;
	padding-bottom: 4px;
	background-color: #F5F5F5;
	font-size: 12px; 
	margin-right: 5px;
}

#opmaak input[type=submit]{
    background-color: #a4bfd3;
    color: #103858;
    padding: 2px 10px;
    font-weight: bold;
    border: none;
    cursor: pointer;
}

#opmaak p {
	margin-bottom: 5px;
	float:left;
}
.aanmeldform p{
	margin-bottom:5px;
	clear:both;
	width:500px;
}
#opmaak select {
	width: 300px;
	color: #333;
	border: 1px solid #DCDCDC;
	padding-top: 2px;
	padding-bottom: 4px;
	background-color: #F5F5F5;
	font-size: 12px;
}

#opmaak textarea {
	color: #333;
	border: 1px solid #DCDCDC;
	padding-top: 2px;
	padding-bottom: 4px;
	background-color: #F5F5F5;
	font-size: 12px;
	width: 299px;
	height: 150px;
}


/* Agenda */
p.line {
    margin: 0;
    padding: 0;
    line-height: 10px;
}

p.line a {
    text-decoration: none;
    color: #000;
}


/* Poll */
form.pollform input[type=submit]{
    background-color: #a4bfd3;
    color: #103858;
    padding: 2px 30px;
    font-weight: bold;
    border: none;
    margin-top: 15px;
}

p.antwoord {
	width: 100%;
	line-height: 10px;
	margin-bottom: 2px;
	margin-top: 7px;
	clear:left;
	float:left;
}

div.vraag p {
	font-weight:bold!important;
}

.balkje_achtergrond {
	width:280px;
	background-color:#a4bfd3;
	float:left;
	height: 20px;
    margin-left: 8px;
}

.percentage {
	background-color:#103858;
	height: 20px;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
}


/* Nieuwsbiref */
form.nieuwsbriefform input[type=text] {
    border: 1px solid #a4bfd3;
    margin: 2px;
    width: 235px;
}

form.nieuwsbriefform input[type=submit]{
    background-color: #a4bfd3;
    color: #103858;
    padding: 2px 77px;
    font-weight: bold;
    border: none;
    margin-top: 15px;
    margin-left: 45px;
}

/* Contactformulier */
p.dertig {
    float: left;
    width: 30%;
    margin-bottom: 2px;
    margin-left: -7px;
}

p.zeventig {
    float: left;
    width: 60%;
}

p.zeventig input[type=text]{
    padding: 3px;
    margin-bottom: 2px;
    border: 1px solid #ccc;
}

p.zeventig textarea{
    padding: 3px;
    border: 1px solid #ccc;
    width: 323px;
}

p.zeventig input[type=submit]{
    background-color: #a4bfd3;
    color: #103858;
    padding: 2px 10px;
    font-weight: bold;
    border: none;
    cursor: pointer;
}

.bedrijfslogo {
	position: absolute;
	z-index: 1;
	margin-left: 480px;
}
p.green,
p.orange,
p.red {
    font-weight:bold;
    width:621px;
    padding:6px 6px;
    margin:5px;
}
p.green {
    color:#32b244;
    background-color:#dcfce1;
    border:1px solid #b1dbb7;
}
p.orange {
    color:#9f6000;
    background-color:#feefb3;
    border:1px solid #9f6000;
}
p.red {
    color:#d84f40;
    background-color:#f6c6c4;
    border:1px solid #ed938f;
}