/*** text ***/
html																															{ background: url('../img/background/grey-noise-background.gif');}
html,body, input, select, textarea, a															{ font-family: 'Open Sans', 'Calibri', 'Arial', sans-serif ; font-size: 14px; line-height: 160%; color: #555555;  }
	
p																																	{ margin: 0px 0px 20px 0px; line-height: 150%;   }
																	
h1 																																{ font-size: 40px; font-weight: normal; line-height: 1; margin: 0px 0px 15px 0px; }
h2																																{ font-size: 24px; font-weight: normal; margin: 0px 0px 5px 0px; }
h3																																{ font-size: 24px; font-weight: normal; color: #FFFFFF; margin: 0px 0px 5px 0px;  }
h4																																{ font-size: 18px; font-weight: normal; color: #FFFFFF; margin: 0px 0px 0px 0px; }
	
a, a:visited																											{ text-decoration: none; outline: none; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s;-webkit-transition:.5s; transition:.5s; }
a:active, a:hover																									{ text-decoration: none; outline: none; }
							
.columns																													{ column-count: 2; -moz-column-count: 2; -webkit-column-count: 2 }


/*** fontello ***/
@font-face 																												{ font-family: 'fontello'; src: url('../font/fontello.eot?47726734'); src: url('../font/fontello.eot?47726734#iefix') format('embedded-opentype'), url('../font/fontello.woff?47726734') format('woff'), url('../font/fontello.ttf?47726734') format('truetype'), url('../font/fontello.svg?47726734#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																														{ text-decoration: none; }

.button.big																												{ border-radius: 4px; border: none; display: inline-block;  font-size: 18px; padding: 10px 15px 10px 15px; color: #FFFFFF; text-transform: uppercase; }
.button.big span																									{ font-size: 40px; float: right; border: 2px solid #FFFFFF; border-radius: 50%; display: block; height: 30px; width: 30px; text-align: center; box-sizing: border-box; line-height: 0; padding: 9px 0px 0px 2px; margin: 0px 0px 0px 10px }
.button.big:hover																									{ color: #FFFFFF; text-decoration: none }
.button.big .counter 																							{ font-size: 18px; padding: 13px 0px 0px 0px}

.button.submit																										{ color: #FFFFFF; border-radius: 4px; padding: 10px 20px; border: none }
.button.submit:hover																							{ color: #FFFFFF }

.button.close																											{ display: block; position: absolute; top: 20px; right: 20px; padding: 10px 12px 4px; border-radius: 4px; z-index: 5500 }
.button.close:before 																							{ content: "×"; font-size: 30px; }
.button.close:hover																								{ background: #E1E1E1; color: #555555; text-decoration: none }

.button.option																										{ background: #5B5B5B; color: #FFFFFF; display: inline-block; border-radius: 3px; padding: 2px 15px; margin: 0px 2px 6px 0px; font-size: 13px; border: none }
.button.option:hover																							{ background: #b7b7b7; color: #FFFFFF }

.button.keyword																										{ background: #b7b7b7; color: #FFFFFF; display: inline-block; border-radius: 3px; padding: 2px 5px; margin: 0px 2px 5px 0px; font-size: 13px; border: none }
.button.keyword:hover																							{ background: #E1E1E1; color: #555555 }

.button.square																										{ background: #5B5B5B; border-radius: 4px; display: inline-block; float: left; margin: 0px 5px 5px 0px }
.button.square span																								{ font-size: 40px; color: #FFFFFF; }
.button.square.large																							{ padding: 10px 20px 6px; }
.button.square:hover																							{ background: #b7b7b7; text-decoration: none }
.button.square.delete:hover																				{ background: #CC0000; }

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: 10px; width: 30px; text-align: center; font-size: 12px; }
a.button.yourpp:hover span																				{ color: #FFFFFF; }

/*** forms ***/	
.input, 
.select, 
.textarea																													{ padding: 10px 10px; border: none; margin: 0px 0px 10px 0px; box-sizing: border-box; border: 1px solid #F1F1F1; }
.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																										{ border: 1px solid #CC0000; color: #CC0000; }

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:.5s; -ms-transition:.5s; -moz-transition:.5s;-webkit-transition:.5s; transition:.5s; }
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:.5s; -ms-transition:.5s; -moz-transition:.5s;-webkit-transition:.5s; transition:.5s; }
input[type="checkbox"]:checked + label span,
input[type="radio"]:checked + label span 													{ }
input[type='submit']																							{ -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s;-webkit-transition:.5s; transition:.5s; }

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


/* flex */
.ctr-flex																													{ display: -webkit-box; display: -ms-flexbox; display: flex;  }
.ctr-flexalways																										{ display: -webkit-box; display: -ms-flexbox; display: flex; }
.ctr-inlineflex																										{ display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex; }

.ctr-flex.flexmiddle,
.ctr-flexalways.flexmiddle																				{ -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;  }
.ctr-flex.flexcenter,
.ctr-flexalways.flexcenter																				{ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }
.ctr-flex.flexvcenter,
.ctr-flexalways.flexvcenter																				{ -ms-flex-line-pack: center; align-items: center; }
.ctr-flex.wrap,
.ctr-flexalways.wrap																							{ -ms-flex-wrap: wrap; flex-wrap: wrap; }

.ctr-flex .flex.auto																							{ -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; }
.ctr-flex .flex.one																								{ -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
.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; }
	
.ctr-flex.size-1 .flex																						{ -webkit-box-flex: 1; -ms-flex: 1 0 100%; flex: 1 0 100% }
.ctr-flex.size-2 .flex																						{ -webkit-box-flex: 1; -ms-flex: 1 0 50%; flex: 1 0 50% }
.ctr-flex.size-3 .flex																						{ -webkit-box-flex: 1; -ms-flex: 1 0 33%; flex: 1 0 33% }
.ctr-flex.size-4 .flex																						{ -webkit-box-flex: 1; -ms-flex: 1 0 25%; flex: 1 0 25% }
.ctr-flex.size-5 .flex																						{ -webkit-box-flex: 1; -ms-flex: 1 0 20%; flex: 1 0 20% }

@media only screen and (max-width:736px) {
.ctr-flex																													{ display: block; }
}

/*** general layout ***/
#ctr-wrapper 																											{ min-height: 100%; height: auto !important; height: 100%; margin: 0 auto 0px; }
#ctr-content																											{ margin: 0px 0px 0px 0px; padding: 70px 30px; }

.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-row																												{ display: table-row;}
.table-cell																												{ display: table-cell;}
.table-cell.first																									{ width: 30%}

/*** popups ***/
.ctr-vale																													{ position: fixed; z-index: 9000; background: rgba(0,0,0,0.6); top: 0; right: 0; bottom: 0; left: 0 }

.ctr-popup																												{ position: absolute; left: 50%; z-index: 9500; border-radius: 4px; overflow: hidden;  color: #FFFFFF; }
.ctr-popup.small																									{ width: 440px; margin: 0 0 0 -220px; top: 20%; }
.ctr-popup.medium																									{ width: 800px; margin: 0 0 0 -400px; top: 10%; }

.ctr-popup .header																								{ position: relative; }
.ctr-popup .header h1																							{ font-size: 24px; font-weight: normal; padding: 30px 30px 15px;  color: #FFFFFF;}
 
.ctr-popup .body																									{ padding: 0px 30px 30px; }
.ctr-popup .body p																								{ margin: 0px 0px 20px 0px }
.ctr-popup .body p .required																			{ font-size: 14px; display: block; margin: 10px 0px 0px 0px}
.ctr-popup .body .input																						{ margin: 0px -30px 10px 0px; box-sizing: content-box; padding: 10px; box-sizing: border-box;  }

.ctr-popup .links																									{ margin: 20px -30px 15px}
.ctr-popup .links a																								{ display: block; width: 100%;  color: #FFFFFF; padding: 5px 30px; box-sizing: border-box; margin: 0px; background: none; font-size: 12px; }
.ctr-popup .links a:hover																					{ background: #FFFFFF; }

.ctr-popup .errormessage																					{ display: none; margin: -15px 0px 15px 0px; padding: 30px; background: #CC0000; color: #FFFFFF }

	/* exception */
	.ctr-popup.misc																									{ z-index:  500; color: #FFFFFF; }
	.ctr-popup.misc a																								{ color: #FFFFFF }
	.ctr-popup.misc .body																						{ padding: 30px 80px }
	.ctr-popup.misc h1																							{ margin: 0px 0px 30px 0px; color: #FFFFFF }

/*** supersized ***/
#supersized-loader 																								{ display: none; position:absolute; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background: url('../img/waiting/waiting-50px.png') no-repeat center center;}
#supersized 																											{ display:block; position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
#supersized img 																									{ width:auto; height:auto; position:relative; display:none; outline:none; border:none; }
#supersized.speed img 																						{ -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }	/*Speed*/
#supersized.quality img 																					{ -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }			/*Quality*/
																	
#supersized li 																										{ display:block; list-style:none; z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111; }
#supersized a 																										{ width:100%; height:100%; display:block; }
#supersized li.prevslide 																					{ z-index:-20; }
#supersized li.activeslide																				{ z-index:-10; }
#supersized li.image-loading																			{ background:#111 url('../img/waiting/waiting-50px.png') no-repeat center center; width:100%; height:100%; }
#supersized li.image-loading img																	{ visibility:hidden; }
#supersized li.prevslide img, #supersized li.activeslide img			{ display:inline; }

/*** specials ***/
#ctr-specials																											{ position: fixed; bottom: 30px; left: 30px; right: 30px; text-align: center;  }
#ctr-specials .special																						{ border: 2px solid transparent; margin: 0 10px 0px 0px; display: inline-block; position: relative; border-radius: 4px; overflow: hidden; }
#ctr-specials .special .image 																		{ height: 150px; width: 200px;  position: relative; overflow: hidden; }
#ctr-specials .special .image img																	{ position: absolute; 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; text-align: left; white-space: nowrap; text-overflow: ellipsis; font-size: 14px; line-height: 140%; box-sizing: border-box; padding: 5px 10px; bottom: 0px; left: 0px; right: 0px; overflow: hidden;  }
#ctr-specials .special .date 																			{ position: absolute; z-index: 500; bottom: 30px; left: 10px; color: #FFFFFF; font-weight: bold; text-shadow: 0px 0px 1px #666666 }
#page-specials .summarylist .date																	{ display: inline-block; position: absolute; right: 80px;}

#ctr-specials .special .counter																		{ position: absolute; z-index: 500; color: #FFFFFF; text-align: center; border-radius: 4px; font-size: 12px; padding: 0px 5px; left: 5px; top: 5px }

/*** header ***/
#ctr-header																												{ position: absolute; z-index: 8000; top: 0px; left: 0px; right: 0px; padding: 0px 30px; color: #FFFFFF; }

#ctr-header #ctr-mainmenu																					{ float: right }
	
#ctr-header #ctr-partners img																			{ height:30px; margin-top:8px; }
#ctr-header #ctr-partners div																			{ display:inline-block; margin:12px 10px 0 0; }

#ctr-header .link																									{ display: inline-block; padding: 0px;  box-sizing: border-box; float: left; }
#ctr-header .link a																								{ font-size: 14px; position: relative; display: inline-block; padding: 12px 15px; box-sizing: border-box }
#ctr-header .link a:hover																					{ color: #FFFFFF; text-decoration: none; }
#ctr-header .link .counter																				{ display: inline-block; }
#ctr-header .link a span 																					{ font-size: 22px; position: absolute; right: 16px; top: 11px; text-align: center; }

#ctr-header .link.logo																						{ width: 269px; }
#ctr-header .link.logo a																					{ border: none; display: inline-block; margin: 0px 0px 0px 0px; padding: 0px;}
#ctr-header .link.logo a img																			{ height: 30px; margin: 10px 30px 0px 0px }
	
	/* exception */
	#page-home #ctr-header .link.logo a img													{ height: auto; max-height: 30px; max-width: 100%; margin: 0px 0px 0px 0px }
	#page-home #ctr-header .link.logo a															{ padding: 10px 0px 0px 0px; margin: 0px 0px 0px 0px}
	#page-home #ctr-header .link.logo a:hover												{ background: none;}

#ctr-header .ctr-menu-popupmenu																		{ position: relative; display: inline-block;  }
#ctr-header .ctr-menu-popupmenu > a																{ padding-right: 40px }
#ctr-header .menu-popupmenu																				{ border-radius: 2px; overflow: hidden; position: absolute; top: 50px; right: 0px; display: none; text-align: left }
	
#ctr-header .menu-popupmenu a																			{ display: block; font-size: 14px; border: none; background: none; width: 300px; color: #555555; padding: 7px 25px;  }
#ctr-header .menu-popupmenu a:hover																{ text-decoration: none; color: #FFFFFF; }
	
#ctr-header .selectionsbutton .counter														{ display: inline-block; margin: 0px 0px 0px 5px}

/*** ajax selection ***/
#ctr-selection																										{ box-sizing: border-box; position: fixed; bottom: 0px; right: 0px; left: 0px; width: 100%; padding: 30px; z-index: 8000 }
#ctr-selection .select																						{ margin: 15px 0px 0px }
#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																	{ height: 90px; width: 90px; border: 2px solid transparent; border-radius: 4px; position: relative; overflow: hidden; text-align: center;   }
#ctr-selection .thumbnail .image img															{ position: absolute; max-width: 170px; max-height: 170px; left: 50%; top: 50%; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); } 
#ctr-selection .thumbnail .button.delete													{ position: absolute; width: 30px; border-radius: 3px; padding: 2px 0px 0px 0px; height: 30px; z-index: 9999; background: rgba(0,0,0,0.5); display: block; color: #FFFFFF; box-sizing: border-box; right: 2px; bottom: 2px }

/*** lists ***/
.summarylist .listitem																						{ position: relative; display: block;  border-bottom: 1px solid  #DDDDDD; width: 50%; min-width: 350px; margin: 0px 0px 0px 0px; padding: 7px 50px 7px 0px  }
.summarylist .listitem:hover																			{ cursor: pointer; border-bottom: 1px solid #CCCCCC  }
.summarylist .listitem a,
.summarylist .listitem .counter																		{ position: absolute; color: #FFFFFF; background: #5B5B5B; line-height: 1; box-sizing: border-box; width: 40px; top: 7px;  border-radius: 3px; text-align: center  }
.summarylist .listitem .counter																		{ right: 0px; font-size: 12px; padding: 6px 5px; }
.summarylist .listitem a																					{ right: 45px; font-size: 16px; padding: 3px 5px 5px;  }
.summarylist .listitem a:hover																		{ background: #CC0000; color: #FFFFFF}	
.summarylist .listitem:hover .counter															{ color: #FFFFFF; }

/*** searchforms ***/
#page-home #ctr-searchform.next,
#page-register #ctr-searchform.next																{ display: none }

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

	/* general */	
	#ctr-searchform .wrapper																				{ position: relative; border-radius: 4px; overflow: hidden; }
	#ctr-searchform .wrapper .input																	{ border: none; width: 100%; margin: 0px;  text-transform: lowercase; }
		
	#ctr-searchform .wrapper .submit																{ background-image: url('../img/buttons/button-search.png'); background-repeat: no-repeat; background-position: center center; position: absolute; width: 71px; right: 0px; margin: 0px; top: 0px; bottom: 0px;  border: none; }
	#ctr-searchform .wrapper .submit:hover,				
	#ctr-searchform .wrapper .submit:active													{ background-image: url('../img/buttons/button-search.png'); background-repeat: no-repeat; background-position: center center; color: #555555 }
		
	#ctr-searchform .wrapper .button-advanced												{ position: absolute; top: 0; bottom: 0; left: 0;   }
	#ctr-searchform .wrapper .button-advanced:hover									{ color: #FFFFFF; }
	#ctr-searchform .wrapper .button-newsearch											{ position: absolute; top: 0; bottom: 0;   }
	
	/* home */	
	#ctr-searchform.home																						{ position: absolute; top: 20%; left: 50%; max-width: 100%; width: 700px; margin: 0px 0px 0px -350px}
	#ctr-searchform.home .wrapper .input														{ font-size: 24px; padding: 13px 130px 13px 60px; }
	#ctr-searchform.home .wrapper .button-advanced									{ padding: 10px 15px; line-height: 1; font-size: 40px; }
	#ctr-searchform.home .wrapper .button-newsearch									{ right: 75px; line-height: 1; padding: 13px 15px; font-size: 40px;  }
	
	/* next */	
	#ctr-searchform.next																						{ position: relative; float: left; height: 46px; }
	#ctr-searchform.next .wrapper																		{ width: 500px; border-radius: 0; border-left: 1px solid #F2F2F2; }
	#ctr-searchform.next .wrapper .input														{ height: 46px; box-sizing: border-box; padding: 10px 130px 10px 50px; text-transform: lowercase; background: #FFFFFF }
	#ctr-searchform.next .wrapper .button-advanced									{ padding: 5px 15px; line-height: 1; font-size: 30px; }
	#ctr-searchform.next .wrapper .button-newsearch									{ right: 75px; line-height: 0.9; padding: 6px 10px; font-size: 30px;  }

	/* advanced */
	#ctr-searchformadvanced																					{ position: relative; white-space: nowrap; float: left; top: -24px; bottom: 0; height: 100%; width: 240px; margin: 0px 30px 0px -30px; background: #dedede;   padding: 20px 30px; }
	#ctr-searchformadvanced .select																	{ padding: 5px 10px; border: none; }
	#ctr-searchformadvanced .input																	{ padding: 4px 10px; border: none; }	
	#ctr-searchformadvanced label																		{ display: block }
	#ctr-searchformadvanced,
	#ctr-searchformadvanced .input,
	#ctr-searchformadvanced .select																	{ font-size: 14px }
	#ctr-searchformadvanced h4																			{ font-size: 16px; color: #555555 }
	#ctr-searchformadvanced .section 																{ border-bottom: 1px solid #CCCCCC; padding: 10px 30px 10px; margin:  0 -30px 0px; }
	#ctr-searchformadvanced .section label													{ text-transform: capitalize;}

/*** navigation ***/
#ctr-navigation																										{ position: relative; }
#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: -12px -5px 0 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 .thumbnailoptions																	{ display: none; position: absolute; z-index: 1000; left: 2px; bottom: 2px; right: 0px; }
#ctr-thumbnails .thumbnailoptions .selectionselector,	
#ctr-thumbnails .thumbnailoptions .downloadbutton									{ color: #FFFFFF; float: left; height: 40px; width: 40px; cursor: pointer;  border-radius: 4px;	 display: block; line-height: 1; text-align: center; margin: 0px 1px 0px 0px; box-sizing: border-box;} 
#ctr-thumbnails .thumbnailoptions .selectionselector							{ padding: 5px 0 0 0; font-size: 26px; } 
#ctr-thumbnails .thumbnailoptions .downloadbutton									{ padding: 8px 0 0 0; font-size: 22px; } 
	
#ctr-thumbnails .selected .thumbnailoptions												{ display: block !important; }

/*** previews ***/
#ctr-preview .column-left																					{ float: left; width: 50%; max-width: 100%; margin: 0px 5% 0px 0px }
#ctr-preview .column-right																				{ float: left; width: 45%; 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-preview #ctr-resolutions a																		{ display: block; }
#ctr-preview #ctr-resolutions .resolution													{ margin-bottom: 5px; padding: 7px 0px 7px 10px;  background: #DDDDDD; position: relative; }
#ctr-preview #ctr-resolutions .resolution .title									{ font-size: 20px; margin: 0px 0px 2px 0px; }
#ctr-preview #ctr-resolutions .resolution .price									{ display: block; float: right; font-size: 30px; padding: 10px 30px 0px 0px }
#ctr-preview #ctr-resolutions .resolution .img-info								{ font-size: 12px; font-weight: 200; text-align: left; }
#ctr-preview #ctr-resolutions .resolution .img-info span					{ display: inline-block; text-align: right; cursor: help}
#ctr-preview #ctr-resolutions .resolution .buttons								{ position: absolute; right: 0px; top: 0px;bottom: 0px; }
#ctr-preview #ctr-resolutions .resolution .buttons a							{ background: #CCCCCC; display: block; font-size: 30px; box-sizing: border-box; height: 100%; color: #FFFFFF; width: 60px; float: right; padding: 7px 0px 0px 0px; margin: 0px 0px 0px 1px; text-align: center; }	
#ctr-preview #ctr-resolutions .resolution a.downloadbutton				{ padding: 10px 0px 0px 0px }
#ctr-preview #ctr-resolutions .resolution a.selectionbutton				{ font-size: 38px; padding: 0 }

	/*** video ***/
	#ctr-preview #ctr-video video																		{ max-width: 100% }
	
	#ctr-preview #ctr-video .frames .image 													{ position: relative; display: inline-block; width: 150px; 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												{  }
	#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%; }			

/*** autocomplete ***/													
.ac_results																												{ padding: 0px; position: absolute;  z-index: 99999; 	 }
.ac_results ul																										{ list-style-type: none; padding:0; margin:0; width: 325px; background:#EEEEEE; }
.ac_results li																										{ margin:0px; padding: 10px; cursor:pointer; display:block; }
.ac_over																													{ background-color: #555555; color: #FFFFFF; }
	

/*** tablets ***/
@media screen and (max-width: 1024px) {

	/*** preview ***/
	#ctr-preview .preview-image																			{ margin: 180px 0 30px 0}
	#ctr-preview .column-left																				{ float: none; width: 100%; margin: 0px }
	#ctr-preview .column-right																			{ float: none; width: 100%; margin: 0px }

	#ctr-preview .navigation																				{ position: absolute; top: 100px}

 }

/*** phones ***/
@media screen and (max-width: 640px) {

	h1																															{ font-size: 24px }
	h2																															{ font-size: 18px }

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

	/*** buttons ***/
	.button.square span																							{ font-size: 30px; }
	.button.square.large																						{ padding: 8px 15px 4px; }

	.button.big																											{ font-size: 16px; padding: 10px 15px 8px 15px; }
	.button.big span																								{ font-size: 30px; border: 1px solid #FFFFFF;height: 26px; width: 26px; }
	.button.big .counter																						{ font-size: 16px; padding: 12px 0 0 0 }

	a.button.yourpp																										{ width: 100%; } 

	/*** general layout ***/
	#ctr-content																										{ padding: 10% 5% }
	#ctr-wrapper 																										{ min-height: auto;}
	
	/*** thumbnails ***/
	#ctr-thumbnails																									{ margin: 0;}
	#ctr-thumbnails .thumbnail																			{ position: relative; display: block; }
	#ctr-thumbnails .thumbnail img																	{ max-width: 100%; margin: 0 auto 2%}
	#ctr-thumbnails .thumbnailoptions																{ text-align: center; display: block !important}
	#ctr-thumbnails .thumbnailoptions .button												{ float: none; display: inline-block;}
	
	/* searchform */
	#ctr-searchform .wrapper .submit																{ width: 50px; }

		/* next */
		#ctr-searchform.next																					{ float: none; margin: 0 3% 5% 3% }
		#ctr-searchform.next .wrapper																	{ width: 100%; border: 1px solid #F2F2F2; }
		#ctr-searchform.next .wrapper .input													{ padding: 2% 80px 2% 3%;  }
		#ctr-searchform.next .wrapper .button-advanced								{ display: none }
		#ctr-searchform.next .wrapper .button-newsearch								{ right: 50px;  }

		/* home */	
		#ctr-searchform.home																					{ position: relative; top: 0%; left: 0%; max-width: 100%; width: 100%; margin: 20px 0px 0px 0px}
		#ctr-searchform.home .wrapper .input													{ font-size: 20px; padding: 2% 100px 2% 5%; }
		#ctr-searchform.home .wrapper .button-advanced								{ display: none }
		#ctr-searchform.home .wrapper .button-newsearch								{ right: 50px; line-height: 0.8; padding: 4px 15px; font-size: 34px;  }

	/*** header ***/
	#ctr-header																											{ position: relative; padding: 0; z-index: 1000 }
	#ctr-header #ctr-mainmenu																				{ float: none }
	#ctr-header .link																								{ float: none; display: block; width: auto; margin: 0; position: relative; }
	#ctr-header .link a																							{ border: none; display: block; width: 100%; padding: 2% 5%; }
	#ctr-header .link a span 																				{ font-size: 20px; right: 5%; top: 6px; }
	#ctr-header .link a:hover																				{ color: #FFFFFF; text-decoration: none; }

	#ctr-header .link.logo a																				{ border: none; margin: 0px 0px 8px 0px}
	#ctr-header .link.logo img																			{ height: 12px; margin: 6px 0px 0px 0px }

	#ctr-header .menu-popupmenu																			{ z-index: 9999; position: absolute; padding: 30px 0; top: 0; border-radius: 0px; overflow: hidden; width: 100%; }
	#ctr-header .menu-popupmenu a																		{ padding: 7px 5%;  }
	
		/* exception */
		#page-home #ctr-header .link.logo img													{ max-width: 100%; padding: 2% 5%  }

	/*** popups ***/
	.ctr-popup																											{ position: fixed; top: 0; left: 10px; right: 10px; z-index: 9500; border-radius: 4px; overflow: hidden; }
	.ctr-popup.small																								{ width: auto; margin: 0 0 0 0; top: 5%; }
	.ctr-popup.medium																								{ width: auto; margin: 0 0 0 0; top: 0%; }

		/* exception */
		.ctr-popup.misc																								{ position: relative; left: 0; right: 0; margin: 0 }
		.ctr-popup.misc .body																					{ padding: 2% 5%; font-size: 14px }
		.ctr-popup.misc h1																						{ margin: 2% 0% 5% 0%; }

		.ctr-popup.login,
		.ctr-popup.register																						{ top: 30%; position: absolute;}

	/*** specials ***/
	#ctr-specials																										{ position: relative; bottom: auto; left: auto; right: auto; text-align: center; margin: 30px 0 0 0  }
	
	#ctr-specials .special																					{ border: none; margin: 0 0 2% 0; display: block; position: relative; background: rgba(255,255,255,0.95); }
	#ctr-specials .special .image 																	{ height: auto; width: auto; position: relative; overflow: visible;  }
	#ctr-specials .special .image img																{ position: relative; float: left; height: 60px; left: auto; top: auto; -webkit-transform: translateY(0) translateX(0); transform: translateY(0) translateX(0); -moz-transform: translateY(0) translateX(0);}
	#ctr-specials .special .title																		{ position: relative;   }
	#ctr-specials .special .date 																		{ display: none }

	/*** preview ***/
	#ctr-preview .preview-image																			{ margin: 130px 0 30px 0}
	#ctr-preview .column-left																				{ float: none; width: 100%; margin: 0px }
	#ctr-preview .column-right																			{ float: none; width: 100%; margin: 0px }

	#ctr-preview .navigation																				{ position: absolute; top: 250px}

	/*** ajax selection ***/
	#ctr-selection																									{ box-sizing: border-box; position: fixed; top: 0; width: 100%; padding: 5%; z-index: 5000 }

	/*** lists ***/
	.summarylist .listitem																					{ background: rgba(255,255,255,0.95); border: none; border-radius: 4px; width: 100%; box-sizing: border-box; min-width: 100%; margin: 0px 0px 5px 0px; padding: 6px 10px }
	.summarylist .listitem:hover																		{ border: none; }
	.summarylist .listitem .counter																	{ right: 2%; }

	/*** 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 }					

}