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

/* basis */
html, body { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;  height:100%; font-family: 'Open Sans', sans-serif; font-weight:400; background: url('/img/bg_zee.jpg') no-repeat fixed center center; background-size: cover}

#container{margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 100%; min-height: 100%; height:auto; overflow: visible}


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

.clear{clear:both;height:1px}

/* elementen die uitgesloten zijn van animatie */
.table-header {-webkit-transition:all .0s linear;-moz-transition:all .0s linear;-o-transition:all .0s linear}

/* text styles */
h1, h2, h3 {font-family: 'Open Sans', sans-serif; text-transform:uppercase; font-weight:800; letter-spacing: 1px; color: rgba(255,102,0,1)}
h1{	font-size:24px;margin-left:20px}
h2{	font-size:18px}
h3{	font-size:14px}
.oranje{ color:rgba(255,102,0,1)}
h1 a { color: rgba(255,102,0,1); text-decoration: none}
h1 a:hover { color: rgba(17,51,51,1); text-decoration: none}
a {text-decoration: none; color: rgba(255,102,0,1);-webkit-transition:.25s linear;-moz-transition:.25s linear;-o-transition:.25s linear;font-weight:700; -webkit-transition:.25s linear;-moz-transition:.25s linear;-o-transition:.25s linear}
a:hover{text-decoration: none; color: rgba(17,51,51,1)}
.alert{margin:0 auto; display:block; width:96%; padding:2%; color:rgba(255,255,255,1); margin:20px 0px 20px 0px; font-family: 'Open Sans', sans-serif; text-transform:uppercase; font-weight:700; font-size:1.1em;  line-height:1.5em; letter-spacing: 0.1em; animation-name: alertje; animation-duration: 1s; animation-iteration-count: infinite; animation-direction: alternate; animation-timing-function: ease-in-out}
.alert i{font-size:5em;float:left}
.alert .corona{display:block;width:185px;height:auto;float:left;margin-right:20px}
.alert a{color:rgba(17,51,51,1)}


/* header */
#header{width:100%; height:250px; max-height:275px; padding-top:25px;position:relative; z-index:777}
#header_content{width: 85%;	margin:0 auto; background-image: url('../img/header.png');background-repeat:no-repeat; background-position:bottom right;background-size:contain; font-family: 'Open Sans', sans-serif; font-weight:700; height:250px; padding:0px; max-height:250px; text-transform:uppercase; color:rgba(255,255,255,1)}
#header_content .logo{display:block;float:left;padding:25px 25px 25px 0px;height:200px;width:200px}
#header_content .logo img{border:0px; max-width:200px; width:100%; height:auto}
#header_content .title{display:block;font-size:2.8em;line-height:1em;padding-top:65px}
#header_content .title2{display:block;font-size:2.8em;line-height:1em;padding-top:45px}
#header_content .onderregel{display:block;font-size:1.2em}
#header_content .box{float:left;display:inline-block;font-size:0.7em;width:80px;height:100px;float:left;margin:15px 15px 15px 0px;text-align:center}
#header_content .knop{color:rgba(255,255,255,1);display:block;margin:0px 0px 10px 0px;text-align:center;font-size:2.5em;border:2px solid rgba(255,255,255,1);width:70px;height:70px;line-height:70px;border-radius:70px;background:rgba(17,51,51,0);-webkit-transition:.25s linear;-moz-transition:.25s linear;-o-transition:.25s linear}
#header_content .knop:hover{background:rgba(255,255,255,1);color:rgba(17,51,51,1)}

/* menu */
#wrapper #page-content #left_bar{display:block;width:250px;max-width:250px;height:100%;min-height:100%;position:absolute;top:25px;margin-bottom:25px;text-align:left;z-index:999}
#wrapper #page-content #left_bar .menu{height:100%;position:relative;margin: 0px 0px 0px 0px}
#wrapper #page-content #left_bar .menu a .knop{width:100%; max-width: 190px; height: 30px; border-radius:30px; background:rgba(255,255,255,0); line-height: 30px; border:2px solid rgba(17,51,51,1); color:rgba(17,51,51,1); display: block; float: left; text-align: left; font-family: 'Open Sans', sans-serif; text-transform:uppercase; font-size:0.8em; padding:0px 0px 0px 10px; margin-bottom:10px; font-weight:700; letter-spacing: 1px; -webkit-transition:.25s linear;-moz-transition:.25s linear;-o-transition:.25s linear}
#wrapper #page-content #left_bar .menu a .knop:hover{background:rgba(17,51,51,1); color:rgba(255,255,255,1)}
#wrapper #page-content #left_bar .menu h5{margin:0px 0px 0px 0px;color:rgba(255,102,0,1);font-weight:300;text-transform:uppercase}

/* Beheer knoppen*/
.beheer_knoppen{font-family: 'Open Sans', sans-serif; text-transform:uppercase; font-weight:700; font-size:0.7em;display:block;margin:0 auto; width:100%;height:auto;padding:0px 0px 10px 0px;margin-bottom:25px;height:20px;border-bottom:1px solid rgba(255,102,0,1)}
.beheer_knoppen .beheer_knop{text-decoration:none; width:100%; max-width: 125px; height: 20px; border-radius:20px; background:rgba(255,255,255,0); line-height: 20px; border:2px solid rgba(17,51,51,1); color:rgba(17,51,51,1); display: inline-block; text-align: center;  padding:0px 0px 0px 0px; margin-bottom:10px; letter-spacing: 1px; -webkit-transition:.25s linear;-moz-transition:.25s linear;-o-transition:.25s linear}
.beheer_knoppen .beheer_knop:hover{background:rgba(17,51,51,1); color:rgba(255,255,255,1)}
.beheer_knoppen .beheer_knop:hover.active, .beheer_knoppen .beheer_knop.active{background:rgba(17,51,51,1);color:rgba(255,255,255,1)}

.beheer_knoppen .beheer_titel{text-decoration:none; width:auto; height: 20px; border-radius:20px 0px 0px 20px; background:rgba(255,102,0,1); line-height: 20px; border:2px solid rgba(255,102,0,1); color:rgba(255,255,255,1); display: inline-block; text-align: center;  padding:0px 5px 0px 10px; margin-bottom:10px; letter-spacing: 1px; -webkit-transition:.25s linear;-moz-transition:.25s linear;-o-transition:.25s linear}

.beheer_knoppen .beheer_titel2{text-decoration:none; width:auto; height: 20px; border-radius:20px; background:rgba(255,102,0,1); line-height: 20px; border:2px solid rgba(255,102,0,1); color:rgba(255,255,255,1); display: inline-block; text-align: center;  padding:0px 5px 0px 10px; margin-bottom:10px; letter-spacing: 1px; -webkit-transition:.25s linear;-moz-transition:.25s linear;-o-transition:.25s linear}

.beheer_knoppen .terug_knop{text-decoration:none; width:100%; max-width: 150px; height: 20px; border-radius:0px 20px 20px 0px; background:rgba(255,255,255,0); line-height: 20px; border:2px solid rgba(255,102,0,1); color:rgba(255,102,0,1); display: inline-block; text-align: center;  padding:0px 0px 0px 0px; margin-bottom:10px; letter-spacing: 1px; -webkit-transition:.25s linear;-moz-transition:.25s linear;-o-transition:.25s linear}
.beheer_knoppen .terug_knop:hover{color:rgba(17,51,51,1)}

/* Content */
.banner_wrap{height:50px; min-height:50px; position:relative; z-index:888; width:100%; margin:0 auto; overflow:hidden}
.banner{width:100%; max-width:1260px; margin:0 auto; height:50px; display:block; position:relative; z-index:888; background-color:rgba(255,255,255,1)}
#wrapper{height:100%; min-height:100%; position:relative; z-index:888; width:100%; margin:0px auto 0px auto; overflow:visible}
#wrapper #page-content{line-height:1.5em; height:100%; min-height:1150px; margin: 0 auto; width:80%; position:relative; display:block; padding: 25px 2.5% 25px 2.5%; font-size: 0.9em; background-color:rgba(255,255,255,1)}
#wrapper #page-content p{line-height:1.5em;font-size: 0.9em}
#wrapper #page-content #sidebar-push{padding-left:275px;width:auto;height:100%;margin:0px auto}
#wrapper #page-content #sidebar-push #main-content{width:100%;line-height:1.5em;font-size: 0.9em;padding:0px 0px 0px 0px;top:0;margin:0px auto;position:relative;height:100%;min-height:100%}

