/*-- Voorverkoop 2007                          --*/
/*-- powered by Peppered                       --*/
/*-- www.Peppered.nl                           --*/
/*-- Versie 1.00 - 23 april 2006               --*/
/*-- Auteur: BB                                --*/

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

form
{
	border: 0;
}

form#bestel, form#nieuwAccountForm
{
	padding: 20px 0 0 0;
}

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

fieldset div
{
	clear: both;	
	margin: 1em 0 0 0;
}

#formBestellen fieldset div
{
	margin: 0;
}

fieldset span
{
	float: left;
}

#formBestellen fieldset span
{
	float: none;
}

legend
{
	display: block;
	width: 100px;
/*	position: relative;*/
	
	padding: 20px 0 2px 0;
	border: 0;
	font: bold 1em/100% verdana, arial, helvetica, sans-serif;
	padding: 0 0 0.4em 0;
	color: #494949;
}

label
{
	display: block;
	clear: both;	
	float: left;
	width: 150px;
	padding: 0 0 0.3em 0;
}

#kaarten label
{
	width: 250px;
}

.voorstellingenAantal
{
	float: left;
	width: 220px;
}

.voorstellingenAantal label
{
	clear: none;
	width: 160px !important;
	padding: 0.3em 0 1.5em 0.5em;
}

.voorstellingenExtras
{
	float: left;
	width: 400px;
}

.voorstellingenExtras label
{
	clear: none;
	width: 320px !important;
	padding: 0.3em 0 0.5em 0.5em;
}

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;
	margin: 0 0 2px 0;
	padding: 3px 3px;
	border: 0;
	font-size: 1.0em;
}

input.text 
{
	clear: both;
	background-color: #fff;
	border: 1px solid #000;
	width: 230px;
}

.ccGegevens label, .ccVerval label
{
	width: 300px!important;
}

.ccNummer input
{
	width: 50px;
	float: left;
	clear: none;
	margin: 0 8px 0 0;
}

.ccVerval input
{
	width: 30px;
	float: left;
	clear: none;
}

#afrekenmethodes 					{ float: left; width: 600px; border-top: 1px solid #00ADEE; }
#afrekenmethodes #payway			{ margin-bottom: 20px; border-bottom: 1px solid #00ADEE; }
#afrekenmethodes #afrekenForm-gegevens { margin-bottom: 40px; }
#afrekenmethodes form				{ float: left; width: 100%; padding-top: 5px; }
#afrekenmethodes fieldset			{ border: none; }
#afrekenmethodes fieldset .active	{ background-color: #a1a1a1; }
#afrekenmethodes fieldset legend	{ text-transform: uppercase; color: #00ADEE; font-size: 12px; font-weight: bold; }
#afrekenmethodes fieldset label		{ background: none; padding: 0px; }
#afrekenmethodes fieldset .button	{ margin: 0px; font-weight: bold!important; }
#afrekenmethodes fieldset .submit	{ float: right!important; }
#afrekenmethodes input.textField 	{ border: 1px solid #00ADEE; margin-right: 2px; }

.eindoverzicht .review dl			{ width: 300px; }
.eindoverzicht .review dd			{ font-weight: bold; }

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

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

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

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

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

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

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


input#ccNaam { width:230px !important;}


.compoundContainer .textField { width:50px !important;}

#formactiveerForm label
{
	float:none;
}

.adres div
{
	
	margin: 0;
}

.geboortedatum select
{
	display: inline;
	
	margin: 0 3px 0 0;
	border: 1px solid #000000;
}


input.submit
{
	display: inline;
	clear: both;
	float: left;
	margin: 10px 0 0 0;
	padding: 0 0 0 0;
	border: 0px solid #dce0e6;
	width:150px;
	height: 22px;

	font-weight: bold;
	background-color: #ffffff;
	cursor: pointer;
}

input.submitHover
{

}

input.submitBig
{
	padding: 0 0 0 10px;
	width: 355px;
	height: 34px!important;
	border: 0px solid #dce0e6;
	text-align: left;
	font-size: 1.4em;
	font-weight: bold;
	background: transparent url(../images/button_left.gif) no-repeat 0 0;
}

