/* RESET
-------------------------------------------------------------- */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,images,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; margin:0; padding:0; }
table { border-collapse:separate; border-spacing:0; margin-bottom:1.4em;}
caption,th,td { text-align:left; font-weight:400; }
blockquote:before,blockquote:after,q:before,q:after { content:""; }
a img { border:none; }

/* PAGE
-------------------------------------------------------------- */
html { background:url(../images/bg-new.jpg) repeat-x center center fixed; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; } 
body { font-family:'Open Sans',Verdana,Arial,Helvetica; font-size:13px; color:#544643; line-height:175%; }
h1 { color:#4a4538; font-size:32px; margin:12px 0 24px 0; padding:0 0 12px 30px; border-bottom:1px solid #4a4538; }
h2 { color:#fff; font-size:24px; margin:21px 0 7px 0; }
h3 { color:#fff; font-size:20px; margin:14px 0 7px 0; }
h4 { color:#fff; font-size:18px; margin:14px 0 7px 0; }
h5 { color:#fff; font-size:15px; text-align:center; }
h6 { }
p { margin-bottom:14px; }
a:link, a:visited {color:#ff0; text-decoration:none; }
a:hover, a:active {color:#f90; text-decoration:underline; }
.fl_l {float:left;}
.fl_r {float:right;}
.txt_l {text-align:left;}
.txt_c {text-align:center;}
.txt_r {text-align:right;}
strong, b, em { font-weight:bold; }
hr { clear:both; }

/* CONTAINERS
-------------------------------------------------------------- */
#container { width:980px; margin:0 auto; overflow:hidden; } 

#header { width:980px; height:100px; margin-top:5px; clear:both; } 
#logo { width:830px; float:left; }
#fbi { width:50px; float:left; }
#flags { width:100px; float:left; }

#menu { width:960px; margin:10px 0; padding:10px; height:20px; font-size:15px; font-weight:500; clear:both; background:transparent url(../images/bgc.png) repeat; }
#menu a:link, #menu a:visited {color:#fff; text-decoration:none; }
#menu a:hover, #menu a:active {color:#4d4541; text-decoration:none; }

#content { width:940px; padding:20px; margin:10px 0; background:transparent url(../images/bgc.png) repeat; overflow:hidden; color:#fff; } 
#top_photos { padding:2px 0; border-top:2px solid #ffe; border-bottom:2px solid #ffe; }
#footer { font-size:12px; width:960px; overflow:hidden; padding:10px; margin:10px auto; background:transparent url(../images/bgc.png) repeat; }
#footer a:link, #footer a:visited { color:#000; text-decoration:none; padding:6px 10px; }
#footer a:hover, #footer a:active { color:#fff; background-color:#de3e1c; }
#footer p { margin-bottom:7px; }
.sites { font-size:11px; width:980px; overflow:hidden; margin:10px auto; color:#000; }
.sites a:link, .sites a:visited { color:#000; text-decoration:none; padding:3px 6px; }
.sites a:hover, .sites a:active { color:#fff; background-color:#de3e1c; }
#social { width:980px; margin:5px auto; text-align:right; }
#map { width:600px; height:200px; float:right; }

.w120 { width:170px; float:left; text-align:center; background-color:#000; border:3px solid #ece0d4; padding:1px; margin:5px; color:#fff; }
.w120:hover { border:3px solid white; }

.w60 { width:78px; float:left; text-align:center; background-color:#000; border:2px solid #ece0d4; padding:2px 4px; margin:2px; color:#fff; }
.w60:hover { border:2px solid white; }

.wcode { width:100px; float:left; }
.wdim { width:120px; float:left; text-align:right; }
.wprice { width:100px; float:left; text-align:right; }

.col1 { width:500px; float:left; text-align:center; }
.col2 { width:440px; float:left; clear:right; }

.w300 { width:286px; float:left; text-align:center; }
.w340 { width:286px; float:left; text-align:center; padding:0 20px; margin:0 20px; border-left:1px solid #a2845e; border-right:1px solid #a2845e; }
.w300 p, .w340 p { padding:0 10px; } 

.photos_box { width:330px; float:right; margin-left:10px; }

/* IMAGES
------------------------------------------------------------------*/
.iphotos { margin:10px auto 0 auto; padding:3px 0; background-color:#ffe; }
.bimgr { background-color:#fff; border:1px solid #ffe; padding:4px; margin:4px 0 6px 6px; }
.intimg { background-color:#fff; border:1px solid #ffe; padding:4px; margin:4px 0; }

.thumbs img { background-color:#e1d6c5; padding:5px; margin:0 0 5px 5px; }
.thumbs:hover { background-color:transparent; }
.thumbs:hover img { background-color:#fff; }

.gallery img { background-color:#e1d6c5; padding:4px; margin:0 0 9px 9px; }
.gallery:hover { background-color:transparent; }
.gallery:hover img { background-color:#fff; }

.galleryart img { background-color:#e1d6c5; padding:2px; margin:2px; }
.galleryart:hover { background-color:transparent; }
.galleryart:hover img { background-color:#fff; }

.places img { background-color:#97c8e1; padding:5px; margin:10px; margin-right:0;}
.places:hover { background-color:transparent; }
.places:hover img { background-color:#fff; }

.intro img { background-color:#05aaa3; padding:2px; margin:2px; }
.intro:hover { background-color:transparent; }
.intro:hover img { background-color:#fff; }


/* MAIN NAVIGATION
------------------------------------------------------------------*/
ul#nav_el, ul#nav_en, ul#nav_de { height:20px; display:inline; }
ul#nav_el li, ul#nav_en li, ul#nav_de li { display:block; float:left; }
ul#nav_el li a { display:block; height:20px; text-decoration: none; margin:0 15px; }
ul#nav_en li a { display:block; height:20px; text-decoration: none; margin:0 24px; }
ul#nav_de li a { display:block; height:20px; text-decoration: none; margin:0 20px; }


/* FORM
------------------------------------------------------------------*/
.contactForm  { width:940px; margin:5px 0; overflow:hidden; list-style:none; }
.contactForm fieldset { }
.contactForm legend { padding:0 10px; margin-left:20px; color:#fff; font-size:1.16em; }
.contactForm ul { margin:0; }
.contactForm ul li { clear:both; background:none; display:block; }
.contactForm ul label { display:block; float:left; width:320px; padding:3px 0; text-align:right; margin-right:5px; }
.contactForm .txtField  {float:left; padding:3px; width:240px; margin:5px 0 7px 0; color:#000; border:1px solid #ffe; outline:none;}
.contactForm .txtField:hover, .txtField:focus, .txtField:active { border-color:#999; background:#eee;}
.contactForm .txtArea {float:left; padding:3px; width:240px; height:100px; margin:5px 0 7px 0; color:#000; border:1px solid #ffe; outline:none;}
.contactForm .txtArea:hover, .txtArea:focus, .txtArea:active { border-color:#999; background:#eee;}
.contactForm .selectf  {float:left; padding:3px; width:240px; margin:5px 0 7px 0; color:#000;border:1px solid #ccc;outline:none;}
.contactForm .btn_send_el { background:url(../images/btn_send_el.png); width:102px; height:32px; display:block; clear:both; border:0; margin-left:370px; }
.contactForm .btn_send_el:hover { background-position:0 -32px; cursor:pointer; }
.contactForm .btn_send_en { background:url(../images/btn_send_en.png); width:102px; height:32px; display:block; clear:both; border:0; margin-left:370px; }
.contactForm .btn_send_en:hover { background-position:0 -32px; cursor:pointer; }
.contactForm .btn_send_de { background:url(../images/btn_send_de.png); width:102px; height:32px; display:block; clear:both; border:0; margin-left:370px; }
.contactForm .btn_send_de:hover { background-position:0 -32px; cursor:pointer; }
.error { font-size:11px; color:red; text-align:center; }


/* BUTTONS
------------------------------------------------------------------*/
.btn_more_el { background:url(../images/btn-more-el.png); width:100px; height:24px; display:block; background-position:0 -24px; margin-left:90px; }
.btn_more_el a { background:url(../images/btn-more-el.png); width:100px; height:24px; display:block; }
.btn_more_en { background:url(../images/btn-more-en.png); width:100px; height:24px; display:block; background-position:0 -24px; margin-left:90px; }
.btn_more_en a { background:url(../images/btn-more-en.png); width:100px; height:24px; display:block; }
.btn_more_de { background:url(../images/btn-more-de.png); width:100px; height:24px; display:block; background-position:0 -24px; margin-left:90px; }
.btn_more_de a { background:url(../images/btn-more-de.png); width:100px; height:24px; display:block; }

.clearme { clear:both; display:block; padding:10px 0; margin:10px 0 20px 0; border-bottom:1px solid #a2845e; }



/* Sequence Slider */

#slider_holder { height: 100%; position: relative; }

#sequence {
	/*backface-visibility prevents graphical glitches when frames are animating*/
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;	
	overflow: hidden;
}
#sequence ul { margin: 0; }
#sequence ul li{ z-index: 1; margin: 0 !important; }

.prev, .next { cursor: pointer; position: absolute; top: 170px; height: 41px; width: 41px; z-index: 20;
		
	background: #556167;
	background: rgba(85, 97, 103, 0.7);
	
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
     
    filter: alpha(opacity=0); 
    opacity: 0;
    
	-moz-border-radius: 21px;
    -webkit-border-radius: 21px;
    -khtml-border-radius: 21px;
    border-radius: 21px;		 	 
}

.prev { left: 15px; }
.next { right: 15px; }

.next > span, .prev > span {
	background: url('../images/slider_arrows.png') no-repeat;
	display: block;
	height: 21px;
	width: 21px;
	margin: 10px;

-webkit-transition: all 0.4s cubic-bezier(0.165, 0.840, 0.440, 1.000); 
   -moz-transition: all 0.4s cubic-bezier(0.165, 0.840, 0.440, 1.000); 
    -ms-transition: all 0.4s cubic-bezier(0.165, 0.840, 0.440, 1.000); 
     -o-transition: all 0.4s cubic-bezier(0.165, 0.840, 0.440, 1.000); 
        transition: all 0.4s cubic-bezier(0.165, 0.840, 0.440, 1.000);		
}
.prev > span {
	background-position: 0px 0px;

}
.next > span {
	background-position: -21px 0px;

}

.next:hover,.prev:hover {
	background: #dc2626;
}
.next:hover span,.prev:hover span{
	background-position-y: -21px;	
}

#sequence li > * {
	position: absolute;
}

#sequence {
	height: 380px;
	margin: 0 auto;
	position: relative;
	max-width: 1400px;
}

.info {
	color: black;
	left: 80%;
	top: 20%;
	width: 40%;
	z-index: 10;
	vertical-align: middle;
    opacity: 0;
    filter: alpha(opacity=0);
    display: none;
}

.info.animate-in {
	left: 8%;
	top: 20%;
    opacity: 1;
    filter: alpha(opacity=100); 	
	-webkit-transition: all 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.5s; 
   -moz-transition: all 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.5s; 
    -ms-transition: all 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.5s; 
     -o-transition: all 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.5s; 
        transition: all 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.5s;
}

.info.animate-out {
	left: 80%;
    filter: alpha(opacity=0); 
    opacity: 0;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}


.info  h2{
	color: #fff;
	text-shadow: 0 1px 0 rgba(0,0,0,0.2);
	background:transparent url(../images/bgc.png) repeat;
	padding: 0px 7px;
	font-size: 30px;
	line-height: 40px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	display: inline-block;
	margin: 0 0 6px 0;
}
.info h3{
	color: #fff;
	background:transparent url(../images/bgc.png) repeat;
	padding: 4px 6px;
	font-size: 22px;
	line-height: 26px;
	letter-spacing: 0px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	display: inline-block;	
	margin: 0 0 24px 0;
}
.info p{
	color: #fff;
	background:transparent url(../images/bgc.png) repeat;
	padding: 4px 6px;
	width:80%;
	font-size: 17px;
	line-height: 27px;
	margin: 0 0 28px;
}
.info a.link{
	color: #3c4549;
	width:80%;
	font-size: 14px;
	line-height: 25px;
	text-shadow: 0 1px 0 rgba(256, 256, 256, 0.5);
	margin: 0 0 14px;
}
.slider_img {
	max-height: 100%;
	width: auto;
	left: 0%;
	top: 0px;
    filter: alpha(opacity=0); 
    opacity: 0;
	z-index: 6;
}

.slider_img.animate-in {
	left: 25%;
	top: 0px;
    filter: alpha(opacity=100); 
    opacity: 1;
	z-index: 4;
/*	
	-webkit-transition: all 1s cubic-bezier(0.2,0.1,0.1,0.9) 0.3s;
	-moz-transition: all 1s  cubic-bezier(0.2,0.1,0.1,0.9) 0.3s;
	-ms-transition: all 1s  cubic-bezier(0.2,0.1,0.1,0.9) 0.3s;
	-o-transition: all 1s  cubic-bezier(0.2,0.1,0.1,0.9) 0.3s;
	transition: all 1s  cubic-bezier(0.5,0.1,0.1,0.9) 0.3s;
*/
-webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.3s; 
   -moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.3s; 
    -ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.3s; 
     -o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.3s; 
        transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.3s;		
}

.slider_img.animate-out {
	left: -340%;
	top: 0px;
    filter: alpha(opacity=0); 
    opacity: 0;
	z-index: 2;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;	
}


.slider_bgr {
    height: auto;
    width: 100%;
	left: 0;
    filter: alpha(opacity=0); 
    opacity: 0;
	top: 0;
	vertical-align: middle;

	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	z-index: 1;
}

.slider_bgr.animate-in {
    filter: alpha(opacity=100); 
    opacity: 1;
	z-index: 1;
}

.slider_bgr.animate-out {
    filter: alpha(opacity=0); 
    opacity: 0;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	z-index: 1;
}


.sequence-preloader .preloading .circle {
    fill: #ccc !important;
}
div.inline{
    background-color: #ccc !important;
}

/* Sequence Slider::END */