#wrapper #page-content #sidebar-push #main-content img.corona{width:100%;height:auto;max-width:2000px}


#wrapper #page-content #sidebar-push #main-content .collums_noiso{display:flex;flex-wrap:wrap;justify-content: space-around;flex-direction:ltr;align-content:start;width:100%}
#wrapper #page-content #sidebar-push #main-content .collums_noiso .coll{flex:1;padding:1%;margin:10px;width:auto}
#wrapper #page-content #sidebar-push #main-content .collums_noiso .coll ul{width:auto}

#wrapper #page-content #sidebar-push #main-content .collums{width:100%;min-width:100%}
#wrapper #page-content #sidebar-push #main-content .collums .coll{padding:15px 15px 15px 0px;width:350px;margin:0}

/* weer widget */
#wrapper #page-content #sidebar-push #main-content .collums .coll_big{padding:15px 0px 40px 0px;max-width:750px;height:300px;margin:0;width:90%;overflow:hidden}
#wrapper #page-content #sidebar-push #main-content .collums .coll_big .title{background-color:rgba(17,51,51,1);padding:0px 0px 0px 2.5%;height:25px;line-height:25px;margin:0 auto;width:97.5%;overflow:hidden;color:rgba(255,255,255,1);text-transform:uppercase;font-size:0.8em;font-family: 'Open Sans', sans-serif;font-weight:800;z-index:666;position:relative}
.weer_desktop{display:block;background-color:rgba(207,214,214,1);color:rgba(0,0,0,1);z-index:555}
.weer_mobile{display:none}

@media (max-width: 700px){
	#wrapper #page-content #sidebar-push #main-content .collums .coll_big{padding:2.5% 2.5% 2.5% 2.5%;max-width:350px;height:300px;margin:0;width:95%;overflow:hidden}
	#wrapper #page-content #sidebar-push #main-content .collums .coll_big .title{background-color:rgba(17,51,51,1);padding:0px 0px 0px 10px;max-width:340px;height:25px;line-height:25px;margin:0 auto;width:100%;overflow:hidden;color:rgba(255,255,255,1);text-transform:uppercase;font-size:0.8em;font-family: 'Open Sans', sans-serif;font-weight:800;z-index:666;position:absolute}
	.weer_desktop{display:none}
	.weer_mobile{display:block;background-color:rgba(207,214,214,1);color:rgba(0,0,0,1)}
}

.regel{width:100%;display:block;width:100%;height:25px;line-height:25px;border-bottom:1px solid rgba(17,51,51,0.1)}
.regel .vet{font-weight:700;display:inline-block;width:125px}
.regel:last-child{width:100%;display:block;width:100%;height:25px;line-height:25px;border-bottom:0px solid rgba(17,51,51,0)}

table{font-size:0.9em}

.spacer_clear{width:100%;margin:0 auto; float:none; clear:both; height:25px}
.vette_tekst{font-weight:700;font-size:1em;line-height:1.6em}

.boxje_full{padding:0px 15px 5px 15px;background-color:rgba(17,51,51,1);border-radius:1em;border:2px solid rgba(255,255,255,0)}
.boxje_full, .boxje_full h1, .boxje_full h2, .boxje_full h3, .boxje_full h4, .boxje_full ul, .boxje_full li, .boxje_full a{color:rgba(255,255,255,1)}

.boxje_open{padding:0px 15px 5px 15px;background-color:rgba(255,255,255,1);border-radius:1em;border:2px solid rgba(17,51,51,1)}
.boxje_open, .boxje_open h1, .boxje_open h2, .boxje_open h3, .boxje_open h4, .boxje_open ul, .boxje_open li{color:rgba(17,51,51,1)}
.boxje_open a{color:rgba(255,102,0,1)}

/* tabellen */
.table{width:auto;min-width:300px;z-index:555;font-family: 'Open Sans', sans-serif;font-weight:400;font-size:1em}
.table.ledenlijst{font-size:0.8em}
.table.strandrooster{font-size:0.8em}
.table.strandrooster .table-row .table-row-item, .table.strandrooster .table-header .table-header-item{text-align:center;padding:5px}
.table.strandrooster .table-row .table-row-item.flex1, .table.strandrooster .table-header .table-header-item.flex1{text-align:left}

.table.strandrooster .table-row:hover i{color:rgba(255,255,255,1)}
.table.strandrooster .table-row:hover a i:hover{background-color:rgba(0,0,0,1);color:rgba(255,255,255,1)}
.table.strandrooster i.icon-alert, .table.strandrooster i.icon-pencil, .table.strandrooster i.icon-minus-circled, .table.strandrooster i.icon-spin3{border-radius:2em;color:rgba(0,0,0,0.8);background-color:rgba(255,255,255,1);border:1px solid;margin:0px;height:20px;width:20px;line-height:20px}
.table.strandrooster .table-row:hover i.icon-alert, .table.strandrooster .table-row:hover i.icon-pencil, .table.strandrooster .table-row:hover i.icon-spin3, .table.strandrooster .table-row:hover i.icon-minus-circled{color:rgba(0,0,0,0.8)}
.table.strandrooster .table-row:hover .table-row-item{color:rgba(0,0,0,1)}

.table.strandrooster .table-row .table-row-item.rood{background-color:rgba(200,0,0,1)}
.table.strandrooster .table-row .table-row-item.groen{background-color:rgba(0,200,0,1)}
.table.strandrooster .table-row .table-row-item.blauw{background-color:rgba(0,100,255,1)}
.table.strandrooster .table-row .table-row-item.oranje{background-color:rgba(200,102,0,0.8)}
.table.strandrooster .table-row .table-row-item.geel{background-color:rgba(255,255,0,0.3)}
.table.strandrooster .table-row i.icon-alert{animation: pulse 1s infinite}

.table.activiteiten{font-size:0.8em}
.table.activiteiten .table-row a{color:rgba(17,51,51,1)}
.table.activiteiten .table-row2{font-size:1em;background-color:rgba(17,51,51,0.1);font-weight:normal;display:flex;min-height:25px;height:auto;line-height:25px;width:inherit;padding:0px;-webkit-transition:.25s linear;-moz-transition:.25s linear;-o-transition:.25s linear}
.table.activiteiten .table-row2 .oranje{background-color:rgba(200,102,0,0.8);color:rgba(255,255,255,1)}
.table.activiteiten .table-row2 .rood{background-color:rgba(200,0,0,1);color:rgba(255,255,255,1)}
.table.activiteiten .table-row2 .groen{background-color:rgba(0,200,0,1);color:rgba(255,255,255,1)}

.table.activiteiten .table-row a:hover{color:rgba(255,255,255,1)}
.table.activiteiten .right{text-align:right}
.table.activiteiten i{float:none;display:inline-block}
.table.activiteiten .table-row a i{color:rgba(17,51,51,1)}
.table.activiteiten .table-row a i:hover{color:rgba(255,255,255,1)}
.table.activiteiten .table-row .aanwezig{flex:none;width:100%;margin:0 auto;display:block}
.table.activiteiten .aanwezigen{border-top:1px solid rgba(17,51,51,1);margin-bottom:25px;height:1px;overflow:hidden;-webkit-transition:.25s linear;-moz-transition:.25s linear;-o-transition:.25s linear;font-weight:700; -webkit-transition:.25s linear;-moz-transition:.25s linear;-o-transition:.25s linear}
.table.activiteiten #response{margin:0 auto;cursor:pointer;background-color:rgba(17,51,51,1);color:rgba(255,255,255,1);height:25px;line-height:25px;width:125px;text-align:center;border-radius:12.5px 12.5px 0px 0px;display:block}
.table.activiteiten #response:hover{background-color:rgba(225,225,225,1)}
.table.activiteiten #response.dicht:before{font-size:0.7em;font-family: 'Open Sans', sans-serif; text-transform:uppercase; font-weight:800; letter-spacing: 1px;content:"toon response";color:rgba(255,255,255,1)}
.table.activiteiten #response.open:before{font-size:0.7em;font-family: 'Open Sans', sans-serif; text-transform:uppercase; font-weight:800; letter-spacing: 1px;content:"verberg response"}


@keyframes pulse {
  0% {
	color:rgba(255,255,255,1);
    background-color: rgba(255,0,0,1);
  }
  100% {
	  color:rgba(0,0,0,1);
	  background-color: rgba(255,255,255,1);
  }
}

