@charset "utf-8";

body {
	background-color: #eeeeee;
	color: #958e8d;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	margin: 0px;
	padding: 0px;
	background-image: url(../bilder/bg-siam-thaispa.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	}

.container {
	width: 100%;
	max-width: 1007px;
	min-width: 1007px;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
	background-color: #FFF;
	margin-bottom: 10px;
	-webkit-box-shadow: 0px 13px 10px 3px rgba(176,176,176,1);
	-moz-box-shadow: 0px 13px 10px 3px rgba(176,176,176,1);
	box-shadow: 0px 13px 10px 3px rgba(176,176,176,1);
}
.header {
	max-width: 998px;
	width: 100%;
	width: 998px;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	/*border-left: 5px solid #FFF;
	border-right: 5px solid #FFF;*/
	/*-webkit-box-shadow: 0px -13px 10px 3px rgba(176,176,176,1);
	-moz-box-shadow: 0px -13px 10px 3px rgba(176,176,176,1);
	box-shadow: 0px -13px 10px 3px rgba(176,176,176,1);*/
}

.social{width: 12%;
	    float:right;
		padding-right: 5%;
		margin-top: -7px;
		list-style-type:none;
		}	
img {
	max-width: 100%;
	height: auto;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
#navi {
	width: 275px;
	background-image: url(../bilder/bg-navi.jpg);
	background-repeat: no-repeat;
	height: 470px;
	float: left;
	border: 5px solid #FFF;
}

#navi ul {
	text-align: left;
	list-style-type: none;
	margin: 0px;
	padding-top: 200px;
	padding-bottom: 0.3em;
	width: 75%;
	padding-right: 1%;
	padding-left: 2em;
}
#navi ul li {
	color: #FFFFFF;
	display: block;
	font-size: x-large;
	padding-right: 4%;
	padding-left: 4%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	padding-top: 2%;
	padding-bottom: 2%;
}
#navi ul li a {
	color: #FFFFFF;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding-top: 16px;
	padding-bottom: 16px;
}#navi ul li a.active {
}

a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover, a:active, a:focus {
}

.container #content {
	margin-right: 0%;
	margin-left: 0%;
	width: 100%;
	min-width: 758px;
}
#content .fLeft3 {
	float: left;
	width: 70%;
}
#content .top {
	position: relative;
	float: left;
}
.container #content .top .pos1 {
	position: absolute;
	right: 1%;
	bottom: -135px;
	/*left: 3%;
	bottom: -85px;*/
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	z-index: 1000;
}
.container #content .top .pos2 {
	position: absolute;
	right: 40%;
	bottom: -55px;
	/*left: 3%;
	bottom: -85px;*/
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	z-index: 1000;
}

.container #content .top .pict {
	float: right;
	margin-right: 3px;
}

.container #content .top .top{
	border: 5px solid #FFF;
	margin-right: auto;
	margin-left: auto;
}
.container #content .top2 {
	padding-bottom: 385px;
	overflow: hidden;
	position: relative;
	height: 0px;
}
.container #content .top2 iframe {
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	border: thick solid #FFF;
}


h1, h2, h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 177%;
	color: #a73a3c;
	padding-left: 6%;
	padding-bottom: 0%;
	margin-bottom: 1%;
}
h1 {
	font-size: large;
	padding-top: 0%;
	margin-top: 0%;
}
h2 {
	font-size: x-large;
	padding-top: 0%;
	margin-top: 0%;
}
#content .fRight {
	float: right;
	margin-right: 4px;
	margin-top: 8.7%;
	position: relative;
	margin-left: 0.5%;
}
.ind {
	margin-left: 25px;
}

.container #content .fLeft {
	float: left;
	width: 55%;
}
.container #content .fLeft table {
	width: 100%;
}
.container #content .fLeft img {
	width: 98%;
}



#content .fRight .address p {
	font-size: 127%;
	padding-left: 3%;
}

#content .fRight img {
	
	border-left-style: solid;
	border-left-color: #eeeeee;
}
#content .fRight .address {
	width: 250px;
	position: absolute;
	left: 20px;
	top: 10px;
	padding-top: 50px;
}
#content .fRight .address .fg strong{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 107%;
}

