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


/*
font-family: 'Roboto', Arial, sans-serif;
text, h: color: #353535;
menu: background: #333333;
copyright: background: #333333;
header, footer: background: #f5f5f5;
buttons, topMenu, footerMenu: color: #333334;
hover: color: #A9CF54;
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: 25px; margin: 0; padding: 0; font-family: 'Roboto', Arial, sans-serif; font-weight: 400; font-size: 15px; color: #353535; 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: 'Roboto Slab', Arial, serif; font-weight: 400; color: #353535; text-transform: none; }
h1 { line-height: 40px; margin: 0 0 15px 0; font-size: 30px; }
h2 { line-height: 40px; margin: 0 0 15px 0; font-size: 28px; }
h3 { line-height: 30px; margin: 0 0 10px 0; font-size: 20px; }
footer#footer .h { line-height: 30px; margin: 0 0 10px 0; font-size: 17px; color: #ffffff; }
a.hButton { display: inline-block; line-height: 30px; margin: 0 0 20px 0; padding: 0 40px 0 0; font-family: 'Roboto Slab', Arial, serif; font-weight: 400; font-size: 28px; color: #353535; text-transform: none; text-decoration: none; background: url('../grafika/hButton.png') no-repeat right top; }
a.hButton:hover { color: #A9CF54; text-decoration: none; background: url('../grafika/hButton.png') no-repeat right bottom; }

a { margin: 0; padding: 0; font-weight: 400; color: #353535; text-decoration: underline; outline: none; cursor: pointer; }
a:hover { color: #353535; text-decoration: none; }
a.title { display: block; line-height: 20px; margin: 0 0 10px 0; font-family: 'Roboto Slab', Arial, sans-serif; font-weight: 400; font-size: 20px; color: #353535; text-transform: none; text-decoration: none; }	
a.title:hover { color: #A9CF54; text-decoration: none; }
a.alt { display: block; line-height: 20px; margin: 10px 0 0 0; font-family: 'Roboto Slab', Arial, sans-serif; font-weight: 400; font-size: 16px; color: #353535; text-transform: none; text-decoration: none; text-align: center; }	
a.alt:hover { color: #A9CF54; text-decoration: none; }

a.readmoreButton { display: inline-block; height: 50px; line-height: 50px; margin: 10px 0 0 0; padding: 0 20px; font-family: 'Roboto Slab', Arial, sans-serif; font-weight: 400; font-size: 20px; color: #353535; text-transform: none; text-decoration: none; border: 1px solid #353535; background: #ffffff; }
a.readmoreButton:hover { color: #ffffff; text-decoration: none; border: 1px solid #A9CF54; background: #A9CF54; }

main#mainContact .contactForm input.sendButton { display: inline-block; width: auto; height: 50px; line-height: 50px; margin: 10px 0 0 0; padding: 0 20px; font-family: 'Roboto Slab', Arial, sans-serif; font-weight: 400; font-size: 20px; color: #353535; text-decoration: none; outline: none; cursor: pointer; border: none; border: 1px solid #353535; background: #ffffff; }
main#mainContact .contactForm input.sendButton:hover { color: #ffffff; text-decoration: none; border: 1px solid #A9CF54; background: #A9CF54; }

a.backButton { display: inline-block; height: 30px; line-height: 30px; margin: 10px 0 0 0; padding: 0 0 0 15px; font-family: 'Roboto Slab', Arial, sans-serif; font-weight: 400; font-size: 20px; color: #353535; text-transform: none; text-decoration: none; background: url('../grafika/backButton.png') no-repeat left top; }
a.backButton:hover { color: #A9CF54; text-decoration: none; background: url('../grafika/backButton.png') no-repeat left bottom; }
a.detailsButton { display: inline-block; width: 40px; 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: 'Roboto', Arial, sans-serif; font-weight: 400; font-size: 14px; color: #353535; text-align: left; border: 1px solid #91AD58; background: #ffffff; }
textarea { font-family: 'Roboto', Arial, sans-serif; font-weight: 400; font-size: 14px; color: #353535; text-align: left; border: 1px solid #91AD58; 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%; }
header#header .headerMain { width: 100%; background: #A9CF54; font-family: 'Roboto Slab', Arial, serif; font-weight: 400; color: #353535; }
header#header .headerMain .headerMainContent { margin: 0 auto; position: relative; }
.logo { padding: 10px 0 10px 0; }
.logo img { display: block; margin: 0; }
header#header .headerMain .headerMainContent .address { line-height: 30px; padding: 0 0 0 30px; font-size: 15px; color: #FFF; background: url('../grafika/addressIcon.png') no-repeat left top; }
header#header .headerMain .headerMainContent .phone { line-height: 30px; padding: 0 0 0 30px; font-size: 15px; color: #FFF; background: url('../grafika/phoneIcon.png') no-repeat left top; }

@media only screen and (min-width:1220px) {
header#header .headerMain .headerMainContent { width: 1180px; height: 180px; }
.logo { float: left; }
header#header .headerMain .headerMainContent .address { position: absolute; top: 45px; right: 250px; }
header#header .headerMain .headerMainContent .phone { position: absolute; top: 45px; right: 0; }
}
@media only screen and (min-width:1010px) and (max-width:1219px) {
header#header .headerMain .headerMainContent { width: 980px; height: 180px; }
.logo { float: left; }
header#header .headerMain .headerMainContent .address { position: absolute; top: 45px; right: 250px; }
header#header .headerMain .headerMainContent .phone { position: absolute; top: 45px; right: 0; }
}
@media only screen and (min-width:760px) and (max-width:1009px) {
header#header .headerMain .headerMainContent { width: 730px; }
.logo { float: left; }
header#header .headerMain .headerMainContent .address { position: absolute; top: 45px; right: 250px; }
header#header .headerMain .headerMainContent .phone { position: absolute; top: 45px; right: 0; }
}
@media only screen and (min-width:360px) and (max-width:759px) {
header#header .headerMain .headerMainContent { width: 330px; }
header#header .headerMain .headerMainContent .address { padding-bottom: 20px; }
header#header .headerMain .headerMainContent .phone { padding-bottom: 20px; }
}
@media only screen and (max-width:359px) {
header#header .headerMain .headerMainContent { width: 240px; }
.logo img { max-width: 240px; }
header#header .headerMain .headerMainContent .address { padding-bottom: 20px; }
header#header .headerMain .headerMainContent .phone { padding-bottom: 20px; }
}



/*NAV*/
nav#nav { width: 100%; margin: 0; background: #ffffff; }
nav#nav .navContent { margin: 0 auto; }
nav#nav .navContent #menuWrapper { }
.jqueryslidemenu { }
.jqueryslidemenu ul { height: 80px; margin: 0; padding: 0; list-style: none; }
.jqueryslidemenu ul li { display: inline; float: left; margin: 0 20px; padding: 0; position: relative; list-style: none; }	
.jqueryslidemenu ul li a { display: block; height: 80px; line-height: 80px; padding: 0; font-family: 'Roboto Slab', Arial, serif; font-weight: 400; font-size: 22px; color: #353535; text-transform: none; white-space: nowrap; text-decoration: none; }
.jqueryslidemenu ul li a.active, .jqueryslidemenu ul li a:hover { color: #A9CF54; text-decoration: none; }
.jqueryslidemenu ul li:first-child { margin-left: 0; }
.jqueryslidemenu ul li ul { visibility: hidden; height: auto; margin: 0; padding: 10px 0 10px 0; position: absolute; left: 0; background: #353535; }
.jqueryslidemenu ul li ul li { display: list-item; float: none; margin: 0; padding: 0; border-right: none; }	
.jqueryslidemenu ul li ul li a { float: none; height: 40px; line-height: 40px; margin: 0; padding: 0 30px; font-weight: 400; font-size: 18px; color: #ffffff; text-transform: none; white-space: nowrap; text-decoration: none; background: none; }	
.jqueryslidemenu ul li ul li a.active, .jqueryslidemenu ul li ul li a:hover { color: #E87812; text-decoration: none; }	
.jqueryslidemenu ul li ul li ul { visibility: hidden; height: auto; margin: 0; padding: 10px 0 10px 0; position: absolute; left: 0; background: #353535; }
.jqueryslidemenu ul li ul li ul li { display: list-item; float: none; margin: 0; padding: 0; border-right: none; }	
.jqueryslidemenu ul li ul li ul li a { float: none; height: 40px; line-height: 40px; margin: 0; padding: 0 30px; font-weight: 400; font-size: 18px; color: #ffffff; text-transform: none; white-space: nowrap; text-decoration: none; background: none; }	
.jqueryslidemenu ul li ul li ul li a.active, .jqueryslidemenu ul li ul li ul li a:hover { color: #A9CF54; text-decoration: none; }	
.downarrowclass { position: absolute; bottom: 20px; right: 0; }
.rightarrowclass { position: absolute; top: 12px; right: 5px; }
@media only screen and (min-width:1220px) {
nav#nav { min-width: 1180px; }
nav#nav .navContent { width: 1180px; }
nav#nav .navContent #menuWrapper { position: relative; z-index: 5000; }
nav#nav .navContent #menuSlide { }
nav#nav .navContent #menuWrapperM { display: none; }
}
@media only screen and (min-width:1010px) and (max-width:1219px) {
nav#nav { min-width: 980px; }
nav#nav .navContent { width: 980px; }
nav#nav .navContent #menuWrapper { position: relative; z-index: 5000; }
nav#nav .navContent #menuSlide { }
nav#nav .navContent #menuWrapperM { display: none; }
.jqueryslidemenu ul li { margin: 0 10px; }	
.jqueryslidemenu ul li a { font-size: 20px; }
}
@media only screen and (min-width:760px) and (max-width:1009px) {
nav#nav { min-width: 730px; }
nav#nav .navContent { width: 730px; }
nav#nav .navContent #menuWrapper { display: none; }
nav#nav .navContent #menuSlide { display: none; }
nav#nav .navContent #menuWrapperM { }
.js #menu { display: none; }
}
@media only screen and (min-width:360px) and (max-width:759px) {
nav#nav { min-width: 330px; }
nav#nav .navContent { width: 330px; }
nav#nav .navContent #menuWrapper { display: none; }
nav#nav .navContent #menuSlide { display: none; }
nav#nav .navContent #menuWrapperM { }
.js #menu { display: none; }
}
@media only screen and (max-width:359px) {
nav#nav { min-width: 240px; }
nav#nav .navContent { width: 240px; }
nav#nav .navContent #menuWrapper { display: none; }
nav#nav .navContent #menuSlide { display: none; }
nav#nav .navContent #menuWrapperM { }
.js #menu { display: none; }
}



/*BANNER*/
#banner { /*see below*/ width: 100%; }
#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: url('../grafika/bannerArrow.png') no-repeat; }
ul.bjqs-controls.v-centered li a:hover { background: 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: url('../grafika/detailsBannerButton.png') no-repeat left; }
a.detailsBannerButton:hover { text-decoration: none; background: 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: 100%; margin: 0 auto; }
#bannerA { width: 100%; }
}
@media only screen and (min-width:760px) and (max-width:1009px) {
#banner .bannerContent { width: 100%; margin: 0 auto; }
#bannerA { width: 100%; }
}
@media only screen and (min-width:360px) and (max-width:759px) {
#banner .bannerContent { width: 100%; margin: 0 auto; }
#bannerA { width: 100%; }
}
@media only screen and (max-width:359px) {
#banner .bannerContent { width: 100%; margin: 0 auto; }
#bannerA { width: 100%; }
}



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



/*MAINHOME*/
main#mainHome { }
@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; }
}


section#left { text-align: center; }
section#center { text-align: center; }
section#right { text-align: center; }
section#left img, section#center img, section#right img { max-width: 100%; }
@media only screen and (min-width:1220px) {
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#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#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#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#left { margin: 0 0 30px 0; }
section#center { margin: 0 0 30px 0; }
section#right { margin: 0; }
}



/*MAINCONTACT*/
main#mainContact { }
main#mainContact section#contactData { }	
main#mainContact .contactForm { }
main#mainContact .contactForm input { display: block; height: 46px; line-height: 46px; 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: 32px; line-height: 32px; margin: 3px 0 5px 5px; border: 1px solid #ffffff; background: #ffffff; }
main#mainContact .contactForm input.sendButton, main#mainContact .contactForm input.sendButton:hover { /*see above*/ }
@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; }
}
@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; }
}
@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; }
}
@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; }
}
@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; }
}



