@charset "utf-8";
@import url("editinplace.css");

html, body {width: 100%;}

body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000;
    background-color: #fff;
    margin: 0px;
    padding: 0px;
    text-align: center;
}
img {
    border: none;
}
#niet_beschikbaar{
    margin: 0px 0 0 32px;
}
#niet_beschikbaar a{
    margin-right: 40px;
}
#niet_beschikbaar h1, #niet_beschikbaar h2{
    margin-left: 0px;
}
a{
    color: #fff;
    text-decoration: underline;
}
#main {
    color: #fff;
    width: 980px;
    min-height: 400px;
    margin-top: 1px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    background-image: url(../images/bgMain.gif);
    overflow: hidden;
    text-align: left;
}

#main #aanmelden{
    position: absolute;
    margin: 12px 0 0 430px;
}
#madness #aanmelden {
	margin: 18px 0 0 430px;

}
#main #adres_info{
    position: absolute;
    margin: 10px 0 0 810px;
}
#madness #adres_info {
	margin-top: 0;
}
#adres_info h3{
    margin: 0;
    padding: 0;
    font-size: 17px;
}
#adres_info h2{
    /* font-family: "Arial black", Arial, Helvetica, sans-serif;  */
    margin: 0;
    padding: 0;
    line-height: 16px;
    font-size: 25px;
    font-weight: 1000;
}
#adres_info #adres_gegevens{
    border-top: 1px solid #fff;
    padding-top: 10px;
    margin-top: 10px;
    color: #D0D0D0;
    font-size: 10px;
}
#adres_info #adres_gegevens a{
    color: #D0D0D0;
}


#iframe1,  #iframe2{
    width: 980px;
    margin-right: auto;
    margin-left: auto;
    clear:both;
}
#iframe1{
    height: 168px;
}

#content{
    margin: 0 55px 100px 55px;
    font-size: 11px;
}
#meer_over{
    margin: 0 0 50px 50px;
    width: 416px;
    float: left;
    display: inline;
}
#meer_over img{
    border: none;
}
#contactform{
    width: 470px;
    float: left;
}
#contactform #contact{
    overflow: hidden;
    width: auto;
}
#contactform #contact .line{
    margin-top: 10px;
    margin-bottom: 10px;
    width: auto;
}

#contactform #contact .line label{
    width: 80px;
}
#contactform #contact .line input{
    width: 276px;
}
#contactform #contact .line textarea{
    font: 11px Arial, Helvetica, sans-serif;
    width: 272px;
}
#contactform #contact #action{
    margin-left: 287px;
}

	
#left #madnessPic {
	border: 4px solid #5b5b5b;
	margin-left: 50px;
	position: relative;
	width: 265px;
	background-color: #FFF;

}
#left #madnessPic img {
	display: block;
	margin: 0;
}
#left #madnessPic #corner {
	position: absolute;
	top: 0;
	right: 0;
}
#left #picture {
    border: 4px solid #5b5b5b;
    margin-left: 50px;
    width: 265px;
    height: 300px;
}
#left #picture2 {
    border: 4px solid #5b5b5b;
    margin-left: 50px;
    width: 257px;
    height: 292px;
}
#left {
    float: left;
    width: 370px;
}
#left h3{
    font-weight: bold;
    font-size: 11px;
}

#left #highlights{
    font-size: 10px;
    margin: 30px 0 0 50px;
}
#left #omschrijving{
    font-size: 10px;
    margin: 10px 0 0 50px;
    width: 280px;
}
#left #omschrijving table{
    width: 100%;
}

#left a img{
    border: none;
}
#left #meer_over_mania{
    display: block;
    margin: 40px 0 0 172px;
}


#left #madnessPrijs {
	margin: 0 0 0 50px;
}
	#left #madnessPrijs h3 {
		font-size: 20px;
		margin-bottom: 5px;
	}
	#left #madnessPrijs p.oudeprijs {
		text-decoration: line-through;
		color: #ca0000;
		font-size: 18px;
		margin: 0 0 5px 0;
		font-weight: bold;
	}
	#left #madnessPrijs p.huidigeprijs {
		display: block;
		width: 265px;
		height: 70px;
		position: relative;
		margin: 0 0 15px 0;
		overflow: hidden;
	}
	#left #madnessPrijs .huidigeprijs span.nu {
		position: absolute;
		left: 0;
		top: 0;
		font-size: 40px;
		color: #43c213;
		font-weight: bold;
	}
	#left #madnessPrijs .huidigeprijs em {
		position: absolute;
		left: 0;
		top: 35px;
		font-size: 18px;
		color: #fff;
		font-weight: bold;
	}
	#left #madnessPrijs .huidigeprijs b {
		position: absolute;
		display: block;
		line-height: 62px;
		left: 70px;
		top: 0;
		font-size: 62px;
		color: #43c213;
		font-weight: bold;
	}
	#left p.madnessTekst {
		font-size: 12px;
		margin: 0 0 5px 0;
	}
	#left #madnessPrijs h3.meter {
		font-size: 20px;
		color: #43c213;
		font-style: italic;
		margin: 0 0 0px 0;
	}

