@charset "utf-8";
/* CSS Document */

html, body				{ margin:0px; font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:11px; height:100%; width:100%;} 

.info				{ background-image:url(../gfx/jaarkaart/lineBackGr.gif); background-position:32px 0px; background-repeat:repeat-y; }
.special				{ background-image:url(../gfx/jaarkaart/lineBackGr2.gif); background-position:32px 0px; background-repeat:repeat-y; }

a img {
border:none;
}
a {
outline: 0;
text-decoration:none;
color:#4b4b4b;
}
a:hover {
text-decoration:underline;
}
ul {
margin:0px;
padding:0px;
list-style:none;
}
li {
margin:0px;
padding:0px;
}

/* HOME HEADER */
.home .header {
background-image:url(../gfx/jaarkaart/background.jpg);
background-repeat:no-repeat;
width:100%;
height:339px;
}
.home .header .logo {
position:absolute;
left:435px;
}
.home .header .price {
position:absolute;
top:75px;
left:529px;
}
.home .header .price div {
width:215px;
height:56px;
text-align:right;
margin-top:6px;
}
.home .header .titelBar {
position:absolute;
top:209px;
width:100%;
height:98px;
background-color:#c9e900;
background-image:url(../gfx/jaarkaart/balk_boven.gif);
background-repeat:no-repeat;
}
.home .header .titelBar .bestel {
position:absolute;
top:70px;
display:block;
width:176px;
height:17px;
background-image:url(../gfx/jaarkaart/animatie_home_l_01.gif);
}
.home .header .titelBar .bestel:hover {
background-image:url(../gfx/jaarkaart/animatie_home_l_01-over.gif);
}
.home .header .titelBar .geef {
position:absolute;
top:70px;
left:176px;
display:block;
width:176px;
height:17px;
background-image:url(../gfx/jaarkaart/animatie_home_2_01.gif);
}
.home .header .titelBar .geef:hover {
background-image:url(../gfx/jaarkaart/animatie_home_2_01-over.gif);
}
.home .header .links {
position:absolute;
left:673px;
top:311px;
}
.home .header .links a {
	font-size : 10px;
	color : #9E9C9D;
	display:block;
	text-align:right;
}
.home .header .links a:hover {
	font-size : 10px;
	color : #9E9C9D;
}

/* HOME CONTENT */
.home .content {
width:100%;
border-bottom: 1px solid #e2dde0;
float:left;
}
.home .content .container {
width:746px;
}
.grayBar {
width:100%;
background-color:#e2dde0;
height:46px;
position:absolute;
}
.home .content .left {
position:relative;
width:373px;
float:left;
}
.home .content .right {
position:relative;
width:371px;
float:left;
}
.home .content .titel {
width:371px;
height:46px;
background-color:#e2dde0;
border-right: 2px solid #FFFFFF;
}
.home .content .right .titel {
background-color:#e2dde0;
border-right:none;
}
.home .content .list {
width:371px;
min-height:116px;
-height:116px;
border-right: 2px solid #c9e900;
}
.home .content .right .list {
border-right:none;
}
.home .content .list ul {
padding-top:13px;
margin-left:27px;
padding-bottom:13px;
}
.home .content .list ul li {
list-style:none;
margin-bottom:3px;
}
.home .content .list ul li a {
font-weight :bold;
color:#4b4b4b;
background-image:url(../gfx/jaarkaart/home_link_arrow.gif);
background-repeat:no-repeat;
background-position:0px 3px;
padding-left:24px;
}

/* HOME FOOTER */
.footer {
width:727px;
height:80px;
float:left;
}
.home .footer {
width:753px;
}
.footer .banner {
position:relative;
top:11px;
left:3px;
width:50%;
}
.footer .logo {
float:right;
margin-top:3px;
margin-right:32px;
}

/* INFO HEADER */
.info .header {
	position:absolute;
	left:32px;
	width:517px;
	height:94px;
	border-left: 1px solid;
	border-right: 1px solid;
	border-color: #c9e900;
}
.info.special .header {
	width:666px;
}
.info .header .logo {
	position:absolute;
	top:14px;
	left:205px;
}
.info .header .link a {
	display:block;
	width:99px;
	height:17px;
	position:absolute;
	top:7px;
	left:-6px;
	background-image:url(../gfx/jaarkaart/back_2_start.gif);
}
.info .header .link a:hover {
	background-image:url(../gfx/jaarkaart/back_2_start_ro.gif);
}
.info .header .link-back a {
	display:block;
	width:150px;
	height:17px;
	position:absolute;
	top:25px;
	left:-6px;
	padding-left: 15px;
	background-image:url(../gfx/jaarkaart/arrow-back.gif);
	background-repeat: no-repeat;
	color: #C9E900;
}