/*MAINSUBPAGE*/
main#mainSubpage { }
@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; }
}




/*INFO*/
section#info { width: 100%; background: #ED940E; }
section#info .infoContent { margin: 0 auto; padding: 50px 0; text-align: center; }
section#info h1, section#info h2, section#info h3 { color: #ffffff; }
@media only screen and (min-width:1220px) {
section#info .infoContent { width: 1180px; }
}
@media only screen and (min-width:1010px) and (max-width:1219px) {
section#info .infoContent { width: 980px; }
}
@media only screen and (min-width:760px) and (max-width:1009px) {
section#info .infoContent { width: 730px; }
}
@media only screen and (min-width:360px) and (max-width:759px) {
section#info .infoContent { width: 330px; }
}
@media only screen and (max-width:359px) {
section#info .infoContent { width: 240px; }
}




/*NEWS*/
section#news { width: 100%; }
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: 'Roboto', Arial, sans-serif; font-weight: 400; font-size: 20px; color: #ffffff; background: #A9CF54; }
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; }
}



/*MAP*/
#map { width: 100%; }
#map .mapContent { width: 100%; }
#map .mapContent #googleMap { width: 100%; border: none; background: #ffffff; }
@media only screen and (min-width:1220px) {
#map .mapContent #googleMap { height: 400px; }
}
@media only screen and (min-width:1010px) and (max-width:1219px) {
#map .mapContent #googleMap { height: 400px; }
}
@media only screen and (min-width:760px) and (max-width:1009px) {
#map .mapContent #googleMap { height: 400px; }
}
@media only screen and (min-width:360px) and (max-width:759px) {
#map .mapContent #googleMap { height: 400px; }
}
@media only screen and (max-width:359px) {
#map .mapContent #googleMap { height: 400px; }
}



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

