@charset "utf-8";
/* CSS Document */

/*sr-essent*/
div.trainingbutton{
	display:block;
	float:left;
	position:relative;
	margin:0px auto;
	overflow:hidden;
	margin-top:4px;
}

div.trainingbutton a{
	display:block;
	text-decoration:none;
	color:#000000;
	width:722px;
	line-height:1.143em;
	font-family:Verdana;
	position:relative;
}

div.trainingbutton a:hover{
	text-decoration:none;
	color:#000000;
	border:none;
}

/*bg-color content*/
div.trainingbutton span.bg-color{
	display:block;
	float:left;
	background-color:#FFFFFF;
}

/*width and position vars*/

div.trainingbutton span.fullwidth{
	width:722px; /*full width*/
}

div.trainingbutton span.rightpos{
	right:702px; /*full width - (2 * 10px)*/
}

div.trainingbutton span.position{
	left:712px; /*full width - 10px*/
}

div.trainingbutton span.width{
    width:702px; /*full width - (2 * 10px)*/
}

div.trainingbutton span.bg-pos-right{
	background-position:712px 0px; /*full width - 10px*/
}

div.trainingbutton a:hover span.bg-pos-right{
	background-position:716px 0px; /*full width - 10px + 4px*/
}

/* IE6 bg-pos-right + hover*/
* html div.trainingbutton span.bg-pos-right{
	background-position:716px 0px; /*full width - 10px + 4px*/
}

* html div.trainingbutton a:hover span.bg-pos-right{
	background-position:720px 0px; /*full width - 10px + 4px + 4px*/
}

div.trainingbutton span.bg-pos-right-fill{
	background-position:708px 0px; /*full width - 10px - 4px*/
}

div.trainingbutton a:hover span.bg-pos-right-fill{
	background-position:712px 0px; /*full width - 10px*/
}

div.trainingbutton span.bg-pos-left{
	background-position:708px 0px; /*full width - 10px - 4px*/
}

div.trainingbutton a:hover span.bg-pos-left{
	background-position:712px 0px; /*full width - 10px*/
}

div.trainingbutton a:hover span.pic{
	bottom:4px;
	right:0px;
}

div.trainingbutton span.links{
	display:block;
	float:left;
	position:relative;
	z-index:250;
	width:485px;
	margin:0px auto;
	padding-bottom:10px;
	font-family:Arial;
	font-size:1em;
	line-height:1.214em;
}

div.trainingbutton span.extra-garantie{
	display:block;
	float:right;
	width:300px;
	margin:0px auto;
	margin-left:8px;
	margin-bottom:8px;
}

div.trainingbutton span.minheight{
	min-height:195px;
	height:auto !important; /*ie6 fix*/
	height:195px; /*ie6 fix*/
}

div.trainingbutton span.click-red, div.trainingbutton span.click-yellow, div.trainingbutton span.click-blue{
	display:block;
	position:absolute;
	bottom:4px;
	left:4px;
	height:20px;
	line-height:0px;
	font-size:0px;
	width:300px;
	background:none;
	margin:0px auto;
	z-index:600;
}

div.trainingbutton a:hover span.click-red{
	background:url(../images/buttons/shadow/click-extra-red.png) top left no-repeat;
}

div.trainingbutton a:hover span.click-yellow{
	background:url(../images/buttons/shadow/click-extra-yellow.png) top left no-repeat;
}

div.trainingbutton a:hover span.click-blue{
	background:url(../images/buttons/shadow/click-extra-blue.png) top left no-repeat;
}

div.trainingbutton span.garanties{
	display:block;
	float:left;
	line-height:1.143em;
	width:16px;
	background:url(../images/pics/vinkjes/vinkje-green-w.jpg) left center no-repeat;
	margin:0px auto;
	clear:left;
	margin-top:10px;
}

div.trainingbutton span.garantieslijst{
	display:block;
	float:left;
	width:274px;
	margin:0px auto;
	padding:0px;
	padding-left:10px;
	padding-top:10px;
	font-weight:bold;
	color:#00467F;
	font-family:Verdana;
}