body {
font-family:Georgia, Arial, serif;
z-index:-1;
color:navy;
margin:0; padding:0;
text-align:center;
background: #96A1CC url("logo_pic/bs_tile_bluecanvas.gif");
}
 
h1 {
font-family:Georgia, Geneva, Arial, SunSans-Regular, 
sans-serif;
color:#993333;
}

h2 {
color:#993333;
}

h3 {
font-family:Georgia, Geneva, Arial, SunSans-Regular, 
sans-serif;
}

#outercon {
margin: 5px;
padding:0px;
text-align:left;
}


#header {
left:auto;
right:auto;
height:100px;
background: #FFE4B5 url("logo_pic/bs_tile_moc5.jpg");
border:1px solid #993333;
}

img#headerlogo {
margin-top:-5px;
margin-left:10px;
border:none;
}

#headerText {
position:relative;
z-index:10;
top:25px;
left:20px;
}

.headerp {
font-family:"Brush Script MT";
color:#993333;
font-size:30px;
text-align:center;
}



#navigation2 {
position:relative;
top:0px;
height:2em;
background-color:#FFE4B5; 
background-image:none;
border: 1px solid #993333;
}
#navigation2 ul {
float:left;
width:100%;
margin:-7px 0 0 30px;
padding:0px 0px 0px 0px;
font-size:90%;
}
#navigation2 ul li {
display:inline;
}
#navigation2 ul li a{
float:left;
margin-right:0.2em;
padding:0.3em;
text-decoration:none;
background-color:#FFE4B5;

}
#navigation2 ul li a:visited {color: #993333;}
#navigation2 ul li a:hover {color:#96A1CC;
}

#navigation2 ul ul {
display:none;
margin:50;
position:absolute;
padding:2em;width:3em;

}
#navigation2 ul ul li{position:relative;
}

#navigation2 ul li:hover ul{
color:#96A1CC; background:none;
display:block;
position:;
z-index:50;
}

#helper {
position:relative;
top:0;
left:0;
width:100%;
margin-top: 5px;
}



#navigation {
position:absolute;
z-index:10;
top:0;
left:0px;
width:200px;
min-height:500px;
height:105%;
margin:0;
background:#FFE4B5 url("logo_pic/tile_oil.gif"); 
border: 1px solid #993333;
}


#aktuelles h4 {
text-align:center;
margin: 0.9em 0 0 0;
background:#96A1CC url("logo_pic/bs_tile_bluecanvas.gif");
}

#aktuelles p {
color:;
margin: 0 0 0.1% 0;
padding:0.5em;
line-height:120%;
border-bottom:1px solid #96A1CC;
}

#aktuelles p.dirigent {
text-align:center;
}

.imageAktuelles{
display:block;
margin-left:auto;
margin-right:auto;
}

#centerDoc {
padding:0.1em 8em 0 10px;
left:auto;
right:auto;
margin:0 0 0 205px;
text-align:left;
background-color:#F9F4EB;
border:1px solid #993333;
}

.title {
padding:0.2em;
}
.homepic {
float:right;
padding:0 1em 0.5em 0.5em;
margin:5px 5px 10px 0px;

}
.synpic {
float:left;
padding:0 2em 0.5em 0.5em;
margin:5px 5px 10px 0px;
align:top;
border:none;
}

.synpic1 {
float:right;
padding:0 0em 0.5em 2em;
margin:5px 0px 10px 5px;
align:top;
border:none;
}

.frontpic {
float:left;
padding:0 0 10px 40px;
align:middle;
}

.news {
font-family:Georgia, Geneva, Arial, SunSans-Regular, sans-serif;
color: #993333;
font-size:1.3em;
text-align:center;
}

.picsfr {        /*trial*/
position:relative;
float:left;
padding:3px;
margin:0 15px 15px 0;
text-align:center;
}

.smallPortrait {        /*80x80 picture*/
position:relative;
float:left;
padding:3px;
margin:5px 20px;
text-align:justify;
}


.clear {
clear:both;
}

p.tools {
float:left;
padding:2em;
}

.indenttop{
text-indent:20px;}


.tbwhole {width:100%}

#home .home, #schule .schule, #synagoge .synagoge, #infos .infos, 
#contact .contact, #partner .partner, #geschichte .geschichte, #kalender .kalender,
#gallery .gallery, #anfahrt .anfahrt, #chat .chat{
border-left:2px solid #993333;border-right:2px solid #993333;
border-color: #993333;

}

#footer {
clear:both;
font-size: 80%;
margin-top: 1em;
padding: 2em 1em 4em 0;
color:navy;
border-top:1px dotted navy;
}

#player {
width: 400px;
height: 300px;
margin: 0;
padding: 0;
background: #ccc;
}

#imgBox{
position:relative;
width:300px;
height:340px;
margin:10px 80px;
}

#imgCycle{
position:absolute;
float:left;
width:500px;;
height:340px;
overflow:hidden;
}

.imgCycle{
position:absolute;

width:500px;;
height:340px;
overflow:hidden;
}

.imgCycle img {
padding:Ê15px;ÊÊ
ÊÊÊÊborder:ÊÊ1pxÊsolidÊ#ccc;ÊÊ
ÊÊÊÊbackground-color:Ê#eee;ÊÊ
ÊÊÊÊwidth:ÊÊ600px;Ê
ÊÊÊÊheight:Ê500px;Ê
ÊÊÊÊtop:ÊÊ0;Ê
ÊÊÊÊleft:Ê0Ê
}