footer#footer #footerMenu { width: 100%; background: #6096CD; }
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: url('../grafika/button_facebook.png') no-repeat top; }
a.button_facebook:hover { text-decoration: none; background: 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: url('../grafika/button_youtube.png') no-repeat top; }
a.button_youtube:hover { text-decoration: none; background: 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: url('../grafika/button_google.png') no-repeat top; }
a.button_google:hover { text-decoration: none; background: url('../grafika/button_google.png') no-repeat bottom; }
a.button_blogger { display: block; float: left; width: 50px; height: 50px; margin: 0 0 0 10px; text-decoration: none; background: url('../grafika/button_blogger.png') no-repeat top; }
a.button_blogger:hover { text-decoration: none; background: url('../grafika/button_blogger.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: 'Roboto Slab', Arial, serif; font-weight: 400; font-size: 16px; color: #ffffff; text-transform: none; text-decoration: none; }
ul.footerMenuUl a:hover { color: #ffffff; text-decoration: none; }

footer#footer #info { width: 100%; border-top: 1px solid #ffffff; 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: 'Roboto', Arial, sans-serif; font-weight: 400; font-size: 20px; color: #ffffff; background: #A9CF54; }
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: 'Roboto', Arial, sans-serif; font-weight: 400; font-size: 20px; color: #ffffff; background: #A9CF54; }
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 .container { }
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 { }
@media only screen and (min-width:1220px) {
section#galleriesList .container { width: 1215px; margin: 0 0 0 -35px; }
section#galleriesList .box { float: left; width: 370px; margin: 0 0 30px 35px; }
}
@media only screen and (min-width:1010px) and (max-width:1219px) {
section#galleriesList .container { width: 1005px; margin: 0 0 0 -25px; }
section#galleriesList .box { float: left; width: 310px; margin: 0 0 30px 25px; }
}
@media only screen and (min-width:760px) and (max-width:1009px) {
section#galleriesList .container { width: 730px; }
section#galleriesList .box { width: 730px; margin: 0 0 30px 0; }
}
@media only screen and (min-width:360px) and (max-width:759px) {
section#galleriesList .container { width: 330px; }
section#galleriesList .box { width: 330px; margin: 0 0 30px 0; }
}
@media only screen and (max-width:359px) {
section#galleriesList .container { width: 240px; }
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; }