html
{
	width: 100%;
	height: 100%;
}
body
{
	min-width: 100%;
	min-height: 100%;
	background: white;
	font-family:'Open Sans';
    margin:0;
}

br{
	margin-bottom: 0.6%;
}

figure{
	display: inline-block;
}

figcaption{
	
}

section.exp-pic figure img{
	display: block;
}

article section aside table caption.fett, tr.fett{
	font-weight: 600;
}

a, a:visited, a:active{
    color:#008;
}

a:hover{
    color:#E00;
}

header{
	background:	#115;
	width: 100%;
	text-align: center;
	border-bottom: 3px white solid;
}

nav{
	width: 100%;
	background: #666;
	text-align: center;
	padding:0.1% 0 0.1% 0;
	border-bottom:1px solid #008;
    font-family: "Noto Sans Balinese Regular";
}

nav a, nav a:visited, nav a:active
{
	color: #fff;
	text-decoration: none;
}

nav ul{
	margin: auto;
	padding-left:0;
}

nav ul li{
    color: #008;
    font-size: 18px;
	line-height: 25px;
    /*text-align: left;*/
    display: inline-block;
	width: auto;
	min-width: 15%;
	max-width: 45%;
	padding-left: 0;
    list-style: none;
    
}

hr{
	border:0px;
	border-top: 1px #009 solid;
	width: 80%;
	height:0px;
	margin: 1.3% auto;
}

section
{
	width: 100%;
	height: auto;
	max-height: 100%;
    overflow: hidden;
    padding-bottom:2%;
}

section h1, article h1{
    font-family: "Noto Sans Balinese Medium";
    font-weight: normal;
	 line-height: 35px;
    margin:0.8% 1% 0.1% 1%;
	 /*border: 1px #050 solid;*/
}

section h2, article h2{
    font-family: "Noto Sans Balinese Medium";
    font-weight: normal;
	 line-height: 30px;
	 font-size: 20px;
    margin:0.8% 1% 0.3% 1%;
	 /*border: 1px #050 solid;*/
}

article section aside{
	width: auto;
	min-width: 35%;
	max-width: 40%;
	margin-right:4%;
	margin-left: 2%;
	border:1px solid #ddd;
	float: right;
	background: #fafaff;
	
}

article section aside table{

}

article section table{
    width: 98.5%;
    border-top: 1px solid black;
    border-collapse: collapse;
    margin: 1% auto;
}

article section table td{
	width: 25%;
}

section p{
	margin: 0.3% 1%;
}

section p.col{
	width:35%;
	float: left;
   margin: 0.5% 1% 0.7% 1%; 
}

section p.top{
	width: 100%;
	float: none;
}

section div dl{
    margin: 0.8%;
}

section div dl dd, section div dl dt{
    text-align: left;
}

section div dl dd{
    margin-bottom: 0.3%;
}

section.offer h1{
    margin-bottom:0.5%
}

section.color, section.timeline{
    background: #eaeaea;
    border-top: solid 1px #ccd;
	border-bottom: solid 1px #ccd;
}

section.offer div{
	margin: 0% 0.5% 0.4% 0.5%;
	
	/*width: 48.3%;*/
	width: auto;
	/*float:left;*/
    border:solid 1px #ccd;
    background:#eeeef7;
    text-align: center;
}

section.offer div h1{
    font-family: "Noto Sans Balinese Medium";
    font-style: italic;
	font-size: 18px;
	line-height: 20px;
	margin: 0.8%;
}

section.offer div img{
	width: 100%;
}

section.offer div table{
    width: 95%;
    border-top: 1px solid black;
    border-collapse: collapse;
    margin: 1% auto;
}

article section table caption, section.offer div table caption{
    line-height: 30px;
}

section.offer div table td{
    width: 50%;
    text-align: left;
    /*border: 1px solid black;*/
    
}

section.timeline{
	padding-left:1.5%;
	width: 98.5%;
}

section.timeline p{
	width: auto;
	max-width:32%;
	float: left;
	margin:0% 0.12% 0% 0.20%;
	border-right:1px solid #667;
	padding-right: 0.5%;
}

section.exp-pic{
	padding-bottom: 1%;
}

