body {margin: 0px; max-width: 1020px}

/* === Headline Logo ============================= */

#logo, #logo span {
    margin: 0px;
    height: 75px;
    background-image: url(../img/RruP-logo.jpg);
    background-repeat: no-repeat;
}

#logo span { 
    margin-bottom: -75px;
}

/* code for all styled headers */

h1 span {
    display: block;
    /* place the span on top */ 
    position: relative;
    z-index: 1;
}

h1 { overflow: hidden;} 

/* === Navigation ================================ */

#navarea { background: #682; }
    
#topnav {
	margin:0;
	padding: 0 0 0 16px;
    background: #682;
}
	
#topnav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
} 

#topnav li {
	display: block;
	margin: 0;
	padding: 0;
	float:left;
	width:auto;
}
	
#topnav a {
	color:#fff;
	display:block;
	width:auto;
	text-decoration:none;
    background: #682; 
	margin:0;
	padding: 2px 10px;
	border-left: 1px solid #690;
	border-top: 1px solid #690;
	border-right: 1px solid #360;
}
	
#topnav a:hover, #topnav A:active {
	background: #7a0;
}

#topnav a.here:link, #topnav a.here:visited {
	position:relative;
	z-index:102;
	background: #360;
	border-left: 1px solid #690;
	border-top: 1px solid #690;
	font-weight:bold;
}
	
#subnav {
	position:relative;
	top:-1px;
	z-index:101;
	margin:0px;
	padding: 2px 0px 1px 16px;
	background: #360;
	border-top:1px solid #690;
	border-bottom:1px solid #690;
}
	
#subnav ul {
	list-style: none;
	margin: 1px 0 0 0;
	padding: 0px;
	border-right: 1px solid #fff;
	border-left: 1px solid #aaa;
} 

#subnav li {
	position:relative;
	z-index:102;
	display: block;
	margin: 0;
	padding: 0;
	float:left;
	width:auto;
}
	
#subnav a {
	color:#fff;
	display:block;
	width:auto;
	text-decoration:none;
	margin:0px;
	padding: 1px 10px 1px 10px;
}
	
#subnav a:hover, #subnav a:active {
	color:#fff;
    background:#690;
}

#subnav a.here:link, #subnav a.here:visited {
	color:#fff;
	position: relative;
	top:-1px;
    background:#360;
    font-weight:bold;
}
	 
#subnav BR, #topnav BR {
	clear:both;
}

/* === content =================================== */

#content {
    margin: 0px;
    padding: 1em;
    border-left: 16px solid #ddd;
}

#content p:first-letter {font-weight:bold;}
    
#map { float:left; margin-right: 1em; border:0px; }

.swphoto {
    float:right; 
    margin-left:1em;
}

h3 { clear: both;}

.comment {
    color: #666;
    font-style: italic;
}

table {
    background:#360;
    border: 0px solid #ccc;
    border-collapse: collapse;
}

td a {
    text-decoration:none;
}
th {
      color: #fff;
      background:#360;
      border: 1px solid #690;
      padding: 4px;
    }

td {
      color: #000;
      background:#eee;
      border: 1px solid #ccc;
      padding: 6px;
    }

td img {
      display:block; padding:2px
    }
    
td.km { text-align:right;}

#footer 
    { margin: 0px;
      padding: 1px 10px 1px 10px;
      color: #fff;
      background:#360;
      width: auto;
      border-top: 1px solid #690;
      border-bottom: 1px solid #690;
    }
    
.error { color: #f00; }

/* gallery */

.gtable
    { margin:auto;
      margin-top: 1em;}
                                                                                
.ghead
    { color: #fff;
      background-color: #360;
      padding:0.25em;
      border: 1px solid #690;
      }
                                                                                
.gcell
   { float: left;
     border-top: 1px solid #fff;
     border-left: 1px solid #fff;
     border-right: 1px solid #999;
     border-bottom: 1px solid #999;
     background-color: #eee;
     text-align:center;
     width:140px;
     height:120px;
     margin-right: 1px;
     margin-bottom: 1px;
     }

.gbody
   { border-left: 1px solid #eee;
     border-right: 1px solid #999;
     border-bottom: 1px solid #999;
     background-color: #ddd;
     padding: 0.25em;
     }
     
.gbody p {text-align:center;}
                                                             
.ghead a:link
   { color: #fff; }
.ghead a:visited
    { color: #ccc; }
.ghead a:active
   { color: #f00; }
.ghead a:hover
    { background-color: #7a0; }
                                                                              
.gcell a:link
   { color: #00f; }
.gcell a:visited
   { color: #609; }
.gcell a:active
   { color: #f00; }
                                                                                
.gcell a:link img
   { color: #000; }
.gcell a:visited img
   { color: #666; }
.gcell a:active img
   { color: #f00; }