.container #content .fRight .address p {
	color: #bd5752;
}
.container #content table {
	margin-bottom: 2em;
	margin-top: 1em;
	font-size: x-large;
	color: #553520;
	margin-left: 0%;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding-left: 6%;
}
p {
	font-size: 127%;
	color: #553520;
	padding-left: 6%;
	padding-right: 6%;
}
#kontaktformular{width:100%;max-width:700px;}
#kontaktformular fieldset{margin-left:20px;padding-left:20px;margin-top:25px;margin-right:15px;padding-top:15px;padding-right:20px;padding-bottom:15px;margin-bottom:10px;}
#kontaktformular fieldset .submit{}
#map{padding-left:20px;margin:25px 20px 10px 0px;padding-top:0px;padding-right:20px;padding-bottom:15px;}
.formLeft{float:left;width:147px;padding-left:15px;padding-top:0px;padding-bottom:0px;margin-top:3px;text-align:left;}
.formRight{padding-top:5px;padding-bottom:5px;}
#kontaktformular{width:54http:5px;}
#kontaktformular fieldset .submit{margin-top:10px;margin-bottom:10px;color:#8C2B32;background-color:#eee;padding-top:3px;padding-right:5px;padding-bottom:3px;padding-left:5px;border-top-width:2px;border-right-width:2px;border-bottom-width:2px;border-left-width:2px;border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:#EDEDED;border-right-color:#bbbbbf;border-bottom-color:#bbbbbf;border-left-color:#EDEDED;}
#kontaktformular fieldset .submit:hover{color:#C37C52;}
#kontaktformular fieldset .input{height:19px;width:71.8%;margin-top:3px;background-color:#fff;}
#kontaktformular fieldset .input2{height:215px;width:445px;margin-top:5px;background-color:#fff;}
#content ul.min {
	font-size: medium;
	padding-left: 6%;
	color: #483931;
}
#content ul.min li {
	list-style-type: none;
}
#content a {
	color: #958E8D;
}
#content a.rd {
    color: #A73A3C;;
}


img.nb {
	border: 0px none #FEEED2;
}


#footer {
	background-image: url(../bilder/bg-footer.jpg);
	background-repeat: repeat-x;
	height: 34px;
	width: 99%;
	clear: both;
	text-align: center;
	font-size: 77%;
	background-color: #217900;
	border-top-width: thick;
	border-right-width: thick;
	border-bottom-width: 10px;
	border-left-width: thick;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFF;
}

.footer a {
    color: #C37C52;
    text-decoration: none;
    padding-right: 20px;
    padding-left: 20px;
    outline: medium none;
    margin-bottom: -2px;
}

#footer a {
    color: #eeeeee;
	text-shadow: 0px 0px 1px #666;
	}

#footer .footer-social {
	float: right;
	margin-top: 17px;
	margin-right: 10px;
	margin-bottom: 0px;
}
#footer .footer-social li, #footer .footer-info li {
	list-style-type: none;
	display: inline;
	padding-right: 5%;
	padding-left: 5%;
	padding-bottom: 10px;
}
#footer .footer-info {
	margin-top: 10px;
}



#footer .footer-social li a img {
	border: 0px none #9C1D76;
}




.fLeft {
	float: left;
}

#content .fLeft2.click {
	position: absolute;
	left: 0%;
	top: 40%;
	}

#content .fRight2.click {
	position: absolute;
	right: 0%;
	top: 40%;
	transition: background-color .3s, color .15s, box-shadow .3s, opacity 0.3s, filter 0.3s;
}
 a.big {
	font-size: 6em;
	color: #fff;
	display: inline-block;
	text-align: center;
	height: 120px;
	width: 80px;
	cursor: pointer;
	overflow: hidden;
	border-radius: 50%;
}

.wrap {
	display: table;
	height: 100%;
	position: absolute;
	overflow: hidden;
	width: 100%;
	padding-bottom: 0; /*45px;*/
	}

.hlp {
	display: table-cell;
	vertical-align: middle;
	}
.intro {
	margin: 0 auto;
	width: 400px;
	padding-bottom: 0px;
	background-color: #FFF;
	border: 10px solid #FFF;
	}


.clr {
	clear: both;
	}

a {color: white;}

.intro h1, .intro h2, intro h3 {
	font-size: 128%;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	margin: 0px;
	padding: 0px;
}
.intro h1 {margin-bottom: 10px;}
.intro h3 {font-size: 93%;}
.intro2 {
	background-color: #9b1d75;
	color: #FFF;
	padding-top: 20px;
	padding-bottom: 20px;
}

@media (max-width: 765px){
h1 {
    font-size: 133%;
}
	p {
    font-size: 155%;
}
#content .fRight .address p {
    font-size: 144%;
    padding-left: 1%;
}
#content .fRight .address {
	padding-top: 30px;
}
#navi ul {
    padding: 160px 1% 0.3em 2em;
}
#navi ul li {
    padding: 4% 4%;
}
#navi ul li a {
    padding-top: 24px;
    padding-bottom: 24px;
}
.ind {
    margin-left: 0px;
}
p .rd.ind{
    font-size: 95%;
}
#footer {
    font-size: 100%;
}
}
/*@media (max-width: 1024px){
.container {margin:0;}
.container #content {
	margin-right: 4.5%;	margin-left: 3%; width: 92.5%; min-width: 720px;}
h1, h2, h3, p {padding-left: 3%;}
.container #content .fLeft {width: 52%;}
.container #content .top .pos1 {right: 7%;}
#content .fRight { margin-right: -5%; margin-left: 1%;}
#navi ul li {
    padding-right: 3.7%;
    padding-left: 3.7%;
}}
.rd {
	color: #a73a3c;
}
#content .fLeft3 iframe {
	padding-left: 5px;
}
}*/.red {
	color: #a73a3c;
}