html,
body {
color: #565656;
margin: 0;
padding: 0;
height: 100%;
background-image: url(img/background.png);
font-family: Trebuchet MS, Verdana, Arial, Helvetica;
}

#page {
margin: auto;
width: 724px;
height: 100%;
}

#collage {
background-image: url(img/collage.png);
width: 100%;
height: 430px;
}

#countries {
width: 100%;
}

#countries ul {
list-style-type: none;
list-style-image: none;
width: auto;
font-size: 16pt;
}

#countries ul li {
display: inline;
padding: 10px 35px;
text-transform: uppercase;
}

#countries ul li a {
text-decoration: none;
background-color: #ffffff;
color: #000000;
line-height: 30px;
padding: 0px 3px;
font-weight: bold;
}

#countries ul li a:hover {
background-color: #ffdd00;
}

#de {
background-image: url(img/de.png);
background-repeat: no-repeat;
background-position: 0px 8px;
}

#at {
background-image: url(img/at.png);
background-repeat: no-repeat;
background-position: 0px 8px;
}

#ch {
background-image: url(img/ch.png);
background-repeat: no-repeat;
background-position: 0px 8px;
}

#ch p{
display:inline;
color:gray;
text-decoration: none;
background-color: #ffffff;
line-height: 30px;
padding: 0px 3px;
font-weight: bold;
}

#footer {
text-align: center;
}

#footer span {
font-size: 9pt;
}