/* 
common styles dynamic pages Oppas 2009 
*/
H1 {
font-family: Verdana, sans-serif;
font-size: 13px;
font-weight: bold;
}
H2 {
font-family: Verdana, sans-serif;
font-size: 13px;
font-weight: bold;
}
H2 {
font-family: Verdana, sans-serif;
font-size: 13px;
font-weight: bold;
}
font.smaller {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}
/* per applicatie, graag
FONT.nok {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 13px;
color : #d20200;
font-weight: bold;
}
FONT.ok {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 13px;
color : #20A0AA;
font-weight: bold;
}
*/
FONT.red
{
font-family: Verdana, sans-serif;
font-size: 11px;
color: #d20200;
line-height: 13px;
/* not bold */
text-decoration: none;
font-weight: normal;
}
/* inputvelden */
select.cgdvlist
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 13px;
color: #01367c;
background-color: #FFFFFF;
vertical-align : middle;
border-style : solid;
border-color : #c1c1c1;
border-width : 1px;
}
select.cglovlist
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 13px;
color: #01367c;
background-color: #FFFFFF;
vertical-align : middle;
border : 1px solid #c1c1c1;
}
input
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 13px;
color: #01367c;
background-color: #FFFFFF;
vertical-align : middle;
border-style : solid;
border-color : #c1c1c1;
border-width : 1px;
}
input.readonly
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 13px;
color: #01367c;
background-color: transparent;
vertical-align : middle;
border: none;
/*
border-style : solid;
border-color : #c1c1c1;
border-width : 1px;
*/
}
input.total
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
line-height: 13px;
color: #01367c;
background-color: #F0F8FF;
vertical-align : right; /* totals */
border: none;
}
textarea {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 13px;
color: #01367c;
background-color: #FFFFFF;
vertical-align : middle;
border-style : solid;
border-color : #c1c1c1;
border-width : 1px;
}