section.exp-pic img, section.exp-pic figure{
	display: inline-block;	
	width: auto;
	max-width: 33%;
	height: auto;
	max-height: 1%;
	margin:0 0.12% 0 0.12%;
	
}

section.exp-pic figure img{
	max-width: 100%;
}

section.exp-pic figure figcaption{
	font-size: 15px;
	}

section.timeline p, section.timeline h1{
	margin:0.12%;
}

section.timeline h2{
	margin: 0.3%
}

section.timeline img{
	display: inline-block;	
	width: auto;
	max-width: 32%;
	height: auto;
	max-height: 1%;
	margin:0 0.12% 0 0.12%;
	
}

section.timeline img.pano{
	max-width:97%;
}

article section p{
	max-width:60%;
	margin-bottom: 0.5%;
}

article section h2{
	
}

footer{
	/*background: #fff;*/
	background: #eaeaea;
	border-top:1px solid #009;
	padding-top:1%;
	padding-bottom: 1%;
	float: left;
	width: 100%;
	color: #000;
}

footer p.data
{
	display: block;
}

footer p {
    display: inline-block;    
    width: auto;   
}

@media only screen{
header img{
	width:60%;
	margin: 15px 0 15px 0;
}

footer p{
	margin: 0.3% 1%;
	min-width: 25%;
	max-width: 32%;
}

footer p.data
{
	display: block;
}
	
}

section img.willkommen{
	width: 50%; float:left; margin: 0.3% 1%;
}

@media only screen and (max-width:1280px){
header img{
	width:80%;
}

article section aside{
	width: auto;
	min-width: 45%;
	max-width: 45%;
	margin-right:4%;
	margin-left: 2%;
}

article section p{
	max-width: 95%;
	margin-bottom: 1%;
}

nav ul li{
	min-width: 18%;
}

hr{
	margin-top: 2.5%;
}

footer p{
	margin: 0.8% 1%;
	min-width: 45%;
	max-width: 50%;
}

section.exp-pic img{
	max-width: 49%;
	height: auto;
	max-height: 1%;
	margin:0 0.2% 0 0.2%;
	
}

footer p.data
{
	display: inline-block;
}
	
}

@media only screen and (max-width: 1024px){
header img{
	width:90%;
}

section img.willkommen{
	width: 60%;
}

nav ul li{
	min-width: 23%;
}

article section aside{
	width: auto;
	min-width: 40%;
	max-width: 45%;
	margin-right:4%;
	margin-left: 2%;
}

section h1{
    margin:1.2% 1% 1.6% 1.1%;
}

section p, sectionp.col{
   margin: 0.5% 1.2% 0.7%; 
}

section.offer div{
	width: 98%;
	margin: 0.5% 0.8%;
}

footer p{
	margin: 0.8% 1% 0.8% 1.5%;
	}
	
}


@media only screen and (max-width: 800px){

section img.willkommen{
	float: none;
	width: 98%;
}

section p{
	margin: 0.7% 1% 1%;
}

section p.col{
	width:75%;
   margin: 0.7% 1% 1%;
}

section.timeline p, section.timeline img{
	max-width:49%;
}

section h1, article h1{
	margin-top: 1.5%;
	font-size: 22px;
	line-height: 25px
}

section h2, article h2{
	font-size: 19px;
}

section.timeline h2{
	margin-top: 2%;
}

nav ul li{
	font-size: 16px;
	line-height: 22px;
	text-align: center;
	min-width: 28%;
	/*border: 1px dotted red;*/
}

article section aside{
	width: auto;
	min-width: 45%;
	max-width:50%;
	margin-right:4%;
	margin-left: 2%;	
}

section.exp-pic img{
	max-width: 98%;
	height: auto;
	max-height: 1%;
	margin:0 1% 0 1%;
	
}

}

@media only screen and (max-width: 700px){

section h1, article h1{
	margin-top: 1.2%;
	font-size: 21px;
	line-height: 25px;
}

section h2, article h2{
	font-size: 18px;
	}

section.offer div h1{
font-size:16px;
margin-top:1.2%;
}


nav ul li{
	min-width: 80%;
}

article section aside{
	width: auto;
	min-width: 95%;
	max-width:99%;
	margin:1.2%;
	float: none;
}

footer p{
	margin:1% 1% 1% 1.5%;
	min-width: 90%;
	max-width: 98%;
}
	
}