/*RESET*/

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-weight: normal; font-style: normal; }
ul,ol { list-style:disc none; }
/*ul,ol { list-style: disc; }*/
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }



/*offertetool CSS*/

body{

	margin:0px;
	padding:0px;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: normal;
	text-align:center;
	color:444;
	
	background-color: transparent;

}

td 
{ 

	margin-left:5px;
	padding-left:5px;
	margin-right:5px;
	padding-right:5px;
}


#bodywrapper2009
{
  
	width: 100%; 
    height: 100%;
    margin-left: auto; 
    margin-right: auto;
	background-color: transparent;

	display:table; /*gedraagt zich als tabel waardoor hoogte zich aanpast aan content in divs in deze div*/
	
}

#wrapper2009
{
    width: 500px;

	height:100%;
    margin: 0 auto;
    padding: 0;
    text-align: left;
	height:auto;
}

#header2009
{
    width: 500px;
	height:100px;

    margin: 0 auto;
    padding: 0;
    text-align: left;

}

#forms2009
{
    width: 500px;
	height:400px;
    margin: 0 auto;
    padding: 0;
    text-align: left;
	display:table;

}


.OTheadmarker
{
	background-color:#CCCCCC;
	font-size: 1.2em;
	font-weight:bold;
	margin-left:10px;
	padding-left:10px;
	

}

.OTheadmarker2
{
	font-size: 1.2em;
	font-weight:bold;
	

}


.OTinput
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: normal;
	color: #444;
	border:#000034 1px dotted;
	text-align:left;
	width:200px;
}


.OTinputradio
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: normal;
	color: #444;
	text-align:left;
	padding-left:10px;

}


.OTinputnowidth
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: normal;
	color: #444;
	border:#000034 1px dotted;
	text-align:left;
}


.OTbutton {
	color: #444;
	font-size: small; 
	font-weight: normal; 
	font-style: normal; 
	background-color: #FFFFFF;
	border-color:#000034;
	border-style:dotted;
	border-width:thin;
	
	font-family: Arial, Helvetica, sans-serif;
	white-space: nowrap;  /*Word wrapping menu item now optional*/
	padding: 4px 4px 4px 4px;
}

.OTfieldset {

	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color : #4D4D4D;
	font-weight: normal;
	text-align:left;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	border:1px solid #4D4D4D;
	height:250px;

}

.OTlegend {
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	border: 1px solid #4D4D4D;
	color: #4D4D4D;
	text-align:left;
  }



.OTvaliatietekst {

	color: #FF0000;
	font-size: small; 
	font-weight: normal; 
	font-style: normal; 
	font-family: Arial, Helvetica, sans-serif;

}

.OTrequired {

	color: #444;
	font-size: small; 
	font-weight: normal; 
	font-style: normal; 
	font-family: Arial, Helvetica, sans-serif;
	margin-left:5px;
	padding-left:5px;

}



.OTstandaard {

	color: #444;
	font-size: small; 
	font-weight: normal; 
	font-style: normal; 
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;

}

.OTbig {

	color: #4D4D4D;
	font-size: 24px; 
	font-weight:normal;
	font-style: normal; 
	font-family: Arial, Helvetica, sans-serif;

}


.mGrid { 

	color: #4D4D4D;
	font-size: small; 
	font-weight: normal; 
	font-style: normal; 
	font-family: Arial, Helvetica, sans-serif;

	width: 100%; 
    background-color: #fff; 
    margin: 5px 0 10px 0; 
    border: solid 1px #525252; 
    border-collapse:collapse; 
}
.mGrid td { 
    padding: 2px; 
    border: solid 1px #c1c1c1; 
    color: #717171; 
}
.mGrid th { 
    padding: 4px 2px; 
    color: #fff; 
    background: #424242 url(grd_head.png) repeat-x top; 
    border-left: solid 1px #525252; 
    font-size: 0.9em; 
}
.mGrid .alt { background: #fcfcfc url(grd_alt.png) repeat-x top; }
.mGrid .pgr { background: #424242 url(grd_pgr.png) repeat-x top; }
.mGrid .pgr table { margin: 5px 0; }
.mGrid .pgr td { 
    border-width: 0; 
    padding: 0 6px; 
    border-left: solid 1px #666; 
    font-weight: bold; 
    color: #fff; 
    line-height: 12px; 
 }   
.mGrid .pgr a { color: #666; text-decoration: none; }
.mGrid .pgr a:hover { color: #000; text-decoration: none; }




/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}