/* CSS Document */

.clearfix {
	clear: both;
}


@font-face {
    font-family: "gunplay";
    font-style: normal;
    font-weight: normal;
    src: url("https://cdn01.ccmprofessional.com/ftpcoop/cms/V13_0476/fonts/gunplay_rg-webfont.eot?#iefix") format("embedded-opentype"), url("https://cdn01.ccmprofessional.com/ftpcoop/cms/V13_0476/fonts/gunplay_rg-webfont.woff") format("woff"), url("https://cdn01.ccmprofessional.com/ftpcoop/cms/V13_0476/fonts/gunplay_rg-webfont.ttf") format("truetype");
}
@font-face {
    font-family: "museo_500regular";
    font-style: normal;
    font-weight: normal;
    src: url("https://cdn01.ccmprofessional.com/ftpcoop/cms/V13_0476/fonts/museo-500-webfont.eot?#iefix") format("embedded-opentype"), url("https://cdn01.ccmprofessional.com/ftpcoop/cms/V13_0476/fonts/museo-500-webfont.woff") format("woff"), url("https://cdn01.ccmprofessional.com/ftpcoop/cms/V13_0476/fonts/museo-500-webfont.ttf") format("truetype");
}

@font-face {
    font-family: 'A-little-sunshine';
    src:url('../font/A-little-sunshine.ttf.woff') format('woff'),
        url('../font/../font/A-little-sunshine.ttf.svg#A-little-sunshine') format('svg'),
        url('A-little-sunshine.ttf.eot'),
        url('../font/A-little-sunshine.ttf.eot?#iefix') format('embedded-opentype'); 
        font-weight: normal;
        font-style: normal;
}


html, body {
	height: 100%;
	margin: 0px;
	padding: 0px;	
}

body .dyna_page, .res_app {
	display: none;	
}