.table-row{display:flex;min-height:25px;height:auto;line-height:25px;width:inherit;padding:0px;-webkit-transition:.25s linear;-moz-transition:.25s linear;-o-transition:.25s linear}
.table-header{display:flex;min-height:25px;height:auto;line-height:25px;width:inherit;padding:0px;background-color:rgba(17,51,51,1);color:rgba(255,255,255,1);text-transform:uppercase;font-size:0.8em;font-family: 'Open Sans', sans-serif;font-weight:800}

.table-header a{color:rgba(0,0,0,1);text-decoration:none;font-weight:normal}
.table-header a:hover{color:rgba(255,102,0,1);text-decoration:none;font-weight:normal}

.donker{background-color:rgba(17,51,51,0.2)}
.licht{background-color:rgba(17,51,51,0.1)}

.table-header-item{color:rgba(255,255,255,1)}
.table-row-item{color:rgba(0,0,0,1);margin:0px 0px 0px 0px}

a .table-row{text-decoration:none;font-weight:normal}
a .table-row:hover{text-decoration:none;font-weight:normal}

.table-row:hover .table-row-item{color:rgba(0,0,0,1)}
.table-row:hover .table-row-item i{color:rgba(0,0,0,1)}
.table-row:hover {background-color:rgba(255,255,255,1);box-shadow:0px 0px 6px 1px rgba(0,0,0,0.5)}
.table-row a{cursor:pointer;color:rgba(255,255,255,1)}
.table-row i{color:rgba(255,255,255,1);float:right;display:block;width:20px;height:20px;border-radius:20px;text-align:center;line-height:20px}
.table-row:hover a{color:rgba(0,0,0,1)}
.table-row:hover a:hover{color:rgba(255,102,0,1)}
.table-row:hover a i{color:rgba(255,102,0,1)}
.table-row:hover a i:hover{background-color:rgba(255,102,0,1);color:rgba(255,255,255,1)}
.initial {flex:initial;width: 10px;min-width: 10px}
.flexstart {flex: 0.4;padding-right:2px}
.flex1 {flex: 1}
.flex2 {flex: 2}
.flex3 {flex: 3}
.flex4 {flex: 4}
.flex5 {flex: 5}
.last {width: 10px;min-width: 10px}
.edit {width: 25px;min-width: 25px}
.omschrijving{font-size:0.7em;margin:-5px 0px 0px 0px}

a.aanwezigheid_ok, a.aanwezigheid_cancel{display:inline-block;height:15px;line-height:15px;border-radius:10px;padding:0px 10px 0px 5px;font-weight:normal;font-style:normal;text-decoration:none;color:rgba(255,255,255,1)}
a.aanwezigheid_ok{background-color:rgba(0,200,0,1)}
a.aanwezigheid_cancel{background-color:rgba(200,0,0,1)}
a.aanwezigheid_ok:hover{background-color:rgba(0,0,0,1);color:rgba(0,200,0,1)}
a.aanwezigheid_cancel:hover{background-color:rgba(0,0,0,1);color:rgba(200,0,0,1)}

.small{text-align:right;padding:0px 1% 0px 1%;width:98%;height:25px;line-height:25px;margin:0 auto;display:block;font-weight:normal;font-style:normal;font-size:0.8em}

/* footer */
#footer{margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 100%; min-height: 100px; overflow: hidden; text-align:center;font-size:0.8em;color:rgba(255,255,255,1);line-height:100px}

#gegevens{padding:1%;width:98%;line-height:1.5em;font-size: 0.9em;background:rgba(17,51,51,1);color:rgba(255,255,255,1);height:auto}
#gegevens .collums2{width:100%;margin:0 auto}
#gegevens .collums2 .coll2{width:340px;padding:0px 15px 15px 15px;margin:10px;font-size:0.9em;line-height:1.2em;border:1px solid rgba(255,255,255,1);border-radius:15px}
#gegevens .collums2 .coll2 a{font-size:0.8em;font-weight:normal;font-style:normal;text-decoration:none}
#gegevens .collums2 .coll2 a:hover{color:rgba(255,255,255,1)}
#gegevens h1{color:rgba(255,255,255,1);text-align:center;padding-bottom:20px}
#gegevens .collums2 .coll2 h3{margin-bottom:0px}
#gegevens .collums2 .coll2 .functie{font-size:0.7em;display:inline}
#gegevens .collums2 .coll2 .functie2{font-size:0.7em;display:block;margin: 0px 0px 15px 0px}

/* animation */
@keyframes alertje {
0% {background-color:rgba(205,52,0,1); box-shadow: 0 0 4px -2px rgba(0,0,0,0.8);-moz-box-shadow: 0 0 4px -2px rgba(0,0,0,0.8);-webkit-box-shadow: 0 0 4px -2px rgba(0,0,0,0.8)}
100% {background-color:rgba(255,102,0,1); box-shadow: 0 0 20px -2px rgba(0,0,0,0.8);-moz-box-shadow: 0 0 20px -2px rgba(0,0,0,0.8);-webkit-box-shadow: 0 0 20px -2px rgba(0,0,0,0.8)}
}

.error {
	color:#FF0000;
	font-weight:700;
}

.tabel_titel {
	background-color:rgba(17,51,51,1);
	color:rgba(255,255,255,1);
	font-weight:700;
}

.tabel1{
	background-color:#eaeaea;
	color:rgba(0,0,0,1);
	text-decoration:none;
}

.tabel2 {
	background-color:#f7f7f7;
	color:rgba(0,0,0,1);
	text-decoration:none;
}

.tabel_titel_k {
	background-color:rgba(17,51,51,1);
	color:rgba(255,255,255,1);
	font-weight:700;
	font-size: 12px;
}

.tabel_titel_1{
	background-color:rgba(255,102,0,0.9);
	color:rgba(255,255,255,1);
	font-weight:700;
	font-size: 12px;
}

.tabel_titel_2{
	background-color:rgba(255,102,0,0.6);
	color:rgba(255,255,255,1);
	font-weight:700;
	font-size: 12px;
}

.tabel_titel_3{
	background-color:rgba(255,102,0,0.4);
	color:rgba(255,255,255,1);
	font-weight:700;
	font-size: 12px;
}

.tabel1_k {
	background-color:#eaeaea;
	color:rgba(0,0,0,1);
	text-decoration:none;
	font-size: 11px;
}

.tabel2_k {
	background-color:#f7f7f7;
	color:rgba(0,0,0,1);
	text-decoration:none;
	font-size: 11px;
}

input[type="text"] {
font-family: 'Roboto Condensed', sans-serif;	font-size: 14px;
	border-width: 1px;
	border-color: #cccccc;
    border-style: solid;
    line-height: normal;
    padding: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
}

input[type="password"] {
font-family: 'Roboto Condensed', sans-serif;	font-size: 14px;
	border-width: 1px;
	border-color: #cccccc;
    border-style: solid;
    line-height: normal;
    padding: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
}

.submitbutton {
	font-weight: 700;
	font-size: 14px;
	display: inline-block;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 4px;
	padding-top: 4px;
	background-color: rgba(17,51,51,1);
	margin-right: 10px;
	color: rgba(255,255,255,1);
	text-decoration: none;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.submitbutton:hover {
  filter: none;
  background: none;
  background:rgba(17,51,51,1);
  text-decoration: none;
}

input.submitbutton {
	line-height: normal;
	color: #fff;
	border: none;
}

#koppen button {
	font-weight: normal;
	font-size: 13px;
	display: inline-block;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 7px;
	background-color: rgba(0,0,0,1);
	margin-right: 10px;
	color: rgba(255,255,255,1);
	text-decoration: none;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;

}

#koppen button:hover {
    background:rgba(17,51,51,1);
	-moz-box-shadow: 0 10px 25px rgba(0,0,0,1); 
	-webkit-box-shadow: 0 10px 25px rgba(0,0,0,1); 
	box-shadow: 0 10px 25px rgba(0,0,0,1); 
}

#koppen {
	padding-bottom: 10px;
	padding-top: 10px;
}

#koppen a {
	font-weight: 700;
	font-size: 11px;
	display: inline-block;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 4px;
	padding-top: 4px;
	background-color: rgba(17,51,51,1);
	margin-right: 10px;
	color: rgba(255,255,255,1);
	text-decoration: none;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.coll a.btn, .coll .btn{font-size:0.7em}

