body{
  margin : 0px;
  padding : 0px;
  background-image:url('../images/symbol/background.jpg');
}

td{
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 13px;
}

label.formlabel{
  clear:left;
  float:left;
  width:50%;
  padding-right:2px;
  font-family : verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size : 12px;
  text-align:right;
}		

#banner
{
 font-family:  "Times New Roman", zapfino, "Monotype Corsiva", Georgia,  Times, serif;
 color:#336699;
 margin:10px;
}
		
#banner h1.headerleft
{
 font-family:  "Times New Roman", zapfino, "Monotype Corsiva", Georgia, Times, serif;
 color:#336699;
 display:inline;
 font-size:84px;
 white-space : nowrap;
 padding: 0px 0px 0px 110px;
 }

#banner h2.headerright{
 font-family:  "Times New Roman", zapfino, "Monotype Corsiva", Georgia,  Times, serif;
 color:#336699;
 display:inline;
 font-size:16px;
 white-space : nowrap;
 text-decoration:underline;
 padding: 0px 0px 0px 40px;

}

h1.headline{
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 40px;
  text-align:center;
  color:olive;
  white-space : nowrap;
  padding : 0px 0px 0px 10px;
  margin : 0px;
}



b{
  font-weight:bold;
}

#content b.red{
  color:rgb(255,0,0);
}

#content b.italicred{
  font-style:italic;
  color:rgb(255,0,0);
}

i{
  font-style:italic;
}

u{
  text-decoration:underline;
}

ul.disc {
  list-style-type: disc;
  font-family: verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size : 13px;
  text-decoration : none;
  text-align:left;
  display : block;
}



/* Navigation Menu - link visited hover active*/


#menu{
  font-family: "Times New Roman", zapfino, "Monotype Corsiva", Georgia,  Times, serif;
  color:#336699;
  position : absolute;
  width : 200px;
  top:50px;
  left:20px;
  text-align:center;
  font-style:bold;
   font-weight:bold;
 /* background-color : transparent;*/
  padding-top :55px;
  padding-left:30px;
}


#menu p{
  line-height : 230%;
}


#menu p.width{
width:280px;
}

#menu a{
  /*font-family: verdana, Geneva, Arial, Helvetica, sans-serif;*/
  font-size : 20px;
  color : white;
  font-style:bold;
  font-weight:bold;
  /*background-color : transparent;*/
  text-decoration : none;
   display : block;
}

#menu a:hover{
 color : red;
 background-color : transparent;
 /* color:#336699;*/
 /* background-color:#66ccff;*/
  /*text-decoration : underline;*/
}

#menu a:active {
  border: 1px dotted silver
  color : maroon;
  background-color : transparent;
}

#content a{
  text-decoration : underline;
  color : maroon;
  background-color : transparent;
}

#content a:hover{
   color : red;
 /* text-decoration : underline overline;*/
}

a:link {color: maroon}
a:visited {color:maroon}
a:hover {color: red}
a:active {color: navy}


/* CONTENT */

#contenthome{
  display:block;
  margin : -25px 20px 0px 310px;
  padding-top : 2px;
  padding-left : 0px;
  padding-right:20px;
 /* border-left : 1px solid silver;*/
}

#contenthome p{
  line-height :120%;
/*  text-align:left;*/
  text-align:justify;
  font-family : Papyrus, verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size :20px;
  font-weight:normal;
}

#content{
  margin-top : 0px;
  margin-left : 270px;
  margin-right : 60px;
/*   margin-right : 60px;*/
  padding-top : 13px;
  padding-left : 20px;
  z-index: -2;
}

#content p{
  line-height :140%;
  text-align:left;
  font-family : verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size : 12px;
  font-weight:normal;
}

#content p.center{
  line-height :140%;
  text-align:center;
  font-family : verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size : 12px;
  font-weight:normal;
}

