/* buttons.css document */

.model1 {
    float: left;
    width: 92px;
    height: 130px;
    background-image: url(../img/model1.png);
    background-position: left top;
    background-repeat: no-repeat;
    margin-right: 6px;
}

.model1:hover {
	background-position: 0px -154px;
	cursor: pointer;
}

.model2 {
    float: left;
    width: 92px;
    height: 130px;
    background-image: url(../img/model2.png);
    background-position: left top;
    background-repeat: no-repeat;
    margin-right: 6px;
}

.model2:hover {
	background-position: 0px -154px;
	cursor: pointer;
}

.model3 {
    float: left;
    width: 92px;
    height: 130px;
    background-image: url(../img/model3.png);
    background-position: left top;
    background-repeat: no-repeat;
    margin-right: 5px;
}

.model3:hover {
	background-position: 0px -154px;
	cursor: pointer;
}

.model4 {
    float: left;
    width: 92px;
    height: 130px;
    background-image: url(../img/model4.png);
    background-position: left top;
    background-repeat: no-repeat;
    margin-right: 5px;
}

.model4:hover {
	background-position: 0px -154px;
	cursor: pointer;
}

.model5 {
    float: left;
    width: 92px;
    height: 130px;
    background-image: url(../img/model5.png);
    background-position: left top;
    background-repeat: no-repeat;
    margin-right: 5px;
}

.model5:hover {
	background-position: 0px -154px;
	cursor: pointer;
}

.model6 {
    float: left;
    width: 92px;
    height: 130px;
    background-image: url(../img/model6.png);
    background-position: left top;
    background-repeat: no-repeat;
    margin-right: 6px;
}

.model6:hover {
	background-position: 0px -154px;
	cursor: pointer;
}

.model7 {
    float: left;
    width: 92px;
    height: 130px;
    background-image: url(../img/model7.png);
    background-position: left top;
    background-repeat: no-repeat;
    margin-right: 6px;
}

.model7:hover {
	background-position: 0px -154px;
	cursor: pointer;
}

.model8 {
    float: left;
    width: 92px;
    height: 130px;
    background-image: url(../img/model8.png);
    background-position: left top;
    background-repeat: no-repeat;
    margin-right: 6px;
}

.model8:hover {
	background-position: 0px -154px;
	cursor: pointer;
}

.button_top_home {
	float: left;
	width: 28px;
	height: 28px;
	background-image: url(../img/buttons/button_top_home.png);
	background-position: top center;
	background-repeat: no-repeat;
}

.button_top_home:hover {
	background-position: 0px -46px;
	cursor: pointer;
}

.button_top_terug {
	float: left;
	width: 59px;
	height: 28px;
	background-image: url(../img/buttons/button_top_terug.png);
	background-position: top center;
	background-repeat: no-repeat;
}

.button_top_terug:hover {
	background-position: 0px -46px;
	cursor: pointer;
}


.button_top_modelfotos {
	float: left;
	width: 68px;
	height: 28px;
	background-image: url(../img/buttons/button_top_modelfotos.png);
	background-position: top center;
	background-repeat: no-repeat;
}

.button_top_modelfotos:hover {
	background-position: 0px -46px;
	cursor: pointer;
}

.button_uploaden {
	float: left;
	width: 129px;
	height: 40px;
	background-image: url(../img/buttons/button_uploadmodule_fotouploaden.png);
	background-position: top center;
	background-repeat: no-repeat;
}

.button_uploaden:hover {
	background-position: 0px -46px;
	cursor: pointer;
}

.button_webcam {
	float: left;
	width: 129px;
	height: 40px;
	background-image: url(../img/buttons/button_uploadmodule_webcam.png);
	background-position: top center;
	background-repeat: no-repeat;
}

.button_webcam:hover {
	background-position: 0px -46px;
	cursor: pointer;
}

.button_navigatierand_toonalle {
    background-image: url(../img/buttons/button_navigatierand_toonalle.png);
    background-position: 0px 3px;
    background-repeat: no-repeat;
    color: #FFFFFF;
    float: right;
    font-size: 10px;
    height: 26px;
    margin-right: 2px;
    padding-top: 3px;
    text-align: center;
    text-decoration: none;
    width: 90px;
}
.button_navigatierand_toonalle:hover {
    background-position: 0 -43px;
    color: #45616E;
    cursor: pointer;
}