body {
	
	background-color: #fff;
	background-image: url(../images/back.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	
	height: auto;
	min-height: 100%;
		
}

.wrap {

	background-image: url(../images/art.png);
	background-repeat: no-repeat;
	background-position: center top;
	
	min-height: 675px;
	
}

.wrap .main {
	
	width: 974px;
	margin: 0 auto;
	
}

.wrap .main .inner {
	margin-left: -6px;	
}

.main .line {
	
	background-color: #f3efe8;
	height: 20px;
		
}

.main .logo {
	
	position: absolute;
	left: 50%;
	margin-top: -16px;
	width: 321px;
	z-index: 100;
}

.main .logo a {
	margin-left: 105px;	
}


.main .content {
	
	min-height: 800px;
	padding-top: 50px;
	width: 980px;
}


.main .content .morph_container {
	
	border: 1px solid #e5e5e5;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
    box-shadow: 2px 2px 2px 0 #eee;
	
	height: 54px;
	margin: 0 21px;
	margin-bottom: 19px;
	
	padding: 12px;
	
}

.main .content .oc_container {
	position: relative;
	
}

.main .content .oc_container .left {
	
	width: 800px;
	
		
}

.main .content .oc_container .right {
	position: absolute;
	width: 87px;
	background-color: #03C;
	height: 52px;
	float: right;
	top: 14px;	
	right: 10px;
	
	background-color: #f3efe8;
	
}

.main .content .oc_container .title {
	font-family: "gunplay";
	font-size: 18px;
	color: #000;
	text-transform: uppercase;
	margin-top: 5px;
}

.main .content .oc_container .text {
	font-family: Arial;
	font-size: 12px;
	color: #6f6f6f;
	margin-top: 6px;
	
	line-height: 19px;
}

.main .content .oc_container .text ul {
	margin-left: 0px;
	padding-left: 12px;
}

.main .content .oc_container .text figure {
	margin: 0px;
	padding: 0px;
}

.main .content .oc_container.open .title {
	color: #f58221;
}

.main .content .oc_container.closed {
	cursor: pointer;	
}

.main .content .oc_container.open {
	cursor: default;
	
}

.main .content .oc_container .right .button, .main .content .oc_container .right .button_next {
	
	padding-top: 9px;
	height: 23px;
	width: 67px;
	color: #fff;
	background-color: #c7c7c7;
	text-align: center;
	font-family: Arial;
	font-size: 12px;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	margin-top: 10px;
	margin-left: 10px;
	
	cursor: pointer;
	
}


.main .content .oc_container .res_app {
	padding-top: 20px;
}

.main .content .oc_container .res_app .wizard {
	height: 430px;
	width: 910px;
	overflow: hidden;
}

.main .content .oc_container .res_app .wizard .sheets {
	width: 5460px;
}

.main .content .oc_container .res_app .wizard .sheets .sheet {
	float: left;
	width: 910px;
}

.main .content .oc_container .res_app .wizard .sheets .sheet .uitleg {
	height: 47px;
}

.main .content .oc_container .res_app .wizard .sheets .sheet .uitleg .splitcol {
	float: left;
	width: 276px;

	font-family: "museo_500regular";
	color: #000;
	text-decoration: none;
	font-size: 16px;
	padding-top: 14px;
	padding-left: 24px;
}

.main .content .oc_container .res_app .wizard .sheets .sheet .inner_sheet {
	height: 267px;
	background-color: #f3efe8;
}

.main .content .oc_container .res_app .wizard .sheets .sheet .inner_sheet .splitcol {
	float: left;
	width: 276px;
	padding-left: 24px;
	padding-top: 20px;
}

.main .content .oc_container .res_app .wizard .sheets .sheet .inner_sheet .splitcol.double {
	width: 576px;
}


.main .content .oc_container .res_app .wizard .field_title {
	font-family: "gunplay";
	font-size: 15px;
	color: #000;
	text-transform: uppercase;
	text-decoration: none;
	margin-bottom: 10px;
}

.main .content .oc_container .res_app .wizard .field {
	margin-bottom: 10px;
	color: #6f6f6f;
    font-family: Arial;
    font-size: 12px;
    line-height: 19px;
	
}

.main .content .oc_container .res_app .wizard .field input[type=text] {
	background-color: #fff;
	border: 1px solid #ccc;
	height: 24px;
	width: 270px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	padding: 0px 4px;
	
	color: #6f6f6f;
    font-family: Arial;
    font-size: 12px;
    line-height: 19px;
	
}

.main .content .oc_container .res_app .wizard .field textarea {
	background-color: #fff;
	border: 1px solid #ccc;
	height: 190px;
	width: 100%;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	padding: 0px 4px;
	
	color: #6f6f6f;
    font-family: Arial;
    font-size: 12px;
    line-height: 19px;
	
	resize: none;
	
}


.main .content .oc_container .res_app .end_hr {
	margin-top: 10px;	
}

.main .content .oc_container .res_app, .main .content .oc_container .res_app .end_hr {
	border: 3px dashed #faa318;
	border-left: none;
	border-right: none;
	border-bottom: none;
	
}

.main .content .morph_container.header {
	height: 378px;
}

.main .content .morph_container.header div.left {
	
	width: 537px;
	height: 379px;
	float: left;
	margin-right: 20px;
	
}

.main .content .morph_container.header div.left div.title {
	
	font-family: "gunplay";
	font-size: 18px;
	color: #000;
	text-transform: uppercase;
	float: left;	
	width: 380px;
	height: 34px;
	padding-top: 3px;
	
}
.main .content .morph_container.header div.left div.indicator {
	right: 50%;
	width: 170px;
	position: absolute;
	height: 37px;
	margin-right: -87px;
	z-index: 200;
}

.main .content .morph_container.header div.left div.indicator div.indContainer {
	float: right;	
}

.main .content .morph_container.header div.left div.indicator div.indContainer div.ind_item {
	background-color: #f0f1f2;
	height: 17px;
	width: 17px;
	border: 1px solid #d4d4d4;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	float: left;
	margin-left: 10px;
	margin-top: 5px;
	
	cursor: pointer;
}

.main .content .morph_container.header div.left div.indicator div.ind_item div.inside {
	background-color: #f58221;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	height: 11px;
	width: 11px;
	margin: 3px;	
}


.main .content .morph_container.header div.left div.slide-view {
	width: 546px;
	height: 342px;
	overflow: hidden;	
}

.main .content .morph_container.header div.left div.slide-view div {
	float: left;
	width: 546px;
}

.main .content .morph_container.header div.left div.slide-view div img {
	width: 546px;
}

.main .content .morph_container.header div.right {
	
	background-color: #f3efe8;
	width: 355px;
	margin-top: 36px;
	height: 343px;
	float: left;
	
}


.main .content .morph_container.header div.right div.label {
	
	margin-top: 65px;
	
	font-family: "museo_500regular";
	color: #000;
	text-decoration: none;
	font-size: 16px;
	
	text-align: center;
	
}

.main .content .morph_container.header div.right div#header_cal {
	
	margin-left: 45px;
	margin-top: 10px;

}


.main .content .morph_container div.wizard .topbar {
	
	height: 34px;
	background-color: #f3efe8;
	padding-top: 8px;
}

.main .content .morph_container div.wizard .topbar .legenda {
	float: left;
	margin-left: 24px;
}

.main .content .morph_container div.wizard .topbar .legenda .item {
	font-family: 'A-little-sunshine';
	font-size: 21px;
	margin-right: 20px;
}