/* INFO CONTENT */
.info .content {
position:absolute;
width:720px;
top:94px;
background-image:url(../gfx/jaarkaart/lineLightGreen.gif);
background-position:550px 0px;
background-repeat:repeat-y;
}
.info .content .center {
float:left;
width:720px;
}
.info .content .left {
float:left;
width:530px;
}
.info .content .left .container {
width:500px;
}
.info .content .right {
float:right;
width:190px;
}
.mkbankgiroactie .content .right {
display:none;
}
/* INFO BLOCKS */
.info .content .block.gray .greenBg {
background-color:#75a309;
}


/* bar */
.info .block .bar {
padding-left:43px;
height:31px;
background-color:#75a309;
background-image:url(../gfx/jaarkaart/lineWhite.gif);
background-position:32px 0px;
background-repeat:repeat-y;
}
.info .block .bar img {
margin-top:8px;
}
.info .block .steptitle span {
color: #FFFFFF;
font-size: 17px;
display: none;
}
.nextstep {
color: #FFFFFF;
font-size: 14px;
font-weight: bold;
display: none;
}
.bottom a:hover {
  text-decoration: none;
}
.info .block .bar .title {
font-size:15px;
font-weight:bold;
color:#FFFFFF;
padding-top:6px;
font-family : Arial, Helvetica, sans-serif;
}

.info .specialGrayBlock .bar .title {
font-size:15px;
font-weight:bold;
color:#F3FF00;
padding-top:6px;
padding-right: 30px;
font-family : Arial, Helvetica, sans-serif;
}

/* spacer */
.info .block .yellowSpacer {
height:5px;
background-color:#f3ff00;
background-image:url(../gfx/jaarkaart/lineGreen.gif);
background-position:32px 0px;
background-repeat:repeat-y;
}
.info .block .spacer {
height:15px;
background-color:#FFFFFF;
background-image:url(../gfx/jaarkaart/lineLightGreen.gif);
background-position:32px 0px;
background-repeat:repeat-y;
}
.info .block .whiteSpacer {
height:15px;
background-color:#FFFFFF;
background-image:url(../gfx/jaarkaart/lineLightGreen.gif);
background-position:32px 0px;
background-repeat:repeat-y;
}

/* block content */
.info .block .blockContent {
padding:12px;
padding-left:43px;
color:#4b4b4b;
padding-bottom:21px;
}
.info .block.green .blockContent {
background-color:#c9e900;
background-image:url(../gfx/jaarkaart/lineGreen.gif);
color:#000000;
line-height:16px;
background-position:32px 0px;
background-repeat:repeat-y;
}
.info .green .blockContent {
background-position:32px 0px;
}
.info .block.green .blockImages {
background-color:#c9e900;
background-image:url(../gfx/jaarkaart/lineGreen.gif);
color:#000000;
line-height:16px;
background-position:32px 0px;
background-repeat:repeat-y;
padding-left:43px;
clear: both;
}

.info .block.green .blockContent .container {
	
}
.info .block.gray .blockContent {
background-color:#f0ebee;
background-image:url(../gfx/jaarkaart/lineGray.gif);
background-position:32px 0px;
background-repeat:repeat-y;
}

.info .block .blockContent a {
font-weight:bold;
color:#4b4b4b;
}
.info .block .blockContent .link {
padding-top:3px;
margin-bottom:8px;
}
.info .block .blockContent .titel {
font-weight:bold;
margin-bottom:20px;
}
.info .block .blockContent .text {
line-height:15px;
}
.info .block .blockContent .text table {
font-size: 10px;
color: #4b4b4b;
}
.info .block .blockContent ul li {
margin-bottom:5px;
padding-left:10px;
background-position:0px 5px;
}
.info .block .blockContent ul li a {
line-height:16px;
}
.info .block .blockContent ul {
margin-top: 10px;
margin-left: -10px;
}
.info .block .blockContent ul li {
background-image:url(../gfx/jaarkaart/arrowGreen.gif);
background-repeat:no-repeat;
}
.info .block .blockContent ul li a {
font-weight: normal;
}

