@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn_con {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
   -webkit-animation-delay: 0.1s; /* Chrome, Safari, Opera */
    animation-delay: 0.1s;
}
.zoomIn_aac {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
   -webkit-animation-delay: 0.3s; /* Chrome, Safari, Opera */
    animation-delay: 0.3s;
}
.zoomIn_cat {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
   -webkit-animation-delay: 0.6s; /* Chrome, Safari, Opera */
    animation-delay: 0.6s;
}
.zoomIn_hah {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
   -webkit-animation-delay: 0.9s; /* Chrome, Safari, Opera */
    animation-delay: 0.9s;
}
.zoomIn_eck {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
   -webkit-animation-delay: 10.2s; /* Chrome, Safari, Opera */
    animation-delay: 1.2s;
}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}


.o70 { opacity:0.5;margin-bottom:-7px;margin-top:-2px;}
.o70:hover { opacity:0.8; }

body, html {
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
	color: #646464;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	border:0px;}


#fb-like {
	position:relative;
	width:130px;
	height:100px;
	margin-left:auto;
	margin-right:auto;
	margin-top:60px;
	margin-bottom:20px;
	z-index:12;
	}
.s_icons {margin-right:30px;opacity:0.5; }
.s_icons:hover { opacity: 0.9; }
	
.eck {
	position:absolute;
	top:0px;
	left:0px;
	}	
a {text-decoration: none;}

p {margin:0;padding:0;}

.c {text-align:center;}


.txtc_mailto, p a {color: #CC6666;}
.txtc_mailto:hover, p a:hover {color: #CC9966;}

.txtc_acht {color: #7B1C09;}

.txtc {color: #646464;}
.txtc_con {color: #7F7465;}
.txtc_aac {color: #5B9DCE;}
.txtc_cat {color: #597DBC;}
.txtc_hah {color: #993300;}

.txtc_con:hover {color: #CC9966;}
.txtc_aac:hover {color: #FF6666;}
.txtc_cat:hover {color: #CD4948;}
.txtc_hah:hover {color: #D96C6D;}

.txt_200 {font-weight: 200;}
.txt_400 {font-weight: 400;}
.txt_600 {font-weight: 600;}
.txt_700 {font-weight: 700;}
.txt_900 {font-weight: 900;}

.txt_small {
	margin-top:8px;
	font-size:0.8em;
	line-height: 1.0em;
	}

.r140 {
	-moz-border-radius:140px;
	-webkit-border-radius:140px;
	border-radius:140px;
	}
	
.r16o {
	-moz-border-radius:16px 16px 0px 0px;
	-webkit-border-radius:16px 16px 0px 0px;
	border-radius:16px 16px 0px 0px;
	}
.r16u {
	-moz-border-radius: 0px 0px 16px 16px;
	-webkit-border-radius: 0px 0px 16px 16px;
	border-radius: 0px 0px 16px 16px;
	}
.r16 {
	-moz-border-radius:16px;
	-webkit-border-radius:16px;
	border-radius:16px;
}		

.distanz_20 {height:20px;display:block;}
.distanz_40 {height:40px;display:block;}
.distanz_60 {height:60px;display:block;}
.distanz_120 {height:120px;display:block;}

.o08 { opacity:0.8;}


/* HEADER BEREICH 	background:#5f5b57;
*/	
header {
	position: absolute;
	width: 100%;
	height: 180px;
	background-image: url(../_raga_images_rayes/back_2a.jpg);
	background-repeat: repeat-x;
	background-position: center center;
}
#rayes_logo {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	width:254px;
	height:80px;
	z-index: 40;}
.logo_rayes {
	position:relative;
	width: 254px;
	height: 80px;
	-webkit-box-shadow: 0px 10px 15px 0px rgba(20,20,20,0.5);
	-moz-box-shadow: 0px 10px 15px 0px rgba(20,20,20,0.5);
	box-shadow: 0px 10px 15px 0px rgba(20,20,20,0.5);
	}
	
#headline_area {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
	display:block;
	width:100%;
	text-align:center;
	z-index: 40;}

.headline_txt{ 
	font-size: 1.3em;
	line-height: 1.0em;
	color:#fff;
	font-weight: 400;
	}
	
#subhead_area_x {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	margin-top:40px;
	display:block;
	width:90%;
	text-align:center;
	z-index: 1;
	}
#subhead_area {
	display:none;
	}

.subhead_txt { 
	font-size: 0.8em;
	line-height: 1.2em;
	color:#312C28;
	}
.subhead_txt p { 
	margin-bottom:0.6em;
	}
/* HEADER BEREICH ENDE */


/* NAVIGATION  */

.nav_area {
	position:relative;
	padding: 3px 0px 2px 0px;
	display:block;
	width:120px;
	z-index:400;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:10px;
	margin-top:3px;
	}
.nav_txt_1 {
	padding-top: 7px;
	padding-bottom: 5px;
	width:120px;
	display:block;
	z-index:20;
	font-size: 0.75em;
	line-height: 1.0em;
	font-weight: 600;
	letter-spacing: 0.05em;
	word-spacing: 0.05em;
	text-align: center;
	text-transform:uppercase;
	text-decoration:none;
	}
.b_b {
	border-bottom-width: 1px;border-bottom-style: solid;
	border-bottom-color: #CCC;
	}
.b_t {
	border-top-width: 1px;border-top-style: solid;
	border-top-color: #CCC;
	}

/* MAIN NAVIGATION ENDE */




/* INHALT */
main {position:absolute;top:205px;width:100%;height:100%;}

#content_x {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	display:block;
	width:280px;
	z-index:20;}
	
#content { display:none; }

#column_1 { width:120px;float:left;margin-left:10px;margin-right:10px; }

#column_2 { width:120px;float:right;margin-left:10px;margin-right:10px; }

#column_3 { width:120px;float:left;margin-left:10px;margin-right:10px; floa}

#column_4 { width:120px;float:right;margin-left:10px;margin-right:10px;display:none; }

#buttons {
	position: relative;
	display: block;
	width: 120px;
	height: 120px;
	opacity:1;
}
#buttons img {
    position: absolute;
	width: 120px;
	height: 120px;
    transition: 0.6s ease-in-out;
}
#buttons:hover img:nth-of-type(2) {
    opacity: 0;
}


#column_2 h2 {
	font-size: 1.0em;
	line-height: 1.4em;
	letter-spacing: 0.05em;
	font-weight: 700;
	text-align: left;
	margin-top:15px;
	}
#column_2 p {
	font-size: 1.0em;
	line-height: 1.4em;
	letter-spacing: 0.025em;
	text-align: left;
	margin-top:5px;
	}
	
#column_2 p a {
	color:#999;
	}	
#column_2 p a:hover {
	color:#f66;
	}