input.button {
	text-decoration:none;
	outline:none;
	font-weight:normal;
	
	clear:both;
	cursor:pointer;
	border:0;
	height: 22px; margin: 0.5em auto; padding: 0 12px; color: #fff; font-size: 12px; text-align: center;
	-moz-border-radius: 11px; -webkit-border-radius: 11px; -khtml-border-radius: 11px; border-radius: 11px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2);
	
	background: #0075c2;
	
	background-image: 
	url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDBhYWViIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwYWFlYiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=),
	url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYWFlYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ5JSIgc3RvcC1jb2xvcj0iIzAwYWFlYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwNjZiNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDY2YjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

	background-image:
	-moz-linear-gradient(10deg, #00aaec 40%, rgba(0, 170, 235, .1)),
	-moz-linear-gradient( top, #00aaec 11px, #0075c2 1px, #0075c2 100%);
	
	background-image:
	-webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(0,170,235,1)), color-stop(40%,rgba(0,170,235,1)), color-stop(100%,rgba(0,170,235,0))),
	-webkit-gradient(linear, 0 0, 0 100%, color-stop(0.5, #00aaec), color-stop(0.5, #0075c2), to(#0130075c2483));
	
	background-image:
	-webkit-linear-gradient(10deg, #00aaec 1%, rgba(0, 170, 235, .1)),
	-webkit-linear-gradient( top, #00aaec 11px, #0075c2 1px, #0075c2);
	
	background-image:
	-o-linear-gradient(10deg, #00aaec 1%, rgba(0, 170, 235, .1)),
	-o-linear-gradient( top, #00aaec 11px, #0075c2 1px, #0075c2 100%);
	
	background-image:
	-ms-linear-gradient(10deg, #00aaec 1%, rgba(0, 170, 235, .1)),
	-ms-linear-gradient( top, #00aaec 11px, #0075c2 1px, #0075c2 100%);
	
	background-image:
	linear-gradient(10deg, #00aaec 1%, rgba(0, 170, 235, .1)),
	linear-gradient( top, #00aaec 11px, #0075c2 1px, #0075c2 100%);
	
}
input.button:hover {

	
	background: #009500;

	background-image: 
	url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDBjYTAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwY2EwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=),
	url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwY2EwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ5JSIgc3RvcC1jb2xvcj0iIzAwY2EwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwODUwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDg1MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

	background-image:
	-moz-linear-gradient(10deg, #00ca00 1%, rgba(0, 202, 0, .1)),
	-moz-linear-gradient( top, #00ca00 11px, #009500 1px, #009500 100%);
	
	background-image:
	-webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(0,202,0,1)), color-stop(40%,rgba(0,202,0,1)), color-stop(100%,rgba(0,202,0,0))),
	-webkit-gradient(linear, 0 0, 0 100%, color-stop(0.5, #00ca00), color-stop(0.5, #009500), to(#009500));
	
	background-image:
	-webkit-linear-gradient(10deg, #00ca00 1%, rgba(0, 202, 0, .1)),
	-webkit-linear-gradient( top, #00ca00 11px, #009500 1px, #009500);
	
	background-image:
	-o-linear-gradient(10deg, #00ca00 1%, rgba(0, 202, 0, .1)),
	-o-linear-gradient( top, #00ca00 11px, #009500 1px, #009500 100%);
	
	background-image:
	-ms-linear-gradient(10deg, #00ca00 1%, rgba(0, 202, 0, .1)),
	-ms-linear-gradient( top, #00ca00 11px, #009500 1px, #009500 100%);
	
	background-image:
	linear-gradient(10deg, #00ca00 1%, rgba(0, 202, 0, .1)),
	linear-gradient( top, #00ca00 11px, #009500 1px, #009500 100%);
	
}
/*
input.button, button.button
{
font-family: Verdana, Arial, Helvetica, sans-serif, sans-serif;
font-size: 11px;
font-weight: bold;
color: #ffffff;
background: transparent url(/images/oppas/but.gif) repeat;
vertical-align : middle;
border-bottom: 1px solid #033074;
border-right: 1px solid #033074;
border-left: 1px solid #ffffff;
border-top: 1px solid #ffffff;
border-style: outset;
padding: 5px;
overflow: visible;
cursor: pointer;
cursor: hand;
}
input.button:hover, button.button:hover
{
font-family: Verdana, Arial, Helvetica, sans-serif, sans-serif;
font-size: 11px;
font-weight: bold;
color: #ffffff;
background: transparent url(/images/oppas/but.gif) repeat;
vertical-align : middle;
border-bottom: 1px solid #033074;
border-right: 1px solid #033074;
border-left: 1px solid #FFFFFF;
border-top: 1px solid #FFFFFF;
border-style: outset;
padding: 5px;
cursor: pointer;
cursor: hand;
}
input.button:active, button.button:active
{
font-family: Verdana, Arial, Helvetica, sans-serif, sans-serif;
font-size: 11px;
font-weight: bold;
color: #ffffff;
background: transparent url(/images/oppas/but.gif) repeat;
vertical-align : middle;
border-bottom: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
border-left: 1px solid #033074;
border-top: 1px solid #033074;
border-style: inset;
padding: 5px;
cursor: pointer;
cursor: hand;
}
*/
input.checkbox
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 13px;
color: #01367c;
background-color: transparent;
vertical-align : middle;
border: none;
}
input.radio
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 13px;
color: #01367c;
background-color: transparent;
vertical-align : middle;
border: none;
}
input.calendar
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 11px;
font-weight: bold;
color: #01367c;
background: transparent url(/images/csh/but.png) repeat left top;
vertical-align : middle;
border-bottom: 1px solid #033074;
border-right: 1px solid #033074;
border-left: 1px solid #FFFFFF;
border-top: 1px solid #FFFFFF;
border-style: outset;
padding: 1px;
}
MENU { color: #333333; }
LI {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 13px;
/* list-style: circle outside; color: #333333; */
}
OL.menu {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 13px;
background-color : #ffffff;
color : #333333;
font-weight: bold;
text-decoration: underline;
}
LI.menu {
text-decoration: underline;
list-style: circle;
}