* {
	margin: 0;
	padding: 0;
	border: 0;
}

body {
	font-family: "Athiti", sans-serif;
	font-size: 16px;
	color: rgb(0,0,0);
	line-height: 1.4em;
	font-weight: 400;
	background: rgb(255,255,255);
}

h1 {
	font-family: "Amiri", serif;
	font-size: 34px;
	font-style: 400;
}

.home h1 {
	font-family: "Amiri", serif;
	font-size: 38px;
	font-style: 400;
}

h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	font-family: "Amiri", serif;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 1em;
}

h2 { font-size: 24px; padding-bottom: 20px; position: relative; }
h3 { font-size: 20px; padding-bottom: 15px; line-height: 1.3em; }
h4 { font-size: 18px; padding-bottom: 5px; }
h5 { font-family: "Athiti", serif; font-size: 18px; font-weight: 700; padding-bottom: 10px; text-transform: none; }
h6 { font-family: "Athiti", sans-serif; font-size: 16px; padding-bottom: 5px; }

h5,
h6 { line-height: 1.3em; }

p { margin: 0; }

.content p a {
	text-decoration: underline;
}

a {
	color: rgb(100,100,100);
	text-decoration: none;
}
a:hover {
	color: rgb(0,0,0);
}

table { width: 100%; }
table th { padding-bottom: 10px; text-align: left; vertical-align: top; }
table td { padding: 0 0 10px 10px; vertical-align: top;  }

ul li { list-style: square; }

hr { height: 1px; margin: 10px 0 30px; background: rgb(200,200,200); border: 0; }

.btn {
	display: none !important;
}

#container {
	width: 100%;
	max-width: none;
	margin: 0 auto;
	background: rgb(255,255,255);
	box-shadow: 0px 0px 0px;
}

.fa.fa-skype,
.fa.fa-phone,
.fa.fa-mobile,
.fa.fa-fax,
.fa.fa-print,
.fa.fa-envelope {
	width: 22px;
	padding-right: 5px;
	text-align: center;
}

.fa.fa-skype { font-size: 22px; color: rgb(0, 167, 228); }
.fa.fa-phone { font-size: 20px; }
.fa.fa-mobile { font-size: 24px; }
.fa.fa-fax { font-size: 20px; }

#myModal,
.modal.fade .modal-dialog,
.info_button {
	display: none;
}


/* !#header */
/* --------------------------------------------------------------- */
#header {
	position: relative;
	width: 100%;
	max-width: none;
	background: transparent;
}
#header .logo_desktop,
#header .logo_mobile {
	position: static;
	width: 300px;
}

.sloagen {
	position: absolute;
	left: 71px;
	top: 44px;
	font-family: "Athiti", sans-serif;
	text-transform: lowercase;
	font-size: 13px;
}

#header .logo_mobile { display: block; }
#header .logo_mobile .sloagen { color: rgb(0,0,0); }

#header .logo_desktop h1,
#header .logo_mobile h1 {
	margin: 0;
	font-size: 33px;
	font-weight: 400;
	color: rgb(255,255,255);
	letter-spacing: 1px;
	line-height: normal;
	text-transform: uppercase;
}

#header .logo_desktop h1 a,
#header .logo_mobile h1 a {
	position: relative;
	display: block;
	padding: 17px 0 17px 64px;
	color: rgb(33, 44, 48);
	line-height: 1em;
	height: auto;
}

#header .logo_desktop h1 a,
#header .logo_desktop h1 a:hover {
	color: rgb(255,255,255);
	text-decoration: none;
}
#header .logo_desktop h1 .logo_img,
#header .logo_mobile h1 .logo_img {
	display: inline-block;
	position: absolute;
	width: 50px;
	height: 50px;
	left: 10px;
	top: 12px;
	height: auto;
	z-index: auto;
}
#header .logo_desktop h1 .logo_img img,
#header .logo_mobile h1 .logo_img img {
	display: inline-block;
	width: 50px;
	height: auto;
}

#header .search_button,
#header .language { display: none; }

#header .header_info {
	position: static;
	width: 100%;
	height: auto;
	padding: 15px;
	background: transparent;
}
.index #header .header_info {
	width: auto;
	left: 108px;
	top: 21%;
	padding: 0;
	background: transparent;
}
.index #header .header_info p {
	font-size: 16px;
}