a.btn, .btn {display:inline-block;-webkit-border-radius: 1em; -moz-border-radius: 1em; border-radius: 1em; font-family: 'Roboto Condensed', sans-serif;  color: rgba(255,255,255,1); font-size: 12px; font-weight:700; letter-spacing: 1px; background-color: rgba(17,51,51,1); padding:0px 10px 0px 10px; width:auto;height:30px;line-height:30px; text-decoration: none; text-transform:uppercase;
  border: 0px; margin:10px auto 10px auto}

a.btn:hover, .btn:hover { background-color: rgba(255,102,0,1); text-decoration: none;color: rgba(255,255,255,1);}


/* animatie */
@-webkit-keyframes bounce_left {
 0%, 20%, 50%, 80%, 100% {-webkit-transform: translateX(0);} 
 40% {-webkit-transform: translateX(-30px);}
 60% {-webkit-transform: translateX(-15px);}
}
 
@-moz-keyframes bounce_left {
 0%, 20%, 50%, 80%, 100% {-moz-transform: translateX(0);}
 40% {-moz-transform: translateX(-30px);}
 60% {-moz-transform: translateX(-15px);}
}
 
@-o-keyframes bounce_left {
 0%, 20%, 50%, 80%, 100% {-o-transform: translateX(0);}
 40% {-o-transform: translateX(-30px);}
 60% {-o-transform: translateX(-15px);}
}
@keyframes bounce_left {
 0%, 20%, 50%, 80%, 100% {transform: translateX(0);}
 40% {transform: translateX(-30px);}
 60% {transform: translateX(-15px);}
}

/* niet tonen op desktop versie */
#inloggen_melding, #menu_mobile{display:none}
.desktop{display:block}
.mobile{display:none}
	
/* Mobiel */

@media (max-width: 700px){
	.desktop{display:none}
	.mobile{display:block}
	
	#dicht{display:none;color:rgba(60,60,60,1)}
	#menu_mobile{display:block;position:fixed;top:0px;left:10px;padding:5px;z-index:999999999;background-color:rgba(255,255,255,1);width:35px;height:35px;text-align:center;line-height:35px}
	#menu_mobile #open_close {display:inline-block;color:rgba(60,60,60,1);z-index:99999999;font-size:1.5em}

	#wrapper{height:100%; min-height:100%; position:relative; z-index:9999; width:100%; margin:0px auto 0px auto; overflow:visible}
	#wrapper #page-content{line-height:1.5em; height:100%; min-height:100%; margin: 0 auto; width:90%; padding: 1%; font-size: 0.9em; background-color:rgba(255,255,255,1);overflow:hidden}
	#wrapper #page-content #sidebar-push{padding-left:0px;width:auto;height:100%;margin:0px auto}

	#wrapper #page-content #left_bar {top:-100%;left:0;position:absolute;margin:0 auto;width:100%;height:auto;background-color:rgba(0,0,0,0);padding-top:0px;z-index:999999}
	#wrapper #page-content #left_bar .wrapper{margin:0 auto;width:100%;z-index:99999}

	#inloggen_melding{display:block;position:fixed;top:0px;left:65px;padding:5px;z-index:999999999;color:rgba(255,255,255,1);width:auto;height:35px;text-align:center;line-height:35px;font-size:0.8em;font-family: 'Open Sans', sans-serif; text-transform:uppercase; font-weight:800; letter-spacing: 1px; animation: bounce_left 2s infinite; -webkit-animation: bounce_left 2s infinite; -moz-animation: bounce_left 2s infinite; -o-animation: bounce_left 2s infinite;}
	#wrapper #page-content #left_bar .wrapper .menu form{color:rgba(255,255,255,1);text-align:left;display:block;margin:0 auto;width:80%}
	#wrapper #page-content #left_bar .wrapper .menu form input[type=text]{display:inline;width:auto;height:auto;background-color:rgba(0,0,0,1);color:rgba(255,255,255,1)}
	#wrapper #page-content #left_bar .wrapper .menu form input[type=radio]{display:inline;width:auto;height:auto;background-color:rgba(0,0,0,1);color:rgba(255,255,255,1)}
	
	#wrapper #page-content #left_bar .wrapper .menu {z-index:9999999;top:0;margin:0 auto;left:0;text-align:center;display:none;flex-direction:column;justify-content:center;width:100%;max-width:100%;height:100%;padding:0px 0px 0px 0px;position:fixed;background-color:rgba(0,0,0,0.9)}
	#wrapper #page-content #left_bar .wrapper .menu a .knop i{display:none}
	#wrapper #page-content #left_bar .wrapper .menu a .knop{width:100%; max-width: 700px; height: auto; border-radius:0px; background:rgba(255,255,255,0); line-height: 1em; border:0px solid rgba(17,51,51,0); color:rgba(150,150,150,1); display: block; float: none; text-align: center; font-family: 'Open Sans', sans-serif; text-transform:uppercase; font-size:3vh; padding:0px 0px 0px 0px; margin-bottom:0px; font-weight:300; letter-spacing: 1px}
	#wrapper #page-content #left_bar .wrapper .menu a .knop:hover{background:rgba(17,51,51,0); color:rgba(255,255,255,1)}

	/* Beheer knoppen*/
	.beheer_knoppen{font-family: 'Open Sans', sans-serif; text-transform:uppercase; font-weight:700; font-size:0.7em;display:block;margin:0 auto;text-align:center; width:100%;height:auto;padding:10px 0px 10px 0px;margin-bottom:25px;height:auto;border-bottom:1px solid rgba(255,102,0,1)}
	.beheer_knoppen .beheer_knop{text-decoration:none; margin:0 auto;width:90%; max-width: 700px; height: 25px; border-radius:25px; background:rgba(255,255,255,0); line-height: 25px; border:2px solid rgba(17,51,51,1); color:rgba(17,51,51,1); display: block; text-align: center;  padding:0px 0px 0px 0px; margin-bottom:10px; letter-spacing: 1px; -webkit-transition:.25s linear;-moz-transition:.25s linear;-o-transition:.25s linear}
	.beheer_knoppen .beheer_knop:hover{background:rgba(17,51,51,1); color:rgba(255,255,255,1)}
	
	.beheer_knoppen .beheer_titel{text-decoration:none; width:auto; height: 20px; border-radius:20px 0px 0px 20px; background:rgba(255,102,0,1); line-height: 20px; border:2px solid rgba(255,102,0,1); color:rgba(255,255,255,1); display: inline-block; text-align: center;  padding:0px 5px 0px 10px; margin-bottom:10px; letter-spacing: 1px; -webkit-transition:.25s linear;-moz-transition:.25s linear;-o-transition:.25s linear}

	.beheer_knoppen .beheer_titel2{text-decoration:none; width:auto; height: 20px; border-radius:20px; background:rgba(255,102,0,1); line-height: 20px; border:2px solid rgba(255,102,0,1); color:rgba(255,255,255,1); display: inline-block; text-align: center;  padding:0px 5px 0px 10px; margin-bottom:10px; letter-spacing: 1px; -webkit-transition:.25s linear;-moz-transition:.25s linear;-o-transition:.25s linear}

	.beheer_knoppen .terug_knop{text-decoration:none; width:100%; max-width: 150px; height: 20px; border-radius:0px 20px 20px 0px; background:rgba(255,255,255,0); line-height: 20px; border:2px solid rgba(255,102,0,1); color:rgba(255,102,0,1); display: inline-block; text-align: center;  padding:0px 0px 0px 0px; margin-bottom:10px; letter-spacing: 1px; -webkit-transition:.25s linear;-moz-transition:.25s linear;-o-transition:.25s linear}
	.beheer_knoppen .terug_knop:hover{color:rgba(17,51,51,1)}
	
	#header{width:100%; height:250px; max-height:275px; padding-top:0px;display:block;position:relative; z-index:5555}
	#header #header_content{width: 85%;	margin:0 auto; background-image: url('../img/header.png');background-repeat:no-repeat; background-position:bottom right;background-size: 275px; font-family: 'Open Sans', sans-serif; font-weight:700; height:250px; padding:0px; max-height:250px; text-transform:uppercase; color:rgba(255,255,255,1)}
	#header #header_content .logo{display:block;float:left;padding:50px 25px 25px 0px;height:100px;width:100px}
	#header #header_content .logo img{border:0px; max-width:200px; width:100%; height:auto}
	#header #header_content .title{display:none;font-size:2.8em;line-height:1em;padding-top:65px}
	#header #header_content .title2{display:none;font-size:2.8em;line-height:1em;padding-top:45px}
	#header #header_content .onderregel{display:none;font-size:1.2em}
	#header #header_content .box{float:left;display:inline-block;font-size:0.7em;width:80px;height:100px;float:left;margin:15px 15px 15px 0px;text-align:center}

	#wrapper #page-content #sidebar-push #main-content .collums_noiso{display:flex;flex-direction:column; width:100%;max-width:750px;height:100%}
	#wrapper #page-content #sidebar-push #main-content .collums_noiso .coll{flex:1;margin:0px 0px 10px 0px;padding:2.5%;width:95%;max-width:700px;clear:both}

	#wrapper #page-content #sidebar-push #main-content .collums{width:100%;min-width:100%}
	#wrapper #page-content #sidebar-push #main-content .collums .coll{padding:2.5%;width:95%;max-width:700px;margin:0}

	#footer{margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 100%; min-height: 100px; overflow: hidden; text-align:center;font-size:0.6em;color:rgba(255,255,255,1);line-height:100px}

	#gegevens{padding:0%;width:100%;text-align:center;line-height:1.5em;font-size: 0.9em;background:rgba(17,51,51,1);color:rgba(255,255,255,1);height:auto}
	#gegevens .collums2{width:100%;min-width:350px;margin:0 auto}
	#gegevens .collums2 .coll2{width:300px;padding:0px 15px 15px 15px;margin:0 auto 10px auto;font-size:0.9em;line-height:1.2em;border:1px solid rgba(255,255,255,1);border-radius:15px}
	#gegevens .collums2 .coll2 a{font-size:0.8em;font-weight:normal;font-style:normal;text-decoration:none}
	#gegevens .collums2 .coll2 a:hover{color:rgba(255,255,255,1)}
	#gegevens h1{color:rgba(255,255,255,1);text-align:center;padding-top:20px;padding-bottom:20px}
	#gegevens .collums2 .coll2 h3{margin-bottom:0px}
	#gegevens .collums2 .coll2 .functie{font-size:0.7em;display:inline}
	#gegevens .collums2 .coll2 .functie2{font-size:0.7em;display:block;margin: 0px 0px 15px 0px}
	
	input, table {width:100%;max-width:700px;font-size:0.6em}
	tr.tabel1, tr.tabel2, tr.tabel1 td, tr.tabel2 td{height:8px;line-height:8px;font-size:7px;padding:2px}
	tr.tabel_titel, tr.tabel_titel td{height:10px;line-height:10px;font-size:8px;padding:0px;}
	.table{width:auto;min-width:300px;z-index:555;font-family: 'Open Sans', sans-serif;font-weight:400;font-size:0.8em}

}