#content p.right{
  line-height :140%;
  text-align:right;
  font-family : verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size : 12px;
  font-weight:normal;
}

#content p.top{
vertical-align:text-top
}

#content p.italic{
  font-family : verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size : 12px;
  font-style:italic;
}


#content p.bold{
  font-family : verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size : 15px;
  font-style:bold;
}

#content p.space{
  line-height :180%;
  text-align:left;
  font-family : verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size : 12px;
  font-weight:normal;
}

#content p.titel{
  line-height : 140%;
  text-decoration:underline;
  text-align:left;
  font-family : verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size : 14px;
  font-weight:bold;
}


#content p.border{
  border: 1px solid #336699;
}

#content p.photoalbum{
  line-height : 140%;
  text-decoration:underline;
  font-family: Zapfino, "Monotype Corsiva", Georgia, "Times New Roman", Times, serif;
  font-size : 20px;
  font-weight:italic;
  color:olive;
}

#content p.specialtitel{
  line-height : 140%;
  text-decoration:underline;
  text-align:center;
  font-family : Zapfino, verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size : 18px;
  font-weight:Bold;
  font-style:italic;
}

#content p.specialtitelred{
  line-height : 170%;
  font-family : Zapfino, verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size : 21px;
  font-weight:Bold;
  font-style:italic;
  text-align:center;
  color:red;
}


#content p.photoalbum{
  line-height : 140%;
  text-decoration:underline;
  font-family: Zapfino, "Monotype Corsiva", Georgia, "Times New Roman", Times, serif;
  font-size : 20px;
  font-weight:italic;
  text-align:center;
  color:olive;
}



/* image */

img.seaview{
 position:absolute;
 left:0px;
 border:1px solid #336699;
 z-index:-10;
}

img.seaviewbungaraya{
 /*background-image:url('../images/symbol/seaview.jpg');*/
 /* background-repeat:no-repeat;*/
 position:absolute;
 left:0px;
 z-index:-10;
}


img.flag{
 /*background-image:url('../images/symbol/flag.jpg');*/
 position:absolute;
 margin-left:110px;
 border:1px solid #336699;
 top:105px;
 z-index:-5;
}

img.bungaraya{
/* background-image:url('../images/symbol/bungaraya.jpg');*/
 position:absolute;
 left:41px;
 top:478px;
 z-index:-5;
}

/* Upcoming Event */

#content p.upcomingevent{
  font-family : "Monotype Corsiva", Zapfino, verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size : 25px;
  text-align:center;
  font-style:italic;
  font-weight:bold;   
}

#content p.header{
  font-family: verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 15px;
  text-align:center;
  font-style:italic;
  font-weight : bold;
}

#content p.content{
  font-family: verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-align:left;
  color:black;
  font-weight : bold;
}


/* ----------------- */


/* FOOTER */

#footer{
  padding:0.5em;
  color:#336699;
  clear:left;
}

#footer p.center{ 
  line-height : 140%;
  font-family : verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size : 12px;
  text-align:center;
}


div.container_event {
  border: 1px solid #336699;
  background-color: #fff;
  padding: 10px;
}



/* membership application */

#membership 
{
font-family: verdana, Arial, "Trebuchet MS", Helvetica, sans-serif;
border:1px solid black;
width:65%;
border-collapse:collapse;
}


#membership td
{
width=50%;
font-size:1em;
border:1px solid grey;
background-color:white;
color:black;
/*padding:3px 7px 2px 7px;*/
}

#membership th 
{
font-size:1.1em;
text-align:center;
background-color:rgb(254,204,153);
color:black;
}

#membership th.blue
{
font-size:1.3em;
text-align:center;
border:1px solid black;
padding-top:3px;
padding-bottom:2px;
background-color:#336699;
color:#ffffff;
}


#membership th.green
{
font-size:1.1em;
text-align:center;
background-color:rgb(153,204,0);
color:black;
}


#membership input.text
{
border:1px none red;
}