/* INHALT ENDE */


/* FOOTER */
footer {position:fixed;bottom:0;width:100%;height:40px;background:#8c8078;z-index: 1000;}
#footer_area {position:relative;margin-left:auto;margin-right:auto;top:10px;width:80%;text-align:center;display:none;
}

.footnav_txt_1 {
	font-size: 0.8em;
	letter-spacing: 0.15em;
	word-spacing: 0.05em;
	line-height: 1.5em;
	color: #ccc;
	text-transform: uppercase;
	}
.footnav_txt_1 a {
	color:#fff;
	text-decoration:none;
	}
.footnav_txt_1 a:hover { opacity:0.5;
	}
	
#copyright {position:relative;margin-left:auto;margin-right:auto;top:8px;text-align:center;font-size: 0.7em;
	letter-spacing: 0.15em;
	word-spacing: 0.05em;
	line-height: 2.5em;
	color: #CCCCCC;}
/* FOOTER ENDE */


.fader {
    position: relative;
    height:200px;
	width:200px;
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
}
.fader img {
    vertical-align: top;
	-moz-border-radius:16px;
	-webkit-border-radius:16px;
	-webkit-border-radius:16px;
	border-radius:16px;
}
.fader img.next {
    position: absolute;
    top: 0;
    left: 0;
}		
	


@media only screen and (min-width: 680px) {

/* HEADER BEREICH */	
header { height: 220px; }

#rayes_logo {
	width:300px;
	height:95px;
	}
.logo_rayes {
	width: 300px;
	height: 95px;
	}
	
#headline_area {
	margin-top:40px;
	width:90%;
	}

.headline_txt{ 
	font-size: 2.2em;
	font-weight: 200;
	}

#subhead_area {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	margin-top:60px;
	display:block;
	width:70%;
	text-align:center;
	z-index: 40;
	}
	
#subhead_area_x {
	display:none;
	}

.subhead_txt{ 
	font-size: 1.0em;
	line-height: 1.2em;
	color:#312C28;}

/* HEADER BEREICH ENDE */


main {position:absolute;top:200px;width:100%;height:100%;}

#content_x { display:none; }
	
#content {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	display:block;
	top:170px;
	width:520px;}

#column_1 { width:180px;margin-left:40px;margin-right:40px;margin-bottom:20px;float:left; }

#column_2 { width:180px;margin-left:40px;margin-right:40px;margin-bottom:20px;float:right; }