.main .content .morph_container div.wizard .topbar .legenda .item .date_gekozen {
	font-family: "museo_500regular";
	color: #f58221;
	text-decoration: none;
	font-size: 15px;
	margin-right: 2px;
}

.main .content .morph_container div.wizard .topbar .legenda .item .date_inaanvraag {
	font-family: "museo_500regular";
	color: #000;
	text-decoration: none;
	font-size: 15px;
	margin-right: 2px;
	border-bottom: 2px dotted #a80a02;
}

.main .content .morph_container div.wizard .topbar .legenda .item .date_gereserveerd {
	font-family: "museo_500regular";
	color: #c0c0c0;
	text-decoration: none;
	font-size: 15px;
	margin-right: 2px;
	position: relative;
}

.main .content .morph_container div.wizard .topbar .legenda .item .date_gereserveerd .unavailable {
	position: absolute;
	height: 10px;
	width: 14px;
	left: 2px;
	top: 5px;
	background-image: url(../images/not-available.png);
	background-repeat: no-repeat;
}







.cal .date_gekozen {
	font-family: "museo_500regular";
	color: #f58221;
	text-decoration: none;
	font-size: 15px;
}

.cal .date_inaanvraag {
	font-family: "museo_500regular";
	
	text-decoration: none;
	font-size: 15px;
	border-bottom: 2px dotted #a80a02;
}

.cal .date_gereserveerd {
	font-family: "museo_500regular";
	color: #c0c0c0;
	text-decoration: none;
	font-size: 15px;
	position: relative;
}

.cal .date_gereserveerd .unavailable {
	position: absolute;
	height: 10px;
	width: 14px;
	left: 7px;
	top: 5px;
	background-image: url(../images/not-available.png);
	background-repeat: no-repeat;
}

.cal .available {
	cursor: pointer;	
}






.main .content .morph_container div.wizard .topbar .voortgang_indicator {
	font-family: "museo_500regular";
	color: #000;
	text-decoration: none;
	font-size: 15px;
	margin-right: 5px;
	float: right;
	padding-top: 1px;
}

.main .content .morph_container div.wizard .topbar .voortgang_indicator .step {
	margin-left: 5px;
	margin-right: 5px;
	height: 26px;
	width: 26px;
	display: inline-block;
	text-align: center;
	padding-top: 3px;
}

.main .content .morph_container div.wizard .topbar .voortgang_indicator .step.selected {
	background-image: url(../images/selected.png);
	background-repeat: no-repeat;
	color: #f58221;
}

.main .content .morph_container div.wizard .sheets {
	
	height: 295px;
	
}

.main .content .morph_container div.wizard .botbar {

	position: relative;

}

.main .content .morph_container div.wizard .botbar .right {
	right: 0px;
	margin-top: 20px;
}

.main .content .morph_container div.wizard .botbar .voortgang {
	
	font-family: 'A-little-sunshine';
	font-size: 21px;
	float: left;

	padding-top: 25px;
	
}

.main .content .morph_container div.wizard .botbar .voortgang .oranje {
	
	font-family: "museo_500regular";
	color: #f58221;
	text-decoration: none;
	font-size: 21px;
	
}

.main .footer {
	height: 119px;
	background-color: #f27d00;
	
	background-image: url(../images/footer.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	
}

.main .footer .links {
	padding-top: 35px;
	margin-left: 30px;	
}

.main .footer .links a {
	
	
	
	font-family: "museo_500regular";
	color: #fff;
	text-decoration: none;
	font-size: 12px;
		
}

.cal {
	width: 265px;
		
}

.cal .nav .prev, .cal .nav .next {
	width: 22px;	
}

.cal .nav .view {
	width: 221px;	
	text-align: center;
	padding-top: 2px;
}

.cal .nav div {
	float: left;	
}

.cal .nav {
	clear: both;	
	height: 35px;
}


.cal .nav .view a {
	
	font-family: "gunplay";
	font-size: 15px;
	color: #000;
	text-transform: uppercase;
	text-decoration: none;
	
		
}

.cal .header .col {
		
	font-family: "gunplay";
	font-size: 15px;
	color: #000;
	text-transform: uppercase;
	text-decoration: none;
	
}

.cal .row {
	clear: both;	
}

.cal .days {
	
}

.cal .col {
	float: left;
	width: 30px;
	height: 30px;
	text-align: center;
	
}

.cal .days .col {
	
	font-family: "museo_500regular";
	color: #000;
	text-decoration: none;
	font-size: 15px;
		
}

.cal .wnr_col {
	
	width: 55px;
	text-align: left;	

}

.cal .col.disabled {
	color: #ccc;	
}