#header .header_info h3 {
	color: rgb(250,250,250);
}
#header .header_info p {
	padding-bottom: 10px;
	font-size: 16px;
	color: rgb(250,250,250);
}

#header .headerimg_box {
	position: relative;
	width: 100%;
	height: auto;
	margin-bottom: 40px;
	background: transparent;
}

.settings { display: none; }
.search_button a.button { display: block; width: 24px; height: 24px; font-size: 20px; text-align: center; }
.search_button a.button .fa { color: rgb(255,255,255); }

ul.language { display: none; }
.btnc.close { display: none; }

#header { max-height: none; height: auto; }

.logo_desktop,
#header .mobile .menutoggle,
#header .headerimg_box #mainnavi .navi,
#header .headerimg_box #desctopnnavi .navi,
#header .headerimg_box #desctopnnavi .desctop ul,
#header .headerimg_box #mainnavi,
#header .headerimg_box #desctopnnavi,
#header .headerimg_box #mainnavi li,
#header .headerimg_box #desctopnnavi li,
#header .headerimg_box #mainnavi li a,
#header .headerimg_box #desctopnnavi li a,
#header .header_image,
#header .headerimg_box img,
#header .bxslider,
#header .bx-wrapper,
#header .headerimg {
	display: none;
}




/* !#content */
/* --------------------------------------------------------------- */
#content {
	width: auto;
	margin: 0;
	padding: 0 0 35px;
	background: rgb(255,255,255);
	position: relative;
}

#content .content {
	padding: 0;
	overflow: hidden;
}

#content .content p {
	padding-bottom: 1.7em;
}

#content .content ul,
#content .content ol {
	padding: 0 0 15px 24px;
	overflow: hidden;
}

#content .content .chapter {
	margin-bottom: 15px;
	padding-bottom: 15px;
}
#content .content .chapter .content_img {
	float: left;
	width: 25%;
	height: auto;
	padding: 0 15px 15px 0;
}

#content .content .chapter .content_img img {
	width: 100%;
	height: auto;
}

#content .content p .logo {
	font-family: "Amiri", serif;
	font-size: 16px;
	font-weight: 400;
}

#content .content .gallery { padding: 0; }
#content .content .gallery li { float: left; position: relative; list-style: none; width: 200px; height: auto; }
#content .content .gallery li a { display: block; width: auto; height: auto; padding: 0 10px 10px 0; line-height: 0; }
#content .content .gallery li .tag { display: block; font-size: 12px; width: 100%; height: 60px; line-height: 1.3em; }
#content .content .gallery li .tag p { padding: 0 10px 0 0; }
.lb-caption .copy { font-size: 12px; color: rgb(120,120,120); }
#content .content .gallery li a img { width: 100%; height: auto; }

#content .content .chapter .categorie { margin: 0 0 30px; }
#content .content .chapter .categorie .topic_contentbox_img {
	float: left;
	width: 250px;
	margin: 0 20px 10px 0;
}
#content .content .chapter .categorie .topic_contentbox_img img {
	width: 100%;
	height: auto;
}
.tpl_ID_15 #content .content .chapter .categorie {
	padding: 20px 0;
}
.tpl_ID_15 #content .content .chapter .categorie .tag {
	padding: 5px 0 0;
	font-size: 12px;
	line-height: 1.3em;
}
.tpl_ID_15 #content .content .chapter .categorie .tag p {
	padding: 0;
}

.tpl_ID_13 #content .content .chapter .categorie { padding: 15px 0; border-top: 1px solid rgb(200,200,200); border-bottom: 1px solid rgb(200,200,200);  }

.tpl_ID_11 #content .map_container { position: relative; clear: left; padding: 15px; max-width: 210px;  }
.tpl_ID_11 #content .map_container .map {
	position: static;
	width: 100%;
	height: 100%;
}
.tpl_ID_11 #content .map_container .map li { list-style: none; }
.tpl_ID_11 #content .map_container .map li.town { position: absolute; left: 0; bottom: 0; font-size: 12px; line-height: normal;  }
.tpl_ID_11 #content .map_container .map li.town.hanoi { left: 54%; bottom: 81.7%; }
.tpl_ID_11 #content .map_container .map li.town.saigon { left: 66%; bottom: 9%; }


