/*
grijs: E5E5E5 -> d9d9d9
oranje: ED7404 -> gradient image
blauw menubalk: 00B1E7 -> #B2B2B2
blauw hover menubalk: 9EE8FF
blauw linkjes: 00A2D4
groen: 6AA224 -> gradient image
*/
/* kleur 1 subheader */
#bodyReserveren #subHeader	{ padding: 2em 0 2em 15px;}
#bodyReserveren #subHeader li	{ float: left; width: 145px; padding-right: 1em; font-size: 18px; line-height: 18px; font-weight: bold; }
#subHeader, .status		{ background-color: #B2B2B2; color: #000; }

/* kleur 2 rechterkolom */
#headerMainContainer,
#bodyStoelenplan
#headerMainContainer					{ border: 5px solid #fff; background: url(/images/mainContainerBg.jpg) repeat-x 0 210px; background-color: #fff; }
#bodyReserveren #headerMainContainer	{ background-color: #fff; }
#bodyStoelenplan #headerStoelenplan 	{ background-color: #8ca9ca; }

#rightColumn							{ border-top: solid 5px #fff; }
#rightColumn input.test					{ float: right;  }

#leftColumn								{ background-color: #fff; min-height: 80px; }

/* hoogte header */
#header
{
	height: 160px; 	background: url(/images/header_junushoff.jpg) no-repeat #fff;
padding-bottom: 5px;
}

#bodyReserveren #header {
	background: #fff url(/images/header_junushoffMT.jpg) no-repeat 0 0;
}

/* kleur 3 link */
a:link, a:visited, a#stepButton:active
{
	color: #00A2D4;
	text-decoration: none;
}

a:active, a:hover
{
	color: #00a6eb;
	text-decoration: underline;
}

a#stepButton:link, a#stepButton:visited, a.smallButton:link, a.smallButton:visited
{
	color: #ffffff;
	text-decoration: none;
}

/* kleur 4 button hovereffect  */
a#stepButton:active, a#stepButton:hover, input.submitBigHover, input.submitExtraBigHover, a.smallButton:active, a.smallButton:hover
{
	color: #000000!important;
	text-decoration: none;
}

/* kleur 5 achtergrond kleine buttons */
a.button:link, a.button:visited, input.submit, input.submitBig
{
	color: #ffffff;
	text-decoration: none;
	background-color: #00a6eb
}

/* kleur 1 achtergrond kleine buttons */
a.button:active, a.button:hover, input.submitHover, input.submitBigHover
{
	color: #ffffff;
	text-decoration: none;
	background-color:  #d90078;
}

/* lettertypes groter */
#main
{
	font-size: 125%;
	line-height: 130%;
	padding: 0px;
}

.submit
{
	font: bold 1em/130% verdana, arial, helvetica, sans-serif!important;
}

.button
{
	font: bold 1em/130% verdana, arial, helvetica, sans-serif!important;
}
.smallButton
{
	font-size: 80%!important;
}

#paytype fieldset img
{
	vertical-align: middle;
}

#paytype fieldset .radiobutton input
{
	margin: 13px 0 0 0;
}

#ccGegevens .smallText
{
	width: 40px;
}

#ccVerval2
{
	clear: none;
}

/* kleur achtergrond maandoverzicht */
tr.maand td
{
	background-color: #00a6eb;
	color: #ffffff;
}

tr.active td
{
	background-color: #e20179;
	color: #ffffff;
}

tr.hover td
{
	background-color: #fdca00;
	color: #000000;
}

.txtLink 									{ color: #00A6EB; }
.txtLink:hover,
.txtLinkHover, a.hover						{text-decoration: underline; }

/* login scherm */
.inlogBlock h1								{ display: none;}
.inlogBlock h2								{ float: left; width: 100%; margin-top: 2em;}
#loginForm,
#vergetenForm								{ float: left; width: 100%; margin-top: 1em;}

#infoContainer fieldset span 				{ float: none;}

.noscreen									{ display: none;}

#activeerForm div							{ float: left; width: 100%; }
#telefoonnet,			
#telefoon2net								{ margin-right: 5px; }
#activeerForm .telnr div 					{ float: none; }
#activeerForm .telnr div span				{ display: none; }

/*-- ------------------- bestel --------------------------- --*/
#bodyReserveren #container					{ width: 926px; }
#bodyReserveren #leftColumn 				{ width: 100%; }
#bodyReserveren .itemWrapper				{ border-bottom: 1px solid #00A6EB; }
#bodyReserveren .removeBtn					{ font-size: 12px; border: 1px solid #00ADFF; padding: 1px 4px 4px 15px; background: #fff url(/images/icon_verwijder.gif) no-repeat 6px center; color: #00ADEE; font-weight: bold; cursor: pointer; }
#bodyReserveren #totals						{ text-align: right; }
#bodyReserveren #afrekenmethodes .itemWrapper { border: 0px;}
#bodyReserveren #reserveringActions 		{ float: right; text-align: right; width: 40%; }
#bodyReserveren #reserveringActions .submit { float: right; }
#bodyReserveren #voorstellingenOverzicht li	{ width: 100%; }
#bodyReserveren #voorstellingenOverzicht .button { font-weight: bold!important; }
#bodyReserveren #voorstellingenOverzicht fieldset { padding: 0px; float: right; }
#infoContainer .compoundContainer 			{ display:block; float: left; width: 300px; }
#afrekenForm-kaartsoort input				{ float: left; }
#afrekenForm-kaartsoort label				{ display:block; float: left; width: 150px; }
.textLabel									{ width: 300px!important;}
.review dl									{ width: 100%; float: left; }
.review dt									{ width: 50%; float: left; }
.review dd									{ width: 50%; float: left; }
.linkBtn									{ float: right;}

#payway .row								{ float: left; padding-right: 1em; width: auto; clear: none;}
#stappen .active 							{ color: #000; }

/*-- ------------------- persoonsgegevens --------------------------- --*/
#persoonsgegevens td, 
.voorstellingInfo td						{ vertical-align: top; }