/*
* cback_gfx.css
* This is the GFX Helper CSS for the CBACK.de v16 Website.
*
* @author	Christian Knerr
* @creator	CBACK.net
* @web		http://www.cback.de
* @version	1.0.6
* @since	01.08.2013
*/

/* Header Images */
.gfx_startup	{ background: #8F8F8F url('../img/header_images/bg_home_n2.jpg') center center no-repeat; background-size: cover; }
.gfx_main		{ background: #8F8F8F url('../img/header_images/main_bg.jpg') center center no-repeat; background-size: cover; }
.gfx_news		{ background: #8F8F8F url('../img/header_images/bg_tree_big.jpg') bottom center no-repeat; background-size: cover; }
.gfx_err		{ background: #8F8F8F url('../img/header_images/bg_night.jpg') top center no-repeat; background-size: cover; }
.gfx_abuse		{ background: #8F8F8F url('../img/header_images/bg_night.jpg') top center no-repeat; background-size: cover; }
.gfx_contact	{ background: #8F8F8F url('../img/header_images/main_bg.jpg') bottom center no-repeat; background-size: cover; }
.gfx_agb		{ background: #8F8F8F url('../img/header_images/bg_tree_big.jpg') bottom center no-repeat; background-size: cover; }
.gfx_imprint	{ background: #8F8F8F url('../img/header_images/bg_tree_big.jpg') bottom center no-repeat; background-size: cover; }
.gfx_about		{ background: #8F8F8F url('../img/header_images/bg_saar.jpg') bottom center no-repeat; background-size: cover; }
.gfx_support	{ background: #8F8F8F url('../img/header_images/bg_cliff.jpg') center center no-repeat; background-size: cover; }
.gfx_products	{ background: #8F8F8F url('../img/header_images/bg_tree_big.jpg') bottom center no-repeat; background-size: cover; }
.gfx_webserv	{ background: #8F8F8F url('../img/header_images/main_bg.jpg') top center no-repeat; background-size: cover; }
.gfx_cf3		{ background: #8F8F8F url('../img/header_images/bg_tree_big.jpg') bottom center no-repeat; background-size: cover; }
.gfx_clients	{ background: #8F8F8F url('../img/header_images/bg_tree_big.jpg') bottom center no-repeat; background-size: cover; }

/* Holidays or Special Events */
.gfx_halloween	{ background: #8F8F8F url('../img/header_images/bg_halloween.jpg') top center no-repeat; background-size: cover; }
.gfx_halloween a { text-shadow: 0 -2px 4px #ffc413, 2px 0 4px #ffc413, 0 2px 3px #ffc413, -2px 0 4px #ffc413 !important; font-weight: 600; }
.gfx_halloween .header_teaser { background: rgba(0,0,0,0.8) !important; }
.gfx_winter		{ background: #8F8F8F url('../img/header_images/bg_december.jpg') bottom center no-repeat; background-size: cover; }
.gfx_ostern		{ background: #8F8F8F url('../img/header_images/easter_bg.jpg') bottom center no-repeat; background-size: cover; }
.gfx_ostern a { text-shadow: 0 -4px 6px #f4ff8f, 4px 0 6px #f4ff8f, 0 4px 6px #f4ff8f, -6px 0 6px #f4ff8f !important; }
.gfx_ostern .header_teaser { background: rgba(0,0,0,0.7) !important; }

/* Content Images */
.home_robot		{ margin-top: -26px; }
.home_cf3		{ margin-top: 10px; margin-right: -30px; }
.home_cf4		{ margin-top: 10px; margin-right: 50px; width: 350px; }
.contact_robot	{ margin-top: -180px; margin-bottom: -80px; margin-right: -30px; }
.about_robot	{ margin-right: -20px; margin-left: 0; width: 480px; }
.imprint_robot	{ margin-right: 50px; margin-top: 16px; }
.support_comm	{ margin-top: 10px; margin-left: 20px; }
.support_docs	{ margin-top: 64px; margin-right: -20px; }
.support_wedo	{ margin-top: -16px; margin-left: 20px; }
.products_robot	{ margin-top: -10px; margin-left: 20px; }
.webserv_social { margin-top: -22px; margin-bottom: 40px; opacity: 0.6; }
.webserv_robot	{ margin-top: 20px; }
.webserv_compat { margin-top: 34px; }
.webserv_tech	{ margin-top: 8px; }
.cf3_mainimg	{ margin-top: 40px; margin-right: -20px; }
.cf3_dload		{ display: block; float: right; margin-right: 160px; margin-top: -30px; animation: cf3button 3s; -webkit-animation: cf3button 3s; }
.cf3_dload:hover{ opacity: 0.9; }
.cf3_robot		{ margin-top: 6px; }
.cf3_tech		{ margin-top: 120px; }
.cf4_mainimg	{ margin-top: 20px; margin-right: 50px; width: 350px; }
.cf4_dload		{ display: block; float: right; margin-right: 120px; margin-top: 80px; }
.cf4_dload:hover{ opacity: 0.9; }
.cf4_robot		{ margin-top: 6px; }
.cf4_tech		{ margin-top: 120px; }
.clients_exmpl	{ width: 49%; margin-top: 34px; }

/* Teaser Formatter */
.paracf4 { display: block; width: 100%; max-width: 700px; margin: 20px auto; text-align: center; }
.cf4teaserimg { display: block; margin: 0 auto; margin-top: 30px !important; text-align: center; margin-bottom: -54px !important; overflow: hidden; }
.cf4teaserimg img { width: 99%; max-width: 828px; }

/* Nav Images */
.c_micro_topnav { height: 38px; width: 110px; margin-top: 6px; }
.c_header_topnav { height: 60px; width: 180px; margin-top: 18px; margin-left: 6px; }

/* CSS3 Animators */
@keyframes cf3button			{ from { margin-top: -120px; } to { margin-top: -30px; } }
@-webkit-keyframes cf3button	{ from { margin-top: -120px; } to { margin-top: -30px; } }