@charset "UTF-8";
/* CSS Document */
@font-face {
  font-family: 'Aller';
    src:  url('Aller.ttf.woff') format('woff'),
    url('Aller.ttf.svg#Aller') format('svg'),
    url('Aller.ttf.eot'),
    url('Aller.eot?#iefix') format('embedded-opentype'); 
    font-weight: normal;
    font-style: normal;
}

a {outline : none;}
a img {outline : none;}
img {border : 0;}
a:active, a:focus { 
 outline: none; 
}
img.map, map area{
    outline: none;
}

.cb-slideshow,
.cb-slideshow:after { 
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 0; 
	color:#000;
}
.cb-slideshow:after { 
    content: '';
    /*background: transparent url(../images/pattern.png) repeat top left; */
}
.cb-slideshow li span { 
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;
    opacity: 0;
    z-index: 0;
	-webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 36s linear infinite 0s;
    -moz-animation: imageAnimation 36s linear infinite 0s;
    -o-animation: imageAnimation 36s linear infinite 0s;
    -ms-animation: imageAnimation 36s linear infinite 0s;
    animation: imageAnimation 36s linear infinite 0s; 
}
.cb-slideshow li div { 
    z-index: 1000;
    position: absolute;
    bottom: 30px;
    left: 0px;
    width: 100%;
    text-align: center;
    opacity: 0;
    color: #fff;
    -webkit-animation: titleAnimation 36s linear infinite 0s;
    -moz-animation: titleAnimation 36s linear infinite 0s;
    -o-animation: titleAnimation 36s linear infinite 0s;
    -ms-animation: titleAnimation 36s linear infinite 0s;
    animation: titleAnimation 36s linear infinite 0s; 
}
.cb-slideshow li div h3 { 
    
    font-size: 240px;
    padding: 0;
    line-height: 200px; 
}
.cb-slideshow li:nth-child(1) span { 
    background-image: url(images/1.jpg) 
}
.cb-slideshow li:nth-child(2) span { 
    background-image: url(images/2.jpg);
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s; 
}
.cb-slideshow li:nth-child(3) span { 
    background-image: url(images/3.jpg);
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s; 
}
.cb-slideshow li:nth-child(4) span { 
    background-image: url(images/1.jpg);
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s; 
}
.cb-slideshow li:nth-child(5) span { 
    background-image: url(images/2.jpg);
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s; 
}
.cb-slideshow li:nth-child(6) span { 
    background-image: url(images/3.jpg);
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s; 
}
.cb-slideshow li:nth-child(2) div { 
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s; 
}
.cb-slideshow li:nth-child(3) div { 
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s; 
}
.cb-slideshow li:nth-child(4) div { 
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s; 
}
.cb-slideshow li:nth-child(5) div { 
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s; 
}
.cb-slideshow li:nth-child(6) div { 
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s; 
}
/* Animation for the slideshow images */
@-webkit-keyframes imageAnimation { 
    0% { opacity: 0;
    -webkit-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -webkit-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-moz-keyframes imageAnimation { 
    0% { opacity: 0;
    -moz-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -moz-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-o-keyframes imageAnimation { 
    0% { opacity: 0;
    -o-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -o-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-ms-keyframes imageAnimation { 
    0% { opacity: 0;
    -ms-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -ms-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@keyframes imageAnimation { 
    0% { opacity: 0;
    animation-timing-function: ease-in; }
    8% { opacity: 1;
         animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
/* Animation for the title */
@-webkit-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@-moz-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@-o-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@-ms-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
/* Show at least something when animations not supported */
.no-cssanimations .cb-slideshow li span{
	opacity: 1;
}

@media screen and (max-width: 1140px) { 
    .cb-slideshow li div h3 { font-size: 140px }
}
@media screen and (max-width: 600px) { 
    .cb-slideshow li div h3 { font-size: 80px }
}




body,td,th {
	font-family: 'Aller',Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}



/* CSS reset */
body,div,dl,dt,dd,ol,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
	font-family: 'Aller',Arial, Helvetica, sans-serif;
	
}

html,body {
	margin:0;
	padding:0;
}


/* CSS Document */

a:link {
	color: #508c66;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #508c66;
}
a:hover {
	text-decoration: underline;
	color: #508c66;
}
a:active {
	text-decoration: none;
	color: #508c66;
}
body,td,th {
	font-family: 'Aller',Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	background-color:#000;}


 ul {
	
margin:0px;
padding:0px;	
}
#content02u  ul {
	
margin:20px;
padding:20px;	
}

/*
#logo01 {
position:absolute;
z-index:3;
margin-top:80px;
margin-left:10%;
}
*/


#logo01 {
position:absolute;
z-index:120;
margin-top:80px;
margin-left:8%;
width: 40%;
}
@media screen and (max-width: 800px) {
	.logo02 {
	width: 50%;
	height: auto;
	max-width: 200px;
	}

}
@media screen and (min-width: 801px) {
	.logo02 {
	width: 40%;
	height: auto;
	max-width: 200px;
	}
}


#logo01fix3 {
	position:absolute;
z-index:120;
margin-top:80px;
margin-left:8%;
width: 40%;
}

#top00 {
	width:100%;
	position:absolute;
	height:55px;
	background-color:#aec2ae;
	text-align:center;
	z-index:120;
	opacity:0.85;
}
#top00fixed {
	position: fixed;
    left: 0;
    top: 0;
    width:100%;
	height:55px;
	background-color:#aec2ae;
	text-align:center;
	z-index:120;
	opacity:0.85;
}
#top01 {
	width:100%;
	position:absolute;
	height:55px;
	text-align:center;
	z-index:130;
}
 #top01fix {
    position: fixed;
    left: 0;
    top: 0;
    width:100%;
	height:55px;
	text-align:center;
	
	z-index:999;
}
#top02 {
	width:800px;
	font-size: 14px;
     margin:0px auto;
     text-align:left;
	 padding-left:0px;
	 
	 
	
}
#top03 {
	float:left;
	padding-top:20px;
	
}
#top05 {
	float:left;
	padding-top:15px;
	
}
#top04 {
     
	 float:right;
	padding-top:20px;
	
}

