/* --------------------------------------------------
	Offerte Stylesheet
	Author: DSB Bank
-------------------------------------------------- */

/* --------------------------------------------------
	Table of contents
	
	1. Colour scheme
	2. Global
	3. Fieldset
	4. Elements
	5. Notes
	6. Errors
	7. Warnings
	8. Misc
-------------------------------------------------- */


/* --------------------------------------------------
	1. Colour scheme
	
	Lichtgrijze achtergrond fieldset: f8f8f8
	Lichtgrijze border fieldset: cdd1d1
	Tekstkleur legend: 2d393b
	Blauwe border uitleg: afc7e3
	Blauwe achtergrond uitleg: e7f1fa
	Roze border attentie: f4aca1
	Roze achtergrond attentie: ffeeeb
	Grijze tekst uitleg en attentie: 666
	Rode error tekst: c00	
-------------------------------------------------- */


/* --------------------------------------------------
	2. Global
-------------------------------------------------- */

form {
	font: 100% Arial, Helvetica, sans-serif;
	padding-bottom: 1em !important;
	margin-left:1.6em;
}

#rekenmodule {
	padding-bottom: 0 !important;
}

form div {
	background: transparent !important;
	padding: 0 !important;
	margin: 0 !important;
}

form fieldset div {
	display: inline;
}


/* --------------------------------------------------
	3. Fieldset
-------------------------------------------------- */

fieldset {
	display: block;
	background: #f9fdff;
	border: 1px solid #6BC3E2;
	margin: 1em 0 0 0;
	position: relative;
	padding: 0 1em 1em 1em; /* padding-top: 0; is noodzakelijk voor correcte weergave in IE */
	color: #2d393b !important;
	width: 95%;
}

fieldset fieldset {
	float: left;
	border: 0;
	background: transparent;
	margin: 0 0 .5em 0;
	padding: 0;
	width: 30%;
}

.FieldSetHighlighted {
	background: #ffc;
	border: 1px solid #ff6;
	border-top: .3em solid #ff6;
}



/* --------------------------------------------------
	4. Elements
-------------------------------------------------- */

fieldset legend {
	font-size: 1.2em;
	font-weight: bold;
	padding: 0 .3em .89em .3em;
	position: relative;
	top: -.9em; /* Firefox negeert dit, IE verplaatst de legend omhoog */
	color: #505050 !important;
}


fieldset label { 
	float: left; 
	width: 33%; 
	margin: .5em 2% 0 0;
	text-align: right; 
	cursor: pointer;
	font-size: 100%;
	font-weight: normal;
	color: #535353 !important;
}

#rekenmodule fieldset label { 
	width: 17em; 
}

fieldset fieldset label,
#rekenmodule fieldset fieldset label {
	width: auto;
	margin: .4em 0 0 .2em;
}

fieldset input {
	width: 31%;
	height: 1.25em;
	margin: .5em 0 0 0;
	font: 100% Arial, Helvetica, sans-serif;
	color: #535353;
}

fieldset span {
	margin-left: 2%;
	position: relative;
	top: .5em !important;
	font-weight: bold;
}

fieldset fieldset input{
	width: auto;
	float: left;
	margin: .5em 0 0 0 !important;
}

fieldset div input {
	margin: .5em 0 0 0 !important;
}

input.button, input.secondButton {
	padding: 0 .25em;
	width: 0;  /* IE table-cell margin fix */
	overflow: visible;
	width: auto;  /* cancel margin fix for other browsers */
	width: 30.7%;
	margin: 1.5em 0 0 0;
	left: 19.5em;
	height: auto;
	position: relative;
}

#special input.button {
	 left: 20.5em;
}

#special #nl_maxcredit input.button, #special #nl_maxcredit input.secondButton {
	 left: 19.3em;
}

#styleswitcher input.button {
    width: 13em;
	 margin-left: 0;
}

select {
	width: 31.5%;
	margin: .4em 0 0 0 !important;
	font: 100% Arial, Helvetica, sans-serif;
}

select.small {
	width: 15.7% !important;
}

/*#rekenmodule select {
	width: 12.9em;
}*/

textarea { 
	overflow: auto;
	width: 99% !important; /* Om scrollbar in IE6 te voorkomen */
	height: 10em;
	font: 100% Arial, Helvetica, sans-serif;
}


/* --------------------------------------------------
	5. Notes
-------------------------------------------------- */

fieldset div.notes { /* Het blok dat naast het formulier staat voor verdere uitleg bij de velden */
	float: right;
	width: 28% !important;
	margin: 0 0 .7em 0 !important;
	padding: .5em !important;
	border: 1px solid #a8d4e3 !important;
	background: #fcffff !important;
	color: #666 !important;
	font-size: 89.9%;
}

