html {}
body {width: 1024px; margin: 0 auto; font-family: Tahoma, 'Lucida Grande CE', lucida, sans-serif; font-size: small; color: #3A3B40;}

a img {border: none;}

#top {background: url('../images/header_atomo.jpg') no-repeat top right;}
#top.metabo-project {background: url('../images/METABO_HEADER.jpg') no-repeat top right;}
#top.technical-approach {background: url('../images/TECHNICAL_HEADER.jpg') no-repeat top right;}
#top.consortium {background: url('../images/CONSORTIUM_HEADER.jpg') no-repeat top right;}
#top.communication-room {background: url('../images/COMMUNICATION_HEADER.jpg') no-repeat top right;}
#top h1 {margin: 0; padding: 0; position: relative; height: 206px;}
#top h1 span {position: absolute; top: 0; left: 0; width: 552px; height: 206px; background: url('../images/header_metabo.jpg') no-repeat;}
#top ul.menu {height: 84px; margin: 0; padding: 0; background: url('../images/bg_menu_home.jpg');}
#top.metabo-project ul.menu, #top.technical-approach ul.menu, #top.consortium ul.menu, #top.communication-room ul.menu {background: url('../images/bg_menu.jpg');}
#top ul.menu li {float: left; width: 204px; text-align: center; line-height: 39px; list-style: none;}
#top ul.menu li a {color: #373A41; text-transform: uppercase; text-decoration: none; font-size: 110%; font-weight: bold;}
#top ul.menu li a:hover, #top ul.menu li.active a {color: white;}

#left {float: left; width: 186px; padding: 0 43px 10px 43px;}
#left h2 {margin: 10px 0 15px 0; padding: 8px 0 0 30px; font-size: 110%; color: #3A3B40; text-transform: uppercase; background: url('../images/submenu_home.jpg') no-repeat -13px 0;}
#left h3 {margin: 15px 0; padding: 0; color: #768CD5; font-size: 90%;}
#left h4 {margin: 5px 0; padding: 0; color: #373A3F; font-size: 90%;}
#left p {margin: 0; font-size: 90%;}
#left ul.menu {margin: 0; padding: 0; list-style: none;}
#left ul.menu li a {display: block; margin: 10px 0 15px 0; padding: 0 0 8px 30px; color: #3A3B40; text-decoration: none; font-weight: bold; font-size: 110%; background: url('../images/submenu_blue.jpg') no-repeat -13px -10px;}
* html #left ul.menu li a {margin: 0;}
#left ul.menu li a:hover {background: url('../images/submenu_over.jpg') no-repeat -13px -10px;}

#right {float: left; width: 658px;}
#right h2 {margin: 18px 0 20px 0; padding: 0; font-size: 110%; color: #758DD5; text-transform: uppercase;}
#right th {padding: 5px 10px 5px 0; text-align: left;}
#right p {text-align: justify;}
#right .scenarios p {position: relative; height: 130px; clear: both;}
#right .scenarios p.left {padding: 30px 0 0 290px;}
#right .scenarios p.left img {position: absolute; top: 0; left: 0;}
#right .scenarios p.right {padding: 30px 290px 0 0;}
#right .scenarios p.right img {position: absolute; top: 0; right: 0;}
#right img.overview {margin-left: -60px;}
#right a {color: black; text-decoration: underline;}
#right a:hover {text-decoration: none;}
#right table.partners {width: 750px;}
#right table.partners th {color: #758DD5; font-size: 115%;}
#right a.pdf {display: block; padding: 12px 0 12px 50px; background: url('../images/pdf_icon.jpg') no-repeat left;}

#bottom {clear: left; padding: 40px 21px 40px 43px;}
#bottom ul.menu {height: 15px; margin: 0 0 10px 0; padding: 0 0 20px 0; background: url('../images/bottom_line.jpg') repeat-x bottom;}
#bottom ul.menu li {list-style: none; float: left; padding: 0 20px;}
#bottom ul.menu li a {color: #393A3F; font-size: 90%; font-weight: bold;}
#bottom ul.menu li a:hover {text-decoration: none;}
#bottom img {float: left;}
#bottom p {float: left; margin: 45px 0 0 10px; width: 350px; font-size: 80%;}

/** Intranet section **/
.doclib-file {margin: 7px 0px;}
.doclib-file h4 {display: inline; margin: 0px; margin-left: 2px; font-size: 1em; background-position: top; background-repeat: no-repeat;}
.doclib-file h4 a {color: rgb(69, 179, 216) !important;}
.doclib-file h4 a:hover {color: #aa2d27 !important;}
.doclib-file span {margin-left: 1em; color: rgb(133, 133, 133);}

/** White Board **/
#white-board-form fieldset {position: relative; margin: 0 10px 10px 0; padding: 0; background: #0D1663; border: none;}
#white-board-form textarea {width: 680px;}
#white-board-doclib {position: absolute; top: 20px; left: 50px; background-color: #4D538D; opacity: 0.9; padding: 4px;}
.white-board-item-files {padding: 0 20px; font-size: 85%;}

/** Guestbook **/
#guestbook-form {}
#guestbook-form fieldset {padding: 0; margin: 0; border: none;}
#guestbook-form p {clear: left; margin: 0; padding: 2px 0;}
#guestbook-form label {float: left; width: 100px;}
#guestbook-form input {padding: 2px; color: white; background: #262E75; border: none;}
#guestbook-form textarea {padding: 5px; width: 500px; color: white; background: #262E75; border: none;}
#guestbook-form input#guestbook-form-send {padding: 5px 10px; margin: 0 0 0 100px; font-weight: bold; cursor: pointer;}
.guestbook-item {padding: 0 0 0 5px; border-left: 5px solid #4D538D;}
.guestbook-item-bottom small {font-size: 95%;}