.right{
	text-align:right;

}



/*javascript is on*/
/*
.js .button {
 font-weight: bold;
 color: #fff !important;
 text-decoration: none;
 font-family: 'Trebuchet MS', sans-serif;
 font-size: 10px;
 overflow: hidden;
 cursor: pointer;
 background: none;
 border: none;
 padding: 0;
 margin: 0;

 display: inline-block;
}

.js .button:hover {
 color: #fff;
 text-decoration: none;
}

*/

.button {
 font-weight: bold;
 color: #fff !important;
 text-decoration: none;
 font-family: 'Trebuchet MS', sans-serif;
 font-size: 10px;
 overflow: hidden;
 cursor: pointer;
 background: none;
 border: none;
 padding: 0;
 margin: 0;

 display: inline-block;
}

.button:hover {
 color: #999;
 text-decoration: none;
}





.button span, .button i {
 background: transparent url(../img/css/buttons.png) no-repeat 0 0;
 height: 16px;
 line-height: 15px;
 float: left;
}

.icon {
 font-size: 12px;
 padding-left: 21px;
 width: 0;
 height: 21px;
 font-weight: bold;
 text-decoration: none;

 background: transparent url(../img/css/iconen.png) no-repeat 0 0;
 overflow: hidden;
 /*
 display: -moz-inline-block;
 display: -moz-inline-box;
 */

 display: inline-block;
}


.button span { padding: 0 3px 0 10px; background-position: 0 -300px; }
.button i { padding: 0 13px 0 0; background-position: 100% -320px; }
.simple i { padding-right: 7px; background-position: 100% -340px; }
.button:hover span { background-position: 0 -660px; }
.button:hover i { background-position: 100% -680px; }
.simple:hover i { background-position: 100% -700px; }



.large { font-size: 12px; }
.large span, .large i { height: 20px; line-height: 20px; }

.large span { background-position: 0 -120px; }
.large i { padding-right: 17px; background-position: 100% -140px; }
.large.simple i { padding-right: 7px; background-position: 100% -160px; }
.large:hover span { background-position: 0 -480px; }
.large:hover i { background-position: 100% -500px; }
.large.simple:hover i { background-position: 100% -520px; }



.previous span {padding-left:20px; background-position: 0 -760px; }
.previous i { padding-right:5px; background-position: 100% -780px; }
.previous:hover span { background-position: 0 -800px; }
.previous:hover i { background-position: 100% -820px; }


.previous.green span {padding-left:20px; background-position: 0 -840px; }
.previous.green i { padding-right:5px; background-position: 100% -860px; }
.previous.green:hover span { background-position: 0 -880px; }
.previous.green:hover i { background-position: 100% -900px; }

.previous.large.green span {padding-left:20px; background-position: 0 -1000px; }
.previous.large.green i { padding-right:5px; background-position: 100% -1020px; }
.previous.large.green:hover span { background-position: 0 -1040px; }
.previous.large.green:hover i { background-position: 100% -1060px; }


.previous.large span {padding-left:20px; background-position: 0 -920px; }
.previous.large i { padding-right:5px; background-position: 100% -940px; }
.previous.large:hover span { background-position: 0 -960px; }
.previous.large:hover i { background-position: 100% -980px; }





/*small colored buttons*/

.orange span { background-position: 0 -180px; }
.orange i { background-position: 100% -200px; }
.orange.simple i { background-position: 100% -220px; }
.orange:hover span { background-position: 0 -540px; }
.orange:hover i { background-position: 100% -560px; }
.orange.simple:hover i { background-position: 100% -580px; }



.green span { background-position: 0 -240px; }
.green i { background-position: 100% -260px; }
.green.simple i { background-position: 100% -280px; }
.green:hover span { background-position: 0 -600px; }
.green:hover i { background-position: 100% -620px; }
.green.simple:hover i { background-position: 100% -640px; }

/*small colored hover buttons */

.greyToGreen span { background-position: 0 -300px; }
.greyToGreen i { background-position: 100% -320px; }
.greyToGreen.simple i { background-position: 100% -340px; }
.greyToGreen:hover span { background-position: 0 -600px; }
.greyToGreen:hover i { background-position: 100% -620px; }
.greyToGreen.simple:hover i { background-position: 100% -640px; }



/*Large colored buttons*/
.orange.large span { background-position: 0 0; }
.orange.large i { background-position: 100% -20px; }
.orange.large.simple i { background-position: 100% -40px; }
.orange.large:hover span { background-position: 0 -360px; }
.orange.large:hover i { background-position: 100% -380px; }
.orange.large.simple:hover i { background-position: 100% -400px; }