.textPic{
margin-left: 80px;
}

.infostyle {
width:500px;
float:left;
text-align:left;
color:lime;
}


.example1 a
{position:relative;}
.example1 a span {
visibility:hidden;
position:absolute;
top:100px;
left:100px;
width:200px;
padding:5px;
background:white;
color:navy;
border:2px solid blue;
}

.example1 a:hover{visibility:visible;}
.example1 a:hover span{visibility:visible;}


.gallerycont {
font-family:verdana;
position:relative;
width:625px;
margin:0 auto;
z-index:1;
}


.gallerycont ul {
padding:0;
margin:0;
list-style-type:none;
border:0;
}

.gallerycont ul li {
float:left;
}


.gallerycont ul li a, .gallerycont ul li a:visited {
display:block;
float:left;
text-align:center;
text-decoration:none;
width: 124px;
height:30px;
color:black;
border:5px solid white;
border-width: 1px 1px 0 0;
background: #C9C9A7;
line-height: 30px;
font-size:11px;
}

.gallerycont ul li ul {
display:none;
}

.gallerycont ul li:hover a {
color: white;
background:#993333;
}


.gallerycont ul li:hover ul{
position:absolute;
display:block;
top:31px;
left:80px;
text-align:left;
left:0;
}

.gallerycont ul li:hover ul li {
position:relative;
width:464px;
height:365px;
border:10px solid #993333;
background:#EEE;
color:black;
padding: 40px 60px;
}

.gallerycont ul li:hover li a img {
width:100px; height:75px;
border:0; margin:5px;
}

.gallerycont ul li:hover ul li a {
float:left;
width:110px;
height:85px;
background:#EEE;
border:1px solid #888;
margin: 1px;
}

.gallerycont ul li:hover ul li a:hover {
position:relative;
}

.gallerycont ul li:hover li a:hover img {
position:absolute;
width:200px; height:150px;
left:-50px; top:-38px;
border:0;
border: 1px solid #888;
padding:5px;
background:#CCC;
}


<!-- tab menu -->

{}

#menu {
margin:0;
padding:0;
height:36em;
overflow:hidden;
background:#F0F0F0;
}

#menu li {
list-style-type:none;
float:left;
display:block;
width:100%;
}
#menu li a {
display:block;
text-decoration:none;
color:#0000BB;
margin:0;
width:100%;
}

#menu li a span {
display:none;
color:#000000;
}

#menu li a.one span {
display:block;
height:10em;
margin:0px 0px 0px 10px;
}

#menu li a:hover {
background:#F1F1F1;
}

#menu li a:hover span {
display:block;
height:20em;
margin:0px 0px 0px 10px;
cursor:pointer;
}

#menu .h2 {
margin:0 5px;
padding:0;
color:#993333;
font-size:1.2em;
border:0;
}

#menu .h3 {
margin:0 5px;
padding:0;
font-size:1.1em;
color:#0000BB;
border:0;
}

#menu img {
margin:8px 30em 8px 0px;
border:1px solid #000000;
float:left;
align:left;
}

#menu .name {
color:navy;
border-bottom:1px dotted #cbd3f4;
margin:0px;
padding:5px 0px 5px 0px;
text-align:left;
line-height:100%;
}

#menu .werk {
color:navy;
padding:5px 0px 5px 0px;
margin:0px;
border-bottom:1px dotted #cbd3f4;
}

#menu .text {
color:navy;
padding:5px 0px 5px 0px;
margin:0px;
border-bottom:1px dotted #cbd3f4;
}

.curved {
width:20em;
margin:0 0 0 3px;
}

.curved .b1, .curved .b2, .curved .b3, .curved .b4 {
font-size:1px;
display:block;
background:#8888CC;
overflow:hidden;
}

.curved .b1, .curved .b2, .curved .b3 {
height:1px;
}


.curved .b2, .curved .b3, .curved .b4 {
background:#F0F0F0;
border-left:1px solid #8888CC;
border-right:1px solid #8888CC;
}

.curved .b1 {
margin:0 4px;
background:#8888CC;
}

.curved .b2 {
margin:0 2px;
border-width:0 2px;
}

.curved .b3 {
margin:0 1px;
}
.curved .b4 {
height:2px;
margin:0;
}

.curved .c1 {
margin:0 5px;
background:#8888CC;
}
.curved .c2 {
margin:0 3px;
border-width:0 2px;
}
.curved .c3 {
margin:0 2px;
}
.curved .c4 {
height:2px;
margin:0 1px;
}




.curved .boxcontent {
display:block;
background:transparent;
border-right:1px solid #8888CC;
border-left:1px solid #8888CC;
font-size:0.9em;
}

a#popup:visited 
{color:#993333; text-decoration:none;}
a#popup 
{color:#993333;text-decoration:none;}
a#popup span 
{display:none; }
a#popup:hover 
{color:#993333; cursor:default;}

a#popup:hover #popbox{ 
display:block;
position:absolute;
left:180px;
width:600px; height:350px; 
background-color:#fff; color:navy; 
border:2px solid #993333; 
text-align:left; 
font-family:verdana; font-size:11px;
padding-left:20px; padding-top:5px;padding-right:5px;
text-decoration:none;
}