html { height: 100%; width: 100%; }
body {
 background-color: #000000;
 margin: 0%;
 padding: 0%;
 font-family: Arial, Helvetica, Verdana, sans-serif;
 font-size: 12px;
 color: #ffffff;
 width: 100%;
 height: 100%;
 position: absolute;
}
/* --- Formatierung der Inhaltselemente --- */
a {
 text-decoration: underline;
 color: #006633;
 font-weight: bold;
}
h1 { color: #ff9900; font-size: 150%; }
h2 { color: #ff9900; font-size: 130%; }
h3 { color: #ff9900; font-size: 120%; }
h4 { color: #ff9900; font-size: 110%; }
h5 { color: #ff9900; font-size: 100%; }
#content ul {
 list-style-image: url(../icons/kreuz.png);
 padding-left: 20px;
}
#content ul li { margin-bottom: 10px; }
hr {
 height: 1px;
 width: 300px;
 color: #333333;
 background-color: #333333;
 border: none;
 margin-top: 20px;
 margin-bottom: 20px;
 text-align: center;
}
/* --- Anordnung der Container --- */
#container-outer {
 position: absolute;
 width: 100%;
 height: 100%;
}
#main {
 width: 75%;
 height: 100%;
 float: left;
}
#aside {
 width: 25%;
 height: 100%;
 float: left;
}
#top {
 width: 100%;
 height: 20%;
 background-image: url(../images/logo.jpg);
 background-repeat: no-repeat;
 background-position: center center;
}
#content-container {
 width: 100%;
 height: 80%;
 text-align: left;
 position: absolute;
}
#content-container #content {
 height: 100%;
 overflow: auto;
 position: absolute;
 width: 600px;
 left: 37.5%;
 margin-left: -300px;
}
#scale {
 width: 15%;
 height: 100%;
 float: left;
 background-color: #000000;
 border: none;
}
#right {
 width: 85%;
 height: 100%;
 float: left;
 padding: 0%;
}
/* --- Adresse oberhalb der Navigation --- */
#address {
 width: 100%;
 height: 224px;
 text-align: center;
 color: #cccccc;
 position: relative;
 z-index: 1000;
}
#address div { padding: 10% 5%; }
h2#address-heading {
 font-size: 170%;
 margin-top: 0%;
 color: #cccccc;
 font-weight: normal;
}
p#address-content { font-size: 80%; }
p#address-content a {
 text-decoration: underline;
 font-weight: normal;
}
/* --- Navigation --- */
#menu, #menu a {
 width: 100%;
 height: auto; 
 text-align: left;
 color: #cccccc;
}
#menu a {
 display: block;
 width: 98%;
 height: 100%;
 padding-left: 2%;
 text-decoration: none;
 font-weight: normal;
}
#menu a:hover {
 display: block;
 width: 98%;
 height: 100%;
 padding-left: 2%;
 background-color: #666666;
 color: #000000;
}
ul#menu-main, ul#menu-sub {
 margin: 0%;
 padding: 0%;
 list-style-type: none;
 list-style-image: none;
 background-color: #000000;
 border: none;
}
ul#menu-main { border-top: 1px solid #ffffff; }
ul#menu-main li, ul#menu-sub li {
 border: none;
 border-bottom: 1px solid #ffffff;
 width: 100%;
 height: 25px;
}
ul#menu-main li span.list, ul#menu-sub li span.list {
 display: block;
 width: 99%;
 height: 23px;
 margin-top: 2px;
 margin-left: 1%;
}
ul#menu-sub li, ul#menu-sub li a { color: #666666; }
ul#menu-sub li a:hover {
 color: #cccccc;
 background-color: #000000;
}
ul#menu-main li#act span.list, ul#menu-main li#act a {
 background-color: #ff9900;
 color: #333333;
}
ul#menu-sub li#cur span.list, ul#menu-sub li#cur span.list a, ul#menu-sub li#cur span.list a:hover {
 background-color: #333333;
 color: #ff9900;
}
ul#menu-main li span.list a span, ul#menu-sub li span.list a span {
 display: block;
 position: relative;
 top: 15%;
}
ul#menu-main li#act-sub {
 width: 100%;
 height: auto;
 border: none;
 padding-left: 0%;
}
div#menu span.list a { text-decoration: none; }
/* --- Referenzgalerie --- */
div.picture-container {
 float: left;
 border: 1px solid #ffffff;
 border-left: none;
 padding: 2px;
 padding-left: 29px;
 margin-bottom: 50px;
 margin-right: 30px;
 width: auto;
 height: auto;
 background-image: url(../images/scale/pic-scale.png);
 background-repeat: no-repeat;
 background-position: left top;
}
/* --- Referenzliste --- */
div#reference { clear: both; }
a#reference-link {
 color: #ff9900;
 padding-left: 23px;
 padding-top: 2px;
 background-image: url(../icons/3stones.png);
 background-position: top left;
 background-repeat: no-repeat;
}
div#reference div.text-container {
 padding-left: 13px;
 background-image: url(../icons/1stone.png);
 background-position: 0px 4px;
 background-repeat: no-repeat;
}
/* --- Kontaktformular --- */
fieldset.csc-mailform {
 border: none;
 width: 80%;
 left: 0px;
 margin-left: 0px;
 padding-left: 0px;
}
div.csc-mailform-field label {
 display: block;
 width: 39%;
 float: left;
}
div.csc-mailform-field input, div.csc-mailform-field textarea {
 display: block;
 width: 60%;
 float: left;
 margin-bottom: 5px;
 background-color: #cccccc;
 color: #333333;
 border: 1px solid #333333;
 font-family: Arial, Helvetica, Verdana, sans-serif;
}
div.csc-mailform-field input.submit {
 display: inline;
 width: auto;
 background-color: #ff9900;
}