.button_navigatierand {
    background-image: url(../img/buttons/button_navigatierand.png);
    background-position: 0px 3px;
    background-repeat: no-repeat;
    color: #FFFFFF;
    float: left;
    font-size: 10px;
    height: 26px;
    margin-right: 2px;
    padding-top: 3px;
    text-align: center;
    text-decoration: none;
    width: 90px;
}

.button_navigatierand:hover {
    background-position: 0 -43px;
    color: #45616E;
    cursor: pointer;
}

.aantal_brillen {
	width: 100%;
	height: 100%;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 40px;
	font-weight: bold;
	color: #008EB0;
	text-decoration: none;
	margin-top: 15px;
	cursor: pointer;
}

.aantal_brillen .fix_aantal {
	padding-top: 5px;
}

.aantal_brillen .fix {
	padding-top: 5px;
	font-size: 14px;
	color: #45616E;
}

.aantal_brillen .fix:hover {
	color: #008EB0;
}

.button_save {
	display: block;
	width: 42px;
	height: 36px;
	background-image: url(../img/buttons/button_save.png);
	background-position: top center;
	background-repeat: no-repeat;
}

.button_save:hover {
	background-position: 0px -51px;
	cursor: pointer;
}

.button_print {
	display: block;
	width: 50px;
	height: 47px;
	background-image: url(../img/buttons/button_print.png);
	background-position: top center;
	background-repeat: no-repeat;
}

.button_print:hover {
	background-position: 0px -51px;
	cursor: pointer;
}

.button_mail {
	display: block;
	width: 44px;
	height: 30px;
	background-image: url(../img/buttons/button_mail.png);
	background-position: top center;
	background-repeat: no-repeat;
}

.button_mail:hover {
	background-position: 0px -51px;
	cursor: pointer;
}

.button_waartekoop_opvoorraad {
	display: block;
	height: 92px;
	margin-top: 15px;
}

.button_waartekoop_opvoorraad:hover {
	background-position: 0px -92px;
	cursor: pointer;
}

.button_naarcollectie {
	float: left;
	width: 128px;
	height: 35px;
	background-image: url(../img/buttons/button_naarcollectie.png);
	background-position: top center;
	background-repeat: no-repeat;
}

.button_naarcollectie:hover {
    background-position: 0 -46px;
    cursor: pointer;
}

.button_printalbum {
	float: left;
	width: 128px;
	height: 35px;
	background-image: url(../img/buttons/button_printalbum.png);
	background-position: top center;
	background-repeat: no-repeat;
}

.button_printalbum:hover {
    background-position: 0 -46px;
    cursor: pointer;
}

.button_opslaan_delen {
	float: left;
	width: 198px;
	height: 35px;
	background-image: url(../img/buttons/button_opslaan_delen.png);
	background-position: top center;
	background-repeat: no-repeat;
}

.button_opslaan_delen:hover {
    background-position: 0 -46px;
    cursor: pointer;
}

.button_zoek {
	display: block;
	width: 128px;
	height: 35px;
	background-image: url(../img/buttons/button_zoek.png);
	background-position: top center;
	background-repeat: no-repeat;
	background-color: transparent;
	border: none;
	margin-left: -2px;
	margin-top: 5px;
}

.button_zoek:hover {
    background-position: 0 -46px;
    cursor: pointer;
}

.button_print_1x {
	float: left;
	width: 198px;
	height: 50px;
	background-image: url(../img/buttons/button_print_1x.png);
	background-position: top center;
	background-repeat: no-repeat;
	background-color: transparent;
	border: none;
	margin-top: 5px;
	margin-right: 15px;
}

.button_print_1x:hover {
    background-position: 0 -54px;
    cursor: pointer;
}

.button_print_4x {
	float: left;
	width: 198px;
	height: 50px;
	background-image: url(../img/buttons/button_print_4x.png);
	background-position: top center;
	background-repeat: no-repeat;
	background-color: transparent;
	border: none;
	margin-top: 5px;
	margin-right: 15px;
}