/* !#sidenavi */
/* --------------------------------------------------------------- */
#content #sidenavi { display: none; }
.sidenavi { display: none; }

.tpl_ID_6 #content .content .topic_contentbox_img { float: left; margin-right: 20px; margin-bottom: 10px; } 

.ueber_uns #content #sidenavi li a.ueber_uns { 
	color: rgb(0,0,0);
	background: rgb(246, 247, 250);
}


/* !.topics */
/* --------------------------------------------------------------- */
.topics .topic { float: none; width: 100%; min-height: none; }

#content .content .chapter .categorie:nth-child(2),
#content .content .chapter .categorie:nth-child(3),
#content .content .chapter .categorie:nth-child(4),
#content .content .chapter .categorie:nth-child(5),
.topics .topic:nth-child(3) {
	display: block;
	page-break-before: always;
}

.topics .topic .topic_contentbox { margin-bottom: 30px; padding: 0; }
.topics .topic .topic_contentbox ul { padding: 0 0 10px 20px; }
.topics .topic .topic_contentbox .teaser { float: left; width: 50%; }
.topics .topic .topic_contentbox .teaser ul li { list-style: square; }
.topics .topic .topic_contentbox .teaser p { padding: 0 15px 15px 0; }
.topics .topic .topic_contentbox .topic_contentbox_img { float: right; width: 50%; }
.topics .topic .topic_contentbox .topic_contentbox_img a { display: block; }
.topics .topic .topic_contentbox .topic_contentbox_img a img { width: 100%; height: auto; max-height: none; }

#page_ID_3 .topics.content .topic { float: left; width: auto; margin-bottom: 33px; overflow: hidden; }
#page_ID_3 .topics.content .topic .topic_contentbox { padding: 0 20px 20px 0; }
#page_ID_3 .topics.content .topic .topic_contentbox .topic_contentbox_img { float: left;  }
#page_ID_3 .topics.content .topic .topic_contentbox .topic_contentbox_img img { max-height: none; }
#page_ID_3 .topics.content .topic .topic_contentbox .teaser p { padding: 0 0 15px 15px; }
#page_ID_3 .topics.content .topic .topic_contentbox .teaser .btn { margin-left: 15px; }
#page_ID_3 .topics.content .topic:nth-child(4) .topic_contentbox .topic_contentbox_img img { max-height: 300px; }

.lb-data .lb-caption {
	font-family: "Athiti", sans-serif;
	font-size: 18px !important;
	font-weight: 400 !important;
}

.content .eform {
	float: left;
	width: 50%;
}
.content .address {
	float: right;
	width: 50%;
}

#_emoaddrId2 a { height: auto; color: rgb(33, 44, 48); }


.content .eform { display: none; }
.content .address { float: none; width: 100%; margin-bottom: 40px; }


/* !#footer */
/* --------------------------------------------------------------- */
#footer {
	width: 100%;
	max-width: none;
	margin: 0 auto;
	padding: 0;
	background: rgb(255,255,255);
}
#footer .column { float: left; width: 50%; }
#footer .column ul,
#footer .subnavi {
	display: none;
}
#footer .subnavi li { margin: 0; list-style: none; }
#footer .address {
	position: relative;
	padding: 10px;
	font-size: 14px;
	line-height: 1.7em;
	color: rgba(0, 53, 81,0.7);
}
.content .address a,
#footer .address a {
	display: inline-block;
	color: rgb(130, 148, 165);
	height: 14px;
}
.content .address a .fa,
#footer .address a .fa {
	display: inline-block;
	padding: 3px 5px 5px 1px;
	font-size: 10px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}
.content .address a .fa { color: rgb(33, 44, 48); }
.content .address a .fa:hover,
#footer .address a .fa:hover { color: rgb(33, 44, 48); }
#footer .right { float: right; }
#footer .copy {
	padding: 15px 50px 15px 15px;
	font-size: 14px;
	line-height: 1.7em;
	color: rgba(0, 53, 81,0.7);
}


/* !clearfix */
/*-------------------------------------------------------------- coda -*/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix { display: block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
* html #footer{ margin-bottom:-1px }/* ie rounding bug*/
/* mac hide \*/
* html #footer { /*only ie gets this style*/ height:82px; /* for ie*/ }
/* end hide*/