.container {
 width: 90%;
 overflow: auto;
 background-color: #999999;
 margin-left: auto;
 margin-right: auto;
 display: block;
 padding: 5px 10px;
 overflow: visible;
}
body {
 background-color: #E3F0FF;
 font-family: "Trebuchet MS", "Tahoma", "Geneva", sans-serif;
}
h1 {
 font-size: 22px;
 font-weight: bold;
 padding: 20px 0 5px 0;
}
h2 {
 font-size: 22px;
 font-weight: normal;
 padding: 20px 0 5px 0;
}
h3 {
 font-size: 20px;
 font-weight: bold;
 padding: 20px 0 5px 0;
}
h4 {
 font-size: 20px;
 font-weight: normal;
 padding: 20px 0 5px 0;
}
h5 {
 font-size: 18px;
 font-weight: bold;
 padding: 20px 0 5px 0;
}
h6 {
 font-size: 18px;
 font-weight: normal;
 font-variant: small-caps;
 padding: 20px 0 5px 0;
}
.header {
 display: block;
 background-color: white;
 margin: 0;
 padding: 0;
}
.body {
 display: block;
 width: 82%;
 float: left;
 background-color: #CCC4D1;
 margin: 10px 0;
 color: black;
}
.body h1, .body h2, .body h3, .body h4, .body h5, .body h6{
 margin: 0 20px;
}
.content {
 margin: 5px 20px 200px 20px;
}
.content img {
 padding-left: 10px;
 padding-right: 10px;
}
.menu {
 display: block;
 width: 18%;
 float: right;
 background-color: #e5e5f2;
 margin: 10px 0 0 0;
 top: 0;
 bottom: 0;
 height: 100%;
}
.menu h2, .menu ul li a {
 color: black;
 margin-left: 10px;
 margin-right: 10px;
}
.menu h2 {
 font-size: 17px;
 margin-top: 10px;
}
.menu a {
 font-size: 11px;
}
.menu ul {
 margin: 0;
 padding: 0;
}
.menu ul li {
 list-style: none;
 padding: 0;
 margin-left: 5px;
 margin-right: 5px;
 border-bottom: 1px solid white;
}
.menu ul li a {
 display: block;
 margin: 0px 15px 0 5px;
 padding: 5px 5px;
 text-decoration: none;
}
.menu ul li a:hover, .menu #currentPage {
 background-color: white;
}

.logo {
 color: #818181;
 background-image: url('images/rocobelogo.png');
 background-repeat: no-repeat;
 height: 116px;
 width: 815px;
 text-align: left;
 margin-left: auto;
 margin-right: auto;
}
.logo p {
 padding: 0;
 position: relative;
 top: 55px;
 margin: 0 0 0 275px;
 text-align: center;
}
.logo a {
 color: #818181;
 font-size: 20px;
 text-decoration: none;
}
.topmenu {
 display: block;
 margin: 10px 0 0 0 ;
 padding: 0;
 height: 40px;
 background-image: url('images/gradientLTDDark.png');
 background-repeat: repeat-x;
}
.topmenu ul {
 float: left;
 clear: none;
 margin: 0;
 padding: 0;
}
.topmenu ul li {
 display: block;
 list-style-type: none;
 float: left;
 clear: none;
 margin: 0;
 padding: 0;
}
.topmenu a {
 display: block;
 color: white;
 border-right: 1px solid white;
 padding-right: 10px;
 padding-left: 10px;
 padding-top: 10px;
 font-size: 15px;
 margin: 0;
 height: 30px;
 text-decoration: none;
 vertical-align: middle;
}
.topmenu a:hover, .topmenu #currentPage {
 background-image: url('images/gradientLTDLight.png');
 background-repeat: repeat-x;
}
.topmenu .langSelector {
 float: right;
}
a img {
 border: none;
}
.topmenu .langSelector, .topmenu .langSelector a {
 margin: 0;
 padding: 0;
}
.topmenu .langSelector a {
 border-left: 1px solid white;
 border-right: none;
 padding-right: 10px;
 padding-left: 10px;
 padding-top: 5px;
 padding-bottom: 5px;
}
.footer {
 display: block;
 margin: 10px 0 0 0 ;
 padding: 0;
 height: 40px;
 background-image: url('images/gradientLTDLight.png');
 background-repeat: repeat-x;
 clear: both;
 text-align: center;
 font-size: smaller;
 text-align: center;
 border: 1px;
 width: 100%;
}
.footer p {
 display: block;
 padding-top: 2px;
 height: 30px;
 color: white;
}
.footer a {
 color: white;
 text-decoration: underline;
}

#foto1 {position: relative; top: 0; left: 50px;}
#foto2 {position: relative; top: 50px; left: -100px;}
#foto3 {position: relative; top: 100px; left: -250px;}
.editbar {
 border-bottom: 1px solid black;
}
.crumble {
 font-size: smaller;
}
.warning, .error {
 color: red;
}
.projecttable {
 width: 100%;
}