/*Cascading Style Sheets, Author: ngside.com, Version: CSS-3-3-16-Rev, All rights reserved*/


/*
font-family: 'Open Sans', Arial, sans-serif;
text, h: color: #222222;
menu: background: #333333;
copyright: background: #333333;
header, footer: background: #f5f5f5;
buttons, topMenu, footerMenu: color: #333334;
hover: color: #FF5001;
border: #e5e5e5;
*/


.font10 { font-size: 10px;} .font11 { font-size: 11px;} .font12 { font-size: 12px;} .font13 { font-size: 13px;} .font14 { font-size: 14px;} .font15 { font-size: 15px;} .font16 { font-size: 16px;} .font17 { font-size: 17px;} .font18 { font-size: 18px;} .font19 { font-size: 19px;} .font20 { font-size: 20px;} .font21 { font-size: 21px;} .font22 { font-size: 22px;} .font23 { font-size: 23px;} .font24 { font-size: 24px;} .font25 { font-size: 25px;} .font26 { font-size: 26px;} .font27 { font-size: 27px;} .font28 { font-size: 28px;} .font29 { font-size: 29px;} .font30 { font-size: 30px;} .font31 { font-size: 31px;} .font32 { font-size: 32px;} .font33 { font-size: 33px;} .font34 { font-size: 34px;} .font35 { font-size: 35px;} .font36 { font-size: 36px;} .font37 { font-size: 37px;} .font38 { font-size: 38px;} .font39 { font-size: 39px;} .font40 { font-size: 40px;} .font42 { font-size: 42px;} .font44 { font-size: 44px;} .font46 { font-size: 46px;} .font48 { font-size: 48px;} .font50 { font-size: 50px;} .font55 { font-size: 55px;} .font60 { font-size: 60px;} .font65 { font-size: 65px;} .font70 { font-size: 70px;} strong { font-weight: bold; } em { font-style: italic; } img { border: 0px; } p { display: block; padding: 0; margin: 0; } .cf { clear:both; }

