/*-- Posthuistheater                           --*/
/*-- powered by Peppered                       --*/
/*-- www.Peppered.nl                           --*/
/*-- Versie 1.00 - 14 mei 2007                 --*/
/*-- Auteur: BB                                --*/

label, textarea, form, fieldset {
	padding: 0;
	margin: 0;
}

form {
	border: 0;
	margin: 10px 0 1em 0;
}



#nieuwsbriefForm {	
	margin: 0;
}

fieldset {
	display: block;
	clear: both;
	margin: 0 0 0 0;
	padding: 0 0 10px 0;
	border: 0px solid #aaaaaa;
}

#middleColumn fieldset {
	border: 1px solid #c6c6c6;
	color: #747474;
	padding: 10px 20px 10px 10px
}

#middleColumn #formEcardForm fieldset {
	border: 0;
}

#middleColumn #formBestellen fieldset {
	border: 0px;
	color: #747474;
	padding: 0px;
}

#middleColumn #postcardAchterkant  fieldset {
	padding: 0;
}

#middleColumn fieldset fieldset {
	border: 1px dotted #c6c6c6;
}


fieldset div {
	clear: both;
	padding: 0 0 3px 0;
}

fieldset span {
	
}

legend {
	padding: 0 5px 2px 5px;
	border: 0;
	color: #747474;
	font: normal 1em/130% verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	background-color: #ffffff;
}

fieldset fieldset legend {
	font-weight: normal;
}

#formPoll legend {
	display: none;
}

label {
	display: block;
	clear: both;
	float: left;
	width: 150px;
}

label#Postbank {
	width: 82px;
	height: 30px;
	background: transparent url(../images/button_postbank.gif) no-repeat 5px 0;
	text-indent: -666666px;
}

label#Rabobank {
	width: 82px;
	height: 40px;
	background: transparent url(../images/button_rabobank.gif) no-repeat 0 0;
	text-indent: -666666px;
}

label#ABNAmro {
	width: 82px;
	height: 30px;
	background: transparent url(../images/button_abn_amro.gif) no-repeat 5px 0;
	text-indent: -666666px;
}

input {
	display: block;
	float: left;
	padding: 0.2em 2px 0.2em 2px;
	margin: 0 0 0.3em 0;
	color: #747474;
	font: normal 0.88em/130% verdana, arial, helvetica, sans-serif;
}

input.text {
	background-color: #ffffff;
	border: 1px solid #b1b1b2;
	width: 200px;	
}

#leftColumn input.text,
#rightColumn input.text {
	width: 160px;	
}

#formEcardForm input.text {
	width: 140px;
}

input#tussenvoegsels { width:60px !important; }
input#huisnummer { width:60px !important; }
input#postcode { width:80px !important; }

input.geborenDag { width:30px !important; }
input.geborenMaand { width:30px !important; }
input.geborenJaar { width:50px !important; }

input.adres { width:190px !important; }
input.huisnummer { width:30px !important; margin: 0 0 0 3px; }
input.huisnummerToevoeging { clear:both; width:30px !important; }

input.postcodeCijfers { width:50px !important;}
input.postcodeLetters { width:30px !important; margin: 0 0 0 3px; }

input.net { width:30px !important; }
input.abo { width:100px !important; }

input.aantal { width:20px !important; }
input.aantal2 { width:30px !important; }

input#geslachtM, input#geslachtV { width: 40px; }

input#username { width:180px !important;}
input#wachtwoord { width:180px !important;}

input.submit {
	display: inline;
	clear: both;
	float: left;
	margin: 10px 0 0 100px;
	padding: 0 10px 0 10px;
	cursor: pointer;
}
.button input.submit {
	margin: 0;
	padding: 0;
}

#formBevestiging input.submit {
	padding: 0;
	float: left;
	margin: 5px 0 0 150px;
	width: 70px;
	height: 12px;
}

#formNieuwsbriefInstellingen input.submit {
	padding: 0;
	float: left;
	margin: 5px 0 0 160px;
	width: 70px;
	height: 12px;
}

#nieuwsbriefForm input.submit {
	padding: 0;
	float: left;
	margin: 5px 0 0 95px;
	width: 70px;
	height: 12px;
}

#formPoll input.submit {
	margin: 10px 0 0 120px;
}

#formEcardForm input.submit {
	margin: 10px 0 0 140px;
}

input.submitHover {
	text-decoration: underline;
}

div.checkbox {
	clear: both;
	margin: 0;
	width: 310px;
}

div.checkbox input {
	margin: 2px 0 0 0;
	width: 30px;
}

div.checkbox label {
	clear: none;
	float: left;
	width: 270px;
}

div.radiobutton
{
	padding: 0 0 0.4em 0;
}

div.radiobutton input
{
	display: block;
	clear: both;
	width: 30px;
	border: 0px;
}

html>body div.radiobutton input
{
	margin: 2px 0 0 0;
}

div.radiobutton label
{
	clear: none;
	float: left;
	width: 90px;
	padding: 0 0 0.4em 0;
}