#left #madnessMeter {
	border: 4px solid #5b5b5b;
	margin-left: 50px;
	position: relative;
	width: 265px;
	height: 23px;
	background: url(../images/meter_bg.gif) repeat-x;
}
#left #madnessMeter p {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	height: 23px;
	background: url(../images/meter_load.gif) repeat-x;
	text-indent: -999px;
	margin: 0;
}

#right {
    width: 600px;
    float: right;
}
#right_helaas {
    padding-left: 100px;
    margin-bottom: 250px;

}

#heading {
    padding-top: 10px;
    height: 80px;
}
#heading h1{
    margin: 5px 0 3px 0;
    font-size: 18px;
    padding: 0;
}
#heading img{
    margin: 0 10px 0 15px;
    float: left;
}

h1 {
    font-size: 16px;
    margin-left: 20px;
    margin-top: 10px;
    margin-bottom: 2px;
}
h2 {

    font-size: 13px;
    margin-left: 20px;
    margin-top: 0px;
}

#intro{
    margin: 0 0 0 20px;
    width: 300px;
}
#right_helaas #intro{
    width: auto;
}

form{
    width: 420px;
    margin: 10px 0 150px 30px;
}

form .line{
    margin: 5px 0;
    overflow: hidden;
    width: 570px;
}
b.error{
    font-weight: normal;
    font-size: 10px;
    color: #D00000;
}

form .line label{
    display: block;
    float: left;
    width: 180px;
    padding: 0 0 0 20px;
}

form .label{
    margin: 20px 10px 15px 0;
    border-bottom: 1px solid #5A5A5A;

}
form .label h2{
    margin-left: 20px;
    font-weight: bold;
    font-size: 12px;
}

form .field{
    float: left;
    width: 195px;
}
form .field input{
    border: 1px solid #8F8F8F;
    width: 190px;
}
form .line img{
    margin: 3px 0 0 5px;
}

form #geboortedatum_dag, form #geboortedatum_maand{
    width: 40px;
    margin: 0 7px 0 0;
}
form #f_huisnummer, form #f_postcode, form #b_huisnummer, form #b_postcode{
    width: 80px;
    margin: 0 7px 0 0;
}
form #f_postcode, form #b_postcode{
    margin-right: 110px;
}

form #f_huisnummer_toevoeging, form #b_huisnummer_toevoeging{
    width: 36px;
    margin-right: 65px;
}

form #geboortedatum_jaar{
    width: 92px;
}
form .line #aanhef_1,
form .line #aanhef_2,
form .line #levering_3,
form .line #levering_4{
    width: auto;
    margin: 0 5px 0 0;
    padding: 0;
    border: 0;
}
form .line #levering_4{
    margin-left: 15px;
}

.js form #ophaaldatum_div{
    display: none;
}

form .line #bezorgdatum_dag,
form .line #bezorgdatum_maand,
form .line #bezorgdatum_jaar,
form .line #ophaaldatum_dag,
form .line #ophaaldatum_maand,
form .line #ophaaldatum_jaar{
    width: 40px;
    float: left;
    margin: 0 7px 0 0;
}
form .small{
    font-size: 10px;
    font-style: italic;
}
form #datepicker, form #datepicker2{
    /* hide for non-javascript browsing */
    display: none;
}
.js form #datepicker, .js form #datepicker2{
    display: block;
    float: left;
    margin: 2px 0 0 5px;
    width: 20px;
    height: 18px;
    cursor: pointer;
    background: url(../images/calender.gif);
}
form #tnt_tekst{
    margin: 0 0 0 20px;
}

form .line .field label{
    display: inline;
    width: auto;
    float: none;
    margin: 0;
    padding: 0;

}

form .line #bezorg_adres_wijkt_af_1{
    width: auto;
    margin: 15px 10px 0 20px;
    border: 0;
}

form .line #akkoord_voorwaarden_1,
form .line #akkoord_voorwaarden_2
{
    width: auto;
    margin: 0px 10px 0 20px;
    border: 0;
}
form #algemenevoorwaarden_line {
    margin: 15px 0 0 0;
}