a.toplink1:link,a.toplink1:visited,a.toplink1:active {
	color: #508c66;
	text-decoration: none;
	margin-right:15px;
}
a.toplink1:hover {
	color: #ffffff;
	text-decoration: none;
	margin-right:15px;

}
a.toplink1a:link,a.toplink1a:visited,a.toplink1a:active {
	color: #ffffff;
	text-decoration: none;
	margin-right:15px;
}
a.toplink1a:hover {
	color: #ffffff;
	text-decoration: none;
	margin-right:15px;

}

.flags01 {
	margin-right:10px;
	float:left;
	
}

#footerstart00 {
    position:absolute;
    bottom: 0;
    width: 100%;
	z-index:2;
	color:#fff;
	
    
}
#footerstart01 {
	text-align:center;
		
	padding:1%;
	background-image:url(images/bgrstart.png);
	
	
}

#footer01 {
	background-color:#3c3c3b;
	height:46px;
	text-align:center;
	
}
#footer02 {
	width:770px;
	text-align:center;
	padding-top:10px;
	margin:0px auto;
	color: #508c66;
	

	
}
#footerlink00 {
	font-weight:bold;
	float:left;	
	margin-right:10px;
	margin-top:5px;
}
.footerlink01 {
	font-weight:bold;
	
}
a.footerlink01:link { text-decoration: none; color: #508c66; }
a.footerlink01:visited { text-decoration: none; color: #508c66; }
a.footerlink01:hover { text-decoration: none; color: #fff; }
a.footerlink01:active { text-decoration: none;  color: #508c66; }

#footerlink00i {
	font-weight:bold;
	float:left;	
	margin-right:10px;
	margin-top:0px;
}


#footer02 ul li {
display:inline;
	margin:0px;
	padding: 0px;
	margin-right: 5px;
	
	
}
h1.start {
	font-size:36px;	
	margin:0px;
	font-weight:normal;
	color:#fff;
	line-height:130%;
	font-family: 'Aller',Arial, Helvetica, sans-serif;
}
@media screen and (max-height: 700px) { 
h1.start {
	font-size:24px;	
	
}

}
#content01u {
margin-top:40px;
margin-left:12%;
width:70%;
margin-bottom:80px;
font-family: 'Aller'; 
color:#333;
line-height:160%;
margin-bottom:80px;
	font-size: 120%;
}

#content01anw {
margin-top:40px;
margin-left:15%;
width:70%;
margin-bottom:80px;
font-family: 'Aller'; 
color:#333;
line-height:160%;
margin-bottom:80px;
	font-size: 120%;
}

.content01anw1 {
	width:100%;
	margin-bottom:80px;

}
.content01anw2 {
	width:100%;
	text-align:center;

}



h1 {
	font-size:36px;
	color:#fff;	
	margin:0px;
	font-weight:normal;
	font-family: 'Aller',Arial, Helvetica, sans-serif;
}
h2 {
	font-size:36px;
	
	color:#fff;	
	margin:0px;
	font-family: 'Aller',Arial, Helvetica, sans-serif;
}
h3 {
	margin:0px;
	color:#508c66;
	font-size:12px;
	font-family: 'Aller',Arial, Helvetica, sans-serif;
}
h4 {
	margin:0px;
	font-size:130%;
	color:#333;
	font-family: 'Aller',Arial, Helvetica, sans-serif;
	
	
}


}
h5 {
	margin:0px;
	margin-bottom:10px;
	font-size:20px;
	color:#508c66;
	font-family: 'Aller',Arial, Helvetica, sans-serif;
	
	
}

#footerstart00u {
    position:absolute;
    bottom: 0;
    width: 100%;
	z-index:20;
	color:#fff;
	background-color:#000;
    
}






#cookiepopup a {}

#cookiepopup a:hover {}

#cookiepopup div {padding:10px; padding-right:40px;}

#cookiepopup { 
   color:#fff;
   text-align:left; 
   border-top:1px solid #fff;
border-bottom:1px solid #fff;
   background: #0e1f10; 
   
   position:fixed;
   bottom:47px; 
   z-index:10000; 
   width:100%; 
   font-size:18px; 
   padding-top:40px;
line-height: 180%;
	padding-bottom:40px;}

#cookiepopupCloser {
   color: #fff;
   font: 18px;
   position: absolute;
   right: 0px;
   
   top: 5px;
   cursor:pointer;
   
   padding:6px;
	padding-left:40px;
	padding-right:40px;
	margin-top:60px;
	margin-right: 20px;
	border-radius: 18px;
	
   background: #aec2ae; /* Old browsers */
   
 }

#cookiepopupCloser:hover {border-bottom:1px solid white; border-right:1px solid white; border-top:1px solid #fff; border-left:1px solid #fff;}


.imganw {
	width: 100%;
	max-width: 800px;
	
}