html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
/* -------------------------------------- end of the basic-styles -----------------------------------*/

body {background-color:#e6d8c3;font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif;}
h1{color:#374F72;font-size:1.2em;padding-bottom:1em;font-family:Arial, Verdana, Helvetica, sans-serif;}
nav{border-top:5px solid #374F72;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;}
strong{font-weight:bold;}

#main{max-width:1004px;margin:0 auto;}
#languages{background:white;display:inline-block;font-size:1.5em;}
#languages li{display:inline-block;padding:.3em 0;}
#languages a {color:#374F72;text-decoration:none;padding:0 .18em;}
#languages a:hover {color:#84AEE8;}
#languages .langSelected{color:#101B2B;}
#navIcon{display:inline-block;padding:.2em;}
.phone{display:inline-block;padding:.2em 0 .2em 0;}

#topmenu {position:relative;text-align:right;-webkit-flex:1;flex:1;}
#topmenu ul {display:none;color:transparent;font-size:1.2em;position:absolute;top:42px;background:rgba(230,216,195,.8);text-align:left;list-style-type:none;width:100%;z-index:10;}
#topmenu ul li {margin:0 .5em;display:block;border-bottom:1px dashed #374F72;}
#topmenu ul li a {padding:.5em;color:#374F72;text-decoration:none;display:inline-block;}

#topLeft{text-align:center;padding:.6em;background-image: -webkit-gradient(linear,right top,left bottom,color-stop(0, #1B2B44),color-stop(1, #374F71));background-image: -o-linear-gradient(left bottom, #1B2B44 0%, #374F71 100%);background-image: -moz-linear-gradient(left bottom, #1B2B44 0%, #374F71 100%);background-image: -webkit-linear-gradient(left bottom, #1B2B44 0%, #374F71 100%);background-image: -ms-linear-gradient(left bottom, #1B2B44 0%, #374F71 100%);background-image: linear-gradient(to left bottom, #1B2B44 0%, #374F71 100%);}
#lnkSat{display:inline-block;}
#lnkSat img{width:70px;}
#lnkHome{display:inline-block;vertical-align:top;}
#flowers{display:none;}
.flexslider{margin:0;border:0;}

#content{border-top:7px solid #374F72;}
#contentLeft{text-align:center;padding:1em .5em;position:relative;}
#contentRight{padding:0 .5em .5em .5em;}
#contentRight p {padding:.5em 0;color:#374F72;font-size:.8em;line-height:1.5em;}
#contentRight a{color:#374F72;}
#contentRight a:hover{color:black;}

.news{background:url('../images/bgnews-small.png') no-repeat;width:110px;height:67px;display:inline-block;color:#580000;font-weight:bold;position:absolute;/*top:-45px;right:20px;*/z-index:10;}
.news p{font-size:.74em;padding-top:1.2em;}
.en{background-image:url('../images/bgnews-small-en.png');}
#lnkPartner{text-align:right;padding:1em 0;}
#lnkPartner img { max-height:50px; margin:auto 5px; }

footer{background:#e6d8c3 url('../images/bgfooter.gif') left bottom repeat-x;padding-top:1em;}
#pictures, #impressum, #FrmBook{padding:0 .5em;font-size:.7em;}
#pictures > a img{max-width:100%;height:auto;width:49.3%;padding-bottom:.3em;}
#pictures > a img:hover{opacity:.8;}

#FrmBook{padding:.5em;}
.BookInput{width:70px;font-size:1.04em;vertical-align:middle;}
.frmRow:nth-child(2){padding-left:.5em;}
.frmRow {display:inline-block;line-height:30px;}
.frmRow span {display:inline-block;color:white;}
.frmRow a {display:inline-block;}
#imgVom, #imgBis{vertical-align:middle;}
#BtnRequest {display:inline-block;background:url('../images/booksend.gif') center center; width:23px; height:16px; margin-left:3px;vertical-align:middle;}
#BtnRequest:hover {background:url('../images/booksend01.gif');}

#impressum{color:white;padding:1em .5em;}
#impressum a{color:white;text-decoration:none;}

.picsStoria figure{display:inline-block;}
.picsStoria figcaption{color:#374F72;text-align:center;padding-bottom:.3em;}
.picsStoria figure{max-width:100%;height:auto;width:49.3%;padding-bottom:.3em;}
.picsStoria img{width:100%;height:auto;}

.opener{background:#374f72 url('../images/minus.gif') 5px no-repeat;cursor:pointer;padding-left:1.5em; padding-right:.5em; margin:.2em 0;}
#contentRight .opener p{color:white;}
.boxes{display:none;}
.boxes img{float:left;padding:.5em .5em .5em 0;}
#contentRight .boxes p{padding:.6em 0;}
h3{color:#374F72;font-weight:bold;font-size:.8em;padding-top:.6em;}
#contentRight #box4 p, #contentRight #box5 p{padding-top:0;}
.right{text-align:right;padding:1em 0;font-size:.8em; color:#374F72;}
.right a {color:#374F72;cursor:pointer;}
.right a:hover {color:black; text-decoration:none;}
#imgMap{max-width: 100% !important;height: auto;padding-top:1em;}

.tblPrices{font-size:.8em;color:#374F72;margin:1em 0;width:100%;}
.tblPrices th{font-weight:bold;text-align:right;padding:.5em;}
.tblPrices th:nth-child(2),.tblPrices th:nth-child(3){width:150px;}
.tblPrices td{ background-color:#D8C8B1;padding:.5em;}
.tblPrices td:first-child{font-weight:bold;}
.tblPrices td:nth-child(2),.tblPrices td:nth-child(3){text-align:right;}

#contentRight #privacy {font-size:.7em;color:#65331C;text-align:justify;padding:1em 0;}
#Form1{font-size:.8em;color:#374F72;}
#Form1 td {padding:.5em 0;padding:.25em; line-height:1em;border:#e6d8c3 solid 1px;}
#Form1 img {vertical-align:middle;}
#Form1 textarea{min-width:170px;}
#TxtDal,#TxtAl{vertical-align:middle;font-size:.9em;}
.txtInput{width:172px;font-size:.8em;}
.txtShort{width:50px;}

.tblGuestbook table td{padding:0 .25em .25em .25em;border:1px solid #e6d8c3;}
.tblGuestbook table td img{vertical-align:middle;}
.tblGuestbook table input[type=button]{vertical-align:middle;margin-top:.2em;}

#lnkCustomer{font-weight:bold;background:url('../images/gallery_icon.jpg')right no-repeat;padding:3em 8em 3em 0;}
#tblGallery{margin-top:3.5em;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-items: center;align-items: center;}
.images{display:inline-block;text-align:center;background-color:#D8C8B1;-webkit-flex:none;flex:none;padding:2px;margin:2px;-webkit-flex:initial;flex:initial;width:47.2%;}
.images img{border:1px solid #374f72;width:98%;}
.tblGalleryPaging{margin-left:.05em;width:99%;}
.tblGalleryPaging td{border:1px solid #e6d8c3;padding-bottom:.25em;}
.lnkMail{font-size:.8em;}
.fromright{padding-right:.5em;}

#partner{color:#374F72;font-size:.75em;}
#partner span{font-weight:bold;}
#partner li{background-color:#D8C8B1;padding:.5em;}
#partner li:nth-child(2n){background-color:#eee5d8;}



/* ---------------------- responsive details ------------------------ */
@media screen and (min-width: 345px) {
	#lnkSat img{width:88px;}
	#lnkCustomer{padding-right:9em;}
}

@media screen and (min-width: 480px) {
	#pictures > a img{width:24.3%;}
	.picsStoria figure{width:32.6%;}
	.images{width:31.5%;}
	#partner{font-size:.8em;}
	#partner span{width:200px;display:inline-block;}
}

@media screen and (min-width: 641px) {
	#pictures > a img{width:150px;}
	.picsStoria figure{width:16.1%;}
	.images{width:23.2%;}
	#partner span{width:220px;}
}

@media screen and (min-width: 768px) {
	#navIcon, .phone{display:none;}
	#languages{font-size:.8em;position:absolute;top:50px;background:none;margin-left:.6em;z-index:10;}
	#topmenu ul {display:block;font-size:.8em;position:static;background:none;}
	#topmenu ul li {margin:0;display:inline-block;border-bottom:0;}
	#topmenu ul li a {padding:.99em .3em;}
	#topmenu ul li:first-child a{margin-left:.8em;}
	#topmenu ul li a:hover,.menuSelected {background-color:white;}
	#languages a {color:#84AEE8;}
	#languages a:hover {color:#354D6E;}
	#languages .langSelected{color:white;}
	
	#top{display:-webkit-flex;display:flex;}
	#topLeft{max-width:285px;min-width:285px;width:285px;position:relative;}
	#lnkHome img{margin-top:50px;}
	#lnkSat{position:absolute;top:10px;right:5px;}
	
	#content{display:-webkit-flex;display:flex;}
	#contentLeft{max-width:285px;min-width:285px;width:285px;}
	.news{background:url('../images/bg_news.gif') 5px no-repeat;width:229px;height:137px;position:static;margin-top:1em;}
	.news p{font-size:.8em;padding-top:3em;}
	#contentRight{padding:1em .5em 1em .1em;width:100%;}
	h1{padding-top:.7em;}
	#flowers{display:inline-block;position:absolute;z-index:10;left:0;bottom:0;width:400px;height:auto;}
	.txtInput{width:232px;}
	.txtOther{width:230px;}
	.txtShort{width:50px;}
}

@media screen and (min-width: 850px) {
	#flowers{width:600px;}
	.tblGalleryPaging{width:96.7%;}
}

@media screen and (min-width: 950px) {
	.picsStoria figure{width:150px;}
}

@media screen and (min-width: 1000px) {
	.images{width:160px;}
}

@media screen and (min-width: 1024px) {
	body {background-color:#e6d8c3;background-image: url('../images/bgl.jpg'), url('../images/bgr.jpg');background-position:left top, right top;background-repeat: no-repeat, no-repeat;}
	#content, nav{background-color:#e6d8c3;}
	#topmenu ul li a{padding: 1.44em 1.2em;}
	#topmenu ul li:first-child a{margin-left:.76em;}
	#languages{top:60px;margin-left:.6em;}
	#flowers{width:760px;}	
	.fromright{padding-right:2em;}
}