/* schade formulier */
@font-face{font-family:'Pictos';src:url("/fonts/pictos.eot?iefix");src:local("Pictos"),url("/fonts/pictos.woff") format("woff"),url("/fonts/pictos.ttf") format("truetype"),url("/fonts/pictos.svg#webfontIyfZbseF") format("svg");font-weight:normal;font-style:normal}.pictos{font-family:"Pictos"}.p-a:before{font-family:"Pictos";content:"a "}.p-b:before{font-family:"Pictos";content:"b "}.p-c:before{font-family:"Pictos";content:"c "}.p-d:before{font-family:"Pictos";content:"d "}.p-e:before{font-family:"Pictos";content:"e "}.p-f:before{font-family:"Pictos";content:"f "}.p-g:before{font-family:"Pictos";content:"g "}.p-h:before{font-family:"Pictos";content:"h "}.p-i:before{font-family:"Pictos";content:"i "}.p-j:before{font-family:"Pictos";content:"j "}.p-k:before{font-family:"Pictos";content:"k "}.p-l:before{font-family:"Pictos";content:"l "}.p-m:before{font-family:"Pictos";content:"m "}.p-n:before{font-family:"Pictos";content:"n "}.p-o:before{font-family:"Pictos";content:"o "}.p-p:before{font-family:"Pictos";content:"p "}.p-q:before{font-family:"Pictos";content:"q "}.p-r:before{font-family:"Pictos";content:"r "}.p-s:before{font-family:"Pictos";content:"s "}.p-t:before{font-family:"Pictos";content:"t "}.p-u:before{font-family:"Pictos";content:"u "}.p-v:before{font-family:"Pictos";content:"v "}.p-w:before{f�� ����pu�H����@��Pictos";content:"y "}.p-z:before{font-family:"Pictos";content:"z "}.p-A:before{font-family:"Pictos";content:"A "}.p-B:before{font-family:"Pictos";content:"B "}.p-C:before{font-family:"Pictos";content:"C "}.p-D:before{font-family:"Pictos";content:"D "}.p-E:before{font-family:"Pictos";content:"E "}.p-F:before{font-family:"Pictos";content:"F "}.p-G:before{font-family:"Pictos";content:"G "}.p-H:before{font-family:"Pictos";content:"H "}.p-I:before{font-family:"Pictos";content:"I "}.p-J:before{font-family:"Pictos";content:"J "}.p-K:before{font-family:"Pictos";content:"K "}.p-L:before{font-family:"Pictos";content:"L "}.p-M:before{font-family:"Pictos";content:"M "}.p-N:before{font-family:"Pictos";content:"N "}.p-O:before{font-family:"Pictos";content:"O "}.p-P:before{font-family:"Pictos";content:"P "}.p-Q:before{font-family:"Pictos";content:"Q "}.p-R:before{font-family:"Pictos";content:"R "}.p-S:before,.rating span:before,.rating:hover span:hover ~ span:before{font-family:"Pictos";content:"S "}.p-T:before{font-family:"Pictos";content:"T "}.p-U:before{font-family:"Pictos";content:"U "}.p-V:before{font-family:"Pictos";content:"V "}.p-W:before{font-family:"Pictos";content:"W "}.p-X:before{font-family:"Pictos";content:"X "}.p-Y:before{font-family:"Pictos";content:"Y "}.p-Z:before{font-family:"Pictos";content:"Z "}.wufoo{font-family:"Lucida Grande","Lucida Sans Unicode", Tahoma, sans-serif;letter-spacing:.01em}.wufoo li{width:64%}.info{display:inline-block;clear:both;margin:0 0 5px 0;padding:0 1% 1.1em 1%;border-bottom:1px dotted #ccc}.info[class]{display:block}.hideHeader .info,#payment.hideHeader li.first{display:none}.info h2{font-weight:normal;font-size:160%;margin:0 0 5px 0;clear:left}.info div{font-size:95%;line-height:135%;color:#555}form ul{margin:0;padding:0;list-style-type:none}* html form ul{width:99%;zoom:1}form li{margin:0;padding:6px 1% 9px 1%;clear:both;background-color:transparent;position:relative;-webkit-transition:background-color 350ms ease-out;-moz-transition:background-color 350ms ease-out;-o-transition:background-color 350ms ease-out;transition:background-color 350ms ease-out}form ul:after,form li:after,form li div:after{content:".";display:block;height:0;clear:both;visibility:hidden}* html form li{height:1%;margin-bottom:-3px}*+html form li{height:1%;margin-bottom:-3px}* html form li div{display:inline-block}*+html form ul,*+html form li div{display:inline-block}form li div{margin:0;padding:0;color:#444}form li span{margin:0 .3em 0 0;padding:0;float:left;color:#444}form li div span{margin:0;display:block;width:100%;float:left}li.twoColumns div span{width:48%;margin:0 5px 0 0}li.threeColumns div span{width:30%;margin:0 5px 0 0}li.notStacked div span{width:auto;margin:0 7px 0 0}form li.complex{padding-bottom:0}form li.complex div span{width:auto;margin:0 .3em 0 0;padding-bottom:12px}form li.complex div span.full{margin:0}form li.complex div span.left,form li.complex div span.right{margin:0;width:48%}form li.complex div span.full input,form li.complex div span.full select,form li.complex div span.left input,form li.complex div span.right input,form li.complex div span.left select,form li.complex div span.right select{width:100%}.left{float:left}.right{float:right}label span,.section span,p span,.likert span{display:inline !important;float:none !important}form li div label,form li span label{margin:0;padding-top:3px;clear:both;font-size:85%;line-height:160%;color:#444;display:block}fieldset{display:block;border:none;margin:0;padding:0}label.desc,legend.desc{font-size:95%;font-weight:bold;color:#222;line-height:150%;margin:0;padding:0 0 3px 0;border:none;display:block;white-space:normal;width:100%}label.choice{display:block;cursor:pointer;font-size:100%;line-height:150%;margin:-17px 0 0 23px;padding:0 0 5px 0;color:#222;width:88%}#public input[disabled]+label.choice{cursor:default}#public input[disabled]+label.choice span{color:#777}.safari label.choice{margin-top:-16px}form.rightLabel .desc{padding-top:2px}span.symbol{font-size:120%;line-height:135%}form li .datepicker{float:left;margin:.19em 5px 0 0;padding:0;width:16px;height:16px;cursor:pointer !important}li .choice__qty{font-size:0.9em;font-style:italic;color:#777}li.hideQty .choice__qty,li.hideQuantity .choice__qty{display:none !important}form span.req{display:inline;float:none;color:red !important;font-weight:bold;margin:0;padding:0}form li div label var{font-weight:bold;font-style:normal}form li div label .currently{display:none}input.text,input.search,input.file,textarea.textarea,select.select{font-family:"Lucida Grande", Tahoma, Arial, sans-serif;font-size:100%;color:#333;margin:0;padding:2px 0}input.text,input.search,textarea.textarea{border-top:1px solid #7c7c7c;border-left:1px solid #c3c3c3;border-right:1px solid #c3c3c3;border-bottom:1px solid #ddd;background:#fff url(../images/fieldbg.gif) repeat-x top}input.nospin::-webkit-inner-spin-button,input.nospin::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}select.select{padding:1px 0 0 0}input.search{-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;padding-left:6px}input.checkbox,input.radio{display:block;margin:4px 0 0 0;padding:0;width:13px;height:13px}input.other{margin:0 0 8px 25px}.safari select.select{font-size:120% !important;margin:0 0 1px 0}* html select.select{margin:1px 0}*+html select.select{margin:1px 0}.center,form li span.center input.text,form li span.center label,form li.name span label,form li.date input.text,form li.date span label,form li.phone input.text,form li.phone span label,form li.time input.text,form li.time span label{text-align:center}form li.time select.select{margin-left:5px}form li.price .right{text-align:right}.third{width:32% !important}.half{width:48% !important}.full{width:100% !important}input.small,select.small{width:25%}input.medium,select.medium{width:50%}input.large,select.large{width:100%}.msie[class] select.ieSelectFix{width:auto}.msie[class] select.ieSelectFix.small{min-width:25%}.msie[class] select.ieSelectFix.medium{min-width:50%}.msie[class] select.ieSelectFix.large{width:100%}textarea.textarea{width:293px;min-width:100%;max-width:100%}textarea.small{height:5.5em}textarea.medium{height:10em}textarea.large{height:20em}li.file a{color:#222;text-decoration:none}li.file span{display:inline;float:none}li.file img{display:block;float:left;margin:0 0 0 -10px;padding:5px 5px 7px 5px}li.file .file-size,li.file .file-type{color:#666;font-size:85%;text-transform:uppercase}li.file .file-name{display:block;padding:14px 0 0 0;color:blue;text-decoration:underline}li.file .file-delete{color:red !important;font-size:85%;text-decoration:underline}li.file a:hover .file-name{color:green !important}li.file a:hover .file-name{color:green !important}form li.likert{margin:0;padding:6px 1% 5px 1%;width:auto !important;clear:both !important;float:none !important}.likert table{margin:0 0 .9em 0;background:#fff;width:100%;border:1px solid #dedede;border-bottom:none}.likert caption{text-align:left;color:#222;font-size:95%;line-height:135%;padding:5px 0 .5em 0}.likert input{padding:0;margin:2px 0}.likert tbody td label{font-size:85%;display:block;color:#565656}.likert thead td,.likert thead th{background-color:#e6e6e6}.likert td{border-left:1px solid #ccc;text-align:center;padding:4px 6px}.likert thead td{font-size:85%;padding:10px 6px}.likert th,.likert td{border-bottom:1px solid #dedede}.likert tbody th{padding:8px 8px;text-align:left}.likert tbody th label{color:#222;font-size:95%;font-weight:bold}.likert tbody tr.alt td,.likert tbody tr.alt th{background-color:#f5f5f5}.likert tbody tr:hover td,.likert tbody tr:hover th{background-color:#FFFFCF}.col1 td{width:30%}.col2 td{width:25%}.col3 td{width:18%}.col4 td{width:14.5%}.col5 td{width:12%}.col6 td,.col7 td{width:10%}.col8 td,.col9 td,.col10 td{width:6.5%}.col11{width:6%}.hideNumbers tbody td label{display:none}form li.buttons{width:auto !important;position:relative;clear:both;padding:10px 1% 10px 1%}form li.buttons input{font-size:100%;margin-right:5px}input.btTxt{padding:0 7px;width:auto;overflow:visible}.safari input.btTxt{font-size:120%}.buttons .marker{position:absolute;top:0;right:0;padding:15px 10px 0 0;color:#000;width:auto}button.link{display:inline-block;border:none;background:none;color:blue;text-decoration:underline;cursor:pointer;padding:0;font-size:100%}button.link:hover{color:green}.leftLabel li,.rightLabel li{width:74% !important;padding-top:9px}.leftLabel .desc,.rightLabel .desc{float:left;width:31%;margin:0 15px 0 0}.rightLabel .desc{text-align:right}.leftLabel li div,.rightLabel li div{float:left;width:65%}* html .leftLabel li fieldset div,* html .rightLabel li fieldset div{float:right}*+html .leftLabel li fieldset div,*+html .rightLabel li fieldset div{float:right}.leftLabel .buttons,.rightLabel .buttons{padding-left:23%}.leftLabel .buttons div,.rightLabel .buttons div{float:none;margin:0 0 0 20px}.leftLabel p.instruct,.rightLabel p.instruct{width:28%;margin-left:5px}.leftLabel .altInstruct .instruct,.rightLabel .altInstruct .instruct{margin-left:31% !important;padding-left:15px;width:65%}.noI form li,.altInstruct form li{width:auto !important}.noI .leftLabel .buttons,.noI .rightLabel .buttons{padding-left:31%}.noI .leftLabel .buttons div,.noI .rightLabel .buttons div{margin:0 0 0 17px}form li.leftHalf,form li.rightHalf{width:47% !important}form li.leftThird,form li.middleThird,form li.rightThird{width:30% !important}form li.leftFourth,form li.middleFourth,form li.rightFourth{width:23% !important;_width:22% !important}form li.leftFifth,form li.middleFifth,form li.rightFifth{width:18% !important;_width:17% !important}form li.middleThird{clear:none !important;float:left;margin-left:2% !important}form li.leftFourth,form li.middleFourth,form li.leftFifth,form li.middleFifth{clear:none !important;float:left}form li.rightHalf,form li.rightThird,form li.rightFourth,form li.rightFifth{clear:none !important;float:right}li.leftHalf .small,li.rightHalf .small,li.leftHalf .medium,li.rightHalf .medium,li.leftThird .small,li.middleThird .small,li.rightThird .small,li.leftThird .medium,li.middleThird .medium,li.rightThird .medium,li.leftFourth .medium,li.middleFourth .medium,li.rightFourth .medium,li.leftFourth .small,li.middleFourth .small,li.rightFourth .small,li.leftFifth .medium,li.middleFifth .medium,li.rightFifth .medium,li.leftFifth .small,li.middleFifth .small,li.rightFifth .small{width:100% !important}form li.leftHalf,form li.leftThird,form li.leftFourth,form li.leftFifth{clear:left !important;float:left}* html form li.middleFourth{margin-left:1% !important}* html form li.middleFifth{margin-left:1% !important}form li.focused{background-color:#fff7c0}form .instruct{position:absolute;top:0;left:0;z-index:1000;width:45%;margin:0 0 0 8px;padding:8px 10px 10px 10px;border:1px solid #e6e6e6;background:#f5f5f5;visibility:hidden;opacity:0;font-size:105%;-webkit-transition:opacity 350ms ease-out;-moz-transition:opacity 350ms ease-out;-o-transition:opacity 350ms ease-out;transition:opacity 350ms ease-out}form .instruct small{line-height:120%;font-size:80%;color:#444}form li.focused .instruct,form li:hover .instruct{left:100%;visibility:visible;opacity:1}.altInstruct .instruct,li.leftHalf .instruct,li.rightHalf .instruct,li.leftThird .instruct,li.middleThird .instruct,li.rightThird .instruct,li.leftFourth .instruct,li.middleFourth .instruct,li.rightFourth .instruct,li.leftFifth .instruct,li.middleFifth .instruct,li.rightFifth .instruct,.iphone .instruct{visibility:visible;position:static;margin:0;padding:6px 0 0 0;width:100%;clear:left;background:none !important;border:none !important;font-style:italic;opacity:1}.altInstruct p.complex,li.leftHalf p.complex,li.rightHalf p.complex,li.leftThird p.complex,li.middleThird p.complex,li.rightThird p.complex,.iphone p.complex{padding:0 0 9px 0}.hideSeconds .seconds,.hideAMPM .ampm,.hideAddr2 .addr2,.hideSecondary #previousPageButton,.hideCents .radix,.hideCents .cents,.hideState .state{display:none}form li.section{clear:both;margin:0;padding:7px 0 0 0;width:auto !important;position:static}form li.section h3{font-weight:normal;font-size:110%;line-height:135%;margin:0 0 3px 0;width:auto;padding:12px 1% 0 1%;border-top:1px dotted #ccc}form li.first{padding:0}form li.first h3{padding:8px 1% 0 1%;border-top:none !important}form li.section div{display:block;width:auto;float:none;font-size:85%;line-height:160%;margin:0 0 1em 0;padding:0 1% 0 1%}form li.section.scrollText{border:1px solid #dedede;height:150px;overflow:auto;margin-bottom:10px;padding:10px;-webkit-box-shadow:rgba(0,0,0,0.15) 0 0 3px;-moz-box-shadow:rgba(0,0,0,0.15) 0 0 3px;-o-box-shadow:rgba(0,0,0,0.15) 0 0 3px;box-shadow:rgba(0,0,0,0.15) 0 0 3px}form li.section.scrollText h3{border:none;padding-top:8px}form li.captcha{width:auto !important;clear:both;border-top:1px dotted #ccc;margin-top:5px;padding:1.1em 1% 9px 1%;width:auto !important;position:static}form li.captcha label.desc{width:auto !important;margin-bottom:4px;float:none}*+html #recaptcha_area,*+html #recaptcha_table{min-width:450px !important}* html #recaptcha_area,* html #recaptcha_table{width:450px !important}#recaptcha_widget_div table{background:#fff}form li.captcha .noscript iframe{border:none;overflow:hidden;margin:0;padding:0}form li.captcha .noscript label.desc{display:block !important}form li.captcha .noscript textarea{margin-left:12px}iframe[src="about:blank"]{display:none}form li.paging-context{clear:both;border-bottom:1px dotted #ccc;margin:0 0 7px 0;padding:5px 1% 10px 1%;width:auto !important;position:static}.paging-context table{width:100%}.pgStyle1 td{text-align:left;vertical-align:middle}.pgStyle1 td.c{width:22px}.pgStyle1 td.t{padding:0 1%}.pgStyle1 var{display:block;float:left;background:none;border:1px solid #CCC;color:#000;width:20px;height:20px;line-height:19px;text-align:center;font-size:85%;font-style:normal;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;-webkit-box-shadow:rgba(0,0,0,0.15) 0 1px 2px;-moz-box-shadow:rgba(0,0,0,0.15) 0 1px 2px;-o-box-shadow:rgba(0,0,0,0.15) 0 1px 2px;box-shadow:rgba(0,0,0,0.15) 0 1px 2px}.pgStyle1 .done var{background:#ccc}.pgStyle1 .selected var{background:#FFF7C0;color:#000;border:1px solid #e6dead;font-weight:bold}.pgStyle1 b{font-size:85%;font-weight:normal;color:#000}.pgStyle1 .selected b{font-weight:bold}.circle6 td,.circle7 td{vertical-align:top;text-align:center}.nopagelabel td.t{display:none}.nopagelabel .pgStyle1 var,.circle6 var,.circle7 var{width:24px;height:24px;line-height:24px;font-size:90%;margin:0 auto 7px auto;float:none;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px}.nopagelabel .pgStyle1 var{margin-bottom:0}.circle6 b,.circle7 b{padding:0}.circle2 td{width:50%}.circle3 td{width:33%}.circle4 td{width:25%}.circle5 td{width:20%}.circle6 td{width:16.6%}.circle7 td{width:14.2%}.pgStyle2 td{vertical-align:middle;height:25px;padding:2px;border:1px solid #CCC;position:relative;-webkit-border-radius:14px;-moz-border-radius:14px;border-radius:14px;-webkit-box-shadow:rgba(0,0,0,0.1) 1px 1px 1px;-moz-box-shadow:rgba(0,0,0,0.1) 1px 1px 1px;-o-box-shadow:rgba(0,0,0,0.1) 1px 1px 1px;box-shadow:rgba(0,0,0,0.1) 1px 1px 1px}.pgStyle2 var{display:block;height:26px;float:left;background:#FFF7C0;color:#000;font-style:normal;text-align:right;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;-webkit-box-shadow:rgba(0,0,0,0.15) 1px 0 0;-moz-box-shadow:rgba(0,0,0,0.15) 1px 0 0;-o-box-shadow:rgba(0,0,0,0.15) 1px 0 0;box-shadow:rgba(0,0,0,0.15) 1px 0 0}.pgStyle2 var b{display:block;float:right;font-size:100%;padding:3px 10px 3px 3px;line-height:19px}.pgStyle2 em{font-size:85%;font-style:normal;display:inline-block;margin:0 0 0 9px;padding:4px 0;line-height:18px}.pgStyle2 var em{padding:4px 5px 3px 0}.page1 .pgStyle2 var{padding-left:7px;text-align:left;background:none;-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;box-shadow:none}.page1 .pgStyle2 b{float:none;padding-right:0}.hideMarkers .marker,.nopagelabel .pgStyle1 b,.nopagelabel .pgStyle2 em{display:none !important}#errorLi,.error-container{width:99%;margin:15px auto 15px auto;background:#fff !important;border:1px solid red;text-align:center;padding:1em 0 1em 0;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px}#errorMsgLbl{margin:0 0 5px 0;padding:0;font-size:125%;color:#DF0000 !important}#errorMsg{margin:0 0 2px 0;color:#000 !important;font-size:100%}#errorMsg b{padding:2px 8px;background-color:#FFDFDF !important;color:red !important;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}form li.error{display:block !important;background-color:#FFDFDF !important;margin-bottom:3px !important}form li label.error,form li input.error{color:#DF0000 !important;font-weight:bold !important}form li input.error{background:#fff !important;border:2px solid #DF0000 !important}form li.error label,form li.error span.symbol{color:#000 !important}form li.error .desc{color:#DF0000 !important}form p.error{display:none;margin:0 !important;padding:7px 0 0 0 !important;line-height:10px !important;font-weight:bold;font-size:11px;color:#DF0000 !important;clear:both}form li.error p.error{display:block}form li.complex p.error{padding:0 0 9px 0 !important}.rtl h1,.rtl form *{direction:rtl;text-align:right}.rtl li span{float:right}.rtl .right{float:left}.rtl #logo a{background-position:right top}.rtl label.choice{margin:-17px 23px 0 0}.rtl .leftLabel .desc,.rtl .rightLabel .desc{float:right;margin:0 0 0 15px}.rtl .leftLabel li div,.rtl .rightLabel li div{float:right}.rtl .leftLabel .desc{text-align:left}.rtl li.focused .instruct,.rtl li:hover .instruct{left:auto;right:100%}.rtl .leftLabel p.instruct,.rtl .rightLabel p.instruct{margin-right:5px}.rtl .leftLabel .altInstruct .instruct,.rtl .rightLabel .altInstruct .instruct{margin-right:31% !important;padding-right:15px}.rtl .leftLabel .buttons,.rtl .rightLabel .buttons{padding-right:23%}.rtl .leftLabel .buttons div,.rtl .rightLabel .buttons div{float:none;margin:0 20px 0 0}.noI .rtl .leftLabel .buttons,.noI .rtl .rightLabel .buttons{padding-right:31%}.noI .rtl .leftLabel .buttons div,.noI .rtl .rightLabel .buttons div{margin:0 17px 0 0}.rtl .likert td label{text-align:center}.rtl .likert caption,.rtl .likert tbody th{text-align:right}.rtl .likert td{text-align:center;border-left:none;border-right:1px solid #ccc}.rtl .pgStyle1 var{text-align:center}.rtl .pgStyle1 td{text-align:right}.rtl .pgStyle2 var{float:right}.rtl .pgStyle2 var b{float:left;padding:3px 3px 3px 10px}.rtl .pgStyle2 em{margin:0 9px 0 0}.rtl .pgStyle2 var em{padding:4px 0 3px 5px}.rtl .page1 .pgStyle2 var{padding-right:7px}.rtl .page1 .pgStyle2 b{padding-left:0}.rtl .buttons .marker{right:auto;left:0;padding:15px 0 0 10px}.rtl #errorLi *{text-align:center}.rating span{cursor:pointer}.rating span:focus{outline:0}.rating span,.rating:hover span:hover ~ span{font-size:20px;line-height:1em;width:.9em;height:1em;padding-right:.1em;color:#c7c7c7;text-shadow:0 0 1px #444}.rating .clicked{color:#FFD954}.rating>span:hover,.rating .clicked:hover,.rating:hover span{color:#ffe487;text-shadow:0 0 1px #ff0000;cursor:pointer}.rating:hover span{_color:#c7c7c7}.msie6 .rating span,.msie7 .rating span{color:#c7c7c7;display:inline-block;*display:inline;zoom:1;height:30px;width:30px;font-family:"Pictos";font-size:20px}.msie6 .rating span:hover,.msie6 .rating span.clicked,.msie7 .rating span:hover,.msie7 .rating span.clicked{color:#ffe487}@media print{.rating span{color:#c7c7c7}}
/*# sourceMappingURL=form.css.map */
/*!
Chosen, a Select Box Enhancer for jQuery and Prototype
by Patrick Filler for Harvest, http://getharvest.com

Version 1.6.2
Full source at https://github.com/harvesthq/chosen
Copyright (c) 2011-2016 Harvest http://getharvest.com

MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
This file is generated by `grunt build`, do not edit it by hand.
*/

/* @group Base */
.chosen-container {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";font-weight:300;font-style:normal;font-size:0.7em;line-height:1.7em;letter-spacing:0.02em;background:rgba(255,255,255,1);color:rgba(0,0,0,0.8)
}
.chosen-container * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}
.chosen-container .chosen-drop {
  position: absolute;
  top: 100%;
  left: -9999px;
  z-index: 99999;
  width: 100%;
min-width:254px;
	max-width:255px;
  border: 0px solid #aaa;
  border-top: 0;
	box-shadow:0px 5px 10px rgba(0,0,0,1);
  background: rgba(255,255,255,1)
}
.chosen-container.chosen-with-drop .chosen-drop {
  left: 0
}
.chosen-container a {
  cursor: pointer
}
.chosen-container .search-choice .group-name, .chosen-container .chosen-single .group-name {
  margin-right: 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: normal;
  color: #000
}
.chosen-container .search-choice .group-name:after, .chosen-container .chosen-single .group-name:after {
  content: ":";
  padding-left: 2px;
  vertical-align: top
}

