body {
background-color: #58657B;
}

.frame {
text-align: left;
margin-top: 20px;
width: 700px;
height: 100px;
margin-left: auto;
margin-right: auto;
}

.edge {
width: 700px;
height: 5px;
}

.container {
text-align: left;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
width: 700px;
height: 540px;
background-color: #ffffff;
}


.left {
float: left;
text-align: left;
padding-right: 5px;
margin-left: 3px;
margin-right: 5px;
border-right: 1px dotted #cccccc;
width: 155px;
height: 540px;
background-color: #ffffff;
}

.right {
float: left;
text-align: left;
width: 530px;
height: 540px;
background-color: #ffffff;
}

.nav {
margin-left: 5px;
margin-bottom: 20px;
text-align: left;
padding: 10px;
width: 500px;
height: 15px;
background-image: url(gfx/nav-bg.gif);
}

.nav-button a{
float: left;
color: #48494B; font-family: tahoma; font-size: 12px; font-weight: bold;
text-align: left;
padding-right: 25px;
height: 15px;
text-decoration:none;
}

.nav-button a:hover{
text-decoration:underline;
}

.logo {
padding-left: 15px;
text-align: left;
width: 500px;
height: 75px;
}

.rubrik {
text-align: left;
color: #61605B; font-family: arial; font-size: 16px; font-weight: bold;
width: 500px;
height: 10px;
}

.text-box {
margin-bottom: 5px;
padding: 10px;
text-align: left;
color: #61605B; font-family: arial; font-size: 12px;
width: 500px;
height: 10px;
}

.image-box {
margin-left: 10px;
border: 1px solid #cccccc;
width: 10px;
height: 10px;
}

.copyright {
margin-bottom: 5px;
padding: 10px;
text-align: left;
color: #778291; font-family: arial; font-size: 9px;
width: 500px;
height: 10px;
}