@charset "utf-8";

/* ---------------------------------------------------------------------------------------------------------------*/
/* Button met afgeronden hoeken + schaduw                                                                         */
/* ---------------------------------------------------------------------------------------------------------------*/
button 
{	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: left;
	text-decoration: none;
	font: italic 14px/100% Arial, Helvetica, sans-serif;
	padding: 2px;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .3em;
	-moz-border-radius: .3em;
	border-radius: .3em;
	-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);
	margin: 0 5px 5px 0;
}
button:hover 
{	text-decoration: none;
}
button:disabled
{	opacity: .35; 
	filter:Alpha(Opacity=35);
}

.cirkel
{	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	font: normal 10px verdana;
	padding: 0;	
}

.rechthoek
{	width: 60px;
	height: 100px;
	font-size: 11px;
	font-family: "Trebuchet MS";
	font-style: normal;
	line-height: 16px;
	text-align: center;
}

.corners
{	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.corners10
{	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

/* ---------------------------------------------------------------------------------------------------------------*/
/* Kleur
/* ---------------------------------------------------------------------------------------------------------------*/
/*.plain_white
{	color: #000000;
	border: solid 1px #DDDDDD;
	background-color: #FFFFFF;
}

.plain_white:hover 
{	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}*/

.plain_white 
{	color: #606060;
	border: solid 1px #b7b7b7;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}

.plain_white:hover 
{	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
	background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}

.gewoon_wit
{	background-color: #FFFFFF; 
}

.gewoon_wit:hover
{	background-color: #F7F7F7;
}


.plain_lgrijs
{	background-color: #D2D2D2; 
}

.plain_lgrijs:hover
{	background-color: #000000;
}

.plain_grijs
{	background-color: #a0a0a0;
	color: white;
	border: none
}

/* ---------------------------------------------------------------------------------------------------------------*/
/* Gradient kleur
/* ---------------------------------------------------------------------------------------------------------------*/
.gradient_orange 
{	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.gradient_orange:hover 
{	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}

/* red */
.gradient_red {
	color: #faddde;
	border: solid 1px #D2000A;
	background: #D2000A;
	background: -webkit-gradient(linear, left top, left bottom, from(#D2000A), to(#DB3131));
	background: -moz-linear-gradient(top,  #D2000A,  #DB3131);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#D2000A', endColorstr='#DB3131');
}

.gradient_red:hover {
	background: #db3333;
	background: -webkit-gradient(linear, left top, left bottom, from(#db3333), to(#e25959));
	background: -moz-linear-gradient(top,  #db3333,  #e25959);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#db3333', endColorstr='#e25959');
}

/* red */
.gradient_lred {
	color: #faddde;
	border: solid 1px #EE2E24;
	background: #EE2E24;
	background: -webkit-gradient(linear, left top, left bottom, from(#F5807A), to(#EE2E24));
	background: -moz-linear-gradient(top,  #F5807A,  #EE2E24);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5807A', endColorstr='#EE2E24');
}

.gradient_lred:hover {
	background: #db3333;
	background: -webkit-gradient(linear, left top, left bottom, from(#db3333), to(#e25959));
	background: -moz-linear-gradient(top,  #db3333,  #e25959);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#db3333', endColorstr='#e25959');
}

.gradient_lgrijs
{	color: #808080;
	border: solid 1px #D7D7D7;
	background: #D7D7D7;
	background: -webkit-gradient(linear, left top, left bottom, from(#D7D7D7), to(#FFFFFF));
	background: -moz-linear-gradient(top,  #D7D7D7,  #FFFFFF);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#D7D7D7', endColorstr='#FFFFFF');
}

.gradient_grijs
{	color: #FFFFFF;
	border: 1px solid #AEAEAE;
	background: -webkit-gradient(linear, left top, left bottom, from(#CCCACA), to(#494949));
	background: -moz-linear-gradient(center top , #CCCACA, #494949);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#CCCACA', endColorstr='#494949');
}