body {font-family: verdana, san-serif; color: #666666; font-size:12px; background-color: #dfdfdf }
#page { display: block; background: #999999 url(brighton.jpg) no-repeat; width:988px; height:680px; padding: 10px 10px 10px 10px }
img { margin: 0px }
span { display: none}


#menu { display:block; float: left; width: 210px; padding: 0px 0px 10px 0px; margin: 10px 10px 10px 10px; background-color: #f6d809; list-style:none }
.submenu { padding: 0px 0px 0px 40px; margin: 0px; color: #666666 }

#menutop { margin: 0px 0px 35px 0px }

#menutop a:link { display: block; width: 210px; height: 115px; background-image: url(menutop.gif) }
#menutop a:visited { display: block; width: 210px; height: 115px; background-image: url(menutop.gif) }
#menutop a:hover { display: block; width: 210px; height: 115px; background-image: url(menutophov.gif) }
#menutop a:active { display: block; width: 210px; height: 115px; background-image: url(menutopact.gif) }

#menuabout a:link { display: block; width: 210px; height: 40px; background-image: url(menuabout.gif) }
#menuabout a:visited { display: block; width: 210px; height: 40px; background-image: url(menuabout.gif) }
#menuabout a:hover { display: block; width: 210px; height: 40px; background-image: url(menuabouthov.gif) }
#menuabout a:active { display: block; width: 210px; height: 40px; background-image: url(menuaboutact.gif) }

#menupress a:link { display: block; width: 210px; height: 40px; background-image: url(menupress.gif) }
#menupress a:visited { display: block; width: 210px; height: 40px; background-image: url(menupress.gif) }
#menupress a:hover { display: block; width: 210px; height: 40px; background-image: url(menupresshov.gif) }
#menupress a:active { display: block; width: 210px; height: 40px; background-image: url(menupressact.gif) }

#menucontact a:link { display: block; width: 210px; height: 40px; background-image: url(menucontact.gif) }
#menucontact a:visited { display: block; width: 210px; height: 40px; background-image: url(menucontact.gif) }
#menucontact a:hover { display: block; width: 210px; height: 40px; background-image: url(menucontacthov.gif) }
#menucontact a:active { display: block; width: 210px; height: 40px; background-image: url(menucontactact.gif) }

#menu a:link { color: #666666; text-decoration: none}
#menu a:visited { color: #666666; text-decoration: none}
#menu a:hover { color: #ffffff; text-decoration: none}
#menu a:active { color: #000000; text-decoration: none}



#content { display: block; float:left; width: 700px; height: 490px; background-color: #ffffff; border: 1px #999999; margin: 140px 10px 10px 10px; padding: 10px 10px 10px 10px }

#copycontainer { display: block; float: left; width: 305px; height: 400px; padding: 0px 10px 10px 10px}

#copy { display: block; float: left; width: 305px; height: 420px; padding: 30px 0px 0px 0px; margin: 0px; text-align: justify }
#copyfreia { display: block; float: left; width: 305px; height: 340px; padding: 30px 0px 0px 0px; margin: 0px; text-align: justify }
p.title { font-size: 18pt; margin: -5px 0px 20px 0px}

#content img { float: left; height: 470px; padding: 10px 0px 10px 10px}

#content a:link { color: #000000; font-weight: normal; text-decoration: none}
#content a:visited { color: #000000; font-weight: normal; text-decoration: none}
#content a:hover { color: #f6d809; font-weight: normal; text-decoration: none}
#content a:active { color: #000000; font-weight: normal; text-decoration: none}

#imgflick { display: block; float:left; width:285px; height: 20px; padding: 0px 0px 0px 0px; margin: 10px 10px 10px 10px; text-align: right }
#imgflickfreia { display: block; float:left; width:285px; height: 100px; color: #cccccc; padding: 0px 0px 0px 0px; margin: 10px 10px 10px 0px; text-align: left }


#indexcopy { display: block; float: left; width: 305px; height: 420px; padding: 30px 0px 0px 0px; margin: 0px; text-align: justify; color: #333333 }

#indexcontent { display: block; float:left; width: 700px; height: 490px; background-color: transparent; filter:alpha(opacity=70);  -moz-opacity:0.7; opacity: .7; border: 1px #999999; margin: 140px 10px 10px 10px; padding: 10px 10px 10px 10px }

#indexcontent a:link { color: #000000; font-weight: normal; text-decoration: none}
#indexcontent a:visited { color: #000000; font-weight: normal; text-decoration: none}
#indexcontent a:hover { color: #0099ff; font-weight: normal; text-decoration: none}
#indexcontent a:active { color: #000000; font-weight: normal; text-decoration: none}

#news { display: block; float: left; width: 323px; height: 440px; padding: 20px 10px 10px 20px; margin: 10px; background-color:#ffffff; color: #333333 }

#news a:link { color: #0099ff; text-decoration: none}
#news a:visited { color: #0099ff; text-decoration: none}
#news a:hover { color: #000000; text-decoration: none}
#news a:active { color: #000000; text-decoration: none}