*{ padding: 0px; margin: 0px; border: none; }
html, body{height: 100%;}
body{background: #DFE1E2; font-family: 'Open Sans', sans-serif; font-size: 12px; margin: 0px;}
input, textarea, select{box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}

#header, #navigation, #slidercontener, #content, #footer{width: 100%;}
.inner{max-width: 1139px; margin: 0px auto;}
img{max-width: 100%!important; height: auto; border: none; padding: 0px; margin: 0px; line-height: 0px;}
.lightbox .lb-image{max-width: none!important;}

#header{ }
#header .inner{padding: 0px 0px 8px 0px; overflow: hidden; max-width: 1155px!important;}
#header .inner .left{max-width: 922px; width: 100%; float: left;}
#header .inner .left #logo{float: left;}
#header .inner .left h1{color:#314F85; font-weight: bold; float: left;   margin: 14px 28px; font-family: arial;  line-height: 27px;}
#header .inner .right{max-width: 233px; width: 100%; float: left;}
#header .inner .right #visit{background: #314F85; margin-bottom: 22px; font-size: 14px; display: block; color: #ffffff; text-decoration: none; padding: 8px 18px;}
#header .inner .right #visit img{  position: relative; float: right; right: -18px;  top: 3px;}
#header .inner .right #visit:hover{color: #1C252E;}
#header .inner .right #flags{margin-bottom: 20px; color: #ffffff; padding: 0px 0px;  float: left;  width: 100%;  text-align: right;  line-height: 0px;}
#header .inner .right #flags .flag{float: left; width: 95px; padding: 10px; background: #7BB2C7; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
#header .inner .right #flags .flag a{text-decoration: none; color:#ffffff;}
#header .inner .right #flags .flag a:hover{text-decoration: underline; color:#ffffff;}

#header .inner .right #flags .flag:nth-child(2){margin-left: 3px;}
#header .inner .right #flags .flag span{  position: relative; top: -5px; right: 10px; font-size: 14px;}
#header .inner .right #searchform{display: block; overflow: hidden; height: 32px; clear: both;}
#header .inner .right #searchform input{width: 100%; font-style: italic; font-size: 16px; height: 32px; border: 1px solid #7BB2C7; color: #7BB2C7; border-radius: 10px; font-weight: normal; background: #ffffff; padding: 6px 27px 5px 10px;}
#header .inner .right #searchform a{ display: block; z-index: 2; position: relative;  float: right;  top: -23px; margin-right:2px;}

#navigation-mobil-contener{display: none;}
#navigation-mobil-menu{display: none;}

#navigation .inner{background: #ffffff; max-width: 1155px!important; z-index: 9999; position: relative;}
#navigation .inner ul{background: #7BB2C7; list-style: none; display: table;  overflow: hidden; padding: 0px; width: 100%;}
#navigation .inner ul li{display: table-cell; text-align: center; padding: 12px 10px;}
#navigation .inner ul li:hover{background: #314F85; color: #ffffff;}
#navigation .inner ul li:hover a{color: #7BB2C7;}
#navigation .inner ul li a{color: #314F85; font-weight: bold; text-decoration: none; font-size: 14px;}
#navigation .inner ul li a:hover{color: #7BB2C7; text-decoration: none;}

#navigation .inner ul li ul{position: absolute; display: block; background: #314F85; margin-left: -10px; margin-top:12px; width: inherit;}
#navigation .inner ul li ul li{clear: both; text-align: left; display: block; font-size: 14px; padding: 5px 26px; width: 100%; border-top: 1px solid #8390A0;}
#navigation .inner ul li ul li a{display: block; color:#ffffff; max-width: 100%; font-size: 14px;}
#navigation .inner ul li ul li a:hover{color: #ffffff;}
#navigation .inner ul li ul li:hover{background: #7BB2C7; color: #ffffff;}
#navigation .inner ul li ul li:hover a{color: #ffffff;}
/*
#navigation .inner ul{background: #314F85; list-style: none; overflow: hidden; padding: 0px; width: 100%;}
#navigation .inner ul li{float: left; padding: 12px 26px;}
#navigation .inner ul li:hover{background: #4D545C; color: #ffffff;}
.menulevel_0_last{padding: 12px 32px 12px 32px!important;}
#navigation .inner ul li ul{position: absolute; background: #4D545C; margin-left: -26px; margin-top:12px; width: inherit;}
#navigation .inner ul li ul li{clear: both; font-size: 14px; padding: 5px 26px; width: 100%; border-top: 1px solid #8390A0;}
#navigation .inner ul li ul li a{display: block; max-width: 100%; font-size: 14px;}
#navigation .inner ul li ul li a:hover{color: #ffffff;}
#navigation .inner ul li ul li:hover{background: #314F85; color: #ffffff;}
#navigation .inner ul li a{color: #ffffff; text-decoration: none; font-size: 16px;}
#navigation .inner ul li a:hover{color: #314F85; text-decoration: none;}
*/
#content .inner {background: #ffffff; padding: 8px; overflow: hidden;}
#content .inner #title{width: 100%; float: left; border-bottom: 1px solid #cccccc; margin-bottom: 8px; padding-bottom: 10px;}
#content .inner #title h1{font-size: 28px; font-weight: normal; color: #7BB2C7;}
#content .inner #title span a{color:#7BB2C7; text-decoration: none;}
#content .inner #title span a:hover{text-decoration: underline;}
#content .inner div h2{font-size: 18px; color: #7BB2C7;}
#content .inner div h2 a{text-decoration:none; font-size: 18px; color: #7BB2C7; font-weight:normal;}
#content .inner div h2 a:hover{text-decoration:underline;}

#content .inner .left .inner #slider_contener{margin-bottom: 10px;}
#content .inner .left .inner .article{width: 100%;}
#content .inner .left .inner .article h1{font-size: 28px; font-weight: normal; color: #314F85;}
.article h1{font-size: 28px; font-weight: normal; color: #7BB2C7;}
.article h1 a{font-size: 28px; font-weight: normal; color: #7BB2C7; text-decoration: none; line-height: 32px;}
.article h1 a:hover{text-decoration: underline;}

.article h1 span.almenu{float: right; position: relative;}
.article h1 span.almenu a{text-decoration: none; color: #7BB2C7; font-size: 16px;}
.article h1 span.almenu a:hover{text-decoration: underline;}
.article p{font-size: 14px; line-height: 19px; margin: 5px 0px 10px 0px;}
.article p a{color: #7BB2C7; font-weight: bold; text-decoration: none;}
.article p a:hover{text-decoration: underline;}

#content .inner .left{max-width: 816px; width: 100%; float: left;}
#content .inner .left .inner{padding: 0px 16px 0px 0px;}
#content .inner .left .inner .article p{font-size: 14px; line-height: 19px; margin: 5px 0px 10px 0px;}
#content .inner .left .inner .article p a{color: #7BB2C7; font-weight: bold; text-decoration: none;}
#content .inner .left .inner .article p a:hover{text-decoration: underline;}
#content .inner .left .inner .article ul{margin: 10px 18px; list-style-image: url('../design/public/arrow04.png');}
#content .inner .left .inner .article ul li{font-size: 14px; line-height: 19px; margin: 5px 0px 10px 0px;}
#content .inner .left .inner .article ul li a{color: #314F85; font-weight: bold; text-decoration: none;}

#content .inner .left2{max-width: 816px; width: 100%; float: left;}
#content .inner .left2 .inner{padding: 0px 8px 0px 0px;  border-right: 1px solid #cccccc;  margin-right: 8px;}
#content .inner .left2 .inner .article p{font-size: 14px; line-height: 19px; margin: 5px 0px 10px 0px;}
#content .inner .left2 .inner .article p a{color: #7BB2C7; font-weight: bold; text-decoration: none;}
#content .inner .left2 .inner .article p a:hover{text-decoration: underline;}
#content .inner .left2 .inner .article ul{margin: 10px 18px; list-style-image: url('../design/public/arrow04.png');}
#content .inner .left2 .inner .article ul li{font-size: 14px; line-height: 19px; margin: 5px 0px 10px 0px;}
#content .inner .left2 .inner .article ul li a{color: #314F85; font-weight: bold; text-decoration: none;}

#content .inner .right{max-width: 323px; width: 100%; float: right;}
#content .inner .right .minicontener{margin-top:8px;}
#content .inner .right .minicontener:first-child{margin: 0px;}
#content .inner .right .minicontener .image{line-height: 50%;}
#content .inner .right .minicontener .image img{width: auto!important; max-height: 107px!important;}
#content .inner .right .minicontener .text{width: 100%; background: #314F85; color: #ffffff; max-width: 293px; height: 19px; padding: 10px; font-size: 15px;}
#content .inner .right .minicontener:first-child .text{height: 18px;}
#content .inner .right .minicontener .text a {text-decoration: none; color: #ffffff;}
#content .inner .right .minicontener .text a span{color: #ffffff; text-decoration: none;}
#content .inner .right .minicontener .text a img{position: relative; float: right; top: -3px; right: -20px;}

#content .inner .right2{max-width: 323px; width: 100%; float: right;}
#content .inner .right2 h2{color: #7BB2C7; font-weight: normal; padding: 5px 0px 10px 0px;}
#content .inner .right2 ul{list-style-image: url('../design/public/plus-icon.png'); margin-left: 30px;}
#content .inner .right2 ul li{font-size: 16px; color: #314F85;}
#content .inner .right2 ul li a{font-size: 16px; line-height: 30px; color: #314F85; text-decoration: none;  display: inline-block; position: relative; top: -4px;}

#content .inner .right2 p{font-size: 14px; line-height: 19px; padding: 5px 0px 10px 0px;}
#content .inner .right2 p a{text-decoration: none; color: #7BB2C7;}
#content .inner .right2 p a:hover{color: #000;}


#content .inner .galleries{width: 100%; clear: both; overflow: hidden;}
#content .inner .galleries .fifty{width: 50%; float: left;}
#content .inner .galleries .fifty .galeryleft{padding: 4px 4px 4px 0px; overflow: hidden;}
#content .inner .galleries .fifty .galeryright{padding: 4px 0px 4px 4px; overflow: hidden;}
.galleries .galeria{width: 25%; position: relative; float: left;}
.galleries .galeria .galeriapadding{padding: 4px; width: 100%; box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.galleries .galeria .galeriapadding .galleriapaddinginner{position: relative;}
.galleries .galeria .galeriapadding .galleriapaddinginner .mirror{width: 100%; height: auto; line-height: 0px;}
.galleries .galeria .galeriapadding .galleriapaddinginner .mirror a{display: block; position: relative; z-index: 99;}
.galleries .galeria .galeriapadding .galleriapaddinginner .mirror img{max-width: 100%!important;}
.galleries .galeria .galeriapadding .galleriapaddinginner .thumb{position: absolute; top:0; left:0; width: 100%; height: 100%; display: block; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover;}
.galleries .galeria .galeriapadding .galleriapaddinginner .thumb .label{z-index: 999; width: 100%; height: 30px; position: absolute; left: 0; bottom: 0; background: url('../design/public/galeria-label.png') repeat;}
.galleries .galeria .galeriapadding .galleriapaddinginner .thumb .label .name{overflow: hidden;  height: 30px; color: #ffffff; position: absolute; left: 0; width: 80%; text-align: left; line-height: 30px; padding-left: 10px;}
.galleries .galeria .galeriapadding .galleriapaddinginner .thumb .label .number{color: #7BB2C7; position: absolute; right: 0; width: 40px; text-align: right; line-height: 30px; padding-right: 10px; background: url('../design/public/number-icon.png') no-repeat left top 10px;}

.galeria2{width: 100%; position: relative; float: left;}
.galeria2 .galeriapadding{padding: 0px 0px 8px 0px; width: 100%; box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.galeria2 .galeriapadding .galleriapaddinginner{position: relative;}
.galeria2 .galeriapadding .galleriapaddinginner .mirror{width: 100%; height: auto; line-height: 0px;}
.galeria2 .galeriapadding .galleriapaddinginner .mirror a{display: block; position: relative; z-index: 99;}
.galeria2 .galeriapadding .galleriapaddinginner .mirror img{max-width: 100%!important;}
.galeria2 .galeriapadding .galleriapaddinginner .thumb{position: absolute; top:0; left:0; width: 100%; height: 100%; display: block; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover;}
.galeria2 .galeriapadding .galleriapaddinginner .thumb .label{z-index: 999; width: 100%; height: 30px; position: absolute; left: 0; bottom: 0; background: url('../design/public/galeria-label.png') repeat;}
.galeria2 .galeriapadding .galleriapaddinginner .thumb .label .name{overflow: hidden;  height: 30px; color: #ffffff; position: absolute; left: 0; width: 80%; text-align: left; line-height: 30px; padding-left: 10px;}
.galeria2 .galeriapadding .galleriapaddinginner .thumb .label .number{color: #7BB2C7; position: absolute; right: 0; width: 40px; text-align: right; line-height: 30px; padding-right: 10px; background: url('../design/public/number-icon.png') no-repeat left top 10px;}

#article_galeria{overflow: hidden; width: 100%; clear: both;}
#article_galeria h3{color:#7BB2C7; font-size: 18px; margin-bottom: 10px;}
#article_galeria .galeria{width: 33.33%; position: relative; float: left;}
#article_galeria .galeria .galeriapadding{padding: 4px; width: 100%; box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
#article_galeria .galeria .galeriapadding .galleriapaddinginner{position: relative;}
#article_galeria .galeria .galeriapadding .galleriapaddinginner .mirror{width: 100%; height: auto; line-height: 0px;}
#article_galeria .galeria .galeriapadding .galleriapaddinginner .mirror a{display: block; position: relative; z-index: 99;}
#article_galeria .galeria .galeriapadding .galleriapaddinginner .mirror img{max-width: 100%!important;}
#article_galeria .galeria .galeriapadding .galleriapaddinginner .thumb{position: absolute; top:0; left:0; width: 100%; height: 100%; display: block; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover;}
#article_galeria .galeria .galeriapadding .galleriapaddinginner .thumb .label{z-index: 999; width: 100%; height: 30px; position: absolute; left: 0; bottom: 0; background: url('../design/public/galeria-label.png') repeat;}
#article_galeria .galeria .galeriapadding .galleriapaddinginner .thumb .label .name{overflow: hidden;  height: 30px; color: #ffffff; position: absolute; left: 0; width: 80%; text-align: left; line-height: 30px; padding-left: 10px;}
#article_galeria .galeria .galeriapadding .galleriapaddinginner .thumb .label .number{color: #7BB2C7; position: absolute; right: 0; width: 40px; text-align: right; line-height: 30px; padding-right: 10px; background: url('../design/public/number-icon.png') no-repeat left top 10px;}



.planbook {width: 100%; float: left;}
.planbook .galeria{width: 25%; position: relative; float: left;}
.planbook .galeria .galeriapadding{padding: 4px; width: 100%; box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.planbook .galeria .galeriapadding .galleriapaddinginner{position: relative; overflow: hidden;}
.planbook .galeria .galeriapadding .galleriapaddinginner h2.name{background: #314F85; width: 100%; float: left;}
.planbook .galeria .galeriapadding .galleriapaddinginner h2.name a{display: inline-block; padding: 0px 8px; color: #ffffff!important; font-size: 14px!important; height: 26px; text-decoration: none;}
.planbook .galeria .galeriapadding .galleriapaddinginner h2.name a:hover{text-decoration: underline;}

.planbook .galeria .galeriapadding .galleriapaddinginner .labeldetails{width: 100%; float: left;}
.planbook .galeria .galeriapadding .galleriapaddinginner .labeldetails .size{width: 50%; background: #314F85; float: left; color: #ffffff; height: 26px;}
.planbook .galeria .galeriapadding .galleriapaddinginner .labeldetails .size .inner{padding: 0px 8px; background: none!important; line-height: 26px; font-size: 14px;}
.planbook .galeria .galeriapadding .galleriapaddinginner .labeldetails .details{width: 50%; background: #7BB2C7; float: left; color: #ffffff; height: 26px; text-align: right;}
.planbook .galeria .galeriapadding .galleriapaddinginner .labeldetails .details a.linkdetails{color: #ffffff; font-size: 14px; text-decoration: none;  line-height: 26px; height: 26px; display: inline-block; }
.planbook .galeria .galeriapadding .galleriapaddinginner .labeldetails .details a.linkdetails:hover{text-decoration: underline;}
.planbook .galeria .galeriapadding .galleriapaddinginner .labeldetails .details img{position: relative; position: relative; top: 1px; margin-left: 7px; }

.cookies{width: 100%; position: fixed; bottom: 0; left: 0px; z-index: 99999; background: #000000;}
.cookies-inner{max-width: 975px; padding: 5px 10px; margin: auto; color: #ffffff; font-size: 11px;}
.cookies-inner a{color: #7BB2C7; font-weight: bold; text-decoration: none;}
.cookies-inner a:hover{ text-decoration: underline;}
.cookies-inner span{top:-11px;display: inline-block; padding: 5px 10px; position: relative; float: right; cursor: pointer; background: #314F85; color: #ffffff; font-weight: bold;}
.cookies-inner span:hover{background: #7BB2C7;}

/* CONTACT */
#contact_us{display: block;}
#contact_us .row, #contact_us .row2, #contact_us .row3{display: block; width: 100%; float: left; margin: 4px 0px;}
#contact_us .row, #contact_us .row2{border-bottom: 1px solid #cccccc; padding-bottom: 8px}
#contact_us .row label{float: left; width:20%; font-weight: bold; font-size: 14px; line-height: 19px;}
#contact_us .row input{border: 1px solid #4e5865; width: 80%; padding: 5px 10px; float: left; height: 27px;}
#contact_us .row2 label{float: left; width:50%; font-weight: bold; font-size: 14px; line-height: 19px;}
#contact_us .row2 input{border: 1px solid #4e5865; width: 50%; padding: 5px 10px; float: left; height: 27px;}
#contact_us .row2 select{border: 1px solid #4e5865; width: 50%; padding: 5px 10px; float: left; height: 27px;}
#contact_us .row3 label{float: left; width:100%; font-weight: bold; font-size: 14px; line-height: 19px; padding-bottom: 4px;}
#contact_us .row3 textarea{font-size: 14px; border: 1px solid #4e5865; width: 100%; padding: 5px 10px; float: left; height: 100px; resize: none;}
#contact_us .row3 #contact{width: 200px; border: none; background: #314F85; color: #ffffff; font-weight: bold; padding: 5px;}

#contact_us .row span.error{color:#ff0000; display: block; float: right; width: 80%; }
#contact_us .row2 span.error{color:#ff0000; display: block; float: right; width: 50%; }

/* CONTACT END */


.cls{clear: both;}
#social{width: 100%; float: left; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; padding: 8px 0px; margin: 8px 0px 0px 0px; line-height: 0px; height: 30px; }
#social #social-facebook{float: left; display: inline-block; margin-top: 5px;}
#social #social-google{float: left; display: inline-block;margin-top: 5px;}
#social #social-home{float: right; display: inline-block;}

#footer .inner{background: #ffffff; padding: 8px; overflow: hidden;}
#footer .inner #green{background: #314F85; /* IE6-9 */  padding: 20px; overflow: hidden;}
#footer .inner #green .greenrow{float: left; width: 100%;}
#footer .inner #green .greenrow:first-child{border-bottom: 1px solid #ffffff; padding-bottom: 10px; margin-bottom: 10px;}
#footer .inner #green .greenrow div{float: left; color: #ffffff; font-size: 15px;line-height: 19px;}

#footer .inner #green .greenrow div.logo{width: 20%;}
#footer .inner #green .greenrow div.telephone{width: 20%; text-align: right; padding-top: 10px;}
#footer .inner #green .greenrow div.cim{width: 37%; text-align: right; padding-top: 10px;}
#footer .inner #green .greenrow div.email{text-align: right; float: right; padding-top: 10px;}

div.footer-article{float: left; margin-left: 20px; width: 50%;}
div.footer-article table{border-left: 1px solid #fff;}
div.footer-article table tr td{padding: 10px;}
div.footer-article table tr td p{font-size: 14px!important; line-height: 19px;}
div.footer-article table tr td p a{text-decoration: none; color:#7BB2C7;}
div.footer-article table tr td p a:hover{color:#ffffff; text-decoration: none;}

#footer .inner #green .greenrow div.made{}
#footer .inner #green .greenrow div.sips{}
#footer .inner #green .greenrow div.social{float: right; text-align: right; width: 25%;}
#footer .inner #green .greenrow div.social .siteok{width: 100%; margin-bottom: 10px; margin-top: -20px; position: relative;}
#footer .inner #green .greenrow div.social img{cursor: pointer; margin-left: 8px;}

#footer .inner #green .greenrow .copyright{clear: both; font-size: 12px; color: #ffffff;}
#footer .inner #green .greenrow .copyright a{color: #ffffff; text-decoration: none;}
#footer .inner #green .greenrow .copyright a:hover{text-decoration: underline;}


@media only screen and (max-width : 1169px) {
    #header .inner .left #logo{margin: 10px auto; display: block;}
    #header .inner .left #logotext{margin: 0px auto 10px auto;  display: block;}
    #header .inner .right{max-width: none; display: block;}
    #content .inner .left{width: 100%; max-width: none;}
    #content .inner .left .inner {padding: 0px!important;}
    #content .inner .right{display: none;}
    
    #content .inner .left2{width: 60%; float: left; max-width: none;}
    #content .inner .left2 .inner{padding: 0px; border:none;}
    #content .inner .right2{width: 40%; float: left; max-width: none;}
    #content .inner .right2 .galeria2{width: 100%;}
    #content .inner .right2 .galeria2 .galeriapadding{padding:0px 0px 8px 0px;}
}

@media only screen and (max-width : 1120px) {
    #footer .inner #green .greenrow div.logo{width: 50%; float: left;}
    #footer .inner #green .greenrow div.telephone{width: 50%; text-align: right; padding-top: 10px;}
    #footer .inner #green .greenrow div.cim{clear: both;  width: 50%; text-align: left; padding-top: 10px;}
    #footer .inner #green .greenrow div.cim span{display: block;}
    #footer .inner #green .greenrow div.email{width: 50%; text-align: right; float: right; padding-top: 10px;}
}

@media only screen and (max-width : 950px) {
    .galleries .galeria{width: 50%;}
    .planbook .galeria{width: 50%;}
}


@media only screen and (max-width : 900px) {
    
    #header .inner .left #logo{margin: 10px auto; display: block;}
    #header .inner .left #logotext{margin: 0px auto 10px auto;  display: block;}
    #header .inner .right{max-width: none; display: block;}
    
    #navigation{display: none;}
    #navigation-mobil-contener{padding: 0px 8px; display: block;}
    #navigation-mobil{background: #7BB2C7; color: #ffffff; padding: 8px 10px; font-size: 16px; width:100%; outline: none; cursor: pointer; margin-bottom: 8px;}
    #navigation-mobil-menu{padding: 0px 8px;}
    /* MENU */
    #navigation-mobil-menu ul{margin-bottom: 8px; list-style: none; background: #ffffff; list-style: none; overflow: hidden; padding: 0px; width: 100%;}
    #navigation-mobil-menu ul li{padding: 8px 10px; color: #4D545C;}
    #navigation-mobil-menu ul li:hover{background: #7BB2C7; color: #ffffff;}
    #navigation-mobil-menu ul li:hover a{color: #ffffff;}
    #navigation-mobil-menu ul li a{color: #4D545C; text-decoration: none; font-size: 14px;}
    #navigation-mobil-menu ul li a:hover{color: #ffffff; text-decoration: none;}
    .menulevel_0_last{padding: 8px 10px!important;}
    #navigation-mobil-menu ul li ul{margin-bottom: 0px; background: #314F85; margin-top:12px; width: inherit;}
    #navigation-mobil-menu ul li ul li{clear: both; font-size: 14px; padding: 5px 26px; width: 100%; border-top: 1px solid #8390A0; color: #ffffff;}
    #navigation-mobil-menu ul li ul li a{display: block; max-width: 100%; font-size: 14px; color: #ffffff;}
    #navigation-mobil-menu ul li ul li a:hover{color: #ffffff;}
    #navigation-mobil-menu ul li ul li:hover{background: #7BB2C7; color: #ffffff;}
    
    /* MENU END */
    
    #content .inner .right{display: none;}
    #content .inner .left{width: 100%; max-width: none;}
    #content .inner .left .inner {padding: 0px!important;}
    #content .inner .left2{width: 100%; max-width: none;}
    #content .inner .left2 .inner{padding: 0px; border:none;}
    #content .inner .right2{width: 100%; max-width: none;}
    #content .inner .right2 .galeria2{width: 50%;}
    #content .inner .right2 .galeria2 .galeriapadding{padding:0px 4px 0px 4px;}
    
    #social{height: auto;}
}




@media only screen and (max-width : 500px) {
    .galleries .galeria{width: 100%;}
    .galeria2{width: 100%; margin-top: 8px;}
    .planbook .galeria{width: 100%;}
    #footer .inner #green .greenrow div.logo{width: 100%; float: left;}
    #footer .inner #green .greenrow div.telephone{width: 100%; text-align: left; padding-top: 10px;}
    #footer .inner #green .greenrow div.telephone span{display: block; font-weight: bold;}
    #footer .inner #green .greenrow div.cim{clear: both;  width: 100%; text-align: left; padding-top: 10px;}
    #footer .inner #green .greenrow div.cim span{display: block;  font-weight: bold;}
    #footer .inner #green .greenrow div.email{width: 100%; text-align: left; float: right; padding-top: 10px;}
    #footer .inner #green .greenrow div.email span{display: block;  font-weight: bold;}
    
    #contact_us .row label{float: left; width:100%; font-weight: bold; font-size: 14px; line-height: 19px;}
    #contact_us .row input{border: 1px solid #4e5865; width: 100%; padding: 5px 10px; float: left; height: 27px;}
    #contact_us .row2 label{float: left; width:100%; font-weight: bold; font-size: 14px; line-height: 19px;}
    #contact_us .row2 input{border: 1px solid #4e5865; width: 100%; padding: 5px 10px; float: left; height: 27px;}
    #contact_us .row2 select{border: 1px solid #4e5865; width: 100%; padding: 5px 10px; float: left; height: 27px;}
    #contact_us .row3 label{float: left; width:100%; font-weight: bold; font-size: 14px; line-height: 19px; padding-bottom: 4px;}
    #contact_us .row3 textarea{font-size: 14px; border: 1px solid #4e5865; width: 100%; padding: 5px 10px; float: left; height: 100px; resize: none;}
    #contact_us .row3 #contact{width: 200px; border: none; background: #314F85; color: #ffffff; font-weight: bold; padding: 5px;}

    #contact_us .row span.error{color:#ff0000; display: block; float: right; width: 100%; }
    #contact_us .row2 span.error{color:#ff0000; display: block; float: right; width: 100%; }
    
}
 


@media only screen and (min-width : 1170px) {
    #navigation-mobil-menu{display: none!important;}    
}