textarea
{
	padding: 0;
	margin: 0;
	height: 80px;
	width: 230px;
	background-color: #ffffff;
	border: 1px solid #aaaaaa;
	color: #747474;
	font: normal 1em/130% verdana, arial, helvetica, sans-serif;
}

#formEcardForm textarea{
	width: 180px;
}

/*-- ------------ zoek ---------------- --*/

form#formZoek fieldset#zoeken {
	float: right;
	padding: 45px 10px 10px;
}

form#formZoek{
	margin: -8px 0 0 0;
}

form#formZoek label{
	display: none;
}

form#formZoek input.text{
	width: 15em;
}

fieldset#zoeken{
	padding: 0 0 2px 0;
	border: 0;
}

form#formZoek legend{
	display: none;
}

form#formZoek .submit{
	clear: none;
	margin: 2px 0 0 0;
	background: none;
	background-color: transparent;
}



/* winkelmandje & reserveren */

#middleColumn form {
	width: auto;
	zoom: 1; /*ie7*/
}
.button form {
	width: auto;
	margin: 0;
}

.buttonVerwijderen input.submit,
.buttonInWinkelmandje input.submit,
.overzicht input.submit {
	width: auto;
	margin: 0;
	padding: 0;
}



#bigCartForm fieldset {
	border: 0;
	padding: 0;
}
#bodyWinkelmandje .footerMenu .button {
	float: left;
	width: auto;
	clear: none;
}

#bodyWinkelmandje .footerMenu {
	position: relative;
	float: left;
}
#bodyWinkelmandje .footerMenu .buttonAfrekenen {
	float: right;
}
#bodyWinkelmandje .footerMenu .buttonWinkelmandjeLegen {
	float: none;
	width: 109px;
	position: absolute;
	left: 50%;
	margin-left: -30px;
}

#bodyWinkelmandje .footerMenu .buttonMeerKaartenKopen {
}






/* reports & tooltips */

.report { /*+ie7c*/
	padding: 15px 0 0px 0px;
	margin: 1em 0;
	line-height: normal;
	clear: both;
}

.report .body {
	padding: 0 0 15px 0;
	margin: 0;
}

.report .body strong { font-weight: normal; }

.report, .tooltip {
	background: transparent repeat-x 0 0;	
}
.report .body, .tooltip .body {
	background: transparent repeat-x 0 100%;
	color: #000;
}

.report .msg,
.tooltip-notice .body span {
	min-height: 19px; /* icon height */
	padding: 0 5px 0 34px; /*34=10+17+8*/
	background: transparent no-repeat 10px 0%; /*17x17*/
	vertical-align: middle;
}

.report span.msg,
.tooltip-notice .body span {
	display: inline-block;
}

.report-hdrmsg .hdr {
	padding: 0.5em 0;
}
.report-hdrmsg .msg {
	padding: 0.5em 0;
}
.report-hdrmsg .body {
	padding: 0;
}
 

.report .hdr {
	display: inline-block;
	width: 30px;
	height: 30px;
	background: transparent no-repeat 50% 50%;
	vertical-align: middle;
	margin: 0 10px 0 5px;
	text-indent: -999999px; /*+IE7c*/
}

.report .msg * {
	margin-top: 0;
}

.report .msg *:last-child {
	margin-bottom: 0;
}

.report .msg li {
	margin: 0.25em 0;
}


.report-large .msg {
	padding-left: 49px;
	min-height: 30px;
}

.report .msg ul {
	margin-top: 1em;
	list-style: disc inside;
}

.report a { font-weight: bold; }


/* notice */
.report-notice,
.tooltip-notice {
	background-color: #fff7eb; /*todo*/
}
.report-notice, .report-notice .body,
.tooltip-notice, .tooltip-notice .body {
	background-image: url(/images/dotline-notice.gif); /*#f9a400*/
}
.report-notice .msg,
.tooltip-notice .body span {
	background-image: url(/images/ico_report-notice-small.png);
}
.report-notice-large  .msg {
	background-image: url(/images/ico_report-notice.png);
}
.report-notice a:link, .report-notice a:visited {
	color: #fbb33d;
}

/* ok */
.report-ok {
	background-color: #f1f9ea;
}
.report-ok, .report-ok .body {
	background-image: url(/images/dotline-ok.gif); /*#7ac62f*/
}
.report-ok .msg  {
	background-image: url(/images/ico_report-ok-small.png);
}
.report-ok-large  .msg {
	background-image: url(/images/ico_report-ok.png);
} 
.report-ok a:link, .report-ok a:visited {
	color: #7ac62f;
}

/* error */
.report-error {
	background-color: #fef2f2;
}
.report-error, .report-error .body {
	background-image: url(/images/dotline-error.gif); /*#eb3e3e*/
}
.report-error .msg  {
	background-image: url(/images/ico_report-error-small.png);
}
.report-error-large  .msg {
	background-image: url(/images/ico_report-error.png);
}
.report-error a:link, .report-error a:visited {
	color: #ed4731;
}