/*** CHANGE 
#F66013: maincolor
***/

#mobiledevice																											{ display:block; }

/* text */
html																															{ background: #FFFFFF; }
html, body, input, select, textarea																{ font-family: 'Roboto Slab', Arial,Helvetica,sans-serif; color: #585858; font-size: 100%; /* deze 'basis'-font-size baseren we op de schermgrootte: wat groter op kleine schermen en vice versa. Als dan ook alle andere fonts in percentages t.o.v. deze worden gedefinieerd, hoeven we daar voor andere schermen in de meeste gevallen niets meer aan te doen */  }
html, body, input, select, textarea, a														{ line-height: 140%; }
html.noscroll *																										{ }

h1, h2, h3, h4																										{ line-height: 1; }
h1																																{ font-size: 200%; color: #F66013; margin: 0 0 20px 0; }
h2																																{ font-size: 140%; color: #F66013; margin: 0 0 8px 0; }
h3																																{ font-size: 110%; color: #fff; margin: 0 0 5px 0; }
h4																																{ font-size: 110%; color: #fff; margin: 0; }
p																																	{ margin: 0 0 15px 0; line-height: 1.8em; }
a, a:visited, a:active, a:hover																		{ text-decoration: none; outline: none; color: inherit; }
ul, li																														{ list-style-type: none; }
a:active, a:hover																									{ color: #F66013; }

.columns																													{ column-count: 2; -moz-column-count: 2; -webkit-column-count: 2; column-gap: 30px; -moz-column-gap: 30px; -webkit-column-gap: 30px; }
.customcolor																											{ color: #F66013 }
.errormessage																											{ color: #DD3735; font-weight: bold }

.getsupersized .poweredby																					{ display: inline-block; position: relative; float: right; margin: -30px 30px 0 0; font-size: 80%; color: #FFFFFF; font-weight: bold }
.poweredby a:hover 																								{ color: #F66013 }

/* fontello */
@font-face																												{ font-family: 'fontello'; src: url('../font/fontello.eot?47726738'); src: url('../font/fontello.eot?47726738#iefix') format('embedded-opentype'), url('../font/fontello.woff?47726738') format('woff'), url('../font/fontello.ttf?47726738') format('truetype'), url('../font/fontello.svg?47726738#fontello') format('svg'); font-weight: normal; font-style: normal; }
.fontello																													{ font-family: "fontello"; font-style: normal; font-weight: normal; display: inline-block; text-decoration: inherit; /*width: 1em; */ margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; -webkit-font-smoothing: antialiased; }

/* buttons */
.button																														{ display: inline-block; border: none; line-height: 1; box-sizing: border-box; -webkit-transition: .2s; transition: .2s; font-weight: 700; margin: 0 5px 5px 0; }
a.button.yourpp																										{ width: 100%; }
.button.none																											{ font-size: 85%;  }
.button.tiny																											{ font-size: 80%; padding: 5px 8px; text-transform: lowercase; border-radius: 2px; }
.button.small																											{ font-size: 85%; padding: 8px 10px; border-radius: 3px; }
.button.medium																										{ padding: 10px 15px; text-transform: uppercase;  }
.button.big																												{ padding: 15px 20px; font-size: 130%; text-transform: uppercase; }
.button.big.inactive																							{ background: #b7b7b7; }
.button.big:hover																									{ text-decoration: none; }
.button.huge																											{ width: 50%; padding: 16px 0; margin: 0; font-weight: 700; text-align: center; text-transform: uppercase; }
.button span.counter																							{ float: right; border-left: 1px solid #fff; display: block; text-align: right; box-sizing: border-box; padding: 0 0 0 15px; margin: 0 0 0 15px; }
.submit																														{ -webkit-transition: .2s; transition: .2s; font-weight: 400; font-size: 110%}
.button.close																											{ display: block; color: #FFFFFF; position: absolute; box-sizing: border-box; height: 100%; margin: 0; top: 0; right: 0; bottom: 0; padding: 15px 15px 0; text-align: center; z-index: 5500; font-size: 110%; font-weight: bold;  }
.button.close:hover																								{ text-decoration: none; background: #FFF; color: #555  }
.button.nocolor																										{ color: #555; }
.button.nocolor.inactive																					{ color: #ccc; }
.button.nocolor:hover																							{ background: #B7B7B7; color: #fff; }
.button.nocolor.inactive:hover																		{ background: none; color: #ccc; }
.button.white																											{ background: #fff; color: #555; }
.button.white:hover																								{ background: #555; color: #fff; }
.button.darkgrey																									{ background: #5B5B5B; color: #fff; }
.button.darkgrey:hover																						{ background: #F66013; color: #fff; }
.button.lightgrey																									{ background: #e1e1e1; color: #555; }
.button.lightgrey:hover																						{ background: #F66013; color: #fff; }
.button.customcolor																								{ background: #F66013; color: #fff; }
.button.customcolor:hover																					{ text-decoration: none; opacity: 0.90 }
.button.active																										{ background: #F66013; color: #fff; }
.button.active:hover																							{ opacity: 0.9; }

/* square */
.button.square																										{ display: inline-block; float: left; margin: 0 5px 5px 0; padding: 0; }
.button.square span																								{ font-size: 200%; line-height: 0; }
.button.square span.fontello																			{ font-size: 100%; }
.button.square.delete:hover																				{ background: red; color: #fff; }
.button.square.delete:hover .fontello															{ color: #fff; }
.button.square.medium																							{ height: 36px; width: 36px; text-align: center; box-sizing: border-box; padding: 10px 0 0 0; }
.button.square.large																							{ height: 44px; width: 48px; text-align: center; box-sizing: border-box; padding: 10px 0 0 0; }
a.button.yourpp																										{ width: 400px; display: block; margin: 0 0 5px 0; }
a.button.yourpp span																							{ float: right; display: inline-block; background: #ccc; border-radius: 2px; width: 30px; text-align: center; /*font-size: 12px; */}
a.button.yourpp:hover span																				{ color: #fff; }
.icon																															{ text-align: center; display: block; }
.icon span																												{ display: inline-block; font-size: 200%; line-height: 1; margin: 2px auto 0; color: #999; }

.button.ourplans																									{ position: fixed; background: rgba(0,0,0,0.5); text-align: center; right: 5%; z-index: 10; bottom: 140px; color: #FFFFFF; width: 200px; padding: 30px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; }
.button.ourplans > div																						{  }
.button.ourplans:hover																						{ background: rgba(0,0,0,0.7); }
.button.ourplans span																							{ color: #F66013; display: block; margin: 10px 0 0 0px }


/* forms */
.input,.select,.textarea																					{ padding: 7px 10px; border: 1px solid #f2f2f2; margin: 0 0 10px 0; box-sizing: border-box; }
input[type=submit]																								{ -webkit-appearance: none; }
.select																														{ padding: 6px; }
.input.small, .select.small																				{ width: 50%; }
.input.medium, .select.medium																			{ width: 70%; }
.input.large, .select.large, .textarea.large											{ width: 100%; }
.input.error,.select.error,.textarea.error												{ box-shadow: 0 0 2px #f00 !important; color: #f00; }
input[type="checkbox"],input[type="radio"]												{ display: none; }
input[type="checkbox"] + label,
input[type="radio"] + label																				{ margin: 0; padding: 0; display: inline; font-weight: normal; }
input[type="checkbox"] + label span																{ display: inline-block; background: #fff; border: 1px solid #CCC; width: 14px; height: 14px; margin: -3px 6px 0 0; vertical-align: middle; padding: 1px; cursor: pointer; -webkit-transition: .2s; transition: .2s; }
input[type="checkbox"] + label a																	{ font-weight: bold }
input[type="radio"] + label span																	{ display: inline-block; background: #fff; background-clip: padding-box; width: 14px; height: 14px; border-radius: 50%; margin: -4px 10px 0 0; vertical-align: middle; padding: 1px; cursor: pointer; -webkit-transition: .2s; transition: .2s; }
input[type="checkbox"]:checked + label span												{ background: #F66013;  }
input[type="radio"]:checked + label span													{ background: #F66013; border: 1px solid #F66013; }
::-webkit-input-placeholder, 
::-moz-placeholder,
:-ms-input-placeholder, 
input:-moz-placeholder																						{ color: #aaa; }
form label, label																									{ display: block; font-weight: 600; margin: 0 0 5px 0 }

label.the-terms																										{ font-weight: normal; line-height: 180% }
label.the-terms a																									{ font-weight: 600 }


/* general layout */
#ctr-wrapper																											{ height: auto !important; margin: 0 auto 0; padding: 51px 0 0px;  }
#ctr-wrapper.small																								{ max-width: 1100px; box-sizing: border-box; margin: 50px auto }
#ctr-wrapper.small #ctr-content																		{ background: #fff; min-height: 500px; padding: 0px 5%; margin-bottom: 20px; /*box-shadow: 0 1px 3px rgba(0,0,0,0.4);*/}
#ctr-content																											{ margin: 0 auto; box-sizing: border-box; min-height: 75vh; position: relative;  }
#page-home #ctr-content																						{ padding: 0px 2% 0; min-height: auto; }
.columns																													{ column-count: 1; -moz-column-count: 1; -webkit-column-count: 1; }
.group:after																											{ content: ""; display: table; clear: both; }
.half,.half:last-child,
.onethird,
.onethird:last-child,
.twothird,
.twothird:last-child,
.onefifth,
.onefifth:last-child,
.fourty,
.fourty:last-child,
.sixty,
.sixty:last-child																									{ float: none; width: 100%; padding: 0%; }
.container																												{ margin-bottom: 15px; /* use instead of <br> please :) */ }
.container.borderbottom																						{ padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dotted #ccc; }
.alignright																												{ text-align: right; }center																																																																			{ margin: 0 auto; text-align: left; box-sizing: border-box; position: relative; }

.waiting																													{ text-align: center; }
.waiting img																											{ max-height: 80px }

/* tables */
.table																														{ display: table; width: 100%; }
.table tr td.firstcol																							{ width: 30%; }

/* flex */
.ctr-flex																													{ display: -webkit-box; display: -ms-flexbox; display: flex; }
.ctr-flex .flex																										{ -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 20%; }
.ctr-flex .flex.two																								{ -webkit-box-flex: 2; -ms-flex: 2; flex: 2; }
.ctr-flex .flex.three																							{ -webkit-box-flex: 3; -ms-flex: 3; flex: 3; }
.ctr-flex .flex.four																							{ -webkit-box-flex: 4; -ms-flex: 4; flex: 4; }

/* header */
#ctr-header																												{ position: fixed; z-index: 9000; background: #FAFAFA; top: 0; left: 0; right: 0; height: 52px; padding: 0; margin: 0; color: #fff; border-bottom: 1px solid #EEEEEE }
.getsupersized #ctr-header																				{ border-bottom: none }
#ctr-header .logo																									{ display: block;  }
#ctr-header .logo img																							{ margin: 15px 0 0px 20px; height: 20px }
#ctr-header #ctr-mainmenu .mobilemenu															{ position: fixed; display: none;  z-index: 9000; left: 0; right: 0; top: 53px; bottom: auto; box-shadow: 0 10px 10px rgba(0,0,0,0.3);  }
#ctr-header a.mainlink																						{ display: block; width: 100%; background: #FFFFFF; margin: 0;  padding: 12px 20px; box-sizing: border-box; font-size: 90%; font-weight: 700; text-transform: uppercase; color: #555555; }
#ctr-header a.mainlink:hover																			{ text-decoration: none; color:#F66013; }
#ctr-header a.mainlink.icon-home																	{ display: none; }
#ctr-header a.mainlink.icon-info																	{ margin: 0px 0  0 -8px }
#ctr-header #selection-button																			{ display: block; position: fixed; left: 0; right: 0; bottom: 0; top: auto; color: #fff; box-sizing: border-box; z-index: 7000; padding: 12px 0; margin: 0; box-shadow: none; border: none; background: #b7b7b7; /*background: #F66013; */ text-align: center; text-transform: uppercase; line-height: 90%; text-transform: none; }
#ctr-header #selection-button:hover																{ color: #fff !important; opacity: 0.9; }
#ctr-header #selection-button .label															{ display: inline-block; margin: 0 10px 0 0; text-transform: uppercase; font-weight:400; }
#ctr-header #selection-button .counter														{ display: inline-block; font-size: 110%; padding: 2px 0 2px 10px; border-left: 1px solid #fff;  font-weight: 700 }
#ctr-header .button-menu																					{ position: fixed; display: block; z-index: 6000; box-sizing: border-box; width: 52px; height: 52px; padding: 5px 16px 0; color: #555; right: 0px; top: 0; font-size: 140%; text-align: center; line-height: 190%; border-radius: 0; }

/* loginform */
#ctr-loginformbody.ctr-flex																				{ display: block }
#ctr-loginformbody.ctr-flex .flex:first-of-type										{ }
#ctr-loginformbody.ctr-flex .flex:last-of-type										{ }

/* pulldowns */
#ctr-header ul.pulldownmenu																				{ display: inline-block; }
#ctr-header ul.pulldownmenu li																		{ list-style-type: none; }
#ctr-header .optionpulldownmenu.dropit														{ margin: 0 0 30px 0; }
#ctr-header .pulldownmenu.dropit																	{ display: block; }
#ctr-header .pulldownmenu.dropit .dropit-submenu									{ display: none; position: absolute; z-index: 9999; top: auto;  left: 0; right: 0; min-width: 250px; background: #fff; list-style: none; box-shadow: 0 10px 10px rgba(0,0,0,0.3);  /* op mobiel krijgt deze een dropshadow omdat anders het verschil met de achtergrond te onduidelijk is. Beter nog zou een veil zijn, maar die krijg ik alleen als ik in de component pulldowns.js dingen ga veranderen maar dat doe ik liever niet */ }
#ctr-header .pulldownmenu.dropit .dropit-submenu a								{ display: block; padding: 10px 20px; color: #555; border-bottom: 1px solid #EEEEEE }
#ctr-header .pulldownmenu.dropit .dropit-submenu li:first-of-type a		{ border-top: 1px solid #EEEEEE }
#ctr-header .pulldownmenu.dropit .dropit-submenu li:last-of-type a		{ border: none; }
#ctr-header .pulldownmenu.dropit .dropit-submenu a:hover					{ text-decoration: none; color: #F66013; }
#ctr-header .pulldownmenu.dropit li.dropit-trigger.dropit-open > a{ color: #F66013; }
#ctr-selection .header .pulldownmenu.dropit .dropit-submenu				{ display: none; left: 0; z-index: 9999; padding: 0; margin: 0; }
#ctr-selection .header .pulldownmenu.dropit .dropit-submenu a			{ display: block; padding: 10px 0; margin-left: 20px; border-bottom: 1px solid #EEEEEE; }

/* popups */
.ctr-veil																													{ position: fixed; z-index: 7000; background: rgba(0,0,0,0.5); top: 0; right: 0; bottom: 0; left: 0; }
.ctr-veilloading																									{ background: rgba(255,255,255,0.9); position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 9999; text-align: center; }
.ctr-veilloading .loading																					{ background: url('../img/waiting/waiting.svg') no-repeat; background-size: contain; height: 70px; width: 70px; margin: 30% auto 0; }
.ctr-veilloading .text																						{ margin: 10px; font-weight: bold; }

.ctr-popup																												{ position: absolute; z-index: 8500; left: 0; right: 0; top: 51px; background: #FFFFFF; }
.ctr-popup.small,
.ctr-popup.wide																										{ position: absolute; margin: 0 auto; max-width: 100%; }
.ctr-popup.medium																									{ top: 5%; }
.ctr-popup .header																								{ background: #F66013;  position: relative; height: 50px; box-sizing: border-box; padding: 0px 0px 0px 20px; margin: 0 0 20px 0; }
.ctr-popup .header h1																							{ font-size: 120%; color: #FFFFFF; font-weight: 700; padding: 15px 0 0 0; margin: 0; }
.ctr-popup .body																									{ position: relative; padding: 0 20px 50px; min-height: 200px; }
.ctr-popup .body p																								{ margin: 0 0 20px 0; line-height: 140%; }
.ctr-popup .body .required																				{ display: block; margin: 10px 0 0 0; }
.ctr-popup .body .input,
.ctr-popup .body .select,
.ctr-popup .body .textarea																				{ margin: 0 0 10px 0; border: 1px solid #e7e7e7; background: #fff; box-sizing: border-box; }
.ctr-popup .body .input:focus																			{ border: 1px solid #ccc; }
.ctr-popup .links																									{ margin: 0 0 20px; position: relative; bottom: 0; }
.ctr-popup .buttons																								{ position: absolute; bottom: 0; right: 0; left: 0; margin: 0; text-align: right; }
.ctr-popup .buttons .button.huge																	{ float: right; }
.ctr-popup .errormessage																					{ display: none; margin: -20px 0 20px 0; padding: 20px 30px; z-index: 9999; border-bottom: 1px solid #eee; color: #CC0000; background: #fff; }

/* register */
#ctr-registerform h4																							{ color: inherit; margin: 0 0 20px 0 }
#ctr-registerform input + label																		{ font-weight: normal; }
#ctr-registerform input + label a																	{ display: inline; }
#ctr-registerform .ctr-flex .flex:first-of-type										{ padding: 0 20px 0 0 }
#ctr-registerform .ctr-flex .flex:last-of-type										{ padding: 0 0px 0 20px }

/* specials */
/*#ctr-specials																											{ position: relative; margin: 0px; padding: 20px  }
#ctr-specials .special																						{ display: block; margin: 0 1% 10px 0; width: 100%; padding: 0px; min-width: 0; max-width: 100%; position: relative; background: rgba(255,255,255,1); box-sizing: border-box; }
#ctr-specials .special:nth-child(4n)															{ margin: 0 0 10px 0;  }
#ctr-specials .special:hover																			{ background: #fff;  }
#ctr-specials .special .image																			{ overflow: hidden; float: left; width: 120px }
#ctr-specials .special .image img																	{ margin: 0px; max-width: 100%; max-height: 90px }
#ctr-specials .special .title																			{ padding: 10px; font-size: 90%; font-weight: bold; margin: 0 0 0 130px }
#ctr-specials .special .counter																		{ display: none;  }

#page-specials .summarylist .date																	{ display: inline-block; position: absolute; right: 80px; }*/

.ctr-superspecials																								{ z-index: 0 }
.ctr-superspecials .special																				{ display: block; background-repeat: no-repeat; background-position: center center; background-size: cover; height: 100vh; position: relative; width: 100%; overflow: hidden; }
.ctr-superspecials .title																					{ font-size: 100%; background: rgba(0,0,0,0.2); line-height: 120%; display: block; font-weight: bold; height: 62px; position: absolute; left: 5%; right: 5%; bottom: 5%; z-index: 99; color: #FFFFFF }
.ctr-superspecials .link																					{ display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0px; padding: 22px 10px 20px 100px;  }
.ctr-superspecials .icon																					{ position: absolute; background: rgba(0,0,0,0.2); left: 0px; padding: 20px 20px 0; top: 0; bottom: 0px; box-sizing: border-box; font-size: 26px; }
.ctr-superspecials .title:hover .icon															{ background: #F66013; color: #FFFFFF }
.ctr-superspecials .title:hover .link															{ color: #FFFFFF; background: rgba(0,0,0,0.4); }
.ctr-superspecials .button.allspecials														{ display: block; padding: 20px 0px; margin: 0px; background: #FFFFFF; color: #F66013;  }
.ctr-superspecials .button.allspecials:hover											{ background: #F66013; color: #FFFFFF }

.ctr-morecontent																									{ position: absolute; right: 0px; top: 0px; bottom: 0px;  }
a.button.morecontent																							{ display: inline-block; height: 100%; margin: 0px; padding: 18px 20px; font-size: 26px; box-sizing: border-box; text-align: center; float: right;  }
a.button.morecontent:hover																				{ background: #F66013; color: #FFFFFF }

/* saved searches */
#ctr-savedsearches h3																							{ color: #F66013; }
#ctr-savedsearches .content-medium																{ padding: 60px 0px; margin: 0px auto; max-width: 1200px;  }
#ctr-savedsearches .ctr-flex																			{ background: rgba(0,0,0,0.0); border: 0px solid #EDEDED; margin: 0 0 10px 0; overflow: hidden; }
#ctr-savedsearches .ctr-flex:hover																{ color: inherit;  }

#ctr-savedsearches .image																					{ background-position: center; min-height: 300px; text-align: center; background-size: cover; background-repeat: no-repeat; }
#ctr-savedsearches .image .title																	{ font-size: 200%; padding: 0px; color: #FFFFFF; text-shadow: 0 2px 4px rgba(0,0,0,1); font-weight: 300; position: relative; text-overflow: ellipsis; white-space: nowrap; z-index: 100; top: 50%; margin: -11px 0 0 0; width: 100%; text-transform: uppercase; }
#ctr-savedsearches .image .title span															{ display: block; font-size: 100%; margin: 0 0 20px 0 }
#ctr-savedsearches .description																		{ min-height: 300px; padding: 30px; box-sizing: border-box;  }

#ctr-savedsearches .ctr-flex:hover .image													{ -webkit-filter:brightness(80%); -moz-filter:brightness(80%); filter: url(#brightness); filter:brightness(80%);  }
#ctr-savedsearches .ctr-flex:last-of-type													{  }
#ctr-savedsearches .ctr-flex:nth-child(even) .image								{ order: 2; }
#ctr-savedsearches .ctr-flex:nth-child(even) .description					{ order: 1; }
#ctr-savedsearches .ctr-flex .flex																{ flex: 0 0 50%;}

/* ajax selection */
#ctr-selection																										{ position: fixed; z-index: 7500; box-sizing: border-box; background: #fff; border-bottom: 1px solid #DEDEDE; top: 51px; left: auto; bottom: 0px; right: -100%; width: 100%; padding: 20px 20px 50px 20px; overflow-y: auto;  }
#ctr-selection.open																								{ position: absolute; right: 0px; -webkit-transition-duration: .3s; /* Safari */ transition-duration: .3s; transition-timing-function: ease-out; }

#ctr-selection .header																						{ margin: 0 0 20px 0; height: auto; }
#ctr-selection .header h2																					{ display: block; padding: 0; margin: 0 0 10px 0; }
#ctr-selection .header .menu																			{ display: block; width: 100%; }
#ctr-selection .header .menu a.mainlink														{ display: block; padding: 10px 0; border-left: none; box-sizing: border-box; border-bottom: 1px solid #EEEE; }
#ctr-selection .header .pulldownmenu.dropit												{ display: block; width: 100%; }
#ctr-selection .content																						{ /* #ctr-selection .content heeft eigenlijk geen functie meer */ }
#ctr-selection .thumbnail																					{ margin: 0 5px 5px 0; display: inline-block; }
#ctr-selection .thumbnail .image																	{ position: relative; border: 1px solid transparent; }
#ctr-selection .thumbnail .image:hover														{ border: 1px solid #F66013; }
#ctr-selection .thumbnail .image img															{ display: block; max-height: 80px;  }
#ctr-selection .thumbnail .button.delete													{ position: absolute; line-height: 1; font-size: 85%; text-align: center; padding: 5px; font-weight: 700; margin: 0px; left: 0; right: 0px; bottom: 0px; background: rgba(0,0,0,0.6); color: #FFFFFF }
.menuselections .option																						{ font-weight: 700; }
.menuselections .option a																					{ padding: 5px 0px ; border-bottom: none }

/* lists */
.summarylist .listitem																						{ position: relative; display: block; border-bottom: 1px solid #EEE; box-sizing: border-box; width: 100%; min-width: 350px; margin: 0px; padding: 5px 50px 5px 0; }
.summarylist .listitem:hover																			{ cursor: pointer; font-weight: 600 }
.summarylist .listitem a,.summarylist .listitem .counter					{ position: absolute; line-height: 1; box-sizing: border-box; width: 40px; top: 0; right: 0; bottom: 0; font-size: 100%; padding: 9px 0; text-align: center; }
.summarylist .listitem a																					{ right: 45px; padding: 3px 5px 5px; }
.summarylist .listitem a:hover																		{ background: #c00; color: #fff; }

/* optionbuttons */
.optionbuttons																										{ position: absolute; right: 0; top: 0; }

/* search */
	/* general */
	#ctr-searchform .wrapper																				{ position: relative; /* geen ronde hoeken meer? regel hieronder weghalen */ /*border-radius: 5px; */ box-sizing: border-box; width: 100%; height: 50px; border: 1px solid #e7e7e7; margin: 0 0 10px 0; overflow: hidden; background: #fff; }
	
	#ctr-searchform-outer																						{ position: absolute; height: 60px; z-index: 100; width: 100%; top: 15%; left: 0 }
	#ctr-searchform.home																						{ max-width: 1000px; box-sizing: border-box; margin: 0 auto; }
	#ctr-searchform.home .wrapper																		{ border: none; box-shadow: 0 0 50px rgba(0,0,0,0.1); border-radius: 2px; background: #fff; }
	#ctr-searchform.home .wrapper .input														{ box-sizing: border-box; width: 100%; font-size: 100%; padding: 0 110px 0 10px; }
	
	#ctr-searchform.home .customselect 															{ position: absolute; background: rgba(0,0,0,0.6); font-size: 90%; right: 30%; top: 12px;  z-index: 500; display: inline-block; margin-bottom: 4px; border-radius: 20px; overflow: hidden;}
	#ctr-searchform.home .customselect select 											{ display: inline-block; font-size: 100%; border: none; color: #FFFFFF; margin: 0px; background: none;  padding: 5px 40px 5px 20px; cursor: pointer; outline: 0;  appearance: none; -webkit-appearance: none; -moz-appearance: none; }
	#ctr-searchform.home .customselect select option								{ padding: 0px }
	#ctr-searchform.home .customselect select::-ms-expand 					{ display: none; }
	#ctr-searchform.home .customselect select:disabled 							{ opacity: 0.5; pointer-events: none; }
	#ctr-searchform.home .customselect .arrow 											{ position: absolute; color: #FFFFFF; border-left: 1px solid #CCCCCC; font-size: 20px; line-height: 1; top: 0px; right: 0px; bottom: 0px; display: -webkit-box;display: -ms-flexbox;display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.03); pointer-events: none; }


	#ctr-searchform .advanced																				{ color: #FFFFFF; margin: 0px 0 10px; display: inline-block; }
	#ctr-searchform .advanced input[type="radio"] + label span			{ border: none; margin: 0px 3px 0 0  }
	#ctr-searchform .advanced input[type="radio"] + label						{ margin: 0 0px 0 0 }
	
	#ctr-searchform .wrapper .input																	{ position: absolute; top: 0; height: 100%; box-sizing: border-box; width: 100%; padding: 0 30% 0 20px; border: none; background: transparent; margin: 0; text-transform: lowercase; z-index: 100; font-size: 120%; }
	#ctr-searchform .wrapper .submit																{ position: absolute; background: #5B5B5B; color: #fff; font-size: 90%; font-weight: 700; width: 28%; right: 0; margin: 0; top: 0; bottom: 0; text-transform: uppercase; border: none; z-index: 200; }
	#ctr-searchform .wrapper .submit:hover,
	#ctr-searchform .wrapper .submit:active													{ background: #F66013 }
	#ctr-searchform a																								{ display: inline-block; margin: 0 5px 1px 0; }
	#ctr-searchform .form																						{ display: flex; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; }
	#ctr-searchform .form > div:first-child													{ flex: 0 0 100%; margin: 0 0 10px 0; }
	#ctr-searchform .form > div:last-child													{ flex: 0 0 100%; }

	/* next */
	#ctr-searchform.next																						{ margin: 0 0 30px 0; }
	#ctr-searchform.next .wrapper																		{ margin: 0 0 5px 0; }
	#ctr-searchform.next .links																			{ margin: 25px 0 0 0; }
	#ctr-searchform.next																						{ margin: 0 0 20px 0; }
	#ctr-searchform.next .newsearch																	{ position: absolute; right: 30%; top: 8px; font-size: 22px; z-index: 2000 }
	
	/* advanced */
	#ctr-searchformadvanced																					{ background: #FCFCFC; flex: 0 0 250px;  border-right: 1px solid #EEEEEE;  margin: 0 0px 0 0; font-size: 92%;  }
	#ctr-searchformadvanced label																		{ margin: 0 20px 0 0; font-weight: normal; }
	#ctr-searchformadvanced h4																			{ font-weight: 600; color: inherit; text-transform: uppercase; margin: 0 0 10px 0}
	#ctr-searchformadvanced .section																{ flex: 0 1 10%; border-bottom: 1px solid #EEEEEE; border-top: 1px solid #FFFFFF; padding: 20px  }
	#ctr-searchformadvanced .button.advancedsearch									{ display: block; border-bottom: 1px solid #EEEEEE; padding: 20px 20px; box-sizing: border-box; margin: 0px }
	#ctr-searchformadvanced .button.advancedsearch span							{ float: right; }
	#ctr-searchformadvanced .button.advancedsearch:hover span 			{ -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; }
	
	/* searchstrings */
	#ctr-searchstrings																							{ background: rgba(255,255,255,1); border-radius: 4px; overflow: hidden;  }
	#ctr-searchstrings .content																			{ padding: 10px; flex-wrap: wrap;  }
	#ctr-searchstrings a																						{ margin: 0 4px 4px 0; flex: 1 1 auto; text-align: center;  }
	#ctr-searchstrings h2																						{ color: #555555; line-height: 120%; font-size: 16px; padding: 10px; margin: 0px; }

/* result */
#ctr-searchresult																									{ position: relative;  }
#ctr-searchresult h1																							{ display: block; margin: 0px 0px 20px 0 }
#ctr-searchresult .button.favorite																{ display: inline-block;position: absolute;  margin: 10px 0 0 10px }
#ctr-searchresult .button.favorite span														{ margin: 0 0 0 4px; }

/* navigation */
#ctr-pageinfo .label																							{ display: inline-block; margin: 0 10px 0 0 }
#ctr-pageinfo .label .title																				{ font-weight: bold; }

#ctr-pageinfo .thumbsperpage																			{ display: none; }
#ctr-pageinfo .thumbsperpage select																{ background: none; border: none; -webkit-appearance:none; padding: 0px; margin: -4px 0 0 0 }
	
	/* top */
	#ctr-navigation-top																							{ margin: 0 0 20px 0;  }
	#ctr-navigation-top a																						{ display: inline-block;  border: 1px solid #AFAFAF; text-align: center; box-sizing: border-box; font-size: 20px; padding: 10px 15px; }
	#ctr-navigation-top a:hover																			{ border: 1px solid #F66013; }
	#ctr-navigation-top a.inactive																	{ opacity: 0.4; cursor: default; }
	#ctr-navigation-top a.inactive:hover														{ border: 1px solid #AFAFAF; color: inherit; }
	#ctr-navigation-top .input																			{ width: 100%; padding: 0px; border: none; border-right: 1px solid #e7e7e7; font-size: 14px; box-sizing: border-box; height: 100%; background: none; margin: 0px; text-align: center;}
	#ctr-navigation-top .navigationbuttons													{ float: none; margin: 0px 0 20px 0 }


	/* bottom */
	#ctr-navigation-bottom																					{ text-align: center; margin: 20px 0 }
	#ctr-navigation-bottom a																				{ display: inline-block; border-radius: 3px; font-size: 20px; border: 1px solid #AFAFAF; padding: 15px 50px  }
	#ctr-navigation-bottom a:hover																	{ border: 1px solid #F66013; }
	#ctr-navigation-bottom a.inactive																{ opacity: 0.4; cursor: default; }
	#ctr-navigation-bottom a.inactive:hover													{ border: 1px solid #AFAFAF; color: inherit; }
	#ctr-navigation-bottom .form-gotopage														{ display: inline-block; width: auto; white-space: nowrap; margin: 0 0 10px 0;   }
	#ctr-navigation-bottom .form-gotopage input											{ border: 1px solid #AFAFAF; padding: 5px; margin: -6px 5px 0 0; text-align: center; width: 50px; border-radius: 3px; display: inline; float: left; }

/* thumbnails */
.photoGrid 																												{ padding: 2px; /* Spacing arround grid */ }
.photoGrid .thumbnail 																						{ float: left; margin: 2px; /* Spacing between images */ }
.photoGrid .thumbnail img 																				{ width: 100%; max-width: 100%; max-height: 100%; }

#ctr-thumbnails																										{ position: relative; min-height: 800px;  }
#ctr-thumbnails .content																					{ padding: 30px 20px; flex: 1 1 auto }

#ctr-thumbnails .thumbnail																				{ position: relative; }
#ctr-thumbnails .thumbnail img																		{  }
#ctr-thumbnails .thumbnail .videothumb														{ position: absolute; color: rgba(255,255,255,0.4); left: 50%; top: 50%; background: rgba(255,255,255,0.2); border-radius: 50%; height: 60px; width: 60px; text-align: center; margin: -25px 0 0 -25px; box-sizing: border-box; padding: 13px 0 0 8px; font-size: 220%; line-height: 1; }
#ctr-thumbnails .thumbnail:hover .videothumb											{ color: rgba(255,255,255,0.6); background: rgba(255,255,255,0.4); }

#ctr-thumbnails .thumbnailoptions																	{ position: absolute; z-index: 1000;  box-sizing: border-box; left: 10px; bottom: 10px; margin: 0; }
#ctr-thumbnails .thumbnailoptions .selectionselector,
#ctr-thumbnails .thumbnailoptions .downloadbutton									{ display: block; float: left; height: 40px; min-width: 40px; box-sizing: border-box; text-align: center; color: #fff; margin: 0 2px 0 0 ; background: rgba(0,0,0,0.4); border-radius: 3px; box-shadow: 0 0px 3px 3px rgba(0,0,0,0.05); }
#ctr-thumbnails .thumbnailoptions .selectionselector							{ font-size: 105%; padding: 10px 0 0 0 }
#ctr-thumbnails .thumbnailoptions .downloadbutton									{ font-size: 105%; padding: 10px 0 0 0 }
#ctr-thumbnails .thumbnailoptions .selectionselector:hover,
#ctr-thumbnails .thumbnailoptions .downloadbutton:hover						{ cursor: pointer; background: rgba(0,0,0,1); }
#ctr-thumbnails .selected .thumbnailoptions												{ display: block !important; }
#ctr-thumbnails .selected .thumbnailoptions span.selectionselector{ background: #F66013; }

#page-yourselection #ctr-thumbnails .thumbnail img								{ max-height: 225px }
#page-yourselection #ctr-thumbnails .thumbnailoptions							{ display: block }

#ctr-thumbnails.noflex																						{ display: block !important }	
#ctr-thumbnails.noflex .thumbnail																	{ float: left; margin: 0 10px 10px 0 }
	
	/* with downloadbutton page deliveries */
	#ctr-thumbnails.download .ctr-flex															{ border-bottom: 1px solid #EEEEEE ;  }
	#ctr-thumbnails.download .thumbnail															{ position: relative; margin: 0px 0 10px 0px; flex: 0 0 auto; padding: 0 10px 0 0 }

/* previews */
#ctr-preview																											{ padding: 30px 20px; max-width: 1400px; margin: 0 auto }
#ctr-preview .preview-image																				{ max-width: 100%; }
#ctr-preview .label																								{ color: #F66013; font-size: 18px; margin: 0 0 5px 0; display: block; }
#ctr-preview .actionbuttons																				{ margin: 0 0 15px 0; }
#ctr-preview .actionbuttons a:first-child													{ float:left; }
#ctr-preview .actionbuttons a																			{ float:right; }
#ctr-preview #ctr-resolutions .resolution .buttons.selected a.selectionbutton,
#ctr-popupdownloadmenu .resolution:hover													{ background: #F66013; }
#ctr-preview #ctr-resolutions																			{ margin: 0 0 30px 0 }
#ctr-preview #ctr-resolutions .resolution .buttons a:hover				{ background: #F66013; }
#ctr-preview #ctr-resolutions .wrapper														{ background: #fff; border: 1px solid #eee; border-radius: 3px; overflow: hidden; }
#ctr-preview #ctr-resolutions .resolution													{ border-bottom: 1px solid #eee; }
#ctr-preview #ctr-resolutions .resolution:last-of-type						{ border: none; }
#ctr-preview #ctr-resolutions .flex																{ border-right: 1px solid #eee; padding: 0px; flex-grow: 0; flex-shrink: 1; flex-basis: auto}
#ctr-preview #ctr-resolutions .flex:first-of-type									{  }
#ctr-preview #ctr-resolutions .flex:last-of-type									{ border: none; }
#ctr-preview #ctr-resolutions .selector														{ box-sizing: border-box; font-size: 20px; height: 100%; display: block; padding: 20px 20px 0px ; }
#ctr-preview #ctr-resolutions a:hover															{ background: #F66013; color: #FFFFFF; }
#ctr-preview #ctr-resolutions .selector.selected									{ background: #F66013; color: #fff; }
#ctr-preview #ctr-resolutions .content														{ padding: 10px; }
#ctr-preview #ctr-resolutions .content .title											{ text-transform: lowercase; font-size: 18px; font-weight: 700 }
#ctr-preview #ctr-resolutions .content .info											{ font-size: 12px; }
#ctr-preview #ctr-resolutions .content .info .smallfont						{ font-size: 80%; }
#ctr-preview #ctr-resolutions .content .info > span								{ display: inline-block; padding: 0 5px 0 0; border-right: 1px solid #ccc; margin: 0 5px 0 0; }
#ctr-preview #ctr-resolutions .content .info > span:last-of-type	{ border: none; }
#ctr-preview input[type="checkbox"] + label a																	{ width: 80%; line-height: 1; overflow: hidden; white-space: nowrap; display: inline-block; text-overflow: ellipsis; }
/* video */
#ctr-preview #ctr-video video																			{ max-width: 100%; }
#ctr-preview #ctr-video .frames .image														{ position: relative; display: inline-block; width: 120px; height: 100px; overflow: hidden; border-radius: 4px; }
#ctr-preview #ctr-video .frames .image img												{ position: absolute; max-width: 150px; left: 50%; top: 50%; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); }

/* page selection */
#ctr-orderthumbnails .orderthumbnail															{ overflow: auto; border-bottom: 2px dotted #DDDDDD; margin: 0px 0px 20px 0px; padding: 0 0 20px 0; }
#ctr-orderthumbnails .onethird img																{ display: block; width: 100%; margin: 0 0 10px 0; }
#ctr-orderthumbnails #ctr-resolutions															{ border: 1px solid #EEEEEE; border-radius: 3px; overflow:hidden; }
#ctr-orderthumbnails #ctr-resolutions .resolution									{ display: block; position: relative; margin: 0; border-bottom:  1px solid #EEEEEE; text-transform: lowercase; background: rgba(255,255,255,0.95); padding: 5px 10px 5px 70px; }
#ctr-orderthumbnails #ctr-resolutions .resolution:last-of-type		{ border-bottom: none  }
#ctr-orderthumbnails #ctr-resolutions .resolution a								{ display: block; position: absolute; background: #FFFFFF; left: 0px; bottom: 0px; top: 0px; height: 100%; padding: 15px 15px; box-sizing: border-box; border-right: 1px solid #EEEEEE; }

#ctr-orderthumbnails #ctr-resolutions .resolution.selected a			{ background: #F66013; outline: 1px solid #F66013; border-right: none; color: #FFFFFF }
#ctr-orderthumbnails .resolution:hover														{ color: inherit; }
#ctr-orderthumbnails .resolution.selected													{ border: 0px solid #F66013; color: #F66013; }
#ctr-orderthumbnails .resolution .checkbox												{ display: none; }
#ctr-orderthumbnails .resolution .title														{ text-transform: lowercase; font-size: 18px; font-weight:400; }
#ctr-orderthumbnails .info																				{ display: block; margin: 0; font-size: 12px; line-height: 120%; }			

/* footer */
#ctr-footer																												{ border-top: 1px solid #EEEEEE; background: #FFFFFF; padding: 50px 0px; position: relative; }
#page-home #ctr-footer .banner-subscription												{ display: block }
#ctr-footer .banner-subscription																	{ background: rgba(0,0,0,0.5); position: absolute;top: -95px; text-align: center; width: 100%; color: #FFFFFF; padding: 25px 0; font-size: 100% }
#ctr-footer .banner-subscription:hover														{ background: rgba(0,0,0,0.7);  -webkit-transition: .2s; transition: .2s; }
#ctr-footer .banner-subscription span 														{ color: #F2682B; font-weight: bold;  }
#ctr-footer .pricechart																						{ text-align: center; border-bottom: 1px solid #F2F2F2; margin: 0 0 20px 0;}
#ctr-footer .pricechart img																				{ max-width: 990px; width: 100%;  margin: 0 0 20px 0 }
#ctr-footer h3																										{ color: #585858 }
#ctr-footer .horline																							{ height: 1px; background: #F2F2F2; width: 50%; margin: 0 auto 20px;  }
#ctr-footer .copyright																						{ text-align: center; }
#ctr-footer .ctr-flex																							{ max-width: 990px; margin: 0 auto 20px }
#ctr-footer .ctr-flex a																						{ display: block }

#ctr-cookies																											{ position: fixed; z-index: 9999; left: 0px; bottom: 0px; right: 0px; padding: 20px; text-align: center; background: rgba(0,0,0,0.8); color: #FFFFFF }
#ctr-cookies .bwutton																							{ height: 100%; display: inline-block; background: #CCCCCC; padding: 5px 10px; border-radius: 2px }

/* tablets, staand ------------------------------------------------------------------------------------------------------- */
@media only screen and (min-width:768px) {
	#mobiledevice																										{ display:none;  } 
	
	/* text */
	html, body, input, select, textarea															{ font-size: 100%; }
	
	/* fontello */
	/* buttons */
	/* forms */
	.input,.select,.textarea																				{ background: #fff; }
	.input.small, .select.small																			{ width: 30%; max-width: 200px; }
	.input.medium, .select.medium																		{ width: 50%; max-width: 400px; }
	.input.large, .select.large, .textarea.large										{ width: 100%; max-width: 600px; }
	
	/* general layout */
	#ctr-wrapper																										{ margin: 0 auto 0; padding: 51px 0 0 0  }
	#page-home #ctr-wrapper																					{ padding: 0px  }
	center																													{  }
	.column-sidebar																									{ float: right; width: 400px; }
	.column-body																										{ margin: 0 440px 0 0; }
	.displaynone																										{ display: none; }
	.half,
	.half:last-child,
	.onethird,
	.onethird:last-child,
	.onefifth,
	.onefifth:last-child,
	.twothird,
	.twothird:last-child,
	.fourfifth,
	.fourty,
	.fourty:last-child,
	.sixty,
	.sixty:last-child																								{ float: left; }
	.half:last-child,
	.onethird:last-child,
	.onefifth:last-child,
	.twothird:last-child,
	.fourty:last-child,
	.sixty:last-child																								{ padding-right: 0; }
	.half																														{ width: 48%; padding-right: 2%; }
	.half:last-child																								{ width: 50%; }
	.onethird																												{ width: 31%; padding-right: 2%; }
	.onethird:last-child																						{ width: 33%; }
	.onefifth																												{ width: 18%; padding-right: 2%; }
	.onefifth:last-child																						{ width: 20%; }
	.twothird																												{ width: 65%; padding-right: 2%; }
	.twothird:last-child																						{ width: 67%; }
	.fourfifth																											{ width: 80%; }
	.fourty																													{ width: 38%; padding-right: 2%; }
	.fourty:last-child																							{ width: 40%; }
	.sixty																													{ width: 58%; padding-right: 2%; }
	.sixty:last-child																								{ width: 60%; }
	/* tables */
	/* flex */
	/* loginform */
	#ctr-loginformbody.ctr-flex																			{ display: -webkit-box; display: -ms-flexbox; display: flex; }
	#ctr-loginformbody.ctr-flex .flex:first-of-type									{ padding: 0 20px 0 0 }
	#ctr-loginformbody.ctr-flex .flex:last-of-type									{ padding: 0 0 0 20px; text-align: center; border-left: 1px solid #EEEEEE }
	/* pulldowns */
	#ctr-header																											{ }
	#ctr-header a#uploadpictures-mobile															{ display: none; }
	#ctr-header ul.pulldownmenu																			{ position: relative; }
	#ctr-header .pulldownmenu.dropit .dropit-submenu a							{ padding: 15px 20px; }
	#ctr-header .pulldownmenu.dropit .dropit-submenu								{ top: 50px; left: auto; right: 0; display: inline-block; min-width: 250px; box-shadow: none; border: 1px solid #EEEEEE; border-top: none; }
	#ctr-header .pulldownmenu.dropit																{ display: inline-block; }
	/* popups */
	.ctr-popup																											{ box-shadow: 0 1px 3px rgba(0,0,0,0.4); top: 15%;}
	.ctr-popup .header																							{ padding: 0px 0px 0px 30px; }
	.ctr-popup.small																								{ top: 20%; max-width: 400px }
	.ctr-popup.wide																									{ top: 20%; max-width: 800px; }
	.ctr-popup .body																								{ padding: 20px 30px 30px; }
	
	/* specials */
	/* header */
	#ctr-header																											{ height: 50px;   }
	.getsupersized #ctr-header																			{ box-shadow: 0 0px 4px rgba(0,0,0,0.4); }
	#ctr-header .logo																								{ float: left; display: block;  }
	#ctr-header #ctr-mainmenu																				{ float: right; z-index: 9500; }
	#ctr-header #ctr-mainmenu .mobilemenu														{ position: relative; display: block; float: left; left: auto; right: auto; top: auto; box-shadow:none  }
	#ctr-header a.mainlink																					{ display: inline-block; width: auto; float: left; margin: 0; padding: 15px 20px; box-sizing: border-box; font-weight: 700; text-transform: uppercase; border: none; border-right: 1px solid #EEEEEE;  }

	#ctr-header a.mainlink.icon-home																{ display: inline-block; float: left; border-left: 1px solid #EEEEEE }
	#ctr-header a.mainlink.icon-info																{ margin: auto }
	#ctr-header .button-menu																				{ display: none; }
	#ctr-header #selection-button																		{ position: relative; float: right; left: auto; top: auto; right: auto; bottom: 1px; margin: 0 0px 0 0; padding: 16px 20px; background: #F66013; }
	/* ajax selection */
	#ctr-selection																									{ padding: 20px }
	/* lists */
	/* pulldowns options */
	#ctr-header ul.pulldownmenu																			{ float: left }
	/* optionbuttons */
	
	/* search */
	#ctr-searchresult h1																						{ display: inline-block; }
	#ctr-searchform.next .newsearch																	{ right: 20%; }
	
	#ctr-searchform.home																						{ max-width: 800px; margin: 100px auto 0;display: block }
	#ctr-searchform.home .wrapper																		{ width: 800px; border: none; box-shadow: 0 0 50px rgba(0,0,0,0.1); height: 70px; background: #FFFFFF; }
	#ctr-searchform.home .wrapper .input														{ padding: 0 110px 0 20px; }
	#ctr-searchform form > div:first-child													{ flex: 0 0 49%; }
	#ctr-searchform form > div:last-child														{ flex: 0 0 49%; }

	#ctr-searchform.home .customselect 															{ right: 240px; top: 20px }

	#ctr-searchformadvanced																					{ margin: 0 20px 0 0; }
	#ctr-searchformadvanced label																		{ margin: 0 20px 0 0; }
	#ctr-searchformadvanced .section																{    }
	
	/* navigation */
	#ctr-pageinfo .thumbsperpage																		{ display: inline; }
	#ctr-navigation-top .navigationbuttons													{ float: right; margin: -20px 0 0 0 }

	/* thumbnails */


	/* collage */
	/* previews */
	/* video */
	/* page selection */
	/* footer */
	#ctr-footer .banner-subscription																{ top: -102px; padding: 35px 0; font-size: 140% }
	

/* tablets, liggend ------------------------------------------------------------------------------------------------------- */
@media only screen and (min-width:980px) {
	/* text */
	/* fontello */
	/* buttons */
	/* forms */
	/* general layout */
	/* tables */
	/* flex */
	/* loginform */
	/* pulldowns */
	/* popups */
	/* specials */
	/* header */
	/* ajax selection */
	/* lists */
	/* pulldowns options */
	/* optionbuttons */
	/* search */
	#ctr-searchform.home																						{ max-width: 800px; margin: 100px auto 0;display: block }
	#ctr-searchform.home .wrapper																		{ width: 800px; border: none; box-shadow: 0 0 50px rgba(0,0,0,0.1); height: 70px; background: #FFFFFF; }
	#ctr-searchform.home .wrapper .input														{ padding: 0 110px 0 20px; }
	#ctr-searchform .form > div:first-child													{ flex: 0 0 49%; }
	#ctr-searchform .form > div:last-child													{ flex: 0 0 49%; }

	#ctr-searchformadvanced																					{ margin: 0 20px 0 0; }
	#ctr-searchformadvanced label																		{ margin: 0 20px 0 0; }
	#ctr-searchformadvanced .section																{    }

	/* navigation */
	/* thumbnails */
	/* collage */
	/* previews */
	/* video */
	/* page selection */
}

/* grotere schermen ------------------------------------------------------------------------------------------------------- */
@media only screen and (min-width:1024px) { 
	/* text */
	/* fontello */
	/* buttons */
	/* forms */
	/* general layout */
	/* tables */
	/* flex */
	/* loginform */
	/* pulldowns */
	/* popups */
	.ctr-popup																											{ left: 20%; right: 20%; }
	/* specials */
	/* header */
	#ctr-header a.mainlink.icon-home																{ display: inline-block; }
	/* ajax selection */
	/* lists */
	/* pulldowns options */
	/* optionbuttons */
	/* search */
	#ctr-searchform .wrapper .input																	{ padding: 0 20% 0 20px; }
	#ctr-searchform .wrapper .submit																{ width: 18%; font-size: 110% }
	/* navigation */
	/* thumbnails */
	/* collage */
	/* previews */
	/* video */
	/* page selection */
}

/* grote schermen ------------------------------------------------------------------------------------------------------- */
@media only screen and (min-width:1200px) { 
	/* text */
	/* fontello */
	/* buttons */
	/* forms */
	/* general layout */
	/* tables */
	/* flex */
	/* loginform */
	/* pulldowns */
	/* popups */
	/* specials */

	/* header */
	#ctr-header .logo																								{ margin: 0px 0 10px 0; }
	/* ajax selection */
	#ctr-selection																									{ right: -50%; width: 50%; }
	#ctr-selection .content																					{ margin: 50px auto 0; /*width: 1400px;*/ }
	#ctr-selection .header																					{ /*position: relative;*/ }
	#ctr-selection .button.close																		{ top: 0px; position: absolute !important; }
	#ctr-selection .menu																						{ margin-bottom: 10px; }
	#ctr-selection .thumbnail .button.delete												{ display: none; }
	#ctr-selection .thumbnail .button.delete:hover									{ background: #F66013; }
	#ctr-selection .thumbnail .image:hover .button.delete						{ display: block; }
	/* lists */
	/* pulldowns options */
	/* optionbuttons */
	/* search */
	#ctr-searchform.home .customselect 															{ right: 180px }
	/* navigation */
	/* thumbnails */
	#ctr-thumbnails .thumbnailoptions																{ display: none; }

	/* collage */
	.Collage																												{ padding: 20px; }
	/* previews */
	/* video */
	/* page selection */
}

/* hele grote schermen ------------------------------------------------------------------------------------------------------- */
@media only screen and (min-width:1400px) { 
		/* text */
	/* fontello */
	/* buttons */
	/* forms */
	/* general layout */
	/* tables */
	/* flex */
	/* loginform */
	/* pulldowns */
	/* popups */
	.ctr-popup																											{ left: 30%; right: 30%; }
	/* specials */
	/* header */
	/* ajax selection */
	/* lists */
	/* pulldowns options */
	/* optionbuttons */
	/* search */
	/* navigation */

	
	/* thumbnails */
	/* collage */
	/* previews */
	/* video */
	/* page selection */

}