form .line .field{
    width: auto;
}

.js form #bezorgadres_container{
    display: none;
}

form #prijsvak{
    font-weight: bold;
    padding: 20px;
    background: #fff;
    width: 350px;
    height: 40px;
    margin: 0 0 0 20px;
    color: #323232;
    overflow: hidden;
}

form #prijsvak #prijs_left{
    float: left;
    width: 200px;
    overflow: hidden;
}
form #prijsvak #prijs_left dt, form #prijsvak #prijs_left dd{
    float: left;
    margin-bottom: 10px;
    width: 70px;
}
form #prijsvak #prijs_left dd{
    text-align: right;
}

form #prijsvak #totaal_prijs{
    float: left;
    text-align: right;
    font-size: 16px;
    width: 140px;
}

#calendar_container, #calendar_container2{
    position: absolute;
    left: -1000px;
    border: 1px solid #000;
}
form #action{
    width: 278px;
    height: 37px;
    border: 0;
    margin: 10px 0 0 135px;
}

#calendar, #calendar2{
    padding: 2px;
    background: #fff;
}
#calendar table td,
#calendar table th,
#calendar2 table td,
#calendar2 table th{
    font-weight: normal;
    font-size: 11px;
    padding: 2px 5px;
    text-align: center;
}

#calendar a,
#calendar2 a{
    color: #000;
    text-decoration: none;
}
.calhead, .calweekdayrow{
    background: #333 url(../images/bgMain.gif);
}
.calcell {
    color: #ccc;

}

.selected{
    color: #fff;
    background: #D20001;
}
.selected a{
    color: #fff;
}

#calendar_container #calendar.yui-calcontainer table td.calcellleft a{
    color: #ccc;
}
#calendar_container2 #calendar.yui-calcontainer table td.calcellleft a{
    color: #ccc;
}
.editinplace{
    margin: 10px 0;
    background-color: #fff;
    width: 48px;
    display:block;
    overflow: hidden;
    height: 20px;
}
.editinplace img{
    margin:0;
    border: 2px solid #333;
}
#normalHeader {
	height: 132px;
	width: 980px;
	margin: auto;
	position: relative;
	overflow: hidden;
	background-image:url(../images/header_noflash.jpg);
	cursor: hand;
	
}
#madnessHeader {
	height: 132px;
	width: 980px;
	margin: auto;
	position: relative;
	overflow: hidden;
	background-image:url(../images/headermadness_noflash.jpg);
	
}
#madnessOverlay {
	background: url(../images/overlay.png);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	display: none;
}
#madnessUitleg {
	background-color: #fff;
	border: 4px solid #5b5b5b;
	width: 400px;
	position: absolute;
	left: 50%;
	top: 180px;
	margin: 0 0 0 -200px;
	z-index: 2;
	text-align: left;
	padding: 8px;
	display: none;
}
#madnessUitleg a {
	position: absolute;
	top: 10px;
	right: 8px;
	color: #f00;
}
#madnessUitleg a.text {
	right: 35px;
}
#madnessUitleg h3 {
	color: #c00000;
	margin: 0 0 10px 0;
	font-size: 16px;
}
#madnessUitleg h4 {
	color: #666;
	font-size: 14px;
}
#madnessUitleg p.stuntprijzen {
	color: #43C213;
	font-size: 14px;
	text-align: right;
	font-weight: bold;
}


