teichmann@69: /* Styles for the DIVE4elements Website */
teichmann@69: 
teichmann@69: body {
teichmann@69:  font-family: arial, helvetica, sans-serif;
teichmann@69:  font-size: 13px;
teichmann@69:  background: #FFFFFF url('img/page_bg.png') repeat-x;
teichmann@69:  color: #333333;
teichmann@69:  margin: 0;
teichmann@69:  padding:0px;
teichmann@69: }
teichmann@69: 
teichmann@69: a {
teichmann@69:  color: #b51a22;
teichmann@69:  text-decoration: none;
teichmann@69: }
teichmann@69: 
teichmann@69: a:hover {
teichmann@69:  text-decoration: underline;
teichmann@69: }
teichmann@69: 
teichmann@69: img {
teichmann@69:  border: 0px;
teichmann@69: }
teichmann@69: 
teichmann@69: .wrapper {
teichmann@69:  width: 900px;
teichmann@69:  margin: 0 auto;
teichmann@69:  text-align: left;
teichmann@69: }
teichmann@69: 
teichmann@69: #intro {
teichmann@69:  padding: 30px 250px 20px 20px;
teichmann@69: }
teichmann@69: 
teichmann@69: #intro h2 {
teichmann@69:  font-family: georgia, times, serif;
teichmann@69:  font-size: 30px;
teichmann@69:  font-weight: normal;
teichmann@69:  color: #333333;
teichmann@69:  margin: 0px;
teichmann@69: }
teichmann@69: 
teichmann@69: #intro p {
teichmann@69:  color: #555555;
teichmann@69:  font-size: 14px;
teichmann@69:  font-weight: normal;
teichmann@69:  line-height: 26px;
teichmann@69:  margin: 10px 0 0;
teichmann@69:  padding: 0;
teichmann@69: }
teichmann@69: 
teichmann@69: #main {
teichmann@69:  float: left;
teichmann@69:  padding: 0px 0px 0px 20px;
teichmann@69:  width: 600px;
teichmann@69: }
teichmann@69: 
teichmann@69: #main h2 {
teichmann@69:  font-size: 22px;
teichmann@69:  font-weight: normal;
teichmann@69:  color: #333333;
teichmann@69:  margin: 30px 0px 10px 0px;
teichmann@69:  padding: 0px;
teichmann@69:  clear: both;
teichmann@69: }
teichmann@69: 
teichmann@69: #main p, #main li{
teichmann@69:  color: #444444;
teichmann@69:  line-height: 20px;
teichmann@69:  margin: 0px 0px 10px;
teichmann@69: }
teichmann@69: 
teichmann@69: #sidebar {
teichmann@69:  -moz-border-radius: 10px 10px 10px 10px;
teichmann@69:  background: none repeat scroll 0 0 #EBEBEB;
teichmann@69:  border: 1px solid #99b4c9;
teichmann@69:  float: right;
teichmann@69:  margin-top: 34px;
teichmann@69:  padding: 20px 20px 15px;
teichmann@69:  width: 220px;
teichmann@69: }
teichmann@69: 
teichmann@69: #sidebar h3 {
teichmann@69:  color: #333333;
teichmann@69:  margin: 1px 0px 10px 0px;
teichmann@69: }
teichmann@69: #footer {
teichmann@69:     background: none repeat scroll 0 0 #EBEBEB;
teichmann@69:     color: #333333;
teichmann@69:     font-size: 11px;
teichmann@69:     height: 50px;
teichmann@69:     margin-top: 30px;
teichmann@69:     padding-bottom: 20px;
teichmann@69:     text-align: center;
teichmann@69:     width: 100%;
teichmann@69: }
teichmann@69: #sitemap {
teichmann@69:     margin: auto;
teichmann@69:     text-align: left;
teichmann@69:     width: 900px;
teichmann@69:     padding-left: 40px;
teichmann@69: }