@import url("layout.css"); body { font-family: Arial, Sans-Serif; font-size: medium; color: #000; } #container { width: 100%; height: 100%; background-color: #cb8; } #masthead { width: 100%; overflow: auto; text-align: right; background-color: #c5d5e5; } #page_content { position: relative; } #sidebar { position: relative; float: left; width: 140px; background-color: #cb8; } #content { margin-left: 140px; padding: 10px; background-color: #fff; } #footer { clear: both; width: 99%; overflow: hidden; padding-top: 1%; padding-right: 0; padding-bottom: 1%; padding-left: 1%; background-color: #cdf; } #masthead img { float: left; } #masthead p { font-size: small; margin: 0; margin-right: 1%; } h1,h2,h3,h4,h5,h6 { font-family: Arial Black; } /* Formatvorlagen für die Navigation */ #sidebar ul { list-style-type: none; width: 100%; display: block; margin: 0; padding: 0; } #sidebar li { display: block; border: 1px solid #cb8; } #sidebar a { font-weight: bold; text-decoration: none; color: #393939; padding: 5%; display: block; border-bottom: 1px solid #f5f5f5; } #sidebar a:hover { font-weight: bold; text-decoration: none; color: #393939; border-bottom: 1px solid #f5f5f5; background-color: #dc9; } /* Formatvorlagen für Fußzeile */ #footer p { font-size: x-small; } #footer a { color: #393939; text-decoration: underline; } #footer a:hover { color: #393939; text-decoration: none; } a { color: #393939; text-decoration: underline; } a:hover { color: #78a; text-decoration: underline; } .style_bold { font-weight: bold; } .style_italic { font-style: italic; }