* {
	margin: 0px;
	padding: 0px;	
}

h1, h2, h3, h4 { 
	color: #333;
	font-weight: normal; 
}

li {
/*	list-style: none;*/
	margin-bottom: 1px;
	font-size: 3vh;
	color: darkblue;
}

a {
	color: #647E8E;
	text-decoration: none;
}

body { 
	font-family: Helvetica, Arial; 
	/*overflow: scroll;*/
	min-height: 800px;
	color: #333;
	font-size: 2.5vh;
	letter-spacing: 0.04em;
}

#wrapper {
	width:820px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
  background-image: url("../images/Sand4.png");
	background-color: snow;
	border: 6px solid lightgrey;
}

#header {
	padding: 5px;
/*	background-image: url('../images/Startseite.png'); */
	/*background-image: url('../images/Goodsell2.png');*/
    background-image: url("../images/Sand4.png");
	background-color: snow;
	color: snow;
}	

h1 {
	color: darkblue;
	font-size: 2vh;
	font-family: Times;
	letter-spacing: 0.025em;
	margin-bottom: 2px;
	padding-left: 20px;
}

h2 {
	color: darkblue;
	font-size: 3vh;
	margin-bottom: 15px;
	margin-top: 10px;
	letter-spacing: 0.02em;
	padding-left: 20px;
}

h3 {
	color: darkblue;
	font-size: 3vh;
	margin-bottom: 10px;
	padding-left: 20px;
}

h4 {
	color: darkblue;
	font-style: italic;
	font-size: 3vh;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 20px;
}

h4.margin-top {
	margin-top: 10px;
}

h4.organizers {
	margin-top: 30px;
}

#mainTabs {
	list-style: none;
	padding: 14px 0px 10px 20px;
    background-image: url("../images/Sand4.png");
	background-color: snow;	
}

#mainTabs li {
	font-size: 100%;
	display: inline;
}

#mainTabs li a {
	color: snow;
	background-color: darkblue;
	padding: 10px 15px 10px 15px;
	text-decoration: none;
}

#mainTabs li.ui-tabs-selected a {
	color: darkblue;
    background-image: url("../images/Sand4.png");
	background-color: snow;
}

.ui-tabs .ui-tabs-hide {
     display: none;
}

#content {
	padding: 10px 25px 10px 25px;
	color: darkblue;
    background-image: url("../images/Sand4.png");
    background-color: snow;
}

p {
	margin-bottom: 10px;
}

td {
	vertical-align: top;
}

td.inv-right {
	padding-left: 10px;
}

table.program td {
	padding: 5px 5px 5px 5px;
}

table.program tr.padding {
	height: 10px;
}

table.program td.date {
	color: darkblue;
	font-style: italic;
}

td.time {
	width: 40px;
}

ul.padding {
    list-style-type: none;
	padding-left: 30px;
	text-indent: -22px;
}
ul.padding li::before {
	list-style-position: outside;
	color: darkblue;
    content:'\25C9\A0'; 
}

tr.session-header {
	background-color: #ddd;
}

tr.break {
	background-color: #ddd;
}

td.session {
	padding-left: 10px;
	width: 550px;
}

.highlight {
    background-image: url("../images/Sand4.png");
	background-color: snow;
}

#bg-credit {
	padding-bottom: 10px;
	padding-right: 20px;
	text-align: right;
	font-size: 70%;
	color: #aaa;
}

#map1, #map2 {
	width: 400px;
	height: 200px;
	margin-bottom: 20px;
}

span.bold {
	font-weight: bold;
}

p.footnote {
	padding-top: 20px;
	padding-left: 5px;
	font-size: 3vh;	
}

#sponsors img {
	margin: 20px;
}
@media screen and (min-width: 520px) and (max-width: 1300px) and (orientation: portrait) {
  html {
    transform: rotate(-90deg);
    transform-origin: left top;
    width: 100vh;
    height: 100vw;
    overflow-x: hidden;
    position: absolute;
    font-size: 0.5vh;
    top: 100%;
    left: 0;
  }

body { 
	font-family: Helvetica, Arial; 
	/*overflow: scroll;*/
	min-height: 800px;
	color: #333;
	font-size: 1vh;
	letter-spacing: 0.04em;
}
li {
/*	list-style: none;*/
	margin-bottom: 5px;
	font-size: 0.5vh;
	color: darkblue;
}
h1 {
	color: darkblue;
	font-size: 0.4vh;
	font-family: Times;
	letter-spacing: 0.025em;
	margin-bottom: 2px;
	padding-left: 20px;
}

h2 {
	color: darkblue;
	font-size: 0.7vh;
    line-height: 100%;
	margin-bottom: 15px;
	margin-top: 10px;
	padding-left: 20px;
}

h3 {
	color: darkblue;
	font-size: 0.7vh;
    font-family: Arial;
	margin-bottom: 3px;
	padding-left: 20px;
}
h4 {
	color: darkblue;
	font-style: italic;
	font-size: 0.8vh;
	margin-top: 3px;
	margin-bottom: 3px;
	padding-left: 20px;
}
p.footnote {
	padding-top: 20px;
	padding-left: 5px;
	font-size: 0.5vh;	
}p {
	font-size: 0.4vh;
	margin-bottom: 10px;
}

}