html { background: #ffffff; }
body { line-height: 22px; margin: 0; padding: 0; font-family: 'Open Sans', Arial, sans-serif; font-weight: 400; font-size: 14px; color: #222222; text-align: left; }

div, article, aside, details, dialog, figcaption, figure, footer, header, main, nav, section { display: block; margin: 0; padding: 0; }

h1, h2, h3, .h { display: block; margin: 0; padding: 0; font-family: 'Open Sans', Arial, sans-serif; font-weight: 400; color: #222222; text-transform: uppercase; }
h1 { line-height: 30px; margin: 0 0 15px 0; font-size: 23px; }
h2 { line-height: 30px; margin: 0 0 15px 0; font-size: 21px; }
h3 { line-height: 30px; margin: 0 0 10px 0; font-size: 19px; }
footer#footer .h { line-height: 30px; margin: 0 0 10px 0; font-size: 17px; }
a.hButton { display: block; float: left; line-height: 30px; margin: 0 0 20px 0; padding: 0 40px 0 0; font-family: 'Open Sans', Arial, sans-serif; font-weight: 400; font-size: 21px; color: #333334; text-transform: uppercase; text-decoration: none; background: url('../grafika/hButton.png') no-repeat right top; }
a.hButton:hover { color: #FF5001; text-decoration: none; background: url('../grafika/hButton.png') no-repeat right bottom; }

a { margin: 0; padding: 0; font-weight: 400; color: #FF5001; text-decoration: none; outline: none; cursor: pointer; }
a:hover { color: #222222; text-decoration: none; }
a.title { display: block; line-height: 20px; margin: 0 0 10px 0; font-family: 'Open Sans', Arial, sans-serif; font-weight: 700; font-size: 14px; color: #333334; text-transform: uppercase; text-decoration: none; }	
a.title:hover { color: #FF5001; text-decoration: none; }
a.alt { display: block; line-height: 20px; margin: 10px 0 0 0; font-family: 'Open Sans', Arial, sans-serif; font-weight: 400; font-size: 16px; color: #333334; text-transform: none; text-decoration: none; text-align: center; }	
a.alt:hover { color: #FF5001; text-decoration: none; }
a.readmoreButton { display: inline-block; height: 30px; line-height: 30px; margin: 10px 0 0 0; padding: 0 40px 0 0; font-family: 'Open Sans', Arial, sans-serif; font-weight: 700; font-size: 14px; color: #333334; text-transform: uppercase; text-decoration: none; background: url('../grafika/readmoreButton.png') no-repeat right top; }
a.readmoreButton:hover { color: #FF5001; text-decoration: none; background: url('../grafika/readmoreButton.png') no-repeat right bottom; }
main#mainContact .contactForm input.sendButton { display: inline-block; width: auto; height: 30px; line-height: 30px; margin: 10px 0 0 0; padding: 0 40px 0 0; font-family: 'Open Sans', Arial, sans-serif; font-weight: 700; font-size: 14px;  color: #333334; text-transform: uppercase; text-decoration: none; outline: none; cursor: pointer; border: none; background: url('../grafika/sendButton.png') no-repeat right top; }
main#mainContact .contactForm input.sendButton:hover { color: #FF5001; text-decoration: none; background: url('../grafika/sendButton.png') no-repeat right bottom; }
a.backButton { display: inline-block; height: 30px; line-height: 30px; margin: 10px 0 0 0; padding: 0 0 0 15px; font-family: 'Open Sans', Arial, sans-serif; font-weight: 700; font-size: 14px; color: #333334; text-transform: uppercase; text-decoration: none; background: url('../grafika/backButton.png') no-repeat left top; }
a.backButton:hover { color: #FF5001; text-decoration: none; background: url('../grafika/backButton.png') no-repeat left bottom; }
a.detailsButton { display: block; height: 40px; line-height: 40px; margin: 10px 0 20px 0; text-decoration: none; background: url('../grafika/detailsButton.png') no-repeat top left; }
a.detailsButton:hover { text-decoration: none; background: url('../grafika/detailsButton.png') no-repeat bottom left; }

input { font-family: 'Open Sans', Arial, sans-serif; font-weight: 400; font-size: 14px; color: #222222; text-align: left; border: 1px solid #e5e5e5; background: #ffffff; }
textarea { font-family: 'Open Sans', Arial, sans-serif; font-weight: 400; font-size: 14px; color: #222222; text-align: left; border: 1px solid #e5e5e5; background: #ffffff; }



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

}
@media only screen and (min-width:1010px) and (max-width:1219px) {

}
@media only screen and (min-width:760px) and (max-width:1009px) {

}
@media only screen and (min-width:360px) and (max-width:759px) {

}
@media only screen and (max-width:359px) {

}



/*HEADER*/
header#header { width: 100%; background: #f1f1f1; }
header#header .headerContent { margin: 0 auto; position: relative; }
.logo { padding: 5px 0 0 0; }
.logo img { display: block; margin: 0; }
nav#nav { }
nav#nav ul { margin: 0; padding: 0; list-style: none; }
nav#nav ul li { display: block; margin: 0; padding: 0; position: relative; list-style: none; }	
nav#nav ul li a { display: block; height: 90px; line-height: 40px; margin: 0; padding: 25px 10px 0 10px; font-family: 'Open Sans', Arial, sans-serif; font-weight: 400; font-size: 15px; color: #222222; text-transform: none; white-space: nowrap; text-decoration: none; box-sizing: border-box; }
nav#nav ul li a:hover, nav#nav ul li a.active, nav#nav ul li a.active:hover { color: #ffffff; text-decoration: none; }
nav#nav ul li a.active, nav#nav ul li a:hover { background: #FF5001; border-bottom: 3px solid #f1f1f1; }

@media only screen and (min-width:1220px) {
header#header .headerContent { width: 1180px; }
.logo { float: left; }
nav#nav { float: right; }
nav#nav ul li { float: left; }
}
@media only screen and (min-width:1010px) and (max-width:1219px) {
header#header .headerContent { width: 980px; }
nav#nav { float: right; }
nav#nav ul li { float: left; }
.logo { float: left; }
}
@media only screen and (min-width:760px) and (max-width:1009px) {
header#header .headerContent { width: 730px; }
nav#nav { float: right; }
nav#nav ul li { float: left; }
.logo { float: left; }
}
@media only screen and (min-width:360px) and (max-width:759px) {
header#header .headerContent { width: 330px; }
nav#nav ul li a { display: block; height: 60px; line-height: 10px; }
header#header .headerMain .headerMainContent { width: 330px; }
}
@media only screen and (max-width:359px) {
header#header .headerContent { width: 240px; }
nav#nav {  }
nav#nav ul li a { display: block; height: 60px; line-height: 10px; }
nav#nav ul li { line-height: 15px; }
header#header .headerMain .headerMainContent { width: 240px; }
.logo img { max-width: 240px; }
}


/*BANNER*/
#banner { /*see below*/ width: 100%; margin: 0 0 10px 0; }
#banner .bannerContent { /*see below*/ }
#bannerA { /*see below*/ }
ul.bjqs { display: none; overflow: hidden; margin: 0; padding: 0; position: relative; list-style: none; }
li.bjqs-slide {  display: none; position: absolute; }
ul.bjqs-controls { margin: 0; padding: 0; list-style: none; z-index: 9999; }
ul.bjqs-controls.v-centered li a { display: block; width: 40px; height: 40px; position: absolute; background: #333334 url('../grafika/bannerArrow.png') no-repeat; }
ul.bjqs-controls.v-centered li a:hover { background: #FF5001 url('../grafika/bannerArrow.png') no-repeat; }
ul.bjqs-controls.v-centered li.bjqs-next a { right: 0; background-position: right; }
ul.bjqs-controls.v-centered li.bjqs-prev a { left: 0; background-position: left; }
a.detailsBannerButton { display: block; width: 40px; height: 40px; margin: 0 0 0 -20px; padding: 0; position: absolute; bottom: 10px; left: 50%; text-decoration: none; z-index: 2000; background: #333334 url('../grafika/detailsBannerButton.png') no-repeat left; }
a.detailsBannerButton:hover { text-decoration: none; background: #FF5001 url('../grafika/detailsBannerButton.png') no-repeat left;}
@media only screen and (min-width:1220px) {
#banner .bannerContent { width: 100%; margin: 0 auto; }
#bannerA { width: 100%; }
}
@media only screen and (min-width:1010px) and (max-width:1219px) {
#banner .bannerContent { width: 980px; margin: 0 auto; }
#bannerA { width: 980px; }
}
@media only screen and (min-width:760px) and (max-width:1009px) {
#banner .bannerContent { width: 730px; margin: 0 auto; }
#bannerA { width: 730px; }
}
@media only screen and (min-width:360px) and (max-width:759px) {
#banner .bannerContent { width: 330px; margin: 0 auto; }
#bannerA { width: 330px; }
}
@media only screen and (max-width:359px) {
#banner .bannerContent { width: 240px; margin: 0 auto; }
#bannerA { width: 240px; }
}



/*MAIN*/
#main { width: 100%; }
#main .mainContent { margin: 0; padding: 30px 0 30px 0; }

/*MAINHOME*/
main#mainHome { margin: 0 auto; padding: 0 0 40px 0; }
@media only screen and (min-width:1220px) {
main#mainHome { width: 1180px; }
}
@media only screen and (min-width:1010px) and (max-width:1219px) {
main#mainHome { width: 980px; }
}
@media only screen and (min-width:760px) and (max-width:1009px) {
main#mainHome { width: 730px; }
}
@media only screen and (min-width:360px) and (max-width:759px) {
main#mainHome { width: 330px; }
}
@media only screen and (max-width:359px) {
main#mainHome { width: 240px; }
}

/*PARALLAXHOME*/
main#mainHome .parallaxHome { margin: 0 auto; }
section#section1W { width: 100%; min-width: 1180px; padding: 100px 0 0 0; }
.parallax { background-position: 50% 50%; background-repeat: no-repeat; background-attachment: fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; -ms-background-size: cover; background-size: cover; }
.section1Parallax { background-image: url("../grafika/section1Bg.jpg"); }
#section1 { width: 1180px; margin: 0 auto; height: 40vh; min-height: 400px; position: relative; }
@media only screen and (min-width:1220px) {
main#mainHome .parallaxHome { width: 1180px; }
}
@media only screen and (min-width:1010px) and (max-width:1219px) {
main#mainHome .parallaxHome { width: 980px; }
}
@media only screen and (min-width:760px) and (max-width:1009px) {
main#mainHome .parallaxHome { width: 730px; }
#section1 { width: 730px; margin: 0 auto; height: 30vh; min-height: 300px; position: relative; }
}
@media only screen and (min-width:360px) and (max-width:759px) {
main#mainHome .parallaxHome { width: 330px; }
#section1 { width: 730px; margin: 0 auto; height: 30vh; min-height: 300px; position: relative; }
}
@media only screen and (max-width:359px) {
main#mainHome .parallaxHome { width: 240px; }
#section1 { width: 730px; margin: 0 auto; height: 20vh; min-height: 200px; position: relative; }
}



section#welcome { }
section#welcome_right { }
section#left { }
section#center { }
section#right { }
section#welcome img, section#left img, section#center img, section#right img { max-width: 100%; }

@media only screen and (min-width:1220px) {
section#welcome { width: 775px; float: left; margin: 0 0 30px 0; }
section#welcome_right { width: 370px; float: left; margin: 0 0 30px 35px; }
section#left { width: 370px; float: left; margin: 0; }
section#center { width: 370px; float: left; margin: 0 0 0 35px; }
section#right { width: 370px; float: left; margin: 0 0 0 35px; }
}
@media only screen and (min-width:1010px) and (max-width:1219px) {
section#welcome { width: 575px; float: left; margin: 0 0 30px 0; }
section#welcome_right { width: 370px; float: left; margin: 0 0 30px 35px; }
section#left { width: 310px; float: left; margin: 0; }
section#center { width: 310px; float: left; margin: 0 0 0 25px; }
section#right { width: 310px; float: left; margin: 0 0 0 25px; }
}
@media only screen and (min-width:760px) and (max-width:1009px) {
section#welcome { margin: 0 0 30px 0; }
section#left { margin: 0 0 30px 0; }
section#center { margin: 0 0 30px 0; }
section#right { margin: 0; }
}
@media only screen and (min-width:360px) and (max-width:759px) {
section#welcome { margin: 0 0 30px 0; }
section#left { margin: 0 0 30px 0; }
section#center { margin: 0 0 30px 0; }
section#right { margin: 0; }
}
@media only screen and (max-width:359px) {
section#welcome { margin: 0 0 30px 0; }
section#left { margin: 0 0 30px 0; }
section#center { margin: 0 0 30px 0; }
section#right { margin: 0; }
}



/*MAINCONTACT*/
main#mainContact { margin: 0 auto; }
main#mainContact section#contactData { }	
main#mainContact .contactForm { }
main#mainContact .contactForm input { display: block; height: 36px; line-height: 36px; margin: 3px 0 5px 0; }
main#mainContact .contactForm textarea { display: block; height: 150px; margin: 3px 0 5px 0; }
main#mainContact .contactForm input.tokenInput { display: block; float: left; width: 50px; height: 20px; margin: 3px 0 5px 0; }
main#mainContact .contactForm .token { display: block; float: left; height: 22px; line-height: 22px; margin: 3px 0 5px 5px; border: 1px solid #ffffff; background: #ffffff; }
main#mainContact .contactForm input.sendButton, main#mainContact .contactForm input.sendButton:hover { /*see above*/ }
main#mainContact .contactMap { }
main#mainContact .contactMap #map { width: 100%; }
@media only screen and (min-width:1220px) {
main#mainContact { width: 1180px; }
main#mainContact section#contactData { float: left; width: 570px; margin: 0 0 30px 0; }	
main#mainContact .contactForm { float: left; width: 570px; margin: 0 0 30px 40px; }
main#mainContact .contactForm input { width: 566px; }
main#mainContact .contactForm textarea { width: 566px; }
main#mainContact .contactMap #map { height: 450px; }
}
@media only screen and (min-width:1010px) and (max-width:1219px) {
main#mainContact { width: 980px; }
main#mainContact section#contactData { float: left; width: 475px; margin: 0 0 30px 0; }	
main#mainContact .contactForm { float: left; width: 475px; margin: 0 0 30px 30px; }
main#mainContact .contactForm input { width: 471px; }
main#mainContact .contactForm textarea { width: 471px; }
main#mainContact .contactMap #map { height: 450px; }
}
@media only screen and (min-width:760px) and (max-width:1009px) {
main#mainContact { width: 730px; }
main#mainContact section#contactData { margin: 0 0 30px 0; }	
main#mainContact .contactForm { margin: 0 0 30px 0; }
main#mainContact .contactForm input { width: 726px; }
main#mainContact .contactForm textarea { width: 726px; }
main#mainContact .contactMap #map { height: 450px; }
}
@media only screen and (min-width:360px) and (max-width:759px) {
main#mainContact { width: 330px; }
main#mainContact section#contactData { margin: 0 0 30px 0; }	
main#mainContact .contactForm { margin: 0 0 30px 0; }
main#mainContact .contactForm input { width: 326px; }
main#mainContact .contactForm textarea { width: 326px; }
main#mainContact .contactMap #map { height: 330px; }
}
@media only screen and (max-width:359px) {
main#mainContact { width: 240px; }
main#mainContact section#contactData { margin: 0 0 30px 0; }	
main#mainContact .contactForm { margin: 0 0 30px 0; }
main#mainContact .contactForm input { width: 236px; }
main#mainContact .contactForm textarea { width: 236px; }
main#mainContact .contactMap #map { height: 240px; }
}



/*MAINSUBPAGE*/
main#mainSubpage { margin: 0 auto; }
@media only screen and (min-width:1220px) {
main#mainSubpage { width: 1180px; }
}
@media only screen and (min-width:1010px) and (max-width:1219px) {
main#mainSubpage { width: 980px; }
}
@media only screen and (min-width:760px) and (max-width:1009px) {
main#mainSubpage { width: 730px; }
}
@media only screen and (min-width:360px) and (max-width:759px) {
main#mainSubpage { width: 330px; }
}
@media only screen and (max-width:359px) {
main#mainSubpage { width: 240px; }
}



/*NEWS*/
section#news { width: 100%; border-top: 1px solid #e5e5e5; }
section#news .newsContent { margin: 0 auto; padding: 20px 0; }
section#news .newsContent .container { display: block; overflow: hidden; clear: both; }
section#news .newsContent article { }
section#news .newsContent article .date { float: left; height: 40px; line-height: 40px; margin: 0 0 10px 0; padding: 0 10px; font-family: 'Open Sans', Arial, sans-serif; font-weight: 400; font-size: 20px; color: #ffffff; background: #FF5001; }
section#news .newsContent article a.title, section#news .newsContent article a.title:hover { /*see above*/ }
section#news .newsContent article .mainPhoto { margin: 0 0 20px 0; }
section#news .newsContent article .mainPhoto img { display: block; max-width: 100%; }
section#news .newsContent article .introduction { }

@media only screen and (min-width:1220px) {
section#news .newsContent { width: 1180px; }
section#news .newsContent .container { width: 1215px; margin: 0 0 0 -35px; }
section#news .newsContent article { float: left; width: 370px; margin: 0 0 30px 35px; }
}
@media only screen and (min-width:1010px) and (max-width:1219px) {
section#news .newsContent { width: 980px; }
section#news .newsContent .container { width: 1005px; margin: 0 0 0 -25px; }
section#news .newsContent article { float: left; width: 310px; margin: 0 0 30px 25px; }
}
@media only screen and (min-width:760px) and (max-width:1009px) {
section#news .newsContent { width: 730px; }
section#news .newsContent .container { width: 730px; }
section#news .newsContent article { width: 730px; margin: 0 0 30px 0; }
}
@media only screen and (min-width:360px) and (max-width:759px) {
section#news .newsContent { width: 330px; }
section#news .newsContent .container { width: 330px; }
section#news .newsContent article { width: 330px; margin: 0 0 30px 0; }
}
@media only screen and (max-width:359px) {
section#news .newsContent { width: 240px; }
section#news .newsContent .container { width: 240px; }
section#news .newsContent article { width: 240px; margin: 0 0 30px 0; }
}



/*FOOTER*/
footer#footer { width: 100%; }

footer#footer #footerMenu { width: 100%; background: #f5f5f5; }
footer#footer #footerMenu .footerMenuContent { margin: 0 auto; position: relative; }
footer#footer #footerMenu .footerMenuContent .findus { padding: 20px 0; }
a.button_facebook { display: block; float: left; width: 50px; height: 50px; margin: 0 0 0 10px; text-decoration: none; background: #FF5001 url('../grafika/button_facebook.png') no-repeat top; }
a.button_facebook:hover { text-decoration: none; background: #333334 url('../grafika/button_facebook.png') no-repeat bottom; }
a.button_youtube { display: block; float: left; width: 50px; height: 50px; margin: 0 0 0 10px; text-decoration: none; background: #FF5001 url('../grafika/button_youtube.png') no-repeat top; }
a.button_youtube:hover { text-decoration: none; background: #333334 url('../grafika/button_youtube.png') no-repeat bottom; }
a.button_google { display: block; float: left; width: 50px; height: 50px; margin: 0 0 0 10px; text-decoration: none; background: #FF5001 url('../grafika/button_google.png') no-repeat top; }
a.button_google:hover { text-decoration: none; background: #333334 url('../grafika/button_google.png') no-repeat bottom; }
a.button_linkedin { display: block; float: left; width: 50px; height: 50px; margin: 0 0 0 10px; text-decoration: none; background: #FF5001 url('../grafika/button_linkedin.png') no-repeat top; }
a.button_linkedin:hover { text-decoration: none; background: #333334 url('../grafika/button_linkedin.png') no-repeat bottom; }
footer#footer #footerMenu .footerMenuContent .findus a:first-child { margin-left: 0; }
footer#footer #footerMenu .footerMenuContent .container { padding: 20px 0; }	
footer#footer #footerMenu .footerMenuContent .container .box { }
ul.footerMenuUl, ul.footerMenuUl li { margin: 0; padding: 0; list-style: none; }	
ul.footerMenuUl a { display: block; height: 25px; line-height: 25px; font-family: 'Open Sans', Arial, sans-serif; font-weight: 400; font-size: 14px; color: #333334; text-transform: none; text-decoration: none; }
ul.footerMenuUl a:hover { color: #FF5001; text-decoration: none; }

footer#footer #info { width: 100%; background: #333333; }
footer#footer #info .infoContent { margin: 0 auto; padding: 20px 0; }
footer#footer #info .infoContent .copyright { line-height: 30px; margin: 0 30px 0 0; font-size: 12px; color: #ffffff; }
footer#footer #info .infoContent a.webdesign, footer#footer #info .infoContent a.webdesign:hover { line-height: 30px; font-size: 12px; color: #ffffff; text-decoration: none; }
footer#footer #info .infoContent #cookieInfo { line-height: 20px; margin: 5px 0; font-size: 12px; color: #ffffff;  }
footer#footer #info .infoContent #cookieInfo a, footer#footer #info .infoContent #cookieInfo a:hover { color: #ffffff; text-decoration: none; }

@media only screen and (min-width:1220px) {
footer#footer #footerMenu .footerMenuContent { width: 1180px; }
footer#footer #footerMenu .footerMenuContent .findus { float: right; }
footer#footer #footerMenu .footerMenuContent .container { float: left; width: 720px; margin: 0 0 0 -20px; }	
footer#footer #footerMenu .footerMenuContent .container .box { float: left; width: 220px; margin: 20px 0 20px 20px; }
footer#footer #info .infoContent { width: 1180px; }
footer#footer #info .infoContent .copyright { float: left; }
footer#footer #info .infoContent .webdesign { float: left; }
footer#footer #info .infoContent #cookieInfo { float: right; }
}
@media only screen and (min-width:1010px) and (max-width:1219px) {
footer#footer #footerMenu .footerMenuContent { width: 980px; }
footer#footer #footerMenu .footerMenuContent .findus { float: right; }
footer#footer #footerMenu .footerMenuContent .container { float: left; width: 600px; margin: 0 0 0 -20px; }	
footer#footer #footerMenu .footerMenuContent .container .box { float: left; width: 180px; margin: 20px 0 20px 20px; }
footer#footer #info .infoContent { width: 980px; }
footer#footer #info .infoContent .copyright { float: left; }
footer#footer #info .infoContent .webdesign { float: left; }
footer#footer #info .infoContent #cookieInfo { float: right; }
}
@media only screen and (min-width:760px) and (max-width:1009px) {
footer#footer #footerMenu .footerMenuContent { width: 730px; }
footer#footer #footerMenu .footerMenuContent .findus { float: right; }
footer#footer #footerMenu .footerMenuContent .container { float: left; width: 480px; margin: 0 0 0 -10px; }	
footer#footer #footerMenu .footerMenuContent .container .box { float: left; width: 150px; margin: 20px 0 20px 10px; }
footer#footer #info .infoContent { width: 730px; }
footer#footer #info .infoContent .copyright { float: left; }
footer#footer #info .infoContent .webdesign { float: left; }
footer#footer #info .infoContent #cookieInfo { float: left; }
}
@media only screen and (min-width:360px) and (max-width:759px) {
footer#footer #footerMenu .footerMenuContent { width: 330px; }
footer#footer #footerMenu .footerMenuContent .container { width: 330px; }	
footer#footer #footerMenu .footerMenuContent .container .box { width: 330px; margin: 20px 0 20px 0; }
footer#footer #info .infoContent { width: 330px; }
}
@media only screen and (max-width:359px) {
footer#footer #footerMenu .footerMenuContent { width: 240px; }
footer#footer #footerMenu .footerMenuContent .container { width: 240px; }	
footer#footer #footerMenu .footerMenuContent .container .box { width: 240px; margin: 20px 0 20px 0; }
footer#footer #info .infoContent { width: 240px; }
}




/*modules*/



/*editor*/
.editor { margin: 0 0 20px 0; padding: 0 0 20px 0; }
.editor img { max-width: 100%; }


/*ARTICLES and ARTICLEDETAILS*/
section#articles { margin: 0 0 20px 0; }
section#articles .container { clear: both; padding: 0; }
section#articles article { display: block; padding: 0; }
section#articles article .date { float: left; height: 40px; line-height: 40px; margin: 0 0 10px 0; padding: 0 10px; font-family: 'Open Sans', Arial, sans-serif; font-weight: 400; font-size: 20px; color: #ffffff; background: #FF5001; }
section#articles article .mainPhoto { margin: 0 0 20px 0; }
section#articles article .mainPhoto img { display: block; max-width: 100%; }
section#articles article a.title, section#articles article a.title:hover { /*see above*/ }
section#articles article .introduction { }

section#articleDetails { margin: 0 0 20px 0; }
section#articleDetails .date { float: left; height: 40px; line-height: 40px; margin: 0 0 10px 0; padding: 0 10px; font-family: 'Open Sans', Arial, sans-serif; font-weight: 400; font-size: 20px; color: #ffffff; background: #FF5001; }
section#articleDetails .mainPhoto { }
section#articleDetails .mainPhoto img { display: block; }
section#articleDetails .newsMoviesList { margin: 20px 0 0 0; }
section#articleDetails .newsMoviesList .box { padding: 0 0 20px 0; }
section#articleDetails .newsGalleryDetails { }
section#articleDetails .newsGalleryDetails .col { float: left; }
section#articleDetails .newsGalleryDetails .colM { display: none; }
section#articleDetails .newsGalleryDetails .photo { margin: 0 0 30px 0; }
section#articleDetails .newsGalleryDetails .photo img { display: block; width: 100%; }

@media only screen and (min-width:1220px) {
section#articles .container { width: 1215px; margin: 0 0 0 -35px; }
section#articles article { float: left; width: 370px; margin: 0 0 30px 35px; }
section#articleDetails .mainPhoto { float: left; margin: 0 30px 30px 0; }
section#articleDetails .mainPhoto img { width: 370px; }
section#articleDetails .newsGalleryDetails { width: 1215px; margin: 30px 0 0 -35px; }
section#articleDetails .newsGalleryDetails .col { width: 370px; margin: 0 0 0 35px; }
section#articleDetails .newsGalleryDetails .colM { display: none; }
}
@media only screen and (min-width:1010px) and (max-width:1219px) {
section#articles .container { width: 1005px; margin: 0 0 0 -25px; }
section#articles article { float: left; width: 310px; margin: 0 0 30px 25px; }
section#articleDetails .mainPhoto { float: left; margin: 0 30px 30px 0; }
section#articleDetails .mainPhoto img { width: 310px; }
section#articleDetails .newsGalleryDetails { width: 1005px; margin: 20px 0 0 -25px; }
section#articleDetails .newsGalleryDetails .col { width: 310px; margin: 0 0 0 25px; }
section#articleDetails .newsGalleryDetails .colM { display: none; }
}
@media only screen and (min-width:760px) and (max-width:1009px) {
section#articles .container { width: 730px; }
section#articles article { width: 730px; margin: 0 0 30px 0; }
section#articleDetails .mainPhoto { margin: 0 0 30px 0; }
section#articleDetails .mainPhoto img { width: 230px; }
section#articleDetails .newsGalleryDetails { width: 750px; margin: 20px 0 0 -20px; }
section#articleDetails .newsGalleryDetails .col { width: 230px; margin: 0 0 0 20px; }
section#articleDetails .newsGalleryDetails .colM { display: none; }
}
@media only screen and (min-width:360px) and (max-width:759px) {
section#articles .container { width: 330px; }
section#articles article { width: 330px; margin: 0 0 30px 0; }
section#articleDetails .mainPhoto { margin: 0 0 30px 0; }
section#articleDetails .mainPhoto img { width: 330px; }
section#articleDetails .newsGalleryDetails { width: 330px; margin: 20px 0 0 0; }
section#articleDetails .newsGalleryDetails .col { display: none; }
section#articleDetails .newsGalleryDetails .colM { display: block; width: 330px; }
}
@media only screen and (max-width:359px) {
section#articles .container { width: 240px; }
section#articles article { width: 240px; margin: 0 0 30px 0; }
section#articleDetails .mainPhoto { margin: 0 0 30px 0; }
section#articleDetails .mainPhoto img { width: 240px; }
section#articleDetails .newsGalleryDetails { width: 240px; margin: 20px 0 0 0; }
section#articleDetails .newsGalleryDetails .col { display: none; }
section#articleDetails .newsGalleryDetails .colM { display: block; width: 240px; }
}



/*GALLERIESLIST*/
section#galleriesList { margin: 0 0 20px 0; }
section#galleriesList .box { display: block; padding: 0; }
section#galleriesList .box .mainPhoto { margin: 0 0 20px 0; }
section#galleriesList .box .mainPhoto img { display: block; max-width: 100%; }
section#galleriesList .box a.title, section#galleriesList .box a.title:hover { /*see above*/ }
section#galleriesList .box .introduction {  }
section#galleriesList .box .rightDetails { float: left; }
@media only screen and (min-width:1220px) {
section#galleriesList .box { width: 1180px; margin: 0 0 30px 0; }
section#galleriesList .box .mainPhoto { float: left; width: 33%; margin: 0; }
section#galleriesList .box .rightDetails { float: left; width: 63%; margin: 0 0 0 4% }
section#galleriesList .box .introduction { float: left; }
}
@media only screen and (min-width:1010px) and (max-width:1219px) {
section#galleriesList .box { width: 980px; margin: 0 0 30px 0; }
}
@media only screen and (min-width:760px) and (max-width:1009px) {
section#galleriesList .box { width: 730px; margin: 0 0 30px 0; }
}
@media only screen and (min-width:360px) and (max-width:759px) {
section#galleriesList .box { width: 330px; margin: 0 0 30px 0; }
}
@media only screen and (max-width:359px) {
section#galleriesList .box { width: 240px; margin: 0 0 30px 0; }
}



/*GALLERYDETAILS*/
section#galleryDetails { margin: 0 0 20px 0; }
section#galleryDetails .col { float: left; }
section#galleryDetails .colM { display: none; }
section#galleryDetails .photo { margin: 0 0 30px 0; }
section#galleryDetails .photo img { display: block; width: 100%; }
@media only screen and (min-width:1220px) {
section#galleryDetails .container { width: 1215px; margin: 20px 0 0 -35px; }
section#galleryDetails .col { width: 370px; margin: 0 0 0 35px; }
section#galleryDetails .colM { display: none; }
}
@media only screen and (min-width:1010px) and (max-width:1219px) {
section#galleryDetails .container { width: 1005px; margin: 20px 0 0 -25px; }
section#galleryDetails .col { width: 310px; margin: 0 0 0 25px; }
section#galleryDetails .colM { display: none; }
}
@media only screen and (min-width:760px) and (max-width:1009px) {
section#galleryDetails .container { width: 750px; margin: 20px 0 0 -20px; }
section#galleryDetails .col { width: 230px; margin: 0 0 0 20px; }
section#galleryDetails .colM { display: none; }
}
@media only screen and (min-width:360px) and (max-width:759px) {
section#galleryDetails .container { width: 330px; margin: 20px 0 0 0; }
section#galleryDetails .col { display: none; }
section#galleryDetails .colM { display: block; width: 330px; }
}
@media only screen and (max-width:359px) {
section#galleryDetails .container { width: 240px; margin: 20px 0 0 0; }
section#galleryDetails .col { display: none; }
section#galleryDetails .colM { display: block; width: 240px; }
}



/*moviesList*/
section#moviesList { margin: 0 0 20px 0; }
section#moviesList .box { padding: 0 0 20px 0; }



#prevnext { clear: both; text-align: center; }