#column_3 { width:180px;margin-left:40px;margin-right:40px;margin-bottom:20px;float:left; }

#column_4 { width:180px;margin-left:40px;margin-right:40px;margin-bottom:20px;float:right;display:none; }

#buttons {
	position: relative;
	display: block;
	width: 180px;
	height: 180px;
	opacity:1;
}
#buttons img {
    position: absolute;
	width: 180px;
	height: 180px;
    transition: 0.6s ease-in-out;
}
#buttons:hover img:nth-of-type(2) {
    opacity: 0;
}


.nav_area {
	position:relative;
	padding: 3px 0px 2px 0px;
	display:block;
	width:220px;
	z-index:400;
	margin-right:auto;
	margin-left:-20px;
	margin-bottom:10px;
	margin-top:10px;
	}
.nav_txt_1 {
	padding-top: 7px;
	padding-bottom: 7px;
	width:220px;
	display:block;
	z-index:20;
	font-size: 0.8em;
	line-height: 1.0em;
	font-weight: 500;
	letter-spacing: 0.05em;
	word-spacing: 0.05em;
	text-align: center;
	text-transform:uppercase;
	text-decoration:none;
	}
	
	
footer {height:80px;}
#footer_area {display:block;}

}


@media only screen and (min-width: 1000px) {


main {position:absolute;top:200px;width:100%;height:100%;}

#content_x { display:none; }
	
#content {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	display:block;
	top:170px;
	width:928px;}

#column_1 { width:180px;margin-left:26px;margin-right:26px;margin-bottom:20px;float:left; }

#column_2 { width:180px;margin-left:26px;margin-right:26px;margin-bottom:20px;float:left; }

#column_3 { width:180px;margin-left:26px;margin-right:26px;margin-bottom:20px;float:left; }

#column_4 { width:180px;margin-left:26px;margin-right:26px;margin-bottom:20px;float:left;display:none; }


.nav_area {
	position:relative;
	padding: 3px 0px 2px 0px;
	display:block;
	width:200px;
	z-index:400;
	margin-right:auto;
	margin-left:-10px;
	margin-bottom:10px;
	margin-top:10px;
	}
.nav_txt_1 {
	padding-top: 7px;
	padding-bottom: 7px;
	width:200px;
	display:block;
	z-index:20;
	font-size: 0.8em;
	line-height: 1.0em;
	font-weight: 500;
	letter-spacing: 0.05em;
	word-spacing: 0.05em;
	text-align: center;
	text-transform:uppercase;
	text-decoration:none;
	}
	
	
footer {height:80px;}
#footer_area {display:block;}

}		
		
		
@media only screen and (min-width: 1440px) {

/* HEADER BEREICH */	
header { height: 260px; }

#headline_area {
	margin-top:60px;
	width:90%;
	}

.headline_txt{ 
	font-size: 2.2em;
	font-weight: 200;
	}

#subhead_area {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	margin-top:82px;
	display:block;
	width:70%;
	text-align:center;
	z-index: 40;
	}
	
#subhead_area_x {
	display:none;
	}

.subhead_txt{ 
	font-size: 1.0em;
	line-height: 1.2em;
	color:#312C28;}

/* HEADER BEREICH ENDE */

main {position:absolute;top:230px;width:100%;height:100%;}



#content { width:1040px; }

#column_1 { width:200px;margin-left:30px;margin-right:30px;float:left; }

#column_2 { width:200px;margin-left:30px;margin-right:30px;float:left; }

#column_3 { width:200px;margin-left:30px;margin-right:30px;float:left; }

#column_4 { width:200px;margin-left:30px;margin-right:30px;float:left;display:none; }

.comp_img { position:relative;width:200px;height:200px; display:block; }

#buttons {
	position: relative;
	display: block;
	width: 200px;
	height: 200px;
	opacity:1;
}
#buttons img {
    position: absolute;
	width: 200px;
	height: 200px;
    transition: 0.6s ease-in-out;
}
#buttons:hover img:nth-of-type(2) {
    opacity: 0;
}

.nav_area {
	position:relative;
	padding: 3px 0px 2px 0px;
	display:block;
	width:220px;
	z-index:400;
	margin-right:auto;
	margin-left:-10px;
	margin-bottom:10px;
	margin-top:20px;
	}
.nav_txt_1 {
	padding-top: 7px;
	padding-bottom: 7px;
	width:220px;
	display:block;
	z-index:20;
	font-size: 0.8em;
	line-height: 1.0em;
	font-weight: 500;
	letter-spacing: 0.05em;
	word-spacing: 0.05em;
	text-align: center;
	text-transform:uppercase;
	text-decoration:none;
	}


}