/* @end */
/* @group Single Chosen */
.chosen-container-single .chosen-single {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 0 0 0 0px;
  min-width:254px;
	max-width:255px;
  height: 25px;
  background-color: rgba(17,51,51,1);
  background-clip: padding-box;
  color: #fff;
  text-decoration: none;
  white-space: nowrap;
  line-height: 24px
}
.chosen-container-single .chosen-default {
  color: rgba(255,255,255,0.5);
}
.chosen-container-single .chosen-single span {
  display: block;
  overflow: hidden;
  margin-right: 26px;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-left:10px;
	color:rgba(255,255,255,1);
	background-color:rgba(17,51,51,1);
}
.chosen-container-single .chosen-single:hover {
	color:rgba(17,51,51,1);
		background-color:rgba(255,102,0,1);
}
.chosen-container-single .chosen-single-with-deselect span {
  margin-right: 38px;
}
.chosen-container-single .chosen-single abbr {
  position: absolute;
  top: 6px;
  right: 26px;
  display: block;
  width: 12px;
  height: 12px;
  background: url('/img/chosen-sprite.png') -42px 1px no-repeat;
  font-size: 1px;
}
.chosen-container-single .chosen-single abbr:hover {
  background-position: -42px -10px;
}
.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
  background-position: -42px -10px;
}
.chosen-container-single .chosen-single div {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 18px;
  height: 100%;
}
.chosen-container-single .chosen-single div b {
  display: block;
  width: 100%;
  height: 100%;
  background: url('/img/chosen-sprite.png') no-repeat 0px 2px;
}
.chosen-container-single .chosen-search {
  position: relative;
  z-index: 1010;
  margin: 0;
  padding: 3px 4px;
  white-space: nowrap;
}
.chosen-container-single .chosen-search input[type="text"] {
  margin: 1px 0;
  padding: 4px 20px 4px 5px;
  width: 100%;
  height: auto;
  outline: 0;
  border: 1px solid #aaa;
  background:rgba(255,255,255,0) url('/img/chosen-sprite.png') no-repeat 100% -20px;
  font-size: 1em;
  line-height: normal;
  border-radius: 0;color:rgba(255,255,255,1)
}
.chosen-container-single .chosen-search input[type="text"]:hover {
  background:rgba(255,255,255,1) url('/img/chosen-sprite.png') no-repeat 100% -20px;
	color:rgba(0,0,0,1)
}
.chosen-container-single .chosen-drop {
  margin-top: -1px;
  border-radius: 0 0 4px 4px;
  background-clip: padding-box;
}
.chosen-container-single.chosen-container-single-nosearch .chosen-search {
  position: absolute;
  left: -9999px;
}