/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
.yui-calcontainer{position:relative;float:left;_overflow:hidden;}.yui-calcontainer iframe{position:absolute;border:none;margin:0;padding:0;z-index:0;width:100%;height:100%;left:0px;top:0px;}.yui-calcontainer iframe.fixedsize{width:50em;height:50em;top:-1px;left:-1px;}.yui-calcontainer.multi .groupcal{z-index:1;float:left;position:relative;}.yui-calcontainer .title{position:relative;z-index:1;}.yui-calcontainer .close-icon{position:absolute;z-index:1;text-indent:-10000em;overflow:hidden;}.yui-calendar{position:relative;}.yui-calendar .calnavleft{position:absolute;z-index:1;text-indent:-10000em;overflow:hidden;}.yui-calendar .calnavright{position:absolute;z-index:1;text-indent:-10000em;overflow:hidden;}.yui-calendar .calheader{position:relative;width:100%;text-align:center;}.yui-calcontainer .yui-cal-nav-mask{position:absolute;z-index:2;margin:0;padding:0;width:100%;height:100%;_width:0;_height:0;left:0;top:0;display:none;}.yui-calcontainer .yui-cal-nav{position:absolute;z-index:3;top:0;display:none;}.yui-calcontainer .yui-cal-nav .yui-cal-nav-btn{display:-moz-inline-box;display:inline-block;}.yui-calcontainer .yui-cal-nav .yui-cal-nav-btn button{display:block;*display:inline-block;*overflow:visible;border:none;background-color:transparent;cursor:pointer;}.yui-calendar .calbody a:hover{background:inherit;}p#clear{clear:left;padding-top:10px;}.yui-skin-sam .yui-calcontainer{background-color:#f2f2f2;border:1px solid #808080;padding:10px;}.yui-skin-sam .yui-calcontainer.multi{padding:0 5px 0 5px;}.yui-skin-sam .yui-calcontainer.multi .groupcal{background-color:transparent;border:none;padding:10px 5px 10px 5px;margin:0;}.yui-skin-sam .yui-calcontainer .title{background:url(http://yui.yahooapis.com/2.6.0/build/assets/skins/sam/sprite.png) repeat-x 0 0;border-bottom:1px solid #cccccc;font:100% sans-serif;color:#000;font-weight:bold;height:auto;padding:.4em;margin:0 -10px 10px -10px;top:0;left:0;text-align:left;}.yui-skin-sam .yui-calcontainer.multi .title{margin:0 -5px 0 -5px;}.yui-skin-sam .yui-calcontainer.withtitle{padding-top:0;}.yui-skin-sam .yui-calcontainer .calclose{background:url(http://yui.yahooapis.com/2.6.0/build/assets/skins/sam/sprite.png) no-repeat 0 -300px;width:25px;height:15px;top:.4em;right:.4em;cursor:pointer;}.yui-skin-sam .yui-calendar{border-spacing:0;border-collapse:collapse;font:100% sans-serif;text-align:center;margin:0;}.yui-skin-sam .yui-calendar .calhead{background:transparent;border:none;vertical-align:middle;padding:0;}.yui-skin-sam .yui-calendar .calheader{background:transparent;font-weight:bold;padding:0 0 .6em 0;text-align:center;}.yui-skin-sam .yui-calendar .calheader img{border:none;}.yui-skin-sam .yui-calendar .calnavleft{background:url(http://yui.yahooapis.com/2.6.0/build/assets/skins/sam/sprite.png) no-repeat 0 -450px;width:25px;height:15px;top:0;bottom:0;left:-10px;margin-left:.4em;cursor:pointer;}.yui-skin-sam .yui-calendar .calnavright{background:url(http://yui.yahooapis.com/2.6.0/build/assets/skins/sam/sprite.png) no-repeat 0 -500px;width:25px;height:15px;top:0;bottom:0;right:-10px;margin-right:.4em;cursor:pointer;}.yui-skin-sam .yui-calendar .calweekdayrow{height:2em;}.yui-skin-sam .yui-calendar .calweekdayrow th{padding:0;border:none;}.yui-skin-sam .yui-calendar .calweekdaycell{color:#000;font-weight:bold;text-align:center;width:2em;}.yui-skin-sam .yui-calendar .calfoot{background-color:#f2f2f2;}.yui-skin-sam .yui-calendar .calrowhead,.yui-skin-sam .yui-calendar .calrowfoot{color:#a6a6a6;font-size:85%;font-style:normal;font-weight:normal;border:none;}.yui-skin-sam .yui-calendar .calrowhead{text-align:right;padding:0 2px 0 0;}.yui-skin-sam .yui-calendar .calrowfoot{text-align:left;padding:0 0 0 2px;}.yui-skin-sam .yui-calendar td.calcell{border:1px solid #cccccc;background:#fff;padding:1px;height:1.6em;line-height:1.6em;text-align:center;white-space:nowrap;}.yui-skin-sam .yui-calendar td.calcell a{color:#0066cc;display:block;height:100%;text-decoration:none;}.yui-skin-sam .yui-calendar td.calcell.today{background-color:#000;}.yui-skin-sam .yui-calendar td.calcell.today a{background-color:#fff;}.yui-skin-sam .yui-calendar td.calcell.oom{background-color:#cccccc;color:#a6a6a6;cursor:default;}.yui-skin-sam .yui-calendar td.calcell.selected{background-color:#fff;color:#000;}.yui-skin-sam .yui-calendar td.calcell.selected a{background-color:#b3d4ff;color:#000;}.yui-skin-sam .yui-calendar td.calcell.calcellhover{background-color:#426fd9;color:#fff;cursor:pointer;}.yui-skin-sam .yui-calendar td.calcell.calcellhover a{background-color:#426fd9;color:#fff;}.yui-skin-sam .yui-calendar td.calcell.previous{color:#e0e0e0;}.yui-skin-sam .yui-calendar td.calcell.restricted{text-decoration:line-through;}.yui-skin-sam .yui-calendar td.calcell.highlight1{background-color:#ccff99;}.yui-skin-sam .yui-calendar td.calcell.highlight2{background-color:#99ccff;}.yui-skin-sam .yui-calendar td.calcell.highlight3{background-color:#ffcccc;}.yui-skin-sam .yui-calendar td.calcell.highlight4{background-color:#ccff99;}.yui-skin-sam .yui-calendar a.calnav{border:1px solid #f2f2f2;padding:0 4px;text-decoration:none;color:#000;zoom:1;}.yui-skin-sam .yui-calendar a.calnav:hover{background:url(http://yui.yahooapis.com/2.6.0/build/assets/skins/sam/sprite.png) repeat-x 0 0;border-color:#A0A0A0;cursor:pointer;}.yui-skin-sam .yui-calcontainer .yui-cal-nav-mask{background-color:#000;opacity:0.25;*filter:alpha(opacity=25);}.yui-skin-sam .yui-calcontainer .yui-cal-nav{font-family:arial,helvetica,clean,sans-serif;font-size:93%;border:1px solid #808080;left:50%;margin-left:-7em;width:14em;padding:0;top:2.5em;background-color:#f2f2f2;}.yui-skin-sam .yui-calcontainer.withtitle .yui-cal-nav{top:4.5em;}.yui-skin-sam .yui-calcontainer.multi .yui-cal-nav{width:16em;margin-left:-8em;}.yui-skin-sam .yui-calcontainer .yui-cal-nav-y,.yui-skin-sam .yui-calcontainer .yui-cal-nav-m,.yui-skin-sam .yui-calcontainer .yui-cal-nav-b{padding:5px 10px 5px 10px;}.yui-skin-sam .yui-calcontainer .yui-cal-nav-b{text-align:center;}.yui-skin-sam .yui-calcontainer .yui-cal-nav-e{margin-top:5px;padding:5px;background-color:#EDF5FF;border-top:1px solid black;display:none;}.yui-skin-sam .yui-calcontainer .yui-cal-nav label{display:block;font-weight:bold;}.yui-skin-sam .yui-calcontainer .yui-cal-nav-mc{width:100%;_width:auto;}.yui-skin-sam .yui-calcontainer .yui-cal-nav-y input.yui-invalid{background-color:#FFEE69;border:1px solid #000;}.yui-skin-sam .yui-calcontainer .yui-cal-nav-yc{width:4em;}.yui-skin-sam .yui-calcontainer .yui-cal-nav .yui-cal-nav-btn{border:1px solid #808080;background:url(http://yui.yahooapis.com/2.6.0/build/assets/skins/sam/sprite.png) repeat-x 0 0;background-color:#ccc;margin:auto .15em;}.yui-skin-sam .yui-calcontainer .yui-cal-nav .yui-cal-nav-btn button{padding:0 8px;font-size:93%;line-height:2;*line-height:1.7;min-height:2em;*min-height:auto;color:#000;}.yui-skin-sam .yui-calcontainer .yui-cal-nav .yui-cal-nav-btn.yui-default{border:1px solid #304369;background-color:#426fd9;background:url(http://yui.yahooapis.com/2.6.0/build/assets/skins/sam/sprite.png) repeat-x 0 -1400px;}.yui-skin-sam .yui-calcontainer .yui-cal-nav .yui-cal-nav-btn.yui-default button{color:#fff;}


/* Custom arrow images override background image url and width/height properties */
.yui-calendar .calheader{
    position: relative;
}
.yui-calendar .calnavleft {

    background: url("../images/prev.gif") no-repeat top left;
    position: absolute;
    top: 0;
    left: 0;
    width:12px;
    height:12px;
}

.yui-calendar .calnavright {
    background: url("../images/next.gif") no-repeat top right;
    position: absolute;
    top: 0;
    right: 0;
    width:12px;
    height:12px;
}

.floatBuster {clear: both; display: block;font-size: 0;height: 0;line-height: 0;}

a.rss {
    background:  url(../images/icon-rss.gif) 0 0 no-repeat;
    padding: 0 0 0 19px;
	line-height: 18px;

}
a.twitter {
    background:  url(../images/icon-twitter.gif) 0 0 no-repeat;
    padding: 0 0 0 19px;
	line-height: 18px;
}