html {
padding: 0;
overflow-y: scroll;
}

body {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 13px;
color: #222;
padding: 0;
margin: 20px 0;
text-align: center;
}

table {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 13px;
color: #222;
}

a {
font-size: 11px;
font-weight: bold;
text-decoration: underline;
}

a.red {
color: #c33;
}
a.orange {
color: #e07000;
}
a.yellow {
color: #f0a000;
}
a.green {
color: #363;
}
a.blue {
color: #059;
}
a.indigo {
color: #121e87;
}
a.violet {
color: #7f247f;
}

a:hover {
text-decoration: none;
background-color: #fff;
}

b {
font-size: 11px;
font-weight: bold;
}

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

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

p {
line-height: 135%;
padding: 0;
margin: 0 0 1em 0;
}

h2 {
font-size: 18px;
font-weight: bold;
padding: 0;
margin: 0 0 0.4em 0;
}

h2.red {
color: #c33;
}
h2.orange {
color: #e07000;
}
h2.yellow {
color: #f0a000;
}
h2.green {
color: #363;
}
h2.blue {
color: #059;
}
h2.indigo {
color: #121e87;
}
h2.violet {
color: #7f247f;
}

h4 {
font-size: 13px;
font-weight: bold;
padding: 0;
margin: 0 0 0.4em 0;
}

h4.red {
color: #c33;
}

ol {
margin: 0 0 0 2em;
padding: 0;
line-height: 135%;
}

ol li {
margin: 1em 0 0 0
}

ol li li{
margin: 0
}

table {
border-collapse: collapse;
margin: 0;
padding: 0;
line-height: 135%;
}

td {
padding: 0 0 0.4em 0;
vertical-align: baseline;
font-size: 12px;
}

td.planning td {
padding: 0;
}

td.top {
vertical-align: top;
line-height: 26px;
}

td.firstcol {
padding-right: 0.8em;
font-size: 11px;
font-weight: bold;
}

td.gbdate {
padding: 0.4em 0.8em;
font-size: 13px;
background: #ccc;
border: 1px solid #999;
border-width: 1px 1px 0 1px;
}

td.gbcomment {
padding: 0.4em 0.8em;
font-size: 13px;
background: #fff;
border: 1px solid #999;
}

td.gbemail {
padding: 0.4em 0.8em;
background: #ccc;
border-width: 0 1px;
border: 1px solid #999;
}

td.gbname {
padding: 0.4em 0.8em;
font-size: 13px;
background: #ccc;
border: 1px solid #999;
border-width: 0 0 1px 1px;
}

td.gbdelete {
padding: 0.4em 0.8em;
font-size: 13px;
text-align: right;
background: #ccc;
border: 1px solid #999;
border-width: 0 1px 1px 0;
}

form {
margin: 0;
padding: 0;
}

form input, form textarea {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 12px;
}

form .req {
color: #c33;
}

.container {
width: 964px;
margin: 0 auto;
text-align: left;
}

.lang img {
float: right;
margin-right: 5px;
}

.header {
clear: both;
text-align: center;
font-size: 18px;
}

img.logo {
margin-bottom: 5px;
}

.pad {
clear: both;
padding: 14px;
line-height: 13px;
}

.photos {
width: 384px;
float: left;
border-right: 1px solid #999;
}

.photos img {
border: 1px solid #ccc;
margin-right: 40px;
margin-bottom: 40px;
clear: right;
float: right;
}

.textwidth {
width: 535px;
float: left;
border-left: 1px solid #999;
margin-left: -1px;
}

.textcontent {
padding-left: 20px;
}

.fulltext {
padding: 0 90px;
}

.poptext {
padding: 0 40px;
}

.message {
margin: 0 200px;
padding: 20px;
border: 3px solid red;
background-color: white;
}

p.last, img.last, tr.last td {
margin-bottom: 0;
padding-bottom: 0;
}

.bottombar p {
margin: 0 5px;
padding: 7px 0;
text-align: center;
font-size: 18px;
line-height: 11px;
color: #fff;
}

.bottombar p.red {
background: #c33;
}
.bottombar p.orange {
background: #ec7c00;
}
.bottombar p.yellow {
background: #fcc020;
}
.bottombar p.green {
background: #363;
}
.bottombar p.blue {
background: #059;
}
.bottombar p.indigo {
background: #121e87;
}
.bottombar p.violet {
background: #7f247f;
}


/* start memu */
/* this menu shows no sublevel links in older browsers like IE 6 and earlier */

/* left margin to match right margin of menu links */
.menu {
height: 27px;
margin-left: 5px;
}

/* remove bullets, padding and margins from lists */
.menu ul {
list-style-type: none;
padding: 0;
margin: 0;
}

/* make top level links horizontal */
.menu li {
width: 137px;
float: left;
z-index: 100;
}

/* style all links */
.menu a {
display: block;
font-size: 11px;
font-weight: bold;
width: 132px;
padding: 7px 0;
color: #fff;
text-decoration: none;
margin-right: 5px;
text-align: center;
}

/* style bottom links */
.menu a.bottom {
font-size: 0;
}

/* style color links */
.menu .red a {
background: #c33;
}
.menu .orange a {
background: #ec7c00;
}
.menu .yellow a {
background: #fcc020;
}
.menu .green a {
background: #363;
}
.menu .blue a {
background: #059;
}
.menu .indigo a {
background: #121e87;
}
.menu .violet a {
background: #7f247f;
}

/* style all links hover */
.menu a:hover{
background: #fff;
}

/* style color links hover */
.menu .red a:hover {
color: #c33;
}
.menu .orange a:hover {
color: #e07000;
}
.menu .yellow a:hover {
color: #f0a000;
}
.menu .green a:hover {
color: #363;
}
.menu .blue a:hover {
color: #059;
}
.menu .indigo a:hover {
color: #121e87;
}
.menu .violet a:hover {
color: #7f247f;
}

/* style inactive current and bottom links hover */
.menu a.current:hover, .menu a.bottom:hover {
color: #fff;
cursor: default;
}

/* style inactive current and bottom color links hover */
.menu .red a.current:hover, .menu .red a.bottom:hover {
background: #c33;
}
.menu .orange a.current:hover, .menu .orange a.bottom:hover {
background: #ec7c00;
}
.menu .yellow a.current:hover, .menu .yellow a.bottom:hover {
background: #fcc020;
}
.menu .green a.current:hover, .menu .green a.bottom:hover {
background: #363;
}
.menu .blue a.current:hover, .menu .blue a.bottom:hover {
background: #059;
}
.menu .indigo a.current:hover, .menu .indigo a.bottom:hover {
background: #121e87;
}
.menu .violet a.current:hover, .menu .violet a.bottom:hover {
background: #7f247f;
}

/* hide sub level */
.menu ul ul {
visibility: hidden;
position: absolute;
width: 132px;
height: 0;
}

/* show sub level on hover list or link */
.menu ul li:hover ul,
.menu ul a:hover ul {
visibility: visible;
}