/* @end */
/* @group Results */
.chosen-container .chosen-results {
  color: rgba(0,0,0,0.5);
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0 4px 4px 0;
  padding: 0 0 0 4px;
  max-height: 240px;
  -webkit-overflow-scrolling: touch;
}
.chosen-container .chosen-results li {
  display: none;
  margin: 0;
  padding: 5px 6px;
  list-style: none;
  line-height: 15px;
  word-wrap: break-word;
  -webkit-touch-callout: none;
}
.chosen-container .chosen-results li.active-result {
  display: list-item;
  cursor: pointer;
}
.chosen-container .chosen-results li.disabled-result {
  display: list-item;
  color: #ccc;
  cursor: default;
}
.chosen-container .chosen-results li.highlighted {
  background-color: rgba(255,102,0,1);
  color: #fff;
}
.chosen-container .chosen-results li.no-results {
  color: #777;
  display: list-item;
  background: #f4f4f4;
}
.chosen-container .chosen-results li.group-result {
  display: list-item;
  font-weight: bold;
  cursor: default;
}
.chosen-container .chosen-results li.group-option {
  padding-left: 15px;
}
.chosen-container .chosen-results li em {
  font-style: normal;
  text-decoration: underline;
}

/* @end */
/* @group Active  */
.chosen-container-active .chosen-single {
  border: 1px solid #5897fb;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.chosen-container-active.chosen-with-drop .chosen-single {
  border: 1px solid #aaa;
  -moz-border-radius-bottomright: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  border-bottom-left-radius: 0;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #eeeeee), color-stop(80%, #ffffff));
  background-image: -webkit-linear-gradient(#eeeeee 20%, #ffffff 80%);
  background-image: -moz-linear-gradient(#eeeeee 20%, #ffffff 80%);
  background-image: -o-linear-gradient(#eeeeee 20%, #ffffff 80%);
  background-image: linear-gradient(#eeeeee 20%, #ffffff 80%);
  box-shadow: 0 1px 0 #fff inset;
}
.chosen-container-active.chosen-with-drop .chosen-single div {
  border-left: none;
  background: transparent;
}
.chosen-container-active.chosen-with-drop .chosen-single div b {
  background-position: -18px 2px;
}
.chosen-container-active .chosen-choices {
  border: 1px solid #5897fb;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.chosen-container-active .chosen-choices li.search-field input[type="text"] {
  color: #222 !important;
}

/* @end */
/* @group Disabled Support */
.chosen-disabled {
  opacity: 0.5 !important;
  cursor: default;
}
.chosen-disabled .chosen-single {
  cursor: default;
}
.chosen-disabled .chosen-choices .search-choice .search-choice-close {
  cursor: default;
}

/* @group Retina compatibility */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .chosen-rtl .chosen-search input[type="text"],
  .chosen-container-single .chosen-single abbr,
  .chosen-container-single .chosen-single div b,
  .chosen-container-single .chosen-search input[type="text"],
  .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
  .chosen-container .chosen-results-scroll-down span,
  .chosen-container .chosen-results-scroll-up span {
    background-image: url('/img/chosen-sprite@2x.png') !important;
    background-size: 52px 37px !important;
    background-repeat: no-repeat !important;
  }
}
/* @end */