input.submitBigHover
{
	padding: 0 0 0 10px;
	width: 355px;
	height: 34px!important;
	border: 0px solid #dce0e6!important;
	text-align: left;
	font-size: 1.4em;
	font-weight: bold;
	background: transparent url(../images/button_left_over.gif) no-repeat 0 0;
}

input.submitExtraBig
{

}

input.button			{ cursor: pointer; color: #fff; background-color: #6AA224; padding: 3px 10px; margin: 5px 0 5px 20px; font-weight: normal!important; background-color: #00ADEE; }
input.toonBtn			{ width: 50px; margin: 5px 0; float: right; color: #f8981d; background-color: #fff; }
input.bestelBtn			{ color: #fff; background-color: #f8981d; margin: 10px 0!important; text-align: center; width: 100%; font-size: 1.2em; font-weight: bold; padding: 3px; }
input.bestelBtn:hover	{ cursor: pointer; }
.noJSBtn				{ background-color: #ccc!important; }
#noJSCover				{ height: 25px; width: 140px; float: right; margin: -29px -5px 0 0; }

input.checkbox
{
	width: auto;
	margin: 0;
}

div.checkbox
{
	display: block;
	clear: both!important;
	padding: 5px 0 0 0;
	
}

div.checkbox input
{
	margin: 2px 0 0 0;
	width: 30px;
	float: left;	
	clear: both;
}

.voorstellingenWensen
{
	float: left;
	clear: none;
	width: 177px;
	border: 0px solid #666;
	overflow: hidden;
	padding: 0 0 0.5em 0;
}

div.checkbox label
{
	clear: none; 
	display: block;
	float: left;	
	width: 140px!important;
}

#bodyStap6 div.checkbox label
{
	width: 200px!important;
}

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

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

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

div.radiobutton label
{
	clear: none; 
	float: left;	
	width: 250px;	
	margin: 0 0 6px 0;
}

#textarea label
{
	float: none;
}

textarea 
{
	clear: both;
	padding: 0;
	margin: 0;
	height: 80px;
	width:230px; 
	border: 1px solid #000000;
	font: normal 1em/120% verdana, arial, helvetica, sans-serif;
}

#wachtlijstForm label
{
	width: 320px !important;
}

#loginForm label
{
	width: 250px !important;
}


.hidden
{
	display: none;
}

span.required
{
	float: left;
}

.stoelkeuzeForm {
	float: right;
	width: 290px;
}

.stoelkeuzeForm fieldset {
	border-top: 1px solid #00ADEE;
	width: 100%;
	margin-top: 5px;
}

.stoelkeuzeForm fieldset.totaal {
	font-size: 1.1em;
	font-weight: bold;
	color: #00ADEE;
}

.stoelkeuzeForm fieldset.totaal span {
	float: right!important;
	color: #000;
	margin-top: -1.8em;
}

.stoelkeuzeForm h4 {
	color: #00ADEE;
	font-size: 1.1em;
	margin-top: 10px;
}

.stoelkeuzeForm label {
	padding-left: 15px;
	background: transparent url(/images/bullet_kaartsoort.gif) no-repeat 0 3px;
}

.stoelkeuzeForm .submit {
	float: right;
	font-size: 12px;
}

.deleteorderForm				{ margin-bottom: 10px; }

#myInfoContainer				{ padding: 10px; border: 1px solid #00ADEE; position: relative; background-color: #F2FBFE; width: 420px; margin-bottom: -32px; }
#myInfoContainer p				{ float: left; }
#myInfoContainer form			{ float: right; bottom: 0px; position: absolute; bottom: 10px; right: 10px; }
#myInfoContainer fieldset,
#myInfoContainer .submit		{ padding: 0px; margin: 0px; }

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

#zoekContainer {
	float: left;
}

#zoekContainer div {
	clear: both;
}


#zoekText {
	width: 200px;
	height: 20px;
	display: inline;
	border: 1px solid #000000;
	clear: none;
	float: left;
}

#zoekButton {
	display: inline;
	border: 1px solid #000000;
	float: left;
	clear: none;
	margin: 0 0 0 10px;
}

#zoekMsg {
	clear: both;
	padding: 10px 0 0 0;
}