.green.large span { background-position: 0 -60px; }
.green.large i { background-position: 100% -80px; }
.green.large.simple i { background-position: 100% -100px; }
.green.large:hover span { background-position: 0 -420px; }
.green.large:hover i { background-position: 100% -440px; }
.green.large.simple:hover i { background-position: 100% -460px; }


/*Large colored hover buttons */
.greyToGreen.large span { background-position: 0 -120px; }
.greyToGreen.large i { background-position: 100% -140px; }
.greyToGreen.large.simple i { background-position: 100% -180px; }
.greyToGreen.large:hover span { background-position: 0 -420px; }
.greyToGreen.large:hover i { background-position: 100% -440px; }
.greyToGreen.large.simple:hover i { background-position: 100% -460px; }


.alert span { background-position: 0 -300px; }
.alert:hover span { background-position: 0 -660px; }
.alert i { background-position: 100% -720px; }
.alert:hover i { background-position: 100% -740px; }

.close { background-position: -345px 5px; }
.close:hover { background-position: -345px -25px; }
.large.close { background-position: -180px 0; }
.large.close:hover { background-position: -180px -30px; }
.light.large.close { background-position: -180px -60px; }
.light.large.close:hover { background-position: -180px 0 }



.refresh { background-position: -380px 0; }
.refresh:hover { background-position: -380px -30px; }
.crop { background-position: 0 0; }
.crop:hover { background-position: 0 -30px; }
.jump { background-position: -316px 4px; }
.jump:hover { background-position: -316px -26px; }
.plus { background-position: -275px 5px; }
.plus:hover { background-position: -275px -25px; }
.pencil { background-position: -25px 4px; }
.pencil:hover { background-position: -25px -26px; }
.back { background-position: -58px 2px; }
.back:hover { background-position: -58px -28px; }
.forward { background-position: -88px 2px; }
.forward:hover { background-position: -88px -28px; }
.back.arrow { background-position: -115px 5px; }
.back.arrow:hover { background-position: -115px -25px; }
.forward.arrow { background-position: -145px 5px; }
.forward.arrow:hover { background-position: -145px -25px; }
.small.back { background-position: -214px 6px; }
.small.back:hover { background-position: -214px -24px; }
.small.forward { background-position: -244px 6px; }
.small.forward:hover { background-position: -244px -24px; }

.roundedPrev { background-position: -27px -85px;}
.roundedPrev:hover { background-position: 3px -85px; }
.roundedNext { background-position: -57px -85px; }
.roundedNext:hover { background-position: -87px -85px;}



a.mainActive, span.mainActive{
	
	/*display:-moz-inline-box;*/
	display:inline-block;
	cursor:pointer;
	border:none;
    font-size:0;
    line-height:0;
   
	background-position:0 0;
	background-repeat:no-repeat;
	height:35px;
	text-decoration:none;
	color:#2e523b;
	font-style:normal;
	margin:0 12px 0px 0px;
	padding:0 12px 0 12px;	
	vertical-align:middle;	
}





a.mainActive, span.mainActive, a.mainActive span, span.mainActive mainActive{
    background-image:url(../img/css/buttons_rom.png);
   
	
}


a.mainActive span, span.mainActive mainActive{
    color:#222;
	/*display:-moz-inline-box;*/
	display:inline-block;
	line-height:12px;
    letter-spacing:0 !important;
    font-size:12px !important;
    font-style:normal;    
    background-color:transparent;
	background-position:100% 0;
	background-repeat:no-repeat;
	height:35px;
	padding:10px 30px 5px 5px; /*deze*/
	margin:0 -36px 0 12px;
	border:none;
	vertical-align:text-top;	
}


span.mainActive mainActive{
   line-height:2.5;/*Opera need this*/
}

html.safari a.mainActive span{
  line-height:1.3;
}

html.safari span.mainActive mainActive{
  line-height:2.6;
}

html.safari a.mainActive:focus, html.safari span.mainActive mainActive:focus{
    outline:none;
	border:none;
}


span.mainActive mainActive{
	padding-top:0px;
	line-height:2.5;/*Opera need this*/
}

/*Hover Style*/

a.mainActive:hover, span.mainActive:hover,a.mainActive:focus,a.dom-mainActive-focus, span.mainActive-behavior-hover{
	background-position:0 -60px;
	color:#222;
	text-decoration:none;
	border:none !important;
}


a.mainActive:hover span, span.mainActive:hover mainActive, a.mainActive:focus span, span.mainActive-behavior-hover mainActive{
	background-position:100% -60px;
}

a.mainActive:active, a.mainActive:focus span{
	color:#444;
}