fieldset div.notes h4 {
	background: url(/img/information.gif) left 0 no-repeat !important;
	padding: 0 0 .5em 2em !important;
	border-bottom: 1px solid #a8d4e3;
	font-size: 110%;
	background: none;
	margin: 0;
}

fieldset div.notes h5 {
	font-size: 100%;
	margin: .5em 0 0 0;
}

fieldset div.notes p {
	margin: 0 0 .5em 0;
	font-size: 100% !important;
}

fieldset div.notes a:link,
fieldset div.notes a:visited {
	color: #2d393b !important;
}


/* --------------------------------------------------
	6. Errors
-------------------------------------------------- */

fieldset div.errorNotes { /* Het blok 'Attentie' dat na validatie het blok 'Uitleg' vervangt */
	float: right;
	width: 28% !important;
	margin: 0 0 .7em 0 !important;
	padding: .5em !important;
	border: 1px solid #f4aca1 !important;
	background: #ffeeeb !important;
	color: #666 !important;
	font-size: 89.9%;
}

fieldset div.errorNotes h4 {
	background: url(/img/exclamation.gif) top left no-repeat;
	padding: 0 0 .5em 1.7em;
	border-bottom: 1px solid #f4aca1;
	font-size: 110%;
	margin: 0;
}

fieldset div.errorNotes h5 {
	font-size: 100%;
	margin: .5em 0 0 0;
}

fieldset div.errorNotes p {
	margin: 0 0 .5em 0 !important;
	font-size: 100% !important;
}


/* --------------------------------------------------
	7. Warnings
-------------------------------------------------- */

fieldset div.warningNotes { /* Het blok 'Attentie' dat na validatie het blok 'Uitleg' vervangt */
	float: right;
	width: 28% !important;
	margin: 0 0 .7em 0 !important;
	padding: .5em !important;
	border: 1px solid #ffff66 !important;
	background: #ffffcc !important;
	color: #666 !important;
	font-size: 89.9%;
}

fieldset div.warningNotes h4 {
	background: url(/img/warning.gif) top left no-repeat;
	padding: 0 0 .5em 1.7em;
	border-bottom: 1px solid #ffff66;
	font-size: 110%;
}

fieldset div.warningNotes h5 {
	font-size: 100%;
	margin: .5em 0 0 0;
}

fieldset div.warningNotes p {
	margin: 0 0 .5em 0 !important;
	font-size: 100% !important;
}


/* --------------------------------------------------
	8. Misc
-------------------------------------------------- */

fieldset br {
	clear: left;
}

/*fieldset em {  Het woord 'verplicht' 
	font-size: 89.9%;
	font-style: normal;
	margin-left: .7em;
	color: #666;
	position: relative;
	top: -.1em;
}*/

.accessibility { /* Uitleg als javascript disabled is bij verborgen velden */
	color: #666;
}

.output,
.totaal {
	border: #fff none;
	background: transparent;
	margin-top: .65em;
	color: #2d393b !important;
}

.totaal {
	font-weight: bold;
}

.error {
	color: #c00;
}

.error a:link,
.error a:visited {
	color: #c00;
}

fieldset input.error { /* Rode rand om velden die niet of niet correct zijn ingevuld */
	color: #c00;
	border: 1px solid #c00;
	padding: 1px;
}

fieldset span img {
	position: relative;
	top: -.3em !important;
}

iframe {
	height: 0;
	width: 0;
}

.SummaryGroupHeading {
padding: 2.5em 0 1em 0;
}

#mainBreed {
margin-top:1.3em;
margin-right: 1.6em;
width:500px;
float:left;
}

#mainBreed h1 {
font-family:Arial, Helvetica, sans-serif; 
font-size:150%;
color:#ea9e46;
font-weight:bold;
padding:0 0 0 2em;
background: url("/img/opsomming.gif") no-repeat 1em 0.3em;
}

#mainBreed .legal{
margin:1.3em 0 1.3em 1.6em;
width:500px;
}

.tekstofferte {
font-family:Arial, Helvetica, sans-serif; 
font-size:100%;
color:#505050;
width:450px;
margin-left:1.6em;
margin-top:1.3em;
}

.snelPrinten a {
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 60%;
	margin-top: 2em;
	clear: left;
	font-weight: normal;
}

#offerteformulier p#mainText {
font-family: Arial,Helvetica,sans-serif;
color: #505050;
width: 450px;
margin-left: 1.6em;
margin-top: 1.3em;
}