.button_print_4x:hover {
    background-position: 0 -54px;
    cursor: pointer;
}

.button_verstuur {
	display: block;
	width: 128px;
	height: 35px;
	background-image: url(../img/buttons/button_verstuur.png);
	background-position: top center;
	background-repeat: no-repeat;
	background-color: transparent;
	border: none;
	margin-left: -2px;
	margin-top: 5px;
}

.button_verstuur:hover {
    background-position: 0 -46px;
    cursor: pointer;
}

.button_doorgaan {
	float: left;
	width: 136px;
	height: 48px;
	background-image: url(../img/buttons/button_doorgaan.png);
	background-position: top center;
	background-repeat: no-repeat;
	border: none;
	margin: 5px 15px 0px -2px;
}

.button_doorgaan:hover {
    background-position: 0 -57px;
    cursor: pointer;
}

.button_needanku {
	float: left;
	width: 128px;
	height: 35px;
	background-image: url(../img/buttons/button_needanku.png);
	background-position: top center;
	background-repeat: no-repeat;
	border: none;
	margin: 19px 15px 0px 0px;
}

.button_needanku:hover {
    background-position: 0 -46px;
    cursor: pointer;
}

.button_verstuur_vink {
	float: left;
	width: 136px;
	height: 48px;
	background-image: url(../img/buttons/button_verstuur_vink.png);
	background-position: top center;
	background-repeat: no-repeat;
	border: none;
	margin: 5px 15px 0px -2px;
}

.button_verstuur_vink:hover {
    background-position: 0 -57px;
    cursor: pointer;
}

.button_annuleer {
	float: left;
	width: 128px;
	height: 35px;
	background-image: url(../img/buttons/button_annuleer.png);
	background-position: top center;
	background-repeat: no-repeat;
	border: none;
	margin: 19px 15px 0px 0px;
}

.button_annuleer:hover {
    background-position: 0 -46px;
    cursor: pointer;
}

.button_tochpassen {
	float: left;
	width: 198px;
	height: 35px;
	background-image: url(../img/buttons/button_tochpassen.png);
	background-position: top center;
	background-repeat: no-repeat;
}

.button_tochpassen:hover {
    background-position: 0 -46px;
    cursor: pointer;
}

.button_plaatsinfotoalbum_medium {
	display: block;
    width: 185px;
    height: 47px;
    background-image: url(../img/buttons/button_plaatsinfotoalbum_medium.png);
    background-position: center top;
    background-repeat: no-repeat;
}

.button_plaatsinfotoalbum_medium:hover {
    background-position: 0 -57px;
	cursor: pointer;
}

.button_plaatsinfotoalbum_large {
    background-image: url(../img/buttons/button_plaatsinfotoalbum_large.png);
    background-position: center top;
    background-repeat: no-repeat;
    display: block;
    height: 50px;
    width: 320px;
}

.button_plaatsinfotoalbum_large:hover {
    background-position: 0px -99px;
	cursor: pointer;
}

.button_reserveer_waartekoop_large {
    background-image: url(../img/buttons/button_reserveer-waartekoop_large.png);
    background-position: center top;
    background-repeat: no-repeat;
    display: block;
    height: 50px;
    width: 320px;
}

.button_reserveer_waartekoop_large:hover {
    background-position: 0px -99px;
	cursor: pointer;
}

.button_activeerkeuze {
	float: left;
	width: 198px;
	height: 35px;
	background-image: url(../img/buttons/button_activeerkeuze.png);
	background-position: top center;
	background-repeat: no-repeat;
	margin-left: 8px;
	margin-bottom: 5px;
}

.button_activeerkeuze:hover {
    background-position: 0 -46px;
    cursor: pointer;
}

.button_stem {
	float: left;
	width: 129px;
	height: 40px;
	background-image: url(../img/buttons/button_stem.png);
	background-position: top center;
	background-repeat: no-repeat;
}

.button_stem:hover {
	background-position: 0px -46px;
	cursor: pointer;
}