.info .block .blockContent ul.contentList {
margin-top:13px;
}

.info .block .blockContent ul.contentList li {
vertical-align:top;
margin-bottom:13px;
background-image:none;
}
.info .block .blockContent ul.contentList li a {
color:#000000;
background-image:none;
}
.info .block .blockContent ul.contentList li img {
position:absolute;
left:0px;
margin-top:-2px;
}

/* #longtext */
.info .block.longText {
background-image:url(../gfx/jaarkaart/lineLightGreen.gif);
background-position:32px 0px;
background-repeat:repeat-y;
}
.info .block.longText .blockContent {
padding-right:20px;
padding-bottom:10px;
}
.info .block.longText .bar {
height:7px;
background-color:#c9e900;
background-image:url(../gfx/jaarkaart/lineGreen.gif);
}
.info .block.longText .bar.bottomSpace {
margin-top:30px;
}
.info .block.longText .yellowSpacer {
height:3px;
background-color:#f3ff00;
}
.info .block.longText .titel {
margin-bottom:0px;
color:#000000;
}
.info .block.longText .text {
color:#000000;
}

/* #special */
.info.special .content {
background-position:699px 0px;
}
.info.special .block.green {
/*width:440px;*/
width:439px;
margin:0px;
}

/* block rechtsboven */
.info.special .specialGrayBlock {
width:278px;
position:absolute;
left:441px;
}
.info.special .specialGrayBlock .bar {
background-color:#969094;
background-image:url(../gfx/jaarkaart/lineWhite.gif);
background-position:258px 0px;
background-repeat:repeat-y;
height:31px;
text-align:right;
}
.info.special .specialGrayBlock .bar img {
margin-right:31px;
margin-top:9px;
}
.info.special .specialGrayBlock .blockContent {
background-color:#f0ebee;
}
.info.special .specialGrayBlock .graySpacer {
height:5px;
background-color:#cfc6cb;
}
.info.special .specialGrayBlock .blockContent {
height:168px;
}
.info.special .specialGrayBlock .blockContent .container {
padding-left:34px;
}
.info.special .specialGrayBlock .blockContent .container div {
padding-top:15px;
}
.info.special .specialGrayBlock .blockContent .container div p {
margin-top:0;
padding-top:0;
}
.info.special .specialGrayBlock .blockContent .container div a {
font-weight:bold;
}

/* block green left */
.info.special .block.green .blockContent {
padding:0px;
}
.info.special .block .blockContent .container {
padding:43px;
padding-top:10px;
padding-right:34px;
padding-bottom:16px;
}
.info.special .block.gray .blockContent {
background-color:#f0ebee;
background-image:url(../gfx/jaarkaart/lineGray.gif);
background-position:258px 0px;
background-repeat:repeat-y;
padding:0px;
}
.info.special .block .blockContent {
height:168px;
}
.info.special .block .graySpacer {
height:5px;
background-color:#cfc6cb;
background-image:url(../gfx/jaarkaart/lineWhite.gif);
background-position:258px 0px;
background-repeat:repeat-y;
}
.info .specialBlock .bar {
height:7px;
background-color:#c9e900;
background-image:url(../gfx/jaarkaart/lineGreenSpec.gif);
background-position:32px 0px;
background-repeat:repeat-y;
}
.info .specialBlock .yellowSpacer {
height:3px;
background-color:#f3ff00;
background-image:url(../gfx/jaarkaart/lineGreenSpec.gif);
background-position:32px 0px;
background-repeat:repeat-y;
}
.info .specialBlock .container {
height:86px;
padding-left:42px;
background-image:url(../gfx/jaarkaart/lineLightGreen.gif);
background-position:32px 0px;
background-repeat:repeat-y;
}
.info .specialBlock .img {
float:right;
padding-left:10px;
padding-right:10px;
background-color:#c9e900;
}
.info .specialBlock .img img {
width:108px;
height:86px;
}
.info .specialBlock .titel {
padding-top:6px;
padding-bottom:1px;
}
.info .specialBlock .titel a {
font-size:19px;
font-weight:bold;
color:#75a309;
background-image:url(../gfx/jaarkaart/overview_arrow.gif);
background-repeat:no-repeat;
background-position:right;
padding-right:33px;
font-family:Arial, Helvetica, sans-serif;
}
.info .specialBlock .titel a:hover {
text-decoration:none;
color:#c9e900;
}

