/* schriftstil,abstände */
html {
		height: 100%;
	}
	
body{
margin-top: 0px; 
margin-left: 0px; 
margin-right: 0px;
margin-bottom: 0px; 
color: #000000;
background-color: #000;
padding: 0px;
height:100%;
font-family: verdana,arial; 
font-size: 9pt;
overflow:hidden;

}

/* START Formatierung Inhalt */
#Rahmen {
  position: absolute;
  background-color: #000;
  top: 50%;
  left: 50%;
  width: 860px;
  height	: 495px;
  margin-top: -270px;
  margin-left: -415px;
  overflow:hidden;
  z-index: 1;
  }


#inhalt {
   position: absolute; 
   width: 840px; 
   height: 480px; 
   z-index: 2; 
   left:15px; 
   top: 15px; 
   padding-top: 0px; 
   padding-bottom: 0px;
   }
  
    
iframe {
background-color: #fff;
background-attachment: fixed;
background-repeat: no-repeat; 
margin-top: 0px; 
margin-left: 0px; 
margin-right: 0px;
margin-bottom: 0px; 
padding: 0px;
border: 0px;
   }


#logo {
   position: relative; 
   width: 175px; 
   height: 45px; 
   z-index: 2; 
   left: 25px; 
   top: 18px;  
   }
/* ENDE Formatierung Inhalt */

#out {
margin :0px;
padding: 0px;
height: 100%;  
topmargin: 0; 
marginheight: 0;  
leftmargin: 0; 
marginwidth: 0;   
scroll: no;
}
h1{ 
color: #000066;
font-family: verdana,arial; 
font-size: 20pt}


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

td img { 
border: 0;
 }
img { 
border: 0;
 }
 

 
/* scrolleiste internet explorer ab vers.5.5 */

body {
scrollbar-arrow-color: #566d94; 
scrollbar-base-color: #000066;
scrollbar-highlight-color : #566d94; 
scrollbar-shadow-color : #566d94;
SCROLLBAR-TRACK-COLOR: #000066;
}





#inl {
font-family:verdana;
font-size:9pt;
line-height:14pt;
color:#000066;
margin-top:10px; 
margin-left: 10px; 
margin-right: 10px;
margin-bottom:10px;
background-color:#ffffff;
background-repeat:no-repeat;
background-attachment:fixed;
font-weight: 400;
}

.leiste {
background-color:#; 
color: silver;  
text-decoration: none ;
font-family: verdana, sans-serif; 
font-size: 10pt;
height: 29px;
}

/* menue linke seite */


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




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

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

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

#menu1 a:focus {
background:transparent;
color: #000066;
text-decoration:none ;font-family:verdana, sans-serif;
font-size:9pt;
width:130px;
padding-left: 2px; 
padding-bottom: 2px;
padding-top: 2px;
margin-top: 2px ;
margin-bottom: 2px;
border:solid 1px #000066;
}




/* allgemeine links im text */

#inl a:link{ 
color: #000000; 
text-decoration:none;
font-family: verdana; 
font-weight: bold;
font-size: 10pt;
background: transparent url('http://www.surf-city.ch/images/extern.gif') 100% 50% no-repeat;
padding-right: 21pt;
}

#inl a:visited{color: #000066;text-decoration:none;font-family: verdana; font-size: 10pt; font-weight: bold; background: transparent url('http://www.surf-city.ch/images/extern.gif') 100% 50% no-repeat; padding-right: 21pt;
}
#inl a:active{ color:#000066;text-decoration:none;font-family: verdana; font-size: 10pt; font-weight: bold; background: transparent url('http://www.surf-city.ch/images/extern.gif') 100% 50% no-repeat; padding-right: 21pt;
}
#inl a:hover{ color: #000066;background-color:#ffffff;  text-decoration:none;font-family: verdana; font-size: 10pt; font-weight: bold; background: transparent url('http://www.surf-city.ch/images/extern.gif') 100% 50% no-repeat; padding-right: 21pt;
}

/* allgemeine links KLEIN im text */

#inlk {
font-family:verdana;
font-size:9pt;
line-height:14pt;
color:#000066;
margin-top:10px; 
margin-left: 10px; 
margin-right: 10px;
margin-bottom:10px;
background-color:#ffffff;
background-image:url("../images/surf_city_NEU.jpg");
background-repeat:no-repeat;
background-attachment:fixed;
font-weight: 400;
}
#inlk a:visited{color: #000066;text-decoration:none;font-family: verdana; font-size: 7pt; font-weight: bold; background: transparent url('http://www.surf-city.ch/images/extern.gif') 100% 50% no-repeat; padding-right: 17pt;
}
#inlk a:active{ color:#000066;text-decoration:none;font-family: verdana; font-size: 7pt; font-weight: bold; background: transparent url('http://www.surf-city.ch/images/extern.gif') 100% 50% no-repeat; padding-right: 17pt;
}
#inlk a:hover{ color: #000066;background-color:#ffffff;  text-decoration:none;font-family: verdana; font-size: 7pt; font-weight: bold; background: transparent url('http://www.surf-city.ch/images/extern.gif') 100% 50% no-repeat; padding-right: 17pt;
}



#adresse{
position: absolute;
bottom: 10px;
  left: 50%;
  margin-left: -415px;
text-decoration: none;
text-indent: -999em;
height: 20px;
width: 840px;
background: url("../images/adresse-unten.jpg") bottom center no-repeat;
display: block;
z-index: 4;
}



    
  /* Lauftext Laufband oben (ticker2.js) */
  
#band{
position: absolute;
bottom: 0;
  top: 50%;
  left: 50%;
text-decoration: none;
height: 20px;
width: 840px;
background-color:#000;
display: block;
margin-left: -415px;
margin-top: -305px;
  overflow:hidden;
  z-index: 1;
color:white;
}

#ticker{
color: #FF0000;
font-family: verdana,arial; 
font-size: 9pt;
}

#ticker a{
color: #FF0000;
font-family: verdana,arial; 
font-size: 10pt;
text-decoration: none;
font-weight:bold;
}

/* Lightbox vorschau Bilder */
    .thumb {
    display: block;
    height: 100px;
    width: auto;
    margin: 6px 0px 36px 12px;
    padding: 3px;
    float: left;
    background-color: transparent;
    border-style: solid;
    border-width: 1px;
    border-color:  #99cccc;
    }


    .thumb a img {
    border : 0 none;
    text-decoration: none;
    height: 100px;
    width: auto;
    align: center;
    }
    
    .thumb a:link,  .thumb a:hover, .thumb a:active {
    border : 0 none;
    text-decoration: none;
        width: 200px;

    }
  
    
    
    .text {
	color: #FFFFFF;
	font-family: verdana, sans-serif; 
	font-size: 7pt;
   }