html, body {margin:0; padding:0; width:100%; height:100%; overflow:hidden;}
    body {font-family:verdana, arial, sans-serif; font-size:76%; line-height: 1.3;}
    #background{position:absolute; z-index:1; width:100%; height:100%;}
    #scroller {position:absolute; width:100%; height:100%; top:0; left:0; overflow:auto; z-index:2;} 
    #content {padding:5px 30px 20px 200px; background-color: ##FF0000;  line-height: 1.7em; text-align:justify;}
    p {line-height:1.7em; letter-spacing:0.1em; text-align:justify;}
    
    #fixed {
    position:absolute; 
    top:2px; 
    left:10px; 
    width:100px; 
    z-index:10; 
    color:#000; 
    border:0px solid #000; 
    padding:3px; 
    }
   

 /* menue linke seite */


    #menu a {
    display: block;
    background-color:#ffffff;
    color:#000;
    font-weight:bold;
    text-decoration:none ;font-family:verdana, sans-serif; font-size: 9pt;
    width:120px;
    padding-left: 2px; padding-bottom: 1px;padding-top: 1px;margin-top: 2px ;margin-bottom: 2px;
    border:solid 1px #000066;
    }

    #menu td a:link{
    background-color:#ffffff;
    color:#000;
    text-decoration:none;
    font-family:verdana, sans-serif; 
    font-size: 8pt; 
    width:120px;
    padding-left: 2px; 
    padding-bottom: 2px;
    padding-top: 2px;
    margin-top: 2px ;
    margin-bottom: 2px;
    border:solid 1px #000066;
    }

    #menu td a:visited {
    background-color:transparent;
    color:#000;
    text-decoration:none;
    font-family:verdana, sans-serif; 
    font-size: 8pt; 
    width:120px;
    padding-left: 2px; 
    padding-bottom: 2px;
    padding-top: 2px;
    margin-top: 2px ;
    margin-bottom: 2px;
    border:solid 1px #000066;
    }

    #menu td a:hover {
    background-color:#ffffff;
    color: #000;
    text-decoration:none ;font-family:verdana, sans-serif;
    font-size:8pt;
    width:150px;
    padding-left: 2px; padding-bottom: 2px;padding-top: 2px;margin-top: 2px ;margin-bottom: 2px;
    border:solid 1px #000666;
    }

    #menu td a:active {
    background-color:#ffffff;
    color: #000;
    text-decoration:none ;font-family:verdana, sans-serif;
    font-size:9pt;
    width:120px;
    padding-left: 2px; padding-bottom: 2px;padding-top: 2px;margin-top: 2px ;margin-bottom: 2px;
    border:solid 1px #000066;
    }

    #menu td a:focus {
    background:#fff;
    color: #000;
    text-decoration:none ;font-family:verdana, sans-serif;
    font-size:8pt;
    width:120px;
    border:solid 1px #000066;
    }

    table,tr,td { 
    color: #000;
    font-family: 
    verdana,arial; 
    font-size: 10pt;
    height:11px;
    valign:bottom;
    align:center;
    }


    IMG { 
    BORDER: 0px;
    WIDTH: 170px;
    HEIGHT:auto;
    }

    h1{ 
    WIDTH: 150px;
    color: #000;
    font-family: verdana,arial; 
    font-size: 1.7em;
    text-align:center;
    font-weight: bold;
   }
    
    pre{ 
    color: #000;
    font-family: verdana,arial; 
    font-size: 8pt;
    }
    
    #content a {
    background-color: tranparent;
    font-weight:bold;
   color: #000;
    text-decoration:none ;font-family:verdana, sans-serif;
    font-size: 10pt;
    border:solid 0px #000066;
    }

    #content a:hover {
    background:#fff;
    color: #000;
    text-decoration:none ;font-family:verdana, sans-serif;
    font-size:10pt;
    border:solid 1px #000066;
    }
    
.menu_img { 
    BORDER: 0px;
    WIDTH: 150px;
    HEIGHT:auto;
    float: left;
padding: 1px 1px 1px 1px;    }



 /* adresse inhalts seiten unten */
#adr { 
    clear:left;
    margin-top:1em;
    background: tranparent;
    text-align:center;
    padding:2px;
    font-size: 0.8em;

}

/* Externe Links */
 a[href^="http:"] {
background: transparent url('http://www.surf-city.ch/images/extlink.gif') 100% 50% no-repeat;
padding-right: 33px;
}

/* Interne Links */
a[href^="http://surf-city.ch"],
a[href^="http://www.surf-city.ch"] {
background: transparent url('http://www.surf-city.ch/images/link-intern.gif') 100% 50% no-repeat;
padding-left: 5px;
}

/* javascript Links */
a[href^="javascript:anzeigen"] {
background: transparent url('http://www.surf-city.ch/images/link-intern.gif') 100% 50% no-repeat;
padding-right: 5px;
}
/* PDF Links */
a[href^="download"] {
background: transparent url('http://www.surf-city.ch/images/link-pdf.gif') 100% 50% no-repeat;
padding-right: 5px;
}


/*Bilder im Text Links*/
.image{
float:left;
}

dl.image{
float:left;
clear:both;
border:0px ridge #fff;

}
dl.left{
width:180px;
float:left;
text-align:center;
margin: 5px 5px 0px 0px;
}

dl.left dt,dl.left dd{
width:180px; 
margin:0;
padding:0;
text-align:center;
    text-decoration:none;
    font-family:verdana, sans-serif; 
    font-size: 8pt; 
font-style: italic;
}

/*Bilder im Text Rechts*/
dl.right{
width:180px; 
float:right;
text-align:center;
margin:5px  0px 0px 5px;
border: 0px ridge transparent;
padding-left:4px;

}

dl.right dt,dl.right dd{
width:180px; 
margin:0;
padding:0;
text-align:center;
    text-decoration:none;
    font-family:verdana, sans-serif; 
    font-size: 8pt; 
font-style: italic;
}

.t4{position:relative;bottom:25px;clear:both}
.t3{background:url(http://www.surf-city.ch/images/lupe.gif) no-repeat center center;width:30px;height:20px;position:absolute;right:-1px;bottom:0;top:0;display:inline;cursor:pointer}
* html .t4{bottom:21px}