/* latin-ext */
@font-face {
  font-family: 'Courgette';
  font-style: normal;
  font-weight: 400;
  src: local('Courgette Regular'), local('Courgette-Regular'), url(https://fonts.gstatic.com/s/courgette/v4/Gkr63O-aJXf4Mv4t7cBUchJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Courgette';
  font-style: normal;
  font-weight: 400;
  src: local('Courgette Regular'), local('Courgette-Regular'), url(https://fonts.gstatic.com/s/courgette/v4/BHG8ZtTfO0yYnp02--QxqltXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin-ext */
@font-face {
  font-family: 'Inder';
  font-style: normal;
  font-weight: 400;
  src: local('Inder'), local('Inder-Regular'), url(https://fonts.gstatic.com/s/inder/v5/kZPrVDQFPX82CNoNUPOa_g.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inder';
  font-style: normal;
  font-weight: 400;
  src: local('Inder'), local('Inder-Regular'), url(https://fonts.gstatic.com/s/inder/v5/FHGTq7lMPAUUQDHSR8P-gg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, 
kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, 
thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, 
audio, video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:1;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
ul,ol{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after,q:before, q:after{content:'';content:none;}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;cursor:pointer;}
a,ins{text-decoration:none;}
mark{font-style:italic;font-weight:bold;}
del{text-decoration:line-through;}
abbr[title], dfn[title]{border-bottom:1px dotted;cursor:help;}
table{border-collapse:collapse;border-spacing:0;}
hr{display:block;height:1px;border:0;margin:1em 0;padding:0;}
input, select{vertical-align:middle;}
body{float:left;width:100%;}
html{background:url(images/css-background-repeat.png) left top repeat;}
#container{float:left;width:100%;}
header{float:left;width:80%;padding:0 10%;}
#info{float:left;width:100%;}
#social{float:left;width:200px;line-height:30px;margin:1% 1% 1% 1%;top:1%;left:8.5%;position:absolute;z-index:999;}
#social li{float:left;}
#social li strong{display:none;}
#social li a{float:left;width:30px;height:30px;margin:0 5px 0 5px;display:inline-block;background: url(images/css-sprite-social.png) no-repeat 0px 0px;background-size: 300px;}
#social li.facebook a{background-position: 0px 0px;}
#social li.facebook a:hover{background-position: 0px -30px;}
#social li.twitter a{background-position: -30px 0px;}
#social li.twitter a:hover{background-position: -30px -30px;}
#social li.googleplus a{background-position: -60px 0px;}
#social li.googleplus a:hover{background-position: -60px -30px;}
#social li.linkedin a{background-position: -90px 0px;}
#social li.linkedin a:hover{background-position: -90px -30px;}
#social li.blogger a{background-position: -120px 0px;}
#social li.blogger a:hover{background-position: -120px -30px;}
#social li.tumblr a{background-position: -150px 0px;}
#social li.tumblr a:hover{background-position: -150px -30px;}
#social li.rss a{background-position: -180px 0px;}
#social li.rss a:hover{background-position: -180px -30px;}
#social li.youtube a{background-position: -210px 0px;}
#social li.youtube a:hover{background-position: -210px -30px;}
#social li.vimeo a{background-position: -240px 0px;}
#social li.vimeo a:hover{background-position: -240px -30px;}
#social li.instagram a{background-position: -270px 0px;}
#social li.instagram a:hover{background-position: -270px -30px;}
#logo{float:none;width:40%;margin:0 auto 0 auto;overflow:hidden;}
#logo span{float:left;width:100%;}
#logo span a{float:left;width:100%;}
#logo span a img{float:left;width:100%}
#callus{float:right;width:200px;text-align:right;font-size:85%;line-height:30px;margin:0.5% 1% 1% 1%;top:1%;right:8.5%;position:absolute;z-index:999;}
.tiklaAraMobil,.tiklaAraMobilStatik{float:left;width:100%;display:none;font-weight:bold;}
.tiklaAraDesktop{float:left;width:100%;display:block;text-align:justify;}
#search{float:right;width:200px;line-height:30px;}
#search fieldset{float:left;width:100%;}
#search fieldset label{float:left;overflow:hidden}
#search fieldset label.input-text{width:75%;}
#search fieldset label.input-submit{width:25%;}
#search fieldset label input[type=text]{float:left;height:24px;line-height:24px;width:96%;}
#search fieldset label input[type=submit]{float:right;height:30px;line-height:30px;width:100%;}
nav{float:left;width:80%;padding:10px 10% 10px 10%;z-index:998;position:relative;}
section{float:left;width:80%;padding:3% 10% 3% 10%;text-align:center;}
#section-slide{width:100%;padding:0 0 0 0;}
h1{float:left;width:100%;font-size:200%;padding:2% 0 2% 0;margin-top:1%;position:absolute;left:0;z-index:99;}
h2{float:left;width:100%;font-size:150%;padding:2% 0 2% 0;margin-top:1%;}
h3, h4, h5, h6{float:left;font-size:120%;line-height:32px;width:100%;padding-bottom:2%;}
article{float:left;padding:1%;margin:1%;}
article p{float:left;width:96%;line-height:20px;padding:1% 1% 1% 1%;margin:1% 1% 1% 1%;}
article p span, article p strong, article p em, article a{float:left;width:100%;}
article p span img{width:94%;margin:3%;}
article p strong, article p em, article a{margin-top:3%;}
article a:hover{font-weight:bold;}
#section-map > article > iframe{width:96%;height:500px;margin:0 2%;}
aside ul{margin-bottom:10px;}
aside ul li strong, aside ul li em, aside ul li a{float:left;width:100%;margin:5px 0 5px 0;}
aside ul li em.tiklaAraMobilStatik{margin:0;}
footer ul{margin-bottom:1%;}
footer ul li strong{float:left;width:100%;margin:5px 0 5px 0;}
footer ul li a{float:left;width:100%;}
footer p{float:left;width:100%;padding-top:1%;margin-top:1%;text-align:center;}
footer p span{float:left;width:100%;padding:1% 0 1% 0;margin:0 0 1% 0;}
footer p a{clear:both;}
aside, footer{float:left;width:80%;padding:2% 10%;}
footer ul, aside ul{float:left;width:23%;padding:0 1%;}
aside ul li, footer ul li{float:left;width:96%;padding:1%;margin:1%;}
aside ul li strong,footer ul li strong{padding:0 0 6px 0;}
.topMargin{}
.leftMargin{}
.oneColumn > article{width:96%;}
.twoColumn > article{width:46%;}
.threeColumn > article{width:29.3%;}
.fourColumn > article{width:21%;}
.videoList > span{width:31.3%;margin:1%;}
.videoList > span > iframe{width:100%;}
.imageList > span{width:23%;margin:1%;}
.imageList > span > img{cursor:pointer;}
.textLeft{text-align:left;}
.textRight{text-align:right;}
.blockLeft{float:left;}
.blockRight{float:right;}
.width46{width:46%;}
.width48, .widthHalf{width:48%;}
.extraHalf{margin-top: 0.5%;margin-bottom: 0.5%;padding-top: 0.5%;padding-bottom: 0.5%;}
.toTop{display: none;position: fixed;bottom: 10px;right: 15px;overflow: hidden;width: 32px;height: 32px;border: none;text-indent: 100%;background: url(images/css-sprite-toTop.png) no-repeat 0px 0px;z-index:999;}
#containerBigImg{position:fixed;z-index:1001;width:94%;height:94%;padding:3%;background-repeat: repeat;text-align:center;}
#containerBigImg img{width:70%;}
#containerBigImg a{width: 32px;height: 32px;position: absolute;right: 3%;top: 1%;margin: 1%;font-weight: bold;font-size: 250%;line-height: 32px;text-align: center;}
#social li a:hover,article a:hover, footer p a:hover, aside ul li a:hover, footer ul li a:hover{letter-spacing:0.5px;}
#callus a:hover,.tiklaAraMobil:hover,#social li a:hover,article a:hover, article:hover, article:hover h3, article:hover h4, article:hover h5, article:hover h6, article:hover p, article p span img:hover, article:hover p strong, article:hover p a, footer p a:hover, aside ul li a:hover, footer ul li a:hover{transition: 0.8s all;-webkit-transition: 0.8s all;-moz-transition: 0.8s all;-o-transition: 0.8s all;-ms-transition: 0.8s all;}
article p span img:hover{width:100%;margin:0;}
.table{width:60%;display:table;margin-left:auto;margin-right:auto;}
.tableHeading{display: table-row;font-weight: bold;text-align: center;}
.tableRow{width:100%;display: table-row;}
.tableCellH, .tableCell{display: table-cell;border: solid;border-width: thin;}
.tableCellH{text-align:left;width:48%;padding:1%;}
.tableCell{width:23%;padding:1%;}
@media screen and (min-width: 768px){
}
@media screen and (max-width: 1280px){
	header, nav, section, aside, footer{width:88%;padding-left:6%;padding-right:6%;}
	#social{left:6.5%;}
	#callus{right:6.5%;}
	#logo{width:43%;}
}
@media screen and (max-width: 1024px){
	header, nav, section, aside, footer{width:96%;padding-left:2%;padding-right:2%;}
	#social{left:2%;}
	#callus{right:2%;}
	#logo{width:50%;}
}
@media screen and (max-width: 768px){
	header, nav, section, aside, footer{width:96%;padding-left:2%;padding-right:2%;}
	#social{width:250px;padding:0;margin:0 0 2% -125px;text-align:center;position:relative;left:50%;}
	#callus{width:96%;font-size:100%;padding:1% 1% 1% 1%;margin:1% 1% 1% 1%;text-align:left;position:static;}					
	#callus a{float:left;width:50%;}
	#logo{width:80%;margin-top:2%;margin-bottom:2%;}
	#social li a{margin:0 10px 0 10px;}
	article p span img{width:100%;margin:0;}
	.topMargin{margin-top:3%;}
	.twoColumn > article{width:96%;}
	.threeColumn > article{width:46%;margin:1%;}
	.threeColumn > article.leftMargin{margin-left:26%;}
	.videoList > span{width:48%;}
	.fourColumn > article{width:46%;}
	.imageList > span{width:48%;}
	#section-map > article > iframe{height:300px;}
	aside, footer{width:96%;padding:0 2%;}
	footer ul, aside ul{float:left;width:48%;padding:0 1%;}
	.widthHalf{width:96%;}
	.extraHalf{margin-top: 1%;margin-bottom: 1%;padding-top: 1%;padding-bottom: 1%;}
	.tiklaAraMobil{display:block;padding-right:10px;}
	.tiklaAraMobilStatik{display:block;}
	.tiklaAraDesktop{display:none;}
	.table{width:96%;}
}
@media screen and (max-width: 480px){
	#callus{width:96%;padding:1% 1% 1% 1%;margin:1% 1% 1% 1%;position:static;text-align:center;}
	#callus a{float:none;}
	.tiklaAraMobil{float:none;padding-top:5px;padding-bottom:5px;padding-right:0;margin-bottom:10px;text-align:center;}
	.tiklaAraMobil:hover{-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
	#search{float:right;width:100%;line-height:30px;}
	.oneColumn > article > p > span, .twoColumn > article > p > span{width:100%;}
	.threeColumn > article{width:96%;}
	.threeColumn > article.leftMargin{margin-left:1%;}
	.videoList > span{width:98%;}
	.fourColumn > article{width:96%;}
	.imageList > span{width:98%;}
	.width46{width:96%;text-align:center;}
	footer ul, aside ul{float:left;width:96%;padding:0 2%;}
}.toggle, [id^=drop]{display: none;}
nav {border-bottom: 3px solid rgba(0,0,0,1.0);}
nav:after {content: "";display: table;clear: both;}
nav ul{float: left;list-style: none;position: relative;z-index:999;}
nav ul li{margin: 0px;padding:0px 20px;display: inline-block;float: left;}
nav a{display: block;padding:0px 10px ;font-size: 100%;line-height: 40px;text-decoration: none;position:relative;z-index:1000;}
nav ul ul{display: none;position: absolute;top: 40px;}
nav ul li:hover > ul{display: inherit;}
nav ul ul li{width: 170px;float: none;display: list-item;position: relative;}
nav ul ul ul li{position: relative;top: -30px;left: 170px;}
nav li > a:after{content: ' +';}
nav li > a:only-child:after{content: '';}
@media all and (max-width : 768px){
	.toggle + a,.menu{display: none;}
	.toggle{display: block;padding: 0 10px;line-height: 40px;text-decoration: none;border: none;}
	[id^=drop]:checked + ul{display: block;width:100%;}
	nav ul li{padding:0px;}
	nav ul li{display: block;width: 100%;}
	nav ul ul .toggle,nav ul > li > ul > li > a{padding: 0 20px;}
	nav ul ul ul .toggle,nav ul > li > ul > li > ul > li > a{padding: 0 40px;}
	nav ul ul ul ul .toggle,nav ul > li > ul > li > ul > li > ul > li > a{padding: 0 60px;}
	nav ul ul{float: none;position: static;}
	nav ul ul li:hover > ul,nav ul li:hover > ul{display: none;}
	nav ul ul li{display: block;width: 100%;}
	nav ul ul ul li{position: static;}
}/* Basic jQuery Slider essential styles */
ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide{position:absolute; display:none;}
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
ul.bjqs-controls.v-centered li a{position:absolute;}
ul.bjqs-controls.v-centered li.bjqs-next a{right:0;cursor:pointer;}
ul.bjqs-controls.v-centered li.bjqs-prev a{left:0;cursor:pointer;}
ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width:100%;}
ol.bjqs-markers.h-centered{text-align: center;}
ol.bjqs-markers li{display:inline;margin: 5px;}
ol.bjqs-markers li a{display:inline-block;}
p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}
ul.bjqs-controls, ol.bjqs-markers{float: left;width: 90%;padding: 0 5%;margin-top: -80px;position: relative;z-index: 101;}
ol.bjqs-markers{margin-top: -40px;}
ul.bjqs-controls.v-centered li .bjqs-prev, ul.bjqs-controls.v-centered li .bjqs-next{font-size: 180%;font-weight: bold;}
ul.bjqs-controls.v-centered li .bjqs-prev{float: left;text-align:left;}
ul.bjqs-controls.v-centered li .bjqs-next{float:right;text-align:right;}
ul.bjqs-controls.v-centered li a {display: block;padding: 10px;text-decoration: none;}
ol.bjqs-markers li a {padding: 5px 10px;margin:0;text-decoration: none;}/* style */
/*
body{font-family: 'Basic', sans-serif;}
body{font-family: 'Cardo', serif;}
*/
h1,h2,h3,h4,h5,h6{font-family: 'Courgette', cursive;}
/*
body{font-family: 'Exo', sans-serif;}
body{font-family: 'Forum', cursive;}
*/
body{font-family: 'Inder', sans-serif;}
/*
body{font-family: 'Kaushan Script', cursive;}
body{font-family: 'Open Sans', sans-serif;}
body{font-family: 'Raleway', sans-serif;}
body{font-family: 'Sancreek', cursive;}
*/
a,ins{color:rgba(0,0,0,1.0);}
mark{color:rgba(0,0,0,1.0);}
hr{border-top:1px solid rgba(200,200,200,1.0);}
#callus a:hover{color:rgba(255,0,0,1.0);}
h1{color:rgba(61,65,152,1.0);}
article{background-color:rgba(244,244,244,0.5);}
article a{color:rgba(155,0,0,1.0);}
aside{background-color:rgba(139,167,153,1.0);}
aside ul li span{color:rgba(204,204,204,1.0);}
aside ul li a{color:rgba(204,204,204,1.0);}
footer{background-color:rgba(12,70,105,1.0);}
footer ul li a{color:rgba(160,163,229,1.0);}
footer p span{color:rgba(160,163,229,1.0);border-bottom:1px solid rgba(178,181,255,1.0);}
aside ul li, footer ul li{color:rgba(106,108,152,1.0);}
aside ul li a:hover, footer ul li a:hover, footer p a:hover{color:rgba(255,255,255,1.0);}
aside ul li strong{color:rgba(61,65,152,1.0);border-bottom:1px solid rgba(61,65,152,1.0);}
footer ul li strong{color:rgba(106,108,152,1.0);border-bottom:1px solid rgba(106,108,152,1.0);}
.textWhite{color:rgba(255,255,255,1.0);}
.textYellow{color:rgba(255,238,0,1.0);}
#containerBigImg{background-color: rgba(12,70,105,1.0);}
#containerBigImg a:hover{color:rgba(255,255,255,1.0);}
@media screen and (min-width: 768px){
	article:hover{background-color:rgba(127,127,127,0.8);}
	article:hover p{color: rgba(255,255,255,1.0);}
	article:hover p strong{color: rgba(0,0,0,0.6);}
	article:hover p em{color:rgba(255,255,0,0.6);}
	article:hover p a{color:rgba(255,255,0,1.0);}
}
@media screen and (max-width: 480px){
	.tiklaAraMobil{background-color:rgba(204,204,204,1.0);}
	.tiklaAraMobil:hover{background-color:rgba(180,180,180,1.0);}
}
header{background-color:rgba(255,255,255,1.0);}
#section-onePictureText, #section-onePictureText-1, #section-twoPictureText, #section-twoPictureText-2, #section-threePictureText, #section-threePictureText-2, #section-threePictureText-4, #section-fourPictureText, #section-fourPictureText-2, #section-map{
    background-image: url(images/css-background-section.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
}
header{
    background-image: url(images/css-background-header.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
}
/* menu */
nav {background-color:rgba(156,33,35,1.0);}
nav ul li ul li{background-color:rgba(51,55,127,1.0);}
nav ul li ul li ul li{background-color:rgba(142,146,204,1.0);}
nav ul li ul li ul li ul li{background-color:rgba(178,182,255,1.0);}
nav ul li ul li:hover{background-color:rgba(106,108,152,1.0);}
nav a{color:rgba(255,255,255,1.0);}
nav a:hover{background-color:rgba(106,108,152,1.0);}
@media all and (max-width : 768px){
	.toggle{color:rgba(255,255,255,1.0);}
	.toggle:hover{background-color:rgba(106,108,152,1.0);}
	nav a:hover{background-color:rgba(50,50,50,1.0);}
	nav ul ul{color:rgba(255,255,255,1.0);}
}
/* bjgs */
ul.bjqs-controls a:hover, ul.bjqs-controls.v-centered li .bjqs-prev, ul.bjqs-controls.v-centered li .bjqs-next {color:rgba(255,255,255,1.0);}
ul.bjqs-controls.v-centered li a, ol.bjqs-markers li a {background-color:rgba(255,255,255,1.0);color:rgba(106,108,152,1.0);}
ol.bjqs-markers li a:hover, ul.bjqs-controls.v-centered li.bjqs-next a:hover, ul.bjqs-controls.v-centered li.bjqs-prev a:hover, ol.bjqs-markers li.active-marker a {background-color:rgba(106,108,152,1.0);color:rgba(255,255,255,1.0);}