/*** replace colors: 
#0071BB - purple
#0065A7 - dark purple
***/

/*** text ***/
html																															{ background: #FAFAFA;}
html,body, input, select, textarea																{ font-family: 'Roboto', 'Calibri', 'Arial', sans-serif ; font-size: 16px;  color: #555555;  }
	
p																																	{ margin: 0px 0px 20px 0px; line-height: 1.8em;   }

h1,h2,h3,h4																												{ font-family: 'Oswald', 'Calibri', 'Arial', sans-serif ; line-height: 1; font-weight: 300; line-height: 180%; font-size: 18px; }
																	
h1 																																{ font-size: 46px; color: #0071BB; margin: 0px 0px 20px 0px; }
h2																																{ font-size: 30px; color: #0071BB; margin: 0px 0px 10px 0px;  }
h3																																{ font-size: 20px; color: #FFFFFF; margin: 0px 0px 5px 0px;  }
h4																																{ font-size: 18px; color: #FFFFFF; margin: 0px 0px 0px 0px; }
	
a, a:visited																											{ text-decoration: none; outline: none; color: #555555; }
a:active, a:hover																									{ text-decoration: none; outline: none; color: #0071BB }
							
.columns																													{ column-count: 2; -moz-column-count: 2; -webkit-column-count: 2; column-gap: 30px; -moz-column-gap: 30px; -webkit-column-gap: 30px;  }

/*** 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																														{ font-family: 'Oswald', 'Calibri', 'Arial', sans-serif;  display: inline-block; border: none; line-height: 1;  box-sizing: border-box; -o-transition:.2s; -ms-transition:.2s; -moz-transition:.2s;-webkit-transition:.2s; transition:.2s; }
.submit																														{ -o-transition:.2s; -ms-transition:.2s; -moz-transition:.2s;-webkit-transition:.2s; transition:.2s;   }
	
	/* sizes */
	.button.tiny																										{ border-radius: 1px; border-radius: 15px; font-size: 12px; padding: 6px 15px 7px; line-height: 1; margin: 0px 4px 0 0; text-transform: lowercase; }
	.button.small																										{ border-radius: 2px; font-size: 14px; padding: 5px 15px; margin: 0px 4px 0 0; font-family: 'Oswald', 'Calibri', 'Arial', sans-serif; }
	.button.medium																									{ border-radius: 2px; padding: 9px 15px 11px; margin: 0px 4px 0 0;  }

	.button.big																											{ border-radius: 2px; border: none; font-size: 18px; padding: 20px 25px 10px; font-family: 'Oswald', 'Calibri', 'Arial', sans-serif; text-transform: uppercase; }
	.button.big.inactive																						{ background: #b7b7b7;  }
	.button.big span																								{ float: right; border-left: 1px solid #FFFFFF; display: block; text-align: center; box-sizing: border-box; margin: -10px 0px 0px 20px;  padding: 10px 0px 10px 20px ; box-sizing: border-box; }
	.button.big:hover																								{ text-decoration: none }

	.button.huge																										{ width: 50%; text-align: center; font-family: 'Oswald', 'Calibri', 'Arial', sans-serif; padding: 16px 0px; margin: 0px; text-transform: uppercase; }
		
	/* square */
	.button.square																									{ display: inline-block; float: left; margin: 0px 5px 5px 0px }
	.button.square span																							{ font-size: 40px; line-height: 0 }
	.button.square span.fontello																		{ font-size: 14px;  }
	.button.square.delete:hover																			{ background: red; color: #FFFFFF; }
	.button.square.delete:hover .fontello														{ color: #FFFFFF; }
	.button.square.medium																						{ height: 36px; width: 36px; text-align: center; box-sizing: border-box; padding: 7px 0 0 0 }
	.button.square.large																						{ height: 44px; width: 48px; text-align: center; box-sizing: border-box; padding: 10px 0 0 0 }

.button.close																											{ display: block;  position: absolute; border-left: 1px solid #EEEEEE; max-height: 50px; top: 0px; right: 0px; bottom: 0px; width: 50px; padding: 1px 0px 0px; text-align: center; z-index: 5500 }
.button.close:before 																							{ content: "×"; font-size: 40px; }
.button.close:hover																								{ text-decoration: none; background: #555555; color: #FFFFFF }

.button.nocolor																										{ color: #555555 }
.button.nocolor.inactive																					{ color: #CCCCCC }
.button.nocolor:hover																							{ background: #B7B7B7; color: #FFFFFF }
.button.nocolor.inactive:hover																		{ background: none; color: #CCCCCC }
.button.white																											{ background: #FFFFFF; color: #555555 }
.button.white:hover																								{ background: #555555; color: #FFFFFF }
.button.darkgrey																									{ background: #5B5B5B; color: #FFFFFF}
.button.darkgrey:hover																						{ background: #E1E1E1; color: #555555}
.button.lightgrey																									{ background: #E1E1E1; color: #555555  }
.button.lightgrey:hover																						{ background: #B7B7B7; color: #FFFFFF }
.button.customcolor																								{ background: #0071BB; color: #FFFFFF; }
.button.customcolor:hover																					{ background: #0065A7; }
.button.active																										{ background: #0071BB; color: #FFFFFF; }
.button.active:hover																							{ background: #0065A7; }

a.button.yourpp																										{ width: 400px; display: block; margin: 0 0 5px 0 }
a.button.yourpp span																							{ float: right; display: inline-block; background: #CCCCCC; border-radius: 2px; width: 30px; text-align: center; font-size: 12px; }
a.button.yourpp:hover span																				{ color: #FFFFFF; }

.icon																															{ text-align: center; display: block; }
.icon span																												{ color: #999999; font-size: 30px; line-height: 1; margin: 2px auto 0px; display: inline-block;  }

/*** forms ***/	
.input, 
.select, 
.textarea																													{ padding: 7px 10px; background: #FFFFFF; border: 1px solid #F2F2F2; margin: 0px 0px 10px 0px; box-sizing: border-box; }
.select																														{ padding: 6px; }

.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 }

.input.error,	
.select.error,	
.textarea.error																										{ box-shadow: 0 0 2px #FF0000 !important; color: #FF0000; }

input[type="checkbox"],
input[type="radio"]																								{ display:none; }
input[type="checkbox"] + label,
input[type="radio"] + label																				{ margin: 0px 0px 0px 0px; padding: 0px; display: inline }
input[type="checkbox"] + label span 															{ display:inline-block; background: #FFFFFF; border: 1px solid #F2F2F2; width:14px; height:14px; margin: -3px 6px 0px 0px; vertical-align: middle; padding: 1px; cursor:pointer; -o-transition:.2s; -ms-transition:.2s; -moz-transition:.2s;-webkit-transition:.2s; transition:.2s; }
input[type="radio"] + label span 																	{ display:inline-block; background: #FFFFFF; border: 1px solid #F2F2F2; background-clip: padding-box; width:14px; height:14px; border-radius: 50%; margin:-4px 10px 0 0; vertical-align: middle; padding: 1px; cursor:pointer; -o-transition:.2s; -ms-transition:.2s; -moz-transition:.2s;-webkit-transition:.2s; transition:.2s; }
input[type="checkbox"]:checked + label span 											{ background: #0071BB; border: 1px solid #0071BB; }
input[type="radio"]:checked + label span													{ background: #0071BB; border: 1px solid #0071BB; }

::-webkit-input-placeholder, ::-moz-placeholder, 
:-ms-input-placeholder, input:-moz-placeholder 										{ color:#AAAAAA; }

form label																												{ display: block; font-size: 14px;}

/*** general layout ***/
#ctr-wrapper 																											{ min-height: 100%; height: auto !important; height: 100%; margin: 0 auto 0px; }
#ctr-content																											{ margin: 0px auto; max-width: 1600px; padding: 80px 100px; box-sizing: border-box;  }

	/* exceptions */
	#ctr-content .misc																							{  }
	#ctr-content .misc .body																				{ background: rgba(255,255,255,1); padding: 60px 250px; max-width: 1600px; margin: 0px auto 0; }

center																														{ margin: 0px auto; max-width: 1600px; padding: 0px 100px; height: 100%; text-align: left; box-sizing: border-box; position: relative; }

.displaynone																											{ display: none }
	
.column-sidebar																										{ float: right; width: 400px;}
.column-body																											{ margin: 0px 440px 0px 0px; }

.metrolabel																												{ float: left; margin: 0px 30px 0px 0px }
.metrolabel span																									{ font-size: 22px; line-height: 1.2; }
.metrolabel.inpage																								{ margin: 0px 0px 20px 0px; float: none; display: block }

/*** tables ***/
.table																														{ display: table; width: 100%}
.table tr																													{ }
.table td																													{ }
.table tr td.firstcol																							{ width: 30% }

/*** flex ***/
.ctr-flex																													{ display: -webkit-box; display: -ms-flexbox; display: flex; }
.ctr-flex .flex																										{ padding: 0 20px; }
.ctr-flex .flex:first-of-type																			{ padding: 0 20px 0px 0px; }
.ctr-flex .flex:last-of-type																			{ padding: 0 0px 0px 20px; }
.ctr-flex .flex.one																								{ -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

/*** pulldowns ***/
.pulldownmenu.dropit 																							{ list-style: none; padding: 0; margin: 0; display: inline-block; box-sizing: border-box; float: left }
.pulldownmenu.dropit li																						{ margin: 0px; padding: 0px;   }
.pulldownmenu.dropit .dropit-trigger 															{ position: relative; }
.pulldownmenu.dropit .dropit-submenu 															{ left: 0; z-index: 9999; display: none; min-width: 240px; list-style: none; padding: 0; margin: 0; }
.pulldownmenu.dropit .dropit-submenu a														{ display: block; }
.pulldownmenu.dropit .dropit-submenu a:hover											{ text-decoration: none;}
.pulldownmenu.dropit .dropit-open .dropit-submenu 								{ display: block; }

/*** popups ***/
.ctr-veil																													{ position: fixed; z-index: 9200; background: rgba(0,0,0,0.4); 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.png') no-repeat; background-size: contain; height: 40px; width: 40px; margin: 30% auto 0  }
.ctr-veilloading .text																						{ margin: 10px; font-weight: bold }

.ctr-popup																												{ position: fixed; left: 50%; z-index: 9500; background: #fcfcfc }
.ctr-popup.small																									{ width: 500px; margin: 0 0 0 -250px; top: 20%; }
.ctr-popup.medium																									{ width: 900px; margin: 0 0 0 -450px; top: 10%; }

.ctr-popup .header																								{ position: relative; height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center;  -ms-flex-align: center;  align-items: center; -webkit-box-pack: center;  -ms-flex-pack: center; justify-content: center;  padding: 0px 40px; margin: 0 0 20px 0 }
.ctr-popup .header h1																							{ font-size: 24px; font-weight: normal; padding: 0px; margin: 0px}

.ctr-popup .body																									{ padding: 50px 60px 100px; min-height: 200px }
.ctr-popup .body p																								{ margin: 0px 0px 20px 0px; text-align: center; line-height: 140%; font-size: 16px }
.ctr-popup .body .required																				{ font-size: 14px; display: block; margin: 10px 0px 0px 0px}
.ctr-popup .body .input,
.ctr-popup .body .select,
.ctr-popup .body .textarea																				{ margin: 0px 0px 10px 0px; font-size: 16px; border: 1px solid #e7e7e7; background: #FFFFFF;  box-sizing: border-box;  }
.ctr-popup .body .input:focus																			{ border: 1px solid #CCCCCC;}

.ctr-popup .links																									{ margin: 0px 0px 20px; position: relative; bottom: 0px;}

.ctr-popup .buttons																								{ position: absolute; bottom: 0px; right: 0px; left: 0px; margin: 0px; text-align: right }
.ctr-popup .buttons .button.huge																	{ float: none; }

.ctr-popup .errormessage																					{ display: none; position: absolute; top: 0px; padding: 20px 60px; z-index: 9999; border-bottom: 1px solid #EEEEEE; text-align: center; color: #CC0000; background: #FFFFFF; font-weight: bold }

/*** specials ***/
#ctr-specials																											{ position: relative; margin: 50px 0 0 0 }
#ctr-specials .special																						{ margin: 0 0px 4px 0px; display: block; position: relative; width: 100%; background: rgba(255,255,255,0.9); }
#ctr-specials .special:hover																			{ background: #FFFFFF; color: inherit; text-shadow: none;}
#ctr-specials .special .image 																		{ height: 40px; width: 100px;  position: relative; overflow: hidden; }
#ctr-specials .special .image img																	{ position: absolute; max-width: 120px; left: 50%; top: 50%; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%);}
#ctr-specials .special .title																			{ position: absolute; padding: 0px 10px; top: 10px; left: 100px; right: 50px; text-align: left; white-space: nowrap; text-overflow: ellipsis; line-height: 140%; box-sizing: border-box;  overflow: hidden;  }
#ctr-specials .special .date 																			{ position: absolute; z-index: 500; bottom: 0px; right: 80px; top: 15px;  }
#page-specials .summarylist .date																	{ display: inline-block; position: absolute; right: 80px;}

#ctr-specials .special .counter																		{ position: absolute; width: 50px; padding: 10px 5px; right: 0px; top: 0px; bottom: 0px; z-index: 500;  text-align: center; font-size: 16px; font-weight: bold;   }

/*** header ***/
#ctr-header																												{ position: fixed; height: 50px; background: rgba(255,255,255,1);  z-index: 7000; top: 0px; left: 0px; right: 0px; padding: 0px; color: #FFFFFF;  }
#ctr-header #ctr-mainmenu																					{ float: right;  z-index: 9500;  }
#ctr-header #ctr-mainmenu .mobilemenu															{ display: inline }

#ctr-header .logo																									{ display: block; float: left; margin: 0px 0 10px 0; padding: 0px; }
#ctr-header .logo img																							{ max-height: 50px; }

#ctr-header a.mainlink																						{ display: inline-block; padding: 15px 25px; box-sizing: border-box; margin: 0px; float: left; border-left: 1px solid #EEEEEE;}
#ctr-header a.mainlink:hover																			{ text-decoration: none; background: #F8F8F8; color: #555555 }

#ctr-header #selection-button																			{ display: inline-block; background: #0071BB; float: left; margin: 0 0 0 0px; line-height: 1; font-family: 'Oswald', 'Calibri', 'Arial', sans-serif ; text-align: center; text-transform: uppercase; color: #FFFFFF; top: 0px; padding: 17px 20px; box-sizing: border-box; }
#ctr-header #selection-button:hover																{ color: #FFFFFF !important; background: #0065A7;}
#ctr-header #selection-button .counter														{ font-weight: bold; margin: 0 0 0 10px; padding: 0 0 0 10px; border-left: 1px solid #FFFFFF; }

#ctr-header ul.pulldownmenu																				{ display: inline-block; }
#ctr-header .pulldownmenu.dropit .dropit-submenu 									{ top: 50px; background: #FFFFFF; border: 1px solid #EEEEEE; position: absolute; right: 0; z-index: 9999; display: none; min-width: 250px; list-style: none; padding: 0; margin: 0; }
#ctr-header .pulldownmenu.dropit .dropit-submenu a								{ display: block; padding: 10px 25px;  }
#ctr-header .pulldownmenu.dropit .dropit-submenu a:hover					{ text-decoration: none; background: #F8F8F8; color: #555555; }
#ctr-header .pulldownmenu.dropit li.dropit-trigger.dropit-open > a{   }

/*** ajax selection ***/
#ctr-selection																										{ box-sizing: border-box; background: rgba(255,255,255,1); border-bottom: 1px solid #DEDEDE; position: fixed; top: 0px; right: 0px; left: 0px; width: 100%; padding: 0px 0px 30px; z-index: 9000 }
#ctr-selection .header																						{ border-bottom: 1px solid #EEEEEE; margin: 0 0 30px 0; height: 50px }
#ctr-selection .header .menu																			{ float: right; margin: 0 50px 0 0 }
#ctr-selection .header .menu a.mainlink														{ display: inline-block; height: 50px; padding: 15px 25px 0px; border-left: 1px solid #EEEEEE; box-sizing: border-box; }
#ctr-selection .header .menu a.mainlink:hover											{ background: #F8F8F8; color: inherit; }

#ctr-selection .header .pulldownmenu.dropit .dropit-submenu 			{ top: 50px; background: #FFFFFF; border: 1px solid #EEEEEE; position: absolute; left: 0; z-index: 9999; display: none; min-width: 250px; list-style: none; padding: 0; margin: 0; }
#ctr-selection .header .pulldownmenu.dropit .dropit-submenu a			{ display: block; padding: 10px 25px; }
#ctr-selection .header .pulldownmenu.dropit .dropit-submenu a:hover		{ text-decoration: none; background: #F8F8F8; color: #555555; }
#ctr-selection .header .menuselections ul li:first-of-type				{ font-weight: bold; border-bottom: 1px dashed #EEEEEE }

#ctr-selection .ctr-select																				{ display: inline-block; float: left }
#ctr-selection .header h2																					{ display: inline-block; }
#ctr-selection .button.close																			{ right: 100px; border-right: 1px solid #EEEEEE; }
#ctr-selection .thumbnails																				{ margin: 10px 0px 0px -5px; overflow: hidden; }
#ctr-selection .thumbnails .button.overflow												{ display: inline-block; position: relative; z-index: 200; float: right; height: 90px; width: 90px; font-size: 70px; background: #222222; box-sizing: border-box; padding: 17px 0px 0px 0px; line-height:0.5;text-align: center; color: #FFFFFF }
#ctr-selection .thumbnails .button.overflow:hover									{ background: #555555}
#ctr-selection .thumbnail																					{ margin: 0px 0px 3px 3px; overflow: hidden; float: left  }
#ctr-selection .thumbnail .image																	{ border: 1px solid transparent; position: relative; overflow: hidden; text-align: center;   }
#ctr-selection .thumbnail .image:hover														{ border: 1px solid #0071BB;}
#ctr-selection .thumbnail .image img															{ max-height: 80px; } 
#ctr-selection .thumbnail .button.delete													{ display: none; font-size: 14px; position: absolute; border-radius: 0px; padding: 5px 0px 5px 0px; z-index: 9999; background: rgba(0,0,0,0.5);  line-height: 1; color: #FFFFFF; box-sizing: border-box; right: 0px; bottom: 0px; left: 0px; }
#ctr-selection .thumbnail .button.delete:hover										{ background: #0071BB; }
#ctr-selection .thumbnail .image:hover .button.delete							{ display: block; }

#ctr-selection .button.more																				{ margin: 0px 0px 3px 3px; text-transform: uppercase; font-weight: bold; padding: 5px 0 0 0; color: #FFFFFF; text-align: center; box-sizing: border-box; background: #000000; border: 2px solid transparent; height: 90px; width: 90px; border-radius: 4px; display: block; overflow: hidden; float: left  }
#ctr-selection .button.more span																	{ display: block; font-size: 80px; color: #FFFFFF; font-weight: normal;line-height: 0.5; margin: 0 0 10px 0}
#ctr-selection .button.more:hover,
#ctr-selection .button.more:hover span														{ color:  #0071BB;  }

/*** lists ***/
.summarylist .listitem																						{ position: relative; display: block;  border-bottom: 1px solid  #DDDDDD; box-sizing: border-box; width: 100%; min-width: 350px; margin: 0px; padding: 5px 50px 5px 0px  }
.summarylist .listitem:hover																			{ cursor: pointer; border-bottom: 1px solid #BBBBBB; }
.summarylist .listitem a,
.summarylist .listitem .counter																		{ font-family: 'Oswald', 'Calibri', 'Arial', sans-serif ;  position: absolute; background: #F1F1F1; line-height: 1; box-sizing: border-box; width: 40px; top: 0px; right: 0px; bottom: 0px; font-size: 16px; padding: 9px 0px; text-align: center  }
.summarylist .listitem:hover .counter															{ background: #CCCCCC }

.summarylist .listitem a																					{ right: 45px; ; padding: 3px 5px 5px;  }
.summarylist .listitem a:hover																		{ background: #CC0000; color: #FFFFFF}	
.summarylist .listitem:hover .counter															{ color: #FFFFFF; }

/*** pulldowns options ***/
.optionpulldownmenu.dropit 																				{ margin: 0px 0 30px 0}
.optionpulldownmenu.dropit li																			{ list-style-type: none }
.optionpulldownmenu.dropit .dropit-trigger 												{ }
.optionpulldownmenu.dropit .dropit-submenu 												{ position: relative; padding: 20px 0; z-index: 9999}
.optionpulldownmenu.dropit .dropit-submenu a											{ margin: 0 5px 0px 0; float: left}
.optionpulldownmenu.dropit .dropit-submenu a:hover								{ }
.optionpulldownmenu.dropit .dropit-open .dropit-submenu 					{ }


/*** pageinfo and optionbuttons ***/
.pageinfo																													{ position: absolute; right: 0px; top: 30px; }
.optionbuttons																										{ position: absolute; right: 0px; top: 0px }

/*** searchforms ***/
#ctr-searchresult.open																						{ margin: 0 0 0 300px; }
#ctr-searchresult.close																						{ margin: 0 0 0 0px;}

	/* general */	
	#ctr-searchform .wrapper																				{ position: relative; border-radius: 5px; border: 1px solid #e7e7e7; height: 50px; width: 100%; margin: 0 0 30px 0; overflow: hidden; background: #FFFFFF }
	#ctr-searchform .wrapper .input																	{ position: absolute; height: 100%; width: 100%; padding: 0 100px 0 20px; font-size: 20px; border: none; background: transparent; margin: 0px; text-transform: lowercase; z-index: 100 }
	#ctr-searchform .wrapper .submit																{ position: absolute; background: #5B5B5B; color: #FFFFFF; width: 180px; right: 0px; margin: 0px; top: 0px; bottom: 0px; font-size: 18px; text-transform: uppercase; border: none; z-index: 200 }
	#ctr-searchform .wrapper .submit:hover,
	#ctr-searchform .wrapper .submit:active													{ background: #0065A7; color: #ffffff }	
	
	#ctr-searchform .wrapper .button-newsearch											{ position: absolute; top: 0; bottom: 0; right: 180px; padding: 9px 15px; line-height: 1; z-index: 150; font-size: 30px; }
	#ctr-searchform .wrapper .button-advanced												{ padding: 18px 15px; height: 100%; line-height: 1; font-size: 16px; position: absolute; margin: 0px; z-index: 150 }
	#ctr-searchform .wrapper .button-advanced:hover									{ color: #FFFFFF; }
	#ctr-searchform .wrapper .button-advanced.active:hover					{ color: #FFFFFF; }

	/* home */	
	#ctr-searchform.home																						{ position: absolute; top: 25%; left: 50%; max-width: 100%; margin: 0px 0px 0px -400px }
	#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														{ font-size: 20px; padding: 0 100px 0 30px; }
	#ctr-searchform.home .wrapper .button-newsearch									{ padding: 15px 20px; font-size: 40px }

	/* next */
	#ctr-searchform.next																						{ margin: 0 0 30px 0 }
	#ctr-searchform.next .wrapper																		{ margin: 0 0 0px 0;}
	#ctr-searchform.next .links																			{ margin: 25px 0 0px 0px;}

	/* advanced */
	#ctr-searchformadvanced																					{ position: relative; margin: 0px 0px 30px 0px; padding: 0 0 30px 0; border-bottom: 1px dashed #CCCCCC }
	#ctr-searchformadvanced label																		{ margin: 0 20px 0 0 }

	#ctr-searchformadvanced h4																			{ color: #555555; margin: 0 0 10px 0  }
	#ctr-searchformadvanced .section 																{ border-bottom: 1px solid #DEDEDE; padding: 10px 0px; }
	#ctr-searchformadvanced .section label													{ text-transform: capitalize;}

/*** navigation ***/
#ctr-navigation																										{ position: relative; float: right; width: 80%; margin: 10px 0 0 0 }
#ctr-navigation .label																						{ margin: 0px 30px 0px 0px; display: inline-block; }
#ctr-navigation .title																						{ font-weight: bold; margin: 0px 5px 0px 0px }
#ctr-navigation .navigation-buttons																{ float: right; margin: -7px -5px 0 0px }

#ctr-navigation .input.gotopage																		{ border: none; background: #DDDDDD; height: 36px; width: 72px; text-align: center; box-sizing: border-box; border-radius: 0px; display: inline-block; float: left; margin: 0px 5px 0px 0px }

/*** thumbnails ***/
#ctr-thumbnails																										{ margin: 0 5px 5px 0 }
#ctr-thumbnails .thumbnail																				{ position: relative; display: inline-block;}
#ctr-thumbnails .thumbnail .thumbnailimage												{ display: block;}
#ctr-thumbnails .thumbnail .overlay																{ background: rgba(0,0,0,0.2);  position: absolute; top: 0; left: 0; right: 0; bottom: 0 }
#ctr-thumbnails .thumbnail:hover .overlay													{ display: block; }

#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: 34px; 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																	{ display: none; background: rgba(0,0,0,0.5); height: 30px; position: absolute; z-index: 1000; left: 0px; bottom: 0px; right: 0px; }
#ctr-thumbnails .thumbnailoptions .selectionselector,	
#ctr-thumbnails .thumbnailoptions .downloadbutton									{ color: #FFFFFF; float: right; box-sizing: border-box; height: 100%; width: 30px; cursor: pointer; background: #666666; display: block; line-height: 1; text-align: center; margin: 0px; box-sizing: border-box;} 
#ctr-thumbnails .thumbnailoptions .selectionselector							{ padding: 4px 0 0 0; font-size: 24px;  } 
#ctr-thumbnails .thumbnailoptions .downloadbutton									{ padding: 8px 0 0 0; font-size: 14px; } 
#ctr-thumbnails .thumbnailoptions span.selectionselector:hover,
#ctr-thumbnails .thumbnailoptions span a:hover										{ background: #0071BB; }
#ctr-thumbnails .thumbnailoptions .imagenumber										{ color: #FFFFFF; font-size: 80%; display: inline-block; padding: 7px 0 0 10px }

#ctr-thumbnails .selected .thumbnailoptions												{ display: block !important; }
#ctr-thumbnails .selected .thumbnailoptions span.selectionselector{ background: #0071BB; }

/*** previews ***/
#ctr-preview																											{ display: -webkit-box; display: -ms-flexbox; display: flex }
#ctr-preview .column-left																					{ -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; margin: 0px 5% 0px 0px; }
#ctr-preview .column-right																				{ -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin: 0px 0px 0px 0px }
#ctr-preview .preview-image																				{ max-width: 100%}
#ctr-preview .label																								{ color: #0071BB; font-size: 18px;  margin: 0px 0px 5px 0px; display: block; }
#ctr-preview .actionbuttons 																			{ margin: 0px 0px 15px 0px;  } 
#ctr-preview #ctr-resolutions .resolution .buttons.selected a.selectionbutton,
#ctr-popupdownloadmenu .resolution:hover													{ background: #0071BB; }
#ctr-preview #ctr-resolutions .resolution .buttons a:hover				{ background: #0071BB }																												


#ctr-popupdownloadmenu .resolution																{ display: block; font-size: 12px; line-height: 130%; margin-bottom: 10px; padding: 15px;  background: #EFEFEF; position: relative; }
#ctr-popupdownloadmenu .resolution h3															{ color: #666666; font-size: 18px; font-weight: bold;  }
#ctr-popupdownloadmenu .resolution:hover													{ color: #FFFFFF }
#ctr-popupdownloadmenu .resolution:hover h3,
#ctr-popupdownloadmenu .resolution:hover span.title								{ color: #FFFFFF;}
#ctr-popupdownloadmenu .resolution .info													{ font-weight: bold;  }
#ctr-popupdownloadmenu .resolution .title													{ margin: 0px 0px 10px 0px }
#ctr-popupdownloadmenu .resolution span.title											{ display: inline-block; margin: 0px 0px 3px 0px; font-weight: normal; color: #666666}
#ctr-popupdownloadmenu .resolution .buttons												{ position: absolute; right: 0px; top: 0px;bottom: 0px; }
#ctr-popupdownloadmenu .resolution .buttons a											{ background: #DDDDDD; display: block; height: 100%; width: 52px; float: right; font-size: 30px; padding: 7px 0px 0px 0px; margin: 0px 0px 0px 1px; text-align: center; box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing: border-box; }
#ctr-popupdownloadmenu .resolution .buttons.selected a.selectionbutton		{ background: #00A1D7; color: #FFFFFF }


	/*** 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 ***/
#page-selectionorder .column-left																	{ margin: 0 0 0 0; width: 25%; float: left}
#page-selectionorder .column-right																{ margin: 0 0 0 30%;}

	#ctr-orderthumbnails .orderthumbnail														{ overflow: auto; border-bottom: 2px dotted #DDDDDD; margin: 0px 0px 20px 0px; padding: 0 0 20px 0}
	
	#ctr-orderthumbnails .image																			{ float: left; width: 300px }
	#ctr-orderthumbnails .image img																	{ max-width: 300px }
	#ctr-orderthumbnails .resolutions																{ margin: 0 0 0 320px }
	#ctr-orderthumbnails .resolution																{ display: block; margin: 0px 0px 10px 0px; border: 2px solid transparent; text-transform: lowercase; background: rgba(255,255,255,0.95); border-radius: 4px; padding: 5px 10px  }
	#ctr-orderthumbnails .resolution:hover													{ color: inherit;}
	#ctr-orderthumbnails .resolution.selected												{ border: 2px solid #0071BB; color: #0071BB }
	#ctr-orderthumbnails .resolution .checkbox											{ display:  none }
	#ctr-orderthumbnails .resolution .title													{ display: block; font-size: 20px; margin: 0 0 0 0 }
	#ctr-orderthumbnails .info																			{ display: block; margin: 0px 0px 0px 0px; font-size: 12px; line-height: 120%; }			

/*** tablets ***/
@media screen and (max-width: 1500px) {
	#ctr-header #selection-button																		{ right: 10px; }
}


/*** tablets ***/
@media screen and (max-width: 1024px) {
	/*** general layout ***/
	#ctr-content																										{ padding: 80px 20px; max-width: 100%;  }
	center																													{ padding: 0px 0px; }

	#ctr-content .misc .body																				{ padding: 5%; margin: 100px 0 0 0  }
	.columns																												{ column-count: 1; -moz-column-count: 1; -webkit-column-count: 1 }
	.column-sidebar																									{ float: none; width: 100%;}
	.column-body																										{ margin: 20px 0px 0px 0px; }

	/* search */
	#ctr-searchform .wrapper																				{ margin: 0px; }

	/* home */	
	#ctr-searchform.home																						{ position: absolute; box-sizing: border-box; width: auto; right: 2%; left: 2%; top: auto;  max-width: 100%; margin: 20% 0px 0px}
	#ctr-searchform.home .wrapper																		{ width: 100%; }

	/* selection */
	#ctr-selection .button.close																		{ right: 0px; border-right: none; }
	
	/* general */	
	#ctr-searchform .wrapper .submit																{ width: 100px; }

	/* header */
	#ctr-header .logo																								{ margin: 12px 0 0 20px}
	#ctr-header a.mainlink																					{ padding: 15px 7px; }
	

 }

/*** medium phones landscape ***/
@media screen and (max-width: 640px) {
	/*** text ***/
	html,body, input, select, textarea, a														{ line-height: 140%;}

	h1																															{ line-height: 130%; font-size: 26px; margin: 0px 0px 20px 0 }
	h2																															{ line-height: 130%; font-size: 20px }

	/*** forms ***/
	input[type="checkbox"] + label span 														{ border: 1px solid #CCCCCC; }
	input[type="radio"] + label span 																{ border: 1px solid #CCCCCC; }
	.input, 
	.select, 
	.textarea																												{ background: #CCCCCC;}

	/*** general layout ***/
	#ctr-wrapper 																										{ min-height: auto; height: auto !important; height: auto; margin: 0 auto 0px; }
	#ctr-content 																										{ padding: 53px 10px }
	#ctr-content .misc .body																				{ margin: 0px -10px; padding: 30px 10px  }
	

	/*** buttons ***/
	.button.square span																							{ font-size: 30px; }
	.button.square.large																						{ padding: 14px 10px 4px; height: 43px; }

	.button.big																											{ font-size: 16px; padding: 10px 15px 0px;  }
	.button.big span																								{ margin: -10px 0px 0px 15px;  padding: 10px 0px 10px 15px ;}
	
	a.button.yourpp																									{ width: 100%; } 

	/*** pulldownmenus ***/
	.pulldownmenu.dropit,
	.pulldownmenu li																								{ display: block; float: none; }
	.pulldownmenu.dropit .dropit-submenu 														{ position: fixed; left: 0px; right: 0px; top: 53px !important; bottom: 0px; margin: 0px  }
	.pulldownmenu.dropit .dropit-submenu li													{ display: block }

	/* header*/
	#ctr-header																											{ position: fixed; background: #FFFFFF; height: auto; top: 0px; margin: 0; border: none;  }
	#ctr-header .logo																								{ width: 100%;  border-bottom: 1px solid #EEEEEE; padding: 16px 10px 15px; margin: 0px 0px 0px 0px  }
	.getsupersized #ctr-header																			{  }
	.getsupersized #ctr-header .logo																{ border: none; }
	#ctr-header .logo img																						{ margin: 0px 0 0px 0; max-height: 20px }
	#ctr-header #ctr-mainmenu .mobilemenu														{ display: none; background: #0071BB; z-index: 9000; position: fixed; left: 0px; right: 0px; top: 53px; bottom: 0px; }

	#ctr-header a.mainlink																					{ display: block !important; padding: 15px 10px; float: none; color: #F2F2F2; border: none; border-bottom: 1px solid #0065A7; }
	#ctr-header a.mainlink:hover																		{ text-decoration: none; background: #0065A7; color: #F2F2F2;  }
	
	#ctr-header .button-menu																				{ position: fixed;z-index: 6000; background: #0071BB; padding: 17px 16px 16px; font-size: 20px; display: block; border-radius: 0px; color: #FFFFFF; right: -5px; top: 0px;}

	#ctr-header #selection-button																		{ display: block !important; position: fixed; text-transform: none; z-index: 7000; bottom: 0px; border-radius: 0px; padding: 12px 0px;  top: auto; left: 0px; right: 0px; box-shadow: none; border: none;  margin: 0px 0 0 0;  }
	#ctr-header #selection-button .label														{ display: inline-block; }
	#ctr-header #selection-button .counter													{ display: inline-block; font-size: 18px; margin: 0 0 0 10px }
	#ctr-header #selection-button .label span												{ display: inline-block; font-size: 18px; margin: 0 0 0 5px }

	#ctr-header .pulldownmenu.dropit .dropit-submenu								{ background: #0071BB; position: fixed; border: none;  }
	#ctr-header .pulldownmenu.dropit .dropit-submenu a 							{ border-bottom: 1px solid #0065A7;  display: block; padding: 15px 10px; color: #F2F2F2; }
	#ctr-header .pulldownmenu.dropit .dropit-submenu a:hover				{ background: #0065A7; color: #F2F2F2; }
	
	/* search */
	#ctr-searchform .wrapper,
	#ctr-searchform.home .wrapper																		{ height: 50px; border-radius: 2px;   }
	#ctr-searchform.next																						{ margin: 20px 0 0 0 }
	#ctr-searchform.next .ctr-flex																	{ display: block }
	#ctr-searchform.next .ctr-flex .flex														{ padding: 0px }
	#ctr-searchform.home																						{ position: absolute; top: 30%; left: 10px; right: 10px; max-width: 100%; margin: 0px 0px 0px 0px  }
	
	#ctr-searchform .wrapper .input																	{ font-size: 16px; padding: 0 80px 0 10px; }
	#ctr-searchform.home .wrapper .input														{ font-size: 16px; padding: 0 80px 0 10px }

	#ctr-searchform .wrapper .submit																{ font-size: 16px; width: 100px}
	#ctr-searchform .wrapper .button-newsearch,
	#ctr-searchform.home .wrapper .button-newsearch									{ padding: 1px 10px; right: 50px; font-size: 30px; }
	#ctr-searchform .wrapper .button-advanced												{ font-size: 16px; padding: 13px 12px  }

	#ctr-navigation																									{ float: none; width: 100%; margin: 0px 0 0 0 }
	#ctr-navigation .label																					{ margin: 0px 0px 0px 0px; display: block; }
	#ctr-navigation .navigation-buttons															{ float: none; margin: 10px 0px ; display: flex; padding: 0px }
	#ctr-navigation .navigation-buttons span.inactive								{ background: #F2F2F2 }
	#ctr-navigation .navigation-buttons span,
	#ctr-navigation .navigation-buttons a														{ display: block; flex: 1; height: auto;  padding: 10px 10px; margin: 0px 1px }
	#ctr-navigation .input.gotopage																	{ border: 1px solid #e7e7e7; height: 41px; width: 72px; text-align: center; box-sizing: border-box; border-radius: 0px; display: inline-block; float: left; margin: 0px 1px}


	/* popups */
	.ctr-veil																												{ position: fixed; z-index: 9850; background: rgba(0,0,0,0.4); top: 0; right: 0; bottom: 0; left: 0 }
	.ctr-popup																											{ position: fixed; left: 0px; z-index: 9910; margin: 0px }
	.ctr-popup.fixed																								{ position: fixed !important;  }
	.ctr-popup.small																								{ width: 100%; top: 0px; bottom: 0px; margin: 0px; }
	.ctr-popup.medium																								{ width: 100%; top: 0px; margin: 0px; }
	.ctr-popup .header h1																						{ font-size: 20px; padding: 20px 20px 0px;}
	.ctr-popup .body																								{ padding: 0px 20px 20px; }
	.ctr-popup .buttons																							{ }
	.ctr-popup .errormessage																				{ margin: 0px 0px 20px 0px; padding: 20px 10px; }

	/*** specials ***/
	#ctr-specials .special .counter																	{ width: 30px }
	#ctr-specials .special .title																		{ background: none; }
	#ctr-specials .special:hover																		{ border: none }

	/*** thumbnails ***/
	#ctr-thumbnails																									{ margin: 0;}
	#ctr-thumbnails .thumbnail																			{ position: relative; display: block;  }
	#ctr-thumbnails .thumbnail .overlay															{ background: none;  }
	#ctr-thumbnails .thumbnail img																	{ max-width: 100%; margin: 0 auto 2%}
	#ctr-thumbnails .thumbnailoptions																{ text-align: center; background: none; bottom: 30px; display: block !important }
	#ctr-thumbnails .thumbnailoptions .imagenumber									{ display: none }
	
	#ctr-thumbnails .thumbnailoptions .selectionselector,	
	#ctr-thumbnails .thumbnailoptions .downloadbutton								{ float: none; display: inline-block;  margin: 0 0 5px 0; line-height: 0; height: 50px; width: 50px; vertical-align: top;} 
	#ctr-thumbnails .thumbnailoptions .selectionselector						{ padding: 24px 0px 0px 0px; font-size: 40px !important  } 
	#ctr-thumbnails .thumbnailoptions .downloadbutton								{ padding: 24px 0px 0px 0px; position: relative; font-size: 22px } 

	/*** previews ***/
	#ctr-preview																										{ display: block}
	#ctr-preview .column-left																				{ min-width: 0; margin: 0px 5% 0px 0px }
	#ctr-preview .column-right																			{ margin: 0px 0px 0px 0px }
	#ctr-preview .preview-image																			{ max-width: 100%}
	#ctr-preview .label																							{ font-size: 18px;  margin: 0px 0px 5px 0px; display: block; }
	#ctr-preview .actionbuttons 																		{ margin: 20px 0px 15px 0px;  } 
	
	#ctr-popupdownloadmenu .resolution															{ background: #CCCCCC; }

	/*** ajax selection ***/
	#ctr-selection																									{ position: absolute; }
	#ctr-selection center																						{ padding: 10px; }
	#ctr-selection .header																					{ margin: -5px 0 20px 0; height: auto; padding: 0px; border: none; }
	#ctr-selection .header h2																				{ display: block;padding: 10px 0px; margin: 0px; font-size: 20px }

	#ctr-selection .header .menu																		{ float: none; width: 100%; margin: 20px 0px 0 0; display: block; }
	#ctr-selection .header .menu a.mainlink													{ display: block;  padding: 10px 10px; margin: 0 -10px; border-left: none; box-sizing: border-box; border-bottom: 1px solid #F8F8F8;}
	#ctr-selection .header .menu a.mainlink.first										{ border-top: 1px solid #F8F8F8; }
	#ctr-selection .header .pulldownmenu.dropit .dropit-submenu 		{ position: fixed; background: #0071BB; top: -10px;   }
	#ctr-selection .header .pulldownmenu.dropit .dropit-submenu a			{ display: block; padding: 10px 10px; color: #F2F2F2; border-bottom: 1px solid #0065A7;}
	#ctr-selection .header .pulldownmenu.dropit .dropit-submenu a:hover		{ text-decoration: none; background: #0065A7; color: #F2F2F2; }
	
	#ctr-selection .button.close																		{ right: 0px; top: 0px; position: fixed !important; border-right: 1px solid #EEEEEE; border-bottom: 1px solid #EEEEEE; }

	#ctr-selection .thumbnails																				{ margin: 10px 0px 0px -5px; overflow: hidden; }

	#ctr-selection .thumbnails .button.overflow												{ display: inline-block; position: relative; z-index: 200; float: right; height: 90px; width: 90px; font-size: 70px; background: #222222; box-sizing: border-box; padding: 17px 0px 0px 0px; line-height:0.5;text-align: center; color: #FFFFFF }
	#ctr-selection .thumbnails .button.overflow:hover									{ background: #555555}
		
	#ctr-selection .thumbnail																					{ margin: 0px 0px 3px 3px; overflow: hidden; float: left  }
	#ctr-selection .thumbnail .image																	{ border: 1px solid transparent; position: relative; overflow: hidden; text-align: center;   }
	#ctr-selection .thumbnail .image:hover														{ border: 1px solid #0071BB;}
	#ctr-selection .thumbnail .image img															{ max-height: 80px; } 
	#ctr-selection .thumbnail .button.delete													{ display: none; font-size: 14px; position: absolute; border-radius: 0px; padding: 5px 0px 5px 0px; z-index: 9999; background: rgba(0,0,0,0.5);  line-height: 1; color: #FFFFFF; box-sizing: border-box; right: 0px; bottom: 0px; left: 0px; }
	#ctr-selection .thumbnail .button.delete:hover										{ background: #0071BB; }
	#ctr-selection .thumbnail .image:hover .button.delete							{ display: block; }

	#ctr-selection .button.more																				{ margin: 0px 0px 3px 3px; text-transform: uppercase; font-weight: bold; padding: 5px 0 0 0; color: #FFFFFF; text-align: center; box-sizing: border-box; background: #000000; border: 2px solid transparent; height: 90px; width: 90px; border-radius: 4px; display: block; overflow: hidden; float: left  }
	#ctr-selection .button.more span																	{ display: block; font-size: 80px; color: #FFFFFF; font-weight: normal;line-height: 0.5; margin: 0 0 10px 0}
	#ctr-selection .button.more:hover,
	#ctr-selection .button.more:hover span														{ color:  #0071BB;  }

	/*** optionbuttons on listpages ***/
	.optionbuttons																									{ position: static; margin: 0 0 20px 0 }
	.pageinfo																												{ position: static; }

	.summarylist 																										{ margin: 0px 0px 30px 0px; }
	.summarylist .listitem																					{ min-width: auto;}

	/*** page selection ***/
	#page-selectionorder .column-left																{ margin: 0 0; width: 100%; float: none; }
	#page-selectionorder .column-right															{ margin: 0 0; width: 100%; float: none; }

	#ctr-orderthumbnails .image																			{ float: none; width: 100% }
	#ctr-orderthumbnails img																				{ max-height: 100%; max-width: 100% }
	#ctr-orderthumbnails .info																			{ display: none}
	#ctr-orderthumbnails .title																			{ margin: 0px; }

		/* orderthumbnails */
		#ctr-orderthumbnails .orderthumbnail													{ border-bottom: 2px dotted #DDDDDD; }
		
		#ctr-orderthumbnails .resolutions															{ margin: 20px 0px 0px 0px; padding: 0 0 0px 0 }
		#ctr-orderthumbnails .resolution															{ display: block; margin: 0px 0px 10px 0px; border: 2px solid transparent;  text-transform: lowercase; background: rgba(255,255,255,0.95); border-radius: 4px; padding: 4%  }
		#ctr-orderthumbnails .resolution.selected											{ color: #FFFFFF }
		#ctr-orderthumbnails .resolution .checkbox										{ display:  none }
		#ctr-orderthumbnails .resolution .title												{ display: block; font-size: 20px; margin: 0 0 10px 0 }
		#ctr-orderthumbnails .info																		{ display: block; margin: 0px 0px 0px 0px; font-size: 12px }

	/*** autocomplete ***/													
	.ac_results li																									{ padding: 5px 10px 5px 41px; }

}