.info .specialBlock .text {
font-weight:bold;
color:#4b4b4b;
font-size:10px;
}
.info .specialBlock p {
margin: 0;
padding: 0;
}
.info .specialBlock .link {
margin-top:5px;
}
.info .specialBlock .link a {
font-weight:bold;
color:#4b4b4b;
}
.info .specialBlock .spacer {
height:15px;
background-color:#FFFFFF;
background-image:url(../gfx/jaarkaart/lineLightGreenSpec.gif);
background-position:32px 0px;
background-repeat:repeat-y;
}

/* #form */
input {
border: 1px solid #4b4b4b;
color:#4b4b4b;
font-size:11px;
width:190px;
padding-left:2px;
margin-right:5px;
}
.inputlong input {
width:355px;
}
textarea {
border: 1px solid #4b4b4b;
color:#4b4b4b;
font-size:11px;
width:190px;
height:100px;
padding-left:2px;
margin-right:5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
select {
border: 1px solid #4b4b4b;
color:#4b4b4b;
font-size:11px;
width:192px;
margin:0px;
padding:0px;
margin-left:-4px;
}
.width1 {
width:25px;
}
.width2 {
width:59px;
}
.width3 {
width:120px;
}
.width4 {
width:35px;
}
.radio {
margin:0px;
padding:0px;
width:auto;
margin-right:2px;
margin-left:2px;
border: 0;
vertical-align: top;
}
.checkBox {
margin:0px;
padding:0px;
width:15px;
margin-right:5px;
border: 0;
}

/* standards */
.info .block.form .errorMsg {
color:#fa0000;
font-weight:bold;
margin-bottom:10px;
font-size:11px;
display: none;
}
.info .block.form .errorMsg img {
margin:0px;
padding:0px;
}
.info .block.form .Msg {
margin-bottom:10px;
font-size:11px;
}
.info .block.form .Msg img {
margin:0px;
padding:0px;
}
.info .block.form .bar {
height:22px;
background-color:#969094;
}
.info .block.form .bar .text {
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
color: #FFF;
padding-top: 6px;
}
.info .block.form div {
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
}
.info .block.form .graySpacer {
height:3px;
background-color:#cfc6cb;
background-image:url(../gfx/jaarkaart/lineWhite.gif);
background-position:32px 0px;
background-repeat:repeat-y;
}
.info .block.form .blockContent {
background-color:#f0ebee;
background-image:url(../gfx/jaarkaart/lineWhite.gif);
background-position:32px 0px;
background-repeat:repeat-y;
}
.info .block.form .bar.bottom a {
background-image:url(../gfx/jaarkaart/arrowGray.gif);
background-position:0px 0px;
background-repeat:no-repeat;
padding-left:10px;
margin-left:-10px;
}
.info .block.form .bar.bottom {
height:25px;
}
.info .block.form .bar.bottom img {
margin-top:7px;
}
.info .block.form .titel {
font-size:11px;
}
.info .block.form .text {
margin-bottom:5px;
}
.info .block.form .text table .space {
padding-bottom:25px;
}
.info .block.form .formulier .input,
.info .block.form .formulier .inputlong {
margin-bottom:5px;
font-size:11px;
line-height:15px;
}
.info .block.form .formulier img {
position:absolute;
margin-left:-43px;
}
.info .block.form .formulier img.ideal-img {
position:relative;
margin-left:0;
}
.info .block.form .formulier .input span {
width:165px;
display:inline-block;
}

/* bestelling */
.info .block.form.bestelling .bar {
height:31px;
}
.info .block.form.bestelling .bar.bottom {
height:25px;
}
.info .block.form.bestelling .bar img {
margin-top:5px;
}
.info .block.form.bestelling .titel {
margin-bottom:0px;
}
.info .block.form.bestelling .formulier {
margin-bottom:25px;
}
.info .block.form.bestelling .bar.bottom.lightGray {
background-color:#f0ebee;
background-image:url(../gfx/jaarkaart/lineDarkGray.gif);
background-position:32px 0px;
background-repeat:repeat-y;
}
.info .block.form.bestelling .bar.bottom.lightGray a {
background-image:url(../gfx/jaarkaart/arrowDarkGray.gif);
color:#4b4b4b;
}
.info .block.form.bestelling .bar.bottom a.vorige {
background-image:none;
float:right;
background-image:none;
color:#ffffff;
margin-top:6px;
margin-right:12px;
}
.info .block.form.bestelling .blockContent.dark {
background-color:#969094;
color:#FFFFFF;
}

.info .block.form.bestelling .bar.bottom a.vorige.dark {
color:#4b4b4b;
}


/* spacer */
.info .block .yellowSpacer {
height:5px;
background-color:#f3ff00;
background-image:url(../gfx/jaarkaart/lineGreen.gif);
background-repeat:repeat-y;
}



/* MENU BLOCKS */

/* bar */
.info .menuBlock .bar {
padding-left:31px;
height:31px;
}
.info .menuBlock .bar .title {
font-size:15px;
font-weight:bold;
color:#FFFFFF;
padding-top:4px;
font-family : Arial, Helvetica, sans-serif;
padding-top: 6px;
}
.info .menuBlock .bar img {
margin-top:6px;
}
.info .menuBlock.green .bar {
background-color:#75a309;
background-image:url(../gfx/jaarkaart/lineWhite.gif);
background-position:32px 0px;
background-repeat:repeat-y;
}
.info .menuBlock.gray .bar {
background-color:#969094;
background-image:url(../gfx/jaarkaart/lineWhite.gif);
background-position:32px 0px;
background-repeat:repeat-y;
}

/* spacer */
.info .menuBlock .spacer {
height:3px;
}
.info .menuBlock.green .spacer {
background-color:#f3ff00;
background-image:url(../gfx/jaarkaart/lineGreen.gif);
background-position:32px 0px;
background-repeat:repeat-y;
}
.info .menuBlock.gray .spacer {
background-color:#cfc6cb;
background-image:url(../gfx/jaarkaart/lineWhite.gif);
background-position:32px 0px;
background-repeat:repeat-y;
}

/* content */
.info .menuBlock .blockContent {
padding:9px;
padding-bottom:12px;
padding-left:21px;
color:#4b4b4b;
line-height:16px;
}
.info .green .blockContent {
background-color:#c9e900;
background-image:url(../gfx/jaarkaart/lineGreen.gif);
background-position:32px 0px;
background-repeat:repeat-y;
}
.info .gray .blockContent {
background-color:#f0ebee;
background-image:url(../gfx/jaarkaart/lineGray.gif);
background-position:32px 0px;
background-repeat:repeat-y;
}
.info .menuBlock .blockContent .text {
margin-left:10px;
margin-bottom:3px;
}
.info .menuBlock.green .blockContent .text {
color:#000000;
}

.info .menuBlock .blockContent a {
color:#000000;
}
.info .menuBlock .blockContent ul li {
margin-bottom:5px;
padding-left:10px;
background-position:0px 5px;
}
.info .menuBlock .blockContent ul li a {
line-height:16px;
}
.info .menuBlock.gray ul li a {
color:#4b4b4b;
}
.info .menuBlock.green ul li {
background-image:url(../gfx/jaarkaart/arrowGreen.gif);
background-repeat:no-repeat;
}
.info .menuBlock.gray ul li {
background-image:url(../gfx/jaarkaart/arrowGray.gif);
background-repeat:no-repeat;
}
/* zoeklist */
.info .block.form.zoeklist .bar {
height:31px;
}

.info .block.form .prevNext {
color:#b4bdb9;
padding-top:9px;
}
.info .block.form .prevNext a {
color:#FFFFFF;
}

.info .block.form.zoeklist ul {
margin-bottom:-4px;
}
.info .block.form.zoeklist ul li {
font-weight:bold;
font-size:11px;
margin-bottom:4px;
background-image: none;
}
.info .block.form.zoeklist ul li ul {
margin-bottom:10px;
}
.info .block.form.zoeklist ul li ul li {
margin-bottom:2px;
}
.info .block.form.zoeklist ul li ul li a {
font-weight:normal;
font-size:11px;
}

.info .block.form.zoeklist .optionBox {
float:right;
padding-top:6px;
}
.info .block.form.zoeklist .optionBox select {
width:110px;
background-color:#e3e3e3;
margin-right:20px;
margin-top:1px;
}


.info .right .green .bar,
.info .right .gray .bar,
.info .right .green .spacer,
.info .right .gray .spacer,
.info .right .green .blockContent,
.info .right .gray .blockContent {
background-position:20px 0px;
}