body {
    color: #000 ; background-color: #808080 ;
    font-family: optima, verdana, futura, "lucida sans", arial, geneva, helvetica, sans-serif;
    font-size: 12px;
    line-height: 18px;
}

#map {
    width: 500px;
    height: 400px;
}

a:link, a:active, a:visited { color: black ; }

#left   a:link    { color: white ; }
#left   a:active  { color: white ; }
#left   a:visited { color: white ; }
#right  a:link    { color: white ; }
#right  a:active  { color: white ; }
#right  a:visited { color: white ; }
#bottom a:link    { color: white ; }
#bottom a:active  { color: white ; }
#bottom a:visited { color: white ; }
#top    a:link    { color: white ; }
#top    a:active  { color: white ; }
#top    a:visited { color: white ; }

a.dir-view:link, a.dir-view:active, a.dir-view:visited {
    color: #000 ;
    text-decoration: underline ;
}
h1, .title {
    font-style: normal ; font-weight: normal ; font-size: 20px ;
    line-height: 18px ; margin-bottom: 20px ; margin-top: 18px ;
}
h2, .subtitle {
    font-style: normal ; font-weight: normal ; font-size: 18px ;
    margin-top: 18px ; margin-bottom: 18px ; margin-top: 16px ;
}
table {
    line-height: 18px ; font-size: 12px ; margin: 0 ;
    vertical-align: top;
    text-align: left;
}
p, li {
    max-width: 60em ;
}
.empty-line {
    margin-top: 4px ;
}
.more-room {
    margin-right: 1.5em ;
}
.much-more-room {
    margin-right: 3.0em ;
}
div.floatright {
	clear: right;
	float: right;
	position: relative;
	margin: 0 0 .5em .5em;
	border: 0;
/*
	border: .5em solid white;
	border-width: .5em 0 .8em 1.4em;
*/
}
td.break {
	text-align: center;
	padding: 0.5ex 0.5ex;
	background-color: #BEE1F2 ;
}

table.programme th,
table.form th {
    text-align: left;
    padding: 0.5em 0.5em;
    background-color: #BEE1F2 ;
}

table.programme thead th {
    color: #ffffff;
    padding: 0.5em 0.5em;
    background-color: #008cd0 ;    
}

table.programme tr.meal {
    color: #006699;
    /* background-color: #BCCAD1; */
}

table.programme tbody td {
    border-bottom: 1px solid #eeeeee;
}

.form_element_label_reguired,
.form_element_label_required {
    color:#123773;
    font-weight:bold;
} 

/* TeX */
/* \def\TeX{T\kern-.1667em\lower.5ex\hbox{E}\kern-.125emX} */
/* idea borrowed from http://www.tug.org/texlive/doc/texlive-en/texlive-en.css */
span.TeX span.E {
	position: relative;
	top: 0.5ex;
	left: -0.1667em;
	/*letter-spacing:-0.2917em;*/
	letter-spacing: -0.25em;
}
span.TeX span.A {
	position:relative;
	top: -0.5ex;
	left: -0.3em;
	font-size: 85%;
	letter-spacing: -0.4em;
}

#main {
    position: absolute; left: 10% ; top: 10% ; right: 10% ; bottom: 10% ; z-index: 2 ;
    width: 80% ; height: 80% ; padding: 0% ; margin: 0% ; overflow: auto ;
    border-style: none ; border-width: 0 ;
    background-color: #FFF ;
}
#main-settings {
    margin: 12px ; x_max-width: 60em ;
    line-height: 18px ; font-size: 12px ;
}
#left {
    position: absolute; top : 10% ; left: 0% ; bottom: 0%; right: 90% ; z-index: 1 ;
    width: 10% ; height: 90% ; padding: 0% ; margin: 0% ; font-size: 16px ;
    border-style: none ; border-width: 0 ; background-color: #008CD0 ; color: white ;
}
#right {
    position: absolute; top : 0% ; left: 90% ; bottom: 10%; right: 0% ; z-index: 1 ;
    width: 10% ; height: 90% ; padding: 0% ; margin: 0% ; font-size: 16px ;
    border-style: none ; border-width: 0 ; background-color: #008CD0 ; color: white ;
    _margin-left: -15px ;
}
#bottom {
    position: absolute ; left: 10% ; right: 0% ; top: 90% ; bottom: 0% ; z-index: 1 ;
    width: 90% ; height: 10% ; padding: 0% ; margin: 0% ; font-size: 16px ;
    border-style: none ; border-width: 0 ; background-color: #123773 ; color: white ;
}
#top {
    position: absolute ; left: 0% ; right: 10% ; top: 0% ; bottom: 90% ; z-index: 1 ;
    width: 90% ; height: 10% ; padding: 0% ; margin: 0% ; font-size: 16px ;
    border-style: none ; border-width: 0 ; background-color: #123773 ; color: white ;
}
#top-one {
    position: absolute ; bottom: 50% ; width: 100% ; buggedheight: 100% ;
}
#top-two {
    position: relative ; margin-bottom: -9px ;
    margin-left: 12px ; margin-right: 12px ;
    line-height: 18px ; text-align: right ; vertical-align: middle ;
}
#bottom-one {
    position: absolute ; bottom: 50% ; width: 100% ; buggedheight: 100% ;
}
#bottom-two {
    position: relative ; margin-bottom: -9px ;
    margin-left: 12px ; margin-right: 12px ;
    line-height: 18px ; text-align: left ; vertical-align: middle ;
}
#left-one {
    position: absolute ; width: 100% ; buggedheight: 100% ;
}
#left-two {
    position: relative ; margin-top: 12px ;
    line-height: 18px ; text-align: center ; vertical-align: top ;
}
#right-one {
    display: table ; height: 100% ; width: 100% ;
}
#right-two {
    display: table-row ; height: 100% ; width: 100% ;
    overflow: hidden;
}
#right-three {
    display: table-cell ; width: 100% ; vertical-align: bottom ;
    _position: absolute ; _top: 100% ;
}
#right-four {
    text-align: center ; margin-bottom: 2ex ;
    _position: relative ; _top: -100% ;
}
#more-top {
    position: absolute; top: 0% ; left: 90% ; bottom: 90%; right: 0% ; z-index: 3 ;
    width: 10% ; height: 10% ; padding: 0% ; margin: 0% ;
    border-style: none ; border-width: 0 ;
}
#more-top-settings {
    text-align: center ;
}
#more-right-settings {
    margin-right: 12px ; margin-left: 12px ;
    line-height: 18px ; font-size: 10px ;
    text-align: center ;
}
#right-safari {
    display: table ; width: 100% ; height: 100% ;
}